@cloudscape-design/components-themeable 3.0.952 → 3.0.953

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.
Files changed (32) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/button/constants.scss +1 -1
  3. package/lib/internal/template/button/interfaces.d.ts +1 -1
  4. package/lib/internal/template/button/interfaces.js.map +1 -1
  5. package/lib/internal/template/button/internal.d.ts.map +1 -1
  6. package/lib/internal/template/button/internal.js +1 -1
  7. package/lib/internal/template/button/internal.js.map +1 -1
  8. package/lib/internal/template/button/styles.css.js +22 -22
  9. package/lib/internal/template/button/styles.scoped.css +70 -70
  10. package/lib/internal/template/button/styles.selectors.js +22 -22
  11. package/lib/internal/template/button-group/icon-button-item.d.ts.map +1 -1
  12. package/lib/internal/template/button-group/icon-button-item.js +1 -1
  13. package/lib/internal/template/button-group/icon-button-item.js.map +1 -1
  14. package/lib/internal/template/button-group/icon-toggle-button-item.d.ts.map +1 -1
  15. package/lib/internal/template/button-group/icon-toggle-button-item.js +1 -1
  16. package/lib/internal/template/button-group/icon-toggle-button-item.js.map +1 -1
  17. package/lib/internal/template/button-group/interfaces.d.ts +6 -0
  18. package/lib/internal/template/button-group/interfaces.d.ts.map +1 -1
  19. package/lib/internal/template/button-group/interfaces.js.map +1 -1
  20. package/lib/internal/template/button-group/menu-dropdown-item.d.ts.map +1 -1
  21. package/lib/internal/template/button-group/menu-dropdown-item.js +1 -1
  22. package/lib/internal/template/button-group/menu-dropdown-item.js.map +1 -1
  23. package/lib/internal/template/internal/base-component/styles.scoped.css +2 -0
  24. package/lib/internal/template/internal/environment.js +1 -1
  25. package/lib/internal/template/internal/environment.json +1 -1
  26. package/lib/internal/template/internal/generated/styles/tokens.d.ts +1 -0
  27. package/lib/internal/template/internal/generated/styles/tokens.js +1 -0
  28. package/lib/internal/template/internal/generated/theming/index.cjs +33 -0
  29. package/lib/internal/template/internal/generated/theming/index.cjs.d.ts +8 -0
  30. package/lib/internal/template/internal/generated/theming/index.d.ts +8 -0
  31. package/lib/internal/template/internal/generated/theming/index.js +33 -0
  32. package/package.json +1 -1
