@cloudscape-design/components-themeable 3.0.230 → 3.0.231

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 (21) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/app-layout/constants.scss +6 -0
  3. package/lib/internal/scss/app-layout/content-wrapper/styles.scss +1 -1
  4. package/lib/internal/scss/app-layout/visual-refresh/layout.scss +7 -0
  5. package/lib/internal/template/app-layout/content-wrapper/index.d.ts.map +1 -1
  6. package/lib/internal/template/app-layout/content-wrapper/index.js +2 -1
  7. package/lib/internal/template/app-layout/content-wrapper/index.js.map +1 -1
  8. package/lib/internal/template/app-layout/content-wrapper/styles.css.js +3 -3
  9. package/lib/internal/template/app-layout/content-wrapper/styles.scoped.css +8 -8
  10. package/lib/internal/template/app-layout/content-wrapper/styles.selectors.js +3 -3
  11. package/lib/internal/template/app-layout/index.d.ts.map +1 -1
  12. package/lib/internal/template/app-layout/index.js +12 -13
  13. package/lib/internal/template/app-layout/index.js.map +1 -1
  14. package/lib/internal/template/app-layout/visual-refresh/styles.css.js +61 -60
  15. package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +163 -148
  16. package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +61 -60
  17. package/lib/internal/template/code-editor/tab-button.d.ts.map +1 -1
  18. package/lib/internal/template/code-editor/tab-button.js +1 -1
  19. package/lib/internal/template/code-editor/tab-button.js.map +1 -1
  20. package/lib/internal/template/internal/environment.js +1 -1
  21. package/package.json +1 -1
