@pantheon-systems/pds-design-tokens 1.0.0-dev.112 → 1.0.0-dev.114

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 (8) hide show
  1. package/build/css/pds-design-tokens-dark-mode.css +7 -6
  2. package/build/css/pds-design-tokens-light-mode.css +8 -6
  3. package/build/css/pds-design-tokens.css +3 -0
  4. package/build/figma/pds-design-tokens-figma.json +407 -40
  5. package/build/json/pds-design-tokens-dark-mode.json +48 -20
  6. package/build/json/pds-design-tokens-light-mode.json +80 -20
  7. package/build/json/pds-design-tokens.json +69 -0
  8. package/package.json +1 -1
package/build/css/pds-design-tokens-dark-mode.css CHANGED
@@ -28,19 +28,20 @@
28
28
  --pds-color-badge-indicator-silver-foreground: var(--pds-color-text-default-secondary);
29
29
  --pds-color-badge-indicator-success-background: #2abb7f;
30
30
  --pds-color-badge-indicator-success-foreground: #ffffff;
31
- --pds-color-badge-status-dark-background: var(--pds-color-background-reverse);
32
- --pds-color-badge-status-dark-border: var(--pds-color-background-reverse);
33
- --pds-color-badge-status-dark-label: var(--pds-color-text-reverse);
34
31
  --pds-color-badge-status-dot-critical: var(--pds-color-semantic-critical-foreground);
35
32
  --pds-color-badge-status-dot-default: #858299;
33
+ --pds-color-badge-status-dot-disabled: #858299;
36
34
  --pds-color-badge-status-dot-discovery: var(--pds-color-semantic-discovery-foreground);
37
35
  --pds-color-badge-status-dot-frozen: #d0c6ff;
38
36
  --pds-color-badge-status-dot-info: var(--pds-color-semantic-info-foreground);
39
37
  --pds-color-badge-status-dot-success: var(--pds-color-semantic-success-foreground);
40
38
  --pds-color-badge-status-dot-warning: var(--pds-color-semantic-warning-foreground);
41
- --pds-color-badge-status-light-background: var(--pds-color-background-default);
42
- --pds-color-badge-status-light-border: var(--pds-color-border-default);
43
- --pds-color-badge-status-light-label: var(--pds-color-text-default-secondary);
39
+ --pds-color-badge-status-neutral-background: var(--pds-color-background-default);
40
+ --pds-color-badge-status-neutral-border: var(--pds-color-border-default);
41
+ --pds-color-badge-status-neutral-label: var(--pds-color-text-default-secondary);
42
+ --pds-color-badge-status-reverse-background: var(--pds-color-background-reverse);
43
+ --pds-color-badge-status-reverse-border: var(--pds-color-background-reverse);
44
+ --pds-color-badge-status-reverse-label: var(--pds-color-text-reverse);
44
45
  --pds-color-badge-status-transparent-background: rgba(0, 0, 0, 0);
45
46
  --pds-color-badge-status-transparent-border: var(--pds-color-border-default);
46
47
  --pds-color-badge-status-transparent-label: var(--pds-color-text-default-secondary);
package/build/css/pds-design-tokens-light-mode.css CHANGED
@@ -28,19 +28,20 @@
28
28
  --pds-color-badge-indicator-silver-foreground: var(--pds-color-text-default-secondary);
29
29
  --pds-color-badge-indicator-success-background: #218c5f;
30
30
  --pds-color-badge-indicator-success-foreground: #ffffff;
31
- --pds-color-badge-status-dark-background: var(--pds-color-background-reverse);
32
- --pds-color-badge-status-dark-border: var(--pds-color-background-reverse);
33
- --pds-color-badge-status-dark-label: var(--pds-color-text-reverse);
34
31
  --pds-color-badge-status-dot-critical: var(--pds-color-semantic-critical-foreground);
35
32
  --pds-color-badge-status-dot-default: #cfcfd3;
33
+ --pds-color-badge-status-dot-disabled: #cfcfd3;
36
34
  --pds-color-badge-status-dot-discovery: var(--pds-color-semantic-discovery-foreground);
37
35
  --pds-color-badge-status-dot-frozen: #e5dbff;
38
36
  --pds-color-badge-status-dot-info: var(--pds-color-semantic-info-foreground);
39
37
  --pds-color-badge-status-dot-success: var(--pds-color-semantic-success-foreground);
40
38
  --pds-color-badge-status-dot-warning: var(--pds-color-semantic-warning-foreground);
41
- --pds-color-badge-status-light-background: var(--pds-color-background-default);
42
- --pds-color-badge-status-light-border: var(--pds-color-border-default);
43
- --pds-color-badge-status-light-label: var(--pds-color-text-default-secondary);
39
+ --pds-color-badge-status-neutral-background: var(--pds-color-background-default);
40
+ --pds-color-badge-status-neutral-border: var(--pds-color-border-default);
41
+ --pds-color-badge-status-neutral-label: var(--pds-color-text-default-secondary);
42
+ --pds-color-badge-status-reverse-background: var(--pds-color-background-reverse);
43
+ --pds-color-badge-status-reverse-border: var(--pds-color-background-reverse);
44
+ --pds-color-badge-status-reverse-label: var(--pds-color-text-reverse);
44
45
  --pds-color-badge-status-transparent-background: rgba(0, 0, 0, 0);
45
46
  --pds-color-badge-status-transparent-border: var(--pds-color-border-default);
46
47
  --pds-color-badge-status-transparent-label: var(--pds-color-text-default-secondary);
@@ -120,6 +121,7 @@
120
121
  --pds-color-foreground-reverse: #ffffff;
