@arbor-education/design-system.components 1.0.4 → 2.0.0

package/.github/workflows/fail-on-no-changeset.yml

@@ -26,10 +26,42 @@ jobs:
       - name: Check for changeset
         if: ${{ !startsWith(github.head_ref, 'changeset-release/') }}
         run: |
-          NEW_CHANGESETS=$(git diff --name-only origin/${{ github.base_ref }}...HEAD -- .changeset/ | grep -v 'README\.md' || true)
+          NEW_CHANGESETS=$(git diff --name-only origin/${{ github.base_ref }}...HEAD -- .changeset/ | grep '\.md$' | grep -v 'README\.md' || true)
           if [ -z "$NEW_CHANGESETS" ]; then
             echo "No changeset found in this PR. Please add a changeset file using 'yarn changeset'."
             exit 1
           fi
           echo "Changeset(s) found in this PR:"
           echo "$NEW_CHANGESETS"
+      - name: Validate changeset package names
+        if: ${{ !startsWith(github.head_ref, 'changeset-release/') }}
+        run: |
+          set -e
+          EXPECTED_NAME=$(node -p "require('./package.json').name")
+          NEW_CHANGESETS=$(git diff --name-only origin/${{ github.base_ref }}...HEAD -- .changeset/ | grep '\.md$' | grep -v 'README\.md' || true)
+          if [ -z "$NEW_CHANGESETS" ]; then
+            echo "No changesets to validate."
+            exit 0
+          fi
+          MISMATCH=0
+          for FILE in $NEW_CHANGESETS; do
+            if [ ! -f "$FILE" ]; then
+              continue
+            fi
+            PACKAGE_NAMES=$(tr -d '\r' < "$FILE" | awk '/^---$/{c++; next} c==1{print}' | sed -E "s/^[\"']?([^\"':]+)[\"']?:.*/\1/")
+            if [ -z "$PACKAGE_NAMES" ]; then
+              echo "No package entries in $FILE frontmatter — treating as a valid empty/no-release changeset."
+              continue
+            fi
+            for NAME in $PACKAGE_NAMES; do
+              if [ "$NAME" != "$EXPECTED_NAME" ]; then
+                echo "::error file=$FILE::Changeset references package '$NAME', but this repo's package.json name is '$EXPECTED_NAME'."
+                MISMATCH=1
+              fi
+            done
+          done
+          if [ "$MISMATCH" -ne 0 ]; then
+            echo "One or more changesets reference an incorrect package name. Fix the frontmatter to match package.json's \"name\" field ($EXPECTED_NAME)."
+            exit 1
+          fi
+          echo "All changeset package names match $EXPECTED_NAME."

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # Changelog
 
