@pantheon-systems/pds-design-tokens 1.0.0-dev.141 → 1.0.0-dev.143
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.
|
@@ -14,6 +14,8 @@
|
|
|
14
14
|
--pds-color-background-default: #ffffff;
|
|
15
15
|
--pds-color-background-default-secondary: #f8f8f8;
|
|
16
16
|
--pds-color-background-reverse: #23232d;
|
|
17
|
+
--pds-color-badge-indicator-brand-background: #5e45cf;
|
|
18
|
+
--pds-color-badge-indicator-brand-foreground: #ffffff;
|
|
17
19
|
--pds-color-badge-indicator-critical-background: #ca3521;
|
|
18
20
|
--pds-color-badge-indicator-critical-foreground: #ffffff;
|
|
19
21
|
--pds-color-badge-indicator-diamond-background: #cfe1fc;
|
|
@@ -58,6 +58,15 @@
|
|
|
58
58
|
--pds-spacing-6xs: 0.125rem;
|
|
59
59
|
--pds-spacing-7xl: 5.96rem;
|
|
60
60
|
--pds-spacing-8xl: 7.451rem;
|
|
61
|
+
--pds-spacing-button-lg-height: 3rem;
|
|
62
|
+
--pds-spacing-button-lg-padding-block: 0.9375rem;
|
|
63
|
+
--pds-spacing-button-lg-padding-inline: 1.25rem;
|
|
64
|
+
--pds-spacing-button-md-height: 2.25rem;
|
|
65
|
+
--pds-spacing-button-md-padding-block: 0.625rem;
|
|
66
|
+
--pds-spacing-button-md-padding-inline: 0.8125rem;
|
|
67
|
+
--pds-spacing-button-sm-height: 2rem;
|
|
68
|
+
--pds-spacing-button-sm-padding-block: 0.5rem;
|
|
69
|
+
--pds-spacing-button-sm-padding-inline: 0.625rem;
|
|
61
70
|
--pds-spacing-dashboard-nav-item-height: 2.25rem;
|
|
62
71
|
--pds-spacing-dashboard-nav-item-padding: 0.625rem;
|
|
63
72
|
--pds-spacing-l: 1.25rem;
|
|
@@ -11984,6 +11984,64 @@
|
|
|
11984
11984
|
]
|
|
11985
11985
|
}
|
|
11986
11986
|
},
|
|
11987
|
+
"warning": {
|
|
11988
|
+
"background": {
|
|
11989
|
+
"value": "#d97008",
|
|
11990
|
+
"public": true,
|
|
11991
|
+
"isReferenceToInternal": true,
|
|
11992
|
+
"filePath": "tokens/color/alias/badge.light.json",
|
|
11993
|
+
"isSource": true,
|
|
11994
|
+
"original": {
|
|
11995
|
+
"value": "{color.light-mode.semantic.warning.foreground.value}",
|
|
11996
|
+
"public": true,
|
|
11997
|
+
"isReferenceToInternal": true
|
|
11998
|
+
},
|
|
11999
|
+
"name": "color-light-mode-badge-indicator-warning-background",
|
|
12000
|
+
"attributes": {
|
|
12001
|
+
"category": "color",
|
|
12002
|
+
"type": "light-mode",
|
|
12003
|
+
"item": "badge",
|
|
12004
|
+
"subitem": "indicator",
|
|
12005
|
+
"state": "warning"
|
|
12006
|
+
},
|
|
12007
|
+
"path": [
|
|
12008
|
+
"color",
|
|
12009
|
+
"light-mode",
|
|
12010
|
+
"badge",
|
|
12011
|
+
"indicator",
|
|
12012
|
+
"warning",
|
|
12013
|
+
"background"
|
|
12014
|
+
]
|
|
12015
|
+
},
|
|
12016
|
+
"foreground": {
|
|
12017
|
+
"value": "#ffffff",
|
|
12018
|
+
"public": true,
|
|
12019
|
+
"isReferenceToInternal": true,
|
|
12020
|
+
"filePath": "tokens/color/alias/badge.light.json",
|
|
12021
|
+
"isSource": true,
|
|
12022
|
+
"original": {
|
|
12023
|
+
"value": "{color.light-mode.neutral.000.value}",
|
|
12024
|
+
"public": true,
|
|
12025
|
+
"isReferenceToInternal": true
|
|
12026
|
+
},
|
|
12027
|
+
"name": "color-light-mode-badge-indicator-warning-foreground",
|
|
12028
|
+
"attributes": {
|
|
12029
|
+
"category": "color",
|
|
12030
|
+
"type": "light-mode",
|
|
12031
|
+
"item": "badge",
|
|
12032
|
+
"subitem": "indicator",
|
|
12033
|
+
"state": "warning"
|
|
12034
|
+
},
|
|
12035
|
+
"path": [
|
|
12036
|
+
"color",
|
|
12037
|
+
"light-mode",
|
|
12038
|
+
"badge",
|
|
12039
|
+
"indicator",
|
|
12040
|
+
"warning",
|
|
12041
|
+
"foreground"
|
|
12042
|
+
]
|
|
12043
|
+
}
|
|
12044
|
+
},
|
|
11987
12045
|
"neutral": {
|
|
11988
12046
|
"background": {
|
|
11989
12047
|
"value": "#6d6d78",
|
|
@@ -12042,32 +12100,32 @@
|
|
|
12042
12100
|
]
|
|
12043
12101
|
}
|
|
12044
12102
|
},
|
|
12045
|
-
"
|
|
12103
|
+
"brand": {
|
|
12046
12104
|
"background": {
|
|
12047
|
-
"value": "#
|
|
12105
|
+
"value": "#5e45cf",
|
|
12048
12106
|
"public": true,
|
|
12049
12107
|
"isReferenceToInternal": true,
|
|
12050
12108
|
"filePath": "tokens/color/alias/badge.light.json",
|
|
12051
12109
|
"isSource": true,
|
|
12052
12110
|
"original": {
|
|
12053
|
-
"value": "{color.light-mode.
|
|
12111
|
+
"value": "{color.light-mode.brand.secondary.300.value}",
|
|
12054
12112
|
"public": true,
|
|
12055
12113
|
"isReferenceToInternal": true
|
|
12056
12114
|
},
|
|
12057
|
-
"name": "color-light-mode-badge-indicator-
|
|
12115
|
+
"name": "color-light-mode-badge-indicator-brand-background",
|
|
12058
12116
|
"attributes": {
|
|
12059
12117
|
"category": "color",
|
|
12060
12118
|
"type": "light-mode",
|
|
12061
12119
|
"item": "badge",
|
|
12062
12120
|
"subitem": "indicator",
|
|
12063
|
-
"state": "
|
|
12121
|
+
"state": "brand"
|
|
12064
12122
|
},
|
|
12065
12123
|
"path": [
|
|
12066
12124
|
"color",
|
|
12067
12125
|
"light-mode",
|
|
12068
12126
|
"badge",
|
|
12069
12127
|
"indicator",
|
|
12070
|
-
"
|
|
12128
|
+
"brand",
|
|
12071
12129
|
"background"
|
|
12072
12130
|
]
|
|
12073
12131
|
},
|
|
@@ -12082,20 +12140,20 @@
|
|
|
12082
12140
|
"public": true,
|
|
12083
12141
|
"isReferenceToInternal": true
|
|
12084
12142
|
},
|
|
12085
|
-
"name": "color-light-mode-badge-indicator-
|
|
12143
|
+
"name": "color-light-mode-badge-indicator-brand-foreground",
|
|
12086
12144
|
"attributes": {
|
|
12087
12145
|
"category": "color",
|
|
12088
12146
|
"type": "light-mode",
|
|
12089
12147
|
"item": "badge",
|
|
12090
12148
|
"subitem": "indicator",
|
|
12091
|
-
"state": "
|
|
12149
|
+
"state": "brand"
|
|
12092
12150
|
},
|
|
12093
12151
|
"path": [
|
|
12094
12152
|
"color",
|
|
12095
12153
|
"light-mode",
|
|
12096
12154
|
"badge",
|
|
12097
12155
|
"indicator",
|
|
12098
|
-
"
|
|
12156
|
+
"brand",
|
|
12099
12157
|
"foreground"
|
|
12100
12158
|
]
|
|
12101
12159
|
}
|
|
@@ -865,6 +865,64 @@
|
|
|
865
865
|
]
|
|
866
866
|
}
|
|
867
867
|
},
|
|
868
|
+
"warning": {
|
|
869
|
+
"background": {
|
|
870
|
+
"value": "#d97008",
|
|
871
|
+
"public": true,
|
|
872
|
+
"isReferenceToInternal": true,
|
|
873
|
+
"filePath": "tokens/color/alias/badge.light.json",
|
|
874
|
+
"isSource": true,
|
|
875
|
+
"original": {
|
|
876
|
+
"value": "{color.light-mode.semantic.warning.foreground.value}",
|
|
877
|
+
"public": true,
|
|
878
|
+
"isReferenceToInternal": true
|
|
879
|
+
},
|
|
880
|
+
"name": "color-light-mode-badge-indicator-warning-background",
|
|
881
|
+
"attributes": {
|
|
882
|
+
"category": "color",
|
|
883
|
+
"type": "light-mode",
|
|
884
|
+
"item": "badge",
|
|
885
|
+
"subitem": "indicator",
|
|
886
|
+
"state": "warning"
|
|
887
|
+
},
|
|
888
|
+
"path": [
|
|
889
|
+
"color",
|
|
890
|
+
"light-mode",
|
|
891
|
+
"badge",
|
|
892
|
+
"indicator",
|
|
893
|
+
"warning",
|
|
894
|
+
"background"
|
|
895
|
+
]
|
|
896
|
+
},
|
|
897
|
+
"foreground": {
|
|
898
|
+
"value": "#ffffff",
|
|
899
|
+
"public": true,
|
|
900
|
+
"isReferenceToInternal": true,
|
|
901
|
+
"filePath": "tokens/color/alias/badge.light.json",
|
|
902
|
+
"isSource": true,
|
|
903
|
+
"original": {
|
|
904
|
+
"value": "{color.light-mode.neutral.000.value}",
|
|
905
|
+
"public": true,
|
|
906
|
+
"isReferenceToInternal": true
|
|
907
|
+
},
|
|
908
|
+
"name": "color-light-mode-badge-indicator-warning-foreground",
|
|
909
|
+
"attributes": {
|
|
910
|
+
"category": "color",
|
|
911
|
+
"type": "light-mode",
|
|
912
|
+
"item": "badge",
|
|
913
|
+
"subitem": "indicator",
|
|
914
|
+
"state": "warning"
|
|
915
|
+
},
|
|
916
|
+
"path": [
|
|
917
|
+
"color",
|
|
918
|
+
"light-mode",
|
|
919
|
+
"badge",
|
|
920
|
+
"indicator",
|
|
921
|
+
"warning",
|
|
922
|
+
"foreground"
|
|
923
|
+
]
|
|
924
|
+
}
|
|
925
|
+
},
|
|
868
926
|
"neutral": {
|
|
869
927
|
"background": {
|
|
870
928
|
"value": "#6d6d78",
|
|
@@ -923,32 +981,32 @@
|
|
|
923
981
|
]
|
|
924
982
|
}
|
|
925
983
|
},
|
|
926
|
-
"
|
|
984
|
+
"brand": {
|
|
927
985
|
"background": {
|
|
928
|
-
"value": "#
|
|
986
|
+
"value": "#5e45cf",
|
|
929
987
|
"public": true,
|
|
930
988
|
"isReferenceToInternal": true,
|
|
931
989
|
"filePath": "tokens/color/alias/badge.light.json",
|
|
932
990
|
"isSource": true,
|
|
933
991
|
"original": {
|
|
934
|
-
"value": "{color.light-mode.
|
|
992
|
+
"value": "{color.light-mode.brand.secondary.300.value}",
|
|
935
993
|
"public": true,
|
|
936
994
|
"isReferenceToInternal": true
|
|
937
995
|
},
|
|
938
|
-
"name": "color-light-mode-badge-indicator-
|
|
996
|
+
"name": "color-light-mode-badge-indicator-brand-background",
|
|
939
997
|
"attributes": {
|
|
940
998
|
"category": "color",
|
|
941
999
|
"type": "light-mode",
|
|
942
1000
|
"item": "badge",
|
|
943
1001
|
"subitem": "indicator",
|
|
944
|
-
"state": "
|
|
1002
|
+
"state": "brand"
|
|
945
1003
|
},
|
|
946
1004
|
"path": [
|
|
947
1005
|
"color",
|
|
948
1006
|
"light-mode",
|
|
949
1007
|
"badge",
|
|
950
1008
|
"indicator",
|
|
951
|
-
"
|
|
1009
|
+
"brand",
|
|
952
1010
|
"background"
|
|
953
1011
|
]
|
|
954
1012
|
},
|
|
@@ -963,20 +1021,20 @@
|
|
|
963
1021
|
"public": true,
|
|
964
1022
|
"isReferenceToInternal": true
|
|
965
1023
|
},
|
|
966
|
-
"name": "color-light-mode-badge-indicator-
|
|
1024
|
+
"name": "color-light-mode-badge-indicator-brand-foreground",
|
|
967
1025
|
"attributes": {
|
|
968
1026
|
"category": "color",
|
|
969
1027
|
"type": "light-mode",
|
|
970
1028
|
"item": "badge",
|
|
971
1029
|
"subitem": "indicator",
|
|
972
|
-
"state": "
|
|
1030
|
+
"state": "brand"
|
|
973
1031
|
},
|
|
974
1032
|
"path": [
|
|
975
1033
|
"color",
|
|
976
1034
|
"light-mode",
|
|
977
1035
|
"badge",
|
|
978
1036
|
"indicator",
|
|
979
|
-
"
|
|
1037
|
+
"brand",
|
|
980
1038
|
"foreground"
|
|
981
1039
|
]
|
|
982
1040
|
}
|
|
@@ -1057,6 +1057,239 @@
|
|
|
1057
1057
|
]
|
|
1058
1058
|
}
|
|
1059
1059
|
},
|
|
1060
|
+
"button": {
|
|
1061
|
+
"sm": {
|
|
1062
|
+
"height": {
|
|
1063
|
+
"value": 2,
|
|
1064
|
+
"defaultUnit": "rem",
|
|
1065
|
+
"public": true,
|
|
1066
|
+
"filePath": "tokens/spacing/alias.json",
|
|
1067
|
+
"isSource": true,
|
|
1068
|
+
"original": {
|
|
1069
|
+
"value": 2,
|
|
1070
|
+
"defaultUnit": "rem",
|
|
1071
|
+
"public": true
|
|
1072
|
+
},
|
|
1073
|
+
"name": "spacing-button-sm-height",
|
|
1074
|
+
"attributes": {
|
|
1075
|
+
"category": "spacing",
|
|
1076
|
+
"type": "button",
|
|
1077
|
+
"item": "sm",
|
|
1078
|
+
"subitem": "height"
|
|
1079
|
+
},
|
|
1080
|
+
"path": [
|
|
1081
|
+
"spacing",
|
|
1082
|
+
"button",
|
|
1083
|
+
"sm",
|
|
1084
|
+
"height"
|
|
1085
|
+
]
|
|
1086
|
+
},
|
|
1087
|
+
"padding-block": {
|
|
1088
|
+
"value": 0.5,
|
|
1089
|
+
"defaultUnit": "rem",
|
|
1090
|
+
"public": true,
|
|
1091
|
+
"filePath": "tokens/spacing/alias.json",
|
|
1092
|
+
"isSource": true,
|
|
1093
|
+
"original": {
|
|
1094
|
+
"value": 0.5,
|
|
1095
|
+
"defaultUnit": "rem",
|
|
1096
|
+
"public": true
|
|
1097
|
+
},
|
|
1098
|
+
"name": "spacing-button-sm-padding-block",
|
|
1099
|
+
"attributes": {
|
|
1100
|
+
"category": "spacing",
|
|
1101
|
+
"type": "button",
|
|
1102
|
+
"item": "sm",
|
|
1103
|
+
"subitem": "padding-block"
|
|
1104
|
+
},
|
|
1105
|
+
"path": [
|
|
1106
|
+
"spacing",
|
|
1107
|
+
"button",
|
|
1108
|
+
"sm",
|
|
1109
|
+
"padding-block"
|
|
1110
|
+
]
|
|
1111
|
+
},
|
|
1112
|
+
"padding-inline": {
|
|
1113
|
+
"value": 0.625,
|
|
1114
|
+
"defaultUnit": "rem",
|
|
1115
|
+
"public": true,
|
|
1116
|
+
"filePath": "tokens/spacing/alias.json",
|
|
1117
|
+
"isSource": true,
|
|
1118
|
+
"original": {
|
|
1119
|
+
"value": 0.625,
|
|
1120
|
+
"defaultUnit": "rem",
|
|
1121
|
+
"public": true
|
|
1122
|
+
},
|
|
1123
|
+
"name": "spacing-button-sm-padding-inline",
|
|
1124
|
+
"attributes": {
|
|
1125
|
+
"category": "spacing",
|
|
1126
|
+
"type": "button",
|
|
1127
|
+
"item": "sm",
|
|
1128
|
+
"subitem": "padding-inline"
|
|
1129
|
+
},
|
|
1130
|
+
"path": [
|
|
1131
|
+
"spacing",
|
|
1132
|
+
"button",
|
|
1133
|
+
"sm",
|
|
1134
|
+
"padding-inline"
|
|
1135
|
+
]
|
|
1136
|
+
}
|
|
1137
|
+
},
|
|
1138
|
+
"md": {
|
|
1139
|
+
"height": {
|
|
1140
|
+
"value": 2.25,
|
|
1141
|
+
"defaultUnit": "rem",
|
|
1142
|
+
"public": true,
|
|
1143
|
+
"filePath": "tokens/spacing/alias.json",
|
|
1144
|
+
"isSource": true,
|
|
1145
|
+
"original": {
|
|
1146
|
+
"value": 2.25,
|
|
1147
|
+
"defaultUnit": "rem",
|
|
1148
|
+
"public": true
|
|
1149
|
+
},
|
|
1150
|
+
"name": "spacing-button-md-height",
|
|
1151
|
+
"attributes": {
|
|
1152
|
+
"category": "spacing",
|
|
1153
|
+
"type": "button",
|
|
1154
|
+
"item": "md",
|
|
1155
|
+
"subitem": "height"
|
|
1156
|
+
},
|
|
1157
|
+
"path": [
|
|
1158
|
+
"spacing",
|
|
1159
|
+
"button",
|
|
1160
|
+
"md",
|
|
1161
|
+
"height"
|
|
1162
|
+
]
|
|
1163
|
+
},
|
|
1164
|
+
"padding-block": {
|
|
1165
|
+
"value": 0.625,
|
|
1166
|
+
"defaultUnit": "rem",
|
|
1167
|
+
"public": true,
|
|
1168
|
+
"filePath": "tokens/spacing/alias.json",
|
|
1169
|
+
"isSource": true,
|
|
1170
|
+
"original": {
|
|
1171
|
+
"value": 0.625,
|
|
1172
|
+
"defaultUnit": "rem",
|
|
1173
|
+
"public": true
|
|
1174
|
+
},
|
|
1175
|
+
"name": "spacing-button-md-padding-block",
|
|
1176
|
+
"attributes": {
|
|
1177
|
+
"category": "spacing",
|
|
1178
|
+
"type": "button",
|
|
1179
|
+
"item": "md",
|
|
1180
|
+
"subitem": "padding-block"
|
|
1181
|
+
},
|
|
1182
|
+
"path": [
|
|
1183
|
+
"spacing",
|
|
1184
|
+
"button",
|
|
1185
|
+
"md",
|
|
1186
|
+
"padding-block"
|
|
1187
|
+
]
|
|
1188
|
+
},
|
|
1189
|
+
"padding-inline": {
|
|
1190
|
+
"value": 0.8125,
|
|
1191
|
+
"defaultUnit": "rem",
|
|
1192
|
+
"public": true,
|
|
1193
|
+
"filePath": "tokens/spacing/alias.json",
|
|
1194
|
+
"isSource": true,
|
|
1195
|
+
"original": {
|
|
1196
|
+
"value": 0.8125,
|
|
1197
|
+
"defaultUnit": "rem",
|
|
1198
|
+
"public": true
|
|
1199
|
+
},
|
|
1200
|
+
"name": "spacing-button-md-padding-inline",
|
|
1201
|
+
"attributes": {
|
|
1202
|
+
"category": "spacing",
|
|
1203
|
+
"type": "button",
|
|
1204
|
+
"item": "md",
|
|
1205
|
+
"subitem": "padding-inline"
|
|
1206
|
+
},
|
|
1207
|
+
"path": [
|
|
1208
|
+
"spacing",
|
|
1209
|
+
"button",
|
|
1210
|
+
"md",
|
|
1211
|
+
"padding-inline"
|
|
1212
|
+
]
|
|
1213
|
+
}
|
|
1214
|
+
},
|
|
1215
|
+
"lg": {
|
|
1216
|
+
"height": {
|
|
1217
|
+
"value": 3,
|
|
1218
|
+
"defaultUnit": "rem",
|
|
1219
|
+
"public": true,
|
|
1220
|
+
"filePath": "tokens/spacing/alias.json",
|
|
1221
|
+
"isSource": true,
|
|
1222
|
+
"original": {
|
|
1223
|
+
"value": 3,
|
|
1224
|
+
"defaultUnit": "rem",
|
|
1225
|
+
"public": true
|
|
1226
|
+
},
|
|
1227
|
+
"name": "spacing-button-lg-height",
|
|
1228
|
+
"attributes": {
|
|
1229
|
+
"category": "spacing",
|
|
1230
|
+
"type": "button",
|
|
1231
|
+
"item": "lg",
|
|
1232
|
+
"subitem": "height"
|
|
1233
|
+
},
|
|
1234
|
+
"path": [
|
|
1235
|
+
"spacing",
|
|
1236
|
+
"button",
|
|
1237
|
+
"lg",
|
|
1238
|
+
"height"
|
|
1239
|
+
]
|
|
1240
|
+
},
|
|
1241
|
+
"padding-block": {
|
|
1242
|
+
"value": 0.9375,
|
|
1243
|
+
"defaultUnit": "rem",
|
|
1244
|
+
"public": true,
|
|
1245
|
+
"filePath": "tokens/spacing/alias.json",
|
|
1246
|
+
"isSource": true,
|
|
1247
|
+
"original": {
|
|
1248
|
+
"value": 0.9375,
|
|
1249
|
+
"defaultUnit": "rem",
|
|
1250
|
+
"public": true
|
|
1251
|
+
},
|
|
1252
|
+
"name": "spacing-button-lg-padding-block",
|
|
1253
|
+
"attributes": {
|
|
1254
|
+
"category": "spacing",
|
|
1255
|
+
"type": "button",
|
|
1256
|
+
"item": "lg",
|
|
1257
|
+
"subitem": "padding-block"
|
|
1258
|
+
},
|
|
1259
|
+
"path": [
|
|
1260
|
+
"spacing",
|
|
1261
|
+
"button",
|
|
1262
|
+
"lg",
|
|
1263
|
+
"padding-block"
|
|
1264
|
+
]
|
|
1265
|
+
},
|
|
1266
|
+
"padding-inline": {
|
|
1267
|
+
"value": 1.25,
|
|
1268
|
+
"defaultUnit": "rem",
|
|
1269
|
+
"public": true,
|
|
1270
|
+
"filePath": "tokens/spacing/alias.json",
|
|
1271
|
+
"isSource": true,
|
|
1272
|
+
"original": {
|
|
1273
|
+
"value": 1.25,
|
|
1274
|
+
"defaultUnit": "rem",
|
|
1275
|
+
"public": true
|
|
1276
|
+
},
|
|
1277
|
+
"name": "spacing-button-lg-padding-inline",
|
|
1278
|
+
"attributes": {
|
|
1279
|
+
"category": "spacing",
|
|
1280
|
+
"type": "button",
|
|
1281
|
+
"item": "lg",
|
|
1282
|
+
"subitem": "padding-inline"
|
|
1283
|
+
},
|
|
1284
|
+
"path": [
|
|
1285
|
+
"spacing",
|
|
1286
|
+
"button",
|
|
1287
|
+
"lg",
|
|
1288
|
+
"padding-inline"
|
|
1289
|
+
]
|
|
1290
|
+
}
|
|
1291
|
+
}
|
|
1292
|
+
},
|
|
1060
1293
|
"8XL": {
|
|
1061
1294
|
"value": "7.451",
|
|
1062
1295
|
"defaultUnit": "rem",
|