@pantheon-systems/pds-design-tokens 1.0.0-dev.75 → 1.0.0-dev.76

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-dark-mode.css +3 -0
  2. package/build/css/pds-design-tokens-light-mode.css +3 -0
  3. package/build/figma/pds-design-tokens-figma.json +176 -0
  4. package/build/json/pds-design-tokens-dark-mode.json +88 -0
  5. package/build/json/pds-design-tokens-light-mode.json +88 -0
  6. package/package.json +1 -1
package/build/css/pds-design-tokens-dark-mode.css CHANGED
@@ -69,6 +69,9 @@
69
69
  --pds-color-button-critical-foreground-active: #ffffff;
70
70
  --pds-color-button-critical-foreground-default: #ffffff;
71
71
  --pds-color-button-critical-foreground-hover: #ffffff;
72
+ --pds-color-button-navbar-foreground-active: #8a70ff;
73
+ --pds-color-button-navbar-foreground-default: #ffffff;
74
+ --pds-color-button-navbar-foreground-hover: #8a70ff;
72
75
  --pds-color-button-primary-background-active: #4e39a8;
73
76
  --pds-color-button-primary-background-default: #8a70ff;
74
77
  --pds-color-button-primary-background-hover: #ad9bff;
package/build/css/pds-design-tokens-light-mode.css CHANGED
@@ -69,6 +69,9 @@
69
69
  --pds-color-button-critical-foreground-active: #ffffff;
70
70
  --pds-color-button-critical-foreground-default: #ffffff;
71
71
  --pds-color-button-critical-foreground-hover: #ffffff;
72
+ --pds-color-button-navbar-foreground-active: #5f41e5;
73
+ --pds-color-button-navbar-foreground-default: #23232d;
74
+ --pds-color-button-navbar-foreground-hover: #5f41e5;
72
75
  --pds-color-button-primary-background-active: #11005d;
73
76
  --pds-color-button-primary-background-default: #3017a1;
74
77
  --pds-color-button-primary-background-hover: #5f41e5;
package/build/figma/pds-design-tokens-figma.json CHANGED
@@ -4054,6 +4054,94 @@
4054
4054
  ]
4055
4055
  }
4056
4056
  }
4057
+ },
4058
+ "navbar": {
4059
+ "foreground": {
4060
+ "default": {
4061
+ "value": "#ffffff",
4062
+ "public": true,
4063
+ "isReferenceToInternal": true,
4064
+ "filePath": "tokens/color/alias/button.dark.json",
4065
+ "isSource": true,
4066
+ "original": {
4067
+ "value": "{color.dark-mode.foreground.default.value}",
4068
+ "public": true,
4069
+ "isReferenceToInternal": true
4070
+ },
4071
+ "name": "color-dark-mode-button-navbar-foreground-default",
4072
+ "attributes": {
4073
+ "category": "color",
4074
+ "type": "dark-mode",
4075
+ "item": "button",
4076
+ "subitem": "navbar",
4077
+ "state": "foreground"
4078
+ },
4079
+ "path": [
4080
+ "color",
4081
+ "dark-mode",
4082
+ "button",
4083
+ "navbar",
4084
+ "foreground",
4085
+ "default"
4086
+ ]
4087
+ },
4088
+ "hover": {
4089
+ "value": "#8a70ff",
4090
+ "public": true,
4091
+ "isReferenceToInternal": true,
4092
+ "filePath": "tokens/color/alias/button.dark.json",
4093
+ "isSource": true,
4094
+ "original": {
4095
+ "value": "{color.dark-mode.link.hover.value}",
4096
+ "public": true,
4097
+ "isReferenceToInternal": true
4098
+ },
4099
+ "name": "color-dark-mode-button-navbar-foreground-hover",
4100
+ "attributes": {
4101
+ "category": "color",
4102
+ "type": "dark-mode",
4103
+ "item": "button",
4104
+ "subitem": "navbar",
4105
+ "state": "foreground"
4106
+ },
4107
+ "path": [
4108
+ "color",
4109
+ "dark-mode",
4110
+ "button",
4111
+ "navbar",
4112
+ "foreground",
4113
+ "hover"
4114
+ ]
4115
+ },
4116
+ "active": {
4117
+ "value": "#8a70ff",
4118
+ "public": true,
4119
+ "isReferenceToInternal": true,
4120
+ "filePath": "tokens/color/alias/button.dark.json",
4121
+ "isSource": true,
4122
+ "original": {
4123
+ "value": "{color.dark-mode.link.active.value}",
4124
+ "public": true,
4125
+ "isReferenceToInternal": true
4126
+ },
4127
+ "name": "color-dark-mode-button-navbar-foreground-active",
4128
+ "attributes": {
4129
+ "category": "color",
4130
+ "type": "dark-mode",
4131
+ "item": "button",
4132
+ "subitem": "navbar",
4133
+ "state": "foreground"
4134
+ },
4135
+ "path": [
4136
+ "color",
4137
+ "dark-mode",
4138
+ "button",
4139
+ "navbar",
4140
+ "foreground",
4141
+ "active"
4142
+ ]
4143
+ }
4144
+ }
4057
4145
  }