121
122
  --pds-color-gradient-after-hours: linear-gradient(228.64deg, #1B0874 41.87%, #29B2FF 100%);
122
123
  --pds-color-gradient-midnight: linear-gradient(228.64deg, #1B0874 46.34%, #00E0C3 100%);
124
+ --pds-color-gradient-pastel-1: linear-gradient(175deg, rgba(229, 219, 255, 0.36) 15.74%, rgba(217, 217, 217, 0.00) 90.08%);
123
125
  --pds-color-gradient-sunrise: linear-gradient(227.79deg, #1B0874 38.28%, #E65F35 100%);
124
126
  --pds-color-gradient-sunset: linear-gradient(48.24deg, #EF13AD 0%, #1B0874 66.25%);
125
127
  --pds-color-icon-button-background-active: #cfcfd3;
package/build/css/pds-design-tokens.css CHANGED
@@ -84,6 +84,9 @@
84
84
  --pds-typography-size-4xl: 2.488rem;
85
85
  --pds-typography-size-5xl: 2.986rem;
86
86
  --pds-typography-size-6xl: 3.583rem;
87
+ --pds-typography-size-7xl: 4.3rem;
88
+ --pds-typography-size-8xl: 5.160rem;
89
+ --pds-typography-size-9xl: 6.192rem;
87
90
  --pds-typography-size-l: 1.2rem;
88
91
  --pds-typography-size-m: 1rem;
89
92
  --pds-typography-size-s: 0.833rem;
package/build/figma/pds-design-tokens-figma.json CHANGED
@@ -1626,6 +1626,99 @@
1626
1626
  },
1627
1627
  "type-scale": {
1628
1628
  "regular": {
1629
+ "9XL": {
1630
+ "value": {
1631
+ "fontSize": "6.192 * 16",
1632
+ "fontFamily": "Poppins",
1633
+ "fontWeight": 400
1634
+ },
1635
+ "type": "typography",
1636
+ "filePath": "tokens-figma/typography/base.json",
1637
+ "isSource": true,
1638
+ "original": {
1639
+ "value": {
1640
+ "fontSize": "{typography.size.9XL} * {figma.typography.size.base}",
1641
+ "fontFamily": "{text.body.paragraph.value.fontFamily}",
1642
+ "fontWeight": "{typography.font-weight.regular}"
1643
+ },
1644
+ "type": "typography"
1645
+ },
1646
+ "name": "text-type-scale-regular-9-xl",
1647
+ "attributes": {
1648
+ "category": "text",
1649
+ "type": "type-scale",
1650
+ "item": "regular",
1651
+ "subitem": "9XL"
1652
+ },
1653
+ "path": [
1654
+ "text",
1655
+ "type-scale",
1656
+ "regular",
1657
+ "9XL"
1658
+ ]
1659
+ },
1660
+ "8XL": {
1661
+ "value": {
1662
+ "fontSize": "5.160 * 16",
1663
+ "fontFamily": "Poppins",
1664
+ "fontWeight": 400
1665
+ },
1666
+ "type": "typography",
1667
+ "filePath": "tokens-figma/typography/base.json",
1668
+ "isSource": true,
1669
+ "original": {
1670
+ "value": {
1671
+ "fontSize": "{typography.size.8XL} * {figma.typography.size.base}",
1672
+ "fontFamily": "{text.body.paragraph.value.fontFamily}",
1673
+ "fontWeight": "{typography.font-weight.regular}"
1674
+ },
1675
+ "type": "typography"
1676
+ },
1677
+ "name": "text-type-scale-regular-8-xl",
1678
+ "attributes": {
1679
+ "category": "text",
1680
+ "type": "type-scale",
1681
+ "item": "regular",
1682
+ "subitem": "8XL"
1683
+ },
1684
+ "path": [
1685
+ "text",
1686
+ "type-scale",
1687
+ "regular",
1688
+ "8XL"
1689
+ ]
1690
+ },
1691
+ "7XL": {
1692
+ "value": {
1693
+ "fontSize": "4.3 * 16",
1694
+ "fontFamily": "Poppins",
1695
+ "fontWeight": 400
1696
+ },
1697
+ "type": "typography",
1698
+ "filePath": "tokens-figma/typography/base.json",
1699
+ "isSource": true,
1700
+ "original": {
1701
+ "value": {
1702
+ "fontSize": "{typography.size.7XL} * {figma.typography.size.base}",
1703
+ "fontFamily": "{text.body.paragraph.value.fontFamily}",
1704
+ "fontWeight": "{typography.font-weight.regular}"
1705
+ },
1706
+ "type": "typography"
1707
+ },
1708
+ "name": "text-type-scale-regular-7-xl",
1709
+ "attributes": {
1710
+ "category": "text",
1711
+ "type": "type-scale",
1712
+ "item": "regular",
1713
+ "subitem": "7XL"
1714
+ },
1715
+ "path": [
1716
+ "text",
1717
+ "type-scale",
1718
+ "regular",
1719
+ "7XL"
1720
+ ]
1721
+ },
1629
1722
  "6XL": {
1630
1723
  "value": {
1631
1724
  "fontSize": "3.583 * 16",
@@ -1940,6 +2033,99 @@
1940
2033
  }
1941
2034
  },
1942
2035
  "semibold": {
2036
+ "9XL": {
2037
+ "value": {
2038
+ "fontSize": "6.192 * 16",
2039
+ "fontFamily": "Poppins",
2040
+ "fontWeight": 600
2041
+ },
2042
+ "type": "typography",
2043
+ "filePath": "tokens-figma/typography/base.json",
2044
+ "isSource": true,
2045
+ "original": {
2046
+ "value": {
2047
+ "fontSize": "{typography.size.9XL} * {figma.typography.size.base}",
2048
+ "fontFamily": "{text.body.paragraph.value.fontFamily}",
2049
+ "fontWeight": "{typography.font-weight.semibold}"
2050
+ },
2051
+ "type": "typography"
2052
+ },
2053
+ "name": "text-type-scale-semibold-9-xl",
2054
+ "attributes": {
2055
+ "category": "text",
2056
+ "type": "type-scale",
2057
+ "item": "semibold",
2058
+ "subitem": "9XL"
2059
+ },
2060
+ "path": [
2061
+ "text",
2062
+ "type-scale",
2063
+ "semibold",
2064
+ "9XL"
2065
+ ]
2066
+ },
2067
+ "8XL": {
2068
+ "value": {
2069
+ "fontSize": "5.160 * 16",
2070
+ "fontFamily": "Poppins",
2071
+ "fontWeight": 600
2072
+ },
2073
+ "type": "typography",
2074
+ "filePath": "tokens-figma/typography/base.json",
2075
+ "isSource": true,
2076
+ "original": {
2077
+ "value": {
2078
+ "fontSize": "{typography.size.8XL} * {figma.typography.size.base}",
2079
+ "fontFamily": "{text.body.paragraph.value.fontFamily}",
2080
+ "fontWeight": "{typography.font-weight.semibold}"
2081
+ },
2082
+ "type": "typography"
2083
+ },
2084
+ "name": "text-type-scale-semibold-8-xl",
2085
+ "attributes": {
2086
+ "category": "text",
2087
+ "type": "type-scale",
2088
+ "item": "semibold",
2089
+ "subitem": "8XL"
2090
+ },
2091
+ "path": [
2092
+ "text",
2093
+ "type-scale",
2094
+ "semibold",
2095
+ "8XL"
2096
+ ]
2097
+ },
2098
+ "7XL": {
2099
+ "value": {
2100
+ "fontSize": "4.3 * 16",
2101
+ "fontFamily": "Poppins",
2102
+ "fontWeight": 600
2103
+ },
2104
+ "type": "typography",
2105
+ "filePath": "tokens-figma/typography/base.json",
2106
+ "isSource": true,
2107
+ "original": {
2108
+ "value": {
2109
+ "fontSize": "{typography.size.7XL} * {figma.typography.size.base}",
2110
+ "fontFamily": "{text.body.paragraph.value.fontFamily}",
2111
+ "fontWeight": "{typography.font-weight.semibold}"
2112
+ },
2113
+ "type": "typography"
2114
+ },
2115
+ "name": "text-type-scale-semibold-7-xl",
2116
+ "attributes": {
2117
+ "category": "text",
2118
+ "type": "type-scale",
2119
+ "item": "semibold",
2120
+ "subitem": "7XL"
2121
+ },
2122
+ "path": [
2123
+ "text",
2124
+ "type-scale",
2125
+ "semibold",
2126
+ "7XL"
2127
+ ]
2128
+ },
1943
2129
  "6XL": {
1944
2130
  "value": {
1945
2131
  "fontSize": "3.583 * 16",
@@ -2254,6 +2440,99 @@
2254
2440
  }
2255
2441
  },
2256
2442
  "bold": {
2443
+ "9XL": {
2444
+ "value": {
2445
+ "fontSize": "6.192 * 16",
2446
+ "fontFamily": "Poppins",
2447
+ "fontWeight": 700
2448
+ },
2449
+ "type": "typography",
2450
+ "filePath": "tokens-figma/typography/base.json",
2451
+ "isSource": true,
2452
+ "original": {
2453
+ "value": {
2454
+ "fontSize": "{typography.size.9XL} * {figma.typography.size.base}",
2455
+ "fontFamily": "{text.body.paragraph.value.fontFamily}",
2456
+ "fontWeight": "{typography.font-weight.bold}"
2457
+ },
2458
+ "type": "typography"
2459
+ },
2460
+ "name": "text-type-scale-bold-9-xl",
2461
+ "attributes": {
2462
+ "category": "text",
2463
+ "type": "type-scale",
2464
+ "item": "bold",
2465
+ "subitem": "9XL"
2466
+ },
2467
+ "path": [
2468
+ "text",
2469
+ "type-scale",
2470
+ "bold",
2471
+ "9XL"
2472
+ ]
2473
+ },
2474
+ "8XL": {
2475
+ "value": {
2476
+ "fontSize": "5.160 * 16",
2477
+ "fontFamily": "Poppins",
2478
+ "fontWeight": 700
2479
+ },
2480
+ "type": "typography",
2481
+ "filePath": "tokens-figma/typography/base.json",
2482
+ "isSource": true,
2483
+ "original": {
2484
+ "value": {
2485
+ "fontSize": "{typography.size.8XL} * {figma.typography.size.base}",
2486
+ "fontFamily": "{text.body.paragraph.value.fontFamily}",
2487
+ "fontWeight": "{typography.font-weight.bold}"
2488
+ },
2489
+ "type": "typography"
2490
+ },
2491
+ "name": "text-type-scale-bold-8-xl",
2492
+ "attributes": {
2493
+ "category": "text",
2494
+ "type": "type-scale",
2495
+ "item": "bold",
2496
+ "subitem": "8XL"
2497
+ },
2498
+ "path": [
2499
+ "text",
2500
+ "type-scale",
2501
+ "bold",
2502
+ "8XL"
2503
+ ]
2504
+ },
2505
+ "7XL": {
2506
+ "value": {
2507
+ "fontSize": "4.3 * 16",
2508
+ "fontFamily": "Poppins",
2509
+ "fontWeight": 700
2510
+ },
2511
+ "type": "typography",
2512
+ "filePath": "tokens-figma/typography/base.json",
2513
+ "isSource": true,
2514
+ "original": {
2515
+ "value": {
2516
+ "fontSize": "{typography.size.7XL} * {figma.typography.size.base}",
2517
+ "fontFamily": "{text.body.paragraph.value.fontFamily}",
2518
+ "fontWeight": "{typography.font-weight.bold}"
2519
+ },
2520
+ "type": "typography"
2521
+ },
2522
+ "name": "text-type-scale-bold-7-xl",
2523
+ "attributes": {
2524
+ "category": "text",
2525
+ "type": "type-scale",
2526
+ "item": "bold",
2527
+ "subitem": "7XL"
2528
+ },
2529
+ "path": [
2530
+ "text",
2531
+ "type-scale",
2532
+ "bold",
2533
+ "7XL"
2534
+ ]
2535
+ },
2257
2536
  "6XL": {
2258
2537
  "value": {
2259
2538
  "fontSize": "3.583 * 16",
@@ -2653,7 +2932,7 @@
2653
2932
  ]
2654
2933
  }
2655
2934
  },
2656
- "light": {
2935
+ "neutral": {
2657
2936
  "background": {
2658
2937
  "value": "#1d1d29",
2659
2938
  "public": true,
@@ -2663,20 +2942,20 @@
2663
2942
  "value": "{color.dark-mode.background.default.value}",
2664
2943
  "public": true
2665
2944
  },
2666
- "name": "color-dark-mode-badge-status-light-background",
2945
+ "name": "color-dark-mode-badge-status-neutral-background",
2667
2946
  "attributes": {
2668
2947
  "category": "color",
2669
2948
  "type": "dark-mode",
2670
2949
  "item": "badge",
2671
2950
  "subitem": "status",
2672
- "state": "light"
2951
+ "state": "neutral"
2673
2952
  },
2674
2953
  "path": [
2675
2954
  "color",
2676
2955
  "dark-mode",
2677
2956
  "badge",
2678
2957
  "status",
2679
- "light",
2958
+ "neutral",
2680
2959
  "background"
2681
2960
  ]
2682
2961
  },
@@ -2689,20 +2968,20 @@
2689
2968
  "value": "{color.dark-mode.border.default.value}",
2690
2969
  "public": true
2691
2970
  },
2692
- "name": "color-dark-mode-badge-status-light-border",
2971
+ "name": "color-dark-mode-badge-status-neutral-border",
2693
2972
  "attributes": {
2694
2973
  "category": "color",
2695
2974
  "type": "dark-mode",
2696
2975
  "item": "badge",
2697
2976
  "subitem": "status",
2698
- "state": "light"
2977
+ "state": "neutral"
2699
2978
  },
2700
2979
  "path": [
2701
2980
  "color",
2702
2981
  "dark-mode",
2703
2982
  "badge",
2704
2983
  "status",
2705
- "light",
2984
+ "neutral",
2706
2985
  "border"
2707
2986
  ]
2708
2987
  },
@@ -2715,25 +2994,25 @@
2715
2994
  "value": "{color.dark-mode.text.default-secondary.value}",
2716
2995
  "public": true
2717
2996
  },
2718
- "name": "color-dark-mode-badge-status-light-label",
2997
+ "name": "color-dark-mode-badge-status-neutral-label",
2719
2998
  "attributes": {
2720
2999
  "category": "color",
2721
3000
  "type": "dark-mode",
2722
3001
  "item": "badge",
2723
3002
  "subitem": "status",
2724
- "state": "light"
3003
+ "state": "neutral"
2725
3004
  },
2726
3005
  "path": [
2727
3006
  "color",
2728
3007
  "dark-mode",
2729
3008
  "badge",
2730
3009
  "status",
2731
- "light",
3010
+ "neutral",
2732
3011
  "label"
2733
3012
  ]
2734
3013
  }
2735
3014
  },
2736
- "dark": {
3015
+ "reverse": {
2737
3016
  "background": {
2738
3017
  "value": "#e7e7eb",
2739
3018
  "public": true,
@@ -2743,20 +3022,20 @@
2743
3022
  "value": "{color.dark-mode.background.reverse.value}",
2744
3023
  "public": true
2745
3024
  },
2746
- "name": "color-dark-mode-badge-status-dark-background",
3025
+ "name": "color-dark-mode-badge-status-reverse-background",
2747
3026
  "attributes": {
2748
3027
  "category": "color",
2749
3028
  "type": "dark-mode",
2750
3029
  "item": "badge",
2751
3030
  "subitem": "status",
2752
- "state": "dark"
3031
+ "state": "reverse"
2753
3032
  },
2754
3033
  "path": [
2755
3034
  "color",
2756
3035
  "dark-mode",
2757
3036
  "badge",
2758
3037
  "status",
2759
- "dark",
3038
+ "reverse",
2760
3039
  "background"
2761
3040
  ]
2762
3041
  },
@@ -2769,20 +3048,20 @@
2769
3048
  "value": "{color.dark-mode.background.reverse.value}",
2770
3049
  "public": true
2771
3050
  },
2772
- "name": "color-dark-mode-badge-status-dark-border",
3051
+ "name": "color-dark-mode-badge-status-reverse-border",
2773
3052
  "attributes": {
2774
3053
  "category": "color",
2775
3054
  "type": "dark-mode",
2776
3055
  "item": "badge",
2777
3056
  "subitem": "status",
2778
- "state": "dark"
3057
+ "state": "reverse"
2779
3058
  },
2780
3059
  "path": [
2781
3060
  "color",
2782
3061
  "dark-mode",
2783
3062
  "badge",
2784
3063
  "status",
2785
- "dark",
3064
+ "reverse",
2786
3065
  "border"
2787
3066
  ]
2788
3067
  },
@@ -2795,20 +3074,20 @@
2795
3074
  "value": "{color.dark-mode.text.reverse.value}",
2796
3075
  "public": true
2797
3076
  },