+## 2.0.0
+
+### Major Changes
+
+- [#239](https://github.com/arbor-education/design-system.components/pull/239) [`3e68f26`](https://github.com/arbor-education/design-system.components/commit/3e68f265f68b72da3b6118bb10ab06046747d16f) Thanks [@Alex-DN-SP](https://github.com/Alex-DN-SP)! - MIS-72462 Button refactor:
+  - Removed iconLeftName/iconRightName/iconLeftScreenReaderText/iconRightScreenReaderText — icons are now passed via children.
+  - Renamed iconOnly prop to isRound.
+  - Button no longer wraps children in <span class='ds-button__content'> by default.
+  - Narrowed the catch-all index signature to data-_ keys only. It existed to allow passing HTML data-xxxx attributes, but also let misspelled or removed prop names silently type-check (e.g. Tooltip stories had type where it meant variant) — those are now compile errors, data-_ attributes still work.
+  - type is now a properly typed prop instead of passing through untyped.
+
+## 1.0.5
+
+### Patch Changes
+
+- [#241](https://github.com/arbor-education/design-system.components/pull/241) [`0931cd7`](https://github.com/arbor-education/design-system.components/commit/0931cd7c2e3ef63533b67a5b46debaaee2d21793) Thanks [@rickbairstow](https://github.com/rickbairstow)! - MIS-73546 Update changeset workflow to check package name
+
 ## 1.0.4
 
 ### Patch Changes

package/dist/components/breadcrumbs/BreadcrumbCopyButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbCopyButton.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumbs/BreadcrumbCopyButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,YAAY,CAAC;AAG5D,eAAO,MAAM,oBAAoB,GAAI,OAAO,yBAAyB,4CAqBpE,CAAC"}
+{"version":3,"file":"BreadcrumbCopyButton.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumbs/BreadcrumbCopyButton.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,YAAY,CAAC;AAG5D,eAAO,MAAM,oBAAoB,GAAI,OAAO,yBAAyB,4CAuBpE,CAAC"}

package/dist/components/breadcrumbs/BreadcrumbCopyButton.js

@@ -1,13 +1,14 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Button } from '../button/Button.js';
+import { Icon } from '../icon/Icon.js';
 import { TooltipWrapper } from '../tooltip/TooltipWrapper.js';
 import classNames from 'classnames';
 export const BreadcrumbCopyButton = (props) => {
     const { isClicked, onClick, ...rest } = props;
     const iconName = isClicked ? 'check' : 'link';
     const screenReaderText = isClicked ? 'Breadcrumb path copied' : 'Copy breadcrumb path';
-    return (_jsx(TooltipWrapper, { tooltipContent: screenReaderText, children: _jsx(Button, { ...rest, onClick: onClick, iconLeftName: iconName, "aria-label": screenReaderText, size: "S", className: classNames('ds-breadcrumbs__copy-icon', {
+    return (_jsx(TooltipWrapper, { tooltipContent: screenReaderText, children: _jsx(Button, { ...rest, onClick: onClick, isRound: true, "aria-label": screenReaderText, size: "S", className: classNames('ds-breadcrumbs__copy-icon', {
                 'ds-breadcrumbs__copy-icon--clicked': isClicked,
-            }) }) }));
+            }), children: _jsx(Icon, { name: iconName }) }) }));
 };
 //# sourceMappingURL=BreadcrumbCopyButton.js.map

package/dist/components/breadcrumbs/BreadcrumbCopyButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbCopyButton.js","sourceRoot":"","sources":["../../../src/components/breadcrumbs/BreadcrumbCopyButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAEnE,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAE,EAAE;IACvE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAE9C,MAAM,QAAQ,GAAG,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;IAE9C,MAAM,gBAAgB,GAAG,SAAS,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,sBAAsB,CAAC;IAEvF,OAAO,CACL,KAAC,cAAc,IAAC,cAAc,EAAE,gBAAgB,YAC9C,KAAC,MAAM,OACD,IAAI,EACR,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,QAAQ,gBACV,gBAAgB,EAC5B,IAAI,EAAC,GAAG,EACR,SAAS,EAAE,UAAU,CAAC,2BAA2B,EAAE;gBACjD,oCAAoC,EAAE,SAAS;aAChD,CAAC,GACF,GACa,CAClB,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"BreadcrumbCopyButton.js","sourceRoot":"","sources":["../../../src/components/breadcrumbs/BreadcrumbCopyButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAEnE,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAE,EAAE;IACvE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAE9C,MAAM,QAAQ,GAAG,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;IAE9C,MAAM,gBAAgB,GAAG,SAAS,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,sBAAsB,CAAC;IAEvF,OAAO,CACL,KAAC,cAAc,IAAC,cAAc,EAAE,gBAAgB,YAC9C,KAAC,MAAM,OACD,IAAI,EACR,OAAO,EAAE,OAAO,EAChB,OAAO,sBACK,gBAAgB,EAC5B,IAAI,EAAC,GAAG,EACR,SAAS,EAAE,UAAU,CAAC,2BAA2B,EAAE;gBACjD,oCAAoC,EAAE,SAAS;aAChD,CAAC,YAEF,KAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,GAAI,GACjB,GACM,CAClB,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/breadcrumbs/BreadcrumbEllipsis.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbEllipsis.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumbs/BreadcrumbEllipsis.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAE1D,eAAO,MAAM,kBAAkB,GAAI,OAAO,uBAAuB,4CAYhE,CAAC"}
+{"version":3,"file":"BreadcrumbEllipsis.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumbs/BreadcrumbEllipsis.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAE1D,eAAO,MAAM,kBAAkB,GAAI,OAAO,uBAAuB,4CAchE,CAAC"}

package/dist/components/breadcrumbs/BreadcrumbEllipsis.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Button } from '../button/Button.js';
+import { Icon } from '../icon/Icon.js';
 export const BreadcrumbEllipsis = (props) => {
     const { screenReaderText, ...rest } = props;
-    return (_jsx(Button, { ...rest, size: "S", iconLeftName: "ellipsis", "aria-label": screenReaderText, className: "ds-breadcrumbs__ellipsis-button" }));
+    return (_jsx(Button, { ...rest, size: "S", isRound: true, "aria-label": screenReaderText, className: "ds-breadcrumbs__ellipsis-button", children: _jsx(Icon, { name: "ellipsis" }) }));
 };
 //# sourceMappingURL=BreadcrumbEllipsis.js.map

