@cloudscape-design/components-themeable 3.0.1382 → 3.0.1383

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 (193) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/container/styles.scss +5 -4
  3. package/lib/internal/scss/input/styles.scss +4 -0
  4. package/lib/internal/scss/internal/components/button-trigger/styles.scss +4 -0
  5. package/lib/internal/scss/internal/components/control-group/styles.scss +36 -0
  6. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +176 -175
  7. package/lib/internal/scss/internal/styles/forms/mixins.scss +43 -17
  8. package/lib/internal/scss/segmented-control/styles.scss +19 -4
  9. package/lib/internal/scss/side-navigation/styles.scss +13 -6
  10. package/lib/internal/template/alert/styles.css.js +27 -27
  11. package/lib/internal/template/alert/styles.scoped.css +50 -50
  12. package/lib/internal/template/alert/styles.selectors.js +27 -27
  13. package/lib/internal/template/annotation-context/annotation/styles.css.js +13 -13
  14. package/lib/internal/template/annotation-context/annotation/styles.scoped.css +21 -21
  15. package/lib/internal/template/annotation-context/annotation/styles.selectors.js +13 -13
  16. package/lib/internal/template/app-layout/notifications/styles.css.js +3 -3
  17. package/lib/internal/template/app-layout/notifications/styles.scoped.css +7 -7
  18. package/lib/internal/template/app-layout/notifications/styles.selectors.js +3 -3
  19. package/lib/internal/template/app-layout/visual-refresh/styles.css.js +86 -86
  20. package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +258 -258
  21. package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +86 -86
  22. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.css.js +32 -32
  23. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +89 -89
  24. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +32 -32
  25. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.css.js +6 -6
  26. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +13 -13
  27. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +6 -6
  28. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +30 -30
  29. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +68 -68
  30. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +30 -30
  31. package/lib/internal/template/attribute-editor/styles.css.js +15 -15
  32. package/lib/internal/template/attribute-editor/styles.scoped.css +28 -28
  33. package/lib/internal/template/attribute-editor/styles.selectors.js +15 -15
  34. package/lib/internal/template/breadcrumb-group/item/styles.css.js +7 -7
  35. package/lib/internal/template/breadcrumb-group/item/styles.scoped.css +28 -28
  36. package/lib/internal/template/breadcrumb-group/item/styles.selectors.js +7 -7
  37. package/lib/internal/template/button/styles.css.js +23 -23
  38. package/lib/internal/template/button/styles.scoped.css +261 -261
  39. package/lib/internal/template/button/styles.selectors.js +23 -23
  40. package/lib/internal/template/button-dropdown/item-element/styles.css.js +21 -21
  41. package/lib/internal/template/button-dropdown/item-element/styles.scoped.css +37 -37
  42. package/lib/internal/template/button-dropdown/item-element/styles.selectors.js +21 -21
  43. package/lib/internal/template/cards/styles.css.js +39 -39
  44. package/lib/internal/template/cards/styles.scoped.css +41 -41
  45. package/lib/internal/template/cards/styles.selectors.js +39 -39
  46. package/lib/internal/template/checkbox/styles.css.js +3 -3
  47. package/lib/internal/template/checkbox/styles.scoped.css +10 -10
  48. package/lib/internal/template/checkbox/styles.selectors.js +3 -3
  49. package/lib/internal/template/container/style.d.ts +1 -15
  50. package/lib/internal/template/container/style.d.ts.map +1 -1
  51. package/lib/internal/template/container/style.js +6 -2
  52. package/lib/internal/template/container/style.js.map +1 -1
  53. package/lib/internal/template/container/styles.css.js +34 -34
  54. package/lib/internal/template/container/styles.scoped.css +87 -87
  55. package/lib/internal/template/container/styles.selectors.js +34 -34
  56. package/lib/internal/template/content-layout/styles.css.js +14 -14
  57. package/lib/internal/template/content-layout/styles.scoped.css +27 -27
  58. package/lib/internal/template/content-layout/styles.selectors.js +14 -14
  59. package/lib/internal/template/dropdown/styles.css.js +20 -20
  60. package/lib/internal/template/dropdown/styles.scoped.css +49 -49
  61. package/lib/internal/template/dropdown/styles.selectors.js +20 -20
  62. package/lib/internal/template/expandable-section/expandable-section-header.d.ts.map +1 -1
  63. package/lib/internal/template/expandable-section/expandable-section-header.js +1 -1
  64. package/lib/internal/template/expandable-section/expandable-section-header.js.map +1 -1
  65. package/lib/internal/template/expandable-section/interfaces.d.ts +4 -4
  66. package/lib/internal/template/expandable-section/interfaces.js.map +1 -1
  67. package/lib/internal/template/file-token-group/styles.css.js +23 -23
  68. package/lib/internal/template/file-token-group/styles.scoped.css +36 -36
  69. package/lib/internal/template/file-token-group/styles.selectors.js +23 -23
  70. package/lib/internal/template/flashbar/styles.css.js +50 -50
  71. package/lib/internal/template/flashbar/styles.scoped.css +184 -184
  72. package/lib/internal/template/flashbar/styles.selectors.js +50 -50
  73. package/lib/internal/template/help-panel/styles.css.js +6 -6
  74. package/lib/internal/template/help-panel/styles.scoped.css +72 -72
  75. package/lib/internal/template/help-panel/styles.selectors.js +6 -6
  76. package/lib/internal/template/input/internal.d.ts.map +1 -1
  77. package/lib/internal/template/input/internal.js +11 -4
  78. package/lib/internal/template/input/internal.js.map +1 -1
  79. package/lib/internal/template/input/styles.css.js +34 -29
  80. package/lib/internal/template/input/styles.scoped.css +158 -137
  81. package/lib/internal/template/input/styles.selectors.js +34 -29
  82. package/lib/internal/template/internal/base-component/styles.scoped.css +1 -1
  83. package/lib/internal/template/internal/components/autosuggest-input/index.d.ts.map +1 -1
  84. package/lib/internal/template/internal/components/autosuggest-input/index.js +4 -1
  85. package/lib/internal/template/internal/components/autosuggest-input/index.js.map +1 -1
  86. package/lib/internal/template/internal/components/button-trigger/index.d.ts +2 -0
  87. package/lib/internal/template/internal/components/button-trigger/index.d.ts.map +1 -1
  88. package/lib/internal/template/internal/components/button-trigger/index.js +2 -2
  89. package/lib/internal/template/internal/components/button-trigger/index.js.map +1 -1
  90. package/lib/internal/template/internal/components/button-trigger/styles.css.js +19 -14
  91. package/lib/internal/template/internal/components/button-trigger/styles.scoped.css +53 -33
  92. package/lib/internal/template/internal/components/button-trigger/styles.selectors.js +19 -14
  93. package/lib/internal/template/internal/components/control-group/index.d.ts +7 -0
  94. package/lib/internal/template/internal/components/control-group/index.d.ts.map +1 -0
  95. package/lib/internal/template/internal/components/control-group/index.js +20 -0
  96. package/lib/internal/template/internal/components/control-group/index.js.map +1 -0
  97. package/lib/internal/template/internal/components/control-group/styles.css.js +9 -0
  98. package/lib/internal/template/internal/components/control-group/styles.scoped.css +54 -0
  99. package/lib/internal/template/internal/components/control-group/styles.selectors.js +10 -0
  100. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.css.js +30 -30
  101. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.scoped.css +58 -58
  102. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.selectors.js +30 -30
  103. package/lib/internal/template/internal/components/option/styles.css.js +17 -17
  104. package/lib/internal/template/internal/components/option/styles.scoped.css +31 -31
  105. package/lib/internal/template/internal/components/option/styles.selectors.js +17 -17
  106. package/lib/internal/template/internal/components/radio-button/styles.css.js +7 -7
  107. package/lib/internal/template/internal/components/radio-button/styles.scoped.css +17 -17
  108. package/lib/internal/template/internal/components/radio-button/styles.selectors.js +7 -7
  109. package/lib/internal/template/internal/components/selectable-item/styles.css.js +22 -22
  110. package/lib/internal/template/internal/components/selectable-item/styles.scoped.css +57 -57
  111. package/lib/internal/template/internal/components/selectable-item/styles.selectors.js +22 -22
  112. package/lib/internal/template/internal/components/token-list/styles.css.js +10 -10
  113. package/lib/internal/template/internal/components/token-list/styles.scoped.css +25 -25
  114. package/lib/internal/template/internal/components/token-list/styles.selectors.js +10 -10
  115. package/lib/internal/template/internal/context/control-group-context.d.ts +24 -0
  116. package/lib/internal/template/internal/context/control-group-context.d.ts.map +1 -0
  117. package/lib/internal/template/internal/context/control-group-context.js +22 -0
  118. package/lib/internal/template/internal/context/control-group-context.js.map +1 -0
  119. package/lib/internal/template/internal/environment.js +2 -2
  120. package/lib/internal/template/internal/environment.json +2 -2
  121. package/lib/internal/template/internal/generated/custom-css-properties/index.d.ts +1 -0
  122. package/lib/internal/template/internal/generated/custom-css-properties/index.d.ts.map +1 -1
  123. package/lib/internal/template/internal/generated/custom-css-properties/index.js +175 -174
  124. package/lib/internal/template/internal/generated/custom-css-properties/index.js.map +1 -1
  125. package/lib/internal/template/item-card/styles.css.js +14 -14
  126. package/lib/internal/template/item-card/styles.scoped.css +63 -63
  127. package/lib/internal/template/item-card/styles.selectors.js +14 -14
  128. package/lib/internal/template/link/styles.css.js +21 -21
  129. package/lib/internal/template/link/styles.scoped.css +104 -104
  130. package/lib/internal/template/link/styles.selectors.js +21 -21
  131. package/lib/internal/template/modal/styles.css.js +31 -31
  132. package/lib/internal/template/modal/styles.scoped.css +48 -48
  133. package/lib/internal/template/modal/styles.selectors.js +31 -31
  134. package/lib/internal/template/multiselect/internal.d.ts.map +1 -1
  135. package/lib/internal/template/multiselect/internal.js +12 -9
  136. package/lib/internal/template/multiselect/internal.js.map +1 -1
  137. package/lib/internal/template/progress-bar/styles.css.js +19 -19
  138. package/lib/internal/template/progress-bar/styles.scoped.css +58 -58
  139. package/lib/internal/template/progress-bar/styles.selectors.js +19 -19
  140. package/lib/internal/template/prompt-input/styles.css.js +26 -26
  141. package/lib/internal/template/prompt-input/styles.scoped.css +105 -109
  142. package/lib/internal/template/prompt-input/styles.selectors.js +26 -26
  143. package/lib/internal/template/segmented-control/internal-segmented-control.d.ts +6 -1
  144. package/lib/internal/template/segmented-control/internal-segmented-control.d.ts.map +1 -1
  145. package/lib/internal/template/segmented-control/internal-segmented-control.js +3 -1
  146. package/lib/internal/template/segmented-control/internal-segmented-control.js.map +1 -1
  147. package/lib/internal/template/segmented-control/internal.d.ts.map +1 -1
  148. package/lib/internal/template/segmented-control/internal.js +7 -2
  149. package/lib/internal/template/segmented-control/internal.js.map +1 -1
  150. package/lib/internal/template/segmented-control/styles.css.js +21 -16
  151. package/lib/internal/template/segmented-control/styles.scoped.css +74 -46
  152. package/lib/internal/template/segmented-control/styles.selectors.js +21 -16
  153. package/lib/internal/template/select/internal.d.ts.map +1 -1
  154. package/lib/internal/template/select/internal.js +11 -8
  155. package/lib/internal/template/select/internal.js.map +1 -1
  156. package/lib/internal/template/select/parts/styles.css.js +21 -21
  157. package/lib/internal/template/select/parts/styles.scoped.css +24 -24
  158. package/lib/internal/template/select/parts/styles.selectors.js +21 -21
  159. package/lib/internal/template/select/parts/trigger.d.ts +2 -0
  160. package/lib/internal/template/select/parts/trigger.d.ts.map +1 -1
  161. package/lib/internal/template/select/parts/trigger.js +2 -2
  162. package/lib/internal/template/select/parts/trigger.js.map +1 -1
  163. package/lib/internal/template/side-navigation/styles.css.js +64 -64
  164. package/lib/internal/template/side-navigation/styles.scoped.css +119 -114
  165. package/lib/internal/template/side-navigation/styles.selectors.js +64 -64
  166. package/lib/internal/template/slider/styles.css.js +26 -26
  167. package/lib/internal/template/slider/styles.scoped.css +165 -165
  168. package/lib/internal/template/slider/styles.selectors.js +26 -26
  169. package/lib/internal/template/spinner/styles.css.js +14 -14
  170. package/lib/internal/template/spinner/styles.scoped.css +40 -40
  171. package/lib/internal/template/spinner/styles.selectors.js +14 -14
  172. package/lib/internal/template/table/styles.css.js +37 -37
  173. package/lib/internal/template/table/styles.scoped.css +46 -46
  174. package/lib/internal/template/table/styles.selectors.js +37 -37
  175. package/lib/internal/template/tabs/styles.css.js +30 -30
  176. package/lib/internal/template/tabs/styles.scoped.css +76 -76
  177. package/lib/internal/template/tabs/styles.selectors.js +30 -30
  178. package/lib/internal/template/tag-editor/styles.css.js +3 -3
  179. package/lib/internal/template/tag-editor/styles.scoped.css +13 -13
  180. package/lib/internal/template/tag-editor/styles.selectors.js +3 -3
  181. package/lib/internal/template/text-content/styles.css.js +1 -1
  182. package/lib/internal/template/text-content/styles.scoped.css +66 -66
  183. package/lib/internal/template/text-content/styles.selectors.js +1 -1
  184. package/lib/internal/template/textarea/styles.css.js +9 -9
  185. package/lib/internal/template/textarea/styles.scoped.css +51 -55
  186. package/lib/internal/template/textarea/styles.selectors.js +9 -9
  187. package/lib/internal/template/toggle/styles.css.js +10 -10
  188. package/lib/internal/template/toggle/styles.scoped.css +22 -22
  189. package/lib/internal/template/toggle/styles.selectors.js +10 -10
  190. package/lib/internal/template/token/styles.css.js +14 -14
  191. package/lib/internal/template/token/styles.scoped.css +46 -46
  192. package/lib/internal/template/token/styles.selectors.js +14 -14
  193. package/package.json +1 -1
