@pantheon-systems/pds-design-tokens 1.0.0-dev.14 → 1.0.0-dev.16

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 +16 -6
  2. package/build/css/pds-design-tokens-light-mode.css +14 -4
  3. package/build/figma/pds-design-tokens-figma.json +896 -430
  4. package/build/json/pds-design-tokens-dark-mode.json +347 -114
  5. package/build/json/pds-design-tokens-light-mode.json +333 -100
  6. package/build/scss/_pds-design-tokens-dark-mode.scss +16 -6
  7. package/build/scss/_pds-design-tokens-light-mode.scss +14 -4
  8. package/package.json +1 -1
package/build/json/pds-design-tokens-dark-mode.json CHANGED
@@ -980,6 +980,264 @@
980
980
  }
981
981
  }
982
982
  },
983
+ "brand-secondary": {
984
+ "background": {
985
+ "default": {
986
+ "value": "rgba(0, 0, 0, 0)",
987
+ "public": true,
988
+ "filePath": "tokens/color/alias/button.dark.json",
989
+ "isSource": true,
990
+ "original": {
991
+ "value": "transparent",
992
+ "public": true
993
+ },
994
+ "name": "color-dark-mode-button-brand-secondary-background-default",
995
+ "attributes": {
996
+ "category": "color",
997
+ "type": "dark-mode",
998
+ "item": "button",
999
+ "subitem": "brand-secondary",
1000
+ "state": "background"
1001
+ },
1002
+ "path": [
1003
+ "color",
1004
+ "dark-mode",
1005
+ "button",
1006
+ "brand-secondary",
1007
+ "background",
1008
+ "default"
1009
+ ]
1010
+ },
1011
+ "hover": {
1012
+ "value": "#504e62",
1013
+ "public": true,
1014
+ "isReferenceToInternal": true,
1015
+ "filePath": "tokens/color/alias/button.dark.json",
1016
+ "isSource": true,
1017
+ "original": {
1018
+ "value": "{color.dark-mode.neutral.400.value}",
1019
+ "public": true,
1020
+ "isReferenceToInternal": true
1021
+ },
1022
+ "name": "color-dark-mode-button-brand-secondary-background-hover",
1023
+ "attributes": {
1024
+ "category": "color",
1025
+ "type": "dark-mode",
1026
+ "item": "button",
1027
+ "subitem": "brand-secondary",
1028
+ "state": "background"
1029
+ },
1030
+ "path": [
1031
+ "color",
1032
+ "dark-mode",
1033
+ "button",
1034
+ "brand-secondary",
1035
+ "background",
1036
+ "hover"
1037
+ ]
1038
+ },
1039
+ "active": {
1040
+ "value": "#282839",
1041
+ "public": true,
1042
+ "isReferenceToInternal": true,
1043
+ "filePath": "tokens/color/alias/button.dark.json",
1044
+ "isSource": true,
1045
+ "original": {
1046
+ "value": "{color.dark-mode.neutral.500.value}",
1047
+ "public": true,
1048
+ "isReferenceToInternal": true
1049
+ },
1050
+ "name": "color-dark-mode-button-brand-secondary-background-active",
1051
+ "attributes": {
1052
+ "category": "color",
1053
+ "type": "dark-mode",
1054
+ "item": "button",
1055
+ "subitem": "brand-secondary",
1056
+ "state": "background"
1057
+ },
1058
+ "path": [
1059
+ "color",
1060
+ "dark-mode",
1061
+ "button",
1062
+ "brand-secondary",
1063
+ "background",
1064
+ "active"
1065
+ ]
1066
+ }
1067
+ },
1068
+ "border": {
1069
+ "default": {
1070
+ "value": "#a6a3b4",
1071
+ "public": true,
1072
+ "isReferenceToInternal": true,
1073
+ "filePath": "tokens/color/alias/button.dark.json",
1074
+ "isSource": true,
1075
+ "original": {
1076
+ "value": "{color.dark-mode.neutral.200.value}",
1077
+ "public": true,
1078
+ "isReferenceToInternal": true
1079
+ },
1080
+ "name": "color-dark-mode-button-brand-secondary-border-default",
1081
+ "attributes": {
1082
+ "category": "color",
1083
+ "type": "dark-mode",
1084
+ "item": "button",
1085
+ "subitem": "brand-secondary",
1086
+ "state": "border"
1087
+ },
1088
+ "path": [
1089
+ "color",
1090
+ "dark-mode",
1091
+ "button",
1092
+ "brand-secondary",
1093
+ "border",
1094
+ "default"
1095
+ ]
1096
+ },
1097
+ "hover": {
1098
+ "value": "#ffffff",
1099
+ "public": true,
1100
+ "isReferenceToInternal": true,
1101
+ "filePath": "tokens/color/alias/button.dark.json",
1102
+ "isSource": true,
1103
+ "original": {
1104
+ "value": "{color.dark-mode.neutral.000.value}",
1105
+ "public": true,
1106
+ "isReferenceToInternal": true
1107
+ },
1108
+ "name": "color-dark-mode-button-brand-secondary-border-hover",
1109
+ "attributes": {
1110
+ "category": "color",
1111
+ "type": "dark-mode",
1112
+ "item": "button",
1113
+ "subitem": "brand-secondary",
1114
+ "state": "border"
1115
+ },
1116
+ "path": [
1117
+ "color",
1118
+ "dark-mode",
1119
+ "button",
1120
+ "brand-secondary",
1121
+ "border",
1122
+ "hover"
1123
+ ]
1124
+ },
1125
+ "active": {
1126
+ "value": "#504e62",
1127
+ "public": true,
1128
+ "isReferenceToInternal": true,
1129
+ "filePath": "tokens/color/alias/button.dark.json",
1130
+ "isSource": true,
1131
+ "original": {
1132
+ "value": "{color.dark-mode.neutral.400.value}",
1133
+ "public": true,
1134
+ "isReferenceToInternal": true
1135
+ },
1136
+ "name": "color-dark-mode-button-brand-secondary-border-active",
1137
+ "attributes": {
1138
+ "category": "color",
1139
+ "type": "dark-mode",
1140
+ "item": "button",
1141
+ "subitem": "brand-secondary",
1142
+ "state": "border"
1143
+ },
1144
+ "path": [
1145
+ "color",
1146
+ "dark-mode",
1147
+ "button",
1148
+ "brand-secondary",
1149
+ "border",
1150
+ "active"
1151
+ ]
1152
+ }
1153
+ },
1154
+ "foreground": {
1155
+ "default": {
1156
+ "value": "#e7e7eb",
1157
+ "public": true,
1158
+ "isReferenceToInternal": true,
1159
+ "filePath": "tokens/color/alias/button.dark.json",
1160
+ "isSource": true,
1161
+ "original": {
1162
+ "value": "{color.dark-mode.neutral.050.value}",
1163
+ "public": true,
1164
+ "isReferenceToInternal": true
1165
+ },
1166
+ "name": "color-dark-mode-button-brand-secondary-foreground-default",
1167
+ "attributes": {
1168
+ "category": "color",
1169
+ "type": "dark-mode",
1170
+ "item": "button",
1171
+ "subitem": "brand-secondary",
1172
+ "state": "foreground"
1173
+ },
1174
+ "path": [
1175
+ "color",
1176
+ "dark-mode",
1177
+ "button",
1178
+ "brand-secondary",
1179
+ "foreground",
1180
+ "default"
1181
+ ]
1182
+ },
1183
+ "hover": {
1184
+ "value": "#ffffff",
1185
+ "public": true,
1186
+ "isReferenceToInternal": true,
1187
+ "filePath": "tokens/color/alias/button.dark.json",
1188
+ "isSource": true,
1189
+ "original": {
1190
+ "value": "{color.dark-mode.neutral.000.value}",
1191
+ "public": true,
1192
+ "isReferenceToInternal": true
1193
+ },
1194
+ "name": "color-dark-mode-button-brand-secondary-foreground-hover",
1195
+ "attributes": {
1196
+ "category": "color",
1197
+ "type": "dark-mode",
1198
+ "item": "button",
1199
+ "subitem": "brand-secondary",
1200
+ "state": "foreground"
1201
+ },
1202
+ "path": [
1203
+ "color",
1204
+ "dark-mode",
1205
+ "button",
1206
+ "brand-secondary",
1207
+ "foreground",
1208
+ "hover"
1209
+ ]
1210
+ },
1211
+ "active": {
1212
+ "value": "#e7e7eb",
1213
+ "public": true,
1214
+ "isReferenceToInternal": true,
1215
+ "filePath": "tokens/color/alias/button.dark.json",
1216
+ "isSource": true,
1217
+ "original": {
1218
+ "value": "{color.dark-mode.neutral.050.value}",
1219
+ "public": true,
1220
+ "isReferenceToInternal": true
1221
+ },
1222
+ "name": "color-dark-mode-button-brand-secondary-foreground-active",
1223
+ "attributes": {
1224
+ "category": "color",
1225
+ "type": "dark-mode",
1226
+ "item": "button",
1227
+ "subitem": "brand-secondary",
1228
+ "state": "foreground"
1229
+ },
1230
+ "path": [
1231
+ "color",
1232
+ "dark-mode",
1233
+ "button",
1234
+ "brand-secondary",
1235
+ "foreground",
1236
+ "active"
1237
+ ]
1238
+ }
1239
+ }
1240
+ },
983
1241
  "critical": {
984
1242
  "background": {
985
1243
  "default": {
@@ -1351,6 +1609,33 @@
1351
1609
  "default"
1352
1610
  ]
1353
1611
  },
1612
+ "hover": {
1613
+ "value": "#282839",
1614
+ "public": true,
1615
+ "isReferenceToInternal": true,
1616
+ "filePath": "tokens/color/alias/form.dark.json",
1617
+ "isSource": true,
1618
+ "original": {
1619
+ "value": "{color.dark-mode.neutral.500.value}",
1620
+ "public": true,
1621
+ "isReferenceToInternal": true
1622
+ },
1623
+ "name": "color-dark-mode-input-background-hover",
1624
+ "attributes": {
1625
+ "category": "color",
1626
+ "type": "dark-mode",
1627
+ "item": "input",
1628
+ "subitem": "background",
1629
+ "state": "hover"
1630
+ },
1631
+ "path": [
1632
+ "color",
1633
+ "dark-mode",
1634
+ "input",
1635
+ "background",
1636
+ "hover"
1637
+ ]
1638
+ },
1354
1639
  "critical": {
1355
1640
  "value": "#1d1d29",
1356
1641
  "public": true,
@@ -1408,13 +1693,15 @@
1408
1693
  ]
1409
1694
  },
