@namp88/compass-tokens 1.0.3 → 1.0.5

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.
@@ -1,7 +1,7 @@
1
1
  /* ==========================================================================
2
2
  Design Tokens - Primitives
3
3
  Base values: colors, spacing, sizes, typography
4
- Generated at: 2026-02-04T14:40:26.039Z
4
+ Generated at: 2026-02-04T14:48:03.107Z
5
5
  Variables: 333
6
6
  ========================================================================== */
7
7
 
@@ -1,6 +1,6 @@
1
1
  /* ==========================================================================
2
2
  Design Tokens - Dark Theme
3
- Generated at: 2026-02-04T14:40:26.045Z
3
+ Generated at: 2026-02-04T14:48:03.114Z
4
4
  Variables: 496
5
5
  ========================================================================== */
6
6
 
@@ -1,6 +1,6 @@
1
1
  /* ==========================================================================
2
2
  Design Tokens - HighContrast Theme
3
- Generated at: 2026-02-04T14:40:26.047Z
3
+ Generated at: 2026-02-04T14:48:03.117Z
4
4
  Variables: 496
5
5
  ========================================================================== */
6
6
 
@@ -1,6 +1,6 @@
1
1
  /* ==========================================================================
2
2
  Design Tokens - Light Theme
3
- Generated at: 2026-02-04T14:40:26.044Z
3
+ Generated at: 2026-02-04T14:48:03.113Z
4
4
  Variables: 496
5
5
  ========================================================================== */
6
6
 
