@cloudscape-design/components 3.0.455 → 3.0.457

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 (102) hide show
  1. package/badge/styles.css.js +5 -5
  2. package/badge/styles.scoped.css +11 -7
  3. package/badge/styles.selectors.js +5 -5
  4. package/box/styles.css.js +190 -190
  5. package/box/styles.scoped.css +244 -240
  6. package/box/styles.selectors.js +190 -190
  7. package/breadcrumb-group/item/styles.css.js +9 -9
  8. package/breadcrumb-group/item/styles.scoped.css +20 -19
  9. package/breadcrumb-group/item/styles.selectors.js +9 -9
  10. package/breadcrumb-group/styles.css.js +7 -7
  11. package/breadcrumb-group/styles.scoped.css +28 -21
  12. package/breadcrumb-group/styles.selectors.js +7 -7
  13. package/button-dropdown/category-elements/styles.css.js +13 -13
  14. package/button-dropdown/category-elements/styles.scoped.css +60 -50
  15. package/button-dropdown/category-elements/styles.selectors.js +13 -13
  16. package/button-dropdown/item-element/styles.css.js +15 -15
  17. package/button-dropdown/item-element/styles.scoped.css +38 -33
  18. package/button-dropdown/item-element/styles.selectors.js +15 -15
  19. package/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
  20. package/button-dropdown/mobile-expandable-group/styles.scoped.css +8 -8
  21. package/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
  22. package/button-dropdown/styles.css.js +15 -15
  23. package/button-dropdown/styles.scoped.css +39 -36
  24. package/button-dropdown/styles.selectors.js +15 -15
  25. package/calendar/styles.css.js +18 -18
  26. package/calendar/styles.scoped.css +75 -59
  27. package/calendar/styles.selectors.js +18 -18
  28. package/cards/styles.css.js +38 -38
  29. package/cards/styles.scoped.css +110 -94
  30. package/cards/styles.selectors.js +38 -38
  31. package/code-editor/resizable-box/styles.css.js +3 -3
  32. package/code-editor/resizable-box/styles.scoped.css +10 -10
  33. package/code-editor/resizable-box/styles.selectors.js +3 -3
  34. package/code-editor/styles.css.js +32 -32
  35. package/code-editor/styles.scoped.css +210 -198
  36. package/code-editor/styles.selectors.js +32 -32
  37. package/collection-preferences/content-display/styles.css.js +11 -11
  38. package/collection-preferences/content-display/styles.scoped.css +40 -30
  39. package/collection-preferences/content-display/styles.selectors.js +11 -11
  40. package/collection-preferences/styles.css.js +37 -37
  41. package/collection-preferences/styles.scoped.css +79 -66
  42. package/collection-preferences/styles.selectors.js +37 -37
  43. package/column-layout/flexible-column-layout/styles.css.js +5 -5
  44. package/column-layout/flexible-column-layout/styles.scoped.css +8 -9
  45. package/column-layout/flexible-column-layout/styles.selectors.js +5 -5
  46. package/column-layout/styles.css.js +13 -13
  47. package/column-layout/styles.scoped.css +70 -64
  48. package/column-layout/styles.selectors.js +13 -13
  49. package/container/styles.css.js +28 -28
  50. package/container/styles.scoped.css +106 -98
  51. package/container/styles.selectors.js +28 -28
  52. package/content-layout/styles.css.js +7 -7
  53. package/content-layout/styles.scoped.css +15 -15
  54. package/content-layout/styles.selectors.js +7 -7
  55. package/date-picker/styles.css.js +7 -7
  56. package/date-picker/styles.scoped.css +12 -12
  57. package/date-picker/styles.selectors.js +7 -7
  58. package/date-range-picker/calendar/grids/styles.css.js +25 -25
  59. package/date-range-picker/calendar/grids/styles.scoped.css +71 -60
  60. package/date-range-picker/calendar/grids/styles.selectors.js +25 -25
  61. package/date-range-picker/relative-range/styles.css.js +9 -9
  62. package/date-range-picker/relative-range/styles.scoped.css +21 -21
  63. package/date-range-picker/relative-range/styles.selectors.js +9 -9
  64. package/date-range-picker/styles.css.js +38 -38
  65. package/date-range-picker/styles.scoped.css +73 -68
  66. package/date-range-picker/styles.selectors.js +38 -38
  67. package/drawer/styles.css.js +3 -3
  68. package/drawer/styles.scoped.css +21 -18
  69. package/drawer/styles.selectors.js +3 -3
  70. package/expandable-section/styles.css.js +29 -29
  71. package/expandable-section/styles.scoped.css +99 -94
  72. package/expandable-section/styles.selectors.js +29 -29
  73. package/file-upload/dropzone/styles.css.js +2 -2
  74. package/file-upload/dropzone/styles.scoped.css +8 -4
  75. package/file-upload/dropzone/styles.selectors.js +2 -2
  76. package/file-upload/file-option/styles.css.js +7 -7
  77. package/file-upload/file-option/styles.scoped.css +15 -15
  78. package/file-upload/file-option/styles.selectors.js +7 -7
  79. package/file-upload/styles.css.js +2 -2
  80. package/file-upload/styles.scoped.css +4 -4
  81. package/file-upload/styles.selectors.js +2 -2
  82. package/flashbar/styles.css.js +47 -47
  83. package/flashbar/styles.scoped.css +220 -215
  84. package/flashbar/styles.selectors.js +47 -47
  85. package/form/styles.css.js +9 -9
  86. package/form/styles.scoped.css +18 -18
  87. package/form/styles.selectors.js +9 -9
  88. package/form-field/styles.css.js +19 -19
  89. package/form-field/styles.scoped.css +34 -34
  90. package/form-field/styles.selectors.js +19 -19
  91. package/internal/environment.js +1 -1
  92. package/internal/environment.json +1 -1
  93. package/internal/hooks/use-scroll-sync/index.js +1 -1
  94. package/internal/hooks/use-scroll-sync/index.js.map +1 -1
  95. package/internal/manifest.json +1 -1
  96. package/modal/styles.css.js +23 -23
  97. package/modal/styles.scoped.css +39 -39
  98. package/modal/styles.selectors.js +23 -23
  99. package/package.json +1 -1
  100. package/tiles/styles.css.js +29 -29
  101. package/tiles/styles.scoped.css +97 -91
  102. package/tiles/styles.selectors.js +29 -29
