@cloudscape-design/components-themeable 3.0.1384 → 3.0.1386
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.
- package/lib/internal/manifest.json +1 -1
- package/lib/internal/scss/button/styles.scss +1 -4
- package/lib/internal/scss/icon/mixins.scss +0 -2
- package/lib/internal/scss/icon/styles.scss +8 -1
- package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
- package/lib/internal/scss/key-value-pairs/styles.scss +9 -2
- package/lib/internal/scss/space-between/styles.scss +8 -0
- package/lib/internal/scss/spinner/mixins.scss +0 -1
- package/lib/internal/scss/tiles/styles.scss +0 -1
- package/lib/internal/scss/toggle/motion.scss +76 -0
- package/lib/internal/scss/toggle/styles.scss +4 -0
- package/lib/internal/template/alert/styles.css.js +27 -27
- package/lib/internal/template/alert/styles.scoped.css +43 -43
- package/lib/internal/template/alert/styles.selectors.js +27 -27
- package/lib/internal/template/app-layout/utils/feature-flags.d.ts +1 -0
- package/lib/internal/template/app-layout/utils/feature-flags.d.ts.map +1 -1
- package/lib/internal/template/app-layout/utils/feature-flags.js +1 -0
- package/lib/internal/template/app-layout/utils/feature-flags.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/interfaces.d.ts +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/interfaces.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/interfaces.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.d.ts +2 -2
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.js +2 -2
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-app-layout.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-app-layout.js +2 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-app-layout.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/index.d.ts +2 -2
- package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/index.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/index.js +2 -2
- package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/index.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/widget-areas/before-main-slot.js +2 -2
- package/lib/internal/template/app-layout/visual-refresh-toolbar/widget-areas/before-main-slot.js.map +1 -1
- package/lib/internal/template/badge/styles.css.js +10 -10
- package/lib/internal/template/badge/styles.scoped.css +11 -11
- package/lib/internal/template/badge/styles.selectors.js +10 -10
- package/lib/internal/template/button/styles.css.js +23 -23
- package/lib/internal/template/button/styles.scoped.css +72 -115
- package/lib/internal/template/button/styles.selectors.js +23 -23
- package/lib/internal/template/checkbox/styles.css.js +3 -3
- package/lib/internal/template/checkbox/styles.scoped.css +8 -8
- package/lib/internal/template/checkbox/styles.selectors.js +3 -3
- package/lib/internal/template/dropdown/styles.css.js +20 -20
- package/lib/internal/template/dropdown/styles.scoped.css +38 -38
- package/lib/internal/template/dropdown/styles.selectors.js +20 -20
- package/lib/internal/template/icon/styles.css.js +43 -43
- package/lib/internal/template/icon/styles.scoped.css +110 -118
- package/lib/internal/template/icon/styles.selectors.js +43 -43
- package/lib/internal/template/internal/base-component/styles.scoped.css +1 -1
- package/lib/internal/template/internal/environment.js +2 -2
- package/lib/internal/template/internal/environment.json +2 -2
- package/lib/internal/template/key-value-pairs/styles.css.js +8 -8
- package/lib/internal/template/key-value-pairs/styles.scoped.css +16 -11
- package/lib/internal/template/key-value-pairs/styles.selectors.js +8 -8
- package/lib/internal/template/link/styles.css.js +21 -21
- package/lib/internal/template/link/styles.scoped.css +73 -73
- package/lib/internal/template/link/styles.selectors.js +21 -21
- package/lib/internal/template/radio-button/styles.css.js +1 -1
- package/lib/internal/template/radio-button/styles.scoped.css +2 -2
- package/lib/internal/template/radio-button/styles.selectors.js +1 -1
- package/lib/internal/template/space-between/internal.d.ts.map +1 -1
- package/lib/internal/template/space-between/internal.js +2 -1
- package/lib/internal/template/space-between/internal.js.map +1 -1
- package/lib/internal/template/space-between/styles.css.js +24 -23
- package/lib/internal/template/space-between/styles.scoped.css +29 -24
- package/lib/internal/template/space-between/styles.selectors.js +24 -23
- package/lib/internal/template/spinner/styles.css.js +14 -14
- package/lib/internal/template/spinner/styles.scoped.css +20 -24
- package/lib/internal/template/spinner/styles.selectors.js +14 -14
- package/lib/internal/template/tiles/styles.css.js +30 -30
- package/lib/internal/template/tiles/styles.scoped.css +72 -76
- package/lib/internal/template/tiles/styles.selectors.js +30 -30
- package/lib/internal/template/toggle/internal.d.ts.map +1 -1
- package/lib/internal/template/toggle/internal.js +8 -2
- package/lib/internal/template/toggle/internal.js.map +1 -1
- package/lib/internal/template/toggle/styles.css.js +10 -10
- package/lib/internal/template/toggle/styles.scoped.css +20 -21
- package/lib/internal/template/toggle/styles.selectors.js +10 -10
- package/package.json +1 -1
|
@@ -34,10 +34,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
34
34
|
syntax: "*";
|
|
35
35
|
inherits: false;
|
|
36
36
|
}
|
|
37
|
-
/* awsui:style-api-slot name=control tokens=color, background-color, focus-ring-color, focus-ring-width, focus-ring-radius, focus-ring-gutter-block, focus-ring-gutter-inline */
|
|
38
|
-
/* awsui:style-api-slot name=label tokens=color */
|
|
39
|
-
/* awsui:style-api-slot name=description tokens=color */
|
|
40
|
-
.
|
|
37
|
+
/* awsui:style-api-slot name=control tokens=color, background-color, focus-ring-color, focus-ring-width, focus-ring-radius, focus-ring-gutter-block, focus-ring-gutter-inline properties= */
|
|
38
|
+
/* awsui:style-api-slot name=label tokens=color properties= */
|
|
39
|
+
/* awsui:style-api-slot name=description tokens=color properties= */
|
|
40
|
+
.awsui_root_4yi2u_e9sk2_40:not(#\9) {
|
|
41
41
|
border-collapse: separate;
|
|
42
42
|
border-spacing: 0;
|
|
43
43
|
box-sizing: border-box;
|
|
@@ -70,14 +70,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
70
70
|
display: flex;
|
|
71
71
|
}
|
|
72
72
|
|
|
73
|
-
.
|
|
73
|
+
.awsui_outline_4yi2u_e9sk2_73:not(#\9) {
|
|
74
74
|
position: relative;
|
|
75
75
|
}
|
|
76
|
-
.
|
|
76
|
+
.awsui_outline_4yi2u_e9sk2_73:not(#\9) {
|
|
77
77
|
outline: 2px dotted transparent;
|
|
78
78
|
outline-offset: calc(var(--awsui-internal-style-focus-ring-gutter-inline, 2px) - 1px);
|
|
79
79
|
}
|
|
80
|
-
.
|
|
80
|
+
.awsui_outline_4yi2u_e9sk2_73:not(#\9)::before {
|
|
81
81
|
content: " ";
|
|
82
82
|
display: block;
|
|
83
83
|
position: absolute;
|
|
@@ -92,7 +92,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
92
92
|
box-shadow: 0 0 0 var(--awsui-internal-style-focus-ring-width, var(--awsui-style-focus-ring-border-width-ka4djm, 2px)) var(--awsui-internal-style-focus-ring-color, var(--awsui-style-focus-ring-border-color-ka4djm, var(--color-border-item-focused-sewkzn, #0073bb)));
|
|
93
93
|
}
|
|
94
94
|
|
|
95
|
-
.awsui_toggle-
|
|
95
|
+
.awsui_toggle-control_4yi2u_e9sk2_95:not(#\9) {
|
|
96
96
|
--awsui-internal-style-color: var(--awsui-style-color);
|
|
97
97
|
--awsui-internal-style-background-color: var(--awsui-style-background-color);
|
|
98
98
|
--awsui-internal-style-focus-ring-color: var(--awsui-style-focus-ring-color);
|
|
@@ -112,20 +112,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
112
112
|
border-end-start-radius: 8px;
|
|
113
113
|
border-end-end-radius: 8px;
|
|
114
114
|
}
|
|
115
|
-
.awsui_toggle-control-
|
|
115
|
+
.awsui_toggle-control-checked_4yi2u_e9sk2_115:not(#\9) {
|
|
116
116
|
background: var(--awsui-internal-style-background-color, var(--color-background-control-checked-ksqwhc, #0073bb));
|
|
117
117
|
}
|
|
118
|
-
.awsui_toggle-control-
|
|
118
|
+
.awsui_toggle-control-disabled_4yi2u_e9sk2_118:not(#\9) {
|
|
119
119
|
background: var(--awsui-internal-style-background-color, var(--color-background-control-disabled-m61b8s, #d5dbdb));
|
|
120
120
|
}
|
|
121
|
-
.awsui_toggle-control-
|
|
121
|
+
.awsui_toggle-control-disabled_4yi2u_e9sk2_118.awsui_toggle-control-checked_4yi2u_e9sk2_115:not(#\9) {
|
|
122
122
|
background: var(--awsui-internal-style-background-color, var(--color-background-toggle-checked-disabled-81loy3, #99cbe4));
|
|
123
123
|
}
|
|
124
|
-
.awsui_toggle-control-
|
|
124
|
+
.awsui_toggle-control-readonly_4yi2u_e9sk2_124:not(#\9) {
|
|
125
125
|
background: var(--awsui-internal-style-background-color, var(--color-background-control-disabled-m61b8s, #d5dbdb));
|
|
126
126
|
}
|
|
127
|
-
|
|
128
|
-
.awsui_toggle-handle_4yi2u_1gepn_128:not(#\9) {
|
|
127
|
+
.awsui_toggle-handle_4yi2u_e9sk2_127:not(#\9) {
|
|
129
128
|
display: block;
|
|
130
129
|
position: absolute;
|
|
131
130
|
border-start-start-radius: 6px;
|
|
@@ -141,29 +140,29 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
141
140
|
transition: transform var(--motion-duration-fast-yb0m8k, 90ms) var(--motion-easing-ease-out-quart-k5q7pi, cubic-bezier(0.165, 0.84, 0.44, 1)), background-color var(--motion-duration-fast-yb0m8k, 90ms) var(--motion-easing-ease-out-quart-k5q7pi, cubic-bezier(0.165, 0.84, 0.44, 1));
|
|
142
141
|
}
|
|
143
142
|
@media (prefers-reduced-motion: reduce) {
|
|
144
|
-
.awsui_toggle-
|
|
143
|
+
.awsui_toggle-handle_4yi2u_e9sk2_127:not(#\9) {
|
|
145
144
|
animation: none;
|
|
146
145
|
transition: none;
|
|
147
146
|
}
|
|
148
147
|
}
|
|
149
|
-
.awsui-motion-disabled .awsui_toggle-
|
|
148
|
+
.awsui-motion-disabled .awsui_toggle-handle_4yi2u_e9sk2_127:not(#\9), .awsui-mode-entering .awsui_toggle-handle_4yi2u_e9sk2_127:not(#\9) {
|
|
150
149
|
animation: none;
|
|
151
150
|
transition: none;
|
|
152
151
|
}
|
|
153
|
-
.awsui_toggle-handle-
|
|
152
|
+
.awsui_toggle-handle-checked_4yi2u_e9sk2_152:not(#\9) {
|
|
154
153
|
transform: translateX(8px);
|
|
155
154
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
156
155
|
}
|
|
157
|
-
.awsui_toggle-handle-
|
|
156
|
+
.awsui_toggle-handle-checked_4yi2u_e9sk2_152:not(#\9):dir(rtl) {
|
|
158
157
|
transform: translateX(-8px);
|
|
159
158
|
}
|
|
160
|
-
.awsui_toggle-handle-
|
|
159
|
+
.awsui_toggle-handle-disabled_4yi2u_e9sk2_159:not(#\9) {
|
|
161
160
|
background: var(--awsui-internal-style-color, var(--color-foreground-control-disabled-bikivj, #ffffff));
|
|
162
161
|
box-shadow: none;
|
|
163
162
|
}
|
|
164
|
-
.awsui_toggle-handle-
|
|
163
|
+
.awsui_toggle-handle-readonly_4yi2u_e9sk2_163:not(#\9):not(.awsui_toggle-handle-disabled_4yi2u_e9sk2_159) {
|
|
165
164
|
box-shadow: none;
|
|
166
165
|
}
|
|
167
|
-
.awsui_toggle-handle-
|
|
166
|
+
.awsui_toggle-handle-readonly_4yi2u_e9sk2_163:not(#\9):not(.awsui_toggle-handle-disabled_4yi2u_e9sk2_159).awsui_toggle-handle-checked_4yi2u_e9sk2_152 {
|
|
168
167
|
background: var(--awsui-internal-style-color, var(--color-foreground-control-read-only-8sqxyy, #687078));
|
|
169
168
|
}
|
|
@@ -2,15 +2,15 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"root": "
|
|
6
|
-
"outline": "
|
|
7
|
-
"toggle-control": "awsui_toggle-
|
|
8
|
-
"toggle-control-checked": "awsui_toggle-control-
|
|
9
|
-
"toggle-control-disabled": "awsui_toggle-control-
|
|
10
|
-
"toggle-control-readonly": "awsui_toggle-control-
|
|
11
|
-
"toggle-handle": "awsui_toggle-
|
|
12
|
-
"toggle-handle-checked": "awsui_toggle-handle-
|
|
13
|
-
"toggle-handle-disabled": "awsui_toggle-handle-
|
|
14
|
-
"toggle-handle-readonly": "awsui_toggle-handle-
|
|
5
|
+
"root": "awsui_root_4yi2u_e9sk2_40",
|
|
6
|
+
"outline": "awsui_outline_4yi2u_e9sk2_73",
|
|
7
|
+
"toggle-control": "awsui_toggle-control_4yi2u_e9sk2_95",
|
|
8
|
+
"toggle-control-checked": "awsui_toggle-control-checked_4yi2u_e9sk2_115",
|
|
9
|
+
"toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_e9sk2_118",
|
|
10
|
+
"toggle-control-readonly": "awsui_toggle-control-readonly_4yi2u_e9sk2_124",
|
|
11
|
+
"toggle-handle": "awsui_toggle-handle_4yi2u_e9sk2_127",
|
|
12
|
+
"toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_e9sk2_152",
|
|
13
|
+
"toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_e9sk2_159",
|
|
14
|
+
"toggle-handle-readonly": "awsui_toggle-handle-readonly_4yi2u_e9sk2_163"
|
|
15
15
|
};
|
|
16
16
|
|