@pantheon-systems/pds-design-tokens 1.0.0-dev.121 → 1.0.0-dev.123

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 (6) hide show
  1. package/build/css/pds-design-tokens-light-mode.css +9 -0
  2. package/build/css/pds-design-tokens.css +1 -1
  3. package/build/figma/pds-design-tokens-figma.json +249 -0
  4. package/build/json/pds-design-tokens-light-mode.json +249 -0
  5. package/build/json/pds-design-tokens.json +2 -2
  6. package/package.json +1 -1
package/build/css/pds-design-tokens-light-mode.css CHANGED
@@ -115,6 +115,15 @@
115
115
  --pds-color-code-inline-background: #f0edfb;
116
116
  --pds-color-code-inline-border: #dfd8f5;
117
117
  --pds-color-code-inline-text: #000000;
118
+ --pds-color-dashboard-nav-background: var(--pds-color-background-default-secondary);
119
+ --pds-color-dashboard-nav-item-background-active: var(--pds-color-background-reverse);
120
+ --pds-color-dashboard-nav-item-background-default: rgba(0, 0, 0, 0);
121
+ --pds-color-dashboard-nav-item-background-hover: #e8e8e9;
122
+ --pds-color-dashboard-nav-item-foreground-active: var(--pds-color-foreground-reverse);
123
+ --pds-color-dashboard-nav-item-foreground-default: var(--pds-color-foreground-default);
124
+ --pds-color-dashboard-nav-item-foreground-hover: var(--pds-color-foreground-default);
125
+ --pds-color-dashboard-toggle-button-background: var(--pds-color-background-reverse);
126
+ --pds-color-dashboard-toggle-button-foreground: var(--pds-color-foreground-reverse);
118
127
  --pds-color-expansion-panel-hover: #f1f1f1;
119
128
  --pds-color-expansion-panel-open: #f1f1f1;
120
129
  --pds-color-foreground-default: #23232d;
package/build/css/pds-design-tokens.css CHANGED
@@ -34,7 +34,7 @@
34
34
  --pds-container-modal-width-large: 44rem;
35
35
  --pds-container-modal-width-medium: 36rem;
36
36
  --pds-container-modal-width-small: 25rem;
37
- --pds-container-padding-base: 6%;
37
+ --pds-container-padding-base: var(--pds-spacing-xl);
38
38
  --pds-container-padding-narrow-bp-lg: 20%;
39
39
  --pds-container-padding-narrow-bp-md: 12%;
40
40
  --pds-container-padding-standard-bp-lg: 8%;
package/build/figma/pds-design-tokens-figma.json CHANGED
@@ -12544,6 +12544,255 @@
12544
12544
  }
12545
12545
  }
12546
12546
  },
