@cloudscape-design/components 3.0.1174 → 3.0.1175

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 (117) hide show
  1. package/alert/styles.css.js +27 -27
  2. package/alert/styles.scoped.css +50 -50
  3. package/alert/styles.selectors.js +27 -27
  4. package/annotation-context/annotation/styles.css.js +13 -13
  5. package/annotation-context/annotation/styles.scoped.css +21 -21
  6. package/annotation-context/annotation/styles.selectors.js +13 -13
  7. package/app-layout/notifications/styles.css.js +3 -3
  8. package/app-layout/notifications/styles.scoped.css +7 -7
  9. package/app-layout/notifications/styles.selectors.js +3 -3
  10. package/app-layout/visual-refresh/styles.css.js +86 -86
  11. package/app-layout/visual-refresh/styles.scoped.css +258 -258
  12. package/app-layout/visual-refresh/styles.selectors.js +86 -86
  13. package/app-layout/visual-refresh-toolbar/drawer/styles.css.js +30 -30
  14. package/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +87 -87
  15. package/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +30 -30
  16. package/app-layout/visual-refresh-toolbar/navigation/styles.css.js +4 -4
  17. package/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +7 -7
  18. package/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +4 -4
  19. package/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +27 -27
  20. package/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +54 -54
  21. package/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +27 -27
  22. package/attribute-editor/styles.css.js +15 -15
  23. package/attribute-editor/styles.scoped.css +28 -28
  24. package/attribute-editor/styles.selectors.js +15 -15
  25. package/breadcrumb-group/item/styles.css.js +7 -7
  26. package/breadcrumb-group/item/styles.scoped.css +28 -28
  27. package/breadcrumb-group/item/styles.selectors.js +7 -7
  28. package/button/styles.css.js +22 -22
  29. package/button/styles.scoped.css +256 -256
  30. package/button/styles.selectors.js +22 -22
  31. package/button-dropdown/item-element/styles.css.js +20 -20
  32. package/button-dropdown/item-element/styles.scoped.css +34 -34
  33. package/button-dropdown/item-element/styles.selectors.js +20 -20
  34. package/checkbox/styles.css.js +3 -3
  35. package/checkbox/styles.scoped.css +11 -11
  36. package/checkbox/styles.selectors.js +3 -3
  37. package/content-layout/styles.css.js +14 -14
  38. package/content-layout/styles.scoped.css +27 -27
  39. package/content-layout/styles.selectors.js +14 -14
  40. package/flashbar/styles.css.js +50 -50
  41. package/flashbar/styles.scoped.css +187 -187
  42. package/flashbar/styles.selectors.js +50 -50
  43. package/help-panel/styles.css.js +6 -6
  44. package/help-panel/styles.scoped.css +73 -73
  45. package/help-panel/styles.selectors.js +6 -6
  46. package/input/styles.css.js +13 -13
  47. package/input/styles.scoped.css +74 -74
  48. package/input/styles.selectors.js +13 -13
  49. package/internal/base-component/styles.scoped.css +1 -1
  50. package/internal/components/drag-handle-wrapper/styles.css.js +30 -30
  51. package/internal/components/drag-handle-wrapper/styles.scoped.css +58 -58
  52. package/internal/components/drag-handle-wrapper/styles.selectors.js +30 -30
  53. package/internal/components/dropdown/styles.css.js +20 -20
  54. package/internal/components/dropdown/styles.scoped.css +38 -38
  55. package/internal/components/dropdown/styles.selectors.js +20 -20
  56. package/internal/components/radio-button/styles.css.js +7 -7
  57. package/internal/components/radio-button/styles.scoped.css +18 -18
  58. package/internal/components/radio-button/styles.selectors.js +7 -7
  59. package/internal/components/token-list/styles.css.js +10 -10
  60. package/internal/components/token-list/styles.scoped.css +25 -25
  61. package/internal/components/token-list/styles.selectors.js +10 -10
  62. package/internal/environment.js +2 -2
  63. package/internal/environment.json +2 -2
  64. package/internal/generated/custom-css-properties/index.d.ts +7 -0
  65. package/internal/generated/custom-css-properties/index.d.ts.map +1 -1
  66. package/internal/generated/custom-css-properties/index.js +138 -131
  67. package/internal/generated/custom-css-properties/index.js.map +1 -1
  68. package/internal/manifest.json +1 -1
  69. package/link/styles.css.js +20 -20
  70. package/link/styles.scoped.css +103 -103
  71. package/link/styles.selectors.js +20 -20
  72. package/package.json +1 -1
  73. package/progress-bar/styles.css.js +19 -19
  74. package/progress-bar/styles.scoped.css +56 -56
  75. package/progress-bar/styles.selectors.js +19 -19
  76. package/prompt-input/styles.css.js +17 -17
  77. package/prompt-input/styles.scoped.css +79 -79
  78. package/prompt-input/styles.selectors.js +17 -17
  79. package/segmented-control/styles.css.js +16 -16
  80. package/segmented-control/styles.scoped.css +46 -46
  81. package/segmented-control/styles.selectors.js +16 -16
  82. package/slider/index.d.ts +1 -0
  83. package/slider/index.d.ts.map +1 -1
  84. package/slider/index.js +2 -2
  85. package/slider/index.js.map +1 -1
  86. package/slider/interfaces.d.ts +23 -0
  87. package/slider/interfaces.d.ts.map +1 -1
  88. package/slider/interfaces.js.map +1 -1
  89. package/slider/internal.d.ts +4 -1
  90. package/slider/internal.d.ts.map +1 -1
  91. package/slider/internal.js +3 -2
  92. package/slider/internal.js.map +1 -1
  93. package/slider/styles.css.js +26 -26
  94. package/slider/styles.d.ts +11 -0
  95. package/slider/styles.d.ts.map +1 -0
  96. package/slider/styles.js +20 -0
  97. package/slider/styles.js.map +1 -0
  98. package/slider/styles.scoped.css +165 -163
  99. package/slider/styles.selectors.js +26 -26
  100. package/spinner/styles.css.js +13 -13
  101. package/spinner/styles.scoped.css +39 -39
  102. package/spinner/styles.selectors.js +13 -13
  103. package/tabs/styles.css.js +30 -30
  104. package/tabs/styles.scoped.css +76 -76
  105. package/tabs/styles.selectors.js +30 -30
  106. package/tag-editor/styles.css.js +3 -3
  107. package/tag-editor/styles.scoped.css +13 -13
  108. package/tag-editor/styles.selectors.js +3 -3
  109. package/text-content/styles.css.js +1 -1
  110. package/text-content/styles.scoped.css +66 -66
  111. package/text-content/styles.selectors.js +1 -1
  112. package/textarea/styles.css.js +5 -5
  113. package/textarea/styles.scoped.css +45 -45
  114. package/textarea/styles.selectors.js +5 -5
  115. package/toggle/styles.css.js +10 -10
  116. package/toggle/styles.scoped.css +23 -23
  117. package/toggle/styles.selectors.js +10 -10
