@carbon/styles 1.15.0 → 1.16.0
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/css/styles.css +2623 -2434
- package/css/styles.min.css +1 -1
- package/package.json +5 -5
- package/scss/__tests__/__snapshots__/type-test.js.snap +1097 -1065
- package/scss/components/_index.scss +3 -0
- package/scss/components/button/_tokens.scss +76 -75
- package/scss/components/data-table/sort/_data-table-sort.scss +1 -1
- package/scss/components/fluid-combo-box/_fluid-combo-box.scss +71 -0
- package/scss/components/fluid-combo-box/_index.scss +11 -0
- package/scss/components/fluid-list-box/_fluid-list-box.scss +42 -4
- package/scss/components/fluid-multiselect/_fluid-multiselect.scss +41 -0
- package/scss/components/fluid-multiselect/_index.scss +11 -0
- package/scss/components/fluid-select/_fluid-select.scss +158 -0
- package/scss/components/fluid-select/_index.scss +11 -0
- package/scss/components/notification/_tokens.scss +150 -42
- package/scss/components/number-input/_number-input.scss +1 -1
- package/scss/components/overflow-menu/_overflow-menu.scss +1 -1
- package/scss/components/progress-indicator/_progress-indicator.scss +5 -0
- package/scss/components/tag/_tokens.scss +152 -150
- package/scss/components/text-input/_text-input.scss +14 -8
- package/scss/components/ui-shell/header/_header.scss +16 -19
|
@@ -94,17 +94,13 @@
|
|
|
94
94
|
width: 100%;
|
|
95
95
|
}
|
|
96
96
|
|
|
97
|
-
.#{$prefix}--text-input__invalid-icon
|
|
98
|
-
.#{$prefix}--text-input__readonly-icon {
|
|
97
|
+
.#{$prefix}--text-input__invalid-icon {
|
|
99
98
|
position: absolute;
|
|
100
99
|
// top/transform used to center invalid icon in IE11
|
|
101
100
|
top: 50%;
|
|
102
101
|
right: $spacing-05;
|
|
103
|
-
transform: translateY(-50%);
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
.#{$prefix}--text-input__invalid-icon {
|
|
107
102
|
fill: $support-error;
|
|
103
|
+
transform: translateY(-50%);
|
|
108
104
|
}
|
|
109
105
|
|
|
110
106
|
.#{$prefix}--text-input__invalid-icon--warning {
|
|
@@ -175,8 +171,7 @@
|
|
|
175
171
|
}
|
|
176
172
|
|
|
177
173
|
.#{$prefix}--text-input--invalid,
|
|
178
|
-
.#{$prefix}--text-input--warning
|
|
179
|
-
.#{$prefix}--text-input-wrapper--readonly .#{$prefix}--text-input {
|
|
174
|
+
.#{$prefix}--text-input--warning {
|
|
180
175
|
padding-right: $spacing-08;
|
|
181
176
|
}
|
|
182
177
|
|
|
@@ -392,6 +387,17 @@
|
|
|
392
387
|
flex-direction: column;
|
|
393
388
|
}
|
|
394
389
|
|
|
390
|
+
.#{$prefix}--text-input-wrapper--inline .cds--form-requirement {
|
|
391
|
+
display: block;
|
|
392
|
+
overflow: visible;
|
|
393
|
+
max-height: rem(200px);
|
|
394
|
+
font-weight: 400;
|
|
395
|
+
}
|
|
396
|
+
|
|
397
|
+
.#{$prefix}--text-input-wrapper--inline--invalid .cds--form-requirement {
|
|
398
|
+
color: $text-error;
|
|
399
|
+
}
|
|
400
|
+
|
|
395
401
|
//-----------------------------
|
|
396
402
|
// Readonly
|
|
397
403
|
//-----------------------------
|
|
@@ -268,6 +268,22 @@
|
|
|
268
268
|
border: 0;
|
|
269
269
|
}
|
|
270
270
|
|
|
271
|
+
.#{$prefix}--header__submenu .#{$prefix}--header__menu {
|
|
272
|
+
a.#{$prefix}--header__menu-item[aria-current='page']::after,
|
|
273
|
+
.#{$prefix}--header__menu-item--current::after {
|
|
274
|
+
bottom: 0;
|
|
275
|
+
left: -2px;
|
|
276
|
+
border-bottom: none;
|
|
277
|
+
border-left: 3px solid $border-interactive;
|
|
278
|
+
}
|
|
279
|
+
|
|
280
|
+
a.#{$prefix}--header__menu-item[aria-current='page']:focus::after,
|
|
281
|
+
.#{$prefix}--header__menu-item--current:focus::after {
|
|
282
|
+
left: 0;
|
|
283
|
+
border-left: 3px solid $border-interactive;
|
|
284
|
+
}
|
|
285
|
+
}
|
|
286
|
+
|
|
271
287
|
a.#{$prefix}--header__menu-item[aria-current='page']:focus,
|
|
272
288
|
a.#{$prefix}--header__menu-item.#{$prefix}--header__menu-item--current:focus {
|
|
273
289
|
border: 2px solid $focus;
|
|
@@ -277,25 +293,6 @@
|
|
|
277
293
|
position: relative;
|
|
278
294
|
}
|
|
279
295
|
|
|
280
|
-
.#{$prefix}--header__submenu--current::after {
|
|
281
|
-
position: absolute;
|
|
282
|
-
top: 0;
|
|
283
|
-
right: 0;
|
|
284
|
-
bottom: 0;
|
|
285
|
-
left: 0;
|
|
286
|
-
width: 100%;
|
|
287
|
-
border-bottom: 3px solid $border-interactive;
|
|
288
|
-
content: '';
|
|
289
|
-
}
|
|
290
|
-
|
|
291
|
-
.#{$prefix}--header__submenu--current:focus {
|
|
292
|
-
border: 2px solid $focus;
|
|
293
|
-
}
|
|
294
|
-
|
|
295
|
-
.#{$prefix}--header__submenu--current:focus::after {
|
|
296
|
-
border: 0;
|
|
297
|
-
}
|
|
298
|
-
|
|
299
296
|
.#{$prefix}--header__menu-title[aria-haspopup='true'] {
|
|
300
297
|
position: relative;
|
|
301
298
|
}
|