package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js CHANGED
@@ -2,65 +2,66 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "appbar": "awsui_appbar_hyvsj_1ehdm_93",
6
- "appbar-nav": "awsui_appbar-nav_hyvsj_1ehdm_117",
7
- "breadcrumbs": "awsui_breadcrumbs_hyvsj_1ehdm_121",
8
- "appbar-tools": "awsui_appbar-tools_hyvsj_1ehdm_125",
9
- "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_1ehdm_166",
10
- "has-notifications-content": "awsui_has-notifications-content_hyvsj_1ehdm_173",
11
- "has-header": "awsui_has-header_hyvsj_1ehdm_179",
12
- "has-dynamic-overlap-height": "awsui_has-dynamic-overlap-height_hyvsj_1ehdm_179",
13
- "content-type-wizard": "awsui_content-type-wizard_hyvsj_1ehdm_180",
14
- "content-type-cards": "awsui_content-type-cards_hyvsj_1ehdm_183",
15
- "content-type-table": "awsui_content-type-table_hyvsj_1ehdm_184",
16
- "has-sticky-background": "awsui_has-sticky-background_hyvsj_1ehdm_187",
17
- "background": "awsui_background_hyvsj_1ehdm_221",
18
- "notifications-appbar-header": "awsui_notifications-appbar-header_hyvsj_1ehdm_224",
19
- "sticky-notifications": "awsui_sticky-notifications_hyvsj_1ehdm_237",
20
- "overlap": "awsui_overlap_hyvsj_1ehdm_243",
21
- "content": "awsui_content_hyvsj_1ehdm_180",
22
- "layout": "awsui_layout_hyvsj_1ehdm_335",
23
- "has-max-content-width": "awsui_has-max-content-width_hyvsj_1ehdm_418",
24
- "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_1ehdm_445",
25
- "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_1ehdm_448",
26
- "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_1ehdm_452",
27
- "has-split-panel": "awsui_has-split-panel_hyvsj_1ehdm_466",
28
- "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_1ehdm_466",
29
- "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_1ehdm_478",
30
- "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_1ehdm_481",
31
- "block-body-scroll": "awsui_block-body-scroll_hyvsj_1ehdm_496",
32
- "container": "awsui_container_hyvsj_1ehdm_504",
33
- "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_1ehdm_530",
34
- "is-navigation-open": "awsui_is-navigation-open_hyvsj_1ehdm_535",
35
- "is-tools-open": "awsui_is-tools-open_hyvsj_1ehdm_538",
36
- "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_1ehdm_538",
37
- "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_1ehdm_538",
38
- "content-type-default": "awsui_content-type-default_hyvsj_1ehdm_558",
39
- "content-type-form": "awsui_content-type-form_hyvsj_1ehdm_558",
40
- "unfocusable": "awsui_unfocusable_hyvsj_1ehdm_599",
41
- "navigation-container": "awsui_navigation-container_hyvsj_1ehdm_609",
42
- "show-navigation": "awsui_show-navigation_hyvsj_1ehdm_644",
43
- "animating": "awsui_animating_hyvsj_1ehdm_666",
44
- "showButtons": "awsui_showButtons_hyvsj_1ehdm_1",
45
- "navigation": "awsui_navigation_hyvsj_1ehdm_609",
46
- "openNavigation": "awsui_openNavigation_hyvsj_1ehdm_1",
47
- "animated-content": "awsui_animated-content_hyvsj_1ehdm_727",
48
- "hide-navigation": "awsui_hide-navigation_hyvsj_1ehdm_736",
49
- "notifications": "awsui_notifications_hyvsj_1ehdm_224",
50
- "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_1ehdm_803",
51
- "position-bottom": "awsui_position-bottom_hyvsj_1ehdm_849",
52
- "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_1ehdm_1",
53
- "split-panel-side": "awsui_split-panel-side_hyvsj_1ehdm_878",
54
- "position-side": "awsui_position-side_hyvsj_1ehdm_906",
55
- "openSplitPanelSide": "awsui_openSplitPanelSide_hyvsj_1ehdm_1",
56
- "tools-container": "awsui_tools-container_hyvsj_1ehdm_943",
57
- "tools": "awsui_tools_hyvsj_1ehdm_943",
58
- "openTools": "awsui_openTools_hyvsj_1ehdm_1",
59
- "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_1ehdm_1028",
60
- "hide-tools": "awsui_hide-tools_hyvsj_1ehdm_1038",
61
- "show-tools": "awsui_show-tools_hyvsj_1ehdm_1050",
62
- "has-tools-form": "awsui_has-tools-form_hyvsj_1ehdm_1028",
63
- "trigger": "awsui_trigger_hyvsj_1ehdm_1107",
64
- "selected": "awsui_selected_hyvsj_1ehdm_1146"
5
+ "appbar": "awsui_appbar_hyvsj_1ms3i_93",
6
+ "appbar-nav": "awsui_appbar-nav_hyvsj_1ms3i_117",
7
+ "breadcrumbs": "awsui_breadcrumbs_hyvsj_1ms3i_121",
8
+ "appbar-tools": "awsui_appbar-tools_hyvsj_1ms3i_125",
9
+ "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_1ms3i_166",
10
+ "has-notifications-content": "awsui_has-notifications-content_hyvsj_1ms3i_173",
11
+ "has-header": "awsui_has-header_hyvsj_1ms3i_179",
12
+ "has-dynamic-overlap-height": "awsui_has-dynamic-overlap-height_hyvsj_1ms3i_179",
13
+ "content-type-wizard": "awsui_content-type-wizard_hyvsj_1ms3i_180",
14
+ "content-type-cards": "awsui_content-type-cards_hyvsj_1ms3i_183",
15
+ "content-type-table": "awsui_content-type-table_hyvsj_1ms3i_184",
16
+ "has-sticky-background": "awsui_has-sticky-background_hyvsj_1ms3i_187",
17
+ "background": "awsui_background_hyvsj_1ms3i_221",
18
+ "notifications-appbar-header": "awsui_notifications-appbar-header_hyvsj_1ms3i_224",
19
+ "sticky-notifications": "awsui_sticky-notifications_hyvsj_1ms3i_237",
20
+ "overlap": "awsui_overlap_hyvsj_1ms3i_243",
21
+ "content": "awsui_content_hyvsj_1ms3i_180",
22
+ "layout": "awsui_layout_hyvsj_1ms3i_335",
23
+ "has-max-content-width": "awsui_has-max-content-width_hyvsj_1ms3i_418",
24
+ "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_1ms3i_433",
25
+ "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_1ms3i_460",
26
+ "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_1ms3i_463",
27
+ "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_1ms3i_467",
28
+ "has-split-panel": "awsui_has-split-panel_hyvsj_1ms3i_481",
29
+ "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_1ms3i_481",
30
+ "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_1ms3i_493",
31
+ "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_1ms3i_496",
32
+ "block-body-scroll": "awsui_block-body-scroll_hyvsj_1ms3i_511",
33
+ "container": "awsui_container_hyvsj_1ms3i_519",
34
+ "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_1ms3i_545",
35
+ "is-navigation-open": "awsui_is-navigation-open_hyvsj_1ms3i_550",
36
+ "is-tools-open": "awsui_is-tools-open_hyvsj_1ms3i_553",
37
+ "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_1ms3i_553",
38
+ "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_1ms3i_553",
39
+ "content-type-default": "awsui_content-type-default_hyvsj_1ms3i_573",
40
+ "content-type-form": "awsui_content-type-form_hyvsj_1ms3i_573",
41
+ "unfocusable": "awsui_unfocusable_hyvsj_1ms3i_614",
42
+ "navigation-container": "awsui_navigation-container_hyvsj_1ms3i_624",
43
+ "show-navigation": "awsui_show-navigation_hyvsj_1ms3i_659",
44
+ "animating": "awsui_animating_hyvsj_1ms3i_681",
45
+ "showButtons": "awsui_showButtons_hyvsj_1ms3i_1",
46
+ "navigation": "awsui_navigation_hyvsj_1ms3i_624",
47
+ "openNavigation": "awsui_openNavigation_hyvsj_1ms3i_1",
48
+ "animated-content": "awsui_animated-content_hyvsj_1ms3i_742",
49
+ "hide-navigation": "awsui_hide-navigation_hyvsj_1ms3i_751",
50
+ "notifications": "awsui_notifications_hyvsj_1ms3i_224",
51
+ "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_1ms3i_818",
52
+ "position-bottom": "awsui_position-bottom_hyvsj_1ms3i_864",
53
+ "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_1ms3i_1",
54
+ "split-panel-side": "awsui_split-panel-side_hyvsj_1ms3i_893",
55
+ "position-side": "awsui_position-side_hyvsj_1ms3i_921",
56
+ "openSplitPanelSide": "awsui_openSplitPanelSide_hyvsj_1ms3i_1",
57
+ "tools-container": "awsui_tools-container_hyvsj_1ms3i_958",
58
+ "tools": "awsui_tools_hyvsj_1ms3i_958",
59
+ "openTools": "awsui_openTools_hyvsj_1ms3i_1",
60
+ "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_1ms3i_1043",
61
+ "hide-tools": "awsui_hide-tools_hyvsj_1ms3i_1053",
62
+ "show-tools": "awsui_show-tools_hyvsj_1ms3i_1065",
63
+ "has-tools-form": "awsui_has-tools-form_hyvsj_1ms3i_1043",
64
+ "trigger": "awsui_trigger_hyvsj_1ms3i_1122",
65
+ "selected": "awsui_selected_hyvsj_1ms3i_1161"
65
66
  };