1410
1695
  "hover": {
1411
- "value": "#36a3ff",
1696
+ "value": "#5f41e5",
1412
1697
  "public": true,
1698
+ "isReferenceToInternal": true,
1413
1699
  "filePath": "tokens/color/alias/form.dark.json",
1414
1700
  "isSource": true,
1415
1701
  "original": {
1416
- "value": "{color.dark-mode.interactive.focus.value}",
1417
- "public": true
1702
+ "value": "{color.dark-mode.interactive.visited.value}",
1703
+ "public": true,
1704
+ "isReferenceToInternal": true
1418
1705
  },
1419
1706
  "name": "color-dark-mode-input-border-hover",
1420
1707
  "attributes": {
@@ -1433,7 +1720,7 @@
1433
1720
  ]
1434
1721
  },
1435
1722
  "success": {
1436
- "value": "#22a06b",
1723
+ "value": "#3cb683",
1437
1724
  "public": true,
1438
1725
  "isReferenceToInternal": true,
1439
1726
  "filePath": "tokens/color/alias/form.dark.json",
@@ -1516,7 +1803,7 @@
1516
1803
  ]
1517
1804
  },
1518
1805
  "success": {
1519
- "value": "#22a06b",
1806
+ "value": "#3cb683",
1520
1807
  "public": true,
1521
1808
  "isReferenceToInternal": true,
1522
1809
  "filePath": "tokens/color/alias/form.dark.json",
@@ -1658,7 +1945,7 @@
1658
1945
  "filePath": "tokens/color/alias/link.dark.json",
1659
1946
  "isSource": true,
1660
1947
  "original": {
1661
- "value": "{color.dark-mode.interactive.link.400.value}",
1948
+ "value": "{color.dark-mode.interactive.link.value}",
1662
1949
  "public": true,
1663
1950
  "isReferenceToInternal": true
1664
1951
  },
@@ -1677,13 +1964,13 @@
1677
1964
  ]
