@youngonesworks/ui 0.1.106 → 0.1.110

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/styles/variables.css +94 -83
  2. package/package.json +1 -1
package/dist/styles/variables.css CHANGED
@@ -31,98 +31,70 @@
31
31
  --color-warning-light: #fff4e2;
32
32
 
33
33
  /* Typography system */
34
- /* Extra small fields */
35
- --font-xs-fields-size: 0.625rem;
36
- --font-xs-fields-line-height: 1rem;
37
- --font-xs-fields-weight: 400;
38
-
39
- /* Extra small field titles */
40
- --font-xs-field-titles-size: 0.75rem;
41
- --font-xs-field-titles-line-height: 1rem;
42
- --font-xs-field-titles-weight: 700;
43
-
44
34
  /* Extra small */
45
- --font-xs-size: 0.75rem;
46
- --font-xs-line-height: 1rem;
47
- --font-xs-weight: 400;
35
+ --text-xs: 0.625rem;
36
+ --text-xs--line-height: 1rem;
37
+ --text-xs--weight: 400;
48
38
 
49
39
  /* Small */
50
- --font-sm-size: 0.875rem;
51
- --font-sm-line-height: 1.25rem;
52
- --font-sm-weight: 400;
40
+ --text-sm: 0.875rem;
41
+ --text-sm--line-height: 1.25rem;
42
+ --text-sm--weight: 400;
53
43
 
54
44
  /* Base */
55
- --font-base-size: 1rem;
56
- --font-base-line-height: 1.5rem;
57
- --font-base-weight: 400;
45
+ --text-base: 1rem;
46
+ --text-base--line-height: 1.5rem;
47
+ --text-base--weight: 400;
58
48
 
59
49
  /* Large */
60
- --font-lg-size: 1.125rem;
61
- --font-lg-line-height: 1.75rem;
62
- --font-lg-weight: 400;
50
+ --text-lg: 1.125rem;
51
+ --text-lg--line-height: 1.75rem;
52
+ --text-lg--weight: 400;
63
53
 
64
54
  /* Extra large */
65
- --font-xl-size: 1.25rem;
66
- --font-xl-line-height: 1.75rem;
67
- --font-xl-weight: 400;
55
+ --text-xl: 1.5rem;
56
+ --text-xl--line-height: 2rem;
57
+ --text-xl--weight: 500;
68
58
 
69
59
  /* 2x large */
70
- --font-2xl-size: 1.5rem;
71
- --font-2xl-line-height: 2rem;
72
- --font-2xl-weight: 400;
60
+ --text-2xl: 1.5rem;
61
+ --text-2xl--line-height: 2rem;
62
+ --text-2xl--weight: 700;
73
63
 
74
64
  /* 3x large */
75
- --font-3xl-size: 1.875rem;
76
- --font-3xl-line-height: 2.25rem;
77
- --font-3xl-weight: 400;
65
+ --text-3xl: 1.875rem;
66
+ --text-3xl--line-height: 2.25rem;
67
+ --text-3xl--weight: 700;
78
68
 
79
69
  /* 4x large */
80
- --font-4xl-size: 2.25rem;
81
- --font-4xl-line-height: 2.5rem;
82
- --font-4xl-weight: 400;
70
+ --text-4xl: 2.25rem;
71
+ --text-4xl--line-height: 2.5rem;
72
+ --text-4xl--weight: 700;
83
73
 
84
74
  /* 5x large */
85
- --font-5xl-size: 3rem;
86
- --font-5xl-line-height: 1;
87
- --font-5xl-weight: 400;
75
+ --text-5xl: 3rem;
76
+ --text-5xl--line-height: 1;
77
+ --text-5xl--weight: 700;
88
78
 
89
79
  /* 6x large */
90
- --font-6xl-size: 3.75rem;
91
- --font-6xl-line-height: 1;
92
- --font-6xl-weight: 400;
80
+ --text-6xl: 3.75rem;
81
+ --text-6xl--line-height: 1;
82
+ --text-6xl--weight: 700;
93
83
 
94
84
  /* 7x large */
95
- --font-7xl-size: 4.5rem;
96
- --font-7xl-line-height: 1;
97
- --font-7xl-weight: 400;
85
+ --text-7xl: 4.5rem;
86
+ --text-7xl--line-height: 1;
87
+ --text-7xl--weight: 700;
98
88
 
99
89
  /* 8x large */
100
- --font-8xl-size: 6rem;
101
- --font-8xl-line-height: 1;
102
- --font-8xl-weight: 400;
90
+ --text-8xl: 6rem;
91
+ --text-8xl--line-height: 1;
92
+ --text-8xl--weight: 700;
103
93
 
104
94
  /* 9x large */
