@phila/phila-ui-core 2.3.3-beta.0 → 2.4.0-beta.2

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 (17) hide show
  1. package/dist/styles/elements/buttons.css +45 -41
  2. package/dist/styles/elements/icons.css +14 -14
  3. package/dist/styles/generated/extended-colors.css +0 -3
  4. package/dist/styles/generated/other.css +12 -32
  5. package/dist/styles/generated/palettes.css +75 -75
  6. package/dist/styles/generated/primitives.css +20 -27
  7. package/dist/styles/generated/ramps.css +257 -257
  8. package/dist/styles/generated/schemes.css +39 -32
  9. package/dist/styles/generated/size.css +1 -0
  10. package/dist/styles/generated/typography.css +19 -9
  11. package/dist/styles/legacy.css +13 -4
  12. package/dist/styles/raw/PhilaUI 4.0-variables.css +900 -2212
  13. package/dist/styles/typography.css +3 -3
  14. package/dist/styles/utilities/color.css +13 -4
  15. package/dist/styles/utilities/containers.css +1 -1
  16. package/dist/styles/utilities/spacing.css +23 -23
  17. package/package.json +1 -1
package/dist/styles/typography.css CHANGED
@@ -57,7 +57,7 @@ TODO: figma not clear on margins between headings / paragraphs, or how these ele
57
57
  margin: 0 0 var(--spacing-xl) 0;
58
58
  }
59
59
  &.has-text-body-extra-large {
60
- margin: 0 0 var(--spacing-xxl) 0;
60
+ margin: 0 0 var(--spacing-2xl) 0;
61
61
  }
62
62
  }
63
63
 
