@carbon/styles 1.62.0 → 1.63.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.
- package/css/styles.css +12022 -11996
- package/css/styles.min.css +1 -1
- package/package.json +10 -3
- package/scss/_reset.scss +1 -0
- package/scss/components/_index.scss +1 -0
- package/scss/components/accordion/_accordion.scss +6 -4
- package/scss/components/ai-label/_ai-label.scss +18 -0
- package/scss/components/ai-label/_index.scss +4 -0
- package/scss/components/combo-box/_combo-box.scss +3 -1
- package/scss/components/data-table/_data-table.scss +2 -2
- package/scss/components/data-table/expandable/_data-table-expandable.scss +2 -2
- package/scss/components/dropdown/_dropdown.scss +1 -1
- package/scss/components/fluid-combo-box/_fluid-combo-box.scss +7 -4
- package/scss/components/fluid-date-picker/_fluid-date-picker.scss +7 -3
- package/scss/components/fluid-list-box/_fluid-list-box.scss +6 -0
- package/scss/components/fluid-number-input/_fluid-number-input.scss +1 -1
- package/scss/components/form/_form.scss +2 -1
- package/scss/components/list-box/_list-box.scss +5 -0
- package/scss/components/multiselect/_multiselect.scss +1 -1
- package/scss/components/select/_select.scss +5 -0
- package/scss/components/slug/_slug.scss +11 -8
- package/scss/components/text-input/_text-input.scss +8 -3
- package/scss/components/tile/_tile.scss +1 -1
- package/scss/fonts/__tests__/__snapshots__/fonts-test.js.snap +180 -180
- package/scss/fonts/_mono.scss +66 -9
- package/scss/fonts/_sans-arabic.scss +17 -8
- package/scss/fonts/_sans-devanagari.scss +17 -8
- package/scss/fonts/_sans-hebrew.scss +17 -8
- package/scss/fonts/_sans-thai-looped.scss +17 -8
- package/scss/fonts/_sans-thai.scss +17 -8
- package/scss/fonts/_sans.scss +66 -9
- package/scss/fonts/_serif.scss +66 -9
- package/scss/fonts/_src.scss +20 -5
package/scss/fonts/_serif.scss
CHANGED
|
@@ -13,7 +13,8 @@ $font-family: 'IBM Plex Serif';
|
|
|
13
13
|
$name: 'IBM-Plex-Serif';
|
|
14
14
|
$styles: (normal, italic);
|
|
15
15
|
$unicode-ranges: (Cyrillic, Pi, Latin3, Latin2, Latin1);
|
|
16
|
-
$formats: (woff2
|
|
16
|
+
$formats: (woff2);
|
|
17
|
+
$package-name: 'serif';
|
|
17
18
|
|
|
18
19
|
@mixin thin($styles: $styles, $unicode-ranges: $unicode-ranges) {
|
|
19
20
|
@each $style in $styles {
|
|
@@ -23,7 +24,14 @@ $formats: (woff2, woff);
|
|
|
23
24
|
font-family: $font-family;
|
|
24
25
|
font-style: $style;
|
|
25
26
|
font-weight: 100;
|
|
26
|
-
src: src.get(
|
|
27
|
+
src: src.get(
|
|
28
|
+
$name,
|
|
29
|
+
Thin,
|
|
30
|
+
$style,
|
|
31
|
+
$unicode-range,
|
|
32
|
+
$formats,
|
|
33
|
+
$package-name
|
|
34
|
+
);
|
|
27
35
|
unicode-range: unicode.get-range($unicode-range);
|
|
28
36
|
}
|
|
29
37
|
}
|
|
@@ -38,7 +46,14 @@ $formats: (woff2, woff);
|
|
|
38
46
|
font-family: $font-family;
|
|
39
47
|
font-style: $style;
|
|
40
48
|
font-weight: 200;
|
|
41
|
-
src: src.get(
|
|
49
|
+
src: src.get(
|
|
50
|
+
$name,
|
|
51
|
+
ExtraLight,
|
|
52
|
+
$style,
|
|
53
|
+
$unicode-range,
|
|
54
|
+
$formats,
|
|
55
|
+
$package-name
|
|
56
|
+
);
|
|
42
57
|
unicode-range: unicode.get-range($unicode-range);
|
|
43
58
|
}
|
|
44
59
|
}
|
|
@@ -53,7 +68,14 @@ $formats: (woff2, woff);
|
|
|
53
68
|
font-family: $font-family;
|
|
54
69
|
font-style: $style;
|
|
55
70
|
font-weight: 300;
|
|
56
|
-
src: src.get(
|
|
71
|
+
src: src.get(
|
|
72
|
+
$name,
|
|
73
|
+
Light,
|
|
74
|
+
$style,
|
|
75
|
+
$unicode-range,
|
|
76
|
+
$formats,
|
|
77
|
+
$package-name
|
|
78
|
+
);
|
|
57
79
|
unicode-range: unicode.get-range($unicode-range);
|
|
58
80
|
}
|
|
59
81
|
}
|
|
@@ -68,7 +90,14 @@ $formats: (woff2, woff);
|
|
|
68
90
|
font-family: $font-family;
|
|
69
91
|
font-style: $style;
|
|
70
92
|
font-weight: 400;
|
|
71
|
-
src: src.get(
|
|
93
|
+
src: src.get(
|
|
94
|
+
$name,
|
|
95
|
+
Regular,
|
|
96
|
+
$style,
|
|
97
|
+
$unicode-range,
|
|
98
|
+
$formats,
|
|
99
|
+
$package-name
|
|
100
|
+
);
|
|
72
101
|
unicode-range: unicode.get-range($unicode-range);
|
|
73
102
|
}
|
|
74
103
|
}
|
|
@@ -83,7 +112,14 @@ $formats: (woff2, woff);
|
|
|
83
112
|
font-family: $font-family;
|
|
84
113
|
font-style: $style;
|
|
85
114
|
font-weight: 450;
|
|
86
|
-
src: src.get(
|
|
115
|
+
src: src.get(
|
|
116
|
+
$name,
|
|
117
|
+
Text,
|
|
118
|
+
$style,
|
|
119
|
+
$unicode-range,
|
|
120
|
+
$formats,
|
|
121
|
+
$package-name
|
|
122
|
+
);
|
|
87
123
|
unicode-range: unicode.get-range($unicode-range);
|
|
88
124
|
}
|
|
89
125
|
}
|
|
@@ -98,7 +134,14 @@ $formats: (woff2, woff);
|
|
|
98
134
|
font-family: $font-family;
|
|
99
135
|
font-style: $style;
|
|
100
136
|
font-weight: 500;
|
|
101
|
-
src: src.get(
|
|
137
|
+
src: src.get(
|
|
138
|
+
$name,
|
|
139
|
+
Medium,
|
|
140
|
+
$style,
|
|
141
|
+
$unicode-range,
|
|
142
|
+
$formats,
|
|
143
|
+
$package-name
|
|
144
|
+
);
|
|
102
145
|
unicode-range: unicode.get-range($unicode-range);
|
|
103
146
|
}
|
|
104
147
|
}
|
|
@@ -113,7 +156,14 @@ $formats: (woff2, woff);
|
|
|
113
156
|
font-family: $font-family;
|
|
114
157
|
font-style: $style;
|
|
115
158
|
font-weight: 600;
|
|
116
|
-
src: src.get(
|
|
159
|
+
src: src.get(
|
|
160
|
+
$name,
|
|
161
|
+
SemiBold,
|
|
162
|
+
$style,
|
|
163
|
+
$unicode-range,
|
|
164
|
+
$formats,
|
|
165
|
+
$package-name
|
|
166
|
+
);
|
|
117
167
|
unicode-range: unicode.get-range($unicode-range);
|
|
118
168
|
}
|
|
119
169
|
}
|
|
@@ -128,7 +178,14 @@ $formats: (woff2, woff);
|
|
|
128
178
|
font-family: $font-family;
|
|
129
179
|
font-style: $style;
|
|
130
180
|
font-weight: 700;
|
|
131
|
-
src: src.get(
|
|
181
|
+
src: src.get(
|
|
182
|
+
$name,
|
|
183
|
+
Bold,
|
|
184
|
+
$style,
|
|
185
|
+
$unicode-range,
|
|
186
|
+
$formats,
|
|
187
|
+
$package-name
|
|
188
|
+
);
|
|
132
189
|
unicode-range: unicode.get-range($unicode-range);
|
|
133
190
|
}
|
|
134
191
|
}
|
package/scss/fonts/_src.scss
CHANGED
|
@@ -79,7 +79,14 @@ $-akamai-filenames: (
|
|
|
79
79
|
/// @param {String} $unicode-range
|
|
80
80
|
/// @param {List} $formats
|
|
81
81
|
/// @returns List
|
|
82
|
-
@function -default-resolver(
|
|
82
|
+
@function -default-resolver(
|
|
83
|
+
$name,
|
|
84
|
+
$weight,
|
|
85
|
+
$style,
|
|
86
|
+
$unicode-range,
|
|
87
|
+
$formats,
|
|
88
|
+
$package-name
|
|
89
|
+
) {
|
|
83
90
|
@if (config.$use-akamai-cdn) {
|
|
84
91
|
$name: -get-akamai-filename($-akamai-filenames, $name, 'name');
|
|
85
92
|
$filename: -get-akamai-filename($-akamai-filenames, $name, 'filename');
|
|
@@ -142,9 +149,9 @@ $-akamai-filenames: (
|
|
|
142
149
|
@each $format in $formats {
|
|
143
150
|
$url: $filename;
|
|
144
151
|
@if $unicode-range {
|
|
145
|
-
$url: '#{config.$font-path}
|
|
152
|
+
$url: '#{config.$font-path}-#{$package-name}/fonts/split/#{$format}/#{$filename}-#{$unicode-range}';
|
|
146
153
|
} @else {
|
|
147
|
-
$url: '#{config.$font-path}
|
|
154
|
+
$url: '#{config.$font-path}-#{$package-name}/fonts/complete/#{$format}/#{$filename}';
|
|
148
155
|
}
|
|
149
156
|
|
|
150
157
|
// Add extension
|
|
@@ -173,13 +180,21 @@ $resolver: meta.get-function('-default-resolver') !default;
|
|
|
173
180
|
/// @param {String} $unicode-range
|
|
174
181
|
/// @param {List} $formats
|
|
175
182
|
/// @returns List
|
|
176
|
-
@function get(
|
|
183
|
+
@function get(
|
|
184
|
+
$name,
|
|
185
|
+
$weight,
|
|
186
|
+
$style,
|
|
187
|
+
$unicode-range: null,
|
|
188
|
+
$formats,
|
|
189
|
+
$package-name
|
|
190
|
+
) {
|
|
177
191
|
@return meta.call(
|
|
178
192
|
$resolver,
|
|
179
193
|
$name: $name,
|
|
180
194
|
$weight: $weight,
|
|
181
195
|
$style: $style,
|
|
182
196
|
$unicode-range: $unicode-range,
|
|
183
|
-
$formats: $formats
|
|
197
|
+
$formats: $formats,
|
|
198
|
+
$package-name: $package-name
|
|
184
199
|
);
|
|
185
200
|
}
|