@carbon/styles 1.82.0-rc.0 → 1.82.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 +315 -43
- package/css/styles.min.css +1 -1
- package/package.json +3 -3
- package/scss/__tests__/theme-test.js +4 -0
- package/scss/_layer.scss +7 -0
- package/scss/_zone.scss +3 -1
- package/scss/components/content-switcher/_content-switcher.scss +424 -54
- package/scss/components/content-switcher/_index.scss +6 -1
- package/scss/components/content-switcher/_tokens.scss +110 -0
- package/scss/layer/_layer-sets.scss +5 -0
- package/scss/theme/_theme.scss +1 -0
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.82.0
|
|
4
|
+
"version": "1.82.0",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
"@carbon/grid": "^11.36.0",
|
|
46
46
|
"@carbon/layout": "^11.34.0",
|
|
47
47
|
"@carbon/motion": "^11.28.0",
|
|
48
|
-
"@carbon/themes": "^11.
|
|
48
|
+
"@carbon/themes": "^11.53.0",
|
|
49
49
|
"@carbon/type": "^11.40.0",
|
|
50
50
|
"@ibm/plex": "6.0.0-next.6",
|
|
51
51
|
"@ibm/plex-mono": "0.0.3-alpha.0",
|
|
@@ -75,5 +75,5 @@
|
|
|
75
75
|
"scss/**/*.css",
|
|
76
76
|
"css/**/*.css"
|
|
77
77
|
],
|
|
78
|
-
"gitHead": "
|
|
78
|
+
"gitHead": "68105b183b14b348bcba4622f86a9e50265414da"
|
|
79
79
|
}
|
|
@@ -46,16 +46,19 @@ describe('@carbon/styles/scss/theme', () => {
|
|
|
46
46
|
"background-inverse-hover",
|
|
47
47
|
"layer-01",
|
|
48
48
|
"layer-active-01",
|
|
49
|
+
"layer-background-01",
|
|
49
50
|
"layer-hover-01",
|
|
50
51
|
"layer-selected-01",
|
|
51
52
|
"layer-selected-hover-01",
|
|
52
53
|
"layer-02",
|
|
53
54
|
"layer-active-02",
|
|
55
|
+
"layer-background-02",
|
|
54
56
|
"layer-hover-02",
|
|
55
57
|
"layer-selected-02",
|
|
56
58
|
"layer-selected-hover-02",
|
|
57
59
|
"layer-03",
|
|
58
60
|
"layer-active-03",
|
|
61
|
+
"layer-background-03",
|
|
59
62
|
"layer-hover-03",
|
|
60
63
|
"layer-selected-03",
|
|
61
64
|
"layer-selected-hover-03",
|
|
@@ -177,6 +180,7 @@ describe('@carbon/styles/scss/theme', () => {
|
|
|
177
180
|
"skeleton-element",
|
|
178
181
|
"layer",
|
|
179
182
|
"layer-active",
|
|
183
|
+
"layer-background",
|
|
180
184
|
"layer-hover",
|
|
181
185
|
"layer-selected",
|
|
182
186
|
"layer-selected-hover",
|
package/scss/_layer.scss
CHANGED
|
@@ -8,6 +8,7 @@
|
|
|
8
8
|
@forward './layer/layer-sets';
|
|
9
9
|
@use './config' as *;
|
|
10
10
|
@use './layer/layer-tokens';
|
|
11
|
+
@use './theme' as *;
|
|
11
12
|
|
|
12
13
|
:root {
|
|
13
14
|
@include layer-tokens.emit-layer-tokens(1);
|
|
@@ -24,3 +25,9 @@
|
|
|
24
25
|
.#{$prefix}--layer-three {
|
|
25
26
|
@include layer-tokens.emit-layer-tokens(3);
|
|
26
27
|
}
|
|
28
|
+
|
|
29
|
+
@each $i in (one, two, three) {
|
|
30
|
+
.#{$prefix}--layer-#{$i}.#{$prefix}--layer__with-background {
|
|
31
|
+
background-color: $layer-background;
|
|
32
|
+
}
|
|
33
|
+
}
|
package/scss/_zone.scss
CHANGED
|
@@ -18,6 +18,7 @@
|
|
|
18
18
|
@use './components/notification/tokens' as notification;
|
|
19
19
|
@use './components/tag/tokens' as tag;
|
|
20
20
|
@use './components/icon-indicator/tokens' as icon-indicator;
|
|
21
|
+
@use './components/content-switcher/tokens' as content-switcher;
|
|
21
22
|
|
|
22
23
|
/// Specify a Map of zones where the key will be used as part of the selector
|
|
23
24
|
/// and the value will be a map used to emit CSS Custom Properties for all color
|
|
@@ -33,7 +34,8 @@ $-components: (
|
|
|
33
34
|
button.$button-tokens,
|
|
34
35
|
notification.$notification-tokens,
|
|
35
36
|
tag.$tag-tokens,
|
|
36
|
-
icon-indicator.$status-tokens
|
|
37
|
+
icon-indicator.$status-tokens,
|
|
38
|
+
content-switcher.$content-switcher-tokens
|
|
37
39
|
);
|
|
38
40
|
|
|
39
41
|
@each $name, $theme in $zones {
|