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

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