4058
4146
  },
4059
4147
  "toggle-button": {
@@ -9689,6 +9777,94 @@
9689
9777
  ]
9690
9778
  }
9691
9779
  }
9780
+ },
9781
+ "navbar": {
9782
+ "foreground": {
9783
+ "default": {
9784
+ "value": "#23232d",
9785
+ "public": true,
9786
+ "isReferenceToInternal": true,
9787
+ "filePath": "tokens/color/alias/button.light.json",
9788
+ "isSource": true,
9789
+ "original": {
9790
+ "value": "{color.light-mode.foreground.default.value}",
9791
+ "public": true,
9792
+ "isReferenceToInternal": true
9793
+ },
9794
+ "name": "color-light-mode-button-navbar-foreground-default",
9795
+ "attributes": {
9796
+ "category": "color",
9797
+ "type": "light-mode",
9798
+ "item": "button",
9799
+ "subitem": "navbar",
9800
+ "state": "foreground"
9801
+ },
9802
+ "path": [
9803
+ "color",
9804
+ "light-mode",
9805
+ "button",
9806
+ "navbar",
9807
+ "foreground",
9808
+ "default"
9809
+ ]
9810
+ },
9811
+ "hover": {
9812
+ "value": "#5f41e5",
9813
+ "public": true,
9814
+ "isReferenceToInternal": true,
9815
+ "filePath": "tokens/color/alias/button.light.json",
9816
+ "isSource": true,
9817
+ "original": {
9818
+ "value": "{color.light-mode.link.hover.value}",
9819
+ "public": true,
9820
+ "isReferenceToInternal": true
9821
+ },
9822
+ "name": "color-light-mode-button-navbar-foreground-hover",
9823
+ "attributes": {
9824
+ "category": "color",
9825
+ "type": "light-mode",
9826
+ "item": "button",
9827
+ "subitem": "navbar",
9828
+ "state": "foreground"
9829
+ },
9830
+ "path": [
9831
+ "color",
9832
+ "light-mode",
9833
+ "button",
9834
+ "navbar",
9835
+ "foreground",
9836
+ "hover"
9837
+ ]
9838
+ },
9839
+ "active": {
9840
+ "value": "#5f41e5",
9841
+ "public": true,
9842
+ "isReferenceToInternal": true,
9843
+ "filePath": "tokens/color/alias/button.light.json",
9844
+ "isSource": true,
9845
+ "original": {
9846
+ "value": "{color.light-mode.link.active.value}",
9847
+ "public": true,
9848
+ "isReferenceToInternal": true
9849
+ },
9850
+ "name": "color-light-mode-button-navbar-foreground-active",
9851
+ "attributes": {
9852
+ "category": "color",
9853
+ "type": "light-mode",
9854
+ "item": "button",
9855
+ "subitem": "navbar",
9856
+ "state": "foreground"
9857
+ },
9858
+ "path": [
9859
+ "color",
9860
+ "light-mode",
9861
+ "button",
9862
+ "navbar",
9863
+ "foreground",
9864
+ "active"
9865
+ ]
9866
+ }
9867
+ }
9692
9868
  }
9693
9869
  },
9694
9870
  "toggle-button": {
package/build/json/pds-design-tokens-dark-mode.json CHANGED
@@ -2174,6 +2174,94 @@
2174
2174
  ]
2175
2175
  }
2176
2176
  }
2177
+ },
2178
+ "navbar": {
2179
+ "foreground": {
2180
+ "default": {
2181
+ "value": "#ffffff",
2182
+ "public": true,
2183
+ "isReferenceToInternal": true,
2184
+ "filePath": "tokens/color/alias/button.dark.json",
2185
+ "isSource": true,
2186
+ "original": {
2187
+ "value": "{color.dark-mode.foreground.default.value}",
2188
+ "public": true,
2189
+ "isReferenceToInternal": true
2190
+ },
2191
+ "name": "color-dark-mode-button-navbar-foreground-default",
2192
+ "attributes": {
2193
+ "category": "color",
2194
+ "type": "dark-mode",
2195
+ "item": "button",
2196
+ "subitem": "navbar",
2197
+ "state": "foreground"
2198
+ },
2199
+ "path": [
2200
+ "color",
2201
+ "dark-mode",
2202
+ "button",
2203
+ "navbar",
2204
+ "foreground",
2205
+ "default"
2206
+ ]
2207
+ },
2208
+ "hover": {
2209
+ "value": "#8a70ff",
2210
+ "public": true,
2211
+ "isReferenceToInternal": true,
2212
+ "filePath": "tokens/color/alias/button.dark.json",
2213
+ "isSource": true,
2214
+ "original": {
2215
+ "value": "{color.dark-mode.link.hover.value}",
2216
+ "public": true,
2217
+ "isReferenceToInternal": true
2218
+ },
2219
+ "name": "color-dark-mode-button-navbar-foreground-hover",
2220
+ "attributes": {
2221
+ "category": "color",
2222
+ "type": "dark-mode",
2223
+ "item": "button",
2224
+ "subitem": "navbar",
2225
+ "state": "foreground"
2226
+ },
2227
+ "path": [
2228
+ "color",
2229
+ "dark-mode",
2230
+ "button",
2231
+ "navbar",
2232
+ "foreground",
2233
+ "hover"
2234
+ ]
2235
+ },
2236
+ "active": {
2237
+ "value": "#8a70ff",
2238
+ "public": true,
2239
+ "isReferenceToInternal": true,
2240
+ "filePath": "tokens/color/alias/button.dark.json",
2241
+ "isSource": true,
2242
+ "original": {
2243
+ "value": "{color.dark-mode.link.active.value}",
2244
+ "public": true,
2245
+ "isReferenceToInternal": true
2246
+ },
2247
+ "name": "color-dark-mode-button-navbar-foreground-active",
2248
+ "attributes": {
2249
+ "category": "color",
2250
+ "type": "dark-mode",
2251
+ "item": "button",
2252
+ "subitem": "navbar",
2253
+ "state": "foreground"
2254
+ },
2255
+ "path": [
2256
+ "color",
2257
+ "dark-mode",
2258
+ "button",
2259
+ "navbar",
2260
+ "foreground",
2261
+ "active"
2262
+ ]
2263
+ }
2264
+ }
2177
2265
  }