@@ -2,10 +2,10 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "root": "awsui_root_14cnr_1r9eu_93",
6
- "trigger": "awsui_trigger_14cnr_1r9eu_108",
7
- "dropdown": "awsui_dropdown_14cnr_1r9eu_111",
8
- "nowrap": "awsui_nowrap_14cnr_1r9eu_122",
9
- "open": "awsui_open_14cnr_1r9eu_125"
5
+ "root": "awsui_root_14cnr_2kbkf_93",
6
+ "trigger": "awsui_trigger_14cnr_2kbkf_108",
7
+ "dropdown": "awsui_dropdown_14cnr_2kbkf_111",
8
+ "nowrap": "awsui_nowrap_14cnr_2kbkf_122",
9
+ "open": "awsui_open_14cnr_2kbkf_125"
10
10
  };
11
11
 
@@ -1,20 +1,20 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "button-dropdown": "awsui_button-dropdown_sne0l_1dn5m_93",
5
- "items-list-container": "awsui_items-list-container_sne0l_1dn5m_97",
6
- "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_sne0l_1dn5m_1",
7
- "rotate-up": "awsui_rotate-up_sne0l_1dn5m_114",
8
- "rotate-down": "awsui_rotate-down_sne0l_1dn5m_129",
9
- "header": "awsui_header_sne0l_1dn5m_144",
10
- "title": "awsui_title_sne0l_1dn5m_153",
11
- "description": "awsui_description_sne0l_1dn5m_154",
12
- "split-trigger-wrapper": "awsui_split-trigger-wrapper_sne0l_1dn5m_158",
13
- "trigger-item": "awsui_trigger-item_sne0l_1dn5m_161",
14
- "trigger-button": "awsui_trigger-button_sne0l_1dn5m_164",
15
- "visual-refresh": "awsui_visual-refresh_sne0l_1dn5m_176",
16
- "split-trigger": "awsui_split-trigger_sne0l_1dn5m_158",
17
- "dropdown-trigger": "awsui_dropdown-trigger_sne0l_1dn5m_184",
18
- "test-utils-button-trigger": "awsui_test-utils-button-trigger_sne0l_1dn5m_188"
4
+ "button-dropdown": "awsui_button-dropdown_sne0l_s5s49_93",
5
+ "items-list-container": "awsui_items-list-container_sne0l_s5s49_97",
6
+ "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_sne0l_s5s49_1",
7
+ "rotate-up": "awsui_rotate-up_sne0l_s5s49_116",
8
+ "rotate-down": "awsui_rotate-down_sne0l_s5s49_131",
9
+ "header": "awsui_header_sne0l_s5s49_146",
10
+ "title": "awsui_title_sne0l_s5s49_157",
11
+ "description": "awsui_description_sne0l_s5s49_158",
12
+ "split-trigger-wrapper": "awsui_split-trigger-wrapper_sne0l_s5s49_162",
13
+ "trigger-item": "awsui_trigger-item_sne0l_s5s49_165",
14
+ "trigger-button": "awsui_trigger-button_sne0l_s5s49_168",
15
+ "visual-refresh": "awsui_visual-refresh_sne0l_s5s49_179",
16
+ "split-trigger": "awsui_split-trigger_sne0l_s5s49_162",
17
+ "dropdown-trigger": "awsui_dropdown-trigger_sne0l_s5s49_187",
18
+ "test-utils-button-trigger": "awsui_test-utils-button-trigger_sne0l_s5s49_191"
19
19
  };
20
20
 