1678
1965
  },
1679
1966
  "hover": {
1680
- "value": "#2776b9",
1967
+ "value": "#5f41e5",
1681
1968
  "public": true,
1682
1969
  "isReferenceToInternal": true,
1683
1970
  "filePath": "tokens/color/alias/link.dark.json",
1684
1971
  "isSource": true,
1685
1972
  "original": {
1686
- "value": "{color.dark-mode.interactive.link.500.value}",
1973
+ "value": "{color.dark-mode.interactive.visited.value}",
1687
1974
  "public": true,
1688
1975
  "isReferenceToInternal": true
1689
1976
  },
@@ -1702,13 +1989,13 @@
1702
1989
  ]
1703
1990
  },
1704
1991
  "active": {
1705
- "value": "#2776b9",
1992
+ "value": "#5f41e5",
1706
1993
  "public": true,
1707
1994
  "isReferenceToInternal": true,
1708
1995
  "filePath": "tokens/color/alias/link.dark.json",
1709
1996
  "isSource": true,
1710
1997
  "original": {
1711
- "value": "{color.dark-mode.interactive.link.500.value}",
1998
+ "value": "{color.dark-mode.interactive.visited.value}",
1712
1999
  "public": true,
1713
2000
  "isReferenceToInternal": true
1714
2001
  },
@@ -1727,13 +2014,13 @@
1727
2014
  ]
