@nationaldesignstudio/react 0.0.11 → 0.0.12

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.css +41 -0
  2. package/package.json +6 -6
package/dist/tokens.css CHANGED
@@ -2513,6 +2513,7 @@
2513
2513
  font-weight: var(--font-weight-regular);
2514
2514
  line-height: var(--leading-18);
2515
2515
  letter-spacing: var(--tracking-18);
2516
+ }
2516
2517
 
2517
2518
  /* Tablet (md breakpoint+) */
2518
2519
  @media (width >= 48rem) {
@@ -2540,6 +2541,7 @@
2540
2541
  font-weight: var(--font-weight-regular);
2541
2542
  line-height: var(--leading-16);
2542
2543
  letter-spacing: var(--tracking-16);
2544
+ }
2543
2545
 
2544
2546
  /* Tablet (md breakpoint+) */
2545
2547
  @media (width >= 48rem) {
@@ -2567,6 +2569,7 @@
2567
2569
  font-weight: var(--font-weight-regular);
2568
2570
  line-height: var(--leading-14);
2569
2571
  letter-spacing: var(--tracking-14);
2572
+ }
2570
2573
 
2571
2574
  /* Tablet (md breakpoint+) */
2572
2575
  @media (width >= 48rem) {
@@ -2594,6 +2597,7 @@
2594
2597
  font-weight: var(--font-weight-medium);
2595
2598
  line-height: var(--text-16);
2596
2599
  letter-spacing: var(--tracking-button);
2600
+ }
2597
2601
 
2598
2602
  /* Tablet (md breakpoint+) */
2599
2603
  @media (width >= 48rem) {
@@ -2621,6 +2625,7 @@
2621
2625
  font-weight: var(--font-weight-medium);
2622
2626
  line-height: var(--text-14);
2623
2627
  letter-spacing: var(--tracking-button);
2628
+ }
2624
2629
 
2625
2630
  /* Tablet (md breakpoint+) */
2626
2631
  @media (width >= 48rem) {
@@ -2648,6 +2653,7 @@
2648
2653
  font-weight: var(--font-weight-medium);
2649
2654
  line-height: var(--text-12);
2650
2655
  letter-spacing: var(--tracking-button);
2656
+ }
2651
2657
 
2652
2658
  /* Tablet (md breakpoint+) */
2653
2659
  @media (width >= 48rem) {
@@ -2675,6 +2681,7 @@
2675
2681
  font-weight: var(--font-weight-regular);
2676
2682
  line-height: var(--leading-14);
2677
2683
  letter-spacing: var(--tracking-14);
2684
+ }
2678
2685
 
2679
2686
  /* Tablet (md breakpoint+) */
2680
2687
  @media (width >= 48rem) {
@@ -2702,6 +2709,7 @@
2702
2709
  font-weight: var(--font-weight-regular);
2703
2710
  line-height: var(--leading-12);
2704
2711
  letter-spacing: var(--tracking-12);
2712
+ }
2705
2713
 
2706
2714
  /* Tablet (md breakpoint+) */
2707
2715
  @media (width >= 48rem) {
@@ -2729,6 +2737,7 @@
2729
2737
  font-weight: var(--font-weight-medium);
2730
2738
  line-height: var(--leading-88);
2731
2739
  letter-spacing: var(--tracking-88);
2740
+ }
2732
2741
 
2733
2742
  /* Tablet (md breakpoint+) */
2734
2743
  @media (width >= 48rem) {
@@ -2756,6 +2765,7 @@
2756
2765
  font-weight: var(--font-weight-regular);
2757
2766
  line-height: var(--leading-88);
2758
2767
  letter-spacing: var(--tracking-88);
2768
+ }
2759
2769
 
2760
2770
  /* Tablet (md breakpoint+) */
2761
2771
  @media (width >= 48rem) {
@@ -2783,6 +2793,7 @@
2783
2793
  font-weight: var(--font-weight-semibold);
2784
2794
  line-height: var(--leading-88);
2785
2795
  letter-spacing: var(--tracking-88);
2796
+ }
2786
2797
 
2787
2798
  /* Tablet (md breakpoint+) */
