@carbon/styles 1.75.0 → 1.76.0-rc.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.
Files changed (11) hide show
  1. package/css/styles.css +211 -1
  2. package/css/styles.min.css +1 -1
  3. package/package.json +8 -8
  4. package/scss/__tests__/__snapshots__/config-test.js.snap +1 -0
  5. package/scss/__tests__/__snapshots__/type-test.js.snap +4539 -1464
  6. package/scss/__tests__/config-test.js +3 -0
  7. package/scss/__tests__/type-test.js +21 -2
  8. package/scss/_config.scss +6 -0
  9. package/scss/components/tabs/_tabs.scss +2 -0
  10. package/scss/components/treeview/_treeview.scss +19 -0
  11. package/scss/type/_index.scss +24 -0
package/css/styles.css CHANGED
@@ -1,4 +1,198 @@
1
1
  @charset "UTF-8";
2
+ :root {
3
+ --cds-caption-01-font-size: 0.75rem;
4
+ --cds-caption-01-font-weight: 400;
5
+ --cds-caption-01-line-height: 1.33333;
6
+ --cds-caption-01-letter-spacing: 0.32px;
7
+ --cds-caption-02-font-size: 0.875rem;
8
+ --cds-caption-02-font-weight: 400;
9
+ --cds-caption-02-line-height: 1.28572;
10
+ --cds-caption-02-letter-spacing: 0.32px;
11
+ --cds-label-01-font-size: 0.75rem;
12
+ --cds-label-01-font-weight: 400;
13
+ --cds-label-01-line-height: 1.33333;
14
+ --cds-label-01-letter-spacing: 0.32px;
15
+ --cds-label-02-font-size: 0.875rem;
16
+ --cds-label-02-font-weight: 400;
17
+ --cds-label-02-line-height: 1.28572;
18
+ --cds-label-02-letter-spacing: 0.16px;
19
+ --cds-helper-text-01-font-size: 0.75rem;
20
+ --cds-helper-text-01-line-height: 1.33333;
21
+ --cds-helper-text-01-letter-spacing: 0.32px;
22
+ --cds-helper-text-02-font-size: 0.875rem;
23
+ --cds-helper-text-02-font-weight: 400;
24
+ --cds-helper-text-02-line-height: 1.28572;
25
+ --cds-helper-text-02-letter-spacing: 0.16px;
26
+ --cds-body-short-01-font-size: 0.875rem;
27
+ --cds-body-short-01-font-weight: 400;
28
+ --cds-body-short-01-line-height: 1.28572;
29
+ --cds-body-short-01-letter-spacing: 0.16px;
30
+ --cds-body-short-02-font-size: 1rem;
31
+ --cds-body-short-02-font-weight: 400;
32
+ --cds-body-short-02-line-height: 1.375;
33
+ --cds-body-short-02-letter-spacing: 0;
34
+ --cds-body-long-01-font-size: 0.875rem;
35
+ --cds-body-long-01-font-weight: 400;
36
+ --cds-body-long-01-line-height: 1.42857;
37
+ --cds-body-long-01-letter-spacing: 0.16px;
38
+ --cds-body-long-02-font-size: 1rem;
39
+ --cds-body-long-02-font-weight: 400;
40
+ --cds-body-long-02-line-height: 1.5;
41
+ --cds-body-long-02-letter-spacing: 0;
42
+ --cds-code-01-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
43
+ --cds-code-01-font-size: 0.75rem;
44
+ --cds-code-01-font-weight: 400;
45
+ --cds-code-01-line-height: 1.33333;
46
+ --cds-code-01-letter-spacing: 0.32px;
47
+ --cds-code-02-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
48
+ --cds-code-02-font-size: 0.875rem;
49
+ --cds-code-02-font-weight: 400;
50
+ --cds-code-02-line-height: 1.42857;
51
+ --cds-code-02-letter-spacing: 0.32px;
52
+ --cds-heading-01-font-size: 0.875rem;
53
+ --cds-heading-01-font-weight: 600;
54
+ --cds-heading-01-line-height: 1.42857;
55
+ --cds-heading-01-letter-spacing: 0.16px;
56
+ --cds-heading-02-font-size: 1rem;
57
+ --cds-heading-02-font-weight: 600;
58
+ --cds-heading-02-line-height: 1.5;
59
+ --cds-heading-02-letter-spacing: 0;
60
+ --cds-productive-heading-01-font-size: 0.875rem;
61
+ --cds-productive-heading-01-font-weight: 600;
62
+ --cds-productive-heading-01-line-height: 1.28572;
63
+ --cds-productive-heading-01-letter-spacing: 0.16px;
64
+ --cds-productive-heading-02-font-size: 1rem;
65
+ --cds-productive-heading-02-font-weight: 600;
66
+ --cds-productive-heading-02-line-height: 1.375;
67
+ --cds-productive-heading-02-letter-spacing: 0;
68
+ --cds-productive-heading-03-font-size: 1.25rem;
69
+ --cds-productive-heading-03-font-weight: 400;
70
+ --cds-productive-heading-03-line-height: 1.4;
71
+ --cds-productive-heading-03-letter-spacing: 0;
72
+ --cds-productive-heading-04-font-size: 1.75rem;
73
+ --cds-productive-heading-04-font-weight: 400;
74
+ --cds-productive-heading-04-line-height: 1.28572;
75
+ --cds-productive-heading-04-letter-spacing: 0;
76
+ --cds-productive-heading-05-font-size: 2rem;
77
+ --cds-productive-heading-05-font-weight: 400;
78
+ --cds-productive-heading-05-line-height: 1.25;
79
+ --cds-productive-heading-05-letter-spacing: 0;
80
+ --cds-productive-heading-06-font-size: 2.625rem;
81
+ --cds-productive-heading-06-font-weight: 300;
82
+ --cds-productive-heading-06-line-height: 1.199;
83
+ --cds-productive-heading-06-letter-spacing: 0;
84
+ --cds-productive-heading-07-font-size: 3.375rem;
85
+ --cds-productive-heading-07-font-weight: 300;
86
+ --cds-productive-heading-07-line-height: 1.19;
87
+ --cds-productive-heading-07-letter-spacing: 0;
88
+ --cds-expressive-paragraph-01-font-size: 1.5rem;
89
+ --cds-expressive-paragraph-01-font-weight: 300;
90
+ --cds-expressive-paragraph-01-line-height: 1.334;
91
+ --cds-expressive-paragraph-01-letter-spacing: 0;
92
+ --cds-expressive-heading-01-font-size: 0.875rem;
93
+ --cds-expressive-heading-01-font-weight: 600;
94
+ --cds-expressive-heading-01-line-height: 1.42857;
95
+ --cds-expressive-heading-01-letter-spacing: 0.16px;
96
+ --cds-expressive-heading-02-font-size: 1rem;
97
+ --cds-expressive-heading-02-font-weight: 600;
98
+ --cds-expressive-heading-02-line-height: 1.5;
99
+ --cds-expressive-heading-02-letter-spacing: 0;
100
+ --cds-expressive-heading-03-font-size: 1.25rem;
101
+ --cds-expressive-heading-03-font-weight: 400;
102
+ --cds-expressive-heading-03-line-height: 1.4;
103
+ --cds-expressive-heading-03-letter-spacing: 0;
104
+ --cds-expressive-heading-04-font-size: 1.75rem;
105
+ --cds-expressive-heading-04-font-weight: 400;
106
+ --cds-expressive-heading-04-line-height: 1.28572;
107
+ --cds-expressive-heading-04-letter-spacing: 0;
108
+ --cds-expressive-heading-05-font-size: 2rem;
109
+ --cds-expressive-heading-05-font-weight: 400;
110
+ --cds-expressive-heading-05-line-height: 1.25;
111
+ --cds-expressive-heading-05-letter-spacing: 0;
112
+ --cds-expressive-heading-06-font-size: 2rem;
113
+ --cds-expressive-heading-06-font-weight: 600;
114
+ --cds-expressive-heading-06-line-height: 1.25;
115
+ --cds-expressive-heading-06-letter-spacing: 0;
116
+ --cds-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
117
+ --cds-quotation-01-font-size: 1.25rem;
118
+ --cds-quotation-01-font-weight: 400;
119
+ --cds-quotation-01-line-height: 1.3;
120
+ --cds-quotation-01-letter-spacing: 0;
121
+ --cds-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
122
+ --cds-quotation-02-font-size: 2rem;
123
+ --cds-quotation-02-font-weight: 300;
124
+ --cds-quotation-02-line-height: 1.25;
125
+ --cds-quotation-02-letter-spacing: 0;
126
+ --cds-display-01-font-size: 2.625rem;
127
+ --cds-display-01-font-weight: 300;
128
+ --cds-display-01-line-height: 1.19;
129
+ --cds-display-01-letter-spacing: 0;
130
+ --cds-display-02-font-size: 2.625rem;
131
+ --cds-display-02-font-weight: 600;
132
+ --cds-display-02-line-height: 1.19;
133
+ --cds-display-02-letter-spacing: 0;
134
+ --cds-display-03-font-size: 2.625rem;
135
+ --cds-display-03-font-weight: 300;
136
+ --cds-display-03-line-height: 1.19;
137
+ --cds-display-03-letter-spacing: 0;
138
+ --cds-display-04-font-size: 2.625rem;
139
+ --cds-display-04-font-weight: 300;
140
+ --cds-display-04-line-height: 1.19;
141
+ --cds-display-04-letter-spacing: 0;
142
+ --cds-legal-01-font-size: 0.75rem;
143
+ --cds-legal-01-font-weight: 400;
144
+ --cds-legal-01-line-height: 1.33333;
145
+ --cds-legal-01-letter-spacing: 0.32px;
146
+ --cds-legal-02-font-size: 0.875rem;
147
+ --cds-legal-02-font-weight: 400;
148
+ --cds-legal-02-line-height: 1.28572;
149
+ --cds-legal-02-letter-spacing: 0.16px;
150
+ --cds-body-compact-01-font-size: 0.875rem;
151
+ --cds-body-compact-01-font-weight: 400;
152
+ --cds-body-compact-01-line-height: 1.28572;
153
+ --cds-body-compact-01-letter-spacing: 0.16px;
154
+ --cds-body-compact-02-font-size: 1rem;
155
+ --cds-body-compact-02-font-weight: 400;
156
+ --cds-body-compact-02-line-height: 1.375;
157
+ --cds-body-compact-02-letter-spacing: 0;
158
+ --cds-heading-compact-01-font-size: 0.875rem;
159
+ --cds-heading-compact-01-font-weight: 600;
160
+ --cds-heading-compact-01-line-height: 1.28572;
161
+ --cds-heading-compact-01-letter-spacing: 0.16px;
162
+ --cds-heading-compact-02-font-size: 1rem;
163
+ --cds-heading-compact-02-font-weight: 600;
164
+ --cds-heading-compact-02-line-height: 1.375;
165
+ --cds-heading-compact-02-letter-spacing: 0;
166
+ --cds-body-01-font-size: 0.875rem;
167
+ --cds-body-01-font-weight: 400;
168
+ --cds-body-01-line-height: 1.42857;
169
+ --cds-body-01-letter-spacing: 0.16px;
170
+ --cds-body-02-font-size: 1rem;
171
+ --cds-body-02-font-weight: 400;
172
+ --cds-body-02-line-height: 1.5;
173
+ --cds-body-02-letter-spacing: 0;
174
+ --cds-heading-03-font-size: 1.25rem;
175
+ --cds-heading-03-font-weight: 400;
176
+ --cds-heading-03-line-height: 1.4;
177
+ --cds-heading-03-letter-spacing: 0;
178
+ --cds-heading-04-font-size: 1.75rem;
179
+ --cds-heading-04-font-weight: 400;
180
+ --cds-heading-04-line-height: 1.28572;
181
+ --cds-heading-04-letter-spacing: 0;
182
+ --cds-heading-05-font-size: 2rem;
183
+ --cds-heading-05-font-weight: 400;
184
+ --cds-heading-05-line-height: 1.25;
185
+ --cds-heading-05-letter-spacing: 0;
186
+ --cds-heading-06-font-size: 2.625rem;
187
+ --cds-heading-06-font-weight: 300;
188
+ --cds-heading-06-line-height: 1.199;
189
+ --cds-heading-06-letter-spacing: 0;
190
+ --cds-heading-07-font-size: 3.375rem;
191
+ --cds-heading-07-font-weight: 300;
192
+ --cds-heading-07-line-height: 1.19;
193
+ --cds-heading-07-letter-spacing: 0;
194
+ }
195
+
2
196
  html,
