@box/blueprint-web-assets 4.74.1 → 4.75.1

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 (2) hide show
  1. package/dist/tokens/mixins.scss +192 -0
  2. package/package.json +2 -2
package/dist/tokens/mixins.scss CHANGED
@@ -11,51 +11,243 @@
11
11
  @mixin title-subtitle {
12
12
  @include font-mixin('title-subtitle');
13
13
  }
14
+
14
15
  @mixin title-small {
15
16
  @include font-mixin('title-small');
16
17
  }
18
+
17
19
  @mixin title-medium {
18
20
  @include font-mixin('title-medium');
19
21
  }
22
+
20
23
  @mixin title-large {
21
24
  @include font-mixin('title-large');
22
25
  }
26
+
23
27
  @mixin title-xlarge {
24
28
  @include font-mixin('title-x-large');
25
29
  }
30
+
26
31
  @mixin title-mondo {
27
32
  @include font-mixin('title-mondo');
28
33
  }
34
+
29
35
  @mixin body-large {
30
36
  @include font-mixin('body-large');
31
37
  }
38
+
32
39
  @mixin body-large-bold {
33
40
  @include font-mixin('body-large-bold');
34
41
  }
42
+
35
43
  @mixin body-default-bold {
36
44
  @include font-mixin('body-default-bold');
37
45
  }
46
+
38
47
  @mixin body-default-semibold {
39
48
  @include font-mixin('body-default-semibold');
40
49
  }
50
+
41
51
  @mixin body-default {
42
52
  @include font-mixin('body-default');
43
53
  }
54
+
44
55
  @mixin caption-bold {
45
56
  @include font-mixin('caption-bold');
46
57
  }
58
+
47
59
  @mixin caption-default {
48
60
  @include font-mixin('caption-default');
49
61
  }
62
+
50
63
  @mixin label-bold {
51
64
  @include font-mixin('label-bold');
52
65
  }
66
+
53
67
  @mixin label-default {
54
68
  @include font-mixin('label-default');
55
69
  }
70
+
56
71
  @mixin link-default {
57
72
  @include font-mixin('link-default');
58
73
  }
74
+
59
75
  @mixin notification-default {
60
76
  @include font-mixin('notification-default');
61
77
  }