package/dist/components/breadcrumbs/BreadcrumbEllipsis.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbEllipsis.js","sourceRoot":"","sources":["../../../src/components/breadcrumbs/BreadcrumbEllipsis.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAGlD,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAE,EAAE;IACnE,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAE5C,OAAO,CACL,KAAC,MAAM,OACD,IAAI,EACR,IAAI,EAAC,GAAG,EACR,YAAY,EAAC,UAAU,gBACX,gBAAgB,EAC5B,SAAS,EAAC,iCAAiC,GAC3C,CACH,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"BreadcrumbEllipsis.js","sourceRoot":"","sources":["../../../src/components/breadcrumbs/BreadcrumbEllipsis.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAG5C,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAE,EAAE;IACnE,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAE5C,OAAO,CACL,KAAC,MAAM,OACD,IAAI,EACR,IAAI,EAAC,GAAG,EACR,OAAO,sBACK,gBAAgB,EAC5B,SAAS,EAAC,iCAAiC,YAE3C,KAAC,IAAI,IAAC,IAAI,EAAC,UAAU,GAAG,GACjB,CACV,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/button/Button.d.ts

@@ -1,5 +1,4 @@
 import React, { type ButtonHTMLAttributes } from 'react';
-import type { IconName } from '../icon/allowedIcons.js';
 export type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'primary-destructive' | 'secondary-destructive' | 'text-link' | 'dropdown';
 export type ButtonSize = 'M' | 'S';
 export type ButtonProps = {
@@ -8,16 +7,26 @@ export type ButtonProps = {
     children?: React.ReactNode;
     className?: string;
     error?: boolean;
-    [key: string]: unknown;
+    [key: `data-${string}`]: unknown;
     hasHorizontalPadding?: boolean;
-    iconRightName?: IconName;
-    iconRightScreenReaderText?: string;
-    iconLeftName?: IconName;
-    iconLeftScreenReaderText?: string;
+    isRound?: boolean;
     borderless?: boolean;
     onClick?: (event: React.MouseEvent<HTMLButtonElement>, ...otherArgs: unknown[]) => void;
-} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type' | 'onClick'>;
-export declare const Button: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<ButtonProps>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'>;
+export declare const Button: React.ForwardRefExoticComponent<{
+    [key: `data-${string}`]: unknown;
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    children?: React.ReactNode;
+    className?: string;
+    error?: boolean;
+    hasHorizontalPadding?: boolean;
+    isRound?: boolean;
+    borderless?: boolean;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>, ...otherArgs: unknown[]) => void;
+} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onClick"> & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLButtonElement>>;
 export declare namespace Button {
     type Variant = ButtonVariant;
     type Size = ButtonSize;

package/dist/components/button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAc,KAAK,oBAAoB,EAA0B,MAAM,OAAO,CAAC;AAC7F,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAG7D,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,qBAAqB,GAAG,uBAAuB,GAAG,WAAW,GAAG,UAAU,CAAC;AAE9I,MAAM,MAAM,UAAU,GAAG,GAAG,GAAG,GAAG,CAAC;AAEnC,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,EAAE,GAAG,SAAS,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;CACzF,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;AAEtE,eAAO,MAAM,MAAM,6HAyCjB,CAAC;AAIH,yBAAiB,MAAM,CAAC;IACtB,KAAY,OAAO,GAAG,aAAa,CAAC;IACpC,KAAY,IAAI,GAAG,UAAU,CAAC;IAC9B,KAAY,KAAK,GAAG,WAAW,CAAC;CACjC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAc,KAAK,oBAAoB,EAA0B,MAAM,OAAO,CAAC;AAE7F,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,qBAAqB,GAAG,uBAAuB,GAAG,WAAW,GAAG,UAAU,CAAC;AAE9I,MAAM,MAAM,UAAU,GAAG,GAAG,GAAG,GAAG,CAAC;AAEnC,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,CAAC,GAAG,EAAE,QAAQ,MAAM,EAAE,GAAG,OAAO,CAAC;IACjC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,EAAE,GAAG,SAAS,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;CACzF,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,SAAS,CAAC,CAAC;AAE7D,eAAO,MAAM,MAAM;;cAZP,aAAa;WAChB,UAAU;eACN,KAAK,CAAC,SAAS;gBACd,MAAM;YACV,OAAO;2BAEQ,OAAO;cACpB,OAAO;iBACJ,OAAO;cACV,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,EAAE,GAAG,SAAS,EAAE,OAAO,EAAE,KAAK,IAAI;;;2CAuCvF,CAAC;AAIH,yBAAiB,MAAM,CAAC;IACtB,KAAY,OAAO,GAAG,aAAa,CAAC;IACpC,KAAY,IAAI,GAAG,UAAU,CAAC;IAC9B,KAAY,KAAK,GAAG,WAAW,CAAC;CACjC"}

package/dist/components/button/Button.js

@@ -1,15 +1,14 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'classnames';
 import React, { forwardRef } from 'react';
-import { Icon } from '../icon/Icon.js';
 export const Button = forwardRef((props, ref) => {
-    const { variant = 'primary', size = 'M', children, onClick, disabled = false, className = '', hasHorizontalPadding = true, iconRightName, iconRightScreenReaderText, iconLeftName, iconLeftScreenReaderText, borderless = false, error = false, ...rest } = props;
-    return (_jsxs("button", { className: classNames('ds-button', `ds-button--${variant}`, `ds-button--${size}`, {
+    const { variant = 'primary', size = 'M', children, onClick, disabled = false, className = '', hasHorizontalPadding = true, isRound = false, borderless = false, error = false, ...rest } = props;
+    return (_jsx("button", { className: classNames('ds-button', `ds-button--${variant}`, `ds-button--${size}`, {
             'ds-button--error': error,
             'ds-button--no-horizontal-padding': !hasHorizontalPadding,
-            'ds-button--icon-only': !children && (iconRightName || iconLeftName),
+            'ds-button--round': isRound,
             'ds-button--borderless': borderless,
-        }, className), onClick: onClick, disabled: disabled, ref: ref, ...rest, children: [iconLeftName && _jsx(Icon, { name: iconLeftName, size: 16, screenReaderText: iconLeftScreenReaderText || iconLeftName }), children ? _jsx("span", { className: "ds-button__content", children: children }) : children, iconRightName && _jsx(Icon, { name: iconRightName, size: 16, screenReaderText: iconRightScreenReaderText || iconRightName })] }));
+        }, className), onClick: onClick, disabled: disabled, ref: ref, ...rest, children: children }));
 });
 Button.displayName = 'Button';
 //# sourceMappingURL=Button.js.map

package/dist/components/button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAqD,MAAM,OAAO,CAAC;AAE7F,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAsB5C,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAoD,CAAC,KAAkB,EAAE,GAAG,EAAE,EAAE;IAC9G,MAAM,EACJ,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,GAAG,EACV,QAAQ,EACR,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,EAAE,EACd,oBAAoB,GAAG,IAAI,EAC3B,aAAa,EACb,yBAAyB,EACzB,YAAY,EACZ,wBAAwB,EACxB,UAAU,GAAG,KAAK,EAClB,KAAK,GAAG,KAAK,EACb,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,kBACE,SAAS,EAAE,UAAU,CAAC,WAAW,EAC/B,cAAc,OAAO,EAAE,EACvB,cAAc,IAAI,EAAE,EACpB;YACE,kBAAkB,EAAE,KAAK;YACzB,kCAAkC,EAAE,CAAC,oBAAoB;YACzD,sBAAsB,EAAE,CAAC,QAAQ,IAAI,CAAC,aAAa,IAAI,YAAY,CAAC;YACpE,uBAAuB,EAAE,UAAU;SACpC,EACD,SAAS,CACV,EACD,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,KACJ,IAAI,aAEP,YAAY,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,EAAE,EAAE,gBAAgB,EAAE,wBAAwB,IAAI,YAAY,GAAI,EAClH,QAAQ,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,oBAAoB,YAAE,QAAQ,GAAQ,CAAC,CAAC,CAAC,QAAQ,EAC5E,aAAa,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,EAAE,EAAE,gBAAgB,EAAE,yBAAyB,IAAI,aAAa,GAAI,IAChH,CACV,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAqD,MAAM,OAAO,CAAC;AAmB7F,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAoD,CAAC,KAAkB,EAAE,GAAG,EAAE,EAAE;IAC9G,MAAM,EACJ,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,GAAG,EACV,QAAQ,EACR,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,EAAE,EACd,oBAAoB,GAAG,IAAI,EAC3B,OAAO,GAAG,KAAK,EACf,UAAU,GAAG,KAAK,EAClB,KAAK,GAAG,KAAK,EACb,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,iBACE,SAAS,EAAE,UAAU,CAAC,WAAW,EAC/B,cAAc,OAAO,EAAE,EACvB,cAAc,IAAI,EAAE,EACpB;YACE,kBAAkB,EAAE,KAAK;YACzB,kCAAkC,EAAE,CAAC,oBAAoB;YACzD,kBAAkB,EAAE,OAAO;YAC3B,uBAAuB,EAAE,UAAU;SACpC,EACD,SAAS,CACV,EACD,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,KACJ,IAAI,YAEP,QAAQ,GACF,CACV,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}

package/dist/components/button/Button.stories.d.ts

@@ -2,7 +2,20 @@ import type { StoryObj } from '@storybook/react-vite';
 declare function ButtonDocsPage(): import("react/jsx-runtime").JSX.Element;
 declare const meta: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<import("react").PropsWithChildren<import("./Button.js").ButtonProps>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    component: import("react").ForwardRefExoticComponent<{
+        [key: `data-${string}`]: unknown;
+        variant?: import("./Button.js").ButtonVariant;
+        size?: import("./Button.js").ButtonSize;
+        children?: React.ReactNode;
+        className?: string;
+        error?: boolean;
+        hasHorizontalPadding?: boolean;
+        isRound?: boolean;
+        borderless?: boolean;
+        onClick?: (event: React.MouseEvent<HTMLButtonElement>, ...otherArgs: unknown[]) => void;
+    } & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onClick"> & {
+        children?: import("react").ReactNode | undefined;
+    } & import("react").RefAttributes<HTMLButtonElement>>;
     parameters: {
         layout: string;
         docs: {
@@ -82,31 +95,8 @@ declare const meta: {
                 };
             };
         };