package/lib/internal/manifest.json CHANGED
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "ef70d2fa2db69a881f12085257fe32df66d54de8"
2
+ "commit": "3bc1f014bf14ee2c1f230a5b2adf595a7a52aab3"
3
3
  }
package/lib/internal/scss/container/styles.scss CHANGED
@@ -138,8 +138,9 @@
138
138
 
139
139
  .header {
140
140
  background-color: awsui.$color-background-container-header;
141
- border-start-start-radius: awsui.$border-radius-container;
142
- border-start-end-radius: awsui.$border-radius-container;
141
+ $border-radius: var(#{custom-props.$containerStyleBorderRadius}, #{awsui.$border-radius-container});
142
+ border-start-start-radius: $border-radius;
143
+ border-start-end-radius: $border-radius;
143
144
  &.header-full-page {
144
145
  background-color: awsui.$color-background-layout-main;
145
146
  }
@@ -206,8 +207,8 @@
206
207
  }
207
208
 
208
209
  &.with-hidden-content {
209
- border-end-start-radius: awsui.$border-radius-container;
210
- border-end-end-radius: awsui.$border-radius-container;
210
+ border-end-start-radius: $border-radius;
211
+ border-end-end-radius: $border-radius;
211
212
  }
212
213
 
213
214
  &-variant-cards {
package/lib/internal/scss/input/styles.scss CHANGED
@@ -198,6 +198,10 @@
198
198
  }
199
199
  }