2798
- "name": "color-dark-mode-badge-status-dark-label",
3077
+ "name": "color-dark-mode-badge-status-reverse-label",
2799
3078
  "attributes": {
2800
3079
  "category": "color",
2801
3080
  "type": "dark-mode",
2802
3081
  "item": "badge",
2803
3082
  "subitem": "status",
2804
- "state": "dark"
3083
+ "state": "reverse"
2805
3084
  },
2806
3085
  "path": [
2807
3086
  "color",
2808
3087
  "dark-mode",
2809
3088
  "badge",
2810
3089
  "status",
2811
- "dark",
3090
+ "reverse",
2812
3091
  "label"
2813
3092
  ]
2814
3093
  }
@@ -2999,6 +3278,34 @@
2999
3278
  "dot",
3000
3279
  "discovery"
3001
3280
  ]
3281
+ },
3282
+ "disabled": {
3283
+ "value": "#858299",
3284
+ "public": true,
3285
+ "isReferenceToInternal": true,
3286
+ "filePath": "tokens/color/alias/badge.dark.json",
3287
+ "isSource": true,
3288
+ "original": {
3289
+ "value": "{color.dark-mode.neutral.300.value}",
3290
+ "public": true,
3291
+ "isReferenceToInternal": true
3292
+ },
3293
+ "name": "color-dark-mode-badge-status-dot-disabled",
3294
+ "attributes": {
3295
+ "category": "color",
3296
+ "type": "dark-mode",
3297
+ "item": "badge",
3298
+ "subitem": "status",
3299
+ "state": "dot"
3300
+ },
3301
+ "path": [
3302
+ "color",
3303
+ "dark-mode",
3304
+ "badge",
3305
+ "status",
3306
+ "dot",
3307
+ "disabled"
3308
+ ]
3002
3309
  }
