@cloudscape-design/components-themeable 3.0.70 → 3.0.71

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 (11) hide show
  1. package/lib/internal/scss/calendar/calendar.scss +27 -0
  2. package/lib/internal/scss/calendar/styles.scss +17 -30
  3. package/lib/internal/scss/date-range-picker/calendar/grids/day/styles.scss +16 -36
  4. package/lib/internal/template/calendar/styles.css.js +20 -20
  5. package/lib/internal/template/calendar/styles.scoped.css +45 -41
  6. package/lib/internal/template/calendar/styles.selectors.js +20 -20
  7. package/lib/internal/template/date-range-picker/calendar/grids/day/styles.css.js +21 -21
  8. package/lib/internal/template/date-range-picker/calendar/grids/day/styles.scoped.css +42 -38
  9. package/lib/internal/template/date-range-picker/calendar/grids/day/styles.selectors.js +21 -21
  10. package/lib/internal/template/internal/environment.js +1 -1
  11. package/package.json +1 -1
package/lib/internal/scss/calendar/calendar.scss ADDED
@@ -0,0 +1,27 @@
1
+ /*
2
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
3
+ SPDX-License-Identifier: Apache-2.0
4
+ */
5
+
6
+ @use '../internal/styles/tokens' as awsui;
7
+
8
+ // Colors
9
+ $header-color: awsui.$color-text-dropdown-item-default;
10
+ $grid-border-color: awsui.$color-border-calendar-grid;
11
+ $grid-day-color: awsui.$color-text-dropdown-item-default;
12
+ $grid-day-name-color: awsui.$color-text-calendar-month;
13
+ $grid-disabled-day-color: awsui.$color-text-dropdown-item-disabled;
14
+ $grid-nonmonth-day-color: awsui.$color-text-dropdown-item-secondary;
15
+ $grid-hover-background-color: awsui.$color-background-dropdown-item-hover;
16
+ $grid-hover-border-color: awsui.$color-border-dropdown-item-hover;
17
+ $grid-today-background-color: awsui.$color-background-calendar-today;
18
+ $grid-selected-text-color: awsui.$color-background-control-default;
19
+ $grid-selected-background-color: awsui.$color-background-control-checked;
20
+ $grid-selected-border-color: awsui.$color-background-control-checked;
21
+ $grid-in-range-background-color: awsui.$color-background-dropdown-item-selected;
22
+
23
+ // Shadows
24
+ $grid-selected-focused-box-shadow: 0 0 0 2px awsui.$color-border-calendar-grid-selected-focus-ring;
25
+
26
+ // Borders
27
+ $grid-border: 1px solid $grid-border-color;
package/lib/internal/scss/calendar/styles.scss CHANGED
@@ -9,20 +9,7 @@
9
9
  @use '../internal/styles/typography/index' as typographyConstants;
10
10
  @use './motion';
11
11
 
12
- $calendar-header-color: awsui.$color-text-dropdown-item-default;
13
- $calendar-grid-border-color: awsui.$color-border-calendar-grid;
14
- $calendar-grid-day-color: awsui.$color-text-dropdown-item-default;
15
- $calendar-grid-day-name-color: awsui.$color-text-calendar-month;
16
- $calendar-grid-disabled-day-color: awsui.$color-text-dropdown-item-disabled;
17
- $calendar-grid-nonmonth-day-color: awsui.$color-text-dropdown-item-secondary;
18
- $calendar-grid-hover-background-color: awsui.$color-background-dropdown-item-hover;
19
- $calendar-grid-hover-border-color: awsui.$color-border-dropdown-item-hover;
20
- $calendar-grid-today-background-color: awsui.$color-background-calendar-today;
21
- $calendar-grid-selected-text-color: awsui.$color-background-control-default;
22
- $calendar-grid-selected-background-color: awsui.$color-background-control-checked;
23
- $calendar-grid-selected-border-color: awsui.$color-background-control-checked;
24
- $calendar-grid-selected-focused-box-shadow: 0 0 0 2px awsui.$color-border-calendar-grid-selected-focus-ring;
25
- $calendar-grid-border: 1px solid $calendar-grid-border-color;
12
+ @use './calendar' as calendar;
26
13
 