200
200
 
201
+ .grouped {
202
+ @include styles.grouped-control;
203
+ }
204
+
201
205
  .input-container {
202
206
  display: flex;
203
207
  position: relative;
package/lib/internal/scss/internal/components/button-trigger/styles.scss CHANGED
@@ -159,4 +159,8 @@ $icon-offset: awsui.$space-xxxs;
159
159
  // Remove default paddings and just rely on center alignment of the content
160
160
  padding-block: 0;
161
161
  }
162
+
163
+ &.grouped {
164
+ @include styles.grouped-control;
165
+ }
162
166
  }
package/lib/internal/scss/internal/components/control-group/styles.scss ADDED
@@ -0,0 +1,36 @@
1
+ /*
2
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
3
+ SPDX-License-Identifier: Apache-2.0
4
+ */
5
+
6
+ @use '../../styles' as styles;
7
+ @use '../../styles/tokens' as awsui;
8
+
9
+ .root {
10
+ @include styles.styles-reset;
11
+ display: flex;
12
+ flex-direction: row;
13
+ flex-wrap: nowrap;
14
+ // Align controls along their bottom edge so their field boxes line up
15
+ // even when one control is taller than another.
16
+ align-items: flex-end;
17
+ }
18
+
19
+ .control {
20
+ // Let slots shrink below their content so a narrow group compresses, not overflows.
21
+ min-inline-size: 0;
22
+ // Establish a stacking context per slot so a control's internal z-indexes stay
23
+ // contained within its own slot and cannot paint over adjacent controls.
24
+ isolation: isolate;
25
+ // Raise the focused control's slot above its neighbors so its focus ring is
26
+ // painted over the adjacent control's seam border.
27
+ &:focus-within {
28
+ z-index: 1;
29
+ }
30
+ // Overlap each non-first slot onto its predecessor by one border width,
31
+ // so the two adjacent borders coincide into a single seam.
32
+ &.control-middle,
33
+ &.control-last {
34
+ margin-inline-start: calc(-1 * #{awsui.$border-width-field});
35
+ }
36
+ }
package/lib/internal/scss/internal/generated/custom-css-properties/index.scss CHANGED
@@ -1,179 +1,180 @@
1
1
 
2
2
  // Build environment
3
- $awsui-commit-hash: "ef70d2fa";
3
+ $awsui-commit-hash: "3bc1f014";
4
4
  // Manually managed CSS-variables
5
- $maxContentWidth: --awsui-max-content-width-66120l;
6
- $minContentWidth: --awsui-min-content-width-66120l;
7
- $breadcrumbsGap: --awsui-breadcrumbs-gap-66120l;
8
- $contentGapLeft: --awsui-content-gap-left-66120l;
9
- $contentGapRight: --awsui-content-gap-right-66120l;
10
- $contentHeight: --awsui-content-height-66120l;
11
- $contentLayoutDefaultHorizontalPadding: --awsui-content-layout-default-horizontal-padding-66120l;
12
- $contentLayoutMaxContentWidth: --awsui-content-layout-max-content-width-66120l;
13
- $contentLayoutMainGap: --awsui-content-layout-main-gap-66120l;
14
- $defaultMaxContentWidth: --awsui-default-max-content-width-66120l;
15
- $defaultMinContentWidth: --awsui-default-min-content-width-66120l;
16
- $drawerSize: --awsui-drawer-size-66120l;
17
- $drawerMinSize: --awsui-drawer-min-size-66120l;
18
- $bottomDrawerSize: --awsui-bottom-drawer-size-66120l;
19
- $footerHeight: --awsui-footer-height-66120l;
20
- $headerGap: --awsui-header-gap-66120l;
21
- $headerHeight: --awsui-header-height-66120l;
22
- $layoutWidth: --awsui-layout-width-66120l;
23
- $mainGap: --awsui-main-gap-66120l;
24
- $mainOffsetLeft: --awsui-main-offset-left-66120l;
25
- $mainTemplateRows: --awsui-main-template-rows-66120l;
26
- $mobileBarHeight: --awsui-mobile-bar-height-66120l;
27
- $notificationsHeight: --awsui-notifications-height-66120l;
28
- $offsetTop: --awsui-offset-top-66120l;
29
- $overlapHeight: --awsui-overlap-height-66120l;
30
- $navigationWidth: --awsui-navigation-width-66120l;
31
- $navigationCollapsedWidth: --awsui-navigation-collapsed-width-66120l;
32
- $splitPanelReportedHeaderSize: --awsui-split-panel-reported-header-size-66120l;
33
- $splitPanelReportedSize: --awsui-split-panel-reported-size-66120l;
34
- $splitPanelHeight: --awsui-split-panel-height-66120l;
35
- $splitPanelMinWidth: --awsui-split-panel-min-width-66120l;
36
- $splitPanelMaxWidth: --awsui-split-panel-max-width-66120l;
37
- $toolsMaxWidth: --awsui-tools-max-width-66120l;
38
- $toolsWidth: --awsui-tools-width-66120l;
39
- $toolsAnimationStartingOpacity: --awsui-tools-animation-starting-opacity-66120l;
40
- $contentScrollMargin: --awsui-content-scroll-margin-66120l;
41
- $flashbarStackDepth: --awsui-flashbar-stack-depth-66120l;
42
- $flashbarStackIndex: --awsui-flashbar-stack-index-66120l;
43
- $flashbarStickyBottomMargin: --awsui-flashbar-sticky-bottom-margin-66120l;
44
- $stackedNotificationsBottomMargin: --awsui-stacked-notifications-bottom-margin-66120l;
45
- $stackedNotificationsDefaultBottomMargin: --awsui-stacked-notifications-default-bottom-margin-66120l;
46
- $dropdownDefaultMaxWidth: --awsui-dropdown-default-max-width-66120l;
47
- $dropdownDefaultMinWidth: --awsui-dropdown-default-min-width-66120l;
48
- $dropdownContentBorderColor: --awsui-dropdown-content-border-color-66120l;
49
- $dropdownContentBorderWidth: --awsui-dropdown-content-border-width-66120l;
50
- $dropdownContentBorderRadius: --awsui-dropdown-content-border-radius-66120l;
51
- $modalCustomWidth: --awsui-modal-custom-width-66120l;
52
- $modalCustomHeight: --awsui-modal-custom-height-66120l;
53
- $spinnerRotatorFrom: --awsui-spinner-rotator-from-66120l;
54
- $spinnerRotatorTo: --awsui-spinner-rotator-to-66120l;
55
- $spinnerLineLeftFrom: --awsui-spinner-line-left-from-66120l;
56
- $spinnerLineLeftTo: --awsui-spinner-line-left-to-66120l;
57
- $spinnerLineRightFrom: --awsui-spinner-line-right-from-66120l;
58
- $spinnerLineRightTo: --awsui-spinner-line-right-to-66120l;
59
- $sliderLabelCount: --awsui-slider-label-count-66120l;
60
- $sliderTickCount: --awsui-slider-tick-count-66120l;
61
- $sliderReferenceColumn: --awsui-slider-reference-column-66120l;
62
- $sliderNextReferenceColumn: --awsui-slider-next-reference-column-66120l;
63
- $sliderMaxStart: --awsui-slider-max-start-66120l;
64
- $sliderMinEnd: --awsui-slider-min-end-66120l;
65
- $sliderRangeInlineSize: --awsui-slider-range-inline-size-66120l;
66
- $sliderTooltipPosition: --awsui-slider-tooltip-position-66120l;
67
- $togglesLeftWidth: --awsui-toggles-left-width-66120l;
68
- $togglesRightWidth: --awsui-toggles-right-width-66120l;
69
- $promptInputMaxRows: --awsui-prompt-input-max-rows-66120l;
70
- $promptInputScrollHeight: --awsui-prompt-input-scroll-height-66120l;
71
- $dragHandleAnimationInlineOffset: --awsui-drag-handle-animation-inline-offset-66120l;
72
- $dragHandleAnimationBlockOffset: --awsui-drag-handle-animation-block-offset-66120l;
73
- $styleBackgroundActive: --awsui-style-background-active-66120l;
74
- $styleBackgroundDefault: --awsui-style-background-default-66120l;
75
- $styleBackgroundDisabled: --awsui-style-background-disabled-66120l;
76
- $styleBackgroundHover: --awsui-style-background-hover-66120l;
77
- $styleBorderColorActive: --awsui-style-border-color-active-66120l;
78
- $styleBorderColorDefault: --awsui-style-border-color-default-66120l;
79
- $styleBorderColorDisabled: --awsui-style-border-color-disabled-66120l;
80
- $styleBorderColorHover: --awsui-style-border-color-hover-66120l;
81
- $styleColorActive: --awsui-style-color-active-66120l;
82
- $styleColorDefault: --awsui-style-color-default-66120l;
83
- $styleColorDisabled: --awsui-style-color-disabled-66120l;
84
- $styleColorHover: --awsui-style-color-hover-66120l;
85
- $styleFocusRingBorderColor: --awsui-style-focus-ring-border-color-66120l;
86
- $styleFocusRingBorderRadius: --awsui-style-focus-ring-border-radius-66120l;
87
- $styleFocusRingBorderWidth: --awsui-style-focus-ring-border-width-66120l;
88
- $styleFocusRingBoxShadow: --awsui-style-focus-ring-box-shadow-66120l;
89
- $styleBoxShadowActive: --awsui-style-box-shadow-active-66120l;
90
- $styleBoxShadowDefault: --awsui-style-box-shadow-default-66120l;
91
- $styleBoxShadowDisabled: --awsui-style-box-shadow-disabled-66120l;
92
- $styleBoxShadowHover: --awsui-style-box-shadow-hover-66120l;
93
- $styleBackgroundReadonly: --awsui-style-background-readonly-66120l;
94
- $styleBorderColorReadonly: --awsui-style-border-color-readonly-66120l;
95
- $styleBoxShadowReadonly: --awsui-style-box-shadow-readonly-66120l;
96
- $styleColorReadonly: --awsui-style-color-readonly-66120l;
97
- $styleBackgroundFocus: --awsui-style-background-focus-66120l;
98
- $styleBorderColorFocus: --awsui-style-border-color-focus-66120l;
99
- $styleBoxShadowFocus: --awsui-style-box-shadow-focus-66120l;
100
- $styleColorFocus: --awsui-style-color-focus-66120l;
101
- $stylePlaceholderColor: --awsui-style-placeholder-color-66120l;
102
- $stylePlaceholderFontSize: --awsui-style-placeholder-font-size-66120l;
103
- $stylePlaceholderFontStyle: --awsui-style-placeholder-font-style-66120l;
104
- $stylePlaceholderFontWeight: --awsui-style-placeholder-font-weight-66120l;
105
- $styleTabsActiveIndicatorColor: --awsui-style-tabs-active-indicator-color-66120l;
106
- $styleTabsActiveIndicatorWidth: --awsui-style-tabs-active-indicator-width-66120l;
107
- $styleTabsActiveIndicatorBorderRadius: --awsui-style-tabs-active-indicator-border-radius-66120l;
108
- $styleTabsSeparatorColor: --awsui-style-tabs-separator-color-66120l;
109
- $styleTabsSeparatorWidth: --awsui-style-tabs-separator-width-66120l;
110
- $alertFocusRingBorderColor: --awsui-alert-focus-ring-border-color-66120l;
111
- $alertFocusRingBorderRadius: --awsui-alert-focus-ring-border-radius-66120l;
112
- $alertFocusRingBorderWidth: --awsui-alert-focus-ring-border-width-66120l;
113
- $alertFocusRingBoxShadow: --awsui-alert-focus-ring-box-shadow-66120l;
114
- $alertIconColor: --awsui-alert-icon-color-66120l;
115
- $promptInputStyleBackgroundDefault: --awsui-prompt-input-style-background-default-66120l;
116
- $promptInputStyleBackgroundDisabled: --awsui-prompt-input-style-background-disabled-66120l;
117
- $promptInputStyleBackgroundFocus: --awsui-prompt-input-style-background-focus-66120l;
118
- $promptInputStyleBackgroundHover: --awsui-prompt-input-style-background-hover-66120l;
119
- $promptInputStyleBackgroundReadonly: --awsui-prompt-input-style-background-readonly-66120l;
120
- $promptInputStyleBorderColorDefault: --awsui-prompt-input-style-border-color-default-66120l;
121
- $promptInputStyleBorderColorDisabled: --awsui-prompt-input-style-border-color-disabled-66120l;
122
- $promptInputStyleBorderColorFocus: --awsui-prompt-input-style-border-color-focus-66120l;
123
- $promptInputStyleBorderColorHover: --awsui-prompt-input-style-border-color-hover-66120l;
124
- $promptInputStyleBorderColorReadonly: --awsui-prompt-input-style-border-color-readonly-66120l;
125
- $promptInputStyleBoxShadowDefault: --awsui-prompt-input-style-box-shadow-default-66120l;
126
- $promptInputStyleBoxShadowDisabled: --awsui-prompt-input-style-box-shadow-disabled-66120l;
127
- $promptInputStyleBoxShadowFocus: --awsui-prompt-input-style-box-shadow-focus-66120l;
128
- $promptInputStyleBoxShadowHover: --awsui-prompt-input-style-box-shadow-hover-66120l;
129
- $promptInputStyleBoxShadowReadonly: --awsui-prompt-input-style-box-shadow-readonly-66120l;
130
- $promptInputStyleColorDefault: --awsui-prompt-input-style-color-default-66120l;
131
- $promptInputStyleColorDisabled: --awsui-prompt-input-style-color-disabled-66120l;
132
- $promptInputStyleColorFocus: --awsui-prompt-input-style-color-focus-66120l;
133
- $promptInputStyleColorHover: --awsui-prompt-input-style-color-hover-66120l;
134
- $promptInputStyleColorReadonly: --awsui-prompt-input-style-color-readonly-66120l;
135
- $promptInputStylePlaceholderColor: --awsui-prompt-input-style-placeholder-color-66120l;
136
- $promptInputStylePlaceholderFontSize: --awsui-prompt-input-style-placeholder-font-size-66120l;
137
- $promptInputStylePlaceholderFontStyle: --awsui-prompt-input-style-placeholder-font-style-66120l;
138
- $promptInputStylePlaceholderFontWeight: --awsui-prompt-input-style-placeholder-font-weight-66120l;
139
- $promptInputMenuStyleBackgroundColor: --awsui-prompt-input-menu-style-background-color-66120l;
140
- $promptInputMenuStyleBorderColor: --awsui-prompt-input-menu-style-border-color-66120l;
141
- $promptInputMenuStyleBorderRadius: --awsui-prompt-input-menu-style-border-radius-66120l;
142
- $promptInputMenuStyleBorderWidth: --awsui-prompt-input-menu-style-border-width-66120l;
143
- $optionBackgroundDefault: --awsui-option-background-default-66120l;
144
- $optionBackgroundHighlighted: --awsui-option-background-highlighted-66120l;
145
- $optionBackgroundSelected: --awsui-option-background-selected-66120l;
146
- $optionColorDefault: --awsui-option-color-default-66120l;
147
- $optionColorHighlighted: --awsui-option-color-highlighted-66120l;
148
- $optionColorDisabled: --awsui-option-color-disabled-66120l;
149
- $optionGroupLabelColor: --awsui-option-group-label-color-66120l;
150
- $optionFilterMatchBackground: --awsui-option-filter-match-background-66120l;
151
- $optionFilterMatchColor: --awsui-option-filter-match-color-66120l;
152
- $progressBarBackgroundColor: --awsui-progress-bar-background-color-66120l;
153
- $progressBarBorderRadius: --awsui-progress-bar-border-radius-66120l;
154
- $progressBarHeight: --awsui-progress-bar-height-66120l;
155
- $progressValueBackgroundColor: --awsui-progress-value-background-color-66120l;
156
- $styleSliderTrackBackgroundColor: --awsui-style-slider-track-background-color-66120l;
157
- $styleSliderRangeBackgroundDefault: --awsui-style-slider-range-background-default-66120l;
158
- $styleSliderRangeBackgroundActive: --awsui-style-slider-range-background-active-66120l;
159
- $styleSliderHandleBackgroundDefault: --awsui-style-slider-handle-background-default-66120l;
160
- $styleSliderHandleBackgroundHover: --awsui-style-slider-handle-background-hover-66120l;
161
- $styleSliderHandleBackgroundActive: --awsui-style-slider-handle-background-active-66120l;
162
- $styleSliderHandleBorderRadius: --awsui-style-slider-handle-border-radius-66120l;
163
- $tokenStyleBackgroundDefault: --awsui-token-style-background-default-66120l;
164
- $tokenStyleBackgroundDisabled: --awsui-token-style-background-disabled-66120l;
165
- $tokenStyleBackgroundReadOnly: --awsui-token-style-background-read-only-66120l;
166
- $tokenStyleBorderColorDefault: --awsui-token-style-border-color-default-66120l;
167
- $tokenStyleBorderColorDisabled: --awsui-token-style-border-color-disabled-66120l;
168
- $tokenStyleBorderColorReadOnly: --awsui-token-style-border-color-read-only-66120l;
169
- $tokenStyleDismissColorDefault: --awsui-token-style-dismiss-color-default-66120l;
170
- $tokenStyleDismissColorDisabled: --awsui-token-style-dismiss-color-disabled-66120l;
171
- $tokenStyleDismissColorHover: --awsui-token-style-dismiss-color-hover-66120l;
172
- $tokenStyleDismissColorReadOnly: --awsui-token-style-dismiss-color-read-only-66120l;
173
- $styleItemCardBackgroundDefault: --awsui-style-item-card-background-default-66120l;
174
- $styleItemCardBorderColorDefault: --awsui-style-item-card-border-color-default-66120l;
175
- $styleItemCardBorderRadius: --awsui-style-item-card-border-radius-66120l;
176
- $styleItemCardBorderWidthDefault: --awsui-style-item-card-border-width-default-66120l;
177
- $styleItemCardBoxShadowDefault: --awsui-style-item-card-box-shadow-default-66120l;
178
- $inlineLabelBackgroundColor: --awsui-inline-label-background-color-66120l;
5
+ $maxContentWidth: --awsui-max-content-width-ka4djm;
6
+ $minContentWidth: --awsui-min-content-width-ka4djm;
7
+ $breadcrumbsGap: --awsui-breadcrumbs-gap-ka4djm;
8
+ $contentGapLeft: --awsui-content-gap-left-ka4djm;
9
+ $contentGapRight: --awsui-content-gap-right-ka4djm;
10
+ $contentHeight: --awsui-content-height-ka4djm;
11
+ $contentLayoutDefaultHorizontalPadding: --awsui-content-layout-default-horizontal-padding-ka4djm;
12
+ $contentLayoutMaxContentWidth: --awsui-content-layout-max-content-width-ka4djm;
13
+ $contentLayoutMainGap: --awsui-content-layout-main-gap-ka4djm;
14
+ $defaultMaxContentWidth: --awsui-default-max-content-width-ka4djm;
15
+ $defaultMinContentWidth: --awsui-default-min-content-width-ka4djm;
16
+ $drawerSize: --awsui-drawer-size-ka4djm;
17
+ $drawerMinSize: --awsui-drawer-min-size-ka4djm;
18
+ $bottomDrawerSize: --awsui-bottom-drawer-size-ka4djm;
19
+ $footerHeight: --awsui-footer-height-ka4djm;
20
+ $headerGap: --awsui-header-gap-ka4djm;
21
+ $headerHeight: --awsui-header-height-ka4djm;
22
+ $layoutWidth: --awsui-layout-width-ka4djm;
23
+ $mainGap: --awsui-main-gap-ka4djm;
24
+ $mainOffsetLeft: --awsui-main-offset-left-ka4djm;
25
+ $mainTemplateRows: --awsui-main-template-rows-ka4djm;
26
+ $mobileBarHeight: --awsui-mobile-bar-height-ka4djm;
27
+ $notificationsHeight: --awsui-notifications-height-ka4djm;
28
+ $offsetTop: --awsui-offset-top-ka4djm;
29
+ $overlapHeight: --awsui-overlap-height-ka4djm;
30
+ $navigationWidth: --awsui-navigation-width-ka4djm;
31
+ $navigationCollapsedWidth: --awsui-navigation-collapsed-width-ka4djm;
32
+ $splitPanelReportedHeaderSize: --awsui-split-panel-reported-header-size-ka4djm;
33
+ $splitPanelReportedSize: --awsui-split-panel-reported-size-ka4djm;
34
+ $splitPanelHeight: --awsui-split-panel-height-ka4djm;
35
+ $splitPanelMinWidth: --awsui-split-panel-min-width-ka4djm;
36
+ $splitPanelMaxWidth: --awsui-split-panel-max-width-ka4djm;
37
+ $toolsMaxWidth: --awsui-tools-max-width-ka4djm;
38
+ $toolsWidth: --awsui-tools-width-ka4djm;
39
+ $toolsAnimationStartingOpacity: --awsui-tools-animation-starting-opacity-ka4djm;
40
+ $contentScrollMargin: --awsui-content-scroll-margin-ka4djm;
41
+ $flashbarStackDepth: --awsui-flashbar-stack-depth-ka4djm;
42
+ $flashbarStackIndex: --awsui-flashbar-stack-index-ka4djm;
43
+ $flashbarStickyBottomMargin: --awsui-flashbar-sticky-bottom-margin-ka4djm;
44
+ $stackedNotificationsBottomMargin: --awsui-stacked-notifications-bottom-margin-ka4djm;
45
+ $stackedNotificationsDefaultBottomMargin: --awsui-stacked-notifications-default-bottom-margin-ka4djm;
46
+ $dropdownDefaultMaxWidth: --awsui-dropdown-default-max-width-ka4djm;
47
+ $dropdownDefaultMinWidth: --awsui-dropdown-default-min-width-ka4djm;
48
+ $dropdownContentBorderColor: --awsui-dropdown-content-border-color-ka4djm;
49
+ $dropdownContentBorderWidth: --awsui-dropdown-content-border-width-ka4djm;
50
+ $dropdownContentBorderRadius: --awsui-dropdown-content-border-radius-ka4djm;
51
+ $modalCustomWidth: --awsui-modal-custom-width-ka4djm;
52
+ $modalCustomHeight: --awsui-modal-custom-height-ka4djm;
53
+ $spinnerRotatorFrom: --awsui-spinner-rotator-from-ka4djm;
54
+ $spinnerRotatorTo: --awsui-spinner-rotator-to-ka4djm;
55
+ $spinnerLineLeftFrom: --awsui-spinner-line-left-from-ka4djm;
56
+ $spinnerLineLeftTo: --awsui-spinner-line-left-to-ka4djm;
57
+ $spinnerLineRightFrom: --awsui-spinner-line-right-from-ka4djm;
58
+ $spinnerLineRightTo: --awsui-spinner-line-right-to-ka4djm;
59
+ $sliderLabelCount: --awsui-slider-label-count-ka4djm;
60
+ $sliderTickCount: --awsui-slider-tick-count-ka4djm;
61
+ $sliderReferenceColumn: --awsui-slider-reference-column-ka4djm;
62
+ $sliderNextReferenceColumn: --awsui-slider-next-reference-column-ka4djm;
63
+ $sliderMaxStart: --awsui-slider-max-start-ka4djm;
64
+ $sliderMinEnd: --awsui-slider-min-end-ka4djm;
65
+ $sliderRangeInlineSize: --awsui-slider-range-inline-size-ka4djm;
66
+ $sliderTooltipPosition: --awsui-slider-tooltip-position-ka4djm;
67
+ $togglesLeftWidth: --awsui-toggles-left-width-ka4djm;
68
+ $togglesRightWidth: --awsui-toggles-right-width-ka4djm;
69
+ $promptInputMaxRows: --awsui-prompt-input-max-rows-ka4djm;
70
+ $promptInputScrollHeight: --awsui-prompt-input-scroll-height-ka4djm;
71
+ $dragHandleAnimationInlineOffset: --awsui-drag-handle-animation-inline-offset-ka4djm;
72
+ $dragHandleAnimationBlockOffset: --awsui-drag-handle-animation-block-offset-ka4djm;
73
+ $styleBackgroundActive: --awsui-style-background-active-ka4djm;
74
+ $styleBackgroundDefault: --awsui-style-background-default-ka4djm;
75
+ $styleBackgroundDisabled: --awsui-style-background-disabled-ka4djm;
76
+ $styleBackgroundHover: --awsui-style-background-hover-ka4djm;
77
+ $styleBorderColorActive: --awsui-style-border-color-active-ka4djm;
78
+ $styleBorderColorDefault: --awsui-style-border-color-default-ka4djm;
79
+ $styleBorderColorDisabled: --awsui-style-border-color-disabled-ka4djm;
80
+ $styleBorderColorHover: --awsui-style-border-color-hover-ka4djm;
81
+ $styleColorActive: --awsui-style-color-active-ka4djm;
82
+ $styleColorDefault: --awsui-style-color-default-ka4djm;
83
+ $styleColorDisabled: --awsui-style-color-disabled-ka4djm;
84
+ $styleColorHover: --awsui-style-color-hover-ka4djm;
85
+ $styleFocusRingBorderColor: --awsui-style-focus-ring-border-color-ka4djm;
86
+ $styleFocusRingBorderRadius: --awsui-style-focus-ring-border-radius-ka4djm;
87
+ $styleFocusRingBorderWidth: --awsui-style-focus-ring-border-width-ka4djm;
88
+ $styleFocusRingBoxShadow: --awsui-style-focus-ring-box-shadow-ka4djm;
89
+ $styleBoxShadowActive: --awsui-style-box-shadow-active-ka4djm;
90
+ $styleBoxShadowDefault: --awsui-style-box-shadow-default-ka4djm;
91
+ $styleBoxShadowDisabled: --awsui-style-box-shadow-disabled-ka4djm;
92
+ $styleBoxShadowHover: --awsui-style-box-shadow-hover-ka4djm;
93
+ $styleBackgroundReadonly: --awsui-style-background-readonly-ka4djm;
94
+ $styleBorderColorReadonly: --awsui-style-border-color-readonly-ka4djm;
95
+ $styleBoxShadowReadonly: --awsui-style-box-shadow-readonly-ka4djm;
96
+ $styleColorReadonly: --awsui-style-color-readonly-ka4djm;
97
+ $styleBackgroundFocus: --awsui-style-background-focus-ka4djm;
98
+ $styleBorderColorFocus: --awsui-style-border-color-focus-ka4djm;
99
+ $styleBoxShadowFocus: --awsui-style-box-shadow-focus-ka4djm;
100
+ $styleColorFocus: --awsui-style-color-focus-ka4djm;
101
+ $stylePlaceholderColor: --awsui-style-placeholder-color-ka4djm;
102
+ $stylePlaceholderFontSize: --awsui-style-placeholder-font-size-ka4djm;
103
+ $stylePlaceholderFontStyle: --awsui-style-placeholder-font-style-ka4djm;
104
+ $stylePlaceholderFontWeight: --awsui-style-placeholder-font-weight-ka4djm;
105
+ $styleTabsActiveIndicatorColor: --awsui-style-tabs-active-indicator-color-ka4djm;
106
+ $styleTabsActiveIndicatorWidth: --awsui-style-tabs-active-indicator-width-ka4djm;
107
+ $styleTabsActiveIndicatorBorderRadius: --awsui-style-tabs-active-indicator-border-radius-ka4djm;
108
+ $styleTabsSeparatorColor: --awsui-style-tabs-separator-color-ka4djm;
109
+ $styleTabsSeparatorWidth: --awsui-style-tabs-separator-width-ka4djm;
110
+ $alertFocusRingBorderColor: --awsui-alert-focus-ring-border-color-ka4djm;
111
+ $alertFocusRingBorderRadius: --awsui-alert-focus-ring-border-radius-ka4djm;
112
+ $alertFocusRingBorderWidth: --awsui-alert-focus-ring-border-width-ka4djm;
113
+ $alertFocusRingBoxShadow: --awsui-alert-focus-ring-box-shadow-ka4djm;
114
+ $alertIconColor: --awsui-alert-icon-color-ka4djm;
115
+ $promptInputStyleBackgroundDefault: --awsui-prompt-input-style-background-default-ka4djm;
116
+ $promptInputStyleBackgroundDisabled: --awsui-prompt-input-style-background-disabled-ka4djm;
117
+ $promptInputStyleBackgroundFocus: --awsui-prompt-input-style-background-focus-ka4djm;
118
+ $promptInputStyleBackgroundHover: --awsui-prompt-input-style-background-hover-ka4djm;
119
+ $promptInputStyleBackgroundReadonly: --awsui-prompt-input-style-background-readonly-ka4djm;
120
+ $promptInputStyleBorderColorDefault: --awsui-prompt-input-style-border-color-default-ka4djm;
121
+ $promptInputStyleBorderColorDisabled: --awsui-prompt-input-style-border-color-disabled-ka4djm;
122
+ $promptInputStyleBorderColorFocus: --awsui-prompt-input-style-border-color-focus-ka4djm;
123
+ $promptInputStyleBorderColorHover: --awsui-prompt-input-style-border-color-hover-ka4djm;
124
+ $promptInputStyleBorderColorReadonly: --awsui-prompt-input-style-border-color-readonly-ka4djm;
125
+ $promptInputStyleBoxShadowDefault: --awsui-prompt-input-style-box-shadow-default-ka4djm;
126
+ $promptInputStyleBoxShadowDisabled: --awsui-prompt-input-style-box-shadow-disabled-ka4djm;
127
+ $promptInputStyleBoxShadowFocus: --awsui-prompt-input-style-box-shadow-focus-ka4djm;
128
+ $promptInputStyleBoxShadowHover: --awsui-prompt-input-style-box-shadow-hover-ka4djm;
129
+ $promptInputStyleBoxShadowReadonly: --awsui-prompt-input-style-box-shadow-readonly-ka4djm;
130
+ $promptInputStyleColorDefault: --awsui-prompt-input-style-color-default-ka4djm;
131
+ $promptInputStyleColorDisabled: --awsui-prompt-input-style-color-disabled-ka4djm;
132
+ $promptInputStyleColorFocus: --awsui-prompt-input-style-color-focus-ka4djm;
133
+ $promptInputStyleColorHover: --awsui-prompt-input-style-color-hover-ka4djm;
134
+ $promptInputStyleColorReadonly: --awsui-prompt-input-style-color-readonly-ka4djm;
135
+ $promptInputStylePlaceholderColor: --awsui-prompt-input-style-placeholder-color-ka4djm;
136
+ $promptInputStylePlaceholderFontSize: --awsui-prompt-input-style-placeholder-font-size-ka4djm;
137
+ $promptInputStylePlaceholderFontStyle: --awsui-prompt-input-style-placeholder-font-style-ka4djm;
138
+ $promptInputStylePlaceholderFontWeight: --awsui-prompt-input-style-placeholder-font-weight-ka4djm;
139
+ $promptInputMenuStyleBackgroundColor: --awsui-prompt-input-menu-style-background-color-ka4djm;
140
+ $promptInputMenuStyleBorderColor: --awsui-prompt-input-menu-style-border-color-ka4djm;
141
+ $promptInputMenuStyleBorderRadius: --awsui-prompt-input-menu-style-border-radius-ka4djm;
142
+ $promptInputMenuStyleBorderWidth: --awsui-prompt-input-menu-style-border-width-ka4djm;
143
+ $optionBackgroundDefault: --awsui-option-background-default-ka4djm;
144
+ $optionBackgroundHighlighted: --awsui-option-background-highlighted-ka4djm;
145
+ $optionBackgroundSelected: --awsui-option-background-selected-ka4djm;
146
+ $optionColorDefault: --awsui-option-color-default-ka4djm;
147
+ $optionColorHighlighted: --awsui-option-color-highlighted-ka4djm;
148
+ $optionColorDisabled: --awsui-option-color-disabled-ka4djm;
149
+ $optionGroupLabelColor: --awsui-option-group-label-color-ka4djm;
150
+ $optionFilterMatchBackground: --awsui-option-filter-match-background-ka4djm;
151
+ $optionFilterMatchColor: --awsui-option-filter-match-color-ka4djm;
152
+ $progressBarBackgroundColor: --awsui-progress-bar-background-color-ka4djm;
153
+ $progressBarBorderRadius: --awsui-progress-bar-border-radius-ka4djm;
154
+ $progressBarHeight: --awsui-progress-bar-height-ka4djm;
155
+ $progressValueBackgroundColor: --awsui-progress-value-background-color-ka4djm;
156
+ $styleSliderTrackBackgroundColor: --awsui-style-slider-track-background-color-ka4djm;
157
+ $styleSliderRangeBackgroundDefault: --awsui-style-slider-range-background-default-ka4djm;
158
+ $styleSliderRangeBackgroundActive: --awsui-style-slider-range-background-active-ka4djm;
159
+ $styleSliderHandleBackgroundDefault: --awsui-style-slider-handle-background-default-ka4djm;
160
+ $styleSliderHandleBackgroundHover: --awsui-style-slider-handle-background-hover-ka4djm;
161
+ $styleSliderHandleBackgroundActive: --awsui-style-slider-handle-background-active-ka4djm;
162
+ $styleSliderHandleBorderRadius: --awsui-style-slider-handle-border-radius-ka4djm;
163
+ $tokenStyleBackgroundDefault: --awsui-token-style-background-default-ka4djm;
164
+ $tokenStyleBackgroundDisabled: --awsui-token-style-background-disabled-ka4djm;
165
+ $tokenStyleBackgroundReadOnly: --awsui-token-style-background-read-only-ka4djm;
166
+ $tokenStyleBorderColorDefault: --awsui-token-style-border-color-default-ka4djm;
167
+ $tokenStyleBorderColorDisabled: --awsui-token-style-border-color-disabled-ka4djm;
168
+ $tokenStyleBorderColorReadOnly: --awsui-token-style-border-color-read-only-ka4djm;
169
+ $tokenStyleDismissColorDefault: --awsui-token-style-dismiss-color-default-ka4djm;
170
+ $tokenStyleDismissColorDisabled: --awsui-token-style-dismiss-color-disabled-ka4djm;
171
+ $tokenStyleDismissColorHover: --awsui-token-style-dismiss-color-hover-ka4djm;
172
+ $tokenStyleDismissColorReadOnly: --awsui-token-style-dismiss-color-read-only-ka4djm;
173
+ $styleItemCardBackgroundDefault: --awsui-style-item-card-background-default-ka4djm;
174
+ $styleItemCardBorderColorDefault: --awsui-style-item-card-border-color-default-ka4djm;
175
+ $styleItemCardBorderRadius: --awsui-style-item-card-border-radius-ka4djm;
176
+ $styleItemCardBorderWidthDefault: --awsui-style-item-card-border-width-default-ka4djm;
177
+ $styleItemCardBoxShadowDefault: --awsui-style-item-card-box-shadow-default-ka4djm;
178
+ $inlineLabelBackgroundColor: --awsui-inline-label-background-color-ka4djm;
179
+ $containerStyleBorderRadius: --awsui-container-style-border-radius-ka4djm;
179
180
 
package/lib/internal/scss/internal/styles/forms/mixins.scss CHANGED
@@ -117,7 +117,6 @@
117
117
  // Use for form input elements, excluding buttons
118
118
  // or for elements that have a light border and light background
119
119
  @mixin form-focus-element(
120
- $border-radius: constants.$control-border-radius,
121
120
  $border-color: awsui.$color-border-input-focused,
122
121
  $box-shadow: foundation.$box-shadow-focused-light
123
122
  ) {
@@ -127,10 +126,6 @@
127
126
 
128
127
  border-block: awsui.$border-width-field solid $border-color;
129
128
  border-inline: awsui.$border-width-field solid $border-color;
130
- border-start-start-radius: $border-radius;
131
- border-start-end-radius: $border-radius;
132
- border-end-start-radius: $border-radius;
133
- border-end-end-radius: $border-radius;
134
129
 
135
130
  box-shadow: $box-shadow;
136
131
  }
@@ -239,10 +234,13 @@
239
234
  }