3003
3310
  }
3004
3311
  },
@@ -9347,7 +9654,7 @@
9347
9654
  ]
9348
9655
  }
9349
9656
  },
9350
- "light": {
9657
+ "neutral": {
9351
9658
  "background": {
9352
9659
  "value": "#ffffff",
9353
9660
  "public": true,
@@ -9357,20 +9664,20 @@
9357
9664
  "value": "{color.light-mode.background.default.value}",
9358
9665
  "public": true
9359
9666
  },
9360
- "name": "color-light-mode-badge-status-light-background",
9667
+ "name": "color-light-mode-badge-status-neutral-background",
9361
9668
  "attributes": {
9362
9669
  "category": "color",
9363
9670
  "type": "light-mode",
9364
9671
  "item": "badge",
9365
9672
  "subitem": "status",
9366
- "state": "light"
9673
+ "state": "neutral"
9367
9674
  },
9368
9675
  "path": [
9369
9676
  "color",
9370
9677
  "light-mode",
9371
9678
  "badge",
9372
9679
  "status",
9373
- "light",
9680
+ "neutral",
9374
9681
  "background"
9375
9682
  ]
9376
9683
  },
@@ -9383,20 +9690,20 @@
9383
9690
  "value": "{color.light-mode.border.default.value}",
9384
9691
  "public": true
9385
9692
  },