-        iconLeftName: {
-            control: "select";
-            options: (string | undefined)[];
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        iconLeftScreenReaderText: {
-            control: "text";
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-        };
-        iconRightName: {
-            control: "select";
-            options: (string | undefined)[];
+        isRound: {
+            control: "boolean";
             description: string;
             table: {
                 type: {
@@ -117,15 +107,6 @@ declare const meta: {
                 };
             };
         };
-        iconRightScreenReaderText: {
-            control: "text";
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-        };
         borderless: {
             control: "boolean";
             description: string;
@@ -181,9 +162,9 @@ export declare const IconOnly: Story;
 export declare const IconOnlyAccessibility: Story;
 export declare const Disabled: Story;
 export declare const ErrorState: Story;
+export declare const FormTypeAttribute: Story;
 export declare const Borderless: Story;
 export declare const NoHorizontalPadding: Story;
-export declare const FormTypeAttribute: Story;
 export declare const LoadingComposition: Story;
 export declare const WithForwardRef: Story;
 export declare const ClickTracking: Story;

package/dist/components/button/Button.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAuI5D,iBAAS,cAAc,4CAmBtB;AAED,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+NqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAwJnC,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAyBrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAyBvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KA+BtB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAyBhC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAyBlC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAyBtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAmCtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAoEzB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAwDtB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAyB1B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAyB5B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KA+B1B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KA+B3B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAwC3B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KA0BtB,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KA6DnC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KA0BtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KA0BxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAgCxB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KA8BjC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAoE/B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KA0DhC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAyC5B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAgC3B,CAAC"}
+{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAqK5D,iBAAS,cAAc,4CAmBtB;AAED,QAAA,MAAM,IAAI;;;;;;;;;;;;+DAvKP,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuTyB,CAAC;AAEhC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAuJnC,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAyBrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAyBvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KA+BtB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAyBhC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAyBlC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAyBtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KA0CtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAoEzB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAwDtB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAyB1B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAyB5B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAoC1B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAoC3B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAsC3B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KA+BtB,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KA6DnC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KA0BtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KA0BxB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAoE/B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAqCxB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KA8BjC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KA0DhC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAyC5B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAgC3B,CAAC"}