12547
+ "dashboard": {
12548
+ "toggle-button": {
12549
+ "background": {
12550
+ "value": "#23232d",
12551
+ "public": true,
12552
+ "filePath": "tokens/color/alias/dashboard.light.json",
12553
+ "isSource": true,
12554
+ "original": {
12555
+ "value": "{color.light-mode.background.reverse.value}",
12556
+ "public": true
12557
+ },
12558
+ "name": "color-light-mode-dashboard-toggle-button-background",
12559
+ "attributes": {
12560
+ "category": "color",
12561
+ "type": "light-mode",
12562
+ "item": "dashboard",
12563
+ "subitem": "toggle-button",
12564
+ "state": "background"
12565
+ },
12566
+ "path": [
12567
+ "color",
12568
+ "light-mode",
12569
+ "dashboard",
12570
+ "toggle-button",
12571
+ "background"
12572
+ ]
12573
+ },
12574
+ "foreground": {
12575
+ "value": "#ffffff",
12576
+ "public": true,
12577
+ "filePath": "tokens/color/alias/dashboard.light.json",
12578
+ "isSource": true,
12579
+ "original": {
12580
+ "value": "{color.light-mode.foreground.reverse.value}",
12581
+ "public": true
12582
+ },
12583
+ "name": "color-light-mode-dashboard-toggle-button-foreground",
12584
+ "attributes": {
12585
+ "category": "color",
12586
+ "type": "light-mode",
12587
+ "item": "dashboard",
12588
+ "subitem": "toggle-button",
12589
+ "state": "foreground"
12590
+ },
12591
+ "path": [
12592
+ "color",
12593
+ "light-mode",
12594
+ "dashboard",
12595
+ "toggle-button",
12596
+ "foreground"
12597
+ ]
12598
+ }
12599
+ },
12600
+ "nav": {
12601
+ "background": {
12602
+ "value": "#f8f8f8",
12603
+ "public": true,
12604
+ "filePath": "tokens/color/alias/dashboard.light.json",
12605
+ "isSource": true,
12606
+ "original": {
12607
+ "value": "{color.light-mode.background.default-secondary.value}",
12608
+ "public": true
12609
+ },
12610
+ "name": "color-light-mode-dashboard-nav-background",
12611
+ "attributes": {
12612
+ "category": "color",
12613
+ "type": "light-mode",
12614
+ "item": "dashboard",
12615
+ "subitem": "nav",
12616
+ "state": "background"
12617
+ },
12618
+ "path": [
12619
+ "color",
12620
+ "light-mode",
12621
+ "dashboard",
12622
+ "nav",
12623
+ "background"
12624
+ ]
12625
+ },
12626
+ "item": {
12627
+ "background": {
12628
+ "default": {
12629
+ "value": "rgba(0, 0, 0, 0)",
12630
+ "public": true,
12631
+ "filePath": "tokens/color/alias/dashboard.light.json",
12632
+ "isSource": true,
12633
+ "original": {
12634
+ "value": "transparent",
12635
+ "public": true
12636
+ },
12637
+ "name": "color-light-mode-dashboard-nav-item-background-default",
12638
+ "attributes": {
12639
+ "category": "color",
12640
+ "type": "light-mode",
12641
+ "item": "dashboard",
12642
+ "subitem": "nav",
12643
+ "state": "item"
12644
+ },
12645
+ "path": [
12646
+ "color",
12647
+ "light-mode",
12648
+ "dashboard",
12649
+ "nav",
12650
+ "item",
12651
+ "background",
12652
+ "default"
12653
+ ]
12654
+ },
12655
+ "hover": {
12656
+ "value": "#e8e8e9",
12657
+ "public": true,
12658
+ "filePath": "tokens/color/alias/dashboard.light.json",
12659
+ "isSource": true,
12660
+ "original": {
12661
+ "value": "#e8e8e9",
12662
+ "public": true
12663
+ },
12664
+ "name": "color-light-mode-dashboard-nav-item-background-hover",
12665
+ "attributes": {
12666
+ "category": "color",
12667
+ "type": "light-mode",
12668
+ "item": "dashboard",
12669
+ "subitem": "nav",
12670
+ "state": "item"
12671
+ },
12672
+ "path": [
12673
+ "color",
12674
+ "light-mode",
12675
+ "dashboard",
12676
+ "nav",
12677
+ "item",
12678
+ "background",
12679
+ "hover"
12680
+ ]
12681
+ },
12682
+ "active": {
12683
+ "value": "#23232d",
12684
+ "public": true,
12685
+ "filePath": "tokens/color/alias/dashboard.light.json",
12686
+ "isSource": true,
12687
+ "original": {
12688
+ "value": "{color.light-mode.background.reverse.value}",
12689
+ "public": true
12690
+ },
12691
+ "name": "color-light-mode-dashboard-nav-item-background-active",
12692
+ "attributes": {
12693
+ "category": "color",
12694
+ "type": "light-mode",
12695
+ "item": "dashboard",
12696
+ "subitem": "nav",
12697
+ "state": "item"
12698
+ },
12699
+ "path": [
12700
+ "color",
12701
+ "light-mode",
12702
+ "dashboard",
12703
+ "nav",
12704
+ "item",
12705
+ "background",
12706
+ "active"
12707
+ ]
12708
+ }
12709
+ },
12710
+ "foreground": {
12711
+ "default": {
12712
+ "value": "#23232d",
12713
+ "public": true,
12714
+ "filePath": "tokens/color/alias/dashboard.light.json",
12715
+ "isSource": true,
12716
+ "original": {
12717
+ "value": "{color.light-mode.foreground.default.value}",
12718
+ "public": true
12719
+ },
12720
+ "name": "color-light-mode-dashboard-nav-item-foreground-default",
12721
+ "attributes": {
12722
+ "category": "color",
12723
+ "type": "light-mode",
12724
+ "item": "dashboard",
12725
+ "subitem": "nav",
12726
+ "state": "item"
12727
+ },
12728
+ "path": [
12729
+ "color",
12730
+ "light-mode",
12731
+ "dashboard",
12732
+ "nav",
12733
+ "item",
12734
+ "foreground",
12735
+ "default"
12736
+ ]
12737
+ },
12738
+ "hover": {
12739
+ "value": "#23232d",
12740
+ "public": true,
12741
+ "filePath": "tokens/color/alias/dashboard.light.json",
12742
+ "isSource": true,
12743
+ "original": {
12744
+ "value": "{color.light-mode.foreground.default.value}",
12745
+ "public": true
12746
+ },
12747
+ "name": "color-light-mode-dashboard-nav-item-foreground-hover",
12748
+ "attributes": {
12749
+ "category": "color",
12750
+ "type": "light-mode",
12751
+ "item": "dashboard",
12752
+ "subitem": "nav",
12753
+ "state": "item"
12754
+ },
12755
+ "path": [
12756
+ "color",
12757
+ "light-mode",
12758
+ "dashboard",
12759
+ "nav",
12760
+ "item",
12761
+ "foreground",
12762
+ "hover"
12763
+ ]
12764
+ },
12765
+ "active": {
12766
+ "value": "#ffffff",
12767
+ "public": true,
12768
+ "filePath": "tokens/color/alias/dashboard.light.json",
12769
+ "isSource": true,
12770
+ "original": {
12771
+ "value": "{color.light-mode.foreground.reverse.value}",
12772
+ "public": true
12773
+ },
12774
+ "name": "color-light-mode-dashboard-nav-item-foreground-active",
12775
+ "attributes": {
12776
+ "category": "color",
12777
+ "type": "light-mode",
12778
+ "item": "dashboard",
12779
+ "subitem": "nav",
12780
+ "state": "item"
12781
+ },
12782
+ "path": [
12783
+ "color",
12784
+ "light-mode",
12785
+ "dashboard",
12786
+ "nav",
12787
+ "item",
12788
+ "foreground",
12789
+ "active"
12790
+ ]
12791
+ }
12792
+ }
12793
+ }
12794
+ }
12795
+ },
12547
12796
  "background": {
12548
12797
  "default": {
12549
12798
  "value": "#ffffff",
package/build/json/pds-design-tokens-light-mode.json CHANGED
@@ -2894,6 +2894,255 @@
2894
2894
  }
2895
2895
  }