9386
- "name": "color-light-mode-badge-status-light-border",
9693
+ "name": "color-light-mode-badge-status-neutral-border",
9387
9694
  "attributes": {
9388
9695
  "category": "color",
9389
9696
  "type": "light-mode",
9390
9697
  "item": "badge",
9391
9698
  "subitem": "status",
9392
- "state": "light"
9699
+ "state": "neutral"
9393
9700
  },
9394
9701
  "path": [
9395
9702
  "color",
9396
9703
  "light-mode",
9397
9704
  "badge",
9398
9705
  "status",
9399
- "light",
9706
+ "neutral",
9400
9707
  "border"
9401
9708
  ]
9402
9709
  },
@@ -9409,25 +9716,25 @@
9409
9716
  "value": "{color.light-mode.text.default-secondary.value}",
9410
9717
  "public": true
9411
9718
  },
9412
- "name": "color-light-mode-badge-status-light-label",
9719
+ "name": "color-light-mode-badge-status-neutral-label",
9413
9720
  "attributes": {
9414
9721
  "category": "color",
9415
9722
  "type": "light-mode",
9416
9723
  "item": "badge",
9417
9724
  "subitem": "status",
9418
- "state": "light"
9725
+ "state": "neutral"
9419
9726
  },
9420
9727
  "path": [
9421
9728
  "color",
9422
9729
  "light-mode",
9423
9730
  "badge",
9424
9731
  "status",
9425
- "light",
9732
+ "neutral",
9426
9733
  "label"
9427
9734
  ]
9428
9735
  }
9429
9736
  },
9430
- "dark": {
9737
+ "reverse": {
9431
9738
  "background": {
9432
9739
  "value": "#23232d",
9433
9740
  "public": true,
@@ -9437,20 +9744,20 @@
9437
9744
  "value": "{color.light-mode.background.reverse.value}",
9438
9745
  "public": true
9439
9746
  },
9440
- "name": "color-light-mode-badge-status-dark-background",
9747
+ "name": "color-light-mode-badge-status-reverse-background",
9441
9748
  "attributes": {
9442
9749
  "category": "color",
9443
9750
  "type": "light-mode",
9444
9751
  "item": "badge",
9445
9752
  "subitem": "status",
9446
- "state": "dark"
9753
+ "state": "reverse"
9447
9754
  },
9448
9755
  "path": [
9449
9756
  "color",
9450
9757
  "light-mode",
9451
9758
  "badge",
9452
9759
  "status",
9453
- "dark",
9760
+ "reverse",
9454
9761
  "background"
9455
9762
  ]
9456
9763
  },
@@ -9463,20 +9770,20 @@
9463
9770
  "value": "{color.light-mode.background.reverse.value}",
9464
9771
  "public": true
9465
9772
  },
9466
- "name": "color-light-mode-badge-status-dark-border",
9773
+ "name": "color-light-mode-badge-status-reverse-border",
9467
9774
  "attributes": {
9468
9775
  "category": "color",
9469
9776
  "type": "light-mode",
9470
9777
  "item": "badge",
9471
9778
  "subitem": "status",
9472
- "state": "dark"
9779
+ "state": "reverse"
9473
9780
  },
9474
9781
  "path": [
9475
9782
  "color",
9476
9783
  "light-mode",
9477
9784
  "badge",
9478
9785
  "status",
9479
- "dark",
9786
+ "reverse",
9480
9787
  "border"
9481
9788
  ]
9482
9789
  },
@@ -9489,20 +9796,20 @@
9489
9796
  "value": "{color.light-mode.text.reverse.value}",
9490
9797
  "public": true
9491
9798
  },
9492
- "name": "color-light-mode-badge-status-dark-label",
9799
+ "name": "color-light-mode-badge-status-reverse-label",
9493
9800
  "attributes": {
9494
9801
  "category": "color",
9495
9802
  "type": "light-mode",
9496
9803
  "item": "badge",
9497
9804
  "subitem": "status",
9498
- "state": "dark"
9805
+ "state": "reverse"
9499
9806
  },
9500
9807
  "path": [
9501
9808
  "color",
9502
9809
  "light-mode",
9503
9810
  "badge",
9504
9811
  "status",
9505
- "dark",
9812
+ "reverse",
9506
9813
  "label"
9507
9814
  ]
9508
9815
  }
@@ -9693,6 +10000,34 @@
9693
10000
  "dot",
9694
10001
  "discovery"
9695
10002
  ]