240
235
 
241
236
  @mixin container-style {
242
- border-start-start-radius: awsui.$border-radius-container;
243
- border-start-end-radius: awsui.$border-radius-container;
244
- border-end-start-radius: awsui.$border-radius-container;
245
- border-end-end-radius: awsui.$border-radius-container;
237
+ // Custom radius from the container style API if set, otherwise the token. Stacked
238
+ // containers still flatten adjacent corners because those rules set a literal 0.
239
+ $radius: var(#{custom-props.$containerStyleBorderRadius}, #{awsui.$border-radius-container});
240
+ border-start-start-radius: $radius;
241
+ border-start-end-radius: $radius;
242
+ border-end-start-radius: $radius;
243
+ border-end-end-radius: $radius;
246
244
  box-sizing: border-box;
247
245
 
248
246
  &.refresh {
@@ -255,19 +253,19 @@
255
253
  // Reset border color to prevent it from flashing black during card selection animation
256
254
  border-color: transparent;
257
255
  border-block-start: awsui.$border-container-top-width solid awsui.$color-border-container-top;
258
- border-start-start-radius: awsui.$border-radius-container;
259
- border-start-end-radius: awsui.$border-radius-container;
260
- border-end-start-radius: awsui.$border-radius-container;
261
- border-end-end-radius: awsui.$border-radius-container;
256
+ border-start-start-radius: $radius;
257
+ border-start-end-radius: $radius;
258
+ border-end-start-radius: $radius;
259
+ border-end-end-radius: $radius;
262
260
  z-index: 1;
263
261
  }
264
262
 
265
263
  &:not(.refresh)::after {
266
264
  @include utils.base-pseudo-element;
267
- border-start-start-radius: awsui.$border-radius-container;
268
- border-start-end-radius: awsui.$border-radius-container;
269
- border-end-start-radius: awsui.$border-radius-container;
270
- border-end-end-radius: awsui.$border-radius-container;
265
+ border-start-start-radius: $radius;
266
+ border-start-end-radius: $radius;
267
+ border-end-start-radius: $radius;
268
+ border-end-end-radius: $radius;
271
269
  box-shadow: awsui.$shadow-container;
272
270
  }
273
271
  }
@@ -362,3 +360,31 @@ $inline-label-border-radius: 2px;
362
360
  awsui.$color-background-input-disabled
363
361
  );