78
+
79
+ @mixin bp-title-mondo {
80
+ font-weight: var(--bp-font-weight-black);
81
+ font-size: var(--bp-font-size-11);
82
+ font-family: var(--bp-font-font-family);
83
+ font-style: normal;
84
+ line-height: var(--bp-font-line-height-07);
85
+ letter-spacing: normal;
86
+ }
87
+
88
+ @mixin bp-title-xlarge {
89
+ font-weight: var(--bp-font-weight-black);
90
+ font-size: var(--bp-font-size-10);
91
+ font-family: var(--bp-font-font-family);
92
+ font-style: normal;
93
+ line-height: var(--bp-font-line-height-06);
94
+ letter-spacing: var(--bp-font-letter-spacing-01);
95
+ }
96
+
97
+ @mixin bp-title-large {
98
+ font-weight: var(--bp-font-weight-bold);
99
+ font-size: var(--bp-font-size-09);
100
+ font-family: var(--bp-font-font-family);
101
+ font-style: normal;
102
+ line-height: var(--bp-font-line-height-05);
103
+ letter-spacing: var(--bp-font-letter-spacing-01);
104
+ }
105
+
106
+ @mixin bp-title-medium {
107
+ font-weight: var(--bp-font-weight-bold);
108
+ font-size: var(--bp-font-size-08);
109
+ font-family: var(--bp-font-font-family);
110
+ font-style: normal;
111
+ line-height: var(--bp-font-line-height-05);
112
+ letter-spacing: var(--bp-font-letter-spacing-01);
113
+ }
114
+
115
+ @mixin bp-title-small {
116
+ font-weight: var(--bp-font-weight-bold);
117
+ font-size: var(--bp-font-size-07);
118
+ font-family: var(--bp-font-font-family);
119
+ font-style: normal;
120
+ line-height: var(--bp-font-line-height-04);
121
+ letter-spacing: var(--bp-font-letter-spacing-01);
122
+ }
123
+
124
+ @mixin bp-subtitle {
125
+ font-weight: var(--bp-font-weight-bold);
126
+ font-size: var(--bp-font-size-06);
127
+ font-family: var(--bp-font-font-family);
128
+ font-style: normal;
129
+ line-height: var(--bp-font-line-height-04);
130
+ letter-spacing: var(--bp-font-letter-spacing-01);
131
+ }
132
+
133
+ @mixin bp-body-large-bold {
134
+ font-weight: var(--bp-font-weight-bold);
135
+ font-size: var(--bp-font-size-07);
136
+ font-family: var(--bp-font-font-family);
137
+ font-style: normal;
138
+ line-height: var(--bp-font-line-height-05);
139
+ letter-spacing: var(--bp-font-letter-spacing-01);
140
+ }
141
+
142
+ @mixin bp-body-large {
143
+ font-weight: var(--bp-font-weight-regular);
144
+ font-size: var(--bp-font-size-07);
145
+ font-family: var(--bp-font-font-family);
146
+ font-style: normal;
147
+ line-height: var(--bp-font-line-height-05);
148
+ letter-spacing: var(--bp-font-letter-spacing-01);
149
+ }
150
+
151
+ @mixin bp-body-default-bold {
152
+ font-weight: var(--bp-font-weight-bold);
153
+ font-size: var(--bp-font-size-05);
154
+ font-family: var(--bp-font-font-family);
155
+ font-style: normal;
156
+ line-height: var(--bp-font-line-height-04);
157
+ letter-spacing: var(--bp-font-letter-spacing-01);
158
+ }
159
+
160
+ @mixin bp-body-default-semibold {
161
+ font-weight: var(--bp-font-weight-semibold);
162
+ font-size: var(--bp-font-size-05);
163
+ font-family: var(--bp-font-font-family);
164
+ font-style: normal;
165
+ line-height: var(--bp-font-line-height-04);
166
+ letter-spacing: var(--bp-font-letter-spacing-01);
167
+ }
168
+
169
+ @mixin bp-body-default {
170
+ font-weight: var(--bp-font-weight-regular);
171
+ font-size: var(--bp-font-size-05);
172
+ font-family: var(--bp-font-font-family);
173
+ font-style: normal;
174
+ line-height: var(--bp-font-line-height-04);
175
+ letter-spacing: var(--bp-font-letter-spacing-01);
176
+ }
177
+
178
+ @mixin bp-body-small-semibold {
179
+ font-weight: var(--bp-font-weight-semibold);
180
+ font-size: var(--bp-font-size-04);
181
+ font-family: var(--bp-font-font-family);
182
+ font-style: normal;
183
+ line-height: var(--bp-font-line-height-04);
184
+ letter-spacing: var(--bp-font-letter-spacing-01);
185
+ }
186
+
187
+ @mixin bp-body-small {
188
+ font-weight: var(--bp-font-weight-regular);
189
+ font-size: var(--bp-font-size-04);
190
+ font-family: var(--bp-font-font-family);
191
+ font-style: normal;
192
+ line-height: var(--bp-font-line-height-04);
193
+ letter-spacing: var(--bp-font-letter-spacing-01);
194
+ }
195
+
196
+ @mixin bp-caption-bold {
197
+ font-weight: var(--bp-font-weight-bold);
198
+ font-size: var(--bp-font-size-03);
199
+ font-family: var(--bp-font-font-family);
200
+ font-style: normal;
201
+ line-height: var(--bp-font-line-height-02);
202
+ letter-spacing: var(--bp-font-letter-spacing-01);
203
+ }
204
+
205
+ @mixin bp-caption-default {
206
+ font-weight: var(--bp-font-weight-regular);
207
+ font-size: var(--bp-font-size-03);
208
+ font-family: var(--bp-font-font-family);
209
+ font-style: normal;
210
+ line-height: var(--bp-font-line-height-02);
211
+ letter-spacing: var(--bp-font-letter-spacing-01);
212
+ }
213
+
214
+ @mixin bp-label-bold {
215
+ font-weight: var(--bp-font-weight-bold);
216
+ font-size: var(--bp-font-size-02);
217
+ font-family: var(--bp-font-font-family);
218
+ font-style: normal;
219
+ line-height: var(--bp-font-line-height-03);
220
+ letter-spacing: var(--bp-font-letter-spacing-02);
221
+ }
222
+
223
+ @mixin bp-label-default {
224
+ font-weight: var(--bp-font-weight-regular);
225
+ font-size: var(--bp-font-size-02);
226
+ font-family: var(--bp-font-font-family);
227
+ font-style: normal;
228
+ line-height: var(--bp-font-line-height-03);
229
+ letter-spacing: var(--bp-font-letter-spacing-02);
230
+ }
231
+
232
+ @mixin bp-link-default {
233
+ font-weight: var(--bp-font-weight-regular);
234
+ font-size: var(--bp-font-size-05);
235
+ font-family: var(--bp-font-font-family);
236
+ font-style: normal;
237
+ line-height: var(--bp-font-line-height-04);
238
+ letter-spacing: var(--bp-font-letter-spacing-01);
239
+ text-decoration-line: underline;
240
+ text-decoration-style: solid;
241
+ text-decoration-skip-ink: none;
242
+ text-decoration-thickness: auto;
243
+ text-underline-offset: auto;
244
+ }
245
+
246
+ @mixin bp-notification-default {
247
+ font-weight: var(--bp-font-weight-bold);
248
+ font-size: var(--bp-font-size-01);
249
+ font-family: var(--bp-font-font-family);
250
+ font-style: normal;
251
+ line-height: var(--bp-font-line-height-02);
252
+ letter-spacing: var(--bp-font-letter-spacing-01);
253
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@box/blueprint-web-assets",
3
- "version": "4.74.1",
3
+ "version": "4.75.1",
4
4
  "license": "SEE LICENSE IN LICENSE",
5
5
  "scripts": {
6
6
  "build-local-all": "yarn nx clone-repo && yarn build-local && nx run blueprint-web-assets:format-lint",
@@ -139,7 +139,7 @@
139
139
  }
140
140
  },
141
141
  "devDependencies": {
142
- "@box/storybook-utils": "^0.14.10",
142
+ "@box/storybook-utils": "^0.14.11",
143
143
  "@types/react": "^18.0.0",
144
144
  "@types/react-dom": "^18.0.0",
145
145
  "chalk": "4.1.2",