@pantheon-systems/pds-design-tokens 1.0.0-dev.120 → 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 (7) hide show
  1. package/build/css/pds-design-tokens-dark-mode.css +226 -288
  2. package/build/css/pds-design-tokens-light-mode.css +9 -0
  3. package/build/css/pds-design-tokens.css +2 -0
  4. package/build/figma/pds-design-tokens-figma.json +343 -48
  5. package/build/json/pds-design-tokens-light-mode.json +247 -0
  6. package/build/json/pds-design-tokens.json +48 -0
  7. package/package.json +1 -1
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/build/json/pds-design-tokens.json CHANGED
@@ -986,6 +986,54 @@
986
986
  }
987
987
  },
988
988
  "spacing": {
989
+ "dashboard-nav": {
990
+ "item-height": {
991
+ "value": 2.25,
992
+ "defaultUnit": "rem",
993
+ "public": true,
994
+ "filePath": "tokens/spacing/alias.json",
995
+ "isSource": true,
996
+ "original": {
997
+ "value": 2.25,
998
+ "defaultUnit": "rem",
999
+ "public": true
1000
+ },
1001
+ "name": "spacing-dashboard-nav-item-height",
1002
+ "attributes": {
1003
+ "category": "spacing",
1004
+ "type": "dashboard-nav",
1005
+ "item": "item-height"
1006
+ },
1007
+ "path": [
1008
+ "spacing",
1009
+ "dashboard-nav",
1010
+ "item-height"
1011
+ ]
1012
+ },
1013
+ "item-padding": {
1014
+ "value": 0.625,
1015
+ "defaultUnit": "rem",
1016
+ "public": true,
1017
+ "filePath": "tokens/spacing/alias.json",
1018
+ "isSource": true,
1019
+ "original": {
1020
+ "value": 0.625,
1021
+ "defaultUnit": "rem",
1022
+ "public": true
1023
+ },
1024
+ "name": "spacing-dashboard-nav-item-padding",
1025
+ "attributes": {
1026
+ "category": "spacing",
1027
+ "type": "dashboard-nav",
1028
+ "item": "item-padding"
1029
+ },
1030
+ "path": [
1031
+ "spacing",
1032
+ "dashboard-nav",
1033
+ "item-padding"
1034
+ ]
1035
+ }
1036
+ },
989
1037
  "8XL": {
990
1038
  "value": "7.451",
991
1039
  "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.120",
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": [