364
362
  }
363
+
364
+ @mixin grouped-control {
365
+ $radius: constants.$control-border-radius;
366
+ &.grouped-first {
367
+ border-start-start-radius: $radius;
368
+ border-end-start-radius: $radius;
369
+ border-start-end-radius: 0;
370
+ border-end-end-radius: 0;
371
+ }
372
+ &.grouped-middle {
373
+ border-start-start-radius: 0;
374
+ border-start-end-radius: 0;
375
+ border-end-start-radius: 0;
376
+ border-end-end-radius: 0;
377
+ }
378
+ &.grouped-last {
379
+ border-start-end-radius: $radius;
380
+ border-end-end-radius: $radius;
381
+ border-start-start-radius: 0;
382
+ border-end-start-radius: 0;
383
+ }
384
+ &.grouped-only {
385
+ border-start-start-radius: $radius;
386
+ border-start-end-radius: $radius;
387
+ border-end-start-radius: $radius;
388
+ border-end-end-radius: $radius;
389
+ }
390
+ }
package/lib/internal/scss/segmented-control/styles.scss CHANGED
@@ -43,16 +43,31 @@
43
43
  gap: calc(#{seg.$segment-gap} * 2 - #{seg.$segment-divider-width});
44
44
  }
45
45
 
46
- @include styles.media-breakpoint-down(styles.$breakpoint-x-small) {
47
- display: none;
46
+ &:not(.grouped),
47
+ &.grouped-only {
48
+ @include styles.media-breakpoint-down(styles.$breakpoint-x-small) {
49
+ display: none;
50
+ }
51
+ }
52
+ }
53
+
54
+ .grouped {
55
+ @include styles.grouped-control;
56
+
57
+ &.grouped-middle,
58
+ &.grouped-last {
59
+ border-inline-start: none;
48
60
  }
49
61
  }
