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