@grupor5/raya 0.2.29 → 0.2.30

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 (20) hide show
  1. package/dist/atoms/typography/index.d.mts +1 -1
  2. package/dist/atoms/typography/index.d.ts +1 -1
  3. package/dist/atoms/typography/index.js +5 -0
  4. package/dist/atoms/typography/index.mjs +5 -0
  5. package/dist/index.js +69 -4
  6. package/dist/index.mjs +69 -4
  7. package/dist/molecules/data-table/index.js +5 -0
  8. package/dist/molecules/data-table/index.mjs +5 -0
  9. package/dist/organisms/sidebar/index.js +5 -0
  10. package/dist/organisms/sidebar/index.mjs +5 -0
  11. package/dist/tailwind.css +1 -1
  12. package/dist/tokens/index.js +64 -4
  13. package/dist/tokens/index.mjs +64 -4
  14. package/dist/tokens/typography.d.mts +90 -0
  15. package/dist/tokens/typography.d.ts +90 -0
  16. package/dist/tokens/typography.js +64 -4
  17. package/dist/tokens/typography.mjs +64 -4
  18. package/package.json +3 -2
  19. package/tailwind.config.js +9 -1
  20. package/dist/color-test.html +0 -746
package/dist/atoms/typography/index.d.mts CHANGED
@@ -3,7 +3,7 @@ import * as React from 'react';
3
3
  import { VariantProps } from 'class-variance-authority';
4
4
 
5
5
  declare const typographyVariants: (props?: ({
6
- variant?: "display-l" | "heading-xl" | "heading-lg" | "heading-md" | "heading-sm" | "subheading-lg" | "subheading-md" | "subheading-sm" | "body-bold-lg" | "body-bold-md" | "body-bold-sm" | "body-bold-xs" | "body-lg" | "body-md" | "body-sm" | "body-xs" | "caption-c1" | null | undefined;
6
+ variant?: "display-xxl" | "display-xl" | "display-l" | "display-m" | "display-s" | "display-xs" | "heading-xl" | "heading-lg" | "heading-md" | "heading-sm" | "subheading-lg" | "subheading-md" | "subheading-sm" | "body-bold-lg" | "body-bold-md" | "body-bold-sm" | "body-bold-xs" | "body-lg" | "body-md" | "body-sm" | "body-xs" | "caption-c1" | null | undefined;
7
7
  } & class_variance_authority_types.ClassProp) | undefined) => string;