@@ -90,101 +90,104 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_button-dropdown_sne0l_1dn5m_93:not(#\9) {
93
+ .awsui_button-dropdown_sne0l_s5s49_93:not(#\9) {
94
94
  display: inline-block;
95
95
  }
96
96
 
97
- .awsui_items-list-container_sne0l_1dn5m_97:not(#\9) {
98
- padding: 0;
99
- margin: 0;
100
- animation: awsui_awsui-motion-fade-in-0_sne0l_1dn5m_1 500ms var(--motion-easing-show-quick-vc5zgd, ease-out);
97
+ .awsui_items-list-container_sne0l_s5s49_97:not(#\9) {
98
+ padding-block: 0;
99
+ padding-inline: 0;
100
+ margin-block: 0;
101
+ margin-inline: 0;
102
+ animation: awsui_awsui-motion-fade-in-0_sne0l_s5s49_1 500ms var(--motion-easing-show-quick-vc5zgd, ease-out);
101
103
  animation-fill-mode: none;
102
104
  }
103
105
  @media (prefers-reduced-motion: reduce) {
104
- .awsui_items-list-container_sne0l_1dn5m_97:not(#\9) {
106
+ .awsui_items-list-container_sne0l_s5s49_97:not(#\9) {
105
107
  animation: none;
106
108
  transition: none;
107
109
  }
108
110
  }
109
- .awsui-motion-disabled .awsui_items-list-container_sne0l_1dn5m_97:not(#\9), .awsui-mode-entering .awsui_items-list-container_sne0l_1dn5m_97:not(#\9) {
111
+ .awsui-motion-disabled .awsui_items-list-container_sne0l_s5s49_97:not(#\9), .awsui-mode-entering .awsui_items-list-container_sne0l_s5s49_97:not(#\9) {
110
112
  animation: none;
111
113
  transition: none;
112
114
  }
113
115
 
114
- .awsui_rotate-up_sne0l_1dn5m_114:not(#\9) {
116
+ .awsui_rotate-up_sne0l_s5s49_116:not(#\9) {
115
117
  transform: rotate(-180deg);
116
118
  transition: transform var(--motion-duration-rotate-180-dpvl4m, 135ms) var(--motion-easing-rotate-180-e270ko, cubic-bezier(0.165, 0.84, 0.44, 1));
117
119
  }
118
120
  @media (prefers-reduced-motion: reduce) {
119
- .awsui_rotate-up_sne0l_1dn5m_114:not(#\9) {
121
+ .awsui_rotate-up_sne0l_s5s49_116:not(#\9) {
120
122
  animation: none;
121
123
  transition: none;
122
124
  }
123
125
  }
124
- .awsui-motion-disabled .awsui_rotate-up_sne0l_1dn5m_114:not(#\9), .awsui-mode-entering .awsui_rotate-up_sne0l_1dn5m_114:not(#\9) {
126
+ .awsui-motion-disabled .awsui_rotate-up_sne0l_s5s49_116:not(#\9), .awsui-mode-entering .awsui_rotate-up_sne0l_s5s49_116:not(#\9) {
125
127
  animation: none;
126
128
  transition: none;
127
129
  }
128
130
 
129
- .awsui_rotate-down_sne0l_1dn5m_129:not(#\9) {
131
+ .awsui_rotate-down_sne0l_s5s49_131:not(#\9) {
130
132
  transform: rotate(0deg);
131
133
  transition: transform var(--motion-duration-rotate-180-dpvl4m, 135ms) var(--motion-easing-rotate-180-e270ko, cubic-bezier(0.165, 0.84, 0.44, 1));
132
134
  }
133
135
  @media (prefers-reduced-motion: reduce) {
134
- .awsui_rotate-down_sne0l_1dn5m_129:not(#\9) {
136
+ .awsui_rotate-down_sne0l_s5s49_131:not(#\9) {
135
137
  animation: none;
136
138
  transition: none;
137
139
  }
138
140
  }
139
- .awsui-motion-disabled .awsui_rotate-down_sne0l_1dn5m_129:not(#\9), .awsui-mode-entering .awsui_rotate-down_sne0l_1dn5m_129:not(#\9) {
141
+ .awsui-motion-disabled .awsui_rotate-down_sne0l_s5s49_131:not(#\9), .awsui-mode-entering .awsui_rotate-down_sne0l_s5s49_131:not(#\9) {
140
142
  animation: none;
141
143
  transition: none;
142
144
  }
143
145
 
144
- .awsui_header_sne0l_1dn5m_144:not(#\9) {
146
+ .awsui_header_sne0l_s5s49_146:not(#\9) {
145
147
  display: flex;
146
148
  flex-direction: column;
147
149
  list-style: none;
148
- padding: var(--space-s-34lx8l, 12px) var(--space-l-t419sm, 20px);
149
- border: var(--border-field-width-09w7vk, 2px) solid transparent;
150
- border-bottom: var(--border-field-width-09w7vk, 2px) solid var(--color-border-dropdown-group-zgquz8, #e9ebed);
150
+ padding-block: var(--space-s-34lx8l, 12px);
151
+ padding-inline: var(--space-l-t419sm, 20px);
152
+ border-block-start: var(--border-field-width-09w7vk, 2px) solid transparent;
153
+ border-block-end: var(--border-field-width-09w7vk, 2px) solid var(--color-border-dropdown-group-zgquz8, #e9ebed);
154
+ border-inline: var(--border-field-width-09w7vk, 2px) solid transparent;
151
155
  }
152
156
 
153
- .awsui_title_sne0l_1dn5m_153:not(#\9),
154
- .awsui_description_sne0l_1dn5m_154:not(#\9) {
157
+ .awsui_title_sne0l_s5s49_157:not(#\9),
158
+ .awsui_description_sne0l_s5s49_158:not(#\9) {
155
159
  color: var(--color-text-dropdown-header-ga95zo, #000716);
156
160
  }
157
161
 
158
- .awsui_split-trigger-wrapper_sne0l_1dn5m_158:not(#\9) {
162
+ .awsui_split-trigger-wrapper_sne0l_s5s49_162:not(#\9) {
159
163
  display: flex;
160
164
  }
161
- .awsui_split-trigger-wrapper_sne0l_1dn5m_158 > .awsui_trigger-item_sne0l_1dn5m_161 > button:not(#\9):focus {
165
+ .awsui_split-trigger-wrapper_sne0l_s5s49_162 > .awsui_trigger-item_sne0l_s5s49_165 > button:not(#\9):focus {
162
166
  z-index: 1;
163
167
  }
164
- .awsui_split-trigger-wrapper_sne0l_1dn5m_158 > .awsui_trigger-item_sne0l_1dn5m_161:not(#\9):not(:last-child) > .awsui_trigger-button_sne0l_1dn5m_164 {
165
- border-top-right-radius: 0;
166
- border-bottom-right-radius: 0;
167
- padding-right: var(--space-m-udix3p, 16px);
168
- margin-right: var(--space-xxxs-zbmxqb, 2px);
168
+ .awsui_split-trigger-wrapper_sne0l_s5s49_162 > .awsui_trigger-item_sne0l_s5s49_165:not(#\9):not(:last-child) > .awsui_trigger-button_sne0l_s5s49_168 {
169
+ border-start-end-radius: 0;
170
+ border-end-end-radius: 0;
171
+ padding-inline-end: var(--space-m-udix3p, 16px);
172
+ margin-inline-end: var(--space-xxxs-zbmxqb, 2px);
169
173
  }
170
- .awsui_split-trigger-wrapper_sne0l_1dn5m_158 > .awsui_trigger-item_sne0l_1dn5m_161:not(#\9):not(:first-child) > .awsui_trigger-button_sne0l_1dn5m_164 {
171
- border-top-left-radius: 0;
172
- border-bottom-left-radius: 0;
173
- padding-left: calc(var(--space-xs-zb16t3, 8px) - 2px);
174
- padding-right: calc(var(--space-xs-zb16t3, 8px) - 2px);
174
+ .awsui_split-trigger-wrapper_sne0l_s5s49_162 > .awsui_trigger-item_sne0l_s5s49_165:not(#\9):not(:first-child) > .awsui_trigger-button_sne0l_s5s49_168 {
175
+ border-start-start-radius: 0;
176
+ border-end-start-radius: 0;
177
+ padding-inline: calc(var(--space-xs-zb16t3, 8px) - 2px);
175
178
  }
176
- .awsui_split-trigger-wrapper_sne0l_1dn5m_158 > .awsui_trigger-item_sne0l_1dn5m_161:not(#\9):not(:first-child).awsui_visual-refresh_sne0l_1dn5m_176 > .awsui_trigger-button_sne0l_1dn5m_164 {
177
- padding-right: calc(var(--space-s-34lx8l, 12px) - 2px);
179
+ .awsui_split-trigger-wrapper_sne0l_s5s49_162 > .awsui_trigger-item_sne0l_s5s49_165:not(#\9):not(:first-child).awsui_visual-refresh_sne0l_s5s49_179 > .awsui_trigger-button_sne0l_s5s49_168 {
180
+ padding-inline-end: calc(var(--space-s-34lx8l, 12px) - 2px);
178
181
  }
179
182
 
180
- .awsui_split-trigger_sne0l_1dn5m_158:not(#\9) {
183
+ .awsui_split-trigger_sne0l_s5s49_162:not(#\9) {
181
184
  display: contents;
182
185
  }
183
186
 
184
- .awsui_dropdown-trigger_sne0l_1dn5m_184:not(#\9) {
187
+ .awsui_dropdown-trigger_sne0l_s5s49_187:not(#\9) {
185
188
  display: contents;
186
189
  }
187
190
 
188
- .awsui_test-utils-button-trigger_sne0l_1dn5m_188:not(#\9) {
191
+ .awsui_test-utils-button-trigger_sne0l_s5s49_191:not(#\9) {
189
192
  /* used in test-utils */
190
193
  }
@@ -2,20 +2,20 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "button-dropdown": "awsui_button-dropdown_sne0l_1dn5m_93",
6
- "items-list-container": "awsui_items-list-container_sne0l_1dn5m_97",
7
- "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_sne0l_1dn5m_1",
8
- "rotate-up": "awsui_rotate-up_sne0l_1dn5m_114",
9
- "rotate-down": "awsui_rotate-down_sne0l_1dn5m_129",
10
- "header": "awsui_header_sne0l_1dn5m_144",
11
- "title": "awsui_title_sne0l_1dn5m_153",
12
- "description": "awsui_description_sne0l_1dn5m_154",
13
- "split-trigger-wrapper": "awsui_split-trigger-wrapper_sne0l_1dn5m_158",
14
- "trigger-item": "awsui_trigger-item_sne0l_1dn5m_161",
15
- "trigger-button": "awsui_trigger-button_sne0l_1dn5m_164",
16
- "visual-refresh": "awsui_visual-refresh_sne0l_1dn5m_176",
17
- "split-trigger": "awsui_split-trigger_sne0l_1dn5m_158",
18
- "dropdown-trigger": "awsui_dropdown-trigger_sne0l_1dn5m_184",
19
- "test-utils-button-trigger": "awsui_test-utils-button-trigger_sne0l_1dn5m_188"
5
+ "button-dropdown": "awsui_button-dropdown_sne0l_s5s49_93",
6
+ "items-list-container": "awsui_items-list-container_sne0l_s5s49_97",
7
+ "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_sne0l_s5s49_1",
8
+ "rotate-up": "awsui_rotate-up_sne0l_s5s49_116",
9
+ "rotate-down": "awsui_rotate-down_sne0l_s5s49_131",
10
+ "header": "awsui_header_sne0l_s5s49_146",
11
+ "title": "awsui_title_sne0l_s5s49_157",
12
+ "description": "awsui_description_sne0l_s5s49_158",
13
+ "split-trigger-wrapper": "awsui_split-trigger-wrapper_sne0l_s5s49_162",
14
+ "trigger-item": "awsui_trigger-item_sne0l_s5s49_165",
15
+ "trigger-button": "awsui_trigger-button_sne0l_s5s49_168",
16
+ "visual-refresh": "awsui_visual-refresh_sne0l_s5s49_179",
17
+ "split-trigger": "awsui_split-trigger_sne0l_s5s49_162",
18
+ "dropdown-trigger": "awsui_dropdown-trigger_sne0l_s5s49_187",
19
+ "test-utils-button-trigger": "awsui_test-utils-button-trigger_sne0l_s5s49_191"
20
20
  };
21
21
 
@@ -1,23 +1,23 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "calendar": "awsui_calendar_1ykar_11chw_93",
5
- "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1ykar_11chw_1",
6
- "root": "awsui_root_1ykar_11chw_124",
7
- "calendar-inner": "awsui_calendar-inner_1ykar_11chw_143",
8
- "calendar-header": "awsui_calendar-header_1ykar_11chw_146",
9
- "calendar-header-month": "awsui_calendar-header-month_1ykar_11chw_151",
10
- "calendar-next-month-btn": "awsui_calendar-next-month-btn_1ykar_11chw_158",
11
- "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_1ykar_11chw_161",
12
- "calendar-grid": "awsui_calendar-grid_1ykar_11chw_164",
13
- "calendar-grid-cell": "awsui_calendar-grid-cell_1ykar_11chw_168",
14
- "calendar-day-header": "awsui_calendar-day-header_1ykar_11chw_174",
15
- "calendar-day": "awsui_calendar-day_1ykar_11chw_174",
16
- "calendar-day-enabled": "awsui_calendar-day-enabled_1ykar_11chw_191",
17
- "calendar-day-current-month": "awsui_calendar-day-current-month_1ykar_11chw_198",
18
- "calendar-day-selected": "awsui_calendar-day-selected_1ykar_11chw_205",
19
- "calendar-day-today": "awsui_calendar-day-today_1ykar_11chw_208",
20
- "day-inner": "awsui_day-inner_1ykar_11chw_223",
21
- "calendar-week": "awsui_calendar-week_1ykar_11chw_288"
4
+ "calendar": "awsui_calendar_1ykar_1e5w1_93",
5
+ "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1ykar_1e5w1_1",
6
+ "root": "awsui_root_1ykar_1e5w1_124",
7
+ "calendar-inner": "awsui_calendar-inner_1ykar_1e5w1_143",
8
+ "calendar-header": "awsui_calendar-header_1ykar_1e5w1_147",
9
+ "calendar-header-month": "awsui_calendar-header-month_1ykar_1e5w1_152",
10
+ "calendar-next-month-btn": "awsui_calendar-next-month-btn_1ykar_1e5w1_160",
11
+ "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_1ykar_1e5w1_163",
12
+ "calendar-grid": "awsui_calendar-grid_1ykar_1e5w1_166",
13
+ "calendar-grid-cell": "awsui_calendar-grid-cell_1ykar_1e5w1_170",
14
+ "calendar-day-header": "awsui_calendar-day-header_1ykar_1e5w1_176",
15
+ "calendar-day": "awsui_calendar-day_1ykar_1e5w1_176",
16
+ "calendar-day-enabled": "awsui_calendar-day-enabled_1ykar_1e5w1_196",
17
+ "calendar-day-current-month": "awsui_calendar-day-current-month_1ykar_1e5w1_206",
18
+ "calendar-day-selected": "awsui_calendar-day-selected_1ykar_1e5w1_213",
19
+ "calendar-day-today": "awsui_calendar-day-today_1ykar_1e5w1_217",
20
+ "day-inner": "awsui_day-inner_1ykar_1e5w1_235",
21
+ "calendar-week": "awsui_calendar-week_1ykar_1e5w1_304"
22
22
  };
23
23
 
@@ -90,11 +90,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_calendar_1ykar_11chw_93:not(#\9) {
94
- animation: awsui_awsui-motion-fade-in-0_1ykar_11chw_1 var(--motion-duration-show-quick-aq3ump, 135ms) var(--motion-easing-show-quick-vc5zgd, ease-out);
93
+ .awsui_calendar_1ykar_1e5w1_93:not(#\9) {
94
+ animation: awsui_awsui-motion-fade-in-0_1ykar_1e5w1_1 var(--motion-duration-show-quick-aq3ump, 135ms) var(--motion-easing-show-quick-vc5zgd, ease-out);
95
95
  animation-fill-mode: both;
96
96
  }
97
- @keyframes awsui_awsui-motion-fade-in-0_1ykar_11chw_1 {
97
+ @keyframes awsui_awsui-motion-fade-in-0_1ykar_1e5w1_1 {
98
98
  from {
99
99
  opacity: 0;
100
100
  }
@@ -103,12 +103,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
103
103
  }
104
104
  }
105
105
  @media (prefers-reduced-motion: reduce) {
106
- .awsui_calendar_1ykar_11chw_93:not(#\9) {
106
+ .awsui_calendar_1ykar_1e5w1_93:not(#\9) {
107
107
  animation: none;
108
108
  transition: none;
109
109
  }
110
110
  }
111
- .awsui-motion-disabled .awsui_calendar_1ykar_11chw_93:not(#\9), .awsui-mode-entering .awsui_calendar_1ykar_11chw_93:not(#\9) {
111
+ .awsui-motion-disabled .awsui_calendar_1ykar_1e5w1_93:not(#\9), .awsui-mode-entering .awsui_calendar_1ykar_1e5w1_93:not(#\9) {
112
112
  animation: none;
113
113
  transition: none;
114
114
  }
@@ -121,13 +121,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
121
121
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
122
122
  SPDX-License-Identifier: Apache-2.0
123
123
  */
124
- .awsui_root_1ykar_11chw_124:not(#\9) {
124
+ .awsui_root_1ykar_1e5w1_124:not(#\9) {
125
125
  /* used in test-utils */
126
126
  }
127
127
 
128
- .awsui_calendar_1ykar_11chw_93:not(#\9) {
128
+ .awsui_calendar_1ykar_1e5w1_93:not(#\9) {
129
129
  display: block;
130
- width: var(--size-calendar-grid-width-lrunz7, 238px);
130
+ inline-size: var(--size-calendar-grid-width-lrunz7, 238px);
131
131
  overflow: auto;
132
132
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
133
133
  border-collapse: separate;
@@ -166,101 +166,113 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
166
166
  -webkit-font-smoothing: auto;
167
167
  -moz-osx-font-smoothing: auto;
168
168
  }
169
- .awsui_calendar-inner_1ykar_11chw_143:not(#\9) {
170
- margin: var(--space-xs-zb16t3, 8px);
169
+ .awsui_calendar-inner_1ykar_1e5w1_143:not(#\9) {
170
+ margin-block: var(--space-xs-zb16t3, 8px);
171
+ margin-inline: var(--space-xs-zb16t3, 8px);
171
172
  }
172
- .awsui_calendar-header_1ykar_11chw_146:not(#\9) {
173
+ .awsui_calendar-header_1ykar_1e5w1_147:not(#\9) {
173
174
  display: flex;
174
175
  justify-content: space-between;
175
176
  align-items: center;
176
177
  }
177
- .awsui_calendar-header-month_1ykar_11chw_151:not(#\9) {
178
+ .awsui_calendar-header-month_1ykar_1e5w1_152:not(#\9) {
178
179
  font-size: var(--font-size-body-m-x4okxb, 14px);
179
180
  line-height: var(--line-height-body-m-30ar75, 20px);
180
181
  font-weight: 700;
181
182
  color: var(--color-text-dropdown-item-default-4o4hes, #000716);
182
- margin: 0;
183
+ margin-block: 0;
184
+ margin-inline: 0;
183
185
  }
184
- .awsui_calendar-next-month-btn_1ykar_11chw_158:not(#\9) {
186
+ .awsui_calendar-next-month-btn_1ykar_1e5w1_160:not(#\9) {
185
187
  /* used for identifying element */
186
188
  }
187
- .awsui_calendar-prev-month-btn_1ykar_11chw_161:not(#\9) {
189
+ .awsui_calendar-prev-month-btn_1ykar_1e5w1_163:not(#\9) {
188
190
  /* used for identifying element */
189
191
  }
190
- .awsui_calendar-grid_1ykar_11chw_164:not(#\9) {
191
- width: 100%;
192
+ .awsui_calendar-grid_1ykar_1e5w1_166:not(#\9) {
193
+ inline-size: 100%;
192
194
  border-spacing: 0;
193
195
  }
194
- .awsui_calendar-grid-cell_1ykar_11chw_168:not(#\9) {
195
- width: 14.2857142857%;
196
+ .awsui_calendar-grid-cell_1ykar_1e5w1_170:not(#\9) {
197
+ inline-size: 14.2857142857%;
196
198
  word-break: break-word;
197
199
  text-align: center;
198
200
  font-weight: unset;
199
201
  }
200
- .awsui_calendar-day-header_1ykar_11chw_174:not(#\9) {
201
- padding: var(--space-s-34lx8l, 12px) 0 var(--space-xxs-p8yyaw, 4px);
202
+ .awsui_calendar-day-header_1ykar_1e5w1_176:not(#\9) {
203
+ padding-block-start: var(--space-s-34lx8l, 12px);
204
+ padding-block-end: var(--space-xxs-p8yyaw, 4px);
205
+ padding-inline: 0;
202
206
  color: var(--color-text-calendar-month-hxx5ey, #5f6b7a);
203
207
  font-size: var(--font-size-body-s-asqx2i, 12px);
204
208
  line-height: var(--line-height-body-s-7zv1j5, 16px);
205
209
  letter-spacing: var(--letter-spacing-body-s-z9jkwp, 0.005em);
206
210
  }
207
- .awsui_calendar-day_1ykar_11chw_174:not(#\9) {
208
- border-bottom: 1px solid var(--color-border-calendar-grid-u86q1u, transparent);
209
- border-right: 1px solid var(--color-border-calendar-grid-u86q1u, transparent);
210
- padding: var(--space-xxs-p8yyaw, 4px) 0;
211
+ .awsui_calendar-day_1ykar_1e5w1_176:not(#\9) {
212
+ border-block-end: 1px solid var(--color-border-calendar-grid-u86q1u, transparent);
213
+ border-inline-end: 1px solid var(--color-border-calendar-grid-u86q1u, transparent);
214
+ padding-block: var(--space-xxs-p8yyaw, 4px);
215
+ padding-inline: 0;
211
216
  color: var(--color-text-dropdown-item-disabled-6oq3n6, #9ba7b6);
212
217
  position: relative;
213
218
  }
214
- .awsui_calendar-day_1ykar_11chw_174:not(#\9):first-child {
215
- border-left: 1px solid var(--color-border-calendar-grid-u86q1u, transparent);
219
+ .awsui_calendar-day_1ykar_1e5w1_176:not(#\9):first-child {
220
+ border-inline-start: 1px solid var(--color-border-calendar-grid-u86q1u, transparent);
216
221
  }
217
- .awsui_calendar-day-enabled_1ykar_11chw_191:not(#\9) {
222
+ .awsui_calendar-day-enabled_1ykar_1e5w1_196:not(#\9) {
218
223
  cursor: pointer;
219
224
  color: var(--color-text-dropdown-item-secondary-jho0ju, #5f6b7a);
220
225
  }
221
- .awsui_calendar-day-enabled_1ykar_11chw_191:not(#\9)::after {
222
- border-radius: var(--border-radius-item-05df9h, 8px);
226
+ .awsui_calendar-day-enabled_1ykar_1e5w1_196:not(#\9)::after {
227
+ border-start-start-radius: var(--border-radius-item-05df9h, 8px);
228
+ border-start-end-radius: var(--border-radius-item-05df9h, 8px);
229
+ border-end-start-radius: var(--border-radius-item-05df9h, 8px);
230
+ border-end-end-radius: var(--border-radius-item-05df9h, 8px);
223
231
  }
224
- .awsui_calendar-day-enabled_1ykar_11chw_191.awsui_calendar-day-current-month_1ykar_11chw_198:not(#\9) {
232
+ .awsui_calendar-day-enabled_1ykar_1e5w1_196.awsui_calendar-day-current-month_1ykar_1e5w1_206:not(#\9) {
225
233
  color: var(--color-text-dropdown-item-default-4o4hes, #000716);
226
234
  }
227
- .awsui_calendar-day-enabled_1ykar_11chw_191.awsui_calendar-day-current-month_1ykar_11chw_198:not(#\9):hover {
235
+ .awsui_calendar-day-enabled_1ykar_1e5w1_196.awsui_calendar-day-current-month_1ykar_1e5w1_206:not(#\9):hover {
228
236
  color: var(--color-text-calendar-day-hover-azublp, #000716);
229
237
  background-color: var(--color-background-dropdown-item-hover-md83i5, #f4f4f4);
230
238
  }
231
- .awsui_calendar-day-enabled_1ykar_11chw_191.awsui_calendar-day-current-month_1ykar_11chw_198:not(#\9):hover:not(.awsui_calendar-day-selected_1ykar_11chw_205)::after {
232
- border: var(--border-item-width-yel47s, 2px) solid var(--color-border-dropdown-item-hover-461g78, #7d8998);
239
+ .awsui_calendar-day-enabled_1ykar_1e5w1_196.awsui_calendar-day-current-month_1ykar_1e5w1_206:not(#\9):hover:not(.awsui_calendar-day-selected_1ykar_1e5w1_213)::after {
240
+ border-block: var(--border-item-width-yel47s, 2px) solid var(--color-border-dropdown-item-hover-461g78, #7d8998);
241
+ border-inline: var(--border-item-width-yel47s, 2px) solid var(--color-border-dropdown-item-hover-461g78, #7d8998);
233
242
  }
234
- .awsui_calendar-day-today_1ykar_11chw_208:not(#\9) {
243
+ .awsui_calendar-day-today_1ykar_1e5w1_217:not(#\9) {
235
244
  background-color: var(--color-background-calendar-today-gp14tm, #f4f4f4);
236
- border-radius: var(--border-radius-item-05df9h, 8px);
245
+ border-start-start-radius: var(--border-radius-item-05df9h, 8px);
246
+ border-start-end-radius: var(--border-radius-item-05df9h, 8px);
247
+ border-end-start-radius: var(--border-radius-item-05df9h, 8px);
248
+ border-end-end-radius: var(--border-radius-item-05df9h, 8px);
237
249
  font-weight: 700;
238
250
  }
239
- .awsui_calendar-day_1ykar_11chw_174:not(#\9)::after {
251
+ .awsui_calendar-day_1ykar_1e5w1_176:not(#\9)::after {
240
252
  content: "";
241
253
  position: absolute;
242
254
  z-index: 1;
243
- top: calc(-1 * var(--border-item-width-yel47s, 2px));
244
- left: -1px;
245
- bottom: -1px;
246
- right: calc(-1 * var(--border-item-width-yel47s, 2px));
255
+ inset-block-start: calc(-1 * var(--border-item-width-yel47s, 2px));
256
+ inset-block-end: -1px;
257
+ inset-inline-start: -1px;
258
+ inset-inline-end: calc(-1 * var(--border-item-width-yel47s, 2px));
247
259
  background-color: transparent;
248
260
  }
249
- .awsui_calendar-day_1ykar_11chw_174 > .awsui_day-inner_1ykar_11chw_223:not(#\9) {
261
+ .awsui_calendar-day_1ykar_1e5w1_176 > .awsui_day-inner_1ykar_1e5w1_235:not(#\9) {
250
262
  position: relative;
251
263
  z-index: 1;
252
264
  }
253
- .awsui_calendar-day_1ykar_11chw_174:not(#\9):focus {
265
+ .awsui_calendar-day_1ykar_1e5w1_176:not(#\9):focus {
254
266
  outline: none;
255
267
  }
256
- body[data-awsui-focus-visible=true] .awsui_calendar-day_1ykar_11chw_174:not(#\9):focus:focus {
268
+ body[data-awsui-focus-visible=true] .awsui_calendar-day_1ykar_1e5w1_176:not(#\9):focus:focus {
257
269
  position: relative;
258
270
  }
259
- body[data-awsui-focus-visible=true] .awsui_calendar-day_1ykar_11chw_174:not(#\9):focus:focus {
271
+ body[data-awsui-focus-visible=true] .awsui_calendar-day_1ykar_1e5w1_176:not(#\9):focus:focus {
260
272
  outline: 2px dotted transparent;
261
273
  outline-offset: calc(var(--space-calendar-grid-focus-outline-gutter-g00bgj, -5px) - 1px);
262
274
  }
263
- body[data-awsui-focus-visible=true] .awsui_calendar-day_1ykar_11chw_174:not(#\9):focus:focus::before {
275
+ body[data-awsui-focus-visible=true] .awsui_calendar-day_1ykar_1e5w1_176:not(#\9):focus:focus::before {
264
276
  content: " ";
265
277
  display: block;
266
278
  position: absolute;
@@ -271,23 +283,23 @@ body[data-awsui-focus-visible=true] .awsui_calendar-day_1ykar_11chw_174:not(#\9)
271
283
  border-radius: var(--border-radius-calendar-day-focus-ring-545h0w, 3px);
272
284
  box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
273
285
  }
274
- body[data-awsui-focus-visible=true] .awsui_calendar-day_1ykar_11chw_174:not(#\9):focus:focus::before {
286
+ body[data-awsui-focus-visible=true] .awsui_calendar-day_1ykar_1e5w1_176:not(#\9):focus:focus::before {
275
287
  z-index: 2;
276
288
  }
277
- .awsui_calendar-day-selected_1ykar_11chw_205:not(#\9) {
289
+ .awsui_calendar-day-selected_1ykar_1e5w1_213:not(#\9) {
278
290
  border-color: transparent;
279
291
  position: relative;
280
292
  z-index: 2;
281
293
  font-weight: 700;
282
294
  }
283
- body[data-awsui-focus-visible=true] .awsui_calendar-day-selected_1ykar_11chw_205:not(#\9):focus:focus {
295
+ body[data-awsui-focus-visible=true] .awsui_calendar-day-selected_1ykar_1e5w1_213:not(#\9):focus:focus {
284
296
  position: relative;
285
297
  }
286
- body[data-awsui-focus-visible=true] .awsui_calendar-day-selected_1ykar_11chw_205:not(#\9):focus:focus {
298
+ body[data-awsui-focus-visible=true] .awsui_calendar-day-selected_1ykar_1e5w1_213:not(#\9):focus:focus {
287
299
  outline: 2px dotted transparent;
288
300
  outline-offset: calc(var(--space-calendar-grid-focus-outline-gutter-g00bgj, -5px) - 1px);
289
301
  }
290
- body[data-awsui-focus-visible=true] .awsui_calendar-day-selected_1ykar_11chw_205:not(#\9):focus:focus::before {
302
+ body[data-awsui-focus-visible=true] .awsui_calendar-day-selected_1ykar_1e5w1_213:not(#\9):focus:focus::before {
291
303
  content: " ";
292
304
  display: block;
293
305
  position: absolute;
@@ -298,19 +310,23 @@ body[data-awsui-focus-visible=true] .awsui_calendar-day-selected_1ykar_11chw_205
298
310
  border-radius: var(--border-radius-calendar-day-focus-ring-545h0w, 3px);
299
311
  box-shadow: 0 0 0 2px var(--color-border-calendar-grid-selected-focus-ring-thqa8y, #fbfbfb);
300
312
  }
301
- body[data-awsui-focus-visible=true] .awsui_calendar-day-selected_1ykar_11chw_205:not(#\9):focus:focus::before {
313
+ body[data-awsui-focus-visible=true] .awsui_calendar-day-selected_1ykar_1e5w1_213:not(#\9):focus:focus::before {
302
314
  z-index: 2;
303
315
  }
304
- .awsui_calendar-day-selected_1ykar_11chw_205:not(#\9)::after {
316
+ .awsui_calendar-day-selected_1ykar_1e5w1_213:not(#\9)::after {
305
317
  background-color: var(--color-background-control-checked-w517i0, #0972d3);
306
- border: var(--border-item-width-yel47s, 2px) solid var(--color-background-control-checked-w517i0, #0972d3);
307
- border-radius: var(--border-radius-item-05df9h, 8px);
308
- }
309
- .awsui_calendar-day-selected_1ykar_11chw_205 > .awsui_day-inner_1ykar_11chw_223:not(#\9) {
318
+ border-block: var(--border-item-width-yel47s, 2px) solid var(--color-background-control-checked-w517i0, #0972d3);
319
+ border-inline: var(--border-item-width-yel47s, 2px) solid var(--color-background-control-checked-w517i0, #0972d3);
320
+ border-start-start-radius: var(--border-radius-item-05df9h, 8px);
321
+ border-start-end-radius: var(--border-radius-item-05df9h, 8px);
322
+ border-end-start-radius: var(--border-radius-item-05df9h, 8px);
323
+ border-end-end-radius: var(--border-radius-item-05df9h, 8px);
324
+ }
325
+ .awsui_calendar-day-selected_1ykar_1e5w1_213 > .awsui_day-inner_1ykar_1e5w1_235:not(#\9) {
310
326
  z-index: 2;
311
327
  color: var(--color-background-control-default-qzruqy, #ffffff);
312
328
  position: relative;
313
329
  }
314
- .awsui_calendar-week_1ykar_11chw_288:not(#\9):first-child > .awsui_calendar-day_1ykar_11chw_174 {
315
- border-top: 1px solid var(--color-border-calendar-grid-u86q1u, transparent);
330
+ .awsui_calendar-week_1ykar_1e5w1_304:not(#\9):first-child > .awsui_calendar-day_1ykar_1e5w1_176 {
331
+ border-block-start: 1px solid var(--color-border-calendar-grid-u86q1u, transparent);
316
332
  }
@@ -2,23 +2,23 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "calendar": "awsui_calendar_1ykar_11chw_93",
6
- "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1ykar_11chw_1",
7
- "root": "awsui_root_1ykar_11chw_124",
8
- "calendar-inner": "awsui_calendar-inner_1ykar_11chw_143",
9
- "calendar-header": "awsui_calendar-header_1ykar_11chw_146",
10
- "calendar-header-month": "awsui_calendar-header-month_1ykar_11chw_151",
11
- "calendar-next-month-btn": "awsui_calendar-next-month-btn_1ykar_11chw_158",
12
- "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_1ykar_11chw_161",
13
- "calendar-grid": "awsui_calendar-grid_1ykar_11chw_164",
14
- "calendar-grid-cell": "awsui_calendar-grid-cell_1ykar_11chw_168",
15
- "calendar-day-header": "awsui_calendar-day-header_1ykar_11chw_174",
16
- "calendar-day": "awsui_calendar-day_1ykar_11chw_174",
17
- "calendar-day-enabled": "awsui_calendar-day-enabled_1ykar_11chw_191",
18
- "calendar-day-current-month": "awsui_calendar-day-current-month_1ykar_11chw_198",
19
- "calendar-day-selected": "awsui_calendar-day-selected_1ykar_11chw_205",
20
- "calendar-day-today": "awsui_calendar-day-today_1ykar_11chw_208",
21
- "day-inner": "awsui_day-inner_1ykar_11chw_223",
22
- "calendar-week": "awsui_calendar-week_1ykar_11chw_288"
5
+ "calendar": "awsui_calendar_1ykar_1e5w1_93",
6
+ "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1ykar_1e5w1_1",
7
+ "root": "awsui_root_1ykar_1e5w1_124",
8
+ "calendar-inner": "awsui_calendar-inner_1ykar_1e5w1_143",
9
+ "calendar-header": "awsui_calendar-header_1ykar_1e5w1_147",
10
+ "calendar-header-month": "awsui_calendar-header-month_1ykar_1e5w1_152",
11
+ "calendar-next-month-btn": "awsui_calendar-next-month-btn_1ykar_1e5w1_160",
12
+ "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_1ykar_1e5w1_163",
13
+ "calendar-grid": "awsui_calendar-grid_1ykar_1e5w1_166",
14
+ "calendar-grid-cell": "awsui_calendar-grid-cell_1ykar_1e5w1_170",
15
+ "calendar-day-header": "awsui_calendar-day-header_1ykar_1e5w1_176",
16
+ "calendar-day": "awsui_calendar-day_1ykar_1e5w1_176",
17
+ "calendar-day-enabled": "awsui_calendar-day-enabled_1ykar_1e5w1_196",
18
+ "calendar-day-current-month": "awsui_calendar-day-current-month_1ykar_1e5w1_206",
19
+ "calendar-day-selected": "awsui_calendar-day-selected_1ykar_1e5w1_213",
20
+ "calendar-day-today": "awsui_calendar-day-today_1ykar_1e5w1_217",
21
+ "day-inner": "awsui_day-inner_1ykar_1e5w1_235",
22
+ "calendar-week": "awsui_calendar-week_1ykar_1e5w1_304"
23
23
  };
24
24