package/lib/internal/template/button-group/interfaces.d.ts CHANGED
@@ -38,6 +38,7 @@ export interface ButtonGroupProps extends BaseComponentProps {
38
38
  * * `id` (string) - The unique identifier of the button, used as detail in `onItemClick` handler and to focus the button using `ref.focus(id)`.
39
39
  * * `text` (string) - The name shown as a tooltip for this button.
40
40
  * * `disabled` (optional, boolean) - The disabled state indication for this button.
41
+ * * `disabledReason` (optional, boolean) - Provides a reason why the button is disabled (only when `disabled` is `true`). If provided, the button becomes focusable.
41
42
  * * `loading` (optional, boolean) - The loading state indication for this button.
42
43
  * * `loadingText` (optional, string) - The loading text announced to screen readers.
43
44
  * * `iconName` (optional, string) - Specifies the name of the icon, used with the [icon component](/components/icon/).
@@ -52,6 +53,7 @@ export interface ButtonGroupProps extends BaseComponentProps {
52
53
  * * `pressed` (boolean) - The toggle button pressed state.
53
54
  * * `text` (string) - The name shown as a tooltip for this button.
54
55
  * * `disabled` (optional, boolean) - The disabled state indication for this button.
56
+ * * `disabledReason` (optional, boolean) - Provides a reason why the button is disabled (only when `disabled` is `true`). If provided, the button becomes focusable.
55
57
  * * `loading` (optional, boolean) - The loading state indication for this button.
56
58
  * * `loadingText` (optional, string) - The loading text announced to screen readers.
57
59
  * * `iconName` (optional, string) - Specifies the name of the icon, used with the [icon component](/components/icon/).
@@ -75,6 +77,7 @@ export interface ButtonGroupProps extends BaseComponentProps {
75
77
  * * `id` (string) - The unique identifier of the button, used as detail in `onItemClick`.
76
78
  * * `text` (string) - The name of the menu button shown as a tooltip.
77
79
  * * `disabled` (optional, boolean) - The disabled state indication for the menu button.
80
+ * * `disabledReason` (optional, boolean) - Provides a reason why the button is disabled (only when `disabled` is `true`). If provided, the button becomes focusable.
78
81
  * * `loading` (optional, boolean) - The loading state indication for the menu button.
79
82
  * * `loadingText` (optional, string) - The loading text announced to screen readers.
80
83
  * * `items` (ButtonDropdownProps.ItemOrGroup[]) - The array of dropdown items that belong to this menu.
@@ -105,6 +108,7 @@ export declare namespace ButtonGroupProps {
105
108
  id: string;
106
109
  text: string;
107
110
  disabled?: boolean;
111
+ disabledReason?: string;
108
112
  loading?: boolean;
109
113
  loadingText?: string;
110
114
  iconName?: IconProps.Name;
@@ -119,6 +123,7 @@ export declare namespace ButtonGroupProps {
119
123
  text: string;
120
124
  pressed: boolean;
121
125
  disabled?: boolean;
126
+ disabledReason?: string;
122
127
  loading?: boolean;
123
128
  loadingText?: string;
124
129
  iconName?: IconProps.Name;
@@ -142,6 +147,7 @@ export declare namespace ButtonGroupProps {
142
147
  id: string;
143
148
  text: string;
144
149
  disabled?: boolean;
150
+ disabledReason?: string;
145
151
  loading?: boolean;
146
152
  loadingText?: string;
147
153
  items: ReadonlyArray<ButtonDropdownProps.ItemOrGroup>;
package/lib/internal/template/button-group/interfaces.d.ts.map CHANGED
@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAqDG;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;CAChF;AAED,MAAM,WAAW,wBACf,SAAQ,YAAY,CAAC,gBAAgB,EAAE,0BAA0B,CAAC,EAChE,0BAA0B;CAAG;AAEjC,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,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,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,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,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;CACF"}
1
+ {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/button-group/interfaces.ts"],"names":[],"mappings":"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"}
package/lib/internal/template/button-group/interfaces.js.map CHANGED
@@ -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 * * `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 * * `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 * * `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\nexport interface InternalButtonGroupProps\n extends SomeRequired<ButtonGroupProps, 'dropdownExpandToViewport'>,\n InternalBaseComponentProps {}\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 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 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 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}\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 * * `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\nexport interface InternalButtonGroupProps\n extends SomeRequired<ButtonGroupProps, 'dropdownExpandToViewport'>,\n InternalBaseComponentProps {}\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}\n"]}
package/lib/internal/template/button-group/menu-dropdown-item.d.ts.map CHANGED
@@ -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;AAI1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAGpE,OAAO,EAAE,sBAAsB,EAAuB,MAAM,oBAAoB,CAAC;AACjF,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;CAC5B;AAED,QAAA,MAAM,gBAAgB,uGAkDrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
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;AAI1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAGpE,OAAO,EAAE,sBAAsB,EAAuB,MAAM,oBAAoB,CAAC;AACjF,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;CAC5B;AAED,QAAA,MAAM,gBAAgB,uGAmDrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
package/lib/internal/template/button-group/menu-dropdown-item.js CHANGED
@@ -14,7 +14,7 @@ const MenuDropdownItem = React.forwardRef(({ item, showTooltip, onItemClick, onT
14
14
  };
15
15
  return (React.createElement(ButtonDropdown, { ref: ref, variant: "icon", items: item.items, onItemClick: onClickHandler, expandToViewport: expandToViewport, ariaLabel: item.text, className: testUtilStyles['button-group-item'], "data-testid": item.id, customTriggerBuilder: ({ onClick, isOpen, triggerRef, ariaLabel, ariaExpanded, testUtilsClass }) => (React.createElement("div", { ref: containerRef },
16
16
  !isOpen && showTooltip && !item.disabled && !item.loading && (React.createElement(Tooltip, { trackRef: containerRef, trackKey: item.id, value: item.text, className: clsx(testUtilStyles.tooltip, testUtilStyles['button-group-tooltip']), onDismiss: onTooltipDismiss })),
17
- React.createElement(InternalButton, { ref: triggerRef, variant: "icon", ariaLabel: ariaLabel, "data-itemid": item.id, ariaExpanded: ariaExpanded, className: clsx(testUtilStyles.item, testUtilsClass), iconName: "ellipsis", loading: item.loading, loadingText: item.loadingText, disabled: item.disabled, onClick: onClick, __title: "" }))) }));
17
+ React.createElement(InternalButton, { ref: triggerRef, variant: "icon", ariaLabel: ariaLabel, "data-itemid": item.id, ariaExpanded: ariaExpanded, className: clsx(testUtilStyles.item, testUtilsClass), iconName: "ellipsis", loading: item.loading, loadingText: item.loadingText, disabled: item.disabled, disabledReason: item.disabledReason, onClick: onClick, __title: "" }))) }));
18
18
  });
19
19
  export default MenuDropdownItem;
20
20
  //# sourceMappingURL=menu-dropdown-item.js.map
package/lib/internal/template/button-group/menu-dropdown-item.js.map CHANGED
@@ -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,cAAc,MAAM,oBAAoB,CAAC;AAEhD,OAAO,cAAc,MAAM,6BAA6B,CAAC;AACzD,OAAO,OAAO,MAAM,gCAAgC,CAAC;AACrD,OAAO,EAA0B,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAGjF,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAU1D,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CACvC,CACE,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,gBAAgB,EAAE,gBAAgB,EAAyB,EAC7F,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,iBACjC,IAAI,CAAC,EAAE,EACpB,oBAAoB,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,CAClG,6BAAK,GAAG,EAAE,YAAY;YACnB,CAAC,MAAM,IAAI,WAAW,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAC5D,oBAAC,OAAO,IACN,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,IAAI,CAAC,EAAE,EACjB,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE,cAAc,CAAC,sBAAsB,CAAC,CAAC,EAC/E,SAAS,EAAE,gBAAgB,GAC3B,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,EAAC,UAAU,EACnB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAC,EAAE,GACV,CACE,CACP,GACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,gBAAgB,CAAC","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 InternalButton from '../button/internal';\nimport { ButtonDropdownProps } from '../button-dropdown/interfaces';\nimport ButtonDropdown from '../button-dropdown/internal';\nimport Tooltip from '../internal/components/tooltip';\nimport { CancelableEventHandler, fireCancelableEvent } from '../internal/events';\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}\n\nconst MenuDropdownItem = React.forwardRef(\n (\n { item, showTooltip, onItemClick, onTooltipDismiss, expandToViewport }: MenuDropdownItemProps,\n ref: React.Ref<ButtonDropdownProps.Ref>\n ) => {\n const containerRef = React.useRef<HTMLDivElement>(null);\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 data-testid={item.id}\n customTriggerBuilder={({ onClick, isOpen, triggerRef, ariaLabel, ariaExpanded, testUtilsClass }) => (\n <div ref={containerRef}>\n {!isOpen && showTooltip && !item.disabled && !item.loading && (\n <Tooltip\n trackRef={containerRef}\n trackKey={item.id}\n value={item.text}\n className={clsx(testUtilStyles.tooltip, testUtilStyles['button-group-tooltip'])}\n onDismiss={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=\"ellipsis\"\n loading={item.loading}\n loadingText={item.loadingText}\n disabled={item.disabled}\n onClick={onClick}\n __title=\"\"\n />\n </div>\n )}\n />\n );\n }\n);\n\nexport default MenuDropdownItem;\n"]}
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,cAAc,MAAM,oBAAoB,CAAC;AAEhD,OAAO,cAAc,MAAM,6BAA6B,CAAC;AACzD,OAAO,OAAO,MAAM,gCAAgC,CAAC;AACrD,OAAO,EAA0B,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAGjF,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAU1D,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CACvC,CACE,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,gBAAgB,EAAE,gBAAgB,EAAyB,EAC7F,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,iBACjC,IAAI,CAAC,EAAE,EACpB,oBAAoB,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,CAClG,6BAAK,GAAG,EAAE,YAAY;YACnB,CAAC,MAAM,IAAI,WAAW,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAC5D,oBAAC,OAAO,IACN,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,IAAI,CAAC,EAAE,EACjB,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE,cAAc,CAAC,sBAAsB,CAAC,CAAC,EAC/E,SAAS,EAAE,gBAAgB,GAC3B,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,EAAC,UAAU,EACnB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,cAAc,EAAE,IAAI,CAAC,cAAc,EACnC,OAAO,EAAE,OAAO,EAChB,OAAO,EAAC,EAAE,GACV,CACE,CACP,GACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,gBAAgB,CAAC","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 InternalButton from '../button/internal';\nimport { ButtonDropdownProps } from '../button-dropdown/interfaces';\nimport ButtonDropdown from '../button-dropdown/internal';\nimport Tooltip from '../internal/components/tooltip';\nimport { CancelableEventHandler, fireCancelableEvent } from '../internal/events';\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}\n\nconst MenuDropdownItem = React.forwardRef(\n (\n { item, showTooltip, onItemClick, onTooltipDismiss, expandToViewport }: MenuDropdownItemProps,\n ref: React.Ref<ButtonDropdownProps.Ref>\n ) => {\n const containerRef = React.useRef<HTMLDivElement>(null);\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 data-testid={item.id}\n customTriggerBuilder={({ onClick, isOpen, triggerRef, ariaLabel, ariaExpanded, testUtilsClass }) => (\n <div ref={containerRef}>\n {!isOpen && showTooltip && !item.disabled && !item.loading && (\n <Tooltip\n trackRef={containerRef}\n trackKey={item.id}\n value={item.text}\n className={clsx(testUtilStyles.tooltip, testUtilStyles['button-group-tooltip'])}\n onDismiss={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=\"ellipsis\"\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"]}
package/lib/internal/template/internal/base-component/styles.scoped.css CHANGED
@@ -269,6 +269,7 @@
269
269
  --color-border-button-normal-disabled-pr85vz:#d5dbdb;
270
270
  --color-text-button-normal-disabled-09fdau:#879596;
271
271
  --color-border-button-normal-hover-eyyshk:#16191f;
272
+ --color-text-button-icon-disabled-lqnh5i:#879596;
272
273
  --color-border-button-primary-disabled-yzfy0b:#d5dbdb;
273
274
  --color-text-button-primary-disabled-6emjo4:#879596;
274
275
  --color-border-calendar-grid-3f7bvh:#eaeded;
@@ -1578,6 +1579,7 @@
1578
1579
  --color-border-button-normal-disabled-pr85vz:#b4b4bb;
1579
1580
  --color-text-button-normal-disabled-09fdau:#8c8c94;
1580
1581
  --color-border-button-normal-hover-eyyshk:#002b66;
1582
+ --color-text-button-icon-disabled-lqnh5i:#8c8c94;
1581
1583
  --color-border-button-primary-disabled-yzfy0b:#ebebf0;
1582
1584
  --color-text-button-primary-disabled-6emjo4:#8c8c94;
1583
1585
  --color-border-calendar-grid-3f7bvh:transparent;
package/lib/internal/template/internal/environment.js CHANGED
@@ -1,4 +1,4 @@
1
1
  export var PACKAGE_SOURCE = "components";
2
- export var PACKAGE_VERSION = "3.0.0 (0e8e875d)";
2
+ export var PACKAGE_VERSION = "3.0.0 (3d8e33fb)";
3
3
  export var THEME = "open-source-visual-refresh";
4
4
  export var ALWAYS_VISUAL_REFRESH = true;
package/lib/internal/template/internal/environment.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "PACKAGE_SOURCE": "components",
3
- "PACKAGE_VERSION": "3.0.0 (0e8e875d)",
3
+ "PACKAGE_VERSION": "3.0.0 (3d8e33fb)",
4
4
  "THEME": "default",
5
5
  "ALWAYS_VISUAL_REFRESH": false
6
6
  }
package/lib/internal/template/internal/generated/styles/tokens.d.ts CHANGED
@@ -328,6 +328,7 @@ export const colorBorderToggleButtonNormalPressed: string;
328
328
  export const colorBorderButtonNormalDisabled: string;
329
329
  export const colorTextButtonNormalDisabled: string;
330
330
  export const colorBorderButtonNormalHover: string;
331
+ export const colorTextButtonIconDisabled: string;
331
332
  export const colorBorderButtonPrimaryDisabled: string;
332
333
  export const colorTextButtonPrimaryDisabled: string;
333
334
  export const colorBorderCalendarGrid: string;
package/lib/internal/template/internal/generated/styles/tokens.js CHANGED
@@ -328,6 +328,7 @@ export var colorBorderToggleButtonNormalPressed = "var(--color-border-toggle-but
328
328
  export var colorBorderButtonNormalDisabled = "var(--color-border-button-normal-disabled-caqkhj, #b4b4bb)";
329
329
  export var colorTextButtonNormalDisabled = "var(--color-text-button-normal-disabled-0s30to, #8c8c94)";
330
330
  export var colorBorderButtonNormalHover = "var(--color-border-button-normal-hover-2d2g0m, #002b66)";
331
+ export var colorTextButtonIconDisabled = "var(--color-text-button-icon-disabled-sa33d0, #8c8c94)";
331
332
  export var colorBorderButtonPrimaryDisabled = "var(--color-border-button-primary-disabled-xtv38q, #ebebf0)";
332
333
  export var colorTextButtonPrimaryDisabled = "var(--color-text-button-primary-disabled-klolb5, #8c8c94)";
333
334
  export var colorBorderCalendarGrid = "var(--color-border-calendar-grid-u86q1u, transparent)";
package/lib/internal/template/internal/generated/theming/index.cjs CHANGED
@@ -1197,6 +1197,10 @@ module.exports.preset = {
1197
1197
  "light": "{colorBlue800}",
1198
1198
  "dark": "{colorBlue400}"
1199
1199
  },
1200
+ "colorTextButtonIconDisabled": {
1201
+ "light": "{colorGrey500}",
1202
+ "dark": "{colorGrey500}"
1203
+ },
1200
1204
  "colorBorderButtonPrimaryDisabled": {
1201
1205
  "light": "{colorBackgroundButtonPrimaryDisabled}",
1202
1206
  "dark": "{colorBackgroundButtonPrimaryDisabled}"
@@ -3453,6 +3457,10 @@ module.exports.preset = {
3453
3457
  "light": "{colorBlue400}",
3454
3458
  "dark": "{colorBlue400}"
3455
3459
  },
3460
+ "colorTextButtonIconDisabled": {
3461
+ "light": "{colorGrey500}",
3462
+ "dark": "{colorGrey500}"
3463
+ },
3456
3464
  "colorBorderButtonPrimaryDisabled": {
3457
3465
  "light": "{colorBackgroundButtonPrimaryDisabled}",
3458
3466
  "dark": "{colorBackgroundButtonPrimaryDisabled}"
@@ -4607,6 +4615,10 @@ module.exports.preset = {
4607
4615
  "light": "{colorBlue400}",
4608
4616
  "dark": "{colorBlue400}"
4609
4617
  },
4618
+ "colorTextButtonIconDisabled": {
4619
+ "light": "{colorGrey500}",
4620
+ "dark": "{colorGrey500}"
4621
+ },
4610
4622
  "colorBorderButtonPrimaryDisabled": {
4611
4623
  "light": "{colorBackgroundButtonPrimaryDisabled}",
4612
4624
  "dark": "{colorBackgroundButtonPrimaryDisabled}"
@@ -5693,6 +5705,10 @@ module.exports.preset = {
5693
5705
  "light": "{colorWhite}",
5694
5706
  "dark": "{colorWhite}"
5695
5707
  },
5708
+ "colorTextButtonIconDisabled": {
5709
+ "light": "{colorGrey500}",
5710
+ "dark": "{colorGrey500}"
5711
+ },
5696
5712
  "colorBorderButtonPrimaryDisabled": {
5697
5713
  "light": "{colorBackgroundButtonPrimaryDisabled}",
5698
5714
  "dark": "{colorBackgroundButtonPrimaryDisabled}"
@@ -6779,6 +6795,10 @@ module.exports.preset = {
6779
6795
  "light": "{colorTextButtonNormalHover}",
6780
6796
  "dark": "{colorTextButtonNormalHover}"
6781
6797
  },
6798
+ "colorTextButtonIconDisabled": {
6799
+ "light": "{colorGrey500}",
6800
+ "dark": "{colorGrey500}"
6801
+ },
6782
6802
  "colorBorderButtonPrimaryDisabled": {
6783
6803
  "light": "{colorBackgroundButtonPrimaryDisabled}",
6784
6804
  "dark": "{colorBackgroundButtonPrimaryDisabled}"
@@ -7865,6 +7885,10 @@ module.exports.preset = {
7865
7885
  "light": "{colorTextButtonNormalHover}",
7866
7886
  "dark": "{colorTextButtonNormalHover}"
7867
7887
  },
7888
+ "colorTextButtonIconDisabled": {
7889
+ "light": "{colorGrey500}",
7890
+ "dark": "{colorGrey500}"
7891
+ },
7868
7892
  "colorBorderButtonPrimaryDisabled": {
7869
7893
  "light": "{colorBackgroundButtonPrimaryDisabled}",
7870
7894
  "dark": "{colorBackgroundButtonPrimaryDisabled}"
@@ -8953,6 +8977,10 @@ module.exports.preset = {
8953
8977
  "light": "{colorTextButtonNormalHover}",
8954
8978
  "dark": "{colorTextButtonNormalHover}"
8955
8979
  },
8980
+ "colorTextButtonIconDisabled": {
8981
+ "light": "{colorGrey500}",
8982
+ "dark": "{colorGrey500}"
8983
+ },
8956
8984
  "colorBorderButtonPrimaryDisabled": {
8957
8985
  "light": "{colorBackgroundButtonPrimaryDisabled}",
8958
8986
  "dark": "{colorBackgroundButtonPrimaryDisabled}"
@@ -9885,6 +9913,7 @@ module.exports.preset = {
9885
9913
  "colorBorderButtonNormalDisabled": "color",
9886
9914
  "colorTextButtonNormalDisabled": "color",
9887
9915
  "colorBorderButtonNormalHover": "color",
9916
+ "colorTextButtonIconDisabled": "color",
9888
9917
  "colorBorderButtonPrimaryDisabled": "color",
9889
9918
  "colorTextButtonPrimaryDisabled": "color",
9890
9919
  "colorBorderCalendarGrid": "color",
@@ -10345,6 +10374,7 @@ module.exports.preset = {
10345
10374
  "colorBorderButtonNormalDisabled",
10346
10375
  "colorTextButtonNormalDisabled",
10347
10376
  "colorBorderButtonNormalHover",
10377
+ "colorTextButtonIconDisabled",
10348
10378
  "colorBorderButtonPrimaryDisabled",
10349
10379
  "colorTextButtonPrimaryDisabled",
10350
10380
  "colorBorderContainerTop",
@@ -10694,6 +10724,7 @@ module.exports.preset = {
10694
10724
  "colorBorderButtonNormalDisabled",
10695
10725
  "colorTextButtonNormalDisabled",
10696
10726
  "colorBorderButtonNormalHover",
10727
+ "colorTextButtonIconDisabled",
10697
10728
  "colorBorderButtonPrimaryDisabled",
10698
10729
  "colorTextButtonPrimaryDisabled",
10699
10730
  "colorBorderContainerTop",
@@ -11187,6 +11218,7 @@ module.exports.preset = {
11187
11218
  "colorBorderButtonNormalDisabled": "color-border-button-normal-disabled",
11188
11219
  "colorTextButtonNormalDisabled": "color-text-button-normal-disabled",
11189
11220
  "colorBorderButtonNormalHover": "color-border-button-normal-hover",
11221
+ "colorTextButtonIconDisabled": "color-text-button-icon-disabled",
11190
11222
  "colorBorderButtonPrimaryDisabled": "color-border-button-primary-disabled",
11191
11223
  "colorTextButtonPrimaryDisabled": "color-text-button-primary-disabled",
11192
11224
  "colorBorderCalendarGrid": "color-border-calendar-grid",
@@ -11941,6 +11973,7 @@ module.exports.preset = {
11941
11973
  "colorBorderButtonNormalDisabled": "--color-border-button-normal-disabled-caqkhj",
11942
11974
  "colorTextButtonNormalDisabled": "--color-text-button-normal-disabled-0s30to",
11943
11975
  "colorBorderButtonNormalHover": "--color-border-button-normal-hover-2d2g0m",
11976
+ "colorTextButtonIconDisabled": "--color-text-button-icon-disabled-sa33d0",
11944
11977
  "colorBorderButtonPrimaryDisabled": "--color-border-button-primary-disabled-xtv38q",
11945
11978
  "colorTextButtonPrimaryDisabled": "--color-text-button-primary-disabled-klolb5",
11946
11979
  "colorBorderCalendarGrid": "--color-border-calendar-grid-u86q1u",
package/lib/internal/template/internal/generated/theming/index.cjs.d.ts CHANGED
@@ -128,6 +128,7 @@ export declare interface TypedOverride {
128
128
  colorBorderButtonNormalDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
129
129
  colorTextButtonNormalDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
130
130
  colorBorderButtonNormalHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
131
+ colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
131
132
  colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
132
133
  colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
133
134
  colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -382,6 +383,7 @@ export declare interface TypedOverride {
382
383
  colorBorderButtonNormalDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
383
384
  colorTextButtonNormalDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
384
385
  colorBorderButtonNormalHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
386
+ colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
385
387
  colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
386
388
  colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
387
389
  colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -636,6 +638,7 @@ export declare interface TypedOverride {
636
638
  colorBorderButtonNormalDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
637
639
  colorTextButtonNormalDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
638
640
  colorBorderButtonNormalHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
641
+ colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
639
642
  colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
640
643
  colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
641
644
  colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -890,6 +893,7 @@ export declare interface TypedOverride {
890
893
  colorBorderButtonNormalDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
891
894
  colorTextButtonNormalDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
892
895
  colorBorderButtonNormalHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
896
+ colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
893
897
  colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
894
898
  colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
895
899
  colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1144,6 +1148,7 @@ export declare interface TypedOverride {
1144
1148
  colorBorderButtonNormalDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1145
1149
  colorTextButtonNormalDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1146
1150
  colorBorderButtonNormalHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1151
+ colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1147
1152
  colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1148
1153
  colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1149
1154
  colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1398,6 +1403,7 @@ export declare interface TypedOverride {
1398
1403
  colorBorderButtonNormalDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1399
1404
  colorTextButtonNormalDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1400
1405
  colorBorderButtonNormalHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1406
+ colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1401
1407
  colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1402
1408
  colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1403
1409
  colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1652,6 +1658,7 @@ export declare interface TypedOverride {
1652
1658
  colorBorderButtonNormalDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1653
1659
  colorTextButtonNormalDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1654
1660
  colorBorderButtonNormalHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1661
+ colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1655
1662
  colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1656
1663
  colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1657
1664
  colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1906,6 +1913,7 @@ export declare interface TypedOverride {
1906
1913
  colorBorderButtonNormalDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1907
1914
  colorTextButtonNormalDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1908
1915
  colorBorderButtonNormalHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1916
+ colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1909
1917
  colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1910
1918
  colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1911
1919
  colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
package/lib/internal/template/internal/generated/theming/index.d.ts CHANGED
@@ -128,6 +128,7 @@ export declare interface TypedOverride {
128
128
  colorBorderButtonNormalDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
129
129
  colorTextButtonNormalDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
130
130
  colorBorderButtonNormalHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
131
+ colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
131
132
  colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
132
133
  colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
133
134
  colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -382,6 +383,7 @@ export declare interface TypedOverride {
382
383
  colorBorderButtonNormalDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
383
384
  colorTextButtonNormalDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
384
385
  colorBorderButtonNormalHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
386
+ colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
385
387
  colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
386
388
  colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
387
389
  colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -636,6 +638,7 @@ export declare interface TypedOverride {
636
638
  colorBorderButtonNormalDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
637
639
  colorTextButtonNormalDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
638
640
  colorBorderButtonNormalHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
641
+ colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
639
642
  colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
640
643
  colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
641
644
  colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -890,6 +893,7 @@ export declare interface TypedOverride {
890
893
  colorBorderButtonNormalDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
891
894
  colorTextButtonNormalDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
892
895
  colorBorderButtonNormalHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
896
+ colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
893
897
  colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
894
898
  colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
895
899
  colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1144,6 +1148,7 @@ export declare interface TypedOverride {
1144
1148
  colorBorderButtonNormalDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1145
1149
  colorTextButtonNormalDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1146
1150
  colorBorderButtonNormalHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1151
+ colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1147
1152
  colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1148
1153
  colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1149
1154
  colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1398,6 +1403,7 @@ export declare interface TypedOverride {
1398
1403
  colorBorderButtonNormalDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1399
1404
  colorTextButtonNormalDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1400
1405
  colorBorderButtonNormalHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1406
+ colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1401
1407
  colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1402
1408
  colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1403
1409
  colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1652,6 +1658,7 @@ export declare interface TypedOverride {
1652
1658
  colorBorderButtonNormalDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1653
1659
  colorTextButtonNormalDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1654
1660
  colorBorderButtonNormalHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1661
+ colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1655
1662
  colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1656
1663
  colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1657
1664
  colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1906,6 +1913,7 @@ export declare interface TypedOverride {
1906
1913
  colorBorderButtonNormalDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1907
1914
  colorTextButtonNormalDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1908
1915
  colorBorderButtonNormalHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1916
+ colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1909
1917
  colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1910
1918
  colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1911
1919
  colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
package/lib/internal/template/internal/generated/theming/index.js CHANGED
@@ -1197,6 +1197,10 @@ export var preset = {
1197
1197
  "light": "{colorBlue800}",
1198
1198
  "dark": "{colorBlue400}"
1199
1199
  },
1200
+ "colorTextButtonIconDisabled": {
1201
+ "light": "{colorGrey500}",
1202
+ "dark": "{colorGrey500}"
1203
+ },
1200
1204
  "colorBorderButtonPrimaryDisabled": {
1201
1205
  "light": "{colorBackgroundButtonPrimaryDisabled}",
1202
1206
  "dark": "{colorBackgroundButtonPrimaryDisabled}"
@@ -3453,6 +3457,10 @@ export var preset = {
3453
3457
  "light": "{colorBlue400}",
3454
3458
  "dark": "{colorBlue400}"
3455
3459
  },
3460
+ "colorTextButtonIconDisabled": {
3461
+ "light": "{colorGrey500}",
3462
+ "dark": "{colorGrey500}"
3463
+ },
3456
3464
  "colorBorderButtonPrimaryDisabled": {
3457
3465
  "light": "{colorBackgroundButtonPrimaryDisabled}",
3458
3466
  "dark": "{colorBackgroundButtonPrimaryDisabled}"
@@ -4607,6 +4615,10 @@ export var preset = {
4607
4615
  "light": "{colorBlue400}",
4608
4616
  "dark": "{colorBlue400}"
4609
4617
  },
4618
+ "colorTextButtonIconDisabled": {
4619
+ "light": "{colorGrey500}",
4620
+ "dark": "{colorGrey500}"
4621
+ },
4610
4622
  "colorBorderButtonPrimaryDisabled": {
4611
4623
  "light": "{colorBackgroundButtonPrimaryDisabled}",
4612
4624
  "dark": "{colorBackgroundButtonPrimaryDisabled}"
@@ -5693,6 +5705,10 @@ export var preset = {
5693
5705
  "light": "{colorWhite}",
5694
5706
  "dark": "{colorWhite}"
5695
5707
  },
5708
+ "colorTextButtonIconDisabled": {
5709
+ "light": "{colorGrey500}",
5710
+ "dark": "{colorGrey500}"
5711
+ },
5696
5712
  "colorBorderButtonPrimaryDisabled": {
5697
5713
  "light": "{colorBackgroundButtonPrimaryDisabled}",
5698
5714
  "dark": "{colorBackgroundButtonPrimaryDisabled}"
@@ -6779,6 +6795,10 @@ export var preset = {
6779
6795
  "light": "{colorTextButtonNormalHover}",
6780
6796
  "dark": "{colorTextButtonNormalHover}"
6781
6797
  },
6798
+ "colorTextButtonIconDisabled": {
6799
+ "light": "{colorGrey500}",
6800
+ "dark": "{colorGrey500}"
6801
+ },
6782
6802
  "colorBorderButtonPrimaryDisabled": {
6783
6803
  "light": "{colorBackgroundButtonPrimaryDisabled}",
6784
6804
  "dark": "{colorBackgroundButtonPrimaryDisabled}"
@@ -7865,6 +7885,10 @@ export var preset = {
7865
7885
  "light": "{colorTextButtonNormalHover}",
7866
7886
  "dark": "{colorTextButtonNormalHover}"
7867
7887
  },
7888
+ "colorTextButtonIconDisabled": {
7889
+ "light": "{colorGrey500}",
7890
+ "dark": "{colorGrey500}"
7891
+ },
7868
7892
  "colorBorderButtonPrimaryDisabled": {
7869
7893
  "light": "{colorBackgroundButtonPrimaryDisabled}",
7870
7894
  "dark": "{colorBackgroundButtonPrimaryDisabled}"
@@ -8953,6 +8977,10 @@ export var preset = {
8953
8977
  "light": "{colorTextButtonNormalHover}",
8954
8978
  "dark": "{colorTextButtonNormalHover}"
8955
8979
  },
8980
+ "colorTextButtonIconDisabled": {
8981
+ "light": "{colorGrey500}",
8982
+ "dark": "{colorGrey500}"
8983
+ },
8956
8984
  "colorBorderButtonPrimaryDisabled": {
8957
8985
  "light": "{colorBackgroundButtonPrimaryDisabled}",
8958
8986
  "dark": "{colorBackgroundButtonPrimaryDisabled}"
@@ -9885,6 +9913,7 @@ export var preset = {
9885
9913
  "colorBorderButtonNormalDisabled": "color",
9886
9914
  "colorTextButtonNormalDisabled": "color",
9887
9915
  "colorBorderButtonNormalHover": "color",
9916
+ "colorTextButtonIconDisabled": "color",
9888
9917
  "colorBorderButtonPrimaryDisabled": "color",
9889
9918
  "colorTextButtonPrimaryDisabled": "color",
9890
9919
  "colorBorderCalendarGrid": "color",
@@ -10345,6 +10374,7 @@ export var preset = {
10345
10374
  "colorBorderButtonNormalDisabled",
10346
10375
  "colorTextButtonNormalDisabled",
10347
10376
  "colorBorderButtonNormalHover",
10377
+ "colorTextButtonIconDisabled",
10348
10378
  "colorBorderButtonPrimaryDisabled",
10349
10379
  "colorTextButtonPrimaryDisabled",
10350
10380
  "colorBorderContainerTop",
@@ -10694,6 +10724,7 @@ export var preset = {
10694
10724
  "colorBorderButtonNormalDisabled",
10695
10725
  "colorTextButtonNormalDisabled",
10696
10726
  "colorBorderButtonNormalHover",
10727
+ "colorTextButtonIconDisabled",
10697
10728
  "colorBorderButtonPrimaryDisabled",
10698
10729
  "colorTextButtonPrimaryDisabled",
10699
10730
  "colorBorderContainerTop",
@@ -11187,6 +11218,7 @@ export var preset = {
11187
11218
  "colorBorderButtonNormalDisabled": "color-border-button-normal-disabled",
11188
11219
  "colorTextButtonNormalDisabled": "color-text-button-normal-disabled",
11189
11220
  "colorBorderButtonNormalHover": "color-border-button-normal-hover",
11221
+ "colorTextButtonIconDisabled": "color-text-button-icon-disabled",
11190
11222
  "colorBorderButtonPrimaryDisabled": "color-border-button-primary-disabled",
11191
11223
  "colorTextButtonPrimaryDisabled": "color-text-button-primary-disabled",
11192
11224
  "colorBorderCalendarGrid": "color-border-calendar-grid",
@@ -11941,6 +11973,7 @@ export var preset = {
11941
11973
  "colorBorderButtonNormalDisabled": "--color-border-button-normal-disabled-caqkhj",
11942
11974
  "colorTextButtonNormalDisabled": "--color-text-button-normal-disabled-0s30to",
11943
11975
  "colorBorderButtonNormalHover": "--color-border-button-normal-hover-2d2g0m",
11976
+ "colorTextButtonIconDisabled": "--color-text-button-icon-disabled-sa33d0",
11944
11977
  "colorBorderButtonPrimaryDisabled": "--color-border-button-primary-disabled-xtv38q",
11945
11978
  "colorTextButtonPrimaryDisabled": "--color-text-button-primary-disabled-klolb5",
11946
11979
  "colorBorderCalendarGrid": "--color-border-calendar-grid-u86q1u",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cloudscape-design/components-themeable",
3
- "version": "3.0.952",
3
+ "version": "3.0.953",
4
4
  "files": [
5
5
  "lib"
6
6
  ],