8
8
  interface TypographyProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof typographyVariants> {
9
9
  as?: React.ElementType;
package/dist/atoms/typography/index.d.ts CHANGED
@@ -3,7 +3,7 @@ import * as React from 'react';
3
3
  import { VariantProps } from 'class-variance-authority';
4
4
 
5
5
  declare const typographyVariants: (props?: ({
6
- variant?: "display-l" | "heading-xl" | "heading-lg" | "heading-md" | "heading-sm" | "subheading-lg" | "subheading-md" | "subheading-sm" | "body-bold-lg" | "body-bold-md" | "body-bold-sm" | "body-bold-xs" | "body-lg" | "body-md" | "body-sm" | "body-xs" | "caption-c1" | null | undefined;
6
+ variant?: "display-xxl" | "display-xl" | "display-l" | "display-m" | "display-s" | "display-xs" | "heading-xl" | "heading-lg" | "heading-md" | "heading-sm" | "subheading-lg" | "subheading-md" | "subheading-sm" | "body-bold-lg" | "body-bold-md" | "body-bold-sm" | "body-bold-xs" | "body-lg" | "body-md" | "body-sm" | "body-xs" | "caption-c1" | null | undefined;
7
7
  } & class_variance_authority_types.ClassProp) | undefined) => string;
8
8
  interface TypographyProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof typographyVariants> {
9
9
  as?: React.ElementType;
package/dist/atoms/typography/index.js CHANGED
@@ -60,7 +60,12 @@ function cn(...inputs) {
60
60
  var typographyVariants = classVarianceAuthority.cva("font-primary", {
61
61
  variants: {
62
62
  variant: {
63
+ "display-xxl": "text-display-xxl",
64
+ "display-xl": "text-display-xl",
63
65
  "display-l": "text-display-l",
66
+ "display-m": "text-display-m",
67
+ "display-s": "text-display-s",
68
+ "display-xs": "text-display-xs",
64
69
  "heading-xl": "text-heading-xl",
65
70
  "heading-lg": "text-heading-lg",
66
71
  "heading-md": "text-heading-md",
package/dist/atoms/typography/index.mjs CHANGED
@@ -38,7 +38,12 @@ function cn(...inputs) {
38
38
  var typographyVariants = cva("font-primary", {
39
39
  variants: {
40
40
  variant: {
41
+ "display-xxl": "text-display-xxl",
42
+ "display-xl": "text-display-xl",
41
43
  "display-l": "text-display-l",
44
+ "display-m": "text-display-m",
45
+ "display-s": "text-display-s",
46
+ "display-xs": "text-display-xs",
42
47
  "heading-xl": "text-heading-xl",
43
48
  "heading-lg": "text-heading-lg",
44
49
  "heading-md": "text-heading-md",
package/dist/index.js CHANGED
@@ -182,8 +182,18 @@ var typography = {
182
182
  fontSize: {
183
183
  // Display Scale - Large typography for hero sections and prominent headers
184
184
  display: {
185
- l: "2.5rem"
186
- // 40px - Display/L
185
+ xxl: "3.75rem",
186
+ // 60px - Display/XXL
187
+ xl: "3.5rem",
188
+ // 56px - Display/XL
189
+ l: "3.25rem",
190
+ // 52px - Display/L
191
+ m: "3rem",
192
+ // 48px - Display/M
193
+ s: "2.75rem",
194
+ // 44px - Display/S
195
+ xs: "2.5rem"
196
+ // 40px - Display/XS
187
197
  },
188
198
  // Heading Scale - Semantic headings with Bold weight
189
199
  heading: {
@@ -235,8 +245,18 @@ var typography = {
235
245
  lineHeight: {
236
246
  // Display line heights
237
247
  display: {
238
- l: "3.25rem"
239
- // 52px - Display/L
248
+ xxl: "4.5rem",
249
+ // 72px - Display/XXL
250
+ xl: "4.25rem",
251
+ // 68px - Display/XL
252
+ l: "4rem",
253
+ // 64px - Display/L
254
+ m: "3.75rem",
255
+ // 60px - Display/M
256
+ s: "3.5rem",
257
+ // 56px - Display/S
258
+ xs: "3.25rem"
259
+ // 52px - Display/XS
240
260
  },
241
261
  // Heading line heights
242
262
  heading: {
@@ -285,7 +305,37 @@ var typography = {
285
305
  // Pre-composed typography styles for common use cases
286
306
  presets: {
287
307
  // Display presets
308
+ "display-xxl": {
309
+ fontSize: "3.75rem",
310
+ lineHeight: "4.5rem",
311
+ fontWeight: 700,
312
+ letterSpacing: "0px"
313
+ },
314
+ "display-xl": {
315
+ fontSize: "3.5rem",
316
+ lineHeight: "4.25rem",
317
+ fontWeight: 700,
318
+ letterSpacing: "0px"
319
+ },
288
320
  "display-l": {
321
+ fontSize: "3.25rem",
322
+ lineHeight: "4rem",
323
+ fontWeight: 700,
324
+ letterSpacing: "0px"
325
+ },
326
+ "display-m": {
327
+ fontSize: "3rem",
328
+ lineHeight: "3.75rem",
329
+ fontWeight: 700,
330
+ letterSpacing: "0px"
331
+ },
332
+ "display-s": {
333
+ fontSize: "2.75rem",
334
+ lineHeight: "3.5rem",
335
+ fontWeight: 700,
336
+ letterSpacing: "0px"
337
+ },
338
+ "display-xs": {
289
339
  fontSize: "2.5rem",
290
340
  lineHeight: "3.25rem",
291
341
  fontWeight: 700,
@@ -404,7 +454,12 @@ var typographyVars = {
404
454
  "--font-weight-semibold": typography.fontWeight.semibold,
405
455
  "--font-weight-bold": typography.fontWeight.bold,
406
456
  // Display scale
457
+ "--text-display-xxl": typography.fontSize.display.xxl,
458
+ "--text-display-xl": typography.fontSize.display.xl,
407
459
  "--text-display-l": typography.fontSize.display.l,
460
+ "--text-display-m": typography.fontSize.display.m,
461
+ "--text-display-s": typography.fontSize.display.s,
462
+ "--text-display-xs": typography.fontSize.display.xs,
408
463
  // Heading scale
409
464
  "--text-heading-xl": typography.fontSize.heading.xl,
410
465
  "--text-heading-lg": typography.fontSize.heading.lg,
@@ -426,7 +481,12 @@ var typographyVars = {
426
481
  // Caption scale
427
482
  "--text-caption-c1": typography.fontSize.caption.c1,
428
483
  // Line heights
484
+ "--leading-display-xxl": typography.lineHeight.display.xxl,
485
+ "--leading-display-xl": typography.lineHeight.display.xl,
429
486
  "--leading-display-l": typography.lineHeight.display.l,
487
+ "--leading-display-m": typography.lineHeight.display.m,
488
+ "--leading-display-s": typography.lineHeight.display.s,
489
+ "--leading-display-xs": typography.lineHeight.display.xs,
430
490
  "--leading-heading-xl": typography.lineHeight.heading.xl,
431
491
  "--leading-heading-lg": typography.lineHeight.heading.lg,
432
492
  "--leading-heading-md": typography.lineHeight.heading.md,
@@ -2261,7 +2321,12 @@ Textarea.displayName = "Textarea";
2261
2321
  var typographyVariants = classVarianceAuthority.cva("font-primary", {
2262
2322
  variants: {
2263
2323
  variant: {
2324
+ "display-xxl": "text-display-xxl",
2325
+ "display-xl": "text-display-xl",
2264
2326
  "display-l": "text-display-l",
2327
+ "display-m": "text-display-m",
2328
+ "display-s": "text-display-s",
2329
+ "display-xs": "text-display-xs",
2265
2330
  "heading-xl": "text-heading-xl",
2266
2331
  "heading-lg": "text-heading-lg",
2267
2332
  "heading-md": "text-heading-md",
package/dist/index.mjs CHANGED
@@ -151,8 +151,18 @@ var typography = {
151
151
  fontSize: {
152
152
  // Display Scale - Large typography for hero sections and prominent headers
153
153
  display: {
154
- l: "2.5rem"
155
- // 40px - Display/L
154
+ xxl: "3.75rem",
155
+ // 60px - Display/XXL
156
+ xl: "3.5rem",
157
+ // 56px - Display/XL
158
+ l: "3.25rem",
159
+ // 52px - Display/L
160
+ m: "3rem",
161
+ // 48px - Display/M
162
+ s: "2.75rem",
163
+ // 44px - Display/S
164
+ xs: "2.5rem"
165
+ // 40px - Display/XS
156
166
  },
157
167
  // Heading Scale - Semantic headings with Bold weight
158
168
  heading: {
@@ -204,8 +214,18 @@ var typography = {
204
214
  lineHeight: {
205
215
  // Display line heights
206
216
  display: {
207
- l: "3.25rem"
208
- // 52px - Display/L
217
+ xxl: "4.5rem",
218
+ // 72px - Display/XXL
219
+ xl: "4.25rem",
220
+ // 68px - Display/XL
221
+ l: "4rem",
222
+ // 64px - Display/L
223
+ m: "3.75rem",
224
+ // 60px - Display/M
225
+ s: "3.5rem",
226
+ // 56px - Display/S
227
+ xs: "3.25rem"
228
+ // 52px - Display/XS
209
229
  },
210
230
  // Heading line heights
211
231
  heading: {
@@ -254,7 +274,37 @@ var typography = {
254
274
  // Pre-composed typography styles for common use cases
255
275
  presets: {
256
276
  // Display presets
277
+ "display-xxl": {
278
+ fontSize: "3.75rem",
279
+ lineHeight: "4.5rem",
280
+ fontWeight: 700,
281
+ letterSpacing: "0px"
282
+ },
283
+ "display-xl": {
284
+ fontSize: "3.5rem",
285
+ lineHeight: "4.25rem",
286
+ fontWeight: 700,
287
+ letterSpacing: "0px"
288
+ },
257
289
  "display-l": {
290
+ fontSize: "3.25rem",
291
+ lineHeight: "4rem",
292
+ fontWeight: 700,
293
+ letterSpacing: "0px"
294
+ },
295
+ "display-m": {
296
+ fontSize: "3rem",
297
+ lineHeight: "3.75rem",
298
+ fontWeight: 700,
299
+ letterSpacing: "0px"
300
+ },
301
+ "display-s": {
302
+ fontSize: "2.75rem",
303
+ lineHeight: "3.5rem",
304
+ fontWeight: 700,
305
+ letterSpacing: "0px"
306
+ },
307
+ "display-xs": {
258
308
  fontSize: "2.5rem",
259
309
  lineHeight: "3.25rem",
260
310
  fontWeight: 700,
@@ -373,7 +423,12 @@ var typographyVars = {
373
423
  "--font-weight-semibold": typography.fontWeight.semibold,
374
424
  "--font-weight-bold": typography.fontWeight.bold,
375
425
  // Display scale
426
+ "--text-display-xxl": typography.fontSize.display.xxl,
427
+ "--text-display-xl": typography.fontSize.display.xl,
376
428
  "--text-display-l": typography.fontSize.display.l,
429
+ "--text-display-m": typography.fontSize.display.m,
430
+ "--text-display-s": typography.fontSize.display.s,
431
+ "--text-display-xs": typography.fontSize.display.xs,
377
432
  // Heading scale
378
433
  "--text-heading-xl": typography.fontSize.heading.xl,
379
434
  "--text-heading-lg": typography.fontSize.heading.lg,
@@ -395,7 +450,12 @@ var typographyVars = {
395
450
  // Caption scale
396
451
  "--text-caption-c1": typography.fontSize.caption.c1,
397
452
  // Line heights
453
+ "--leading-display-xxl": typography.lineHeight.display.xxl,
454
+ "--leading-display-xl": typography.lineHeight.display.xl,
398
455
  "--leading-display-l": typography.lineHeight.display.l,
456
+ "--leading-display-m": typography.lineHeight.display.m,
457
+ "--leading-display-s": typography.lineHeight.display.s,
458
+ "--leading-display-xs": typography.lineHeight.display.xs,
399
459
  "--leading-heading-xl": typography.lineHeight.heading.xl,
400
460
  "--leading-heading-lg": typography.lineHeight.heading.lg,
401
461
  "--leading-heading-md": typography.lineHeight.heading.md,
@@ -2230,7 +2290,12 @@ Textarea.displayName = "Textarea";
2230
2290
  var typographyVariants = cva("font-primary", {
2231
2291
  variants: {
2232
2292
  variant: {
2293
+ "display-xxl": "text-display-xxl",
2294
+ "display-xl": "text-display-xl",
2233
2295
  "display-l": "text-display-l",
2296
+ "display-m": "text-display-m",
2297
+ "display-s": "text-display-s",
2298
+ "display-xs": "text-display-xs",
2234
2299
  "heading-xl": "text-heading-xl",
2235
2300
  "heading-lg": "text-heading-lg",
2236
2301
  "heading-md": "text-heading-md",
package/dist/molecules/data-table/index.js CHANGED
@@ -770,7 +770,12 @@ function DataTablePagination({
770
770
  var typographyVariants = classVarianceAuthority.cva("font-primary", {
771
771
  variants: {
772
772
  variant: {
773
+ "display-xxl": "text-display-xxl",
774
+ "display-xl": "text-display-xl",
773
775
  "display-l": "text-display-l",
776
+ "display-m": "text-display-m",
777
+ "display-s": "text-display-s",
778
+ "display-xs": "text-display-xs",
774
779
  "heading-xl": "text-heading-xl",
775
780
  "heading-lg": "text-heading-lg",
776
781
  "heading-md": "text-heading-md",
package/dist/molecules/data-table/index.mjs CHANGED
@@ -746,7 +746,12 @@ function DataTablePagination({
746
746
  var typographyVariants = cva("font-primary", {
747
747
  variants: {
748
748
  variant: {
749
+ "display-xxl": "text-display-xxl",
750
+ "display-xl": "text-display-xl",
749
751
  "display-l": "text-display-l",
752
+ "display-m": "text-display-m",
753
+ "display-s": "text-display-s",
754
+ "display-xs": "text-display-xs",
750
755
  "heading-xl": "text-heading-xl",
751
756
  "heading-lg": "text-heading-lg",
752
757
  "heading-md": "text-heading-md",
package/dist/organisms/sidebar/index.js CHANGED
@@ -66,7 +66,12 @@ function cn(...inputs) {
66
66
  var typographyVariants = classVarianceAuthority.cva("font-primary", {
67
67
  variants: {
68
68
  variant: {
69
+ "display-xxl": "text-display-xxl",
70
+ "display-xl": "text-display-xl",
69
71
  "display-l": "text-display-l",
72
+ "display-m": "text-display-m",
73
+ "display-s": "text-display-s",
74
+ "display-xs": "text-display-xs",
70
75
  "heading-xl": "text-heading-xl",
71
76
  "heading-lg": "text-heading-lg",
72
77
  "heading-md": "text-heading-md",
package/dist/organisms/sidebar/index.mjs CHANGED
@@ -45,7 +45,12 @@ function cn(...inputs) {
45
45
  var typographyVariants = cva("font-primary", {
46
46
  variants: {
47
47
  variant: {
48
+ "display-xxl": "text-display-xxl",
49
+ "display-xl": "text-display-xl",
48
50
  "display-l": "text-display-l",
51
+ "display-m": "text-display-m",
52
+ "display-s": "text-display-s",
53
+ "display-xs": "text-display-xs",
49
54
  "heading-xl": "text-heading-xl",
50
55
  "heading-lg": "text-heading-lg",
51
56
  "heading-md": "text-heading-md",