@cloudscape-design/components-themeable 3.0.247 → 3.0.248

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 (54) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/expandable-section/styles.scss +13 -6
  3. package/lib/internal/scss/table/header-cell/styles.scss +14 -3
  4. package/lib/internal/scss/table/resizer/styles.scss +8 -3
  5. package/lib/internal/template/box/styles.css.js +189 -189
  6. package/lib/internal/template/box/styles.scoped.css +251 -251
  7. package/lib/internal/template/box/styles.selectors.js +189 -189
  8. package/lib/internal/template/button/interfaces.d.ts +1 -1
  9. package/lib/internal/template/button/interfaces.js.map +1 -1
  10. package/lib/internal/template/button/internal.d.ts.map +1 -1
  11. package/lib/internal/template/button/internal.js +6 -6
  12. package/lib/internal/template/button/internal.js.map +1 -1
  13. package/lib/internal/template/code-editor/index.d.ts.map +1 -1
  14. package/lib/internal/template/code-editor/index.js +3 -2
  15. package/lib/internal/template/code-editor/index.js.map +1 -1
  16. package/lib/internal/template/code-editor/status-bar.d.ts +1 -1
  17. package/lib/internal/template/code-editor/status-bar.d.ts.map +1 -1
  18. package/lib/internal/template/code-editor/status-bar.js.map +1 -1
  19. package/lib/internal/template/code-editor/tab-button.d.ts +1 -1
  20. package/lib/internal/template/code-editor/tab-button.d.ts.map +1 -1
  21. package/lib/internal/template/code-editor/tab-button.js.map +1 -1
  22. package/lib/internal/template/expandable-section/expandable-section-header.d.ts +1 -0
  23. package/lib/internal/template/expandable-section/expandable-section-header.d.ts.map +1 -1
  24. package/lib/internal/template/expandable-section/expandable-section-header.js +13 -6
  25. package/lib/internal/template/expandable-section/expandable-section-header.js.map +1 -1
  26. package/lib/internal/template/expandable-section/interfaces.d.ts +3 -2
  27. package/lib/internal/template/expandable-section/interfaces.d.ts.map +1 -1
  28. package/lib/internal/template/expandable-section/interfaces.js.map +1 -1
  29. package/lib/internal/template/expandable-section/styles.css.js +23 -21
  30. package/lib/internal/template/expandable-section/styles.scoped.css +55 -46
  31. package/lib/internal/template/expandable-section/styles.selectors.js +23 -21
  32. package/lib/internal/template/header/styles.css.js +44 -44
  33. package/lib/internal/template/header/styles.scoped.css +50 -50
  34. package/lib/internal/template/header/styles.selectors.js +44 -44
  35. package/lib/internal/template/internal/base-component/styles.scoped.css +9 -9
  36. package/lib/internal/template/internal/environment.js +1 -1
  37. package/lib/internal/template/internal/generated/styles/tokens.js +1 -1
  38. package/lib/internal/template/internal/generated/theming/index.cjs +12 -12
  39. package/lib/internal/template/internal/generated/theming/index.js +12 -12
  40. package/lib/internal/template/progress-bar/styles.css.js +18 -18
  41. package/lib/internal/template/progress-bar/styles.scoped.css +33 -33
  42. package/lib/internal/template/progress-bar/styles.selectors.js +18 -18
  43. package/lib/internal/template/table/header-cell/styles.css.js +19 -19
  44. package/lib/internal/template/table/header-cell/styles.scoped.css +43 -34
  45. package/lib/internal/template/table/header-cell/styles.selectors.js +19 -19
  46. package/lib/internal/template/table/resizer/styles.css.js +6 -6
  47. package/lib/internal/template/table/resizer/styles.scoped.css +17 -14
  48. package/lib/internal/template/table/resizer/styles.selectors.js +6 -6
  49. package/lib/internal/template/tabs/styles.css.js +21 -21
  50. package/lib/internal/template/tabs/styles.scoped.css +39 -39
  51. package/lib/internal/template/tabs/styles.selectors.js +21 -21
  52. package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/task.js +1 -1
  53. package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/task.js.map +1 -1
  54. package/package.json +1 -1