105
- --font-9xl-size: 8rem;
106
- --font-9xl-line-height: 1;
107
- --font-9xl-weight: 400;
108
-
109
- /* Large */
110
- --font-lg-weight: 700;
111
-
112
- /* Extra large */
113
- --font-xl-size: 1.5rem;
114
- --font-xl-line-height: 2rem;
115
- --font-xl-weight: 500;
116
-
117
- /* 2XL */
118
- --font-2xl-size: 1.5rem;
119
- --font-2xl-line-height: 2rem;
120
- --font-2xl-weight: 700;
121
-
122
- /* 3XL */
123
- --font-3xl-size: 1.875rem;
124
- --font-3xl-line-height: 2.25rem;
125
- --font-3xl-weight: 700;
95
+ --text-9xl: 8rem;
96
+ --text-9xl--line-height: 1;
97
+ --text-9xl--weight: 700;
126
98
 
127
99
  /* Color scales */
128
100
  /* Turquoise palette */
@@ -213,24 +185,63 @@
213
185
  );
214
186
 
215
187
  /* Navy blue → Primary gradients */
216
- --color-gradient-blue-green-y: linear-gradient(180deg, var(--color-navy-blue) 1.57%, var(--color-primary) 98.28%);
217
- --color-gradient-blue-green-x: linear-gradient(88.05deg, var(--color-navy-blue) 1.57%, var(--color-primary) 98.28%);
218
- --color-gradient-calendar: linear-gradient(51.61deg, #000440 14.79%, #10d1bb 167.63%);
219
- --color-nav-gradient: linear-gradient(179.94deg, var(--color-navy-blue) 65.65%, var(--color-primary) 128%);
220
- --color-nav-gradient-agency: linear-gradient(179.94deg, var(--color-navy-blue) 65.65%, var(--color-pink) 128%);
221
- --color-nav-gradient-mobile: linear-gradient(88.05deg, var(--color-navy-blue) 54.46%, var(--color-primary) 149.24%);
222
- --color-nav-gradient-mobile-agency: linear-gradient(88.05deg, var(--color-navy-blue) 54.46%, var(--color-pink) 149.24%);
223
- --color-gradient-calendar: linear-gradient(51.61deg, var(--color-navy-blue) 14.79%, var(--color-primary) 167.63%);
224
-
225
-
188
+ --color-gradient-blue-green-y: linear-gradient(
189
+ 180deg,
190
+ var(--color-navy-blue) 1.57%,
191
+ var(--color-primary) 98.28%
192
+ );
193
+ --color-gradient-blue-green-x: linear-gradient(
194
+ 88.05deg,
195
+ var(--color-navy-blue) 1.57%,
196
+ var(--color-primary) 98.28%
197
+ );
198
+ --color-gradient-calendar: linear-gradient(
199
+ 51.61deg,
200
+ #000440 14.79%,
201
+ #10d1bb 167.63%
202
+ );
203
+ --color-nav-gradient: linear-gradient(
204
+ 179.94deg,
205
+ var(--color-navy-blue) 65.65%,
206
+ var(--color-primary) 128%
207
+ );
208
+ --color-nav-gradient-agency: linear-gradient(
209
+ 179.94deg,
210
+ var(--color-navy-blue) 65.65%,
211
+ var(--color-pink) 128%
212
+ );
213
+ --color-nav-gradient-mobile: linear-gradient(
214
+ 88.05deg,
215
+ var(--color-navy-blue) 54.46%,
216
+ var(--color-primary) 149.24%
217
+ );
218
+ --color-nav-gradient-mobile-agency: linear-gradient(
219
+ 88.05deg,
220
+ var(--color-navy-blue) 54.46%,
221
+ var(--color-pink) 149.24%
222
+ );
223
+ --color-gradient-calendar: linear-gradient(
224
+ 51.61deg,
225
+ var(--color-navy-blue) 14.79%,
226
+ var(--color-primary) 167.63%
227
+ );
226
228
 
227
229
  /* Font families */
228
- --font-family-sans: 'Gotham', ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
229
- --font-family-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
230
- --font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;
231
- --font-sans: "var(--font-gotham)", "ui-sans-serif", "system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
232
- --font-gotham: 'Gotham', sans-serif;
230
+ --font-family-sans:
231
+ "Gotham", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
232
+ "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
233
+ --font-family-serif:
234
+ ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
235
+ --font-family-mono:
236
+ ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo,
237
+ monospace;
238
+ --font-sans:
239
+ "var(--font-gotham)", "ui-sans-serif", "system-ui", "-apple-system",
240
+ "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial",
241
+ "Noto Sans", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji",
242
+ "Segoe UI Symbol", "Noto Color Emoji";
243
+ --font-gotham: "Gotham", sans-serif;
233
244
  }
234
245
 
235
246
  /* Change this path to be relative to where this CSS file ends up after packaging this library. */
236
- @source "../../dist"
247
+ @source "../../dist";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@youngonesworks/ui",
3
- "version": "0.1.106",
3
+ "version": "0.1.110",
4
4
  "description": "A Youngones UI component library",
5
5
  "type": "module",
6
6
  "main": "dist/index.cjs",