fix: add aria-label props & chenge button hover

Atnic · May 2, 2024 · ce52170 · ce52170
1 parent 539db97
commit ce52170
Show file tree

Hide file tree

Showing 107 changed files with 752 additions and 95 deletions.
diff --git a/packages/components/accordion/CHANGELOG.md b/packages/components/accordion/CHANGELOG.md
@@ -1,5 +1,22 @@
 # @jala-banyu/accordion
 
+## 3.0.2
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.2
+
+## 3.0.1
+
+### Patch Changes
+
+- add aria-label props & change button hover
+
+- Updated dependencies []:
+  - @jala-banyu/divider@4.1.1
+  - @jala-banyu/theme@1.6.1
+
 ## 3.0.0
 
 ### Patch Changes

diff --git a/packages/components/accordion/package.json b/packages/components/accordion/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@jala-banyu/accordion",
-  "version": "3.0.0",
+  "version": "3.0.2",
   "description": "Collapse display a list of high-level options that can expand/collapse to reveal more information.",
   "keywords": [
     "react",
@@ -43,7 +43,7 @@
     "react": ">=18",
     "react-dom": ">=18",
     "framer-motion": ">=4.0.0",
-    "@jala-banyu/theme": "1.6.0",
+    "@jala-banyu/theme": "1.6.2",
     "@jala-banyu/system": ">=1.0.0"
   },
   "dependencies": {

diff --git a/packages/components/accordion/src/use-accordion.ts b/packages/components/accordion/src/use-accordion.ts
@@ -44,6 +44,8 @@ interface Props extends HTMLBanyuProps<"div"> {
    * The accordion items classNames.
    */
   itemClasses?: AccordionItemProps["classNames"];
+  /** An accessibility label for this item. */
+  "aria-label"?: string;
 }
 
 export type UseAccordionProps<T extends object = {}> = Props &

diff --git a/packages/components/alert/CHANGELOG.md b/packages/components/alert/CHANGELOG.md
@@ -1,5 +1,15 @@
 # @jala-banyu/alert
 
+## 1.1.6
+
+### Patch Changes
+
+- add aria-label props & change button hover
+
+- Updated dependencies []:
+  - @jala-banyu/avatar@6.0.1
+  - @jala-banyu/button@6.0.1
+
 ## 1.1.5
 
 ### Patch Changes

diff --git a/packages/components/alert/package.json b/packages/components/alert/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@jala-banyu/alert",
-  "version": "1.1.5",
+  "version": "1.1.6",
   "description": "Alert is a notification that typically appears as a small popup with text, an image, or a button.",
   "keywords": [
     "alert"

diff --git a/packages/components/alert/src/use-alert.ts b/packages/components/alert/src/use-alert.ts
@@ -39,6 +39,8 @@ interface Props extends HTMLBanyuProps<"div"> {
    * The content of the alert.
    */
   children?: string | React.ReactNode;
+  /** An accessibility label for this item. */
+  "aria-label"?: string;
 }
 
 export type UseAlertProps = Props &

diff --git a/packages/components/avatar/CHANGELOG.md b/packages/components/avatar/CHANGELOG.md
@@ -1,5 +1,21 @@
 # @jala-banyu/avatar
 
+## 6.0.2
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.2
+
+## 6.0.1
+
+### Patch Changes
+
+- add aria-label props & change button hover
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.1
+
 ## 6.0.0
 
 ### Patch Changes

diff --git a/packages/components/avatar/package.json b/packages/components/avatar/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@jala-banyu/avatar",
-  "version": "6.0.0",
+  "version": "6.0.2",
   "description": "The Avatar component is used to represent a user, and displays the profile picture, initials or fallback icon.",
   "keywords": [
     "avatar"
@@ -36,7 +36,7 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "@jala-banyu/theme": "1.6.0",
+    "@jala-banyu/theme": "1.6.2",
     "@jala-banyu/system": "1.1.0"
   },
   "dependencies": {

diff --git a/packages/components/avatar/src/use-avatar.ts b/packages/components/avatar/src/use-avatar.ts
@@ -111,6 +111,8 @@ interface Props extends HTMLBanyuProps<"span"> {
    * ```
    */
   classNames?: SlotsToClasses<AvatarSlots>;
+  /** An accessibility label for this item. */
+  "aria-label"?: string;
 }
 
 export type UseAvatarProps = Props &

diff --git a/packages/components/breadcrumbs/CHANGELOG.md b/packages/components/breadcrumbs/CHANGELOG.md
@@ -1,5 +1,21 @@
 # @jala-banyu/breadcrumbs
 
+## 6.0.2
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.2
+
+## 6.0.1
+
+### Patch Changes
+
+- add aria-label props & change button hover
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.1
+
 ## 6.0.0
 
 ### Patch Changes

diff --git a/packages/components/breadcrumbs/package.json b/packages/components/breadcrumbs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@jala-banyu/breadcrumbs",
-  "version": "6.0.0",
+  "version": "6.0.2",
   "description": "Breadcrumbs display a hierarchy of links to the current page or resource in an application.",
   "keywords": [
     "breadcrumbs"
@@ -36,7 +36,7 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "@jala-banyu/theme": "1.6.0",
+    "@jala-banyu/theme": "1.6.2",
     "@jala-banyu/system": "1.1.0"
   },
   "dependencies": {

diff --git a/packages/components/breadcrumbs/src/use-breadcrumbs.ts b/packages/components/breadcrumbs/src/use-breadcrumbs.ts
@@ -94,6 +94,8 @@ interface Props extends HTMLBanyuProps<"nav">, AriaBreadcrumbsProps {
    * @param key string
    */
   onAction?: (key: Key) => void;
+  /** An accessibility label for this item. */
+  "aria-label"?: string;
 }
 
 export type UseBreadcrumbsProps = Props &

diff --git a/packages/components/button/CHANGELOG.md b/packages/components/button/CHANGELOG.md
@@ -1,5 +1,25 @@
 # @jala-banyu/button
 
+## 6.0.2
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.2
+  - @jala-banyu/ripple@6.0.2
+  - @jala-banyu/spinner@6.0.2
+
+## 6.0.1
+
+### Patch Changes
+
+- add aria-label props & change button hover
+
+- Updated dependencies []:
+  - @jala-banyu/spinner@6.0.1
+  - @jala-banyu/theme@1.6.1
+  - @jala-banyu/ripple@6.0.1
+
 ## 6.0.0
 
 ### Patch Changes

diff --git a/packages/components/button/package.json b/packages/components/button/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@jala-banyu/button",
-  "version": "6.0.0",
+  "version": "6.0.2",
   "description": "Buttons allow users to perform actions and choose with a single tap.",
   "keywords": [
     "button",
@@ -39,7 +39,7 @@
     "framer-motion": ">=4.0.0",
     "react": ">=18",
     "react-dom": ">=18",
-    "@jala-banyu/theme": "1.6.0",
+    "@jala-banyu/theme": "1.6.2",
     "@jala-banyu/system": "1.1.0"
   },
   "dependencies": {

diff --git a/packages/components/button/src/use-button-group.ts b/packages/components/button/src/use-button-group.ts
@@ -16,6 +16,8 @@ interface Props extends HTMLBanyuProps, ButtonGroupVariantProps {
    * @default false
    */
   isDisabled?: ButtonProps["isDisabled"];
+  /** An accessibility label for this item. */
+  "aria-label"?: string;
 }
 
 export type ContextType = {

diff --git a/packages/components/button/src/use-button.ts b/packages/components/button/src/use-button.ts
@@ -56,6 +56,8 @@ interface Props extends HTMLBanyuProps<"button"> {
    * use `onPress` instead.
    */
   onClick?: MouseEventHandler<HTMLButtonElement>;
+  /** An accessibility label for this item. */
+  "aria-label"?: string;
 }
 
 export type UseButtonProps = Props &
@@ -202,8 +204,8 @@ export function useButton(props: UseButtonProps) {
   const spinnerSize = useMemo(() => {
     const buttonSpinnerSizeMap: Record<string, SpinnerProps["size"]> = {
       sm: "sm",
-      md: "sm",
-      lg: "md",
+      md: "md",
+      lg: "lg",
     };
 
     return buttonSpinnerSizeMap[size];

diff --git a/packages/components/button/stories/button.stories.tsx b/packages/components/button/stories/button.stories.tsx
@@ -170,6 +170,21 @@ export const IsLoading = {
     isLoading: true,
   },
 };
+export const IsLoadingWithText = {
+  parameters: {
+    design: {
+      type: "figma",
+      url: "https://www.figma.com/file/T0TUGURgVGElV6MtU2EPYU/%5BJDS%5D-Design-System---Banyu-1.0?node-id=376%3A46775&mode=dev",
+    },
+  },
+  args: {
+    ...defaultProps,
+    children: "Loading",
+    color: "primary",
+    spinnerProps: {size: "sm"},
+    isLoading: true,
+  },
+};
 
 // export const WithState = {
 //   render: StateTemplate,

diff --git a/packages/components/card/CHANGELOG.md b/packages/components/card/CHANGELOG.md
@@ -1,5 +1,23 @@
 # @jala-banyu/card
 
+## 6.0.2
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.2
+  - @jala-banyu/ripple@6.0.2
+
+## 6.0.1
+
+### Patch Changes
+
+- add aria-label props & change button hover
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.1
+  - @jala-banyu/ripple@6.0.1
+
 ## 6.0.0
 
 ### Patch Changes

diff --git a/packages/components/card/package.json b/packages/components/card/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@jala-banyu/card",
-  "version": "6.0.0",
+  "version": "6.0.2",
   "description": "Card is a container for text, photos, and actions in the context of a single subject.",
   "keywords": [
     "card"
@@ -37,7 +37,7 @@
     "react": ">=18",
     "react-dom": ">=18",
     "framer-motion": ">=4.0.0",
-    "@jala-banyu/theme": "1.6.0",
+    "@jala-banyu/theme": "1.6.2",
     "@jala-banyu/system": "1.1.0"
   },
   "dependencies": {

diff --git a/packages/components/card/src/use-card.ts b/packages/components/card/src/use-card.ts
@@ -50,6 +50,8 @@ export interface Props extends HTMLBanyuProps<"div"> {
    * ```
    */
   classNames?: SlotsToClasses<CardSlots>;
+  /** An accessibility label for this item. */
+  "aria-label"?: string;
 }
 
 export type UseCardProps = Props & PressEvents & FocusableProps & CardVariantProps;

diff --git a/packages/components/checkbox/CHANGELOG.md b/packages/components/checkbox/CHANGELOG.md
@@ -1,5 +1,21 @@
 # @jala-banyu/checkbox
 
+## 3.0.2
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.2
+
+## 3.0.1
+
+### Patch Changes
+
+- add aria-label props & change button hover
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.1
+
 ## 3.0.0
 
 ### Patch Changes

diff --git a/packages/components/checkbox/package.json b/packages/components/checkbox/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@jala-banyu/checkbox",
-  "version": "3.0.0",
+  "version": "3.0.2",
   "description": "Checkboxes allow users to select multiple items from a list of individual items, or to mark one individual item as selected.",
   "keywords": [
     "checkbox"
@@ -36,7 +36,7 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "@jala-banyu/theme": "1.6.0",
+    "@jala-banyu/theme": "1.6.2",
     "@jala-banyu/system": ">=1.0.0"
   },
   "dependencies": {

diff --git a/packages/components/checkbox/src/use-checkbox.ts b/packages/components/checkbox/src/use-checkbox.ts
@@ -65,6 +65,8 @@ interface Props extends Omit<HTMLBanyuProps<"input">, keyof CheckboxVariantProps
    * ```
    */
   classNames?: SlotsToClasses<CheckboxSlots>;
+  /** An accessibility label for this item. */
+  "aria-label"?: string;
 }
 
 export type UseCheckboxProps = Omit<Props, "defaultChecked"> &

diff --git a/packages/components/chip/CHANGELOG.md b/packages/components/chip/CHANGELOG.md
@@ -1,5 +1,21 @@
 # @jala-banyu/chip
 
+## 3.0.2
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.2
+
+## 3.0.1
+
+### Patch Changes
+
+- add aria-label props & change button hover
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.1
+
 ## 3.0.0
 
 ### Patch Changes