50
62
 
51
63
  .select {
52
64
  display: none;
53
65
 
54
- @include styles.media-breakpoint-down(styles.$breakpoint-x-small) {
55
- display: block;
66
+ &:not(.grouped),
67
+ &.grouped-only {
68
+ @include styles.media-breakpoint-down(styles.$breakpoint-x-small) {
69
+ display: block;
70
+ }
56
71
  }
57
72
  }
58
73
 
package/lib/internal/scss/side-navigation/styles.scss CHANGED
@@ -333,8 +333,20 @@ $content-exit-clip-delay: $content-exit-duration;
333
333
  box-sizing: content-box;
334
334
  }
335
335
 
336
+ // Icon layout: drop the navigation header's 1px alignment border so the icon lines up with plain links.
337
+ // (The icon-less layout compensates for it via $expandable-icon-negative-margin.)
338
+ .expandable-link-group--expand-icon-end > div:first-child {
339
+ border-inline-start-width: 0;
340
+ }
341
+
342
+ // Collapsed: shrink the header wrapper to the icon square.
343
+ .expandable-link-group--collapsed > div:first-child {
344
+ padding-inline: 0;
345
+ margin-inline: 0;
346
+ }
347
+
336
348
  // Targets the ExpandableSection header wrapper (first child div of the component root).
337
- .expandable-link-group--active > div:first-child {
349
+ .expandable-link-group--active:not(.expandable-link-group--collapsed) > div:first-child {
338
350
  background-color: awsui.$color-background-side-navigation-item-active;
339
351
  }
340
352
 
@@ -371,11 +383,6 @@ $content-exit-clip-delay: $content-exit-duration;
371
383
  padding-block $content-exit-motion;
372
384
  }
373
385
  }
374
-
375
- > :first-child {
376
- padding-inline: 0;
377
- margin-inline: 0;
378
- }
379
386
  }
380
387
 
381
388
  .section {