@carbon/styles 1.5.0 → 1.7.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 +21 -4
- package/css/styles.min.css +1 -1
- package/package.json +4 -3
- package/scss/components/data-table/sort/_data-table-sort.scss +1 -0
- package/scss/components/modal/_modal.scss +2 -1
- package/scss/components/notification/_actionable-notification.scss +1 -0
- package/scss/components/tabs/_tabs.scss +7 -1
- package/scss/components/tag/_tag.scss +3 -1
- package/scss/components/toggle/_toggle.scss +106 -644
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@carbon/styles",
|
|
3
3
|
"description": "Styles for the Carbon Design System",
|
|
4
|
-
"version": "1.
|
|
4
|
+
"version": "1.7.0",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -56,7 +56,8 @@
|
|
|
56
56
|
"sideEffects": [
|
|
57
57
|
"index.scss",
|
|
58
58
|
"scss/**/*.scss",
|
|
59
|
-
"scss/**/*.css"
|
|
59
|
+
"scss/**/*.css",
|
|
60
|
+
"css/**/*.css"
|
|
60
61
|
],
|
|
61
|
-
"gitHead": "
|
|
62
|
+
"gitHead": "65f0882c8fbf9f52f9acf8cf899b124f9cbab720"
|
|
62
63
|
}
|
|
@@ -142,8 +142,9 @@
|
|
|
142
142
|
// text/p gets 20% right padding
|
|
143
143
|
.#{$prefix}--modal-content p,
|
|
144
144
|
.#{$prefix}--modal-content__regular-content {
|
|
145
|
-
padding-right: 20%;
|
|
146
145
|
@include type-style('body-01');
|
|
146
|
+
// padding should take into account the left and right padding of modal container
|
|
147
|
+
padding-right: calc(20% - $spacing-07);
|
|
147
148
|
}
|
|
148
149
|
|
|
149
150
|
//TO-DO: remove .#{$prefix}--modal-content--with-form in v11 since hasForm has been deprecated\
|
|
@@ -54,7 +54,7 @@ $icon-tab-size: custom-property.get-var('icon-tab-size', rem(40px));
|
|
|
54
54
|
|
|
55
55
|
.#{$prefix}--tab--list {
|
|
56
56
|
display: flex;
|
|
57
|
-
width:
|
|
57
|
+
width: auto;
|
|
58
58
|
overflow-x: auto;
|
|
59
59
|
scroll-behavior: smooth;
|
|
60
60
|
scrollbar-width: none;
|
|
@@ -455,6 +455,12 @@ $icon-tab-size: custom-property.get-var('icon-tab-size', rem(40px));
|
|
|
455
455
|
}
|
|
456
456
|
}
|
|
457
457
|
|
|
458
|
+
.#{$prefix}--tab-content--interactive {
|
|
459
|
+
&:focus {
|
|
460
|
+
outline: none;
|
|
461
|
+
}
|
|
462
|
+
}
|
|
463
|
+
|
|
458
464
|
//-----------------------------
|
|
459
465
|
// Skeleton state
|
|
460
466
|
//-----------------------------
|
|
@@ -117,7 +117,7 @@
|
|
|
117
117
|
.#{$prefix}--tag--outline {
|
|
118
118
|
@include tag-theme($background, $text-primary, $layer-hover);
|
|
119
119
|
|
|
120
|
-
box-shadow:
|
|
120
|
+
box-shadow: 0 0 0 1px $background-inverse;
|
|
121
121
|
}
|
|
122
122
|
|
|
123
123
|
.#{$prefix}--tag--disabled,
|
|
@@ -125,6 +125,8 @@
|
|
|
125
125
|
.#{$prefix}--tag--interactive.#{$prefix}--tag--disabled {
|
|
126
126
|
@include tag-theme($layer, $text-disabled);
|
|
127
127
|
|
|
128
|
+
box-shadow: none;
|
|
129
|
+
|
|
128
130
|
&:hover {
|
|
129
131
|
cursor: not-allowed;
|
|
130
132
|
}
|