package/lib/internal/template/tabs/styles.selectors.js CHANGED
@@ -2,26 +2,26 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "tabs-header": "awsui_tabs-header_14rmt_11atu_186",
6
- "tabs-header-list": "awsui_tabs-header-list_14rmt_11atu_192",
7
- "pagination-button": "awsui_pagination-button_14rmt_11atu_207",
8
- "pagination-button-left": "awsui_pagination-button-left_14rmt_11atu_212",
9
- "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_11atu_215",
10
- "pagination-button-right": "awsui_pagination-button-right_14rmt_11atu_219",
11
- "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_11atu_222",
12
- "tabs-tab": "awsui_tabs-tab_14rmt_11atu_227",
13
- "tabs-tab-label": "awsui_tabs-tab-label_14rmt_11atu_238",
14
- "tabs-tab-link": "awsui_tabs-tab-link_14rmt_11atu_254",
15
- "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_11atu_313",
16
- "refresh": "awsui_refresh_14rmt_11atu_331",
17
- "tabs-tab-active": "awsui_tabs-tab-active_14rmt_11atu_345",
18
- "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_11atu_352",
19
- "root": "awsui_root_14rmt_11atu_356",
20
- "tabs": "awsui_tabs_14rmt_11atu_186",
21
- "tabs-content": "awsui_tabs-content_14rmt_11atu_375",
22
- "tabs-content-active": "awsui_tabs-content-active_14rmt_11atu_379",
23
- "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_11atu_389",
24
- "with-paddings": "awsui_with-paddings_14rmt_11atu_389",
25
- "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_11atu_393"
5
+ "tabs-header": "awsui_tabs-header_14rmt_1c9xc_186",
6
+ "tabs-header-list": "awsui_tabs-header-list_14rmt_1c9xc_192",
7
+ "pagination-button": "awsui_pagination-button_14rmt_1c9xc_207",
8
+ "pagination-button-left": "awsui_pagination-button-left_14rmt_1c9xc_212",
9
+ "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_1c9xc_215",
10
+ "pagination-button-right": "awsui_pagination-button-right_14rmt_1c9xc_219",
11
+ "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_1c9xc_222",
12
+ "tabs-tab": "awsui_tabs-tab_14rmt_1c9xc_227",
13
+ "tabs-tab-label": "awsui_tabs-tab-label_14rmt_1c9xc_238",
14
+ "tabs-tab-link": "awsui_tabs-tab-link_14rmt_1c9xc_254",
15
+ "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_1c9xc_313",
16
+ "refresh": "awsui_refresh_14rmt_1c9xc_331",
17
+ "tabs-tab-active": "awsui_tabs-tab-active_14rmt_1c9xc_345",
18
+ "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_1c9xc_352",
19
+ "root": "awsui_root_14rmt_1c9xc_356",
20
+ "tabs": "awsui_tabs_14rmt_1c9xc_186",
21
+ "tabs-content": "awsui_tabs-content_14rmt_1c9xc_375",
22
+ "tabs-content-active": "awsui_tabs-content-active_14rmt_1c9xc_379",
23
+ "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_1c9xc_389",
24
+ "with-paddings": "awsui_with-paddings_14rmt_1c9xc_389",
25
+ "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_1c9xc_393"
26
26
  };
27
27
 