2788
2799
  @media (width >= 48rem) {
@@ -2810,6 +2821,7 @@
2810
2821
  font-weight: var(--font-weight-medium);
2811
2822
  line-height: var(--leading-64);
2812
2823
  letter-spacing: var(--tracking-64);
2824
+ }
2813
2825
 
2814
2826
  /* Tablet (md breakpoint+) */
2815
2827
  @media (width >= 48rem) {
@@ -2837,6 +2849,7 @@
2837
2849
  font-weight: var(--font-weight-medium);
2838
2850
  line-height: var(--leading-56);
2839
2851
  letter-spacing: var(--tracking-56);
2852
+ }
2840
2853
 
2841
2854
  /* Tablet (md breakpoint+) */
2842
2855
  @media (width >= 48rem) {
@@ -2864,6 +2877,7 @@
2864
2877
  font-weight: var(--font-weight-medium);
2865
2878
  line-height: var(--leading-48);
2866
2879
  letter-spacing: var(--tracking-48);
2880
+ }
2867
2881
 
2868
2882
  /* Tablet (md breakpoint+) */
2869
2883
  @media (width >= 48rem) {
@@ -2891,6 +2905,7 @@
2891
2905
  font-weight: var(--font-weight-medium);
2892
2906
  line-height: var(--leading-72);
2893
2907
  letter-spacing: var(--tracking-72);
2908
+ }
2894
2909
 
2895
2910
  /* Tablet (md breakpoint+) */
2896
2911
  @media (width >= 48rem) {
@@ -2918,6 +2933,7 @@
2918
2933
  font-weight: var(--font-weight-regular);
2919
2934
  line-height: var(--leading-72);
2920
2935
  letter-spacing: var(--tracking-72);
2936
+ }
2921
2937
 
2922
2938
  /* Tablet (md breakpoint+) */
2923
2939
  @media (width >= 48rem) {
@@ -2945,6 +2961,7 @@
2945
2961
  font-weight: var(--font-weight-semibold);
2946
2962
  line-height: var(--leading-72);
2947
2963
  letter-spacing: var(--tracking-72);
2964
+ }
2948
2965
 
2949
2966
  /* Tablet (md breakpoint+) */
2950
2967
  @media (width >= 48rem) {
@@ -2972,6 +2989,7 @@
2972
2989
  font-weight: var(--font-weight-medium);
2973
2990
  line-height: var(--leading-64);
2974
2991
  letter-spacing: var(--tracking-64);
2992
+ }
2975
2993
 
2976
2994
  /* Tablet (md breakpoint+) */
2977
2995
  @media (width >= 48rem) {
@@ -2999,6 +3017,7 @@
2999
3017
  font-weight: var(--font-weight-regular);
3000
3018
  line-height: var(--leading-64);
3001
3019
  letter-spacing: var(--tracking-64);
3020
+ }
3002
3021
 
3003
3022
  /* Tablet (md breakpoint+) */
3004
3023
  @media (width >= 48rem) {
@@ -3026,6 +3045,7 @@
3026
3045
  font-weight: var(--font-weight-semibold);
3027
3046
  line-height: var(--leading-64);
3028
3047
  letter-spacing: var(--tracking-64);
3048
+ }
3029
3049
 
3030
3050
  /* Tablet (md breakpoint+) */
3031
3051
  @media (width >= 48rem) {
@@ -3053,6 +3073,7 @@
3053
3073
  font-weight: var(--font-weight-medium);
3054
3074
  line-height: var(--leading-42);
3055
3075
  letter-spacing: var(--tracking-42);
3076
+ }
3056
3077
 
3057
3078
  /* Tablet (md breakpoint+) */
3058
3079
  @media (width >= 48rem) {
@@ -3080,6 +3101,7 @@
3080
3101
  font-weight: var(--font-weight-regular);
3081
3102
  line-height: var(--leading-42);
3082
3103
  letter-spacing: var(--tracking-42);
3104
+ }
3083
3105
 
3084
3106
  /* Tablet (md breakpoint+) */
