@box/blueprint-web-assets 4.89.5 → 4.89.7

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-modern.scss +41 -57
  2. package/package.json +2 -2
package/dist/tokens/mixins-modern.scss CHANGED
@@ -1,176 +1,161 @@
1
- @mixin bp-title-mondo {
1
+ $bp-lato-font-family: var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto,
2
+ 'Helvetica Neue', sans-serif;
3
+
4
+ @mixin bp-lato-title-mondo {
2
5
  font-weight: var(--bp-font-weight-black);
3
6
  font-size: var(--bp-font-size-11);
4
- font-family: var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto,
5
- 'Helvetica Neue', sans-serif;
7
+ font-family: $bp-lato-font-family;
6
8
  font-style: normal;
7
9
  line-height: var(--bp-font-line-height-07);
8
10
  letter-spacing: normal;
9
11
  }
10
12
 
11
- @mixin bp-title-xlarge {
13
+ @mixin bp-lato-title-xlarge {
12
14
  font-weight: var(--bp-font-weight-black);
13
15
  font-size: var(--bp-font-size-10);
14
- font-family: var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto,
15
- 'Helvetica Neue', sans-serif;
16
+ font-family: $bp-lato-font-family;
16
17
  font-style: normal;
17
18
  line-height: var(--bp-font-line-height-06);
18
19
  letter-spacing: var(--bp-font-letter-spacing-01);
19
20
  }
20
21
 
21
- @mixin bp-title-large {
22
+ @mixin bp-lato-title-large {
22
23
  font-weight: var(--bp-font-weight-bold);
23
24
  font-size: var(--bp-font-size-09);
24
- font-family: var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto,
25
- 'Helvetica Neue', sans-serif;
25
+ font-family: $bp-lato-font-family;
26
26
  font-style: normal;
27
27
  line-height: var(--bp-font-line-height-05);
28
28
  letter-spacing: var(--bp-font-letter-spacing-01);
29
29
  }
30
30
 
31
- @mixin bp-title-medium {
31
+ @mixin bp-lato-title-medium {
32
32
  font-weight: var(--bp-font-weight-bold);
33
33
  font-size: var(--bp-font-size-08);
34
- font-family: var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto,
35
- 'Helvetica Neue', sans-serif;
34
+ font-family: $bp-lato-font-family;
36
35
  line-height: var(--bp-font-line-height-05);
37
36
  letter-spacing: var(--bp-font-letter-spacing-01);
38
37
  }
39
38
 
40
- @mixin bp-title-small {
39
+ @mixin bp-lato-title-small {
41
40
  font-weight: var(--bp-font-weight-bold);
42
41
  font-size: var(--bp-font-size-07);
43
- font-family: var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto,
44
- 'Helvetica Neue', sans-serif;
42
+ font-family: $bp-lato-font-family;
45
43
  line-height: var(--bp-font-line-height-04);
46
44
  letter-spacing: var(--bp-font-letter-spacing-01);
47
45
  }
48
46
 
49
- @mixin bp-subtitle {
47
+ @mixin bp-lato-subtitle {
50
48
  font-weight: var(--bp-font-weight-bold);
51
49
  font-size: var(--bp-font-size-06);
52
- font-family: var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto,
53
- 'Helvetica Neue', sans-serif;
50
+ font-family: $bp-lato-font-family;
54
51
  font-style: normal;
55
52
  line-height: var(--bp-font-line-height-04);
56
53
  letter-spacing: var(--bp-font-letter-spacing-01);
57
54
  }
58
55
 
59
- @mixin bp-body-large-bold {
56
+ @mixin bp-lato-body-large-bold {
60
57
  font-weight: var(--bp-font-weight-bold);
61
58
  font-size: var(--bp-font-size-07);
62
- font-family: var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto,
63
- 'Helvetica Neue', sans-serif;
59
+ font-family: $bp-lato-font-family;
64
60
  font-style: normal;
65
61
  line-height: var(--bp-font-line-height-05);
66
62
  letter-spacing: var(--bp-font-letter-spacing-01);
67
63
  }
68
64
 
69
- @mixin bp-body-large {
65
+ @mixin bp-lato-body-large {
70
66
  font-weight: var(--bp-font-weight-regular);
71
67
  font-size: var(--bp-font-size-07);
72
- font-family: var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto,
73
- 'Helvetica Neue', sans-serif;
68
+ font-family: $bp-lato-font-family;
74
69
  font-style: normal;
75
70
  line-height: var(--bp-font-line-height-05);
76
71
  letter-spacing: var(--bp-font-letter-spacing-01);
77
72
  }
78
73
 
79
- @mixin bp-body-default-bold {
74
+ @mixin bp-lato-body-default-bold {
80
75
  font-weight: var(--bp-font-weight-bold);
81
76
  font-size: var(--bp-font-size-05);
82
- font-family: var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto,
83
- 'Helvetica Neue', sans-serif;
77
+ font-family: $bp-lato-font-family;
84
78
  font-style: normal;
85
79
  line-height: var(--bp-font-line-height-04);
86
80
  letter-spacing: var(--bp-font-letter-spacing-01);
87
81
  }
88
82
 
89
- @mixin bp-body-default-semibold {
83
+ @mixin bp-lato-body-default-semibold {
90
84
  font-weight: var(--bp-font-weight-semibold);
91
85
  font-size: var(--bp-font-size-05);
92
- font-family: var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto,
93
- 'Helvetica Neue', sans-serif;
86
+ font-family: $bp-lato-font-family;
94
87
  font-style: normal;
95
88
  line-height: var(--bp-font-line-height-04);
96
89
  letter-spacing: var(--bp-font-letter-spacing-01);
97
90
  }
98
91
 
99
- @mixin bp-body-default {
92
+ @mixin bp-lato-body-default {
100
93
  font-weight: var(--bp-font-weight-regular);
101
94
  font-size: var(--bp-font-size-05);
102
- font-family: var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto,
103
- 'Helvetica Neue', sans-serif;
95
+ font-family: $bp-lato-font-family;
104
96
  font-style: normal;
105
97
  line-height: var(--bp-font-line-height-04);
106
98
  letter-spacing: var(--bp-font-letter-spacing-01);
107
99
  }
108
100
 
109
- @mixin bp-body-small-semibold {
101
+ @mixin bp-lato-body-small-semibold {
110
102
  font-weight: var(--bp-font-weight-semibold);
111
103
  font-size: var(--bp-font-size-04);
112
- font-family: var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto,
113
- 'Helvetica Neue', sans-serif;
104
+ font-family: $bp-lato-font-family;
114
105
  font-style: normal;
115
106
  line-height: var(--bp-font-line-height-04);
116
107
  letter-spacing: var(--bp-font-letter-spacing-01);
117
108
  }
118
109
 
119
- @mixin bp-body-small {
110
+ @mixin bp-lato-body-small {
120
111
  font-weight: var(--bp-font-weight-regular);
121
112
  font-size: var(--bp-font-size-04);
122
- font-family: var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto,
123
- 'Helvetica Neue', sans-serif;
113
+ font-family: $bp-lato-font-family;
124
114
  font-style: normal;
125
115
  line-height: var(--bp-font-line-height-04);
126
116
  letter-spacing: var(--bp-font-letter-spacing-01);
127
117
  }
128
118
 
129
- @mixin bp-caption-bold {
119
+ @mixin bp-lato-caption-bold {
130
120
  font-weight: var(--bp-font-weight-bold);
131
121
  font-size: var(--bp-font-size-03);
132
- font-family: var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto,
133
- 'Helvetica Neue', sans-serif;
122
+ font-family: $bp-lato-font-family;
134
123
  font-style: normal;
135
124
  line-height: var(--bp-font-line-height-02);
136
125
  letter-spacing: var(--bp-font-letter-spacing-01);
137
126
  }
138
127
 
139
- @mixin bp-caption-default {
128
+ @mixin bp-lato-caption-default {
140
129
  font-weight: var(--bp-font-weight-regular);
141
130
  font-size: var(--bp-font-size-03);
142
- font-family: var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto,
143
- 'Helvetica Neue', sans-serif;
131
+ font-family: $bp-lato-font-family;
144
132
  font-style: normal;
145
133
  line-height: var(--bp-font-line-height-02);
146
134
  letter-spacing: var(--bp-font-letter-spacing-01);
147
135
  }
148
136
 
149
- @mixin bp-label-bold {
137
+ @mixin bp-lato-label-bold {
150
138
  font-weight: var(--bp-font-weight-bold);
151
139
  font-size: var(--bp-font-size-02);
152
- font-family: var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto,
153
- 'Helvetica Neue', sans-serif;
140
+ font-family: $bp-lato-font-family;
154
141
  font-style: normal;
155
142
  line-height: var(--bp-font-line-height-03);
156
143
  letter-spacing: var(--bp-font-letter-spacing-02);
157
144
  }
158
145
 
159
- @mixin bp-label-default {
146
+ @mixin bp-lato-label-default {
160
147
  font-weight: var(--bp-font-weight-regular);
161
148
  font-size: var(--bp-font-size-02);
162
- font-family: var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto,
163
- 'Helvetica Neue', sans-serif;
149
+ font-family: $bp-lato-font-family;
164
150
  font-style: normal;
165
151
  line-height: var(--bp-font-line-height-03);
166
152
  letter-spacing: var(--bp-font-letter-spacing-02);
167
153
  }
168
154
 
169
- @mixin bp-link-default {
155
+ @mixin bp-lato-link-default {
170
156
  font-weight: var(--bp-font-weight-regular);
171
157
  font-size: var(--bp-font-size-05);
172
- font-family: var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto,
173
- 'Helvetica Neue', sans-serif;
158
+ font-family: $bp-lato-font-family;
174
159
  font-style: normal;
175
160
  line-height: var(--bp-font-line-height-04);
176
161
  letter-spacing: var(--bp-font-letter-spacing-01);
@@ -181,11 +166,10 @@
181
166
  text-underline-offset: auto;
182
167
  }
183
168
 
184
- @mixin bp-notification-default {
169
+ @mixin bp-lato-notification-default {
185
170
  font-weight: var(--bp-font-weight-bold);
186
171
  font-size: var(--bp-font-size-01);
187
- font-family: var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto,
188
- 'Helvetica Neue', sans-serif;
172
+ font-family: $bp-lato-font-family;
189
173
  font-style: normal;
190
174
  line-height: var(--bp-font-line-height-02);
191
175
  letter-spacing: var(--bp-font-letter-spacing-01);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@box/blueprint-web-assets",
3
- "version": "4.89.5",
3
+ "version": "4.89.7",
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.39",
142
+ "@box/storybook-utils": "^0.14.41",
143
143
  "@types/react": "^18.0.0",
144
144
  "@types/react-dom": "^18.0.0",
145
145
  "chalk": "4.1.2",