66
67
 
package/lib/internal/template/code-editor/tab-button.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tab-button.d.ts","sourceRoot":"","sources":["../../../src/code-editor/tab-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAK/C,UAAU,cAAc;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC;IACzB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,OAAO,CAAC;IAEnB,SAAS,EAAE,MAAM,CAAC;IAElB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CACrD;AAED,eAAO,MAAM,SAAS,0FA4CrB,CAAC"}
1
+ {"version":3,"file":"tab-button.d.ts","sourceRoot":"","sources":["../../../src/code-editor/tab-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAK/C,UAAU,cAAc;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC;IACzB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,OAAO,CAAC;IAEnB,SAAS,EAAE,MAAM,CAAC;IAElB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CACrD;AAED,eAAO,MAAM,SAAS,0FA6CrB,CAAC"}
package/lib/internal/template/code-editor/tab-button.js CHANGED
@@ -11,7 +11,7 @@ export const TabButton = React.forwardRef(({ active, disabled, iconName, onClick
11
11
  [styles['tab-button--active']]: active,
12
12
  [styles['tab-button--disabled']]: disabled,
13
13
  [styles['tab-button--refresh']]: isRefresh,
14
- }), onClick: onClick, onFocus: onFocus, onBlur: onBlur, disabled: disabled, ref: ref, tabIndex: tabIndex, role: "tab", "aria-selected": active, "aria-controls": paneId, "aria-hidden": ariaHidden, "aria-label": ariaLabel }, focusVisible),
14
+ }), type: "button", onClick: onClick, onFocus: onFocus, onBlur: onBlur, disabled: disabled, ref: ref, tabIndex: tabIndex, role: "tab", "aria-selected": active, "aria-controls": paneId, "aria-hidden": ariaHidden, "aria-label": ariaLabel }, focusVisible),
15
15
  React.createElement(InternalIcon, { name: iconName }),