@@ -1,7 +1,7 @@
1
1
  /* ==========================================================================
2
2
  Design Tokens - Complete
3
3
  Includes: Primitives + Light (default) + Dark + High Contrast themes
4
- Generated at: 2026-02-04T14:40:26.049Z
4
+ Generated at: 2026-02-04T14:48:03.117Z
5
5
 
6
6
  Usage:
7
7
  - Light theme: default (no attribute needed)
@@ -1,7 +1,7 @@
1
1
  // =============================================================================
2
2
  // Badge - LG
3
3
  // Generated from Figma design tokens
4
- // Generated at: 2026-02-04T14:40:26.441Z
4
+ // Generated at: 2026-02-04T14:48:03.500Z
5
5
  // =============================================================================
6
6
 
7
7
  $height: $size-6xl;
@@ -1,7 +1,7 @@
1
1
  // =============================================================================
2
2
  // Badge - MD
3
3
  // Generated from Figma design tokens
4
- // Generated at: 2026-02-04T14:40:26.441Z
4
+ // Generated at: 2026-02-04T14:48:03.500Z
5
5
  // =============================================================================
6
6
 
7
7
  $height: $size-5xl;
@@ -1,7 +1,7 @@
1
1
  // =============================================================================
2
2
  // Badge - SM
3
3
  // Generated from Figma design tokens
4
- // Generated at: 2026-02-04T14:40:26.441Z
4
+ // Generated at: 2026-02-04T14:48:03.501Z
5
5
  // =============================================================================
6
6
 
7
7
  $height: $size-3xl;
@@ -1,7 +1,7 @@
1
1
  // =============================================================================
2
2
  // Badge - XS
3
3
  // Generated from Figma design tokens
4
- // Generated at: 2026-02-04T14:40:26.441Z
4
+ // Generated at: 2026-02-04T14:48:03.501Z
5
5
  // =============================================================================
6
6
 
7
7
  $height: $size-2xl;
@@ -1,7 +1,7 @@
1
1
  // =============================================================================
2
2
  // Button - LG
3
3
  // Generated from Figma design tokens
4
- // Generated at: 2026-02-04T14:40:26.435Z
4
+ // Generated at: 2026-02-04T14:48:03.497Z
5
5
  // =============================================================================
6
6
 
7
7
 
@@ -1,7 +1,7 @@
1
1
  // =============================================================================
2
2
  // Button - MD
3
3
  // Generated from Figma design tokens
4
- // Generated at: 2026-02-04T14:40:26.436Z
4
+ // Generated at: 2026-02-04T14:48:03.497Z
5
5
  // =============================================================================
6
6
 
7
7
 
@@ -1,7 +1,7 @@
1
1
  // =============================================================================
2
2
  // Button - SM
3
3
  // Generated from Figma design tokens
4
- // Generated at: 2026-02-04T14:40:26.436Z
4
+ // Generated at: 2026-02-04T14:48:03.498Z
5
5
  // =============================================================================
6
6
 
7
7
 
@@ -1,7 +1,7 @@
1
1
  // =============================================================================
2
2
  // Button - XS
3
3
  // Generated from Figma design tokens
4
- // Generated at: 2026-02-04T14:40:26.437Z
4
+ // Generated at: 2026-02-04T14:48:03.498Z
5
5
  // =============================================================================
6
6
 
7
7
 
@@ -1,5 +1,5 @@
1
1
  // =============================================================================
2
2
  // Card - Mode 1
3
3
  // Generated from Figma design tokens
4
- // Generated at: 2026-02-04T14:40:26.437Z
4
+ // Generated at: 2026-02-04T14:48:03.498Z
5
5
  // =============================================================================
@@ -1,7 +1,7 @@
1
1
  // =============================================================================
2
2
  // Colors - Mode 1
3
3
  // Generated from Figma design tokens
4
- // Generated at: 2026-02-04T14:40:26.434Z
4
+ // Generated at: 2026-02-04T14:48:03.493Z
5
5
  // =============================================================================
6
6
 
7
7
 
@@ -1,7 +1,7 @@
1
1
  // =============================================================================
2
2
  // Dropdown - LG
3
3
  // Generated from Figma design tokens
4
- // Generated at: 2026-02-04T14:40:26.438Z
4
+ // Generated at: 2026-02-04T14:48:03.499Z
5
5
  // =============================================================================
6
6
 
7
7
  $item-height: $size-6xl;
@@ -1,7 +1,7 @@
1
1
  // =============================================================================
2
2
  // Dropdown - MD
3
3
  // Generated from Figma design tokens
4
- // Generated at: 2026-02-04T14:40:26.439Z
4
+ // Generated at: 2026-02-04T14:48:03.500Z
5
5
  // =============================================================================
6
6
 
7
7
  $item-height: $size-5xl;
@@ -1,7 +1,7 @@
1
1
  // =============================================================================
2
2
  // Dropdown - SM
3
3
  // Generated from Figma design tokens
4
- // Generated at: 2026-02-04T14:40:26.440Z
4
+ // Generated at: 2026-02-04T14:48:03.500Z
5
5
  // =============================================================================
6
6
 
7
7
  $item-height: $size-4xl;
@@ -1,7 +1,7 @@
1
1
  // =============================================================================
2
2
  // Icon size - LG
3
3
  // Generated from Figma design tokens
4
- // Generated at: 2026-02-04T14:40:26.435Z
4
+ // Generated at: 2026-02-04T14:48:03.494Z
5
5
  // =============================================================================
6
6
 
7
7
  $icon-width: $size-3xl;
@@ -1,7 +1,7 @@
1
1
  // =============================================================================
2
2
  // Icon size - MD
3
3
  // Generated from Figma design tokens
4
- // Generated at: 2026-02-04T14:40:26.435Z
4
+ // Generated at: 2026-02-04T14:48:03.495Z
5
5
  // =============================================================================
6
6
 
7
7
  $icon-width: $size-2xl;
@@ -1,7 +1,7 @@
1
1
  // =============================================================================
2
2
  // Icon size - SM
3
3
  // Generated from Figma design tokens
4
- // Generated at: 2026-02-04T14:40:26.435Z
4
+ // Generated at: 2026-02-04T14:48:03.495Z
5
5
  // =============================================================================
6
6
 
7
7
  $icon-width: $size-xl;
@@ -1,7 +1,7 @@
1
1
  // =============================================================================
2
2
  // Icon size - XS
3
3
  // Generated from Figma design tokens
4
- // Generated at: 2026-02-04T14:40:26.435Z
4
+ // Generated at: 2026-02-04T14:48:03.495Z
5
5
  // =============================================================================
6
6
 
7
7
  $icon-width: $size-md;
@@ -1,7 +1,7 @@
1
1
  // =============================================================================
2
2
  // Input - LG
3
3
  // Generated from Figma design tokens
4
- // Generated at: 2026-02-04T14:40:26.438Z
4
+ // Generated at: 2026-02-04T14:48:03.498Z
5
5
  // =============================================================================
6
6
 
7
7
  $height: $size-7xl;
@@ -1,7 +1,7 @@
1
1
  // =============================================================================
2
2
  // Input - MD
3
3
  // Generated from Figma design tokens
4
- // Generated at: 2026-02-04T14:40:26.438Z
4
+ // Generated at: 2026-02-04T14:48:03.499Z
5
5
  // =============================================================================
6
6
 
7
7
  $height: $size-5xl;
@@ -1,7 +1,7 @@
1
1
  // =============================================================================
2
2
  // Input - SM
3
3
  // Generated from Figma design tokens
4
- // Generated at: 2026-02-04T14:40:26.438Z
4
+ // Generated at: 2026-02-04T14:48:03.499Z
5
5
  // =============================================================================
6
6
 
7
7
  $height: $size-3xl;
@@ -1,7 +1,7 @@
1
1
  // =============================================================================
2
2
  // Primitives - Mode 1
3
3
  // Generated from Figma design tokens
4
- // Generated at: 2026-02-04T14:40:26.414Z
4
+ // Generated at: 2026-02-04T14:48:03.474Z
5
5
  // =============================================================================
6
6
 
7
7
 
@@ -1,7 +1,7 @@
1
1
  // =============================================================================
2
2
  // Semantic - Dark
3
3
  // Generated from Figma design tokens
4
- // Generated at: 2026-02-04T14:40:26.425Z
4
+ // Generated at: 2026-02-04T14:48:03.481Z
5
5
  // =============================================================================
6
6
 
7
7
 
@@ -1,7 +1,7 @@
1
1
  // =============================================================================
2
2
  // Semantic - HighContrast
3
3
  // Generated from Figma design tokens
4
- // Generated at: 2026-02-04T14:40:26.428Z
4
+ // Generated at: 2026-02-04T14:48:03.486Z
5
5
  // =============================================================================
6
6
 
7
7
 
@@ -1,7 +1,7 @@
1
1
  // =============================================================================
2
2
  // Semantic - Light
3
3
  // Generated from Figma design tokens
4
- // Generated at: 2026-02-04T14:40:26.422Z
4
+ // Generated at: 2026-02-04T14:48:03.476Z
5
5
  // =============================================================================
6
6
 
7
7
 
@@ -1,7 +1,7 @@
1
1
  // =============================================================================
2
2
  // Typography - Value
3
3
  // Generated from Figma design tokens
4
- // Generated at: 2026-02-04T14:40:26.419Z
4
+ // Generated at: 2026-02-04T14:48:03.475Z
5
5
  // =============================================================================
6
6
 
7
7
 
@@ -1,14 +1,14 @@
1
1
  // =============================================================================
2
2
  // Design Tokens - All Variables
3
3
  // Generated from Figma
4
- // Generated at: 2026-02-04T14:40:26.441Z
4
+ // Generated at: 2026-02-04T14:48:03.501Z
5
5
  // Total: 1216 variables
6
6
  // =============================================================================
7
7
 
8
8
  // =============================================================================
9
9
  // Primitives - Mode 1
10
10
  // Generated from Figma design tokens
11
- // Generated at: 2026-02-04T14:40:26.441Z
11
+ // Generated at: 2026-02-04T14:48:03.501Z
12
12
  // =============================================================================
13
13
 
14
14
 
@@ -216,7 +216,7 @@ $shadow-2xl-key-color: #0000000a;
216
216
  // =============================================================================
217
217
  // Typography - Value
218
218
  // Generated from Figma design tokens
219
- // Generated at: 2026-02-04T14:40:26.442Z
219
+ // Generated at: 2026-02-04T14:48:03.502Z
220
220
  // =============================================================================
221
221
 
222
222
 
@@ -333,7 +333,7 @@ $text-font-family-xs: $font-family-text;
333
333
  // =============================================================================
334
334
  // Semantic - Light
335
335
  // Generated from Figma design tokens
336
- // Generated at: 2026-02-04T14:40:26.442Z
336
+ // Generated at: 2026-02-04T14:48:03.502Z
337
337
  // =============================================================================
338
338
 
339
339
 
@@ -978,7 +978,7 @@ $opacity-transparent: $opacity-white-transparent;
978
978
  // =============================================================================
979
979
  // Semantic - Dark
980
980
  // Generated from Figma design tokens
981
- // Generated at: 2026-02-04T14:40:26.443Z
981
+ // Generated at: 2026-02-04T14:48:03.504Z
982
982
  // =============================================================================
983
983
 
984
984
 
@@ -1623,7 +1623,7 @@ $opacity-transparent: $opacity-neutral-transparent;
1623
1623
  // =============================================================================
1624
1624
  // Semantic - HighContrast
1625
1625
  // Generated from Figma design tokens
1626
- // Generated at: 2026-02-04T14:40:26.445Z
1626
+ // Generated at: 2026-02-04T14:48:03.505Z
1627
1627
  // =============================================================================
1628
1628
 
1629
1629
 
@@ -2268,7 +2268,7 @@ $opacity-transparent: $opacity-neutral-transparent;
2268
2268
  // =============================================================================
2269
2269
  // Colors - Mode 1
2270
2270
  // Generated from Figma design tokens
2271
- // Generated at: 2026-02-04T14:40:26.446Z
2271
+ // Generated at: 2026-02-04T14:48:03.507Z
2272
2272
  // =============================================================================
2273
2273
 
2274
2274
 
@@ -2459,7 +2459,7 @@ $blue-900: #011c50;
2459
2459
  // =============================================================================
2460
2460
  // Icon size - LG
2461
2461
  // Generated from Figma design tokens
2462
- // Generated at: 2026-02-04T14:40:26.447Z
2462
+ // Generated at: 2026-02-04T14:48:03.507Z
2463
2463
  // =============================================================================
2464
2464
 
2465
2465
  $icon-width: $size-3xl;
@@ -2468,7 +2468,7 @@ $icon-height: $size-3xl;
2468
2468
  // =============================================================================
2469
2469
  // Icon size - MD
2470
2470
  // Generated from Figma design tokens
2471
- // Generated at: 2026-02-04T14:40:26.447Z
2471
+ // Generated at: 2026-02-04T14:48:03.507Z
2472
2472
  // =============================================================================
2473
2473
 
2474
2474
  $icon-width: $size-2xl;
@@ -2477,7 +2477,7 @@ $icon-height: $size-2xl;
2477
2477
  // =============================================================================
2478
2478
  // Icon size - SM
2479
2479
  // Generated from Figma design tokens
2480
- // Generated at: 2026-02-04T14:40:26.447Z
2480
+ // Generated at: 2026-02-04T14:48:03.507Z
2481
2481
  // =============================================================================
2482
2482
 
2483
2483
  $icon-width: $size-xl;
@@ -2486,7 +2486,7 @@ $icon-height: $size-xl;
2486
2486
  // =============================================================================
2487
2487
  // Icon size - XS
2488
2488
  // Generated from Figma design tokens
2489
- // Generated at: 2026-02-04T14:40:26.447Z
2489
+ // Generated at: 2026-02-04T14:48:03.507Z
2490
2490
  // =============================================================================
2491
2491
 
2492
2492
  $icon-width: $size-md;
@@ -2495,7 +2495,7 @@ $icon-height: $size-md;
2495
2495
  // =============================================================================
2496
2496
  // Button - LG
2497
2497
  // Generated from Figma design tokens
2498
- // Generated at: 2026-02-04T14:40:26.447Z
2498
+ // Generated at: 2026-02-04T14:48:03.507Z
2499
2499
  // =============================================================================
2500
2500
 
2501
2501
 
@@ -2531,7 +2531,7 @@ $font-weight: $font-weight-semibold;
2531
2531
  // =============================================================================
2532
2532
  // Button - MD
2533
2533
  // Generated from Figma design tokens
2534
- // Generated at: 2026-02-04T14:40:26.447Z
2534
+ // Generated at: 2026-02-04T14:48:03.507Z
2535
2535
  // =============================================================================
2536
2536
 
2537
2537
 
@@ -2567,7 +2567,7 @@ $font-weight: $font-weight-semibold;
2567
2567
  // =============================================================================
2568
2568
  // Button - SM
2569
2569
  // Generated from Figma design tokens
2570
- // Generated at: 2026-02-04T14:40:26.447Z
2570
+ // Generated at: 2026-02-04T14:48:03.508Z
2571
2571
  // =============================================================================
2572
2572
 
2573
2573
 
@@ -2603,7 +2603,7 @@ $font-weight: $font-weight-semibold;
2603
2603
  // =============================================================================
2604
2604
  // Button - XS
2605
2605
  // Generated from Figma design tokens
2606
- // Generated at: 2026-02-04T14:40:26.447Z
2606
+ // Generated at: 2026-02-04T14:48:03.508Z
2607
2607
  // =============================================================================
2608
2608
 
2609
2609
 
@@ -2639,14 +2639,14 @@ $font-weight: $font-weight-semibold;
2639
2639
  // =============================================================================
2640
2640
  // Card - Mode 1
2641
2641
  // Generated from Figma design tokens
2642
- // Generated at: 2026-02-04T14:40:26.447Z
2642
+ // Generated at: 2026-02-04T14:48:03.508Z
2643
2643
  // =============================================================================
2644
2644
 
2645
2645
 
2646
2646
  // =============================================================================
2647
2647
  // Input - LG
2648
2648
  // Generated from Figma design tokens
2649
- // Generated at: 2026-02-04T14:40:26.447Z
2649
+ // Generated at: 2026-02-04T14:48:03.508Z
2650
2650
  // =============================================================================
2651
2651
 
2652
2652
  $height: $size-7xl;
@@ -2684,7 +2684,7 @@ $font-line-height: $text-line-height-sm;
2684
2684
  // =============================================================================
2685
2685
  // Input - MD
2686
2686
  // Generated from Figma design tokens
2687
- // Generated at: 2026-02-04T14:40:26.447Z
2687
+ // Generated at: 2026-02-04T14:48:03.508Z
2688
2688
  // =============================================================================
2689
2689
 
2690
2690
  $height: $size-5xl;
@@ -2722,7 +2722,7 @@ $font-line-height: $text-line-height-sm;
2722
2722
  // =============================================================================
2723
2723
  // Input - SM
2724
2724
  // Generated from Figma design tokens
2725
- // Generated at: 2026-02-04T14:40:26.447Z
2725
+ // Generated at: 2026-02-04T14:48:03.508Z
2726
2726
  // =============================================================================
2727
2727
 
2728
2728
  $height: $size-3xl;
@@ -2760,7 +2760,7 @@ $font-line-height: $text-line-height-sm;
2760
2760
  // =============================================================================
2761
2761
  // Dropdown - LG
2762
2762
  // Generated from Figma design tokens
2763
- // Generated at: 2026-02-04T14:40:26.447Z
2763
+ // Generated at: 2026-02-04T14:48:03.508Z
2764
2764
  // =============================================================================
2765
2765
 
2766
2766
  $item-height: $size-6xl;
@@ -2773,7 +2773,7 @@ $border-radius: $border-radius-lg;
2773
2773
  // =============================================================================
2774
2774
  // Dropdown - MD
2775
2775
  // Generated from Figma design tokens
2776
- // Generated at: 2026-02-04T14:40:26.447Z
2776
+ // Generated at: 2026-02-04T14:48:03.508Z
2777
2777
  // =============================================================================
2778
2778
 
2779
2779
  $item-height: $size-5xl;
@@ -2786,7 +2786,7 @@ $border-radius: $border-radius-lg;
2786
2786
  // =============================================================================
2787
2787
  // Dropdown - SM
2788
2788
  // Generated from Figma design tokens
2789
- // Generated at: 2026-02-04T14:40:26.447Z
2789
+ // Generated at: 2026-02-04T14:48:03.508Z
2790
2790
  // =============================================================================
2791
2791
 
2792
2792
  $item-height: $size-4xl;
@@ -2799,7 +2799,7 @@ $border-radius: $border-radius-md;
2799
2799
  // =============================================================================
2800
2800
  // Badge - LG
2801
2801
  // Generated from Figma design tokens
2802
- // Generated at: 2026-02-04T14:40:26.447Z
2802
+ // Generated at: 2026-02-04T14:48:03.508Z
2803
2803
  // =============================================================================
2804
2804
 
2805
2805
  $height: $size-6xl;
@@ -2813,7 +2813,7 @@ $icon-gap: $space-xs;
2813
2813
  // =============================================================================
2814
2814
  // Badge - MD
2815
2815
  // Generated from Figma design tokens
2816
- // Generated at: 2026-02-04T14:40:26.447Z
2816
+ // Generated at: 2026-02-04T14:48:03.508Z
2817
2817
  // =============================================================================
2818
2818
 
2819
2819
  $height: $size-5xl;
@@ -2827,7 +2827,7 @@ $icon-gap: $space-2xs;
2827
2827
  // =============================================================================
2828
2828
  // Badge - SM
2829
2829
  // Generated from Figma design tokens
2830
- // Generated at: 2026-02-04T14:40:26.447Z
2830
+ // Generated at: 2026-02-04T14:48:03.508Z
2831
2831
  // =============================================================================
2832
2832
 
2833
2833
  $height: $size-3xl;
@@ -2841,7 +2841,7 @@ $icon-gap: $space-3xs;
2841
2841
  // =============================================================================
2842
2842
  // Badge - XS
2843
2843
  // Generated from Figma design tokens
2844
- // Generated at: 2026-02-04T14:40:26.447Z
2844
+ // Generated at: 2026-02-04T14:48:03.508Z
2845
2845
  // =============================================================================
2846
2846
 
2847
2847
  $height: $size-2xl;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@namp88/compass-tokens",
3
- "version": "1.0.3",
3
+ "version": "1.0.5",
4
4
  "description": "Design tokens for Compass design system - CSS custom properties",
5
5
  "type": "module",
6
6
  "main": "dist/css/tokens.css",