3085
3107
  @media (width >= 48rem) {
@@ -3107,6 +3129,7 @@
3107
3129
  font-weight: var(--font-weight-semibold);
3108
3130
  line-height: var(--leading-42);
3109
3131
  letter-spacing: var(--tracking-42);
3132
+ }
3110
3133
 
3111
3134
  /* Tablet (md breakpoint+) */
3112
3135
  @media (width >= 48rem) {
@@ -3134,6 +3157,7 @@
3134
3157
  font-weight: var(--font-weight-medium);
3135
3158
  line-height: var(--leading-32);
3136
3159
  letter-spacing: var(--tracking-32);
3160
+ }
3137
3161
 
3138
3162
  /* Tablet (md breakpoint+) */
3139
3163
  @media (width >= 48rem) {
@@ -3161,6 +3185,7 @@
3161
3185
  font-weight: var(--font-weight-medium);
3162
3186
  line-height: var(--leading-72);
3163
3187
  letter-spacing: var(--tracking-72);
3188
+ }
3164
3189
 
3165
3190
  /* Tablet (md breakpoint+) */
3166
3191
  @media (width >= 48rem) {
@@ -3188,6 +3213,7 @@
3188
3213
  font-weight: var(--font-weight-regular);
3189
3214
  line-height: var(--leading-72);
3190
3215
  letter-spacing: var(--tracking-72);
3216
+ }
3191
3217
 
3192
3218
  /* Tablet (md breakpoint+) */
3193
3219
  @media (width >= 48rem) {
@@ -3215,6 +3241,7 @@
3215
3241
  font-weight: var(--font-weight-semibold);
3216
3242
  line-height: var(--leading-72);
3217
3243
  letter-spacing: var(--tracking-72);
3244
+ }
3218
3245
 
3219
3246
  /* Tablet (md breakpoint+) */
3220
3247
  @media (width >= 48rem) {
@@ -3242,6 +3269,7 @@
3242
3269
  font-weight: var(--font-weight-medium);
3243
3270
  line-height: var(--text-14);
3244
3271
  letter-spacing: var(--tracking-14);
3272
+ }
3245
3273
 
3246
3274
  /* Tablet (md breakpoint+) */
3247
3275
  @media (width >= 48rem) {
@@ -3269,6 +3297,7 @@
3269
3297
  font-weight: var(--font-weight-medium);
3270
3298
  line-height: var(--text-12);
3271
3299
  letter-spacing: var(--tracking-12);
3300
+ }
3272
3301
 
3273
3302
  /* Tablet (md breakpoint+) */
3274
3303
  @media (width >= 48rem) {
@@ -3296,6 +3325,7 @@
3296
3325
  font-weight: var(--font-weight-medium);
3297
3326
  line-height: var(--text-11);
3298
3327
  letter-spacing: var(--tracking-11);
3328
+ }
3299
3329
 
3300
3330
  /* Tablet (md breakpoint+) */
3301
3331
  @media (width >= 48rem) {
@@ -3323,6 +3353,7 @@
3323
3353
  font-weight: var(--font-weight-medium);
3324
3354
  line-height: var(--leading-16);
3325
3355
  letter-spacing: var(--tracking-16);
3356
+ }
3326
3357
 
3327
3358
  /* Tablet (md breakpoint+) */
3328
3359
  @media (width >= 48rem) {
@@ -3350,6 +3381,7 @@
3350
3381
  font-weight: var(--font-weight-medium);
3351
3382
  line-height: var(--leading-14);
3352
3383
  letter-spacing: var(--tracking-14);
3384
+ }
3353
3385
 
3354
3386
  /* Tablet (md breakpoint+) */
3355
3387
  @media (width >= 48rem) {
@@ -3377,6 +3409,7 @@
3377
3409
  font-weight: var(--font-weight-medium);
3378
3410
  line-height: var(--leading-12);
3379
3411
  letter-spacing: var(--tracking-12);
3412
+ }
3380
3413
 
3381
3414
  /* Tablet (md breakpoint+) */