16
16
  " ",
17
17
  text));
package/lib/internal/template/code-editor/tab-button.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tab-button.js","sourceRoot":"","sources":["../../../src/code-editor/tab-button.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,eAAe,MAAM,iCAAiC,CAAC;AAE9D,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAE5C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAoBrC,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CACvC,CACE,EACE,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,OAAO,EACP,MAAM,EACN,QAAQ,EACR,UAAU,EACV,SAAS,EACT,MAAM,EACN,SAAS,EACT,IAAI,EACJ,SAAS,GACM,EACjB,GAAiC,EACjC,EAAE;IACF,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,OAAO,CACL,8CACE,SAAS,EAAE,IAAI,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,SAAS,CAAC,EAAE;YACjD,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,EAAE,MAAM;YACtC,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAC,EAAE,QAAQ;YAC1C,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,EAAE,SAAS;SAC3C,CAAC,EACF,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,KAAK,mBACK,MAAM,mBACN,MAAM,iBACR,UAAU,gBACX,SAAS,IACjB,YAAY;QAEhB,oBAAC,YAAY,IAAC,IAAI,EAAE,QAAQ,GAAI;;QAAE,IAAI,CAC/B,CACV,CAAC;AACJ,CAAC,CACF,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 useFocusVisible from '../internal/hooks/focus-visible';\nimport { IconProps } from '../icon/interfaces';\nimport InternalIcon from '../icon/internal';\n\nimport styles from './styles.css.js';\n\ninterface TabButtonProps {\n text: string;\n iconName: IconProps.Name;\n active: boolean;\n disabled: boolean;\n tabIndex?: number;\n ariaHidden?: boolean;\n ariaLabel?: string;\n paneId: string;\n isRefresh: boolean;\n\n className: string;\n\n onClick: () => void;\n onFocus?: React.FocusEventHandler<HTMLButtonElement>;\n onBlur?: React.FocusEventHandler<HTMLButtonElement>;\n}\n\nexport const TabButton = React.forwardRef(\n (\n {\n active,\n disabled,\n iconName,\n onClick,\n onFocus,\n onBlur,\n tabIndex,\n ariaHidden,\n ariaLabel,\n paneId,\n isRefresh,\n text,\n className,\n }: TabButtonProps,\n ref: React.Ref<HTMLButtonElement>\n ) => {\n const focusVisible = useFocusVisible();\n return (\n <button\n className={clsx([styles['tab-button'], className], {\n [styles['tab-button--active']]: active,\n [styles['tab-button--disabled']]: disabled,\n [styles['tab-button--refresh']]: isRefresh,\n })}\n onClick={onClick}\n onFocus={onFocus}\n onBlur={onBlur}\n disabled={disabled}\n ref={ref}\n tabIndex={tabIndex}\n role=\"tab\"\n aria-selected={active}\n aria-controls={paneId}\n aria-hidden={ariaHidden}\n aria-label={ariaLabel}\n {...focusVisible}\n >\n <InternalIcon name={iconName} /> {text}\n </button>\n );\n }\n);\n"]}
1
+ {"version":3,"file":"tab-button.js","sourceRoot":"","sources":["../../../src/code-editor/tab-button.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,eAAe,MAAM,iCAAiC,CAAC;AAE9D,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAE5C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAoBrC,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CACvC,CACE,EACE,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,OAAO,EACP,MAAM,EACN,QAAQ,EACR,UAAU,EACV,SAAS,EACT,MAAM,EACN,SAAS,EACT,IAAI,EACJ,SAAS,GACM,EACjB,GAAiC,EACjC,EAAE;IACF,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,OAAO,CACL,8CACE,SAAS,EAAE,IAAI,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,SAAS,CAAC,EAAE;YACjD,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,EAAE,MAAM;YACtC,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAC,EAAE,QAAQ;YAC1C,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,EAAE,SAAS;SAC3C,CAAC,EACF,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,KAAK,mBACK,MAAM,mBACN,MAAM,iBACR,UAAU,gBACX,SAAS,IACjB,YAAY;QAEhB,oBAAC,YAAY,IAAC,IAAI,EAAE,QAAQ,GAAI;;QAAE,IAAI,CAC/B,CACV,CAAC;AACJ,CAAC,CACF,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 useFocusVisible from '../internal/hooks/focus-visible';\nimport { IconProps } from '../icon/interfaces';\nimport InternalIcon from '../icon/internal';\n\nimport styles from './styles.css.js';\n\ninterface TabButtonProps {\n text: string;\n iconName: IconProps.Name;\n active: boolean;\n disabled: boolean;\n tabIndex?: number;\n ariaHidden?: boolean;\n ariaLabel?: string;\n paneId: string;\n isRefresh: boolean;\n\n className: string;\n\n onClick: () => void;\n onFocus?: React.FocusEventHandler<HTMLButtonElement>;\n onBlur?: React.FocusEventHandler<HTMLButtonElement>;\n}\n\nexport const TabButton = React.forwardRef(\n (\n {\n active,\n disabled,\n iconName,\n onClick,\n onFocus,\n onBlur,\n tabIndex,\n ariaHidden,\n ariaLabel,\n paneId,\n isRefresh,\n text,\n className,\n }: TabButtonProps,\n ref: React.Ref<HTMLButtonElement>\n ) => {\n const focusVisible = useFocusVisible();\n return (\n <button\n className={clsx([styles['tab-button'], className], {\n [styles['tab-button--active']]: active,\n [styles['tab-button--disabled']]: disabled,\n [styles['tab-button--refresh']]: isRefresh,\n })}\n type=\"button\"\n onClick={onClick}\n onFocus={onFocus}\n onBlur={onBlur}\n disabled={disabled}\n ref={ref}\n tabIndex={tabIndex}\n role=\"tab\"\n aria-selected={active}\n aria-controls={paneId}\n aria-hidden={ariaHidden}\n aria-label={ariaLabel}\n {...focusVisible}\n >\n <InternalIcon name={iconName} /> {text}\n </button>\n );\n }\n);\n"]}
package/lib/internal/template/internal/environment.js CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  export var PACKAGE_SOURCE = 'components';
3
- export var PACKAGE_VERSION = '3.0.0 (a9bd21f)';
3
+ export var PACKAGE_VERSION = '3.0.0 (4df4d30)';
4
4
  export var THEME = 'open-source-visual-refresh';
5
5
  export var ALWAYS_VISUAL_REFRESH = true;
6
6
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cloudscape-design/components-themeable",
3
- "version": "3.0.230",
3
+ "version": "3.0.231",
4
4
  "files": [
5
5
  "lib",
6
6
  "package.json",