@cloudscape-design/components 3.0.75 → 3.0.77

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 (93) hide show
  1. package/app-layout/drawer.d.ts +2 -1
  2. package/app-layout/drawer.d.ts.map +1 -1
  3. package/app-layout/drawer.js +8 -2
  4. package/app-layout/drawer.js.map +1 -1
  5. package/app-layout/index.d.ts.map +1 -1
  6. package/app-layout/index.js +6 -5
  7. package/app-layout/index.js.map +1 -1
  8. package/app-layout/interfaces.d.ts +6 -0
  9. package/app-layout/interfaces.d.ts.map +1 -1
  10. package/app-layout/interfaces.js.map +1 -1
  11. package/app-layout/notifications/index.js +1 -1
  12. package/app-layout/notifications/index.js.map +1 -1
  13. package/app-layout/tools-and-split-panel.d.ts +2 -1
  14. package/app-layout/tools-and-split-panel.d.ts.map +1 -1
  15. package/app-layout/tools-and-split-panel.js +2 -2
  16. package/app-layout/tools-and-split-panel.js.map +1 -1
  17. package/app-layout/utils/use-focus-control.d.ts +10 -4
  18. package/app-layout/utils/use-focus-control.d.ts.map +1 -1
  19. package/app-layout/utils/use-focus-control.js +30 -9
  20. package/app-layout/utils/use-focus-control.js.map +1 -1
  21. package/app-layout/visual-refresh/app-bar.js +2 -2
  22. package/app-layout/visual-refresh/app-bar.js.map +1 -1
  23. package/app-layout/visual-refresh/context.d.ts +3 -1
  24. package/app-layout/visual-refresh/context.d.ts.map +1 -1
  25. package/app-layout/visual-refresh/context.js +8 -4
  26. package/app-layout/visual-refresh/context.js.map +1 -1
  27. package/app-layout/visual-refresh/navigation.js +1 -1
  28. package/app-layout/visual-refresh/navigation.js.map +1 -1
  29. package/app-layout/visual-refresh/notifications.js +2 -2
  30. package/app-layout/visual-refresh/notifications.js.map +1 -1
  31. package/app-layout/visual-refresh/tools.d.ts.map +1 -1
  32. package/app-layout/visual-refresh/tools.js +7 -4
  33. package/app-layout/visual-refresh/tools.js.map +1 -1
  34. package/calendar/styles.css.js +18 -18
  35. package/calendar/styles.scoped.css +40 -38
  36. package/calendar/styles.selectors.js +18 -18
  37. package/date-picker/index.js +10 -14
  38. package/date-picker/index.js.map +1 -1
  39. package/date-range-picker/calendar/grids/grid.d.ts +14 -0
  40. package/date-range-picker/calendar/grids/grid.d.ts.map +1 -1
  41. package/date-range-picker/calendar/grids/grid.js +9 -5
  42. package/date-range-picker/calendar/grids/grid.js.map +1 -1
  43. package/date-range-picker/calendar/grids/styles.css.js +25 -25
  44. package/date-range-picker/calendar/grids/styles.scoped.css +45 -42
  45. package/date-range-picker/calendar/grids/styles.selectors.js +25 -25
  46. package/date-range-picker/calendar/index.d.ts.map +1 -1
  47. package/date-range-picker/calendar/index.js +23 -27
  48. package/date-range-picker/calendar/index.js.map +1 -1
  49. package/date-range-picker/index.js +1 -1
  50. package/date-range-picker/index.js.map +1 -1
  51. package/date-range-picker/styles.css.js +36 -37
  52. package/date-range-picker/styles.scoped.css +50 -54
  53. package/date-range-picker/styles.selectors.js +36 -37
  54. package/input/internal.d.ts.map +1 -1
  55. package/input/internal.js +2 -3
  56. package/input/internal.js.map +1 -1
  57. package/internal/base-component/styles.scoped.css +4 -0
  58. package/internal/components/autosuggest-input/index.d.ts.map +1 -1
  59. package/internal/components/autosuggest-input/index.js +4 -5
  60. package/internal/components/autosuggest-input/index.js.map +1 -1
  61. package/internal/components/button-trigger/index.d.ts.map +1 -1
  62. package/internal/components/button-trigger/index.js +2 -3
  63. package/internal/components/button-trigger/index.js.map +1 -1
  64. package/internal/components/chart-popover/index.js +1 -1
  65. package/internal/components/chart-popover/index.js.map +1 -1
  66. package/internal/components/dropdown/index.d.ts.map +1 -1
  67. package/internal/components/dropdown/index.js +1 -1
  68. package/internal/components/dropdown/index.js.map +1 -1
  69. package/internal/components/dropdown-status/index.d.ts.map +1 -1
  70. package/internal/components/dropdown-status/index.js +2 -4
  71. package/internal/components/dropdown-status/index.js.map +1 -1
  72. package/internal/components/options-list/index.d.ts.map +1 -1
  73. package/internal/components/options-list/index.js +2 -2
  74. package/internal/components/options-list/index.js.map +1 -1
  75. package/internal/environment.js +1 -1
  76. package/internal/events/index.d.ts +0 -9
  77. package/internal/events/index.d.ts.map +1 -1
  78. package/internal/events/index.js +0 -11
  79. package/internal/events/index.js.map +1 -1
  80. package/internal/generated/theming/index.cjs +23 -0
  81. package/internal/generated/theming/index.js +23 -0
  82. package/package.json +1 -1
  83. package/popover/internal.js +2 -2
  84. package/popover/internal.js.map +1 -1
  85. package/popover/styles.css.js +50 -49
  86. package/popover/styles.scoped.css +67 -62
  87. package/popover/styles.selectors.js +50 -49
  88. package/table/header-cell/index.d.ts.map +1 -1
  89. package/table/header-cell/index.js +1 -0
  90. package/table/header-cell/index.js.map +1 -1
  91. package/table/header-cell/styles.css.js +15 -14
  92. package/table/header-cell/styles.scoped.css +27 -24
  93. package/table/header-cell/styles.selectors.js +15 -14