package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/task.js CHANGED
@@ -27,7 +27,7 @@ export function Task({ task, taskIndex, currentTaskIndex, expanded, onToggleExpa
27
27
  React.createElement(InternalStatusIndicator, { __size: "inherit", type: statusIndicatorType, iconAriaLabel: i18nStrings.labelsTaskStatus[statusIndicatorType], className: styles['task-title--status'] }),
28
28
  React.createElement(InternalBox, { variant: "h3", padding: { left: 'xxxs', vertical: 'n' }, fontSize: "heading-s", color: taskIndex < currentTaskIndex ? 'text-status-success' : 'text-status-inactive' }, i18nStrings.taskTitle(taskIndex, task.title))),
29
29
  React.createElement("div", { className: styles['expandable-section-wrapper'] },
30
- React.createElement(InternalExpandableSection, { headerText: React.createElement("span", { className: styles['expandable-section-header'] }, i18nStrings.labelTotalSteps(task.steps.length)), expanded: expanded, onChange: onExpandChange, headerAriaLabel: joinStrings(i18nStrings.taskTitle(taskIndex, task.title), i18nStrings.labelTotalSteps(task.steps.length)) },
30
+ React.createElement(InternalExpandableSection, { header: React.createElement("span", { className: styles['expandable-section-header'] }, i18nStrings.labelTotalSteps(task.steps.length)), expanded: expanded, onChange: onExpandChange, headerAriaLabel: joinStrings(i18nStrings.taskTitle(taskIndex, task.title), i18nStrings.labelTotalSteps(task.steps.length)) },
31
31
  React.createElement("ol", { className: styles['step-list'] }, task.steps.map((step, stepIndex) => (React.createElement("li", { key: stepIndex, className: styles.step },
32
32
  React.createElement(InternalBox, { color: "text-body-secondary", fontSize: "body-m", padding: { left: 'l' }, className: styles['step-title'] }, i18nStrings.stepTitle(stepIndex, step.title)))))))))));
33
33
  }