10003
+ },
10004
+ "disabled": {
10005
+ "value": "#cfcfd3",
10006
+ "public": true,
10007
+ "isReferenceToInternal": true,
10008
+ "filePath": "tokens/color/alias/badge.light.json",
10009
+ "isSource": true,
10010
+ "original": {
10011
+ "value": "{color.light-mode.neutral.300.value}",
10012
+ "public": true,
10013
+ "isReferenceToInternal": true
10014
+ },
10015
+ "name": "color-light-mode-badge-status-dot-disabled",
10016
+ "attributes": {
10017
+ "category": "color",
10018
+ "type": "light-mode",
10019
+ "item": "badge",
10020
+ "subitem": "status",
10021
+ "state": "dot"
10022
+ },
10023
+ "path": [
10024
+ "color",
10025
+ "light-mode",
10026
+ "badge",
10027
+ "status",
10028
+ "dot",
10029
+ "disabled"
10030
+ ]
9696
10031
  }
9697
10032
  }
9698
10033
  },
@@ -15405,6 +15740,38 @@
15405
15740
  "gradient",
15406
15741
  "midnight"
15407
15742
  ]
15743
+ },
15744
+ "pastel-1": {
15745
+ "value": "linear-gradient(175deg, rgba(229, 219, 255, 0.36) 15.74%, rgba(217, 217, 217, 0.00) 90.08%)",
15746
+ "type": "color",
15747
+ "public": true,
15748
+ "filePath": "tokens/color/base/gradients.light.json",
15749
+ "isSource": true,
15750
+ "original": {
15751
+ "value": {
15752
+ "type": "linear-gradient",
15753
+ "angle": "175deg",
15754
+ "colors": {
15755
+ "1": "rgba(229, 219, 255, 0.36) 15.74%",
15756
+ "2": "rgba(217, 217, 217, 0.00) 90.08%"
15757
+ }
15758
+ },
15759
+ "type": "color",
15760
+ "public": true
15761
+ },
15762
+ "name": "color-light-mode-gradient-pastel-1",
15763
+ "attributes": {
15764
+ "category": "color",
15765
+ "type": "light-mode",
15766
+ "item": "gradient",
15767
+ "subitem": "pastel-1"
15768
+ },
15769
+ "path": [
15770
+ "color",
15771
+ "light-mode",
15772
+ "gradient",
15773
+ "pastel-1"
15774
+ ]
15408
15775
  }
15409
15776
  },
15410
15777
  "interactive": {
package/build/json/pds-design-tokens-dark-mode.json CHANGED
@@ -83,7 +83,7 @@
83
83
  ]
84
84
  }
85
85
  },
86
- "light": {
86
+ "neutral": {
87
87
  "background": {
88
88
  "value": "#1d1d29",
89
89
  "public": true,
@@ -93,20 +93,20 @@
93
93
  "value": "{color.dark-mode.background.default.value}",
94
94
  "public": true
95
95
  },
96
- "name": "color-dark-mode-badge-status-light-background",
96
+ "name": "color-dark-mode-badge-status-neutral-background",
97
97
  "attributes": {
98
98
  "category": "color",
99
99
  "type": "dark-mode",
100
100
  "item": "badge",
101
101
  "subitem": "status",
102
- "state": "light"
102
+ "state": "neutral"
103
103
  },
104
104
  "path": [
105
105
  "color",
106
106
  "dark-mode",
107
107
  "badge",
108
108
  "status",
109
- "light",
109
+ "neutral",
110
110
  "background"
111
111
  ]
112
112
  },
@@ -119,20 +119,20 @@
119
119
  "value": "{color.dark-mode.border.default.value}",
120
120
  "public": true
121
121
  },
122
- "name": "color-dark-mode-badge-status-light-border",
122
+ "name": "color-dark-mode-badge-status-neutral-border",
123
123
  "attributes": {
124
124
  "category": "color",
125
125
  "type": "dark-mode",
126
126
  "item": "badge",
127
127
  "subitem": "status",
128
- "state": "light"
128
+ "state": "neutral"
129
129
  },
130
130
  "path": [
131
131
  "color",
132
132
  "dark-mode",
133
133
  "badge",
134
134
  "status",
135
- "light",
135
+ "neutral",
136
136
  "border"
137
137
  ]
138
138
  },
@@ -145,25 +145,25 @@
145
145
  "value": "{color.dark-mode.text.default-secondary.value}",
146
146
  "public": true
147
147
  },
148
- "name": "color-dark-mode-badge-status-light-label",
148
+ "name": "color-dark-mode-badge-status-neutral-label",
149
149
  "attributes": {
150
150
  "category": "color",
151
151
  "type": "dark-mode",
152
152
  "item": "badge",
153
153
  "subitem": "status",
154
- "state": "light"
154
+ "state": "neutral"
155
155
  },
156
156
  "path": [
157
157
  "color",
158
158
  "dark-mode",
159
159
  "badge",
160
160
  "status",
161
- "light",
161
+ "neutral",
162
162
  "label"
163
163
  ]
164
164
  }
165
165
  },
166
- "dark": {
166
+ "reverse": {
167
167
  "background": {
168
168
  "value": "#e7e7eb",
169
169
  "public": true,
@@ -173,20 +173,20 @@
173
173
  "value": "{color.dark-mode.background.reverse.value}",
174
174
  "public": true
175
175
  },
176
- "name": "color-dark-mode-badge-status-dark-background",
176
+ "name": "color-dark-mode-badge-status-reverse-background",
177
177
  "attributes": {
178
178
  "category": "color",
179
179
  "type": "dark-mode",
180
180
  "item": "badge",
181
181
  "subitem": "status",
182
- "state": "dark"
182
+ "state": "reverse"
183
183
  },
184
184
  "path": [
185
185
  "color",
186
186
  "dark-mode",
187
187
  "badge",
188
188
  "status",
189
- "dark",
189
+ "reverse",
190
190
  "background"
191
191
  ]
192
192
  },
@@ -199,20 +199,20 @@
199
199
  "value": "{color.dark-mode.background.reverse.value}",
200
200
  "public": true
201
201
  },
202
- "name": "color-dark-mode-badge-status-dark-border",
202
+ "name": "color-dark-mode-badge-status-reverse-border",
203
203
  "attributes": {
204
204
  "category": "color",
205
205
  "type": "dark-mode",
206
206
  "item": "badge",
207
207
  "subitem": "status",
208
- "state": "dark"
208
+ "state": "reverse"
209
209
  },