1728
2015
  },
1729
2016
  "visited": {
1730
- "value": "#967fff",
2017
+ "value": "#5f41e5",
1731
2018
  "public": true,
1732
2019
  "isReferenceToInternal": true,
1733
2020
  "filePath": "tokens/color/alias/link.dark.json",
1734
2021
  "isSource": true,
1735
2022
  "original": {
1736
- "value": "{color.dark-mode.interactive.visited.400.value}",
2023
+ "value": "{color.dark-mode.interactive.visited.value}",
1737
2024
  "public": true,
1738
2025
  "isReferenceToInternal": true
1739
2026
  },
@@ -3100,100 +3387,46 @@
3100
3387
  },
3101
3388
  "interactive": {
3102
3389
  "link": {
3103
- "400": {
3104
- "value": "#36a3ff",
3105
- "filePath": "tokens/color/base/interactive.dark.json",
3106
- "isSource": true,
3107
- "original": {
3108
- "value": "#36A3FF"
3109
- },
3110
- "name": "color-dark-mode-interactive-link-400",
3111
- "attributes": {
3112
- "category": "color",
3113
- "type": "dark-mode",
3114
- "item": "interactive",
3115
- "subitem": "link",
3116
- "state": "400"
3117
- },
3118
- "path": [
3119
- "color",
3120
- "dark-mode",
3121
- "interactive",
3122
- "link",
3123
- "400"
3124
- ]
3390
+ "value": "#36a3ff",
3391
+ "filePath": "tokens/color/base/interactive.dark.json",
3392
+ "isSource": true,
3393
+ "original": {
3394
+ "value": "#36A3FF"
3125
3395
  },
3126
- "500": {
3127
- "value": "#2776b9",
3128
- "filePath": "tokens/color/base/interactive.dark.json",
3129
- "isSource": true,
3130
- "original": {
3131
- "value": "#2776B9"
3132
- },
3133
- "name": "color-dark-mode-interactive-link-500",
3134
- "attributes": {
3135
- "category": "color",
3136
- "type": "dark-mode",
3137
- "item": "interactive",
3138
- "subitem": "link",
3139
- "state": "500"
3140
- },
3141
- "path": [
3142
- "color",
3143
- "dark-mode",
3144
- "interactive",
3145
- "link",
3146
- "500"
3147
- ]
3148
- }
3396
+ "name": "color-dark-mode-interactive-link",
3397
+ "attributes": {
3398
+ "category": "color",
3399
+ "type": "dark-mode",
3400
+ "item": "interactive",
3401
+ "subitem": "link"
3402
+ },
3403
+ "path": [
3404
+ "color",
3405
+ "dark-mode",
3406
+ "interactive",
3407
+ "link"
3408
+ ]
3149
3409
  },
3150
3410
  "visited": {
3151
- "400": {
3152
- "value": "#967fff",
3153
- "filePath": "tokens/color/base/interactive.dark.json",
3154
- "isSource": true,
3155
- "original": {
3156
- "value": "#967FFF"
3157
- },
3158
- "name": "color-dark-mode-interactive-visited-400",
3159
- "attributes": {
3160
- "category": "color",
3161
- "type": "dark-mode",
3162
- "item": "interactive",
3163
- "subitem": "visited",
3164
- "state": "400"
3165
- },
3166
- "path": [
3167
- "color",
3168
- "dark-mode",
3169
- "interactive",
3170
- "visited",
3171
- "400"
3172
- ]
3411
+ "value": "#5f41e5",
3412
+ "filePath": "tokens/color/base/interactive.dark.json",
3413
+ "isSource": true,
3414
+ "original": {
3415
+ "value": "#5F41E5"
3173
3416
  },
3174
- "500": {
3175
- "value": "#5f41e5",
3176
- "filePath": "tokens/color/base/interactive.dark.json",
3177
- "isSource": true,
3178
- "original": {
3179
- "value": "#5F41E5"
3180
- },
3181
- "name": "color-dark-mode-interactive-visited-500",
3182
- "attributes": {
3183
- "category": "color",
3184
- "type": "dark-mode",
3185
- "item": "interactive",
3186
- "subitem": "visited",
3187
- "state": "500"
3188
- },
3189
- "path": [
3190
- "color",
3191
- "dark-mode",
3192
- "interactive",
3193
- "visited",
3194
- "500"
3195
- ]
3196
- }
3417
+ "name": "color-dark-mode-interactive-visited",
3418
+ "attributes": {
3419
+ "category": "color",
3420
+ "type": "dark-mode",
3421
+ "item": "interactive",
3422
+ "subitem": "visited"
3423
+ },
3424
+ "path": [
3425
+ "color",
3426
+ "dark-mode",
3427
+ "interactive",
3428
+ "visited"
3429
+ ]
3197
3430
  },
3198
3431
  "focus": {
3199
3432
  "value": "#36a3ff",
@@ -3693,11 +3926,11 @@
3693
3926
  },
3694
3927
  "success": {
3695
3928
  "100": {
3696
- "value": "#f0fff8",
3929
+ "value": "#f0fff9",
3697
3930
  "filePath": "tokens/color/base/semantic.dark.json",
3698
3931
  "isSource": true,
3699
3932
  "original": {
3700
- "value": "#F0FFF8"
3933
+ "value": "#F0FFF9"
3701
3934
  },
3702
3935
  "name": "color-dark-mode-semantic-success-100",
3703
3936
  "attributes": {
@@ -3716,11 +3949,11 @@
3716
3949
  ]
3717
3950
  },
3718
3951
  "200": {
3719
- "value": "#acffdc",
3952
+ "value": "#afffde",
3720
3953
  "filePath": "tokens/color/base/semantic.dark.json",
3721
3954
  "isSource": true,
3722
3955
  "original": {
3723
- "value": "#ACFFDC"
3956
+ "value": "#AFFFDE"
3724
3957
  },
3725
3958
  "name": "color-dark-mode-semantic-success-200",
3726
3959
  "attributes": {
@@ -3739,11 +3972,11 @@
3739
3972
  ]
3740
3973
  },
3741
3974
  "300": {
3742
- "value": "#22a06b",
3975
+ "value": "#3cb683",
3743
3976
  "filePath": "tokens/color/base/semantic.dark.json",
3744
3977
  "isSource": true,
3745
3978
  "original": {
3746
- "value": "#22A06B"
3979
+ "value": "#3CB683"
3747
3980
  },
3748
3981
  "name": "color-dark-mode-semantic-success-300",
3749
3982
  "attributes": {
@@ -3762,11 +3995,11 @@
3762
3995
  ]
3763
3996
  },
3764
3997
  "400": {
3765
- "value": "#137e51",
3998
+ "value": "#299467",
3766
3999
  "filePath": "tokens/color/base/semantic.dark.json",
3767
4000
  "isSource": true,
3768
4001
  "original": {
3769
- "value": "#137E51"
4002
+ "value": "#299467"
3770
4003
  },
3771
4004
  "name": "color-dark-mode-semantic-success-400",
3772
4005
  "attributes": {
@@ -3785,11 +4018,11 @@
3785
4018
  ]
3786
4019
  },
3787
4020
  "500": {
3788
- "value": "#085c39",
4021
+ "value": "#1a724d",
3789
4022
  "filePath": "tokens/color/base/semantic.dark.json",
3790
4023
  "isSource": true,
3791
4024
  "original": {
3792
- "value": "#085C39"
4025
+ "value": "#1A724D"
3793
4026
  },
3794
4027
  "name": "color-dark-mode-semantic-success-500",
3795
4028
  "attributes": {
@@ -3808,11 +4041,11 @@
3808
4041
  ]
3809
4042
  },
3810
4043
  "600": {
3811
- "value": "#133527",
4044
+ "value": "#0e5034",
3812
4045
  "filePath": "tokens/color/base/semantic.dark.json",
3813
4046
  "isSource": true,
3814
4047
  "original": {
3815
- "value": "#133527"
4048
+ "value": "#0E5034"
3816
4049
  },
3817
4050
  "name": "color-dark-mode-semantic-success-600",
3818
4051
  "attributes": {