27
14
  .root {
28
15
  /* used in test-utils */
@@ -31,7 +18,7 @@ $calendar-grid-border: 1px solid $calendar-grid-border-color;
31
18
  .calendar {
32
19
  display: block;
33
20
  // IE11 does not calculate the height correctly when in nested flex containers (@see https://github.com/philipwalton/flexbugs#flexbug-3)
34
- width: 234px;
21
+ width: awsui.$size-calendar-grid-width;
35
22
  overflow: auto;
36
23
 
37
24
  &-inner {
@@ -47,7 +34,7 @@ $calendar-grid-border: 1px solid $calendar-grid-border-color;
47
34
  &-header-month {
48
35
  @include styles.font-body-m;
49
36
  font-weight: typographyConstants.$font-weight-bold;
50
- color: $calendar-header-color;
37
+ color: calendar.$header-color;
51
38
  }
52
39
 
53
40
  &-next-month-btn {
@@ -69,12 +56,12 @@ $calendar-grid-border: 1px solid $calendar-grid-border-color;
69
56
  word-break: break-word;
70
57
  text-align: center;
71
58
  padding: awsui.$space-s 0 awsui.$space-xxs;
72
- color: $calendar-grid-day-name-color;
59
+ color: calendar.$grid-day-name-color;
73
60
  @include styles.font-body-s;
74
61
  }
75
62
 
76
63
  &-dates {
77
- border: $calendar-grid-border;
64
+ border: calendar.$grid-border;
78
65
  }
79
66
  &-week {
80
67
  display: flex;
@@ -86,10 +73,10 @@ $calendar-grid-border: 1px solid $calendar-grid-border-color;
86
73
  width: 0;
87
74
  word-break: break-word;
88
75
  text-align: center;
89
- border-bottom: $calendar-grid-border;
90
- border-right: $calendar-grid-border;
76
+ border-bottom: calendar.$grid-border;
77
+ border-right: calendar.$grid-border;
91
78
  padding: awsui.$space-xxs 0;
92
- color: $calendar-grid-disabled-day-color;
79
+ color: calendar.$grid-disabled-day-color;
93
80
  position: relative;
94
81
 
95
82
  &:last-child {
@@ -106,18 +93,18 @@ $calendar-grid-border: 1px solid $calendar-grid-border-color;
106
93
 
107
94
  &-enabled {
108
95
  cursor: pointer;
109
- color: $calendar-grid-nonmonth-day-color;
96
+ color: calendar.$grid-nonmonth-day-color;
110
97
  &::after {
111
98
  border-radius: awsui.$border-radius-item;
112
99
  }
113
100
  &.calendar-day-current-month {
114
- color: $calendar-grid-day-color;
101
+ color: calendar.$grid-day-color;
115
102
  &:hover {
116
103
  color: awsui.$color-text-calendar-day-hover;
117
- background-color: $calendar-grid-hover-background-color;
104
+ background-color: calendar.$grid-hover-background-color;
118
105
  &:not(.calendar-day-selected) {
119
106
  &::after {
120
- border: awsui.$border-item-width solid $calendar-grid-hover-border-color;
107
+ border: awsui.$border-item-width solid calendar.$grid-hover-border-color;
121
108
  }
122
109
  }
123
110
  }
@@ -125,7 +112,7 @@ $calendar-grid-border: 1px solid $calendar-grid-border-color;
125
112
  }
126
113
 
127
114
  &-today {
128
- background-color: $calendar-grid-today-background-color;
115
+ background-color: calendar.$grid-today-background-color;
129
116
  border-radius: awsui.$border-radius-item;
130
117
  }
131
118
 
@@ -166,7 +153,7 @@ $calendar-grid-border: 1px solid $calendar-grid-border-color;
166
153
  @include styles.focus-highlight(
167
154
  awsui.$space-calendar-grid-focus-outline-gutter,
168
155
  awsui.$border-radius-calendar-day-focus-ring,
169
- $calendar-grid-selected-focused-box-shadow
156
+ calendar.$grid-selected-focused-box-shadow
170
157
  );
171
158
  &::before {
172
159
  z-index: 2;
@@ -174,13 +161,13 @@ $calendar-grid-border: 1px solid $calendar-grid-border-color;
174
161
  }
175
162
  }
176
163
  &::after {
177
- background-color: $calendar-grid-selected-background-color;
178
- border: awsui.$border-item-width solid $calendar-grid-selected-border-color;
164
+ background-color: calendar.$grid-selected-background-color;
165
+ border: awsui.$border-item-width solid calendar.$grid-selected-border-color;
179
166
  border-radius: awsui.$border-radius-item;
180
167
  }
181
168
  > .day-inner {
182
169
  z-index: 2;
183
- color: $calendar-grid-selected-text-color;
170
+ color: calendar.$grid-selected-text-color;
184
171
  position: relative;
185
172
  }
186
173
  }
package/lib/internal/scss/date-range-picker/calendar/grids/day/styles.scss CHANGED
@@ -6,27 +6,7 @@
6
6
  @use '../../../../internal/styles/index' as styles;
7
7
  @use '../../../../internal/styles/tokens' as awsui;
8
8
  @use '../../../../internal/hooks/focus-visible' as focus-visible;
9
-
10
- $calendar-grid-border-color: awsui.$color-border-calendar-grid;
11
-
12
- $calendar-grid-day-color: awsui.$color-text-dropdown-item-default;
13
- $calendar-grid-disabled-day-color: awsui.$color-text-dropdown-item-disabled;
14
-
15
- $calendar-grid-hover-background-color: awsui.$color-background-dropdown-item-hover;
16
- $calendar-grid-hover-border-color: awsui.$color-border-dropdown-item-hover;
17
-
18
- $calendar-grid-today-background-color: awsui.$color-background-calendar-today;
19
-
20
- $calendar-grid-selected-background-color: awsui.$color-background-control-checked;
21
- $calendar-grid-selected-text-color: awsui.$color-background-control-default;
22
- $calendar-grid-selected-border-color: awsui.$color-background-control-checked;
23
- $calendar-grid-in-range-background-color: awsui.$color-background-dropdown-item-selected;
24
-
25
- $calendar-grid-selected-focused-box-shadow: 0 0 0 2px awsui.$color-border-calendar-grid-selected-focus-ring;
26
-
27
- $calendar-grid-border: 1px solid $calendar-grid-border-color;
28
-
29
- $calendar-grid-width: 234px;
9
+ @use '../../../../calendar/calendar' as calendar;
30
10
 
31
11
  @mixin border-radius($horizontal, $vertical) {
32
12
  &,
@@ -39,7 +19,7 @@ $calendar-grid-width: 234px;
39
19
  $sides: top, right, bottom, left;
40
20
  @each $side in $sides {
41
21
  &.in-range-border-#{$side}::after {
42
- border-#{$side}: awsui.$border-item-width solid $calendar-grid-selected-border-color;
22
+ border-#{$side}: awsui.$border-item-width solid calendar.$grid-selected-border-color;
43
23
  }
44
24
  }
45
25
  }
@@ -55,10 +35,10 @@ $calendar-grid-width: 234px;
55
35
  width: 0;
56
36
  word-break: break-word;
57
37
  text-align: center;
58
- border-bottom: $calendar-grid-border;
59
- border-right: $calendar-grid-border;
38
+ border-bottom: calendar.$grid-border;
39
+ border-right: calendar.$grid-border;
60
40
  padding: awsui.$space-xxs 0;
61
- color: $calendar-grid-disabled-day-color;
41
+ color: calendar.$grid-disabled-day-color;
62
42
  position: relative;
63
43
 
64
44
  &:focus {
@@ -91,7 +71,7 @@ $calendar-grid-width: 234px;
91
71
  }
92
72
 
93
73
  .in-first-row:not(.in-previous-month) {
94
- border-top: $calendar-grid-border;
74
+ border-top: calendar.$grid-border;
95
75
  }
96
76
 
97
77
  .in-previous-month:not(.last-day-of-month) {
@@ -106,7 +86,7 @@ $calendar-grid-width: 234px;
106
86
  border-left: 1px solid transparent;
107
87
 
108
88
  &.in-current-month {
109
- border-left: $calendar-grid-border;
89
+ border-left: calendar.$grid-border;
110
90
  }
111
91
  }
112
92
 
@@ -114,7 +94,7 @@ $calendar-grid-width: 234px;
114
94
  cursor: pointer;
115
95
 
116
96
  &.in-current-month {
117
- color: $calendar-grid-day-color;
97
+ color: calendar.$grid-day-color;
118
98
  &:not(.in-range),
119
99
  &.end-date.start-date,
120
100
  &.no-range {
@@ -125,10 +105,10 @@ $calendar-grid-width: 234px;
125
105
  }
126
106
  &:hover {
127
107
  color: awsui.$color-text-calendar-day-hover;
128
- background-color: $calendar-grid-hover-background-color;
108
+ background-color: calendar.$grid-hover-background-color;
129
109
  &:not(.selected) {
130
110
  &::after {
131
- border: awsui.$border-item-width solid $calendar-grid-hover-border-color;
111
+ border: awsui.$border-item-width solid calendar.$grid-hover-border-color;
132
112
  }
133
113
  }
134
114
  }
@@ -136,7 +116,7 @@ $calendar-grid-width: 234px;
136
116
  }
137
117
 
138
118
  .today:not(.in-range) {
139
- background-color: $calendar-grid-today-background-color;
119
+ background-color: calendar.$grid-today-background-color;
140
120
  border-radius: awsui.$border-radius-item;
141
121
  }
142
122
 
@@ -149,7 +129,7 @@ $calendar-grid-width: 234px;
149
129
  @include styles.focus-highlight(
150
130
  awsui.$space-calendar-grid-selected-focus-outline-gutter,
151
131
  awsui.$border-radius-calendar-day-focus-ring,
152
- $calendar-grid-selected-focused-box-shadow
132
+ calendar.$grid-selected-focused-box-shadow
153
133
  );
154
134
  &::before {
155
135
  z-index: 1;
@@ -157,8 +137,8 @@ $calendar-grid-width: 234px;
157
137
  }
158
138
 
159
139
  &::after {
160
- background-color: $calendar-grid-selected-background-color;
161
- border: awsui.$border-item-width solid $calendar-grid-selected-border-color;
140
+ background-color: calendar.$grid-selected-background-color;
141
+ border: awsui.$border-item-width solid calendar.$grid-selected-border-color;
162
142
  z-index: 0;
163
143
  }
164
144
 
@@ -179,14 +159,14 @@ $calendar-grid-width: 234px;
179
159
  }
180
160
 
181
161
  > .day-inner {
182
- color: $calendar-grid-selected-text-color;
162
+ color: calendar.$grid-selected-text-color;
183
163
  position: relative;
184
164
  z-index: 2;
185
165
  }
186
166
  }
187
167
 
188
168
  .in-range {
189
- background-color: $calendar-grid-in-range-background-color;
169
+ background-color: calendar.$grid-in-range-background-color;
190
170
 
191
171
  @include in-range-borders;
192
172
 
package/lib/internal/template/calendar/styles.css.js CHANGED
@@ -1,25 +1,25 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "calendar": "awsui_calendar_1ykar_5qnhi_93",
5
- "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1ykar_5qnhi_1",
6
- "root": "awsui_root_1ykar_5qnhi_120",
7
- "calendar-inner": "awsui_calendar-inner_1ykar_5qnhi_137",
8
- "calendar-header": "awsui_calendar-header_1ykar_5qnhi_140",
9
- "calendar-header-month": "awsui_calendar-header-month_1ykar_5qnhi_145",
10
- "calendar-next-month-btn": "awsui_calendar-next-month-btn_1ykar_5qnhi_151",
11
- "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_1ykar_5qnhi_154",
12
- "calendar-day-names": "awsui_calendar-day-names_1ykar_5qnhi_157",
13
- "calendar-day-name": "awsui_calendar-day-name_1ykar_5qnhi_157",
14
- "calendar-dates": "awsui_calendar-dates_1ykar_5qnhi_172",
15
- "calendar-week": "awsui_calendar-week_1ykar_5qnhi_175",
16
- "calendar-day": "awsui_calendar-day_1ykar_5qnhi_157",
17
- "calendar-day-in-last-week": "awsui_calendar-day-in-last-week_1ykar_5qnhi_193",
18
- "calendar-day-focusable": "awsui_calendar-day-focusable_1ykar_5qnhi_196",
19
- "calendar-day-enabled": "awsui_calendar-day-enabled_1ykar_5qnhi_199",
20
- "calendar-day-current-month": "awsui_calendar-day-current-month_1ykar_5qnhi_206",
21
- "calendar-day-selected": "awsui_calendar-day-selected_1ykar_5qnhi_213",
22
- "calendar-day-today": "awsui_calendar-day-today_1ykar_5qnhi_216",
23
- "day-inner": "awsui_day-inner_1ykar_5qnhi_230"
4
+ "calendar": "awsui_calendar_1ykar_16ssf_93",
5
+ "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1ykar_16ssf_1",
6
+ "root": "awsui_root_1ykar_16ssf_124",
7
+ "calendar-inner": "awsui_calendar-inner_1ykar_16ssf_141",
8
+ "calendar-header": "awsui_calendar-header_1ykar_16ssf_144",
9
+ "calendar-header-month": "awsui_calendar-header-month_1ykar_16ssf_149",
10
+ "calendar-next-month-btn": "awsui_calendar-next-month-btn_1ykar_16ssf_155",
11
+ "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_1ykar_16ssf_158",
12
+ "calendar-day-names": "awsui_calendar-day-names_1ykar_16ssf_161",
13
+ "calendar-day-name": "awsui_calendar-day-name_1ykar_16ssf_161",
14
+ "calendar-dates": "awsui_calendar-dates_1ykar_16ssf_176",
15
+ "calendar-week": "awsui_calendar-week_1ykar_16ssf_179",
16
+ "calendar-day": "awsui_calendar-day_1ykar_16ssf_161",
17
+ "calendar-day-in-last-week": "awsui_calendar-day-in-last-week_1ykar_16ssf_197",
18
+ "calendar-day-focusable": "awsui_calendar-day-focusable_1ykar_16ssf_200",
19
+ "calendar-day-enabled": "awsui_calendar-day-enabled_1ykar_16ssf_203",
20
+ "calendar-day-current-month": "awsui_calendar-day-current-month_1ykar_16ssf_210",
21
+ "calendar-day-selected": "awsui_calendar-day-selected_1ykar_16ssf_217",
22
+ "calendar-day-today": "awsui_calendar-day-today_1ykar_16ssf_220",
23
+ "day-inner": "awsui_day-inner_1ykar_16ssf_234"
24
24
  };
25
25
 
package/lib/internal/template/calendar/styles.scoped.css CHANGED
@@ -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_5qnhi_93:not(#\9) {
94
- animation: awsui_awsui-motion-fade-in-0_1ykar_5qnhi_1 var(--motion-duration-show-quick-tyaalm, 135ms) var(--motion-easing-show-quick-1fcgbv, ease-out);
93
+ .awsui_calendar_1ykar_16ssf_93:not(#\9) {
94
+ animation: awsui_awsui-motion-fade-in-0_1ykar_16ssf_1 var(--motion-duration-show-quick-tyaalm, 135ms) var(--motion-easing-show-quick-1fcgbv, ease-out);
95
95
  animation-fill-mode: both;
96
96
  }
97
- @keyframes awsui_awsui-motion-fade-in-0_1ykar_5qnhi_1 {
97
+ @keyframes awsui_awsui-motion-fade-in-0_1ykar_16ssf_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_5qnhi_93:not(#\9) {
106
+ .awsui_calendar_1ykar_16ssf_93:not(#\9) {
107
107
  animation: none;
108
108
  transition: none;
109
109
  }
110
110
  }
111
- .awsui-motion-disabled .awsui_calendar_1ykar_5qnhi_93:not(#\9), .awsui-mode-entering .awsui_calendar_1ykar_5qnhi_93:not(#\9) {
111
+ .awsui-motion-disabled .awsui_calendar_1ykar_16ssf_93:not(#\9), .awsui-mode-entering .awsui_calendar_1ykar_16ssf_93:not(#\9) {
112
112
  animation: none;
113
113
  transition: none;
114
114
  }
@@ -117,13 +117,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
117
117
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
118
118
  SPDX-License-Identifier: Apache-2.0
119
119
  */
120
- .awsui_root_1ykar_5qnhi_120:not(#\9) {
120
+ /*
121
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
122
+ SPDX-License-Identifier: Apache-2.0
123
+ */
124
+ .awsui_root_1ykar_16ssf_124:not(#\9) {
121
125
  /* used in test-utils */
122
126
  }
123
127
 
124
- .awsui_calendar_1ykar_5qnhi_93:not(#\9) {
128
+ .awsui_calendar_1ykar_16ssf_93:not(#\9) {
125
129
  display: block;
126
- width: 234px;
130
+ width: var(--size-calendar-grid-width-luenzs, 234px);
127
131
  overflow: auto;
128
132
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
129
133
  border-collapse: separate;
@@ -160,31 +164,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
160
164
  font-weight: 400;
161
165
  font-family: var(--font-family-base-mylvzb, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
162
166
  }
163
- .awsui_calendar-inner_1ykar_5qnhi_137:not(#\9) {
167
+ .awsui_calendar-inner_1ykar_16ssf_141:not(#\9) {
164
168
  margin: var(--space-xs-rsr2qu, 8px);
165
169
  }
166
- .awsui_calendar-header_1ykar_5qnhi_140:not(#\9) {
170
+ .awsui_calendar-header_1ykar_16ssf_144:not(#\9) {
167
171
  display: flex;
168
172
  justify-content: space-between;
169
173
  align-items: center;
170
174
  }
171
- .awsui_calendar-header-month_1ykar_5qnhi_145:not(#\9) {
175
+ .awsui_calendar-header-month_1ykar_16ssf_149:not(#\9) {
172
176
  font-size: var(--font-body-m-size-sregvd, 14px);
173
177
  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
174
178
  font-weight: 700;
175
179
  color: var(--color-text-dropdown-item-default-ki8ao1, #16191f);
176
180
  }
177
- .awsui_calendar-next-month-btn_1ykar_5qnhi_151:not(#\9) {
181
+ .awsui_calendar-next-month-btn_1ykar_16ssf_155:not(#\9) {
178
182
  /* used for identifying element */
179
183
  }
180
- .awsui_calendar-prev-month-btn_1ykar_5qnhi_154:not(#\9) {
184
+ .awsui_calendar-prev-month-btn_1ykar_16ssf_158:not(#\9) {
181
185
  /* used for identifying element */
182
186
  }
183
- .awsui_calendar-day-names_1ykar_5qnhi_157:not(#\9) {
187
+ .awsui_calendar-day-names_1ykar_16ssf_161:not(#\9) {
184
188
  display: flex;
185
189
  justify-content: stretch;
186
190
  }
187
- .awsui_calendar-day-name_1ykar_5qnhi_157:not(#\9) {
191
+ .awsui_calendar-day-name_1ykar_16ssf_161:not(#\9) {
188
192
  flex: 1 1 0%;
189
193
  width: 0;
190
194
  word-break: break-word;
@@ -195,14 +199,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
195
199
  line-height: var(--font-body-s-line-height-kdsbrl, 16px);
196
200
  letter-spacing: var(--font-body-s-letter-spacing-p88gax, normal);
197
201
  }
198
- .awsui_calendar-dates_1ykar_5qnhi_172:not(#\9) {
202
+ .awsui_calendar-dates_1ykar_16ssf_176:not(#\9) {
199
203
  border: 1px solid var(--color-border-calendar-grid-54zscx, #eaeded);
200
204
  }
201
- .awsui_calendar-week_1ykar_5qnhi_175:not(#\9) {
205
+ .awsui_calendar-week_1ykar_16ssf_179:not(#\9) {
202
206
  display: flex;
203
207
  justify-content: stretch;
204
208
  }
205
- .awsui_calendar-day_1ykar_5qnhi_157:not(#\9) {
209
+ .awsui_calendar-day_1ykar_16ssf_161:not(#\9) {
206
210
  flex: 1 1 0%;
207
211
  width: 0;
208
212
  word-break: break-word;
@@ -213,37 +217,37 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
213
217
  color: var(--color-text-dropdown-item-disabled-dgi2f4, #aab7b8);
214
218
  position: relative;
215
219
  }
216
- .awsui_calendar-day_1ykar_5qnhi_157:not(#\9):last-child {
220
+ .awsui_calendar-day_1ykar_16ssf_161:not(#\9):last-child {
217
221
  border-right: none;
218
222
  }
219
- .awsui_calendar-day-in-last-week_1ykar_5qnhi_193:not(#\9) {
223
+ .awsui_calendar-day-in-last-week_1ykar_16ssf_197:not(#\9) {
220
224
  border-bottom: none;
221
225
  }
222
- .awsui_calendar-day-focusable_1ykar_5qnhi_196:not(#\9) {
226
+ .awsui_calendar-day-focusable_1ykar_16ssf_200:not(#\9) {
223
227
  /* used for identifying element */
224
228
  }
225
- .awsui_calendar-day-enabled_1ykar_5qnhi_199:not(#\9) {
229
+ .awsui_calendar-day-enabled_1ykar_16ssf_203:not(#\9) {
226
230
  cursor: pointer;
227
231
  color: var(--color-text-dropdown-item-secondary-8hw5go, #687078);
228
232
  }
229
- .awsui_calendar-day-enabled_1ykar_5qnhi_199:not(#\9)::after {
233
+ .awsui_calendar-day-enabled_1ykar_16ssf_203:not(#\9)::after {
230
234
  border-radius: var(--border-radius-item-wjpc1f, 0px);
231
235
  }
232
- .awsui_calendar-day-enabled_1ykar_5qnhi_199.awsui_calendar-day-current-month_1ykar_5qnhi_206:not(#\9) {
236
+ .awsui_calendar-day-enabled_1ykar_16ssf_203.awsui_calendar-day-current-month_1ykar_16ssf_210:not(#\9) {
233
237
  color: var(--color-text-dropdown-item-default-ki8ao1, #16191f);
234
238
  }
235
- .awsui_calendar-day-enabled_1ykar_5qnhi_199.awsui_calendar-day-current-month_1ykar_5qnhi_206:not(#\9):hover {
239
+ .awsui_calendar-day-enabled_1ykar_16ssf_203.awsui_calendar-day-current-month_1ykar_16ssf_210:not(#\9):hover {
236
240
  color: var(--color-text-calendar-day-hover-p7s945, #16191f);
237
241
  background-color: var(--color-background-dropdown-item-hover-hgdj8r, #f2f3f3);
238
242
  }
239
- .awsui_calendar-day-enabled_1ykar_5qnhi_199.awsui_calendar-day-current-month_1ykar_5qnhi_206:not(#\9):hover:not(.awsui_calendar-day-selected_1ykar_5qnhi_213)::after {
243
+ .awsui_calendar-day-enabled_1ykar_16ssf_203.awsui_calendar-day-current-month_1ykar_16ssf_210:not(#\9):hover:not(.awsui_calendar-day-selected_1ykar_16ssf_217)::after {
240
244
  border: var(--border-item-width-yvnixs, 1px) solid var(--color-border-dropdown-item-hover-d32f3f, #879596);
241
245
  }
242
- .awsui_calendar-day-today_1ykar_5qnhi_216:not(#\9) {
246
+ .awsui_calendar-day-today_1ykar_16ssf_220:not(#\9) {
243
247
  background-color: var(--color-background-calendar-today-wm2baz, #f2f3f3);
244
248
  border-radius: var(--border-radius-item-wjpc1f, 0px);
245
249
  }
246
- .awsui_calendar-day_1ykar_5qnhi_157:not(#\9)::after {
250
+ .awsui_calendar-day_1ykar_16ssf_161:not(#\9)::after {
247
251
  content: "";
248
252
  position: absolute;
249
253
  z-index: 1;
@@ -253,21 +257,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
253
257
  right: calc(-1 * var(--border-item-width-yvnixs, 1px));
254
258
  background-color: transparent;
255
259
  }
256
- .awsui_calendar-day_1ykar_5qnhi_157 > .awsui_day-inner_1ykar_5qnhi_230:not(#\9) {
260
+ .awsui_calendar-day_1ykar_16ssf_161 > .awsui_day-inner_1ykar_16ssf_234:not(#\9) {
257
261
  position: relative;
258
262
  z-index: 1;
259
263
  }
260
- .awsui_calendar-day_1ykar_5qnhi_157:not(#\9):focus {
264
+ .awsui_calendar-day_1ykar_16ssf_161:not(#\9):focus {
261
265
  outline: none;
262
266
  }
263
- .awsui_calendar-day_1ykar_5qnhi_157:not(#\9):focus[data-awsui-focus-visible=true]:focus {
267
+ .awsui_calendar-day_1ykar_16ssf_161:not(#\9):focus[data-awsui-focus-visible=true]:focus {
264
268
  position: relative;
265
269
  }
266
- .awsui_calendar-day_1ykar_5qnhi_157:not(#\9):focus[data-awsui-focus-visible=true]:focus {
270
+ .awsui_calendar-day_1ykar_16ssf_161:not(#\9):focus[data-awsui-focus-visible=true]:focus {
267
271
  outline: 2px dotted transparent;
268
272
  outline-offset: calc(var(--space-calendar-grid-focus-outline-gutter-lbmex4, 0px) - 1px);
269
273
  }
270
- .awsui_calendar-day_1ykar_5qnhi_157:not(#\9):focus[data-awsui-focus-visible=true]:focus::before {
274
+ .awsui_calendar-day_1ykar_16ssf_161:not(#\9):focus[data-awsui-focus-visible=true]:focus::before {
271
275
  content: " ";
272
276
  display: block;
273
277
  position: absolute;
@@ -278,22 +282,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
278
282
  border-radius: var(--border-radius-calendar-day-focus-ring-16ha5s, 2px);
279
283
  box-shadow: 0 0 0 2px var(--color-border-item-focused-n5kd8g, #0073bb);
280
284
  }
281
- .awsui_calendar-day_1ykar_5qnhi_157:not(#\9):focus[data-awsui-focus-visible=true]:focus::before {
285
+ .awsui_calendar-day_1ykar_16ssf_161:not(#\9):focus[data-awsui-focus-visible=true]:focus::before {
282
286
  z-index: 2;
283
287
  }
284
- .awsui_calendar-day-selected_1ykar_5qnhi_213:not(#\9) {
288
+ .awsui_calendar-day-selected_1ykar_16ssf_217:not(#\9) {
285
289
  border-color: transparent;
286
290
  position: relative;
287
291
  z-index: 2;
288
292
  }
289
- .awsui_calendar-day-selected_1ykar_5qnhi_213:not(#\9):focus[data-awsui-focus-visible=true]:focus {
293
+ .awsui_calendar-day-selected_1ykar_16ssf_217:not(#\9):focus[data-awsui-focus-visible=true]:focus {
290
294
  position: relative;
291
295
  }
292
- .awsui_calendar-day-selected_1ykar_5qnhi_213:not(#\9):focus[data-awsui-focus-visible=true]:focus {
296
+ .awsui_calendar-day-selected_1ykar_16ssf_217:not(#\9):focus[data-awsui-focus-visible=true]:focus {
293
297
  outline: 2px dotted transparent;
294
298
  outline-offset: calc(var(--space-calendar-grid-focus-outline-gutter-lbmex4, 0px) - 1px);
295
299
  }
296
- .awsui_calendar-day-selected_1ykar_5qnhi_213:not(#\9):focus[data-awsui-focus-visible=true]:focus::before {
300
+ .awsui_calendar-day-selected_1ykar_16ssf_217:not(#\9):focus[data-awsui-focus-visible=true]:focus::before {
297
301
  content: " ";
298
302
  display: block;
299
303
  position: absolute;
@@ -304,15 +308,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
304
308
  border-radius: var(--border-radius-calendar-day-focus-ring-16ha5s, 2px);
305
309
  box-shadow: 0 0 0 2px var(--color-border-calendar-grid-selected-focus-ring-vzbqhb, #0073bb);
306
310
  }
307
- .awsui_calendar-day-selected_1ykar_5qnhi_213:not(#\9):focus[data-awsui-focus-visible=true]:focus::before {
311
+ .awsui_calendar-day-selected_1ykar_16ssf_217:not(#\9):focus[data-awsui-focus-visible=true]:focus::before {
308
312
  z-index: 2;
309
313
  }
310
- .awsui_calendar-day-selected_1ykar_5qnhi_213:not(#\9)::after {
314
+ .awsui_calendar-day-selected_1ykar_16ssf_217:not(#\9)::after {
311
315
  background-color: var(--color-background-control-checked-dyuc53, #0073bb);
312
316
  border: var(--border-item-width-yvnixs, 1px) solid var(--color-background-control-checked-dyuc53, #0073bb);
313
317
  border-radius: var(--border-radius-item-wjpc1f, 0px);
314
318
  }
315
- .awsui_calendar-day-selected_1ykar_5qnhi_213 > .awsui_day-inner_1ykar_5qnhi_230:not(#\9) {
319
+ .awsui_calendar-day-selected_1ykar_16ssf_217 > .awsui_day-inner_1ykar_16ssf_234:not(#\9) {
316
320
  z-index: 2;
317
321
  color: var(--color-background-control-default-8xmy94, #ffffff);
318
322
  position: relative;
package/lib/internal/template/calendar/styles.selectors.js CHANGED
@@ -2,25 +2,25 @@
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_5qnhi_93",
6
- "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1ykar_5qnhi_1",
7
- "root": "awsui_root_1ykar_5qnhi_120",
8
- "calendar-inner": "awsui_calendar-inner_1ykar_5qnhi_137",
9
- "calendar-header": "awsui_calendar-header_1ykar_5qnhi_140",
10
- "calendar-header-month": "awsui_calendar-header-month_1ykar_5qnhi_145",
11
- "calendar-next-month-btn": "awsui_calendar-next-month-btn_1ykar_5qnhi_151",
12
- "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_1ykar_5qnhi_154",
13
- "calendar-day-names": "awsui_calendar-day-names_1ykar_5qnhi_157",
14
- "calendar-day-name": "awsui_calendar-day-name_1ykar_5qnhi_157",
15
- "calendar-dates": "awsui_calendar-dates_1ykar_5qnhi_172",
16
- "calendar-week": "awsui_calendar-week_1ykar_5qnhi_175",
17
- "calendar-day": "awsui_calendar-day_1ykar_5qnhi_157",
18
- "calendar-day-in-last-week": "awsui_calendar-day-in-last-week_1ykar_5qnhi_193",
19
- "calendar-day-focusable": "awsui_calendar-day-focusable_1ykar_5qnhi_196",
20
- "calendar-day-enabled": "awsui_calendar-day-enabled_1ykar_5qnhi_199",
21
- "calendar-day-current-month": "awsui_calendar-day-current-month_1ykar_5qnhi_206",
22
- "calendar-day-selected": "awsui_calendar-day-selected_1ykar_5qnhi_213",
23
- "calendar-day-today": "awsui_calendar-day-today_1ykar_5qnhi_216",
24
- "day-inner": "awsui_day-inner_1ykar_5qnhi_230"
5
+ "calendar": "awsui_calendar_1ykar_16ssf_93",
6
+ "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1ykar_16ssf_1",
7
+ "root": "awsui_root_1ykar_16ssf_124",
8
+ "calendar-inner": "awsui_calendar-inner_1ykar_16ssf_141",
9
+ "calendar-header": "awsui_calendar-header_1ykar_16ssf_144",
10
+ "calendar-header-month": "awsui_calendar-header-month_1ykar_16ssf_149",
11
+ "calendar-next-month-btn": "awsui_calendar-next-month-btn_1ykar_16ssf_155",
12
+ "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_1ykar_16ssf_158",
13
+ "calendar-day-names": "awsui_calendar-day-names_1ykar_16ssf_161",
14
+ "calendar-day-name": "awsui_calendar-day-name_1ykar_16ssf_161",
15
+ "calendar-dates": "awsui_calendar-dates_1ykar_16ssf_176",
16
+ "calendar-week": "awsui_calendar-week_1ykar_16ssf_179",
17
+ "calendar-day": "awsui_calendar-day_1ykar_16ssf_161",
18
+ "calendar-day-in-last-week": "awsui_calendar-day-in-last-week_1ykar_16ssf_197",
19
+ "calendar-day-focusable": "awsui_calendar-day-focusable_1ykar_16ssf_200",
20
+ "calendar-day-enabled": "awsui_calendar-day-enabled_1ykar_16ssf_203",
21
+ "calendar-day-current-month": "awsui_calendar-day-current-month_1ykar_16ssf_210",
22
+ "calendar-day-selected": "awsui_calendar-day-selected_1ykar_16ssf_217",
23
+ "calendar-day-today": "awsui_calendar-day-today_1ykar_16ssf_220",
24
+ "day-inner": "awsui_day-inner_1ykar_16ssf_234"
25
25
  };
26
26
 
package/lib/internal/template/date-range-picker/calendar/grids/day/styles.css.js CHANGED
@@ -1,26 +1,26 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "day": "awsui_day_vci2l_yhnrz_93",
5
- "day-inner": "awsui_day-inner_vci2l_yhnrz_136",
6
- "in-first-row": "awsui_in-first-row_vci2l_yhnrz_141",
7
- "in-previous-month": "awsui_in-previous-month_vci2l_yhnrz_141",
8
- "last-day-of-month": "awsui_last-day-of-month_vci2l_yhnrz_145",
9
- "in-next-month": "awsui_in-next-month_vci2l_yhnrz_149",
10
- "in-first-column": "awsui_in-first-column_vci2l_yhnrz_153",
11
- "in-current-month": "awsui_in-current-month_vci2l_yhnrz_156",
12
- "enabled": "awsui_enabled_vci2l_yhnrz_160",
13
- "in-range": "awsui_in-range_vci2l_yhnrz_166",
14
- "end-date": "awsui_end-date_vci2l_yhnrz_166",
15
- "start-date": "awsui_start-date_vci2l_yhnrz_166",
16
- "no-range": "awsui_no-range_vci2l_yhnrz_166",
17
- "selected": "awsui_selected_vci2l_yhnrz_173",
18
- "today": "awsui_today_vci2l_yhnrz_177",
19
- "range-start-date": "awsui_range-start-date_vci2l_yhnrz_213",
20
- "in-range-border-bottom": "awsui_in-range-border-bottom_vci2l_yhnrz_216",
21
- "range-end-date": "awsui_range-end-date_vci2l_yhnrz_219",
22
- "in-range-border-top": "awsui_in-range-border-top_vci2l_yhnrz_222",
23
- "in-range-border-right": "awsui_in-range-border-right_vci2l_yhnrz_237",
24
- "in-range-border-left": "awsui_in-range-border-left_vci2l_yhnrz_243"
4
+ "day": "awsui_day_vci2l_14p9n_97",
5
+ "day-inner": "awsui_day-inner_vci2l_14p9n_140",
6
+ "in-first-row": "awsui_in-first-row_vci2l_14p9n_145",
7
+ "in-previous-month": "awsui_in-previous-month_vci2l_14p9n_145",
8
+ "last-day-of-month": "awsui_last-day-of-month_vci2l_14p9n_149",
9
+ "in-next-month": "awsui_in-next-month_vci2l_14p9n_153",
10
+ "in-first-column": "awsui_in-first-column_vci2l_14p9n_157",
11
+ "in-current-month": "awsui_in-current-month_vci2l_14p9n_160",
12
+ "enabled": "awsui_enabled_vci2l_14p9n_164",
13
+ "in-range": "awsui_in-range_vci2l_14p9n_170",
14
+ "end-date": "awsui_end-date_vci2l_14p9n_170",
15
+ "start-date": "awsui_start-date_vci2l_14p9n_170",
16
+ "no-range": "awsui_no-range_vci2l_14p9n_170",
17
+ "selected": "awsui_selected_vci2l_14p9n_177",
18
+ "today": "awsui_today_vci2l_14p9n_181",
19
+ "range-start-date": "awsui_range-start-date_vci2l_14p9n_217",
20
+ "in-range-border-bottom": "awsui_in-range-border-bottom_vci2l_14p9n_220",
21
+ "range-end-date": "awsui_range-end-date_vci2l_14p9n_223",
22
+ "in-range-border-top": "awsui_in-range-border-top_vci2l_14p9n_226",
23
+ "in-range-border-right": "awsui_in-range-border-right_vci2l_14p9n_241",
24
+ "in-range-border-left": "awsui_in-range-border-left_vci2l_14p9n_247"
25
25
  };
26
26
 
package/lib/internal/template/date-range-picker/calendar/grids/day/styles.scoped.css CHANGED
@@ -90,7 +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_day_vci2l_yhnrz_93:not(#\9) {
93
+ /*
94
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
95
+ SPDX-License-Identifier: Apache-2.0
96
+ */
97
+ .awsui_day_vci2l_14p9n_97:not(#\9) {
94
98
  flex: 1 1 0%;
95
99
  width: 0;
96
100
  word-break: break-word;
@@ -101,10 +105,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
101
105
  color: var(--color-text-dropdown-item-disabled-dgi2f4, #aab7b8);
102
106
  position: relative;
103
107
  }
104
- .awsui_day_vci2l_yhnrz_93:not(#\9):focus {
108
+ .awsui_day_vci2l_14p9n_97:not(#\9):focus {
105
109
  outline: none;
106
110
  }
107
- .awsui_day_vci2l_yhnrz_93:not(#\9)::after {
111
+ .awsui_day_vci2l_14p9n_97:not(#\9)::after {
108
112
  content: "";
109
113
  position: absolute;
110
114
  z-index: 1;
@@ -114,15 +118,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
114
118
  right: calc(-1 * var(--border-item-width-yvnixs, 1px));
115
119
  background-color: transparent;
116
120
  }
117
- .awsui_day_vci2l_yhnrz_93[data-awsui-focus-visible=true]:not(#\9):focus {
121
+ .awsui_day_vci2l_14p9n_97[data-awsui-focus-visible=true]:not(#\9):focus {
118
122
  z-index: 2;
119
123
  position: relative;
120
124
  }
121
- .awsui_day_vci2l_yhnrz_93[data-awsui-focus-visible=true]:not(#\9):focus {
125
+ .awsui_day_vci2l_14p9n_97[data-awsui-focus-visible=true]:not(#\9):focus {
122
126
  outline: 2px dotted transparent;
123
127
  outline-offset: calc(var(--space-calendar-grid-focus-outline-gutter-lbmex4, 0px) - 1px);
124
128
  }
125
- .awsui_day_vci2l_yhnrz_93[data-awsui-focus-visible=true]:not(#\9):focus::before {
129
+ .awsui_day_vci2l_14p9n_97[data-awsui-focus-visible=true]:not(#\9):focus::before {
126
130
  content: " ";
127
131
  display: block;
128
132
  position: absolute;
@@ -133,65 +137,65 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
133
137
  border-radius: var(--border-radius-calendar-day-focus-ring-16ha5s, 2px);
134
138
  box-shadow: 0 0 0 2px var(--color-border-item-focused-n5kd8g, #0073bb);
135
139
  }
136
- .awsui_day_vci2l_yhnrz_93 > .awsui_day-inner_vci2l_yhnrz_136:not(#\9) {
140
+ .awsui_day_vci2l_14p9n_97 > .awsui_day-inner_vci2l_14p9n_140:not(#\9) {
137
141
  position: relative;
138
142
  z-index: 1;
139
143
  }
140
144
 
141
- .awsui_in-first-row_vci2l_yhnrz_141:not(#\9):not(.awsui_in-previous-month_vci2l_yhnrz_141) {
145
+ .awsui_in-first-row_vci2l_14p9n_145:not(#\9):not(.awsui_in-previous-month_vci2l_14p9n_145) {
142
146
  border-top: 1px solid var(--color-border-calendar-grid-54zscx, #eaeded);
143
147
  }
144
148
 
145
- .awsui_in-previous-month_vci2l_yhnrz_141:not(#\9):not(.awsui_last-day-of-month_vci2l_yhnrz_145) {
149
+ .awsui_in-previous-month_vci2l_14p9n_145:not(#\9):not(.awsui_last-day-of-month_vci2l_14p9n_149) {
146
150
  border-right-color: transparent;
147
151
  }
148
152
 
149
- .awsui_in-next-month_vci2l_yhnrz_149:not(#\9) {
153
+ .awsui_in-next-month_vci2l_14p9n_153:not(#\9) {
150
154
  border-color: transparent;
151
155
  }
152
156
 
153
- .awsui_in-first-column_vci2l_yhnrz_153:not(#\9) {
157
+ .awsui_in-first-column_vci2l_14p9n_157:not(#\9) {
154
158
  border-left: 1px solid transparent;
155
159
  }
156
- .awsui_in-first-column_vci2l_yhnrz_153.awsui_in-current-month_vci2l_yhnrz_156:not(#\9) {
160
+ .awsui_in-first-column_vci2l_14p9n_157.awsui_in-current-month_vci2l_14p9n_160:not(#\9) {
157
161
  border-left: 1px solid var(--color-border-calendar-grid-54zscx, #eaeded);
158
162
  }
159
163
 
160
- .awsui_enabled_vci2l_yhnrz_160:not(#\9) {
164
+ .awsui_enabled_vci2l_14p9n_164:not(#\9) {
161
165
  cursor: pointer;
162
166
  }
163
- .awsui_enabled_vci2l_yhnrz_160.awsui_in-current-month_vci2l_yhnrz_156:not(#\9) {
167
+ .awsui_enabled_vci2l_14p9n_164.awsui_in-current-month_vci2l_14p9n_160:not(#\9) {
164
168
  color: var(--color-text-dropdown-item-default-ki8ao1, #16191f);
165
169
  }
166
- .awsui_enabled_vci2l_yhnrz_160.awsui_in-current-month_vci2l_yhnrz_156:not(#\9):not(.awsui_in-range_vci2l_yhnrz_166), .awsui_enabled_vci2l_yhnrz_160.awsui_in-current-month_vci2l_yhnrz_156:not(#\9):not(.awsui_in-range_vci2l_yhnrz_166)::after, .awsui_enabled_vci2l_yhnrz_160.awsui_in-current-month_vci2l_yhnrz_156.awsui_end-date_vci2l_yhnrz_166.awsui_start-date_vci2l_yhnrz_166:not(#\9), .awsui_enabled_vci2l_yhnrz_160.awsui_in-current-month_vci2l_yhnrz_156.awsui_end-date_vci2l_yhnrz_166.awsui_start-date_vci2l_yhnrz_166:not(#\9)::after, .awsui_enabled_vci2l_yhnrz_160.awsui_in-current-month_vci2l_yhnrz_156.awsui_no-range_vci2l_yhnrz_166:not(#\9), .awsui_enabled_vci2l_yhnrz_160.awsui_in-current-month_vci2l_yhnrz_156.awsui_no-range_vci2l_yhnrz_166:not(#\9)::after {
170
+ .awsui_enabled_vci2l_14p9n_164.awsui_in-current-month_vci2l_14p9n_160:not(#\9):not(.awsui_in-range_vci2l_14p9n_170), .awsui_enabled_vci2l_14p9n_164.awsui_in-current-month_vci2l_14p9n_160:not(#\9):not(.awsui_in-range_vci2l_14p9n_170)::after, .awsui_enabled_vci2l_14p9n_164.awsui_in-current-month_vci2l_14p9n_160.awsui_end-date_vci2l_14p9n_170.awsui_start-date_vci2l_14p9n_170:not(#\9), .awsui_enabled_vci2l_14p9n_164.awsui_in-current-month_vci2l_14p9n_160.awsui_end-date_vci2l_14p9n_170.awsui_start-date_vci2l_14p9n_170:not(#\9)::after, .awsui_enabled_vci2l_14p9n_164.awsui_in-current-month_vci2l_14p9n_160.awsui_no-range_vci2l_14p9n_170:not(#\9), .awsui_enabled_vci2l_14p9n_164.awsui_in-current-month_vci2l_14p9n_160.awsui_no-range_vci2l_14p9n_170:not(#\9)::after {
167
171
  border-radius: var(--border-radius-item-wjpc1f, 0px);
168
172
  }
169
- .awsui_enabled_vci2l_yhnrz_160.awsui_in-current-month_vci2l_yhnrz_156:not(#\9):hover {
173
+ .awsui_enabled_vci2l_14p9n_164.awsui_in-current-month_vci2l_14p9n_160:not(#\9):hover {
170
174
  color: var(--color-text-calendar-day-hover-p7s945, #16191f);
171
175
  background-color: var(--color-background-dropdown-item-hover-hgdj8r, #f2f3f3);
172
176
  }
173
- .awsui_enabled_vci2l_yhnrz_160.awsui_in-current-month_vci2l_yhnrz_156:not(#\9):hover:not(.awsui_selected_vci2l_yhnrz_173)::after {
177
+ .awsui_enabled_vci2l_14p9n_164.awsui_in-current-month_vci2l_14p9n_160:not(#\9):hover:not(.awsui_selected_vci2l_14p9n_177)::after {
174
178
  border: var(--border-item-width-yvnixs, 1px) solid var(--color-border-dropdown-item-hover-d32f3f, #879596);
175
179
  }
176
180
 
177
- .awsui_today_vci2l_yhnrz_177:not(#\9):not(.awsui_in-range_vci2l_yhnrz_166) {
181
+ .awsui_today_vci2l_14p9n_181:not(#\9):not(.awsui_in-range_vci2l_14p9n_170) {
178
182
  background-color: var(--color-background-calendar-today-wm2baz, #f2f3f3);
179
183
  border-radius: var(--border-radius-item-wjpc1f, 0px);
180
184
  }
181
185
 
182
- .awsui_selected_vci2l_yhnrz_173:not(#\9) {
186
+ .awsui_selected_vci2l_14p9n_177:not(#\9) {
183
187
  border-color: transparent;
184
188
  position: relative;
185
189
  z-index: 2;
186
190
  }
187
- .awsui_selected_vci2l_yhnrz_173[data-awsui-focus-visible=true]:not(#\9):focus {
191
+ .awsui_selected_vci2l_14p9n_177[data-awsui-focus-visible=true]:not(#\9):focus {
188
192
  position: relative;
189
193
  }
190
- .awsui_selected_vci2l_yhnrz_173[data-awsui-focus-visible=true]:not(#\9):focus {
194
+ .awsui_selected_vci2l_14p9n_177[data-awsui-focus-visible=true]:not(#\9):focus {
191
195
  outline: 2px dotted transparent;
192
196
  outline-offset: calc(var(--space-calendar-grid-selected-focus-outline-gutter-s5ollf, 2px) - 1px);
193
197
  }
194
- .awsui_selected_vci2l_yhnrz_173[data-awsui-focus-visible=true]:not(#\9):focus::before {
198
+ .awsui_selected_vci2l_14p9n_177[data-awsui-focus-visible=true]:not(#\9):focus::before {
195
199
  content: " ";
196
200
  display: block;
197
201
  position: absolute;
@@ -202,56 +206,56 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
202
206
  border-radius: var(--border-radius-calendar-day-focus-ring-16ha5s, 2px);
203
207
  box-shadow: 0 0 0 2px var(--color-border-calendar-grid-selected-focus-ring-vzbqhb, #0073bb);
204
208
  }
205
- .awsui_selected_vci2l_yhnrz_173[data-awsui-focus-visible=true]:not(#\9):focus::before {
209
+ .awsui_selected_vci2l_14p9n_177[data-awsui-focus-visible=true]:not(#\9):focus::before {
206
210
  z-index: 1;
207
211
  }
208
- .awsui_selected_vci2l_yhnrz_173:not(#\9)::after {
212
+ .awsui_selected_vci2l_14p9n_177:not(#\9)::after {
209
213
  background-color: var(--color-background-control-checked-dyuc53, #0073bb);
210
214
  border: var(--border-item-width-yvnixs, 1px) solid var(--color-background-control-checked-dyuc53, #0073bb);
211
215
  z-index: 0;
212
216
  }
213
- .awsui_selected_vci2l_yhnrz_173.awsui_start-date_vci2l_yhnrz_166:not(#\9), .awsui_selected_vci2l_yhnrz_173.awsui_start-date_vci2l_yhnrz_166:not(#\9)::after, .awsui_selected_vci2l_yhnrz_173.awsui_range-start-date_vci2l_yhnrz_213:not(#\9), .awsui_selected_vci2l_yhnrz_173.awsui_range-start-date_vci2l_yhnrz_213:not(#\9)::after {
217
+ .awsui_selected_vci2l_14p9n_177.awsui_start-date_vci2l_14p9n_170:not(#\9), .awsui_selected_vci2l_14p9n_177.awsui_start-date_vci2l_14p9n_170:not(#\9)::after, .awsui_selected_vci2l_14p9n_177.awsui_range-start-date_vci2l_14p9n_217:not(#\9), .awsui_selected_vci2l_14p9n_177.awsui_range-start-date_vci2l_14p9n_217:not(#\9)::after {
214
218
  border-top-left-radius: var(--border-radius-item-wjpc1f, 0px);
215
219
  }
216
- .awsui_selected_vci2l_yhnrz_173.awsui_start-date_vci2l_yhnrz_166.awsui_in-range-border-bottom_vci2l_yhnrz_216:not(#\9), .awsui_selected_vci2l_yhnrz_173.awsui_start-date_vci2l_yhnrz_166.awsui_in-range-border-bottom_vci2l_yhnrz_216:not(#\9)::after, .awsui_selected_vci2l_yhnrz_173.awsui_range-start-date_vci2l_yhnrz_213.awsui_in-range-border-bottom_vci2l_yhnrz_216:not(#\9), .awsui_selected_vci2l_yhnrz_173.awsui_range-start-date_vci2l_yhnrz_213.awsui_in-range-border-bottom_vci2l_yhnrz_216:not(#\9)::after {
220
+ .awsui_selected_vci2l_14p9n_177.awsui_start-date_vci2l_14p9n_170.awsui_in-range-border-bottom_vci2l_14p9n_220:not(#\9), .awsui_selected_vci2l_14p9n_177.awsui_start-date_vci2l_14p9n_170.awsui_in-range-border-bottom_vci2l_14p9n_220:not(#\9)::after, .awsui_selected_vci2l_14p9n_177.awsui_range-start-date_vci2l_14p9n_217.awsui_in-range-border-bottom_vci2l_14p9n_220:not(#\9), .awsui_selected_vci2l_14p9n_177.awsui_range-start-date_vci2l_14p9n_217.awsui_in-range-border-bottom_vci2l_14p9n_220:not(#\9)::after {
217
221
  border-bottom-left-radius: var(--border-radius-item-wjpc1f, 0px);
218
222
  }
219
- .awsui_selected_vci2l_yhnrz_173.awsui_end-date_vci2l_yhnrz_166:not(#\9), .awsui_selected_vci2l_yhnrz_173.awsui_end-date_vci2l_yhnrz_166:not(#\9)::after, .awsui_selected_vci2l_yhnrz_173.awsui_range-end-date_vci2l_yhnrz_219:not(#\9), .awsui_selected_vci2l_yhnrz_173.awsui_range-end-date_vci2l_yhnrz_219:not(#\9)::after {
223
+ .awsui_selected_vci2l_14p9n_177.awsui_end-date_vci2l_14p9n_170:not(#\9), .awsui_selected_vci2l_14p9n_177.awsui_end-date_vci2l_14p9n_170:not(#\9)::after, .awsui_selected_vci2l_14p9n_177.awsui_range-end-date_vci2l_14p9n_223:not(#\9), .awsui_selected_vci2l_14p9n_177.awsui_range-end-date_vci2l_14p9n_223:not(#\9)::after {
220
224
  border-bottom-right-radius: var(--border-radius-item-wjpc1f, 0px);
221
225
  }
222
- .awsui_selected_vci2l_yhnrz_173.awsui_end-date_vci2l_yhnrz_166.awsui_in-range-border-top_vci2l_yhnrz_222:not(#\9), .awsui_selected_vci2l_yhnrz_173.awsui_end-date_vci2l_yhnrz_166.awsui_in-range-border-top_vci2l_yhnrz_222:not(#\9)::after, .awsui_selected_vci2l_yhnrz_173.awsui_range-end-date_vci2l_yhnrz_219.awsui_in-range-border-top_vci2l_yhnrz_222:not(#\9), .awsui_selected_vci2l_yhnrz_173.awsui_range-end-date_vci2l_yhnrz_219.awsui_in-range-border-top_vci2l_yhnrz_222:not(#\9)::after {
226
+ .awsui_selected_vci2l_14p9n_177.awsui_end-date_vci2l_14p9n_170.awsui_in-range-border-top_vci2l_14p9n_226:not(#\9), .awsui_selected_vci2l_14p9n_177.awsui_end-date_vci2l_14p9n_170.awsui_in-range-border-top_vci2l_14p9n_226:not(#\9)::after, .awsui_selected_vci2l_14p9n_177.awsui_range-end-date_vci2l_14p9n_223.awsui_in-range-border-top_vci2l_14p9n_226:not(#\9), .awsui_selected_vci2l_14p9n_177.awsui_range-end-date_vci2l_14p9n_223.awsui_in-range-border-top_vci2l_14p9n_226:not(#\9)::after {
223
227
  border-top-right-radius: var(--border-radius-item-wjpc1f, 0px);
224
228
  }
225
- .awsui_selected_vci2l_yhnrz_173 > .awsui_day-inner_vci2l_yhnrz_136:not(#\9) {
229
+ .awsui_selected_vci2l_14p9n_177 > .awsui_day-inner_vci2l_14p9n_140:not(#\9) {
226
230
  color: var(--color-background-control-default-8xmy94, #ffffff);
227
231
  position: relative;
228
232
  z-index: 2;
229
233
  }
230
234
 
231
- .awsui_in-range_vci2l_yhnrz_166:not(#\9) {
235
+ .awsui_in-range_vci2l_14p9n_170:not(#\9) {
232
236
  background-color: var(--color-background-dropdown-item-selected-w7iegd, #f1faff);
233
237
  }
234
- .awsui_in-range_vci2l_yhnrz_166.awsui_in-range-border-top_vci2l_yhnrz_222:not(#\9)::after {
238
+ .awsui_in-range_vci2l_14p9n_170.awsui_in-range-border-top_vci2l_14p9n_226:not(#\9)::after {
235
239
  border-top: var(--border-item-width-yvnixs, 1px) solid var(--color-background-control-checked-dyuc53, #0073bb);
236
240
  }
237
- .awsui_in-range_vci2l_yhnrz_166.awsui_in-range-border-right_vci2l_yhnrz_237:not(#\9)::after {
241
+ .awsui_in-range_vci2l_14p9n_170.awsui_in-range-border-right_vci2l_14p9n_241:not(#\9)::after {
238
242
  border-right: var(--border-item-width-yvnixs, 1px) solid var(--color-background-control-checked-dyuc53, #0073bb);
239
243
  }
240
- .awsui_in-range_vci2l_yhnrz_166.awsui_in-range-border-bottom_vci2l_yhnrz_216:not(#\9)::after {
244
+ .awsui_in-range_vci2l_14p9n_170.awsui_in-range-border-bottom_vci2l_14p9n_220:not(#\9)::after {
241
245
  border-bottom: var(--border-item-width-yvnixs, 1px) solid var(--color-background-control-checked-dyuc53, #0073bb);
242
246
  }
243
- .awsui_in-range_vci2l_yhnrz_166.awsui_in-range-border-left_vci2l_yhnrz_243:not(#\9)::after {
247
+ .awsui_in-range_vci2l_14p9n_170.awsui_in-range-border-left_vci2l_14p9n_247:not(#\9)::after {
244
248
  border-left: var(--border-item-width-yvnixs, 1px) solid var(--color-background-control-checked-dyuc53, #0073bb);
245
249
  }
246
- .awsui_in-range_vci2l_yhnrz_166.awsui_in-range-border-top_vci2l_yhnrz_222.awsui_in-range-border-right_vci2l_yhnrz_237:not(#\9), .awsui_in-range_vci2l_yhnrz_166.awsui_in-range-border-top_vci2l_yhnrz_222.awsui_in-range-border-right_vci2l_yhnrz_237:not(#\9)::after {
250
+ .awsui_in-range_vci2l_14p9n_170.awsui_in-range-border-top_vci2l_14p9n_226.awsui_in-range-border-right_vci2l_14p9n_241:not(#\9), .awsui_in-range_vci2l_14p9n_170.awsui_in-range-border-top_vci2l_14p9n_226.awsui_in-range-border-right_vci2l_14p9n_241:not(#\9)::after {
247
251
  border-top-right-radius: var(--border-radius-item-wjpc1f, 0px);
248
252
  }
249
- .awsui_in-range_vci2l_yhnrz_166.awsui_in-range-border-bottom_vci2l_yhnrz_216.awsui_in-range-border-right_vci2l_yhnrz_237:not(#\9), .awsui_in-range_vci2l_yhnrz_166.awsui_in-range-border-bottom_vci2l_yhnrz_216.awsui_in-range-border-right_vci2l_yhnrz_237:not(#\9)::after {
253
+ .awsui_in-range_vci2l_14p9n_170.awsui_in-range-border-bottom_vci2l_14p9n_220.awsui_in-range-border-right_vci2l_14p9n_241:not(#\9), .awsui_in-range_vci2l_14p9n_170.awsui_in-range-border-bottom_vci2l_14p9n_220.awsui_in-range-border-right_vci2l_14p9n_241:not(#\9)::after {
250
254
  border-bottom-right-radius: var(--border-radius-item-wjpc1f, 0px);
251
255
  }
252
- .awsui_in-range_vci2l_yhnrz_166.awsui_in-range-border-bottom_vci2l_yhnrz_216.awsui_in-range-border-left_vci2l_yhnrz_243:not(#\9), .awsui_in-range_vci2l_yhnrz_166.awsui_in-range-border-bottom_vci2l_yhnrz_216.awsui_in-range-border-left_vci2l_yhnrz_243:not(#\9)::after {
256
+ .awsui_in-range_vci2l_14p9n_170.awsui_in-range-border-bottom_vci2l_14p9n_220.awsui_in-range-border-left_vci2l_14p9n_247:not(#\9), .awsui_in-range_vci2l_14p9n_170.awsui_in-range-border-bottom_vci2l_14p9n_220.awsui_in-range-border-left_vci2l_14p9n_247:not(#\9)::after {
253
257
  border-bottom-left-radius: var(--border-radius-item-wjpc1f, 0px);
254
258
  }
255
- .awsui_in-range_vci2l_yhnrz_166.awsui_in-range-border-top_vci2l_yhnrz_222.awsui_in-range-border-left_vci2l_yhnrz_243:not(#\9), .awsui_in-range_vci2l_yhnrz_166.awsui_in-range-border-top_vci2l_yhnrz_222.awsui_in-range-border-left_vci2l_yhnrz_243:not(#\9)::after {
259
+ .awsui_in-range_vci2l_14p9n_170.awsui_in-range-border-top_vci2l_14p9n_226.awsui_in-range-border-left_vci2l_14p9n_247:not(#\9), .awsui_in-range_vci2l_14p9n_170.awsui_in-range-border-top_vci2l_14p9n_226.awsui_in-range-border-left_vci2l_14p9n_247:not(#\9)::after {
256
260
  border-top-left-radius: var(--border-radius-item-wjpc1f, 0px);
257
261
  }
package/lib/internal/template/date-range-picker/calendar/grids/day/styles.selectors.js CHANGED
@@ -2,26 +2,26 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "day": "awsui_day_vci2l_yhnrz_93",
6
- "day-inner": "awsui_day-inner_vci2l_yhnrz_136",
7
- "in-first-row": "awsui_in-first-row_vci2l_yhnrz_141",
8
- "in-previous-month": "awsui_in-previous-month_vci2l_yhnrz_141",
9
- "last-day-of-month": "awsui_last-day-of-month_vci2l_yhnrz_145",
10
- "in-next-month": "awsui_in-next-month_vci2l_yhnrz_149",
11
- "in-first-column": "awsui_in-first-column_vci2l_yhnrz_153",
12
- "in-current-month": "awsui_in-current-month_vci2l_yhnrz_156",
13
- "enabled": "awsui_enabled_vci2l_yhnrz_160",
14
- "in-range": "awsui_in-range_vci2l_yhnrz_166",
15
- "end-date": "awsui_end-date_vci2l_yhnrz_166",
16
- "start-date": "awsui_start-date_vci2l_yhnrz_166",
17
- "no-range": "awsui_no-range_vci2l_yhnrz_166",
18
- "selected": "awsui_selected_vci2l_yhnrz_173",
19
- "today": "awsui_today_vci2l_yhnrz_177",
20
- "range-start-date": "awsui_range-start-date_vci2l_yhnrz_213",
21
- "in-range-border-bottom": "awsui_in-range-border-bottom_vci2l_yhnrz_216",
22
- "range-end-date": "awsui_range-end-date_vci2l_yhnrz_219",
23
- "in-range-border-top": "awsui_in-range-border-top_vci2l_yhnrz_222",
24
- "in-range-border-right": "awsui_in-range-border-right_vci2l_yhnrz_237",
25
- "in-range-border-left": "awsui_in-range-border-left_vci2l_yhnrz_243"
5
+ "day": "awsui_day_vci2l_14p9n_97",
6
+ "day-inner": "awsui_day-inner_vci2l_14p9n_140",
7
+ "in-first-row": "awsui_in-first-row_vci2l_14p9n_145",
8
+ "in-previous-month": "awsui_in-previous-month_vci2l_14p9n_145",
9
+ "last-day-of-month": "awsui_last-day-of-month_vci2l_14p9n_149",
10
+ "in-next-month": "awsui_in-next-month_vci2l_14p9n_153",
11
+ "in-first-column": "awsui_in-first-column_vci2l_14p9n_157",
12
+ "in-current-month": "awsui_in-current-month_vci2l_14p9n_160",
13
+ "enabled": "awsui_enabled_vci2l_14p9n_164",
14
+ "in-range": "awsui_in-range_vci2l_14p9n_170",
15
+ "end-date": "awsui_end-date_vci2l_14p9n_170",
16
+ "start-date": "awsui_start-date_vci2l_14p9n_170",
17
+ "no-range": "awsui_no-range_vci2l_14p9n_170",
18
+ "selected": "awsui_selected_vci2l_14p9n_177",
19
+ "today": "awsui_today_vci2l_14p9n_181",
20
+ "range-start-date": "awsui_range-start-date_vci2l_14p9n_217",
21
+ "in-range-border-bottom": "awsui_in-range-border-bottom_vci2l_14p9n_220",
22
+ "range-end-date": "awsui_range-end-date_vci2l_14p9n_223",
23
+ "in-range-border-top": "awsui_in-range-border-top_vci2l_14p9n_226",
24
+ "in-range-border-right": "awsui_in-range-border-right_vci2l_14p9n_241",
25
+ "in-range-border-left": "awsui_in-range-border-left_vci2l_14p9n_247"
26
26
  };
27
27
 
package/lib/internal/template/internal/environment.js CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- export var PACKAGE_VERSION = '3.0.0 (454e130)';
2
+ export var PACKAGE_VERSION = '3.0.0 (2eb93e7)';
3
3
  export var THEME = 'open-source-visual-refresh';
4
4
  export var ALWAYS_VISUAL_REFRESH = true;
5
5
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cloudscape-design/components-themeable",
3
- "version": "3.0.70",
3
+ "version": "3.0.71",
4
4
  "files": [
5
5
  "lib",
6
6
  "package.json",