210
210
  "path": [
211
211
  "color",
212
212
  "dark-mode",
213
213
  "badge",
214
214
  "status",
215
- "dark",
215
+ "reverse",
216
216
  "border"
217
217
  ]
218
218
  },
@@ -225,20 +225,20 @@
225
225
  "value": "{color.dark-mode.text.reverse.value}",
226
226
  "public": true
227
227
  },
228
- "name": "color-dark-mode-badge-status-dark-label",
228
+ "name": "color-dark-mode-badge-status-reverse-label",
229
229
  "attributes": {
230
230
  "category": "color",
231
231
  "type": "dark-mode",
232
232
  "item": "badge",
233
233
  "subitem": "status",
234
- "state": "dark"
234
+ "state": "reverse"
235
235
  },
236
236
  "path": [
237
237
  "color",
238
238
  "dark-mode",
239
239
  "badge",
240
240
  "status",
241
- "dark",
241
+ "reverse",
242
242
  "label"
243
243
  ]
244
244
  }
@@ -429,6 +429,34 @@
429
429
  "dot",
430
430
  "discovery"
431
431
  ]
432
+ },
433
+ "disabled": {
434
+ "value": "#858299",
435
+ "public": true,
436
+ "isReferenceToInternal": true,
437
+ "filePath": "tokens/color/alias/badge.dark.json",
438
+ "isSource": true,
439
+ "original": {
440
+ "value": "{color.dark-mode.neutral.300.value}",
441
+ "public": true,
442
+ "isReferenceToInternal": true
443
+ },
444
+ "name": "color-dark-mode-badge-status-dot-disabled",
445
+ "attributes": {
446
+ "category": "color",
447
+ "type": "dark-mode",
448
+ "item": "badge",
449
+ "subitem": "status",
450
+ "state": "dot"
451
+ },
452
+ "path": [
453
+ "color",
454
+ "dark-mode",
455
+ "badge",
456
+ "status",
457
+ "dot",
458
+ "disabled"
459
+ ]
432
460
  }
433
461
  }
434
462
  },
package/build/json/pds-design-tokens-light-mode.json CHANGED
@@ -83,7 +83,7 @@
83
83
  ]
84
84
  }
85
85
  },
86
- "light": {
86
+ "neutral": {
87
87
  "background": {
88
88
  "value": "#ffffff",
89
89
  "public": true,
@@ -93,20 +93,20 @@
93
93
  "value": "{color.light-mode.background.default.value}",
94
94
  "public": true
95
95
  },
96
- "name": "color-light-mode-badge-status-light-background",
96
+ "name": "color-light-mode-badge-status-neutral-background",
97
97
  "attributes": {
98
98
  "category": "color",
99
99
  "type": "light-mode",
100
100
  "item": "badge",
101
101
  "subitem": "status",
102
- "state": "light"
102
+ "state": "neutral"
103
103
  },
104
104
  "path": [
105
105
  "color",
106
106
  "light-mode",
107
107
  "badge",
108
108
  "status",
109
- "light",
109
+ "neutral",
110
110
  "background"
111
111
  ]
112
112
  },
@@ -119,20 +119,20 @@
119
119
  "value": "{color.light-mode.border.default.value}",
120
120
  "public": true
121
121
  },
122
- "name": "color-light-mode-badge-status-light-border",
122
+ "name": "color-light-mode-badge-status-neutral-border",
123
123
  "attributes": {
124
124
  "category": "color",
125
125
  "type": "light-mode",
126
126
  "item": "badge",
127
127
  "subitem": "status",
128
- "state": "light"
128
+ "state": "neutral"
129
129
  },
130
130
  "path": [
131
131
  "color",
132
132
  "light-mode",
133
133
  "badge",
134
134
  "status",
135
- "light",
135
+ "neutral",
136
136
  "border"
137
137
  ]
138
138
  },
@@ -145,25 +145,25 @@
145
145
  "value": "{color.light-mode.text.default-secondary.value}",
146
146
  "public": true
147
147
  },
148
- "name": "color-light-mode-badge-status-light-label",
148
+ "name": "color-light-mode-badge-status-neutral-label",
149
149
  "attributes": {
150
150
  "category": "color",
151
151
  "type": "light-mode",
152
152
  "item": "badge",
153
153
  "subitem": "status",
154
- "state": "light"
154
+ "state": "neutral"
155
155
  },
156
156
  "path": [
157
157
  "color",
158
158
  "light-mode",
159
159
  "badge",
160
160
  "status",
161
- "light",
161
+ "neutral",
162
162
  "label"
163
163
  ]
164
164
  }
165
165
  },
166
- "dark": {
166
+ "reverse": {
167
167
  "background": {
168
168
  "value": "#23232d",
169
169
  "public": true,
@@ -173,20 +173,20 @@
173
173
  "value": "{color.light-mode.background.reverse.value}",
174
174
  "public": true
175
175
  },
176
- "name": "color-light-mode-badge-status-dark-background",
176
+ "name": "color-light-mode-badge-status-reverse-background",
177
177
  "attributes": {
178
178
  "category": "color",
179
179
  "type": "light-mode",
180
180
  "item": "badge",
181
181
  "subitem": "status",
182
- "state": "dark"
182
+ "state": "reverse"
183
183
  },
184
184
  "path": [
185
185
  "color",
186
186
  "light-mode",
187
187
  "badge",
188
188
  "status",
189
- "dark",
189
+ "reverse",
190
190
  "background"
191
191
  ]
192
192
  },
@@ -199,20 +199,20 @@
199
199
  "value": "{color.light-mode.background.reverse.value}",
200
200
  "public": true
201
201
  },
202
- "name": "color-light-mode-badge-status-dark-border",
202
+ "name": "color-light-mode-badge-status-reverse-border",
203
203
  "attributes": {
204
204
  "category": "color",
205
205
  "type": "light-mode",
206
206
  "item": "badge",
207
207
  "subitem": "status",
208
- "state": "dark"
208
+ "state": "reverse"
209
209
  },