@@ -90,7 +90,7 @@ 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_header-cell_1spae_1p6if_93:not(#\9) {
93
+ .awsui_header-cell_1spae_1kck5_93:not(#\9) {
94
94
  position: relative;
95
95
  text-align: left;
96
96
  box-sizing: border-box;
@@ -100,22 +100,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
100
100
  font-weight: var(--font-heading-s-weight-k8ys41, 800);
101
101
  padding: var(--space-scaled-xxs-95dhkm, 4px) var(--space-scaled-xs-6859qs, 8px);
102
102
  }
103
- .awsui_header-cell-sticky_1spae_1p6if_103:not(#\9) {
103
+ .awsui_header-cell-sticky_1spae_1kck5_103:not(#\9) {
104
104
  border-bottom: var(--border-table-sticky-width-h1tlxy, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
105
105
  }
106
- .awsui_header-cell-stuck_1spae_1p6if_106:not(#\9) {
106
+ .awsui_header-cell-stuck_1spae_1kck5_106:not(#\9) {
107
107
  border-bottom-color: transparent;
108
108
  }
109
- .awsui_header-cell-variant-full-page_1spae_1p6if_109:not(#\9) {
109
+ .awsui_header-cell-variant-full-page_1spae_1kck5_109:not(#\9) {
110
110
  border-bottom: var(--space-scaled-xxs-95dhkm, 4px) solid transparent;
111
111
  }
112
- .awsui_header-cell_1spae_1p6if_93:not(#\9):first-child {
112
+ .awsui_header-cell_1spae_1kck5_93:not(#\9):first-child {
113
113
  padding-left: var(--space-xs-rsr2qu, 8px);
114
114
  }
115
- .awsui_header-cell_1spae_1p6if_93:not(#\9):last-child, .awsui_header-cell_1spae_1p6if_93.awsui_header-cell-sortable_1spae_1p6if_115:not(#\9) {
115
+ .awsui_header-cell_1spae_1kck5_93:not(#\9):last-child, .awsui_header-cell_1spae_1kck5_93.awsui_header-cell-sortable_1spae_1kck5_115:not(#\9) {
116
116
  padding-right: var(--space-xs-rsr2qu, 8px);
117
117
  }
118
- .awsui_header-cell_1spae_1p6if_93:not(#\9):not(:last-child):before {
118
+ .awsui_header-cell_1spae_1kck5_93:not(#\9):not(:last-child):before {
119
119
  content: "";
120
120
  position: absolute;
121
121
  right: 0;
@@ -124,37 +124,40 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
124
124
  border-left: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
125
125
  box-sizing: border-box;
126
126
  }
127
+ .awsui_header-cell-resizable_1spae_1kck5_127:not(#\9):not(:last-child):before {
128
+ border-left-color: var(--color-border-divider-interactive-default-rcasvw, #e9ebed);
129
+ }
127
130
 
128
- .awsui_sorting-icon_1spae_1p6if_128:not(#\9) {
131
+ .awsui_sorting-icon_1spae_1kck5_131:not(#\9) {
129
132
  position: absolute;
130
133
  top: var(--space-scaled-xxs-95dhkm, 4px);
131
134
  right: var(--space-xxs-ynfts5, 4px);
132
135
  color: var(--color-text-column-sorting-icon-q5sr09, #414d5c);
133
136
  }
134
137
 
135
- .awsui_header-cell-disabled_1spae_1p6if_135.awsui_header-cell-sorted_1spae_1p6if_135 > .awsui_header-cell-content_1spae_1p6if_135 > .awsui_sorting-icon_1spae_1p6if_128:not(#\9) {
138
+ .awsui_header-cell-disabled_1spae_1kck5_138.awsui_header-cell-sorted_1spae_1kck5_138 > .awsui_header-cell-content_1spae_1kck5_138 > .awsui_sorting-icon_1spae_1kck5_131:not(#\9) {
136
139
  color: var(--color-text-interactive-disabled-3pbb07, #9ba7b6);
137
140
  }
138
141
 
139
- .awsui_header-cell-content_1spae_1p6if_135:not(#\9) {
142
+ .awsui_header-cell-content_1spae_1kck5_138:not(#\9) {
140
143
  position: relative;
141
144
  padding: var(--space-scaled-xxs-95dhkm, 4px) var(--space-s-hv8c1d, 12px);
142
145
  }
143
- .awsui_header-cell-sortable_1spae_1p6if_115 > .awsui_header-cell-content_1spae_1p6if_135:not(#\9) {
146
+ .awsui_header-cell-sortable_1spae_1kck5_115 > .awsui_header-cell-content_1spae_1kck5_138:not(#\9) {
144
147
  padding-right: calc(var(--space-xl-a39hup, 24px) + var(--space-xxs-ynfts5, 4px));
145
148
  }
146
- .awsui_header-cell-content_1spae_1p6if_135:not(#\9):focus {
149
+ .awsui_header-cell-content_1spae_1kck5_138:not(#\9):focus {
147
150
  outline: none;
148
151
  text-decoration: none;
149
152
  }
150
- .awsui_header-cell-content_1spae_1p6if_135[data-awsui-focus-visible=true]:not(#\9):focus {
153
+ .awsui_header-cell-content_1spae_1kck5_138[data-awsui-focus-visible=true]:not(#\9):focus {
151
154
  position: relative;
152
155
  }
153
- .awsui_header-cell-content_1spae_1p6if_135[data-awsui-focus-visible=true]:not(#\9):focus {
156
+ .awsui_header-cell-content_1spae_1kck5_138[data-awsui-focus-visible=true]:not(#\9):focus {
154
157
  outline: 2px dotted transparent;
155
158
  outline-offset: calc(var(--space-table-header-focus-outline-gutter-rbx7m7, 0px) - 1px);
156
159
  }
157
- .awsui_header-cell-content_1spae_1p6if_135[data-awsui-focus-visible=true]:not(#\9):focus::before {
160
+ .awsui_header-cell-content_1spae_1kck5_138[data-awsui-focus-visible=true]:not(#\9):focus::before {
158
161
  content: " ";
159
162
  display: block;
160
163
  position: absolute;
@@ -165,14 +168,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
165
168
  border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
166
169
  box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
167
170
  }
168
- .awsui_header-cell-content_1spae_1p6if_135.awsui_header-cell-fake-focus_1spae_1p6if_168:not(#\9) {
171
+ .awsui_header-cell-content_1spae_1kck5_138.awsui_header-cell-fake-focus_1spae_1kck5_171:not(#\9) {
169
172
  position: relative;
170
173
  }
171
- .awsui_header-cell-content_1spae_1p6if_135.awsui_header-cell-fake-focus_1spae_1p6if_168:not(#\9) {
174
+ .awsui_header-cell-content_1spae_1kck5_138.awsui_header-cell-fake-focus_1spae_1kck5_171:not(#\9) {
172
175
  outline: 2px dotted transparent;
173
176
  outline-offset: calc(var(--space-table-header-focus-outline-gutter-rbx7m7, 0px) - 1px);
174
177
  }
175
- .awsui_header-cell-content_1spae_1p6if_135.awsui_header-cell-fake-focus_1spae_1p6if_168:not(#\9)::before {
178
+ .awsui_header-cell-content_1spae_1kck5_138.awsui_header-cell-fake-focus_1spae_1kck5_171:not(#\9)::before {
176
179
  content: " ";
177
180
  display: block;
178
181
  position: absolute;
@@ -184,23 +187,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
184
187
  box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
185
188
  }
186
189
 
187
- .awsui_header-cell-sortable_1spae_1p6if_115:not(#\9):not(.awsui_header-cell-disabled_1spae_1p6if_135) > .awsui_header-cell-content_1spae_1p6if_135 {
190
+ .awsui_header-cell-sortable_1spae_1kck5_115:not(#\9):not(.awsui_header-cell-disabled_1spae_1kck5_138) > .awsui_header-cell-content_1spae_1kck5_138 {
188
191
  cursor: pointer;
189
192
  }
190
- .awsui_header-cell-sortable_1spae_1p6if_115:not(#\9):not(.awsui_header-cell-disabled_1spae_1p6if_135) > .awsui_header-cell-content_1spae_1p6if_135:hover, .awsui_header-cell-sortable_1spae_1p6if_115:not(#\9):not(.awsui_header-cell-disabled_1spae_1p6if_135).awsui_header-cell-sorted_1spae_1p6if_135 > .awsui_header-cell-content_1spae_1p6if_135 {
193
+ .awsui_header-cell-sortable_1spae_1kck5_115:not(#\9):not(.awsui_header-cell-disabled_1spae_1kck5_138) > .awsui_header-cell-content_1spae_1kck5_138:hover, .awsui_header-cell-sortable_1spae_1kck5_115:not(#\9):not(.awsui_header-cell-disabled_1spae_1kck5_138).awsui_header-cell-sorted_1spae_1kck5_138 > .awsui_header-cell-content_1spae_1kck5_138 {
191
194
  color: var(--color-text-interactive-active-vol84d, #000716);
192
195
  }
193
- .awsui_header-cell-sortable_1spae_1p6if_115:not(#\9):not(.awsui_header-cell-disabled_1spae_1p6if_135) > .awsui_header-cell-content_1spae_1p6if_135:hover > .awsui_sorting-icon_1spae_1p6if_128, .awsui_header-cell-sortable_1spae_1p6if_115:not(#\9):not(.awsui_header-cell-disabled_1spae_1p6if_135).awsui_header-cell-sorted_1spae_1p6if_135 > .awsui_header-cell-content_1spae_1p6if_135 > .awsui_sorting-icon_1spae_1p6if_128 {
196
+ .awsui_header-cell-sortable_1spae_1kck5_115:not(#\9):not(.awsui_header-cell-disabled_1spae_1kck5_138) > .awsui_header-cell-content_1spae_1kck5_138:hover > .awsui_sorting-icon_1spae_1kck5_131, .awsui_header-cell-sortable_1spae_1kck5_115:not(#\9):not(.awsui_header-cell-disabled_1spae_1kck5_138).awsui_header-cell-sorted_1spae_1kck5_138 > .awsui_header-cell-content_1spae_1kck5_138 > .awsui_sorting-icon_1spae_1kck5_131 {
194
197
  color: var(--color-text-interactive-active-vol84d, #000716);
195
198
  }
196
199
 
197
- .awsui_header-cell-text_1spae_1p6if_197:not(#\9):not(.awsui_header-cell-text-wrap_1spae_1p6if_197) {
200
+ .awsui_header-cell-text_1spae_1kck5_200:not(#\9):not(.awsui_header-cell-text-wrap_1spae_1kck5_200) {
198
201
  white-space: nowrap;
199
202
  overflow: hidden;
200
203
  text-overflow: ellipsis;
201
204
  }
202
205
 
203
- .awsui_header-cell-ascending_1spae_1p6if_203:not(#\9),
204
- .awsui_header-cell-descending_1spae_1p6if_204:not(#\9) {
206
+ .awsui_header-cell-ascending_1spae_1kck5_206:not(#\9),
207
+ .awsui_header-cell-descending_1spae_1kck5_207:not(#\9) {
205
208
  /* used in test-utils */
206
209
  }
@@ -2,19 +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
- "header-cell": "awsui_header-cell_1spae_1p6if_93",
6
- "header-cell-sticky": "awsui_header-cell-sticky_1spae_1p6if_103",
7
- "header-cell-stuck": "awsui_header-cell-stuck_1spae_1p6if_106",
8
- "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_1p6if_109",
9
- "header-cell-sortable": "awsui_header-cell-sortable_1spae_1p6if_115",
10
- "sorting-icon": "awsui_sorting-icon_1spae_1p6if_128",
11
- "header-cell-disabled": "awsui_header-cell-disabled_1spae_1p6if_135",
12
- "header-cell-sorted": "awsui_header-cell-sorted_1spae_1p6if_135",
13
- "header-cell-content": "awsui_header-cell-content_1spae_1p6if_135",
14
- "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_1p6if_168",
15
- "header-cell-text": "awsui_header-cell-text_1spae_1p6if_197",
16
- "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_1p6if_197",
17
- "header-cell-ascending": "awsui_header-cell-ascending_1spae_1p6if_203",
18
- "header-cell-descending": "awsui_header-cell-descending_1spae_1p6if_204"
5
+ "header-cell": "awsui_header-cell_1spae_1kck5_93",
6
+ "header-cell-sticky": "awsui_header-cell-sticky_1spae_1kck5_103",
7
+ "header-cell-stuck": "awsui_header-cell-stuck_1spae_1kck5_106",
8
+ "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_1kck5_109",
9
+ "header-cell-sortable": "awsui_header-cell-sortable_1spae_1kck5_115",
10
+ "header-cell-resizable": "awsui_header-cell-resizable_1spae_1kck5_127",
11
+ "sorting-icon": "awsui_sorting-icon_1spae_1kck5_131",
12
+ "header-cell-disabled": "awsui_header-cell-disabled_1spae_1kck5_138",
13
+ "header-cell-sorted": "awsui_header-cell-sorted_1spae_1kck5_138",
14
+ "header-cell-content": "awsui_header-cell-content_1spae_1kck5_138",
15
+ "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_1kck5_171",
16
+ "header-cell-text": "awsui_header-cell-text_1spae_1kck5_200",
17
+ "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_1kck5_200",
18
+ "header-cell-ascending": "awsui_header-cell-ascending_1spae_1kck5_206",
19
+ "header-cell-descending": "awsui_header-cell-descending_1spae_1kck5_207"
19
20
  };
20
21