2178
2266
  },
2179
2267
  "toggle-button": {
package/build/json/pds-design-tokens-light-mode.json CHANGED
@@ -2168,6 +2168,94 @@
2168
2168
  ]
2169
2169
  }
2170
2170
  }
2171
+ },
2172
+ "navbar": {
2173
+ "foreground": {
2174
+ "default": {
2175
+ "value": "#23232d",
2176
+ "public": true,
2177
+ "isReferenceToInternal": true,
2178
+ "filePath": "tokens/color/alias/button.light.json",
2179
+ "isSource": true,
2180
+ "original": {
2181
+ "value": "{color.light-mode.foreground.default.value}",
2182
+ "public": true,
2183
+ "isReferenceToInternal": true
2184
+ },
2185
+ "name": "color-light-mode-button-navbar-foreground-default",
2186
+ "attributes": {
2187
+ "category": "color",
2188
+ "type": "light-mode",
2189
+ "item": "button",
2190
+ "subitem": "navbar",
2191
+ "state": "foreground"
2192
+ },
2193
+ "path": [
2194
+ "color",
2195
+ "light-mode",
2196
+ "button",
2197
+ "navbar",
2198
+ "foreground",
2199
+ "default"
2200
+ ]
2201
+ },
2202
+ "hover": {
2203
+ "value": "#5f41e5",
2204
+ "public": true,
2205
+ "isReferenceToInternal": true,
2206
+ "filePath": "tokens/color/alias/button.light.json",
2207
+ "isSource": true,
2208
+ "original": {
2209
+ "value": "{color.light-mode.link.hover.value}",
2210
+ "public": true,
2211
+ "isReferenceToInternal": true
2212
+ },
2213
+ "name": "color-light-mode-button-navbar-foreground-hover",
2214
+ "attributes": {
2215
+ "category": "color",
2216
+ "type": "light-mode",
2217
+ "item": "button",
2218
+ "subitem": "navbar",
2219
+ "state": "foreground"
2220
+ },
2221
+ "path": [
2222
+ "color",
2223
+ "light-mode",
2224
+ "button",
2225
+ "navbar",
2226
+ "foreground",
2227
+ "hover"
2228
+ ]
2229
+ },
2230
+ "active": {
2231
+ "value": "#5f41e5",
2232
+ "public": true,
2233
+ "isReferenceToInternal": true,
2234
+ "filePath": "tokens/color/alias/button.light.json",
2235
+ "isSource": true,
2236
+ "original": {
2237
+ "value": "{color.light-mode.link.active.value}",
2238
+ "public": true,
2239
+ "isReferenceToInternal": true
2240
+ },
2241
+ "name": "color-light-mode-button-navbar-foreground-active",
2242
+ "attributes": {
2243
+ "category": "color",
2244
+ "type": "light-mode",
2245
+ "item": "button",
2246
+ "subitem": "navbar",
2247
+ "state": "foreground"
2248
+ },
2249
+ "path": [
2250
+ "color",
2251
+ "light-mode",
2252
+ "button",
2253
+ "navbar",
2254
+ "foreground",
2255
+ "active"
2256
+ ]
2257
+ }
2258
+ }
2171
2259
  }
2172
2260
  },
2173
2261
  "toggle-button": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pantheon-systems/pds-design-tokens",
3
- "version": "1.0.0-dev.75",
3
+ "version": "1.0.0-dev.76",
4
4
  "description": "Design Tokens for the Pantheon Design System",
5
5
  "homepage": "https://pantheon.io",
6
6
  "keywords": [