2896
2896
  },
2897
+ "dashboard": {
2898
+ "toggle-button": {
2899
+ "background": {
2900
+ "value": "#23232d",
2901
+ "public": true,
2902
+ "filePath": "tokens/color/alias/dashboard.light.json",
2903
+ "isSource": true,
2904
+ "original": {
2905
+ "value": "{color.light-mode.background.reverse.value}",
2906
+ "public": true
2907
+ },
2908
+ "name": "color-light-mode-dashboard-toggle-button-background",
2909
+ "attributes": {
2910
+ "category": "color",
2911
+ "type": "light-mode",
2912
+ "item": "dashboard",
2913
+ "subitem": "toggle-button",
2914
+ "state": "background"
2915
+ },
2916
+ "path": [
2917
+ "color",
2918
+ "light-mode",
2919
+ "dashboard",
2920
+ "toggle-button",
2921
+ "background"
2922
+ ]
2923
+ },
2924
+ "foreground": {
2925
+ "value": "#ffffff",
2926
+ "public": true,
2927
+ "filePath": "tokens/color/alias/dashboard.light.json",
2928
+ "isSource": true,
2929
+ "original": {
2930
+ "value": "{color.light-mode.foreground.reverse.value}",
2931
+ "public": true
2932
+ },
2933
+ "name": "color-light-mode-dashboard-toggle-button-foreground",
2934
+ "attributes": {
2935
+ "category": "color",
2936
+ "type": "light-mode",
2937
+ "item": "dashboard",
2938
+ "subitem": "toggle-button",
2939
+ "state": "foreground"
2940
+ },
2941
+ "path": [
2942
+ "color",
2943
+ "light-mode",
2944
+ "dashboard",
2945
+ "toggle-button",
2946
+ "foreground"
2947
+ ]
2948
+ }
2949
+ },
2950
+ "nav": {
2951
+ "background": {
2952
+ "value": "#f8f8f8",
2953
+ "public": true,
2954
+ "filePath": "tokens/color/alias/dashboard.light.json",
2955
+ "isSource": true,
2956
+ "original": {
2957
+ "value": "{color.light-mode.background.default-secondary.value}",
2958
+ "public": true
2959
+ },
2960
+ "name": "color-light-mode-dashboard-nav-background",
2961
+ "attributes": {
2962
+ "category": "color",
2963
+ "type": "light-mode",
2964
+ "item": "dashboard",
2965
+ "subitem": "nav",
2966
+ "state": "background"
2967
+ },
2968
+ "path": [
2969
+ "color",
2970
+ "light-mode",
2971
+ "dashboard",
2972
+ "nav",
2973
+ "background"
2974
+ ]
2975
+ },
2976
+ "item": {
2977
+ "background": {
2978
+ "default": {
2979
+ "value": "rgba(0, 0, 0, 0)",
2980
+ "public": true,
2981
+ "filePath": "tokens/color/alias/dashboard.light.json",
2982
+ "isSource": true,
2983
+ "original": {
2984
+ "value": "transparent",
2985
+ "public": true
2986
+ },
2987
+ "name": "color-light-mode-dashboard-nav-item-background-default",
2988
+ "attributes": {
2989
+ "category": "color",
2990
+ "type": "light-mode",
2991
+ "item": "dashboard",
2992
+ "subitem": "nav",
2993
+ "state": "item"
2994
+ },
2995
+ "path": [
2996
+ "color",
2997
+ "light-mode",
2998
+ "dashboard",
2999
+ "nav",
3000
+ "item",
3001
+ "background",
3002
+ "default"
3003
+ ]
3004
+ },
3005
+ "hover": {
3006
+ "value": "#e8e8e9",
3007
+ "public": true,
3008
+ "filePath": "tokens/color/alias/dashboard.light.json",
3009
+ "isSource": true,
3010
+ "original": {
3011
+ "value": "#e8e8e9",
3012
+ "public": true
3013
+ },
3014
+ "name": "color-light-mode-dashboard-nav-item-background-hover",
3015
+ "attributes": {
3016
+ "category": "color",
3017
+ "type": "light-mode",
3018
+ "item": "dashboard",
3019
+ "subitem": "nav",
3020
+ "state": "item"
3021
+ },
3022
+ "path": [
3023
+ "color",
3024
+ "light-mode",
3025
+ "dashboard",
3026
+ "nav",
3027
+ "item",
3028
+ "background",
3029
+ "hover"
3030
+ ]
3031
+ },
3032
+ "active": {
3033
+ "value": "#23232d",
3034
+ "public": true,
3035
+ "filePath": "tokens/color/alias/dashboard.light.json",
3036
+ "isSource": true,
3037
+ "original": {
3038
+ "value": "{color.light-mode.background.reverse.value}",
3039
+ "public": true
3040
+ },
3041
+ "name": "color-light-mode-dashboard-nav-item-background-active",
3042
+ "attributes": {
3043
+ "category": "color",
3044
+ "type": "light-mode",
3045
+ "item": "dashboard",
3046
+ "subitem": "nav",
3047
+ "state": "item"
3048
+ },
3049
+ "path": [
3050
+ "color",
3051
+ "light-mode",
3052
+ "dashboard",
3053
+ "nav",
3054
+ "item",
3055
+ "background",
3056
+ "active"
3057
+ ]
3058
+ }
3059
+ },
3060
+ "foreground": {
3061
+ "default": {
3062
+ "value": "#23232d",
3063
+ "public": true,
3064
+ "filePath": "tokens/color/alias/dashboard.light.json",
3065
+ "isSource": true,
3066
+ "original": {
3067
+ "value": "{color.light-mode.foreground.default.value}",
3068
+ "public": true
3069
+ },
3070
+ "name": "color-light-mode-dashboard-nav-item-foreground-default",
3071
+ "attributes": {
3072
+ "category": "color",
3073
+ "type": "light-mode",
3074
+ "item": "dashboard",
3075
+ "subitem": "nav",
3076
+ "state": "item"
3077
+ },
3078
+ "path": [
3079
+ "color",
3080
+ "light-mode",
3081
+ "dashboard",
3082
+ "nav",
3083
+ "item",
3084
+ "foreground",
3085
+ "default"
3086
+ ]
3087
+ },
3088
+ "hover": {
3089
+ "value": "#23232d",
3090
+ "public": true,
3091
+ "filePath": "tokens/color/alias/dashboard.light.json",
3092
+ "isSource": true,
3093
+ "original": {
3094
+ "value": "{color.light-mode.foreground.default.value}",
3095
+ "public": true
3096
+ },
3097
+ "name": "color-light-mode-dashboard-nav-item-foreground-hover",
3098
+ "attributes": {
3099
+ "category": "color",
3100
+ "type": "light-mode",
3101
+ "item": "dashboard",
3102
+ "subitem": "nav",
3103
+ "state": "item"
3104
+ },
3105
+ "path": [
3106
+ "color",
3107
+ "light-mode",
3108
+ "dashboard",
3109
+ "nav",
3110
+ "item",
3111
+ "foreground",
3112
+ "hover"
3113
+ ]
3114
+ },
3115
+ "active": {
3116
+ "value": "#ffffff",
3117
+ "public": true,
3118
+ "filePath": "tokens/color/alias/dashboard.light.json",
3119
+ "isSource": true,
3120
+ "original": {
3121
+ "value": "{color.light-mode.foreground.reverse.value}",
3122
+ "public": true
3123
+ },
3124
+ "name": "color-light-mode-dashboard-nav-item-foreground-active",
3125
+ "attributes": {
3126
+ "category": "color",
3127
+ "type": "light-mode",
3128
+ "item": "dashboard",
3129
+ "subitem": "nav",
3130
+ "state": "item"
3131
+ },
3132
+ "path": [
3133
+ "color",
3134
+ "light-mode",
3135
+ "dashboard",
3136
+ "nav",
3137
+ "item",
3138
+ "foreground",
3139
+ "active"
3140
+ ]
3141
+ }
3142
+ }
3143
+ }
3144
+ }
3145
+ },
2897
3146
  "background": {
2898
3147
  "default": {
2899
3148
  "value": "#ffffff",
package/build/json/pds-design-tokens.json CHANGED
@@ -568,12 +568,12 @@
568
568
  },
569
569
  "padding": {
570
570
  "base": {
571
- "value": "6%",
571
+ "value": "1.563",
572
572
  "public": true,
573
573
  "filePath": "tokens/container/base.json",
574
574
  "isSource": true,
575
575
  "original": {
576
- "value": "6%",
576
+ "value": "{spacing.XL.value}",
577
577
  "public": true
578
578
  },
579
579
  "name": "container-padding-base",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pantheon-systems/pds-design-tokens",
3
- "version": "1.0.0-dev.121",
3
+ "version": "1.0.0-dev.123",
4
4
  "description": "Design Tokens for the Pantheon Design System",
5
5
  "homepage": "https://pantheon.io",
6
6
  "keywords": [