@@ -1,31 +1,31 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_pcgz5_1ynkm_153",
5
- "slider": "awsui_slider_pcgz5_1ynkm_190",
6
- "slider-track": "awsui_slider-track_pcgz5_1ynkm_194",
7
- "slider-range": "awsui_slider-range_pcgz5_1ynkm_194",
8
- "disabled": "awsui_disabled_pcgz5_1ynkm_209",
9
- "readonly": "awsui_readonly_pcgz5_1ynkm_213",
10
- "error": "awsui_error_pcgz5_1ynkm_222",
11
- "warning": "awsui_warning_pcgz5_1ynkm_225",
12
- "active": "awsui_active_pcgz5_1ynkm_228",
13
- "error-active": "awsui_error-active_pcgz5_1ynkm_231",
14
- "warning-active": "awsui_warning-active_pcgz5_1ynkm_234",
15
- "labels": "awsui_labels_pcgz5_1ynkm_245",
16
- "labels-noref": "awsui_labels-noref_pcgz5_1ynkm_251",
17
- "labels-reference": "awsui_labels-reference_pcgz5_1ynkm_254",
18
- "labels-min": "awsui_labels-min_pcgz5_1ynkm_261",
19
- "labels-max": "awsui_labels-max_pcgz5_1ynkm_267",
20
- "labels-aria-description": "awsui_labels-aria-description_pcgz5_1ynkm_275",
21
- "ticks": "awsui_ticks_pcgz5_1ynkm_293",
22
- "ticks-wrapper": "awsui_ticks-wrapper_pcgz5_1ynkm_299",
23
- "tick": "awsui_tick_pcgz5_1ynkm_293",
24
- "middle": "awsui_middle_pcgz5_1ynkm_314",
25
- "filled": "awsui_filled_pcgz5_1ynkm_317",
26
- "tooltip-thumb": "awsui_tooltip-thumb_pcgz5_1ynkm_345",
27
- "thumb": "awsui_thumb_pcgz5_1ynkm_358",
28
- "min": "awsui_min_pcgz5_1ynkm_394",
29
- "max": "awsui_max_pcgz5_1ynkm_397"
4
+ "root": "awsui_root_pcgz5_ttbtx_153",
5
+ "slider": "awsui_slider_pcgz5_ttbtx_190",
6
+ "slider-track": "awsui_slider-track_pcgz5_ttbtx_194",
7
+ "slider-range": "awsui_slider-range_pcgz5_ttbtx_194",
8
+ "disabled": "awsui_disabled_pcgz5_ttbtx_209",
9
+ "readonly": "awsui_readonly_pcgz5_ttbtx_213",
10
+ "error": "awsui_error_pcgz5_ttbtx_222",
11
+ "warning": "awsui_warning_pcgz5_ttbtx_225",
12
+ "active": "awsui_active_pcgz5_ttbtx_228",
13
+ "error-active": "awsui_error-active_pcgz5_ttbtx_231",
14
+ "warning-active": "awsui_warning-active_pcgz5_ttbtx_234",
15
+ "labels": "awsui_labels_pcgz5_ttbtx_245",
16
+ "labels-noref": "awsui_labels-noref_pcgz5_ttbtx_251",
17
+ "labels-reference": "awsui_labels-reference_pcgz5_ttbtx_254",
18
+ "labels-min": "awsui_labels-min_pcgz5_ttbtx_261",
19
+ "labels-max": "awsui_labels-max_pcgz5_ttbtx_267",
20
+ "labels-aria-description": "awsui_labels-aria-description_pcgz5_ttbtx_275",
21
+ "ticks": "awsui_ticks_pcgz5_ttbtx_293",
22
+ "ticks-wrapper": "awsui_ticks-wrapper_pcgz5_ttbtx_299",
23
+ "tick": "awsui_tick_pcgz5_ttbtx_293",
24
+ "middle": "awsui_middle_pcgz5_ttbtx_314",
25
+ "filled": "awsui_filled_pcgz5_ttbtx_317",
26
+ "tooltip-thumb": "awsui_tooltip-thumb_pcgz5_ttbtx_345",
27
+ "thumb": "awsui_thumb_pcgz5_ttbtx_358",
28
+ "min": "awsui_min_pcgz5_ttbtx_394",
29
+ "max": "awsui_max_pcgz5_ttbtx_397"
30
30
  };