210
210
  "path": [
211
211
  "color",
212
212
  "light-mode",
213
213
  "badge",
214
214
  "status",
215
- "dark",
215
+ "reverse",
216
216
  "border"
217
217
  ]
218
218
  },
@@ -225,20 +225,20 @@
225
225
  "value": "{color.light-mode.text.reverse.value}",
226
226
  "public": true
227
227
  },
228
- "name": "color-light-mode-badge-status-dark-label",
228
+ "name": "color-light-mode-badge-status-reverse-label",
229
229
  "attributes": {
230
230
  "category": "color",
231
231
  "type": "light-mode",
232
232
  "item": "badge",
233
233
  "subitem": "status",
234
- "state": "dark"
234
+ "state": "reverse"
235
235
  },
236
236
  "path": [
237
237
  "color",
238
238
  "light-mode",
239
239
  "badge",
240
240
  "status",
241
- "dark",
241
+ "reverse",
242
242
  "label"
243
243
  ]
244
244
  }
@@ -429,6 +429,34 @@
429
429
  "dot",
430
430
  "discovery"
431
431
  ]
432
+ },
433
+ "disabled": {
434
+ "value": "#cfcfd3",
435
+ "public": true,
436
+ "isReferenceToInternal": true,
437
+ "filePath": "tokens/color/alias/badge.light.json",
438
+ "isSource": true,
439
+ "original": {
440
+ "value": "{color.light-mode.neutral.300.value}",
441
+ "public": true,
442
+ "isReferenceToInternal": true
443
+ },
444
+ "name": "color-light-mode-badge-status-dot-disabled",
445
+ "attributes": {
446
+ "category": "color",
447
+ "type": "light-mode",
448
+ "item": "badge",
449
+ "subitem": "status",
450
+ "state": "dot"
451
+ },
452
+ "path": [
453
+ "color",
454
+ "light-mode",
455
+ "badge",
456
+ "status",
457
+ "dot",
458
+ "disabled"
459
+ ]
432
460
  }
433
461
  }
434
462
  },
@@ -6142,6 +6170,38 @@
6142
6170
  "midnight"
6143
6171
  ]
6144
6172
  },
6173
+ "pastel-1": {
6174
+ "value": "linear-gradient(175deg, rgba(229, 219, 255, 0.36) 15.74%, rgba(217, 217, 217, 0.00) 90.08%)",
6175
+ "type": "color",
6176
+ "public": true,
6177
+ "filePath": "tokens/color/base/gradients.light.json",
6178
+ "isSource": true,
6179
+ "original": {
6180
+ "value": {
6181
+ "type": "linear-gradient",
6182
+ "angle": "175deg",
6183
+ "colors": {
6184
+ "1": "rgba(229, 219, 255, 0.36) 15.74%",
6185
+ "2": "rgba(217, 217, 217, 0.00) 90.08%"
6186
+ }
6187
+ },
6188
+ "type": "color",
6189
+ "public": true
6190
+ },
6191
+ "name": "color-light-mode-gradient-pastel-1",
6192
+ "attributes": {
6193
+ "category": "color",
6194
+ "type": "light-mode",
6195
+ "item": "gradient",
6196
+ "subitem": "pastel-1"
6197
+ },
6198
+ "path": [
6199
+ "color",
6200
+ "light-mode",
6201
+ "gradient",
6202
+ "pastel-1"
6203
+ ]
6204
+ },
6145
6205
  "banner": {
6146
6206
  "info": {
6147
6207
  "background": {
package/build/json/pds-design-tokens.json CHANGED
@@ -1835,6 +1835,75 @@
1835
1835
  }
1836
1836
  },
1837
1837
  "size": {
1838
+ "9XL": {
1839
+ "value": "6.192",
1840
+ "defaultUnit": "rem",
1841
+ "public": true,
1842
+ "filePath": "tokens/typography/base/size.json",
1843
+ "isSource": true,
1844
+ "original": {
1845
+ "value": "6.192",
1846
+ "defaultUnit": "rem",
1847
+ "public": true
1848
+ },
1849
+ "name": "typography-size-9-xl",
1850
+ "attributes": {
1851
+ "category": "typography",
1852
+ "type": "size",
1853
+ "item": "9XL"
1854
+ },
1855
+ "path": [
1856
+ "typography",
1857
+ "size",
1858
+ "9XL"
1859
+ ]
1860
+ },
1861
+ "8XL": {
1862
+ "value": "5.160",
1863
+ "defaultUnit": "rem",
1864
+ "public": true,
1865
+ "filePath": "tokens/typography/base/size.json",
1866
+ "isSource": true,
1867
+ "original": {
1868
+ "value": "5.160",
1869
+ "defaultUnit": "rem",
1870
+ "public": true
1871
+ },
1872
+ "name": "typography-size-8-xl",
1873
+ "attributes": {
1874
+ "category": "typography",
1875
+ "type": "size",
1876
+ "item": "8XL"
1877
+ },
1878
+ "path": [
1879
+ "typography",
1880
+ "size",
1881
+ "8XL"
1882
+ ]
1883
+ },
1884
+ "7XL": {
1885
+ "value": "4.3",
1886
+ "defaultUnit": "rem",
1887
+ "public": true,
1888
+ "filePath": "tokens/typography/base/size.json",
1889
+ "isSource": true,
1890
+ "original": {
1891
+ "value": "4.3",
1892
+ "defaultUnit": "rem",
1893
+ "public": true
1894
+ },
1895
+ "name": "typography-size-7-xl",
1896
+ "attributes": {
1897
+ "category": "typography",
1898
+ "type": "size",
1899
+ "item": "7XL"
1900
+ },
1901
+ "path": [
1902
+ "typography",
1903
+ "size",
1904
+ "7XL"
1905
+ ]
1906
+ },
1838
1907
  "6XL": {
1839
1908
  "value": "3.583",
1840
1909
  "defaultUnit": "rem",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pantheon-systems/pds-design-tokens",
3
- "version": "1.0.0-dev.112",
3
+ "version": "1.0.0-dev.114",
4
4
  "description": "Design Tokens for the Pantheon Design System",
5
5
  "homepage": "https://pantheon.io",
6
6
  "keywords": [