@cloudscape-design/components 3.0.1311 → 3.0.1312
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/button-dropdown/category-elements/expandable-category-element.d.ts.map +1 -1
- package/button-dropdown/category-elements/expandable-category-element.js +4 -2
- package/button-dropdown/category-elements/expandable-category-element.js.map +1 -1
- package/button-dropdown/category-elements/mobile-expandable-category-element.d.ts.map +1 -1
- package/button-dropdown/category-elements/mobile-expandable-category-element.js +4 -2
- package/button-dropdown/category-elements/mobile-expandable-category-element.js.map +1 -1
- package/button-dropdown/category-elements/styles.css.js +19 -18
- package/button-dropdown/category-elements/styles.scoped.css +32 -28
- package/button-dropdown/category-elements/styles.selectors.js +19 -18
- package/button-dropdown/index.d.ts.map +1 -1
- package/button-dropdown/index.js +4 -3
- package/button-dropdown/index.js.map +1 -1
- package/button-dropdown/interfaces.d.ts +22 -0
- package/button-dropdown/interfaces.d.ts.map +1 -1
- package/button-dropdown/interfaces.js.map +1 -1
- package/button-dropdown/internal.d.ts.map +1 -1
- package/button-dropdown/internal.js +14 -6
- package/button-dropdown/internal.js.map +1 -1
- package/button-dropdown/styles.css.js +23 -22
- package/button-dropdown/styles.scoped.css +36 -30
- package/button-dropdown/styles.selectors.js +23 -22
- package/button-group/interfaces.d.ts +12 -1
- package/button-group/interfaces.d.ts.map +1 -1
- package/button-group/interfaces.js.map +1 -1
- package/button-group/menu-dropdown-item.d.ts.map +1 -1
- package/button-group/menu-dropdown-item.js +2 -1
- package/button-group/menu-dropdown-item.js.map +1 -1
- package/internal/base-component/styles.scoped.css +33 -1
- package/internal/components/checkbox-icon/index.d.ts.map +1 -1
- package/internal/components/checkbox-icon/index.js +11 -2
- package/internal/components/checkbox-icon/index.js.map +1 -1
- package/internal/environment.js +2 -2
- package/internal/environment.json +2 -2
- package/internal/generated/styles/tokens.d.ts +7 -0
- package/internal/generated/styles/tokens.js +7 -0
- package/internal/generated/theming/index.cjs +203 -0
- package/internal/generated/theming/index.cjs.d.ts +63 -0
- package/internal/generated/theming/index.d.ts +63 -0
- package/internal/generated/theming/index.js +203 -0
- package/internal/manifest.json +1 -1
- package/internal/utils/throttle.d.ts.map +1 -1
- package/internal/utils/throttle.js +3 -1
- package/internal/utils/throttle.js.map +1 -1
- package/manifest.json +2 -2
- package/package.json +1 -1
- package/progress-bar/index.d.ts.map +1 -1
- package/progress-bar/index.js +1 -0
- package/progress-bar/index.js.map +1 -1
- package/segmented-control/styles.css.js +16 -16
- package/segmented-control/styles.scoped.css +34 -34
- package/segmented-control/styles.selectors.js +16 -16
- package/steps/internal.d.ts.map +1 -1
- package/steps/internal.js +20 -6
- package/steps/internal.js.map +1 -1
- package/steps/styles.css.js +12 -9
- package/steps/styles.scoped.css +43 -15
- package/steps/styles.selectors.js +12 -9
- package/table/header-cell/group-header-cell.d.ts.map +1 -1
- package/table/header-cell/group-header-cell.js +1 -1
- package/table/header-cell/group-header-cell.js.map +1 -1
- package/table/header-cell/index.d.ts.map +1 -1
- package/table/header-cell/index.js +2 -1
- package/table/header-cell/index.js.map +1 -1
- package/table/header-cell/styles.css.js +33 -33
- package/table/header-cell/styles.scoped.css +81 -74
- package/table/header-cell/styles.selectors.js +33 -33
- package/table/resizer/index.d.ts +5 -1
- package/table/resizer/index.d.ts.map +1 -1
- package/table/resizer/index.js +4 -4
- package/table/resizer/index.js.map +1 -1
- package/table/resizer/styles.css.js +17 -16
- package/table/resizer/styles.scoped.css +32 -24
- package/table/resizer/styles.selectors.js +17 -16
- package/table/selection/selection-cell.d.ts +2 -0
- package/table/selection/selection-cell.d.ts.map +1 -1
- package/table/selection/selection-cell.js +2 -2
- package/table/selection/selection-cell.js.map +1 -1
- package/table/thead.d.ts.map +1 -1
- package/table/thead.js +1 -1
- package/table/thead.js.map +1 -1
- package/toggle/styles.css.js +10 -10
- package/toggle/styles.scoped.css +18 -18
- package/toggle/styles.selectors.js +10 -10
- package/toggle-button/internal.d.ts.map +1 -1
- package/toggle-button/internal.js +3 -1
- package/toggle-button/internal.js.map +1 -1
- package/toggle-button/styles.css.js +4 -3
- package/toggle-button/styles.scoped.css +8 -3
- package/toggle-button/styles.selectors.js +4 -3
- package/token/dismiss-button.d.ts.map +1 -1
- package/token/dismiss-button.js +3 -1
- package/token/dismiss-button.js.map +1 -1
- package/token/internal.d.ts.map +1 -1
- package/token/internal.js +11 -3
- package/token/internal.js.map +1 -1
- package/token/styles.css.js +14 -14
- package/token/styles.scoped.css +33 -30
- package/token/styles.selectors.js +14 -14
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/button-group/interfaces.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAClF,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB;IAC1D;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,OAAO,EAAE,gBAAgB,CAAC,OAAO,CAAC;IAClC;;;;;;;;;;;;OAYG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC
|
|
1
|
+
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/button-group/interfaces.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAClF,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB;IAC1D;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,OAAO,EAAE,gBAAgB,CAAC,OAAO,CAAC;IAClC;;;;;;;;;;;;OAYG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA4DG;IACH,KAAK,EAAE,aAAa,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACnD;;OAEG;IACH,WAAW,CAAC,EAAE,yBAAyB,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IAC3E;;OAEG;IACH,aAAa,CAAC,EAAE,yBAAyB,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;IAC/E;;;;OAIG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC;CAChC;AAED,MAAM,WAAW,kBAAmB,SAAQ,gBAAgB,CAAC,UAAU;IACrE,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AACD,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB,CAAC,gBAAgB;IACjF,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,gBAAgB,CAAC,UAAU,EAAE,SAAS,GAAG,iBAAiB,CAAC;IACzG,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AACD,MAAM,WAAW,uBACf,SAAQ,IAAI,CACV,gBAAgB,CAAC,gBAAgB,EACjC,SAAS,GAAG,gBAAgB,GAAG,iBAAiB,GAAG,wBAAwB,CAC5E;IACD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AACD,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,SAAS,CAAC;IACzF,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AACD,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG,gBAAgB,CAAC,KAAK,CAAC;AACtE,MAAM,MAAM,WAAW,GACnB,iBAAiB,GACjB,uBAAuB,GACvB,gBAAgB,CAAC,aAAa,GAC9B,mBAAmB,CAAC;AAExB,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAAG,gBAAgB,CAAC,KAAK,CAAC;AACxE,MAAM,MAAM,YAAY,GACpB,kBAAkB,GAClB,wBAAwB,GACxB,gBAAgB,CAAC,aAAa,GAC9B,gBAAgB,CAAC,YAAY,CAAC;AAElC,MAAM,WAAW,wBACf,SAAQ,YAAY,CAAC,gBAAgB,EAAE,0BAA0B,CAAC,EAChE,0BAA0B;IAC5B,KAAK,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC;IAC/B,KAAK,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC;CAC3C;AAED,yBAAiB,gBAAgB,CAAC;IAChC,KAAY,OAAO,GAAG,MAAM,CAAC;IAE7B,KAAY,WAAW,GAAG,IAAI,GAAG,KAAK,CAAC;IACvC,KAAY,IAAI,GAAG,UAAU,GAAG,gBAAgB,GAAG,aAAa,GAAG,YAAY,CAAC;IAEhF,UAAiB,UAAU;QACzB,IAAI,EAAE,aAAa,CAAC;QACpB,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,QAAQ,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;QAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KACnC;IAED,UAAiB,gBAAgB;QAC/B,IAAI,EAAE,oBAAoB,CAAC;QAC3B,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,EAAE,OAAO,CAAC;QACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,QAAQ,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;QAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,eAAe,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;QACjC,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACjC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAClC,sBAAsB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KAC1C;IAED,UAAiB,aAAa;QAC5B,IAAI,EAAE,iBAAiB,CAAC;QACxB,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB;IAED,UAAiB,YAAY;QAC3B,IAAI,EAAE,eAAe,CAAC;QACtB,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,QAAQ,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;QAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,KAAK,EAAE,aAAa,CAAC,mBAAmB,CAAC,WAAW,CAAC,CAAC;KACvD;IAED,UAAiB,KAAK;QACpB,IAAI,EAAE,OAAO,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,aAAa,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;KAC7C;IAED,UAAiB,gBAAgB;QAC/B,EAAE,EAAE,MAAM,CAAC;QACX,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,OAAO,CAAC,EAAE,OAAO,CAAC;KACnB;IAED,UAAiB,kBAAkB;QACjC,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,EAAE,IAAI,EAAE,CAAC;KACf;IAED,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;KAC7B;IACD,UAAiB,KAAK;QACpB,IAAI,CAAC,EAAE;YACL,UAAU,CAAC,EAAE,MAAM,CAAC;YACpB,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,aAAa,CAAC,EAAE,MAAM,CAAC;YACvB,SAAS,CAAC,EAAE,MAAM,CAAC;YACnB,SAAS,CAAC,EAAE;gBACV,WAAW,CAAC,EAAE,MAAM,CAAC;gBACrB,YAAY,CAAC,EAAE,MAAM,CAAC;gBACtB,WAAW,CAAC,EAAE,MAAM,CAAC;aACtB,CAAC;SACH,CAAC;QACF,IAAI,CAAC,EAAE;YACL,KAAK,CAAC,EAAE;gBACN,MAAM,CAAC,EAAE,MAAM,CAAC;gBAChB,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,KAAK,CAAC,EAAE,MAAM,CAAC;aAChB,CAAC;YACF,SAAS,CAAC,EAAE;gBACV,MAAM,CAAC,EAAE,MAAM,CAAC;gBAChB,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,KAAK,CAAC,EAAE,MAAM,CAAC;aAChB,CAAC;YACF,SAAS,CAAC,EAAE;gBACV,WAAW,CAAC,EAAE,MAAM,CAAC;gBACrB,YAAY,CAAC,EAAE,MAAM,CAAC;gBACtB,WAAW,CAAC,EAAE,MAAM,CAAC;aACtB,CAAC;SACH,CAAC;KACH;CACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/button-group/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { ButtonDropdownProps } from '../button-dropdown/interfaces';\nimport { IconProps } from '../icon/interfaces';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { SomeRequired } from '../internal/types';\n\nexport interface ButtonGroupProps extends BaseComponentProps {\n /**\n * Adds `aria-label` to the button group toolbar element.\n * Use this to provide a unique accessible name for each button group on the page.\n */\n ariaLabel?: string;\n /**\n * Determines the general styling of the button dropdown.\n * * `icon` for icon buttons.\n */\n variant: ButtonGroupProps.Variant;\n /**\n * Use this property to determine dropdown placement strategy for all menu dropdown items.\n *\n * By default, the dropdown height is constrained to fit inside the height of its next scrollable container element.\n * Enabling this property will allow the dropdown to extend beyond that container by using fixed positioning and\n * [React Portals](https://reactjs.org/docs/portals.html).\n *\n * Set this property if the dropdown would otherwise be constrained by a scrollable container,\n * for example inside table and split view layouts.\n *\n * We recommend you use discretion, and don't enable this property unless necessary\n * because fixed positioning results in a slight, visible lag when scrolling complex pages.\n */\n dropdownExpandToViewport?: boolean;\n /**\n * Array of objects with a number of supported types.\n *\n * ### icon-button\n *\n * * `id` (string) - The unique identifier of the button, used as detail in `onItemClick` handler and to focus the button using `ref.focus(id)`.\n * * `text` (string) - The name shown as a tooltip for this button.\n * * `disabled` (optional, boolean) - The disabled state indication for this button.\n * * `disabledReason` (optional, boolean) - Provides a reason why the button is disabled (only when `disabled` is `true`). If provided, the button becomes focusable.\n * * `loading` (optional, boolean) - The loading state indication for this button.\n * * `loadingText` (optional, string) - The loading text announced to screen readers.\n * * `iconName` (optional, string) - Specifies the name of the icon, used with the [icon component](/components/icon/).\n * * `iconAlt` (optional, string) - Specifies alternate text for the icon when using `iconUrl`.\n * * `iconUrl` (optional, string) - Specifies the URL of a custom icon.\n * * `iconSvg` (optional, ReactNode) - Custom SVG icon. Equivalent to the `svg` slot of the [icon component](/components/icon/).\n * * `popoverFeedback` (optional, ReactNode) - Text that appears when the user clicks the button. Use to provide feedback to the user.\n *\n * ### icon-toggle-button\n *\n * * `id` (string) - The unique identifier of the button, used as detail in `onItemClick` handler and to focus the button using `ref.focus(id)`.\n * * `pressed` (boolean) - The toggle button pressed state.\n * * `text` (string) - The name shown as a tooltip for this button.\n * * `disabled` (optional, boolean) - The disabled state indication for this button.\n * * `disabledReason` (optional, boolean) - Provides a reason why the button is disabled (only when `disabled` is `true`). If provided, the button becomes focusable.\n * * `loading` (optional, boolean) - The loading state indication for this button.\n * * `loadingText` (optional, string) - The loading text announced to screen readers.\n * * `iconName` (optional, string) - Specifies the name of the icon, used with the [icon component](/components/icon/).\n * * `iconUrl` (optional, string) - Specifies the URL of a custom icon.\n * * `iconSvg` (optional, ReactNode) - Custom SVG icon. Equivalent to the `svg` slot of the [icon component](/components/icon/).\n * * `pressedIconName` (optional, string) - Specifies the name of the icon in pressed state, used with the [icon component](/components/icon/).\n * * `pressedIconUrl` (optional, string) - Specifies the URL of a custom icon in pressed state.\n * * `pressedIconSvg` (optional, ReactNode) - Custom SVG icon in pressed state. Equivalent to the `svg` slot of the [icon component](/components/icon/).\n * * `popoverFeedback` (optional, ReactNode) - Text that appears when the user clicks the button. Use to provide feedback to the user.\n * * `pressedPopoverFeedback` (optional, ReactNode) - Text that appears when the user clicks the button in pressed state. Defaults to `popoverFeedback`.\n *\n * * ### file-input\n *\n * * `id` (string) - The unique identifier of the button, used as detail in `onFilesChange`.\n * * `text` (string) - The name of the menu button shown as a tooltip.\n * * `accept` (optional, string) - Specifies the native file input `accept` attribute to describe the allow-list of file types.\n * * `multiple` (optional, string) - Specifies the native file input `multiple` attribute to allow users entering more than one file.\n *\n * ### menu-dropdown\n *\n * * `id` (string) - The unique identifier of the button, used as detail in `onItemClick`.\n * * `text` (string) - The name of the menu button shown as a tooltip.\n * * `disabled` (optional, boolean) - The disabled state indication for the menu button.\n * * `disabledReason` (optional, boolean) - Provides a reason why the button is disabled (only when `disabled` is `true`). If provided, the button becomes focusable.\n * * `loading` (optional, boolean) - The loading state indication for the menu button.\n * * `loadingText` (optional, string) - The loading text announced to screen readers.\n * * `items` (ButtonDropdownProps.ItemOrGroup[]) - The array of dropdown items that belong to this menu.\n *\n * ### group\n *\n * * `text` (string) - The name of the group rendered as ARIA label for this group.\n * * `items` ((ButtonGroupProps.IconButton | ButtonGroupProps.MenuDropdown)[]) - The array of items that belong to this group.\n */\n items: ReadonlyArray<ButtonGroupProps.ItemOrGroup>;\n /**\n * Called when the user clicks on an item, and the item is not disabled. The event detail object contains the id of the clicked item.\n */\n onItemClick?: NonCancelableEventHandler<ButtonGroupProps.ItemClickDetails>;\n /**\n * Called when the user uploads files. The event detail object contains the id and files from the file input item.\n */\n onFilesChange?: NonCancelableEventHandler<ButtonGroupProps.FilesChangeDetails>;\n /**\n * An object containing CSS properties to customize the button group's visual appearance.\n * Refer to the [style](/components/button-group/?tabId=style) tab for more details.\n * @awsuiSystem core\n */\n style?: ButtonGroupProps.Style;\n}\n\nexport interface InternalIconButton extends ButtonGroupProps.IconButton {\n analyticsAction?: string;\n}\nexport interface InternalIconToggleButton extends ButtonGroupProps.IconToggleButton {\n analyticsAction?: string;\n}\n\nexport interface IconButtonRuntime extends Omit<ButtonGroupProps.IconButton, 'iconSvg' | 'popoverFeedback'> {\n iconSvg?: string;\n}\nexport interface IconToggleButtonRuntime\n extends Omit<\n ButtonGroupProps.IconToggleButton,\n 'iconSvg' | 'pressedIconSvg' | 'popoverFeedback' | 'pressedPopoverFeedback'\n > {\n iconSvg?: string;\n pressedIconSvg?: string;\n}\nexport type ItemOrGroupRuntime = ItemRuntime | ButtonGroupProps.Group;\nexport type ItemRuntime =\n | IconButtonRuntime\n | IconToggleButtonRuntime\n | ButtonGroupProps.IconFileInput\n | ButtonGroupProps.MenuDropdown;\n\nexport type InternalItemOrGroup = InternalItem | ButtonGroupProps.Group;\nexport type InternalItem =\n | InternalIconButton\n | InternalIconToggleButton\n | ButtonGroupProps.IconFileInput\n | ButtonGroupProps.MenuDropdown;\n\nexport interface InternalButtonGroupProps\n extends SomeRequired<ButtonGroupProps, 'dropdownExpandToViewport'>,\n InternalBaseComponentProps {\n style?: ButtonGroupProps.Style;\n items: ReadonlyArray<InternalItemOrGroup>;\n}\n\nexport namespace ButtonGroupProps {\n export type Variant = 'icon';\n\n export type ItemOrGroup = Item | Group;\n export type Item = IconButton | IconToggleButton | IconFileInput | MenuDropdown;\n\n export interface IconButton {\n type: 'icon-button';\n id: string;\n text: string;\n disabled?: boolean;\n disabledReason?: string;\n loading?: boolean;\n loadingText?: string;\n iconName?: IconProps.Name;\n iconAlt?: string;\n iconUrl?: string;\n iconSvg?: React.ReactNode;\n popoverFeedback?: React.ReactNode;\n }\n\n export interface IconToggleButton {\n type: 'icon-toggle-button';\n id: string;\n text: string;\n pressed: boolean;\n disabled?: boolean;\n disabledReason?: string;\n loading?: boolean;\n loadingText?: string;\n iconName?: IconProps.Name;\n iconUrl?: string;\n iconSvg?: React.ReactNode;\n pressedIconName?: IconProps.Name;\n pressedIconUrl?: string;\n pressedIconSvg?: React.ReactNode;\n popoverFeedback?: React.ReactNode;\n pressedPopoverFeedback?: React.ReactNode;\n }\n\n export interface IconFileInput {\n type: 'icon-file-input';\n id: string;\n text: string;\n accept?: string;\n multiple?: boolean;\n }\n\n export interface MenuDropdown {\n type: 'menu-dropdown';\n id: string;\n text: string;\n disabled?: boolean;\n disabledReason?: string;\n loading?: boolean;\n loadingText?: string;\n items: ReadonlyArray<ButtonDropdownProps.ItemOrGroup>;\n }\n\n export interface Group {\n type: 'group';\n text: string;\n items: ReadonlyArray<ButtonGroupProps.Item>;\n }\n\n export interface ItemClickDetails {\n id: string;\n pressed?: boolean;\n checked?: boolean;\n }\n\n export interface FilesChangeDetails {\n id: string;\n files: File[];\n }\n\n export interface Ref {\n /**\n * Focuses button group item by id.\n */\n focus(itemId: string): void;\n }\n export interface Style {\n root?: {\n background?: string;\n borderColor?: string;\n borderRadius?: string;\n borderWidth?: string;\n paddingBlock?: string;\n paddingInline?: string;\n boxShadow?: string;\n focusRing?: {\n borderColor?: string;\n borderRadius?: string;\n borderWidth?: string;\n };\n };\n item?: {\n color?: {\n active?: string;\n default?: string;\n disabled?: string;\n hover?: string;\n };\n boxShadow?: {\n active?: string;\n default?: string;\n disabled?: string;\n hover?: string;\n };\n focusRing?: {\n borderColor?: string;\n borderRadius?: string;\n borderWidth?: string;\n };\n };\n }\n}\n"]}
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/button-group/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { ButtonDropdownProps } from '../button-dropdown/interfaces';\nimport { IconProps } from '../icon/interfaces';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { SomeRequired } from '../internal/types';\n\nexport interface ButtonGroupProps extends BaseComponentProps {\n /**\n * Adds `aria-label` to the button group toolbar element.\n * Use this to provide a unique accessible name for each button group on the page.\n */\n ariaLabel?: string;\n /**\n * Determines the general styling of the button dropdown.\n * * `icon` for icon buttons.\n */\n variant: ButtonGroupProps.Variant;\n /**\n * Use this property to determine dropdown placement strategy for all menu dropdown items.\n *\n * By default, the dropdown height is constrained to fit inside the height of its next scrollable container element.\n * Enabling this property will allow the dropdown to extend beyond that container by using fixed positioning and\n * [React Portals](https://reactjs.org/docs/portals.html).\n *\n * Set this property if the dropdown would otherwise be constrained by a scrollable container,\n * for example inside table and split view layouts.\n *\n * We recommend you use discretion, and don't enable this property unless necessary\n * because fixed positioning results in a slight, visible lag when scrolling complex pages.\n */\n dropdownExpandToViewport?: boolean;\n /**\n * Array of objects with a number of supported types.\n *\n * ### icon-button\n *\n * * `id` (string) - The unique identifier of the button, used as detail in `onItemClick` handler and to focus the button using `ref.focus(id)`.\n * * `text` (string) - The name shown as a tooltip for this button.\n * * `disabled` (optional, boolean) - The disabled state indication for this button.\n * * `disabledReason` (optional, boolean) - Provides a reason why the button is disabled (only when `disabled` is `true`). If provided, the button becomes focusable.\n * * `loading` (optional, boolean) - The loading state indication for this button.\n * * `loadingText` (optional, string) - The loading text announced to screen readers.\n * * `iconName` (optional, string) - Specifies the name of the icon, used with the [icon component](/components/icon/).\n * * `iconAlt` (optional, string) - Specifies alternate text for the icon when using `iconUrl`.\n * * `iconUrl` (optional, string) - Specifies the URL of a custom icon.\n * * `iconSvg` (optional, ReactNode) - Custom SVG icon. Equivalent to the `svg` slot of the [icon component](/components/icon/).\n * * `popoverFeedback` (optional, ReactNode) - Text that appears when the user clicks the button. Use to provide feedback to the user.\n *\n * ### icon-toggle-button\n *\n * * `id` (string) - The unique identifier of the button, used as detail in `onItemClick` handler and to focus the button using `ref.focus(id)`.\n * * `pressed` (boolean) - The toggle button pressed state.\n * * `text` (string) - The name shown as a tooltip for this button.\n * * `disabled` (optional, boolean) - The disabled state indication for this button.\n * * `disabledReason` (optional, boolean) - Provides a reason why the button is disabled (only when `disabled` is `true`). If provided, the button becomes focusable.\n * * `loading` (optional, boolean) - The loading state indication for this button.\n * * `loadingText` (optional, string) - The loading text announced to screen readers.\n * * `iconName` (optional, string) - Specifies the name of the icon, used with the [icon component](/components/icon/).\n * * `iconUrl` (optional, string) - Specifies the URL of a custom icon.\n * * `iconSvg` (optional, ReactNode) - Custom SVG icon. Equivalent to the `svg` slot of the [icon component](/components/icon/).\n * * `pressedIconName` (optional, string) - Specifies the name of the icon in pressed state, used with the [icon component](/components/icon/).\n * * `pressedIconUrl` (optional, string) - Specifies the URL of a custom icon in pressed state.\n * * `pressedIconSvg` (optional, ReactNode) - Custom SVG icon in pressed state. Equivalent to the `svg` slot of the [icon component](/components/icon/).\n * * `popoverFeedback` (optional, ReactNode) - Text that appears when the user clicks the button. Use to provide feedback to the user.\n * * `pressedPopoverFeedback` (optional, ReactNode) - Text that appears when the user clicks the button in pressed state. Defaults to `popoverFeedback`.\n *\n * * ### file-input\n *\n * * `id` (string) - The unique identifier of the button, used as detail in `onFilesChange`.\n * * `text` (string) - The name of the menu button shown as a tooltip.\n * * `accept` (optional, string) - Specifies the native file input `accept` attribute to describe the allow-list of file types.\n * * `multiple` (optional, string) - Specifies the native file input `multiple` attribute to allow users entering more than one file.\n *\n * ### menu-dropdown\n *\n * * `id` (string) - The unique identifier of the button, used as detail in `onItemClick`.\n * * `text` (string) - The name of the menu button shown as a tooltip.\n * * `disabled` (optional, boolean) - The disabled state indication for the menu button.\n * * `disabledReason` (optional, boolean) - Provides a reason why the button is disabled (only when `disabled` is `true`). If provided, the button becomes focusable.\n * * `loading` (optional, boolean) - The loading state indication for the menu button.\n * * `loadingText` (optional, string) - The loading text announced to screen readers.\n * * `iconName` (optional, string) - Specifies the name of the icon, used with the [icon component](/components/icon/). Defaults to `ellipsis`.\n * * `iconAlt` (optional, string) - Specifies alternate text for the icon when using `iconUrl`.\n * * `iconUrl` (optional, string) - Specifies the URL of a custom icon.\n * * `iconSvg` (optional, ReactNode) - Custom SVG icon. Equivalent to the `svg` slot of the [icon component](/components/icon/).\n * * `items` (ButtonDropdownProps.ItemOrGroup[]) - The array of dropdown items that belong to this menu.\n *\n * ### group\n *\n * * `text` (string) - The name of the group rendered as ARIA label for this group.\n * * `items` ((ButtonGroupProps.IconButton | ButtonGroupProps.MenuDropdown)[]) - The array of items that belong to this group.\n */\n items: ReadonlyArray<ButtonGroupProps.ItemOrGroup>;\n /**\n * Called when the user clicks on an item, and the item is not disabled. The event detail object contains the id of the clicked item.\n */\n onItemClick?: NonCancelableEventHandler<ButtonGroupProps.ItemClickDetails>;\n /**\n * Called when the user uploads files. The event detail object contains the id and files from the file input item.\n */\n onFilesChange?: NonCancelableEventHandler<ButtonGroupProps.FilesChangeDetails>;\n /**\n * An object containing CSS properties to customize the button group's visual appearance.\n * Refer to the [style](/components/button-group/?tabId=style) tab for more details.\n * @awsuiSystem core\n */\n style?: ButtonGroupProps.Style;\n}\n\nexport interface InternalIconButton extends ButtonGroupProps.IconButton {\n analyticsAction?: string;\n}\nexport interface InternalIconToggleButton extends ButtonGroupProps.IconToggleButton {\n analyticsAction?: string;\n}\n\nexport interface IconButtonRuntime extends Omit<ButtonGroupProps.IconButton, 'iconSvg' | 'popoverFeedback'> {\n iconSvg?: string;\n}\nexport interface IconToggleButtonRuntime\n extends Omit<\n ButtonGroupProps.IconToggleButton,\n 'iconSvg' | 'pressedIconSvg' | 'popoverFeedback' | 'pressedPopoverFeedback'\n > {\n iconSvg?: string;\n pressedIconSvg?: string;\n}\nexport interface MenuDropdownRuntime extends Omit<ButtonGroupProps.MenuDropdown, 'iconSvg'> {\n iconSvg?: string;\n}\nexport type ItemOrGroupRuntime = ItemRuntime | ButtonGroupProps.Group;\nexport type ItemRuntime =\n | IconButtonRuntime\n | IconToggleButtonRuntime\n | ButtonGroupProps.IconFileInput\n | MenuDropdownRuntime;\n\nexport type InternalItemOrGroup = InternalItem | ButtonGroupProps.Group;\nexport type InternalItem =\n | InternalIconButton\n | InternalIconToggleButton\n | ButtonGroupProps.IconFileInput\n | ButtonGroupProps.MenuDropdown;\n\nexport interface InternalButtonGroupProps\n extends SomeRequired<ButtonGroupProps, 'dropdownExpandToViewport'>,\n InternalBaseComponentProps {\n style?: ButtonGroupProps.Style;\n items: ReadonlyArray<InternalItemOrGroup>;\n}\n\nexport namespace ButtonGroupProps {\n export type Variant = 'icon';\n\n export type ItemOrGroup = Item | Group;\n export type Item = IconButton | IconToggleButton | IconFileInput | MenuDropdown;\n\n export interface IconButton {\n type: 'icon-button';\n id: string;\n text: string;\n disabled?: boolean;\n disabledReason?: string;\n loading?: boolean;\n loadingText?: string;\n iconName?: IconProps.Name;\n iconAlt?: string;\n iconUrl?: string;\n iconSvg?: React.ReactNode;\n popoverFeedback?: React.ReactNode;\n }\n\n export interface IconToggleButton {\n type: 'icon-toggle-button';\n id: string;\n text: string;\n pressed: boolean;\n disabled?: boolean;\n disabledReason?: string;\n loading?: boolean;\n loadingText?: string;\n iconName?: IconProps.Name;\n iconUrl?: string;\n iconSvg?: React.ReactNode;\n pressedIconName?: IconProps.Name;\n pressedIconUrl?: string;\n pressedIconSvg?: React.ReactNode;\n popoverFeedback?: React.ReactNode;\n pressedPopoverFeedback?: React.ReactNode;\n }\n\n export interface IconFileInput {\n type: 'icon-file-input';\n id: string;\n text: string;\n accept?: string;\n multiple?: boolean;\n }\n\n export interface MenuDropdown {\n type: 'menu-dropdown';\n id: string;\n text: string;\n disabled?: boolean;\n disabledReason?: string;\n loading?: boolean;\n loadingText?: string;\n iconName?: IconProps.Name;\n iconAlt?: string;\n iconUrl?: string;\n iconSvg?: React.ReactNode;\n items: ReadonlyArray<ButtonDropdownProps.ItemOrGroup>;\n }\n\n export interface Group {\n type: 'group';\n text: string;\n items: ReadonlyArray<ButtonGroupProps.Item>;\n }\n\n export interface ItemClickDetails {\n id: string;\n pressed?: boolean;\n checked?: boolean;\n }\n\n export interface FilesChangeDetails {\n id: string;\n files: File[];\n }\n\n export interface Ref {\n /**\n * Focuses button group item by id.\n */\n focus(itemId: string): void;\n }\n export interface Style {\n root?: {\n background?: string;\n borderColor?: string;\n borderRadius?: string;\n borderWidth?: string;\n paddingBlock?: string;\n paddingInline?: string;\n boxShadow?: string;\n focusRing?: {\n borderColor?: string;\n borderRadius?: string;\n borderWidth?: string;\n };\n };\n item?: {\n color?: {\n active?: string;\n default?: string;\n disabled?: string;\n hover?: string;\n };\n boxShadow?: {\n active?: string;\n default?: string;\n disabled?: string;\n hover?: string;\n };\n focusRing?: {\n borderColor?: string;\n borderRadius?: string;\n borderWidth?: string;\n };\n };\n }\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-dropdown-item.d.ts","sourceRoot":"","sources":["../../../src/button-group/menu-dropdown-item.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAEpE,OAAO,EAAE,sBAAsB,EAAuB,MAAM,oBAAoB,CAAC;AAEjF,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAIhD,UAAU,qBAAqB;IAC7B,IAAI,EAAE,gBAAgB,CAAC,YAAY,CAAC;IACpC,WAAW,EAAE,OAAO,CAAC;IACrB,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,WAAW,CAAC,EAAE,sBAAsB,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IACxE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,gBAAgB,
|
|
1
|
+
{"version":3,"file":"menu-dropdown-item.d.ts","sourceRoot":"","sources":["../../../src/button-group/menu-dropdown-item.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAEpE,OAAO,EAAE,sBAAsB,EAAuB,MAAM,oBAAoB,CAAC;AAEjF,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAIhD,UAAU,qBAAqB;IAC7B,IAAI,EAAE,gBAAgB,CAAC,YAAY,CAAC;IACpC,WAAW,EAAE,OAAO,CAAC;IACrB,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,WAAW,CAAC,EAAE,sBAAsB,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IACxE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,gBAAgB,uGAwDrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -10,12 +10,13 @@ import Tooltip from '../tooltip/internal.js';
|
|
|
10
10
|
import testUtilStyles from './test-classes/styles.css.js';
|
|
11
11
|
const MenuDropdownItem = React.forwardRef(({ item, showTooltip, onItemClick, onTooltipDismiss, expandToViewport, position }, ref) => {
|
|
12
12
|
const containerRef = React.useRef(null);
|
|
13
|
+
const hasCustomIcon = item.iconName || item.iconUrl || item.iconSvg;
|
|
13
14
|
const onClickHandler = (event) => {
|
|
14
15
|
fireCancelableEvent(onItemClick, { id: event.detail.id, checked: event.detail.checked }, event);
|
|
15
16
|
};
|
|
16
17
|
return (React.createElement(ButtonDropdown, { ref: ref, variant: "icon", items: item.items, onItemClick: onClickHandler, expandToViewport: expandToViewport, ariaLabel: item.text, className: testUtilStyles['button-group-item'], position: position, "data-testid": item.id, disabled: item.disabled, customTriggerBuilder: ({ onClick, isOpen, triggerRef, ariaLabel, ariaExpanded, testUtilsClass }) => (React.createElement("div", { ref: containerRef, ...(item.disabled ? {} : getAnalyticsMetadataAttribute({ detail: { position } })) },
|
|
17
18
|
!isOpen && showTooltip && !item.disabled && !item.loading && (React.createElement(Tooltip, { className: testUtilStyles['button-group-tooltip'], getTrack: () => containerRef.current, content: item.text, onEscape: onTooltipDismiss })),
|
|
18
|
-
React.createElement(InternalButton, { ref: triggerRef, variant: "icon", ariaLabel: ariaLabel, "data-itemid": item.id, ariaExpanded: ariaExpanded, className: clsx(testUtilStyles.item, testUtilsClass), iconName:
|
|
19
|
+
React.createElement(InternalButton, { ref: triggerRef, variant: "icon", ariaLabel: ariaLabel, "data-itemid": item.id, ariaExpanded: ariaExpanded, className: clsx(testUtilStyles.item, testUtilsClass), iconName: hasCustomIcon ? item.iconName : 'ellipsis', iconAlt: item.iconAlt, iconUrl: item.iconUrl, iconSvg: item.iconSvg, loading: item.loading, loadingText: item.loadingText, disabled: item.disabled, disabledReason: item.disabledReason, onClick: onClick, __title: "" }))) }));
|
|
19
20
|
});
|
|
20
21
|
export default MenuDropdownItem;
|
|
21
22
|
//# sourceMappingURL=menu-dropdown-item.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-dropdown-item.js","sourceRoot":"","sources":["../../../src/button-group/menu-dropdown-item.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AAEjH,OAAO,cAAc,MAAM,oBAAoB,CAAC;AAEhD,OAAO,cAAc,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAA0B,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AACjF,OAAO,OAAO,MAAM,wBAAwB,CAAC;AAG7C,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAW1D,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CACvC,CACE,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,QAAQ,EAAyB,EACvG,GAAuC,EACvC,EAAE;IACF,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACxD,MAAM,cAAc,GAAG,CAAC,KAAwD,EAAE,EAAE;QAClF,mBAAmB,CAAC,WAAW,EAAE,EAAE,EAAE,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,KAAK,CAAC,CAAC;IAClG,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,cAAc,IACb,GAAG,EAAE,GAAG,EACR,OAAO,EAAC,MAAM,EACd,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,WAAW,EAAE,cAAc,EAC3B,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,IAAI,CAAC,IAAI,EACpB,SAAS,EAAE,cAAc,CAAC,mBAAmB,CAAC,EAC9C,QAAQ,EAAE,QAAQ,iBACL,IAAI,CAAC,EAAE,EACpB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,oBAAoB,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,CAClG,6BAAK,GAAG,EAAE,YAAY,KAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,6BAA6B,CAAC,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC;YACvG,CAAC,MAAM,IAAI,WAAW,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAC5D,oBAAC,OAAO,IACN,SAAS,EAAE,cAAc,CAAC,sBAAsB,CAAC,EACjD,QAAQ,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,EACpC,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,QAAQ,EAAE,gBAAgB,GAC1B,CACH;YACD,oBAAC,cAAc,IACb,GAAG,EAAE,UAAU,EACf,OAAO,EAAC,MAAM,EACd,SAAS,EAAE,SAAS,iBACP,IAAI,CAAC,EAAE,EACpB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,cAAc,CAAC,EACpD,QAAQ,
|
|
1
|
+
{"version":3,"file":"menu-dropdown-item.js","sourceRoot":"","sources":["../../../src/button-group/menu-dropdown-item.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport InternalButton from '../button/internal';\nimport { ButtonDropdownProps } from '../button-dropdown/interfaces';\nimport ButtonDropdown from '../button-dropdown/internal';\nimport { CancelableEventHandler, fireCancelableEvent } from '../internal/events';\nimport Tooltip from '../tooltip/internal.js';\nimport { ButtonGroupProps } from './interfaces';\n\nimport testUtilStyles from './test-classes/styles.css.js';\n\ninterface MenuDropdownItemProps {\n item: ButtonGroupProps.MenuDropdown;\n showTooltip: boolean;\n onTooltipDismiss: () => void;\n onItemClick?: CancelableEventHandler<ButtonGroupProps.ItemClickDetails>;\n expandToViewport?: boolean;\n position: string;\n}\n\nconst MenuDropdownItem = React.forwardRef(\n (\n { item, showTooltip, onItemClick, onTooltipDismiss, expandToViewport, position }: MenuDropdownItemProps,\n ref: React.Ref<ButtonDropdownProps.Ref>\n ) => {\n const containerRef = React.useRef<HTMLDivElement>(null);\n const hasCustomIcon = item.iconName || item.iconUrl || item.iconSvg;\n const onClickHandler = (event: CustomEvent<ButtonDropdownProps.ItemClickDetails>) => {\n fireCancelableEvent(onItemClick, { id: event.detail.id, checked: event.detail.checked }, event);\n };\n\n return (\n <ButtonDropdown\n ref={ref}\n variant=\"icon\"\n items={item.items}\n onItemClick={onClickHandler}\n expandToViewport={expandToViewport}\n ariaLabel={item.text}\n className={testUtilStyles['button-group-item']}\n position={position}\n data-testid={item.id}\n disabled={item.disabled}\n customTriggerBuilder={({ onClick, isOpen, triggerRef, ariaLabel, ariaExpanded, testUtilsClass }) => (\n <div ref={containerRef} {...(item.disabled ? {} : getAnalyticsMetadataAttribute({ detail: { position } }))}>\n {!isOpen && showTooltip && !item.disabled && !item.loading && (\n <Tooltip\n className={testUtilStyles['button-group-tooltip']}\n getTrack={() => containerRef.current}\n content={item.text}\n onEscape={onTooltipDismiss}\n />\n )}\n <InternalButton\n ref={triggerRef}\n variant=\"icon\"\n ariaLabel={ariaLabel}\n data-itemid={item.id}\n ariaExpanded={ariaExpanded}\n className={clsx(testUtilStyles.item, testUtilsClass)}\n iconName={hasCustomIcon ? item.iconName : 'ellipsis'}\n iconAlt={item.iconAlt}\n iconUrl={item.iconUrl}\n iconSvg={item.iconSvg}\n loading={item.loading}\n loadingText={item.loadingText}\n disabled={item.disabled}\n disabledReason={item.disabledReason}\n onClick={onClick}\n __title=\"\"\n />\n </div>\n )}\n />\n );\n }\n);\n\nexport default MenuDropdownItem;\n"]}
|
|
@@ -259,6 +259,7 @@
|
|
|
259
259
|
--color-background-button-normal-hover-53op9s:var(--color-primary-50-1y05xv);
|
|
260
260
|
--color-background-toggle-button-normal-pressed-4khex7:var(--color-primary-100-f62fz9);
|
|
261
261
|
--color-background-toggle-button-normal-default-ipnqr5:var(--color-background-button-normal-default-7f99mv);
|
|
262
|
+
--color-background-toggle-button-normal-hover-0r2lj4:var(--color-background-button-normal-hover-53op9s);
|
|
262
263
|
--color-background-button-primary-active-5cqoqt:var(--color-primary-900-a5kqrr);
|
|
263
264
|
--color-background-button-primary-default-vdt0fu:var(--color-border-button-normal-default-glqfp1);
|
|
264
265
|
--color-background-button-primary-disabled-sgo4zo:var(--color-neutral-250-vs1is4);
|
|
@@ -365,6 +366,8 @@
|
|
|
365
366
|
--color-border-button-normal-active-ru7yhb:var(--color-primary-900-a5kqrr);
|
|
366
367
|
--color-border-button-normal-default-glqfp1:var(--color-primary-600-1lcy1k);
|
|
367
368
|
--color-border-toggle-button-normal-pressed-tq8o41:var(--color-primary-600-1lcy1k);
|
|
369
|
+
--color-border-toggle-button-normal-default-13wcrj:var(--color-border-button-normal-default-glqfp1);
|
|
370
|
+
--color-border-toggle-button-normal-hover-0gzb6n:var(--color-border-button-normal-hover-6a2tdq);
|
|
368
371
|
--color-border-button-normal-disabled-pkhetz:var(--color-neutral-400-wtst55);
|
|
369
372
|
--color-text-button-normal-disabled-05p74s:var(--color-neutral-500-8van0b);
|
|
370
373
|
--color-border-button-normal-hover-6a2tdq:var(--color-primary-900-a5kqrr);
|
|
@@ -396,6 +399,7 @@
|
|
|
396
399
|
--color-border-divider-panel-bottom-bruvuz:var(--color-border-divider-default-nr68jt);
|
|
397
400
|
--color-border-divider-panel-side-an0w07:var(--color-border-divider-default-nr68jt);
|
|
398
401
|
--color-border-divider-secondary-qoitch:var(--color-neutral-250-vs1is4);
|
|
402
|
+
--color-border-divider-table-group-l55omi:var(--color-neutral-500-8van0b);
|
|
399
403
|
--color-border-dropdown-container-cmthq7:var(--color-neutral-400-wtst55);
|
|
400
404
|
--color-border-dropdown-group-ylcnh8:var(--color-border-dropdown-item-default-kape37);
|
|
401
405
|
--color-border-dropdown-item-default-kape37:var(--color-border-divider-default-nr68jt);
|
|
@@ -419,6 +423,7 @@
|
|
|
419
423
|
--color-border-segment-default-6ig2mo:var(--color-neutral-650-miik4f);
|
|
420
424
|
--color-border-segment-disabled-fcrbcl:var(--color-border-segment-default-6ig2mo);
|
|
421
425
|
--color-border-segment-hover-0o9ey3:var(--color-border-segment-default-6ig2mo);
|
|
426
|
+
--color-border-segment-wrapper-mvxnza:var(--color-border-input-default-317xk5);
|
|
422
427
|
--color-border-status-error-j8acpp:var(--color-error-600-mdn3ng);
|
|
423
428
|
--color-border-status-info-qf6jok:var(--color-info-600-un21zh);
|
|
424
429
|
--color-border-status-success-8z5f8u:var(--color-success-600-g7hz2i);
|
|
@@ -434,6 +439,7 @@
|
|
|
434
439
|
--color-foreground-control-disabled-txi6cf:var(--color-white-p1zlvy);
|
|
435
440
|
--color-foreground-control-read-only-7ydvuj:var(--color-neutral-600-fln1ww);
|
|
436
441
|
--color-shadow-default-o7dmmm:var(--color-grey-transparent-heavy-bu3q4i);
|
|
442
|
+
--color-shadow-toggle-handle-at8aqh:rgba(0, 0, 0, 0.25);
|
|
437
443
|
--color-stroke-chart-line-3nsnk6:var(--color-neutral-500-8van0b);
|
|
438
444
|
--color-text-accent-n1kmht:var(--color-primary-600-1lcy1k);
|
|
439
445
|
--color-text-body-default-vvtq8u:var(--color-neutral-950-lxybh8);
|
|
@@ -686,6 +692,7 @@
|
|
|
686
692
|
--border-radius-tabs-focus-ring-o4qku1:20px;
|
|
687
693
|
--border-radius-tiles-wm1vgw:var(--border-radius-input-7q0str);
|
|
688
694
|
--border-radius-token-ycnemh:var(--border-radius-input-7q0str);
|
|
695
|
+
--border-radius-token-inline-tio0a0:4px;
|
|
689
696
|
--border-radius-tutorial-panel-item-ojaqxg:var(--border-radius-input-7q0str);
|
|
690
697
|
--border-table-sticky-width-ai31mi:1px;
|
|
691
698
|
--border-width-action-card-active-pwtgzu:var(--border-width-card-x24gzt);
|
|
@@ -1068,6 +1075,7 @@
|
|
|
1068
1075
|
--color-border-divider-active-biq3j4:var(--color-neutral-100-gk3lvf);
|
|
1069
1076
|
--color-border-divider-default-nr68jt:var(--color-neutral-650-miik4f);
|
|
1070
1077
|
--color-border-divider-secondary-qoitch:var(--color-neutral-750-pi9qqd);
|
|
1078
|
+
--color-border-divider-table-group-l55omi:var(--color-neutral-600-fln1ww);
|
|
1071
1079
|
--color-border-dropdown-container-cmthq7:var(--color-neutral-600-fln1ww);
|
|
1072
1080
|
--color-border-dropdown-item-hover-aqfuxq:var(--color-neutral-600-fln1ww);
|
|
1073
1081
|
--color-border-input-default-317xk5:var(--color-neutral-600-fln1ww);
|
|
@@ -1358,6 +1366,7 @@
|
|
|
1358
1366
|
--color-border-divider-active-biq3j4:var(--color-neutral-100-gk3lvf);
|
|
1359
1367
|
--color-border-divider-default-nr68jt:var(--color-neutral-650-miik4f);
|
|
1360
1368
|
--color-border-divider-secondary-qoitch:var(--color-neutral-750-pi9qqd);
|
|
1369
|
+
--color-border-divider-table-group-l55omi:var(--color-neutral-600-fln1ww);
|
|
1361
1370
|
--color-border-dropdown-container-cmthq7:var(--color-neutral-600-fln1ww);
|
|
1362
1371
|
--color-border-dropdown-item-hover-aqfuxq:var(--color-neutral-600-fln1ww);
|
|
1363
1372
|
--color-border-input-default-317xk5:var(--color-neutral-600-fln1ww);
|
|
@@ -1460,6 +1469,7 @@
|
|
|
1460
1469
|
--color-background-skeleton-sjxg4n:var(--color-neutral-750-pi9qqd);
|
|
1461
1470
|
--color-background-skeleton-wave-1dy97d:var(--color-neutral-700-qw8ats);
|
|
1462
1471
|
--color-background-toggle-button-normal-default-ipnqr5:var(--color-background-button-normal-default-7f99mv);
|
|
1472
|
+
--color-background-toggle-button-normal-hover-0r2lj4:var(--color-background-button-normal-hover-53op9s);
|
|
1463
1473
|
--color-background-button-primary-default-vdt0fu:var(--color-border-button-normal-default-glqfp1);
|
|
1464
1474
|
--color-background-button-primary-hover-mo85i6:var(--color-border-button-normal-hover-6a2tdq);
|
|
1465
1475
|
--color-text-direction-button-disabled-2jds36:var(--color-text-interactive-disabled-1bqmrl);
|
|
@@ -1491,6 +1501,8 @@
|
|
|
1491
1501
|
--color-background-table-header-hdjxos:var(--color-background-container-header-gs3mbe);
|
|
1492
1502
|
--color-text-chat-bubble-outgoing-f3r63s:var(--color-text-body-default-vvtq8u);
|
|
1493
1503
|
--color-text-chat-bubble-incoming-od0yh8:var(--color-text-body-default-vvtq8u);
|
|
1504
|
+
--color-border-toggle-button-normal-default-13wcrj:var(--color-border-button-normal-default-glqfp1);
|
|
1505
|
+
--color-border-toggle-button-normal-hover-0gzb6n:var(--color-border-button-normal-hover-6a2tdq);
|
|
1494
1506
|
--color-border-button-primary-active-6jnxoc:var(--color-background-button-primary-active-5cqoqt);
|
|
1495
1507
|
--color-border-button-primary-default-45p8u2:var(--color-background-button-primary-default-vdt0fu);
|
|
1496
1508
|
--color-border-button-primary-disabled-b5p1ji:var(--color-background-button-primary-disabled-sgo4zo);
|
|
@@ -1516,6 +1528,7 @@
|
|
|
1516
1528
|
--color-border-segment-active-ls9t4n:var(--color-border-segment-default-6ig2mo);
|
|
1517
1529
|
--color-border-segment-disabled-fcrbcl:var(--color-border-segment-default-6ig2mo);
|
|
1518
1530
|
--color-border-segment-hover-0o9ey3:var(--color-border-segment-default-6ig2mo);
|
|
1531
|
+
--color-border-segment-wrapper-mvxnza:var(--color-border-input-default-317xk5);
|
|
1519
1532
|
--color-border-dialog-0rjwug:var(--color-border-status-info-qf6jok);
|
|
1520
1533
|
--color-border-tabs-shadow-ugyo07:var(--color-grey-transparent-g4kcvh);
|
|
1521
1534
|
--color-border-tabs-underline-gudemr:var(--color-text-accent-n1kmht);
|
|
@@ -1628,6 +1641,7 @@
|
|
|
1628
1641
|
--color-border-divider-active-biq3j4:var(--color-neutral-100-gk3lvf);
|
|
1629
1642
|
--color-border-divider-default-nr68jt:var(--color-neutral-650-miik4f);
|
|
1630
1643
|
--color-border-divider-secondary-qoitch:var(--color-neutral-750-pi9qqd);
|
|
1644
|
+
--color-border-divider-table-group-l55omi:var(--color-neutral-600-fln1ww);
|
|
1631
1645
|
--color-border-dropdown-container-cmthq7:var(--color-neutral-600-fln1ww);
|
|
1632
1646
|
--color-border-dropdown-item-hover-aqfuxq:var(--color-neutral-600-fln1ww);
|
|
1633
1647
|
--color-border-input-default-317xk5:var(--color-neutral-600-fln1ww);
|
|
@@ -1739,6 +1753,7 @@
|
|
|
1739
1753
|
--shadow-sticky-column-first-trcd2o:0px 4px 8px 1px rgba(0, 7, 22, 0.5);
|
|
1740
1754
|
--shadow-sticky-column-last-qgh697:0px 4px 8px 1px rgba(0, 7, 22, 0.5);
|
|
1741
1755
|
--color-background-toggle-button-normal-default-ipnqr5:var(--color-background-button-normal-default-7f99mv);
|
|
1756
|
+
--color-background-toggle-button-normal-hover-0r2lj4:var(--color-background-button-normal-hover-53op9s);
|
|
1742
1757
|
--color-background-button-primary-default-vdt0fu:var(--color-border-button-normal-default-glqfp1);
|
|
1743
1758
|
--color-background-button-primary-hover-mo85i6:var(--color-border-button-normal-hover-6a2tdq);
|
|
1744
1759
|
--color-text-direction-button-disabled-2jds36:var(--color-text-interactive-disabled-1bqmrl);
|
|
@@ -1766,6 +1781,8 @@
|
|
|
1766
1781
|
--color-background-dialog-2fj3uu:var(--color-background-status-info-sfobba);
|
|
1767
1782
|
--color-text-chat-bubble-outgoing-f3r63s:var(--color-text-body-default-vvtq8u);
|
|
1768
1783
|
--color-text-chat-bubble-incoming-od0yh8:var(--color-text-body-default-vvtq8u);
|
|
1784
|
+
--color-border-toggle-button-normal-default-13wcrj:var(--color-border-button-normal-default-glqfp1);
|
|
1785
|
+
--color-border-toggle-button-normal-hover-0gzb6n:var(--color-border-button-normal-hover-6a2tdq);
|
|
1769
1786
|
--color-border-button-primary-active-6jnxoc:var(--color-background-button-primary-active-5cqoqt);
|
|
1770
1787
|
--color-border-button-primary-default-45p8u2:var(--color-background-button-primary-default-vdt0fu);
|
|
1771
1788
|
--color-border-button-primary-disabled-b5p1ji:var(--color-background-button-primary-disabled-sgo4zo);
|
|
@@ -1791,6 +1808,7 @@
|
|
|
1791
1808
|
--color-border-segment-active-ls9t4n:var(--color-border-segment-default-6ig2mo);
|
|
1792
1809
|
--color-border-segment-disabled-fcrbcl:var(--color-border-segment-default-6ig2mo);
|
|
1793
1810
|
--color-border-segment-hover-0o9ey3:var(--color-border-segment-default-6ig2mo);
|
|
1811
|
+
--color-border-segment-wrapper-mvxnza:var(--color-border-input-default-317xk5);
|
|
1794
1812
|
--color-border-dialog-0rjwug:var(--color-border-status-info-qf6jok);
|
|
1795
1813
|
--color-border-tabs-shadow-ugyo07:var(--color-grey-transparent-g4kcvh);
|
|
1796
1814
|
--color-border-tabs-underline-gudemr:var(--color-text-accent-n1kmht);
|
|
@@ -1860,12 +1878,15 @@
|
|
|
1860
1878
|
--color-text-tutorial-hotspot-default-xfv3ow:var(--color-neutral-300-08wi6k);
|
|
1861
1879
|
--color-text-tutorial-hotspot-hover-92pxog:var(--color-neutral-100-gk3lvf);
|
|
1862
1880
|
--color-background-toggle-button-normal-default-ipnqr5:var(--color-background-button-normal-default-7f99mv);
|
|
1881
|
+
--color-background-toggle-button-normal-hover-0r2lj4:var(--color-background-button-normal-hover-53op9s);
|
|
1863
1882
|
--color-background-button-primary-default-vdt0fu:var(--color-border-button-normal-default-glqfp1);
|
|
1864
1883
|
--color-background-button-primary-hover-mo85i6:var(--color-border-button-normal-hover-6a2tdq);
|
|
1865
1884
|
--color-background-segment-default-b0r494:var(--color-background-button-normal-default-7f99mv);
|
|
1866
1885
|
--color-background-segment-hover-800sl4:var(--color-background-button-normal-hover-53op9s);
|
|
1867
1886
|
--color-text-chat-bubble-outgoing-f3r63s:var(--color-text-body-default-vvtq8u);
|
|
1868
1887
|
--color-text-chat-bubble-incoming-od0yh8:var(--color-text-body-default-vvtq8u);
|
|
1888
|
+
--color-border-toggle-button-normal-default-13wcrj:var(--color-border-button-normal-default-glqfp1);
|
|
1889
|
+
--color-border-toggle-button-normal-hover-0gzb6n:var(--color-border-button-normal-hover-6a2tdq);
|
|
1869
1890
|
--color-border-button-primary-default-45p8u2:var(--color-background-button-primary-default-vdt0fu);
|
|
1870
1891
|
--color-border-button-primary-hover-rktx0f:var(--color-background-button-primary-hover-mo85i6);
|
|
1871
1892
|
--color-border-card-3n24fu:var(--color-border-divider-default-nr68jt);
|
|
@@ -1922,12 +1943,15 @@
|
|
|
1922
1943
|
--color-text-tutorial-hotspot-default-xfv3ow:var(--color-neutral-600-fln1ww);
|
|
1923
1944
|
--color-text-tutorial-hotspot-hover-92pxog:var(--color-neutral-900-v0mtoc);
|
|
1924
1945
|
--color-background-toggle-button-normal-default-ipnqr5:var(--color-background-button-normal-default-7f99mv);
|
|
1946
|
+
--color-background-toggle-button-normal-hover-0r2lj4:var(--color-background-button-normal-hover-53op9s);
|
|
1925
1947
|
--color-background-button-primary-default-vdt0fu:var(--color-border-button-normal-default-glqfp1);
|
|
1926
1948
|
--color-background-button-primary-hover-mo85i6:var(--color-border-button-normal-hover-6a2tdq);
|
|
1927
1949
|
--color-background-segment-default-b0r494:var(--color-background-button-normal-default-7f99mv);
|
|
1928
1950
|
--color-background-segment-hover-800sl4:var(--color-background-button-normal-hover-53op9s);
|
|
1929
1951
|
--color-text-chat-bubble-outgoing-f3r63s:var(--color-text-body-default-vvtq8u);
|
|
1930
1952
|
--color-text-chat-bubble-incoming-od0yh8:var(--color-text-body-default-vvtq8u);
|
|
1953
|
+
--color-border-toggle-button-normal-default-13wcrj:var(--color-border-button-normal-default-glqfp1);
|
|
1954
|
+
--color-border-toggle-button-normal-hover-0gzb6n:var(--color-border-button-normal-hover-6a2tdq);
|
|
1931
1955
|
--color-border-button-primary-default-45p8u2:var(--color-background-button-primary-default-vdt0fu);
|
|
1932
1956
|
--color-border-button-primary-hover-rktx0f:var(--color-background-button-primary-hover-mo85i6);
|
|
1933
1957
|
--color-border-card-3n24fu:var(--color-border-divider-default-nr68jt);
|
|
@@ -1972,10 +1996,13 @@
|
|
|
1972
1996
|
--color-text-expandable-section-hover-ojzwhd:var(--color-text-button-normal-hover-gusgyv);
|
|
1973
1997
|
--font-size-expandable-heading-duh2ta:14px;
|
|
1974
1998
|
--color-background-toggle-button-normal-default-ipnqr5:var(--color-background-button-normal-default-7f99mv);
|
|
1999
|
+
--color-background-toggle-button-normal-hover-0r2lj4:var(--color-background-button-normal-hover-53op9s);
|
|
1975
2000
|
--color-background-button-primary-default-vdt0fu:var(--color-border-button-normal-default-glqfp1);
|
|
1976
2001
|
--color-background-button-primary-hover-mo85i6:var(--color-border-button-normal-hover-6a2tdq);
|
|
1977
2002
|
--color-background-segment-default-b0r494:var(--color-background-button-normal-default-7f99mv);
|
|
1978
2003
|
--color-background-segment-hover-800sl4:var(--color-background-button-normal-hover-53op9s);
|
|
2004
|
+
--color-border-toggle-button-normal-default-13wcrj:var(--color-border-button-normal-default-glqfp1);
|
|
2005
|
+
--color-border-toggle-button-normal-hover-0gzb6n:var(--color-border-button-normal-hover-6a2tdq);
|
|
1979
2006
|
--color-border-button-primary-default-45p8u2:var(--color-background-button-primary-default-vdt0fu);
|
|
1980
2007
|
--color-border-button-primary-hover-rktx0f:var(--color-background-button-primary-hover-mo85i6);
|
|
1981
2008
|
--color-border-card-3n24fu:var(--color-border-divider-default-nr68jt);
|
|
@@ -2060,6 +2087,7 @@
|
|
|
2060
2087
|
--color-border-divider-active-biq3j4:var(--color-neutral-100-gk3lvf);
|
|
2061
2088
|
--color-border-divider-default-nr68jt:var(--color-text-button-normal-default-nzalii);
|
|
2062
2089
|
--color-border-divider-secondary-qoitch:var(--color-neutral-750-pi9qqd);
|
|
2090
|
+
--color-border-divider-table-group-l55omi:var(--color-neutral-600-fln1ww);
|
|
2063
2091
|
--color-border-dropdown-container-cmthq7:var(--color-neutral-600-fln1ww);
|
|
2064
2092
|
--color-border-dropdown-item-hover-aqfuxq:var(--color-neutral-600-fln1ww);
|
|
2065
2093
|
--color-border-input-default-317xk5:var(--color-neutral-600-fln1ww);
|
|
@@ -2165,6 +2193,7 @@
|
|
|
2165
2193
|
--color-background-skeleton-sjxg4n:var(--color-neutral-750-pi9qqd);
|
|
2166
2194
|
--color-background-skeleton-wave-1dy97d:var(--color-neutral-700-qw8ats);
|
|
2167
2195
|
--color-background-toggle-button-normal-default-ipnqr5:var(--color-background-button-normal-default-7f99mv);
|
|
2196
|
+
--color-background-toggle-button-normal-hover-0r2lj4:var(--color-background-button-normal-hover-53op9s);
|
|
2168
2197
|
--color-background-button-primary-default-vdt0fu:var(--color-border-button-normal-default-glqfp1);
|
|
2169
2198
|
--color-background-button-primary-hover-mo85i6:var(--color-border-button-normal-hover-6a2tdq);
|
|
2170
2199
|
--color-text-direction-button-disabled-2jds36:var(--color-text-interactive-disabled-1bqmrl);
|
|
@@ -2196,6 +2225,8 @@
|
|
|
2196
2225
|
--color-background-table-header-hdjxos:var(--color-background-container-header-gs3mbe);
|
|
2197
2226
|
--color-text-chat-bubble-outgoing-f3r63s:var(--color-text-body-default-vvtq8u);
|
|
2198
2227
|
--color-text-chat-bubble-incoming-od0yh8:var(--color-text-body-default-vvtq8u);
|
|
2228
|
+
--color-border-toggle-button-normal-default-13wcrj:var(--color-border-button-normal-default-glqfp1);
|
|
2229
|
+
--color-border-toggle-button-normal-hover-0gzb6n:var(--color-border-button-normal-hover-6a2tdq);
|
|
2199
2230
|
--color-border-button-primary-active-6jnxoc:var(--color-background-button-primary-active-5cqoqt);
|
|
2200
2231
|
--color-border-button-primary-default-45p8u2:var(--color-background-button-primary-default-vdt0fu);
|
|
2201
2232
|
--color-border-button-primary-disabled-b5p1ji:var(--color-background-button-primary-disabled-sgo4zo);
|
|
@@ -2221,6 +2252,7 @@
|
|
|
2221
2252
|
--color-border-segment-active-ls9t4n:var(--color-border-segment-default-6ig2mo);
|
|
2222
2253
|
--color-border-segment-disabled-fcrbcl:var(--color-border-segment-default-6ig2mo);
|
|
2223
2254
|
--color-border-segment-hover-0o9ey3:var(--color-border-segment-default-6ig2mo);
|
|
2255
|
+
--color-border-segment-wrapper-mvxnza:var(--color-border-input-default-317xk5);
|
|
2224
2256
|
--color-border-dialog-0rjwug:var(--color-border-status-info-qf6jok);
|
|
2225
2257
|
--color-border-tabs-shadow-ugyo07:var(--color-grey-transparent-g4kcvh);
|
|
2226
2258
|
--color-border-tabs-underline-gudemr:var(--color-text-accent-n1kmht);
|
|
@@ -2327,5 +2359,5 @@
|
|
|
2327
2359
|
}
|
|
2328
2360
|
}
|
|
2329
2361
|
:root {
|
|
2330
|
-
--awsui-version-info-
|
|
2362
|
+
--awsui-version-info-82d11d66: true;
|
|
2331
2363
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/checkbox-icon/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,kBAAkB,EAAgB,MAAM,sBAAsB,CAAC;AAKxE,UAAU,iBAAkB,SAAQ,kBAAkB;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE;QACN,GAAG,CAAC,EAAE;YACJ,IAAI,CAAC,EAAE,MAAM,CAAC;YACd,MAAM,CAAC,EAAE,MAAM,CAAC;SACjB,CAAC;QACF,IAAI,CAAC,EAAE;YACL,MAAM,CAAC,EAAE,MAAM,CAAC;SACjB,CAAC;KACH,CAAC;CACH;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/checkbox-icon/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,kBAAkB,EAAgB,MAAM,sBAAsB,CAAC;AAKxE,UAAU,iBAAkB,SAAQ,kBAAkB;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE;QACN,GAAG,CAAC,EAAE;YACJ,IAAI,CAAC,EAAE,MAAM,CAAC;YACd,MAAM,CAAC,EAAE,MAAM,CAAC;SACjB,CAAC;QACF,IAAI,CAAC,EAAE;YACL,MAAM,CAAC,EAAE,MAAM,CAAC;SACjB,CAAC;KACH,CAAC;CACH;AAsCD,QAAA,MAAM,YAAY,GAAI,qEAOnB,iBAAiB,gBAmCnB,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
import React from 'react';
|
|
4
4
|
import clsx from 'clsx';
|
|
5
5
|
import { getBaseProps } from '../../base-component';
|
|
6
|
-
import { useVisualRefresh } from '../../hooks/use-visual-mode';
|
|
6
|
+
import { useOneTheme, useVisualRefresh } from '../../hooks/use-visual-mode';
|
|
7
7
|
import styles from './styles.css.js';
|
|
8
8
|
// Can't use css variables for svg attributes
|
|
9
9
|
const dimensionsByTheme = {
|
|
@@ -23,11 +23,20 @@ const dimensionsByTheme = {
|
|
|
23
23
|
r: 3,
|
|
24
24
|
size: 15,
|
|
25
25
|
},
|
|
26
|
+
one: {
|
|
27
|
+
viewBox: '0 0 16 16',
|
|
28
|
+
indeterminate: '3.5,8 12.5,8',
|
|
29
|
+
checked: '3.5,8 7,11 12,4',
|
|
30
|
+
xy: 0.5,
|
|
31
|
+
r: 2,
|
|
32
|
+
size: 15,
|
|
33
|
+
},
|
|
26
34
|
};
|
|
27
35
|
const CheckboxIcon = ({ checked, indeterminate, disabled = false, readOnly = false, style, ...restProps }) => {
|
|
28
36
|
var _a, _b, _c;
|
|
29
37
|
const baseProps = getBaseProps(restProps);
|
|
30
|
-
const
|
|
38
|
+
const oneTheme = useOneTheme();
|
|
39
|
+
const theme = useVisualRefresh() ? (oneTheme ? 'one' : 'refresh') : 'default';
|
|
31
40
|
const dimensions = dimensionsByTheme[theme];
|
|
32
41
|
return (React.createElement("svg", { className: styles.root, viewBox: dimensions.viewBox, "aria-hidden": "true", focusable: "false", ...baseProps },
|
|
33
42
|
React.createElement("rect", { className: clsx(styles['styled-box'], {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/checkbox-icon/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAsB,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/checkbox-icon/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { BaseComponentProps, getBaseProps } from '../../base-component';\nimport { useOneTheme, useVisualRefresh } from '../../hooks/use-visual-mode';\n\nimport styles from './styles.css.js';\n\ninterface CheckboxIconProps extends BaseComponentProps {\n checked?: boolean;\n indeterminate?: boolean;\n disabled?: boolean;\n readOnly?: boolean;\n style?: {\n box?: {\n fill?: string;\n stroke?: string;\n };\n line?: {\n stroke?: string;\n };\n };\n}\ninterface Dimension {\n viewBox: string;\n indeterminate: string;\n checked: string;\n xy: number;\n r: number;\n size: number;\n}\n\n// Can't use css variables for svg attributes\nconst dimensionsByTheme: Record<NonNullable<'default' | 'refresh' | 'one'>, Dimension> = {\n default: {\n viewBox: '0 0 14 14',\n indeterminate: '2.5,7 11.5,7',\n checked: '2.5,7 6,10 11,3',\n xy: 0.5,\n r: 1.5,\n size: 13,\n },\n refresh: {\n viewBox: '0 0 16 16',\n indeterminate: '3.5,8 12.5,8',\n checked: '3.5,8 7,11 12,4',\n xy: 0.5,\n r: 3,\n size: 15,\n },\n one: {\n viewBox: '0 0 16 16',\n indeterminate: '3.5,8 12.5,8',\n checked: '3.5,8 7,11 12,4',\n xy: 0.5,\n r: 2,\n size: 15,\n },\n};\n\nconst CheckboxIcon = ({\n checked,\n indeterminate,\n disabled = false,\n readOnly = false,\n style,\n ...restProps\n}: CheckboxIconProps) => {\n const baseProps = getBaseProps(restProps);\n const oneTheme = useOneTheme();\n const theme = useVisualRefresh() ? (oneTheme ? 'one' : 'refresh') : 'default';\n const dimensions = dimensionsByTheme[theme];\n\n return (\n <svg className={styles.root} viewBox={dimensions.viewBox} aria-hidden=\"true\" focusable=\"false\" {...baseProps}>\n <rect\n className={clsx(styles['styled-box'], {\n [styles['styled-box-checked']]: checked,\n [styles['styled-box-indeterminate']]: indeterminate,\n [styles['styled-box-disabled']]: disabled,\n [styles['styled-box-readonly']]: readOnly,\n })}\n x={dimensions.xy}\n y={dimensions.xy}\n rx={dimensions.r}\n ry={dimensions.r}\n width={dimensions.size}\n height={dimensions.size}\n style={{ fill: style?.box?.fill, stroke: style?.box?.stroke }}\n />\n {checked || indeterminate ? (\n <polyline\n className={clsx(styles['styled-line'], {\n [styles['styled-line-disabled']]: disabled,\n [styles['styled-line-readonly']]: readOnly,\n })}\n points={indeterminate ? dimensions.indeterminate : dimensions.checked}\n style={{ stroke: style?.line?.stroke }}\n />\n ) : null}\n </svg>\n );\n};\n\nexport default CheckboxIcon;\n"]}
|
package/internal/environment.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export var PACKAGE_SOURCE = "components";
|
|
2
|
-
export var PACKAGE_VERSION = "3.0.0 (
|
|
3
|
-
export var GIT_SHA = "
|
|
2
|
+
export var PACKAGE_VERSION = "3.0.0 (82d11d66)";
|
|
3
|
+
export var GIT_SHA = "82d11d66";
|
|
4
4
|
export var THEME = "open-source-visual-refresh";
|
|
5
5
|
export var SYSTEM = "core";
|
|
6
6
|
export var ALWAYS_VISUAL_REFRESH = true;
|
|
@@ -300,6 +300,7 @@ export const colorBackgroundButtonNormalDisabled: string;
|
|
|
300
300
|
export const colorBackgroundButtonNormalHover: string;
|
|
301
301
|
export const colorBackgroundToggleButtonNormalPressed: string;
|
|
302
302
|
export const colorBackgroundToggleButtonNormalDefault: string;
|
|
303
|
+
export const colorBackgroundToggleButtonNormalHover: string;
|
|
303
304
|
export const colorBackgroundButtonPrimaryActive: string;
|
|
304
305
|
export const colorBackgroundButtonPrimaryDefault: string;
|
|
305
306
|
export const colorBackgroundButtonPrimaryDisabled: string;
|
|
@@ -406,6 +407,8 @@ export const colorBorderButtonLinkDisabled: string;
|
|
|
406
407
|
export const colorBorderButtonNormalActive: string;
|
|
407
408
|
export const colorBorderButtonNormalDefault: string;
|
|
408
409
|
export const colorBorderToggleButtonNormalPressed: string;
|
|
410
|
+
export const colorBorderToggleButtonNormalDefault: string;
|
|
411
|
+
export const colorBorderToggleButtonNormalHover: string;
|
|
409
412
|
export const colorBorderButtonNormalDisabled: string;
|
|
410
413
|
export const colorTextButtonNormalDisabled: string;
|
|
411
414
|
export const colorBorderButtonNormalHover: string;
|
|
@@ -437,6 +440,7 @@ export const colorBorderDividerDefault: string;
|
|
|
437
440
|
export const colorBorderDividerPanelBottom: string;
|
|
438
441
|
export const colorBorderDividerPanelSide: string;
|
|
439
442
|
export const colorBorderDividerSecondary: string;
|
|
443
|
+
export const colorBorderDividerTableGroup: string;
|
|
440
444
|
export const colorBorderDropdownContainer: string;
|
|
441
445
|
export const colorBorderDropdownGroup: string;
|
|
442
446
|
export const colorBorderDropdownItemDefault: string;
|
|
@@ -460,6 +464,7 @@ export const colorBorderSegmentActive: string;
|
|
|
460
464
|
export const colorBorderSegmentDefault: string;
|
|
461
465
|
export const colorBorderSegmentDisabled: string;
|
|
462
466
|
export const colorBorderSegmentHover: string;
|
|
467
|
+
export const colorBorderSegmentWrapper: string;
|
|
463
468
|
export const colorBorderStatusError: string;
|
|
464
469
|
export const colorBorderStatusInfo: string;
|
|
465
470
|
export const colorBorderStatusSuccess: string;
|
|
@@ -477,6 +482,7 @@ export const colorForegroundControlReadOnly: string;
|
|
|
477
482
|
export const colorShadowDefault: string;
|
|
478
483
|
export const colorShadowMedium: string;
|
|
479
484
|
export const colorShadowSide: string;
|
|
485
|
+
export const colorShadowToggleHandle: string;
|
|
480
486
|
export const colorStrokeChartLine: string;
|
|
481
487
|
export const colorStrokeCodeEditorGutterActiveLineDefault: string;
|
|
482
488
|
export const colorStrokeCodeEditorGutterActiveLineHover: string;
|
|
@@ -733,6 +739,7 @@ export const borderRadiusStatusIndicator: string;
|
|
|
733
739
|
export const borderRadiusTabsFocusRing: string;
|
|
734
740
|
export const borderRadiusTiles: string;
|
|
735
741
|
export const borderRadiusToken: string;
|
|
742
|
+
export const borderRadiusTokenInline: string;
|
|
736
743
|
export const borderRadiusTutorialPanelItem: string;
|
|
737
744
|
export const borderTableStickyWidth: string;
|
|
738
745
|
export const borderWidthActionCardActive: string;
|
|
@@ -300,6 +300,7 @@ export var colorBackgroundButtonNormalDisabled = "var(--color-background-button-
|
|
|
300
300
|
export var colorBackgroundButtonNormalHover = "var(--color-background-button-normal-hover-53op9s, #f0fbff)";
|
|
301
301
|
export var colorBackgroundToggleButtonNormalPressed = "var(--color-background-toggle-button-normal-pressed-4khex7, #d1f1ff)";
|
|
302
302
|
export var colorBackgroundToggleButtonNormalDefault = "var(--color-background-toggle-button-normal-default-ipnqr5, #ffffff)";
|
|
303
|
+
export var colorBackgroundToggleButtonNormalHover = "var(--color-background-toggle-button-normal-hover-0r2lj4, #f0fbff)";
|
|
303
304
|
export var colorBackgroundButtonPrimaryActive = "var(--color-background-button-primary-active-5cqoqt, #002b66)";
|
|
304
305
|
export var colorBackgroundButtonPrimaryDefault = "var(--color-background-button-primary-default-vdt0fu, #006ce0)";
|
|
305
306
|
export var colorBackgroundButtonPrimaryDisabled = "var(--color-background-button-primary-disabled-sgo4zo, #ebebf0)";
|
|
@@ -406,6 +407,8 @@ export var colorBorderButtonLinkDisabled = "var(--color-border-button-link-disab
|
|
|
406
407
|
export var colorBorderButtonNormalActive = "var(--color-border-button-normal-active-ru7yhb, #002b66)";
|
|
407
408
|
export var colorBorderButtonNormalDefault = "var(--color-border-button-normal-default-glqfp1, #006ce0)";
|
|
408
409
|
export var colorBorderToggleButtonNormalPressed = "var(--color-border-toggle-button-normal-pressed-tq8o41, #006ce0)";
|
|
410
|
+
export var colorBorderToggleButtonNormalDefault = "var(--color-border-toggle-button-normal-default-13wcrj, #006ce0)";
|
|
411
|
+
export var colorBorderToggleButtonNormalHover = "var(--color-border-toggle-button-normal-hover-0gzb6n, #002b66)";
|
|
409
412
|
export var colorBorderButtonNormalDisabled = "var(--color-border-button-normal-disabled-pkhetz, #b4b4bb)";
|
|
410
413
|
export var colorTextButtonNormalDisabled = "var(--color-text-button-normal-disabled-05p74s, #8c8c94)";
|
|
411
414
|
export var colorBorderButtonNormalHover = "var(--color-border-button-normal-hover-6a2tdq, #002b66)";
|
|
@@ -437,6 +440,7 @@ export var colorBorderDividerDefault = "var(--color-border-divider-default-nr68j
|
|
|
437
440
|
export var colorBorderDividerPanelBottom = "var(--color-border-divider-panel-bottom-bruvuz, #c6c6cd)";
|
|
438
441
|
export var colorBorderDividerPanelSide = "var(--color-border-divider-panel-side-an0w07, #c6c6cd)";
|
|
439
442
|
export var colorBorderDividerSecondary = "var(--color-border-divider-secondary-qoitch, #ebebf0)";
|
|
443
|
+
export var colorBorderDividerTableGroup = "var(--color-border-divider-table-group-l55omi, #8c8c94)";
|
|
440
444
|
export var colorBorderDropdownContainer = "var(--color-border-dropdown-container-cmthq7, #b4b4bb)";
|
|
441
445
|
export var colorBorderDropdownGroup = "var(--color-border-dropdown-group-ylcnh8, #c6c6cd)";
|
|
442
446
|
export var colorBorderDropdownItemDefault = "var(--color-border-dropdown-item-default-kape37, #c6c6cd)";
|
|
@@ -460,6 +464,7 @@ export var colorBorderSegmentActive = "var(--color-border-segment-active-ls9t4n,
|
|
|
460
464
|
export var colorBorderSegmentDefault = "var(--color-border-segment-default-6ig2mo, #424650)";
|
|
461
465
|
export var colorBorderSegmentDisabled = "var(--color-border-segment-disabled-fcrbcl, #424650)";
|
|
462
466
|
export var colorBorderSegmentHover = "var(--color-border-segment-hover-0o9ey3, #424650)";
|
|
467
|
+
export var colorBorderSegmentWrapper = "var(--color-border-segment-wrapper-mvxnza, #8c8c94)";
|
|
463
468
|
export var colorBorderStatusError = "var(--color-border-status-error-j8acpp, #db0000)";
|
|
464
469
|
export var colorBorderStatusInfo = "var(--color-border-status-info-qf6jok, #006ce0)";
|
|
465
470
|
export var colorBorderStatusSuccess = "var(--color-border-status-success-8z5f8u, #00802f)";
|
|
@@ -477,6 +482,7 @@ export var colorForegroundControlReadOnly = "var(--color-foreground-control-read
|
|
|
477
482
|
export var colorShadowDefault = "var(--color-shadow-default-o7dmmm, rgba(15, 20, 26, 0.12))";
|
|
478
483
|
export var colorShadowMedium = "var(--color-shadow-medium-x7of55, rgba(15, 20, 26, 0.12))";
|
|
479
484
|
export var colorShadowSide = "var(--color-shadow-side-rtsbda, rgba(15, 20, 26, 0.12))";
|
|
485
|
+
export var colorShadowToggleHandle = "var(--color-shadow-toggle-handle-at8aqh, rgba(0, 0, 0, 0.25))";
|
|
480
486
|
export var colorStrokeChartLine = "var(--color-stroke-chart-line-3nsnk6, #8c8c94)";
|
|
481
487
|
export var colorStrokeCodeEditorGutterActiveLineDefault = "var(--color-stroke-code-editor-gutter-active-line-default-5hrdmu, #dedee3)";
|
|
482
488
|
export var colorStrokeCodeEditorGutterActiveLineHover = "var(--color-stroke-code-editor-gutter-active-line-hover-vqrb6s, #f9f9fa)";
|
|
@@ -733,6 +739,7 @@ export var borderRadiusStatusIndicator = "var(--border-radius-status-indicator-f
|
|
|
733
739
|
export var borderRadiusTabsFocusRing = "var(--border-radius-tabs-focus-ring-o4qku1, 20px)";
|
|
734
740
|
export var borderRadiusTiles = "var(--border-radius-tiles-wm1vgw, 8px)";
|
|
735
741
|
export var borderRadiusToken = "var(--border-radius-token-ycnemh, 8px)";
|
|
742
|
+
export var borderRadiusTokenInline = "var(--border-radius-token-inline-tio0a0, 4px)";
|
|
736
743
|
export var borderRadiusTutorialPanelItem = "var(--border-radius-tutorial-panel-item-ojaqxg, 8px)";
|
|
737
744
|
export var borderTableStickyWidth = "var(--border-table-sticky-width-ai31mi, 1px)";
|
|
738
745
|
export var borderWidthActionCardActive = "var(--border-width-action-card-active-pwtgzu, 1px)";
|