package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/task.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"task.js","sourceRoot":"lib/default/","sources":["tutorial-panel/components/tutorial-detail-view/task.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, { useCallback } from 'react';\nimport styles from './styles.css.js';\nimport { TutorialPanelProps } from '../../interfaces';\nimport InternalBox from '../../../box/internal';\nimport InternalStatusIndicator from '../../../status-indicator/internal';\nimport InternalSpaceBetween from '../../../space-between/internal';\nimport InternalExpandableSection from '../../../expandable-section/internal';\nimport { joinStrings } from '../../../internal/utils/strings/join-strings.js';\n\nfunction getStatusIndicatorType(taskIndex: number, currentTaskIndex: number) {\n if (taskIndex < currentTaskIndex) {\n return 'success';\n }\n if (taskIndex === currentTaskIndex) {\n return 'in-progress';\n }\n return 'pending';\n}\n\ninterface TaskProps {\n task: TutorialPanelProps.Task;\n taskIndex: number;\n currentTaskIndex: number;\n expanded: boolean;\n onToggleExpand: (step: number) => void;\n i18nStrings: TutorialPanelProps['i18nStrings'];\n}\n\nexport function Task({ task, taskIndex, currentTaskIndex, expanded, onToggleExpand, i18nStrings }: TaskProps) {\n const statusIndicatorType = getStatusIndicatorType(taskIndex, currentTaskIndex);\n\n const onExpandChange = useCallback(() => {\n onToggleExpand(taskIndex);\n }, [onToggleExpand, taskIndex]);\n\n return (\n <li className={styles.task}>\n <InternalSpaceBetween size=\"xxs\">\n <div className={styles['task-title']}>\n <InternalStatusIndicator\n __size=\"inherit\"\n type={statusIndicatorType}\n iconAriaLabel={i18nStrings.labelsTaskStatus[statusIndicatorType]}\n className={styles['task-title--status']}\n />\n\n <InternalBox\n variant=\"h3\"\n padding={{ left: 'xxxs', vertical: 'n' }}\n fontSize=\"heading-s\"\n color={taskIndex < currentTaskIndex ? 'text-status-success' : 'text-status-inactive'}\n >\n {i18nStrings.taskTitle(taskIndex, task.title)}\n </InternalBox>\n </div>\n\n <div className={styles['expandable-section-wrapper']}>\n <InternalExpandableSection\n headerText={\n <span className={styles['expandable-section-header']}>\n {i18nStrings.labelTotalSteps(task.steps.length)}\n </span>\n }\n expanded={expanded}\n onChange={onExpandChange}\n headerAriaLabel={joinStrings(\n i18nStrings.taskTitle(taskIndex, task.title),\n i18nStrings.labelTotalSteps(task.steps.length)\n )}\n >\n <ol className={styles['step-list']}>\n {task.steps.map((step, stepIndex) => (\n <li key={stepIndex} className={styles.step}>\n <InternalBox\n color=\"text-body-secondary\"\n fontSize=\"body-m\"\n padding={{ left: 'l' }}\n className={styles['step-title']}\n >\n {i18nStrings.stepTitle(stepIndex, step.title)}\n </InternalBox>\n </li>\n ))}\n </ol>\n </InternalExpandableSection>\n </div>\n </InternalSpaceBetween>\n </li>\n );\n}\n"]}
1
+ {"version":3,"file":"task.js","sourceRoot":"lib/default/","sources":["tutorial-panel/components/tutorial-detail-view/task.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, { useCallback } from 'react';\nimport styles from './styles.css.js';\nimport { TutorialPanelProps } from '../../interfaces';\nimport InternalBox from '../../../box/internal';\nimport InternalStatusIndicator from '../../../status-indicator/internal';\nimport InternalSpaceBetween from '../../../space-between/internal';\nimport InternalExpandableSection from '../../../expandable-section/internal';\nimport { joinStrings } from '../../../internal/utils/strings/join-strings.js';\n\nfunction getStatusIndicatorType(taskIndex: number, currentTaskIndex: number) {\n if (taskIndex < currentTaskIndex) {\n return 'success';\n }\n if (taskIndex === currentTaskIndex) {\n return 'in-progress';\n }\n return 'pending';\n}\n\ninterface TaskProps {\n task: TutorialPanelProps.Task;\n taskIndex: number;\n currentTaskIndex: number;\n expanded: boolean;\n onToggleExpand: (step: number) => void;\n i18nStrings: TutorialPanelProps['i18nStrings'];\n}\n\nexport function Task({ task, taskIndex, currentTaskIndex, expanded, onToggleExpand, i18nStrings }: TaskProps) {\n const statusIndicatorType = getStatusIndicatorType(taskIndex, currentTaskIndex);\n\n const onExpandChange = useCallback(() => {\n onToggleExpand(taskIndex);\n }, [onToggleExpand, taskIndex]);\n\n return (\n <li className={styles.task}>\n <InternalSpaceBetween size=\"xxs\">\n <div className={styles['task-title']}>\n <InternalStatusIndicator\n __size=\"inherit\"\n type={statusIndicatorType}\n iconAriaLabel={i18nStrings.labelsTaskStatus[statusIndicatorType]}\n className={styles['task-title--status']}\n />\n\n <InternalBox\n variant=\"h3\"\n padding={{ left: 'xxxs', vertical: 'n' }}\n fontSize=\"heading-s\"\n color={taskIndex < currentTaskIndex ? 'text-status-success' : 'text-status-inactive'}\n >\n {i18nStrings.taskTitle(taskIndex, task.title)}\n </InternalBox>\n </div>\n\n <div className={styles['expandable-section-wrapper']}>\n <InternalExpandableSection\n header={\n <span className={styles['expandable-section-header']}>\n {i18nStrings.labelTotalSteps(task.steps.length)}\n </span>\n }\n expanded={expanded}\n onChange={onExpandChange}\n headerAriaLabel={joinStrings(\n i18nStrings.taskTitle(taskIndex, task.title),\n i18nStrings.labelTotalSteps(task.steps.length)\n )}\n >\n <ol className={styles['step-list']}>\n {task.steps.map((step, stepIndex) => (\n <li key={stepIndex} className={styles.step}>\n <InternalBox\n color=\"text-body-secondary\"\n fontSize=\"body-m\"\n padding={{ left: 'l' }}\n className={styles['step-title']}\n >\n {i18nStrings.stepTitle(stepIndex, step.title)}\n </InternalBox>\n </li>\n ))}\n </ol>\n </InternalExpandableSection>\n </div>\n </InternalSpaceBetween>\n </li>\n );\n}\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cloudscape-design/components-themeable",
3
- "version": "3.0.247",
3
+ "version": "3.0.248",
4
4
  "files": [
5
5
  "lib",
6
6
  "package.json",