@@ -155,7 +155,7 @@ a {
155
155
  font-weight: 700;
156
156
 
157
157
  color: var(--Extended-Colors-link-default, #2176d2);
158
- text-decoration-color: var(--Base-font-variables-Color-Link-link-default, #2176d2);
158
+ text-decoration-color: var(--Extended-Colors-link-default, #2176d2);
159
159
 
160
160
  &:hover {
161
161
  color: var(--Extended-Colors-link-hover, #000);
@@ -165,7 +165,7 @@ a {
165
165
  &:focus-visible {
166
166
  color: var(--Extended-Colors-link-hover, #000);
167
167
  text-decoration-color: var(--Extended-Colors-link-hover, #000);
168
- outline: var(--stroke-stroke-thin, 2px) solid var(--Base-font-variables-Color-Link-link-default, #2176d2);
168
+ outline: 2px solid var(--Extended-Colors-link-default, #2176d2);
169
169
  }
170
170
 
171
171
  &:visited {
package/dist/styles/utilities/color.css CHANGED
@@ -1,9 +1,19 @@
1
- .has-background-ben-franklin-blue {
2
- background-color: var(--dark-ben-franklin-blue);
1
+ /* Resets inherited link color tokens back to their defaults.
2
+ Apply to any container that has a standard surface background but sits inside
3
+ a colored ancestor (e.g. has-background-primary) that overrides link colors. */
4
+ .resets-link-colors {
5
+ --Extended-Colors-link-default: initial;
6
+ --Extended-Colors-link-hover: initial;
7
+ --Extended-Colors-link-visited: initial;
8
+ }
9
+
10
+ .has-links-on-primary {
11
+ --Extended-Colors-link-default: var(--Extended-Colors-link-default-on-primary);
12
+ --Extended-Colors-link-hover: var(--Extended-Colors-link-hover-on-primary);
13
+ --Extended-Colors-link-visited: var(--Extended-Colors-link-visited-on-primary);
3
14
  }
4
15
 
5
16
  .has-background-primary {
6
- --Base-font-variables-Color-Link-link-default: var(--Schemes-On-Primary-Container);
7
17
  --Extended-Colors-link-default: var(--Extended-Colors-link-default-on-primary);
8
18
  --Extended-Colors-link-hover: var(--Extended-Colors-link-hover-on-primary);
9
19
  --Extended-Colors-link-visited: var(--Extended-Colors-link-visited-on-primary);
@@ -12,7 +22,6 @@
12
22
  color: var(--Schemes-On-Primary-Container);
13
23
  }
14
24
  .has-background-ghost-gray {
15
- --Base-font-variables-Color-Link-link-default: var(--Schemes-Primary);
16
25
  --Extended-Colors-link-default: var(--Schemes-Primary);
17
26
  --Extended-Colors-link-hover: var(--Schemes-On-Surface);
18
27
  --Extended-Colors-link-visited: var(--Extended-Colors-link-visited);
package/dist/styles/utilities/containers.css CHANGED
@@ -84,7 +84,7 @@
84
84
  gap: var(--spacing-xl) !important;
85
85
  }
86
86
  .is-gap-6 {
87
- gap: var(--spacing-xxl) !important;
87
+ gap: var(--spacing-2xl) !important;
88
88
  }
89
89
 
90
90
  .is-sticky {
package/dist/styles/utilities/spacing.css CHANGED
@@ -17,7 +17,7 @@
17
17
  margin: var(--spacing-xl) !important;
18
18
  }
19
19
  .m-6 {
20
- margin: var(--spacing-xxl) !important;
20
+ margin: var(--spacing-2xl) !important;
21
21
  }
22
22
  .m-7 {
23
23
  margin: var(--spacing-6xl) !important;
@@ -41,7 +41,7 @@
41
41
  margin-top: var(--spacing-xl) !important;
42
42
  }
43
43
  .mt-6 {
44
- margin-top: var(--spacing-xxl) !important;
44
+ margin-top: var(--spacing-2xl) !important;
45
45
  }
46
46
  .mt-7 {
47
47
  margin-top: var(--spacing-6xl) !important;
@@ -65,7 +65,7 @@
65
65
  margin-right: var(--spacing-xl) !important;
66
66
  }
67
67
  .mr-6 {
68
- margin-right: var(--spacing-xxl) !important;
68
+ margin-right: var(--spacing-2xl) !important;
69
69
  }
70
70
  .mr-7 {
71
71
  margin-right: var(--spacing-6xl) !important;
@@ -89,7 +89,7 @@
89
89
  margin-bottom: var(--spacing-xl) !important;
90
90
  }
91
91
  .mb-6 {
92
- margin-bottom: var(--spacing-xxl) !important;
92
+ margin-bottom: var(--spacing-2xl) !important;
93
93
  }
94
94
  .mb-7 {
95
95
  margin-bottom: var(--spacing-6xl) !important;
@@ -113,7 +113,7 @@
113
113
  margin-left: var(--spacing-xl) !important;
114
114
  }
115
115
  .ml-6 {
116
- margin-left: var(--spacing-xxl) !important;
116
+ margin-left: var(--spacing-2xl) !important;
117
117
  }
118
118
  .ml-7 {
119
119
  margin-left: var(--spacing-6xl) !important;
@@ -143,8 +143,8 @@
143
143
  margin-right: var(--spacing-xl) !important;
144
144
  }
145
145
  .mx-6 {
146
- margin-left: var(--spacing-xxl) !important;
147
- margin-right: var(--spacing-xxl) !important;
146
+ margin-left: var(--spacing-2xl) !important;
147
+ margin-right: var(--spacing-2xl) !important;
148
148
  }
149
149
  .mx-7 {
150
150
  margin-left: var(--spacing-6xl) !important;
@@ -176,8 +176,8 @@
176
176
  margin-bottom: var(--spacing-xl) !important;
177
177
  }
178
178
  .my-6 {
179
- margin-top: var(--spacing-xxl) !important;
180
- margin-bottom: var(--spacing-xxl) !important;
179
+ margin-top: var(--spacing-2xl) !important;
180
+ margin-bottom: var(--spacing-2xl) !important;
181
181
  }
182
182
  .my-7 {
183
183
  margin-top: var(--spacing-6xl) !important;
@@ -205,7 +205,7 @@
205
205
  padding: var(--spacing-xl) !important;
206
206
  }
207
207
  .p-6 {
208
- padding: var(--spacing-xxl) !important;
208
+ padding: var(--spacing-2xl) !important;
209
209
  }
210
210
  .p-7 {
211
211
  padding: var(--spacing-6xl) !important;
@@ -229,7 +229,7 @@
229
229
  padding-top: var(--spacing-xl) !important;
230
230
  }
231
231
  .pt-6 {
232
- padding-top: var(--spacing-xxl) !important;
232
+ padding-top: var(--spacing-2xl) !important;
233
233
  }
234
234
  .pt-7 {
235
235
  padding-top: var(--spacing-6xl) !important;
@@ -253,7 +253,7 @@
253
253
  padding-right: var(--spacing-xl) !important;
254
254
  }
255
255
  .pr-6 {
256
- padding-right: var(--spacing-xxl) !important;
256
+ padding-right: var(--spacing-2xl) !important;
257
257
  }
258
258
  .pr-7 {
259
259
  padding-right: var(--spacing-6xl) !important;
@@ -277,7 +277,7 @@
277
277
  padding-bottom: var(--spacing-xl) !important;
278
278
  }
279
279
  .pb-6 {
280
- padding-bottom: var(--spacing-xxl) !important;
280
+ padding-bottom: var(--spacing-2xl) !important;
281
281
  }
282
282
  .pb-7 {
283
283
  padding-bottom: var(--spacing-6xl) !important;
@@ -301,7 +301,7 @@
301
301
  padding-left: var(--spacing-xl) !important;
302
302
  }
303
303
  .pl-6 {
304
- padding-left: var(--spacing-xxl) !important;
304
+ padding-left: var(--spacing-2xl) !important;
305
305
  }
306
306
  .pl-7 {
307
307
  padding-left: var(--spacing-6xl) !important;
@@ -331,8 +331,8 @@
331
331
  padding-right: var(--spacing-xl) !important;
332
332
  }
333
333
  .px-6 {
334
- padding-left: var(--spacing-xxl) !important;
335
- padding-right: var(--spacing-xxl) !important;
334
+ padding-left: var(--spacing-2xl) !important;
335
+ padding-right: var(--spacing-2xl) !important;
336
336
  }
337
337
  .px-7 {
338
338
  padding-left: var(--spacing-6xl) !important;
@@ -363,8 +363,8 @@
363
363
  padding-bottom: var(--spacing-xl) !important;
364
364
  }
365
365
  .py-6 {
366
- padding-top: var(--spacing-xxl) !important;
367
- padding-bottom: var(--spacing-xxl) !important;
366
+ padding-top: var(--spacing-2xl) !important;
367
+ padding-bottom: var(--spacing-2xl) !important;
368
368
  }
369
369
  .py-7 {
370
370
  padding-top: var(--spacing-6xl) !important;
@@ -380,16 +380,16 @@
380
380
  margin: 0 0 var(--spacing-xl) 0 !important;
381
381
  }
382
382
  .has-spacing-body-extra-large {
383
- margin: 0 0 var(--spacing-xxl) 0 !important;
383
+ margin: 0 0 var(--spacing-2xl) 0 !important;
384
384
  }
385
385
  .has-spacing-heading-1 {
386
- margin: var(--spacing-xxl) 0 !important;
386
+ margin: var(--spacing-2xl) 0 !important;
387
387
  }
388
388
  .has-spacing-heading-2 {
389
- margin: var(--spacing-l) 0 var(--spacing-xxl) 0 !important;
389
+ margin: var(--spacing-l) 0 var(--spacing-2xl) 0 !important;
390
390
  }
391
391
  .has-spacing-heading-3 {
392
- margin: var(--spacing-l) 0 var(--spacing-xxl) 0 !important;
392
+ margin: var(--spacing-l) 0 var(--spacing-2xl) 0 !important;
393
393
  }
394
394
  .has-spacing-heading-4 {
395
395
  margin: var(--spacing-l) 0 !important;
@@ -401,7 +401,7 @@
401
401
  margin: var(--spacing-l) 0 !important;
402
402
  }
403
403
  .has-spacing-display-1 {
404
- margin: 0 0 var(--spacing-xxl) 0 !important;
404
+ margin: 0 0 var(--spacing-2xl) 0 !important;
405
405
  }
406
406
  .has-spacing-display-2 {
407
407
  margin: 0 0 var(--spacing-l) 0 !important;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@phila/phila-ui-core",
3
- "version": "2.3.3-beta.0",
3
+ "version": "2.4.0-beta.2",
4
4
  "type": "module",
5
5
  "description": "Core utilities and styles for Phila UI library",
6
6
  "main": "./dist/index.js",