3382
3415
  @media (width >= 48rem) {
@@ -3404,6 +3437,7 @@
3404
3437
  font-weight: var(--font-weight-medium);
3405
3438
  line-height: var(--leading-31);
3406
3439
  letter-spacing: var(--tracking-28);
3440
+ }
3407
3441
 
3408
3442
  /* Tablet (md breakpoint+) */
3409
3443
  @media (width >= 48rem) {
@@ -3431,6 +3465,7 @@
3431
3465
  font-weight: var(--font-weight-semibold);
3432
3466
  line-height: var(--leading-31);
3433
3467
  letter-spacing: var(--tracking-28);
3468
+ }
3434
3469
 
3435
3470
  /* Tablet (md breakpoint+) */
3436
3471
  @media (width >= 48rem) {
@@ -3458,6 +3493,7 @@
3458
3493
  font-weight: var(--font-weight-medium);
3459
3494
  line-height: var(--leading-28);
3460
3495
  letter-spacing: var(--tracking-24);
3496
+ }
3461
3497
 
3462
3498
  /* Tablet (md breakpoint+) */
3463
3499
  @media (width >= 48rem) {
@@ -3485,6 +3521,7 @@
3485
3521
  font-weight: var(--font-weight-semibold);
3486
3522
  line-height: var(--leading-28);
3487
3523
  letter-spacing: var(--tracking-24);
3524
+ }
3488
3525
 
3489
3526
  /* Tablet (md breakpoint+) */
3490
3527
  @media (width >= 48rem) {
@@ -3512,6 +3549,7 @@
3512
3549
  font-weight: var(--font-weight-medium);
3513
3550
  line-height: var(--leading-22);
3514
3551
  letter-spacing: var(--tracking-18);
3552
+ }
3515
3553
 
3516
3554
  /* Tablet (md breakpoint+) */
3517
3555
  @media (width >= 48rem) {
@@ -3539,6 +3577,7 @@
3539
3577
  font-weight: var(--font-weight-semibold);
3540
3578
  line-height: var(--leading-22);
3541
3579
  letter-spacing: var(--tracking-18);
3580
+ }
3542
3581
 
3543
3582
  /* Tablet (md breakpoint+) */
3544
3583
  @media (width >= 48rem) {
@@ -3566,6 +3605,7 @@
3566
3605
  font-weight: var(--font-weight-medium);
3567
3606
  line-height: var(--text-16);
3568
3607
  letter-spacing: var(--tracking-16);
3608
+ }
3569
3609
 
3570
3610
  /* Tablet (md breakpoint+) */
3571
3611
  @media (width >= 48rem) {
@@ -3593,6 +3633,7 @@
3593
3633
  font-weight: var(--font-weight-medium);
3594
3634
  line-height: var(--text-14);
3595
3635
  letter-spacing: var(--tracking-14);
3636
+ }
3596
3637
 
3597
3638
  /* Tablet (md breakpoint+) */
3598
3639
  @media (width >= 48rem) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nationaldesignstudio/react",
3
- "version": "0.0.11",
3
+ "version": "0.0.12",
4
4
  "type": "module",
5
5
  "sideEffects": [
6
6
  "*.css"
@@ -47,15 +47,15 @@
47
47
  },
48
48
  "dependencies": {
49
49
  "@base-ui-components/react": "^1.0.0-rc.0",
50
- "@nds-design-system/tokens": "workspace:*",
51
- "@radix-ui/react-slot": "catalog:",
52
- "tailwind-variants": "catalog:",
53
- "clsx": "catalog:",
54
- "tailwind-merge": "catalog:"
50
+ "@radix-ui/react-slot": "^1.2.4",
51
+ "tailwind-variants": "^0.3.1",
52
+ "clsx": "^2.1.1",
53
+ "tailwind-merge": "^3.4.0"
55
54
  },
56
55
  "devDependencies": {
57
56
  "@chromatic-com/storybook": "catalog:",
58
57
  "@nds-design-system/tailwind-token-generator": "workspace:*",
58
+ "@nds-design-system/tokens": "workspace:*",
59
59
  "@nds-design-system/tools": "workspace:*",
60
60
  "@playwright/test": "catalog:",
61
61
  "@rollup/plugin-strip": "^3.0.4",