3
197
  body,
4
198
  div,
@@ -23628,7 +23822,7 @@ span.cds--pagination__text.cds--pagination__items-count {
23628
23822
  .cds--tabs.cds--tabs--vertical:not(.cds--tabs--tall) .cds--tabs__nav-item-label {
23629
23823
  line-height: var(--cds-body-compact-01-line-height);
23630
23824
  }
23631
- .cds--tabs.cds--tabs__icon--default .cds--tab--list, .cds--tabs.cds--tabs__icon--lg .cds--tab--list {
23825
+ .cds--tabs.cds--tabs__icon--default, .cds--tabs.cds--tabs__icon--lg, .cds--tabs.cds--tabs__icon--default .cds--tab--list, .cds--tabs.cds--tabs__icon--lg .cds--tab--list {
23632
23826
  overflow-x: visible;
23633
23827
  }
23634
23828
  .cds--tabs .cds--tabs__nav-item--icon-only {
@@ -24859,6 +25053,22 @@ span.cds--pagination__text.cds--pagination__items-count {
24859
25053
  cursor: not-allowed;
24860
25054
  }
24861
25055
 
25056
+ li a.cds--tree-node {
25057
+ text-decoration: none;
25058
+ }
25059
+ li a.cds--tree-node:not(.cds--tree-node--disabled) {
25060
+ color: var(--cds-text-secondary, #525252);
25061
+ }
25062
+
25063
+ li.cds--tree-node-link-parent {
25064
+ display: flex;
25065
+ flex-direction: column;
25066
+ background-color: var(--cds-layer-01, #f4f4f4);
25067
+ }
25068
+ li.cds--tree-node-link-parent > .cds--tree-node__children {
25069
+ padding-inline-start: 1rem;
25070
+ }
25071
+
24862
25072
  .cds--tree-node__label {
24863
25073
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
24864
25074
  font-weight: var(--cds-body-compact-01-font-weight, 400);