31
31
 
@@ -0,0 +1,11 @@
1
+ import customCssProps from '../internal/generated/custom-css-properties';
2
+ import { SliderProps } from './interfaces';
3
+ export declare function getSliderStyles(style: SliderProps['style']): {
4
+ [customCssProps.styleSliderTrackBackgroundColor]: string | undefined;
5
+ [customCssProps.styleSliderRangeBackgroundDefault]: string | undefined;
6
+ [customCssProps.styleSliderRangeBackgroundActive]: string | undefined;
7
+ [customCssProps.styleSliderHandleBackgroundDefault]: string | undefined;
8
+ [customCssProps.styleSliderHandleBackgroundHover]: string | undefined;
9
+ [customCssProps.styleSliderHandleBackgroundActive]: string | undefined;
10
+ [customCssProps.styleSliderHandleBorderRadius]: string | undefined;
11
+ };
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/slider/styles.tsx"],"names":[],"mappings":"AAGA,OAAO,cAAc,MAAM,6CAA6C,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,wBAAgB,eAAe,CAAC,KAAK,EAAE,WAAW,CAAC,OAAO,CAAC;IAMvD,CAAC,cAAc,CAAC,+BAA+B,CAAC,qBAA+B;IAC/E,CAAC,cAAc,CAAC,iCAAiC,CAAC,qBAAwC;IAC1F,CAAC,cAAc,CAAC,gCAAgC,CAAC,qBAAuC;IACxF,CAAC,cAAc,CAAC,kCAAkC,CAAC,qBAAyC;IAC5F,CAAC,cAAc,CAAC,gCAAgC,CAAC,qBAAuC;IACxF,CAAC,cAAc,CAAC,iCAAiC,CAAC,qBAAwC;IAC1F,CAAC,cAAc,CAAC,6BAA6B,CAAC,qBAA6B;EAE9E"}
@@ -0,0 +1,20 @@
1
+ // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2
+ // SPDX-License-Identifier: Apache-2.0
3
+ import { SYSTEM } from '../internal/environment';
4
+ import customCssProps from '../internal/generated/custom-css-properties';
5
+ export function getSliderStyles(style) {
6
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
7
+ if (SYSTEM !== 'core') {
8
+ return {};
9
+ }
10
+ return {
11
+ [customCssProps.styleSliderTrackBackgroundColor]: (_a = style === null || style === void 0 ? void 0 : style.track) === null || _a === void 0 ? void 0 : _a.backgroundColor,
12
+ [customCssProps.styleSliderRangeBackgroundDefault]: (_c = (_b = style === null || style === void 0 ? void 0 : style.range) === null || _b === void 0 ? void 0 : _b.backgroundColor) === null || _c === void 0 ? void 0 : _c.default,
13
+ [customCssProps.styleSliderRangeBackgroundActive]: (_e = (_d = style === null || style === void 0 ? void 0 : style.range) === null || _d === void 0 ? void 0 : _d.backgroundColor) === null || _e === void 0 ? void 0 : _e.active,
14
+ [customCssProps.styleSliderHandleBackgroundDefault]: (_g = (_f = style === null || style === void 0 ? void 0 : style.handle) === null || _f === void 0 ? void 0 : _f.backgroundColor) === null || _g === void 0 ? void 0 : _g.default,
15
+ [customCssProps.styleSliderHandleBackgroundHover]: (_j = (_h = style === null || style === void 0 ? void 0 : style.handle) === null || _h === void 0 ? void 0 : _h.backgroundColor) === null || _j === void 0 ? void 0 : _j.hover,
16
+ [customCssProps.styleSliderHandleBackgroundActive]: (_l = (_k = style === null || style === void 0 ? void 0 : style.handle) === null || _k === void 0 ? void 0 : _k.backgroundColor) === null || _l === void 0 ? void 0 : _l.active,
17
+ [customCssProps.styleSliderHandleBorderRadius]: (_m = style === null || style === void 0 ? void 0 : style.handle) === null || _m === void 0 ? void 0 : _m.borderRadius,
18
+ };
19
+ }
20
+ //# sourceMappingURL=styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/slider/styles.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,cAAc,MAAM,6CAA6C,CAAC;AAGzE,MAAM,UAAU,eAAe,CAAC,KAA2B;;IACzD,IAAI,MAAM,KAAK,MAAM,EAAE,CAAC;QACtB,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,OAAO;QACL,CAAC,cAAc,CAAC,+BAA+B,CAAC,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,eAAe;QAC/E,CAAC,cAAc,CAAC,iCAAiC,CAAC,EAAE,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,eAAe,0CAAE,OAAO;QAC1F,CAAC,cAAc,CAAC,gCAAgC,CAAC,EAAE,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,eAAe,0CAAE,MAAM;QACxF,CAAC,cAAc,CAAC,kCAAkC,CAAC,EAAE,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,0CAAE,eAAe,0CAAE,OAAO;QAC5F,CAAC,cAAc,CAAC,gCAAgC,CAAC,EAAE,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,0CAAE,eAAe,0CAAE,KAAK;QACxF,CAAC,cAAc,CAAC,iCAAiC,CAAC,EAAE,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,0CAAE,eAAe,0CAAE,MAAM;QAC1F,CAAC,cAAc,CAAC,6BAA6B,CAAC,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,0CAAE,YAAY;KAC5E,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { SYSTEM } from '../internal/environment';\nimport customCssProps from '../internal/generated/custom-css-properties';\nimport { SliderProps } from './interfaces';\n\nexport function getSliderStyles(style: SliderProps['style']) {\n if (SYSTEM !== 'core') {\n return {};\n }\n\n return {\n [customCssProps.styleSliderTrackBackgroundColor]: style?.track?.backgroundColor,\n [customCssProps.styleSliderRangeBackgroundDefault]: style?.range?.backgroundColor?.default,\n [customCssProps.styleSliderRangeBackgroundActive]: style?.range?.backgroundColor?.active,\n [customCssProps.styleSliderHandleBackgroundDefault]: style?.handle?.backgroundColor?.default,\n [customCssProps.styleSliderHandleBackgroundHover]: style?.handle?.backgroundColor?.hover,\n [customCssProps.styleSliderHandleBackgroundActive]: style?.handle?.backgroundColor?.active,\n [customCssProps.styleSliderHandleBorderRadius]: style?.handle?.borderRadius,\n };\n}\n"]}