@patternfly/design-tokens 1.14.2 → 1.14.4
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.
- package/build/css/tokens-charts-dark.scss +1 -1
- package/build/css/tokens-charts.scss +1 -1
- package/build/css/tokens-dark.scss +2 -1
- package/build/css/tokens-default.scss +7 -5
- package/build/css/tokens-highcontrast-dark.scss +2 -1
- package/build/css/tokens-highcontrast.scss +7 -5
- package/build/css/tokens-palette.scss +1 -1
- package/build.js +5 -2
- package/package.json +8 -8
- package/patternfly-docs/content/token-layers-dark.json +455 -297
- package/patternfly-docs/content/token-layers-default.json +451 -297
- package/patternfly-docs/content/tokensTable.js +201 -154
- package/patternfly-docs/content/tokensToolbar.js +56 -46
- package/plugins/export-patternfly-tokens/README.md +7 -5
- package/tokens/dark/charts.dark.json +4 -4
- package/tokens/dark/semantic.dark.json +6 -0
- package/tokens/default/charts.json +4 -4
- package/tokens/default/semantic.dimension.json +32 -26
- package/tokens/default/semantic.json +6 -0
- package/tokens/default/semantic.motion.json +14 -14
- package/tokens/highcontrast/semantic.dimension.highcontrast.json +32 -26
- package/tokens/highcontrast/semantic.highcontrast.json +6 -0
- package/tokens/highcontrast-dark/semantic.highcontrast.dark.json +6 -0
|
@@ -11098,6 +11098,112 @@
|
|
|
11098
11098
|
]
|
|
11099
11099
|
}
|
|
11100
11100
|
},
|
|
11101
|
+
"pf-t--global--border--color--main--default": {
|
|
11102
|
+
"dark": {
|
|
11103
|
+
"type": "color",
|
|
11104
|
+
"value": "#292929",
|
|
11105
|
+
"filePath": "tokens/dark/semantic.dark.json",
|
|
11106
|
+
"isSource": true,
|
|
11107
|
+
"original": {
|
|
11108
|
+
"type": "color",
|
|
11109
|
+
"value": "{global.background.color.primary.default}"
|
|
11110
|
+
},
|
|
11111
|
+
"name": "pf-t--global--border--color--main--default",
|
|
11112
|
+
"attributes": {
|
|
11113
|
+
"category": "global",
|
|
11114
|
+
"type": "border",
|
|
11115
|
+
"item": "color",
|
|
11116
|
+
"subitem": "main",
|
|
11117
|
+
"state": "default"
|
|
11118
|
+
},
|
|
11119
|
+
"path": [
|
|
11120
|
+
"global",
|
|
11121
|
+
"border",
|
|
11122
|
+
"color",
|
|
11123
|
+
"main",
|
|
11124
|
+
"default"
|
|
11125
|
+
],
|
|
11126
|
+
"references": [
|
|
11127
|
+
{
|
|
11128
|
+
"description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.",
|
|
11129
|
+
"type": "color",
|
|
11130
|
+
"value": "#292929",
|
|
11131
|
+
"filePath": "tokens/dark/semantic.dark.json",
|
|
11132
|
+
"isSource": true,
|
|
11133
|
+
"original": {
|
|
11134
|
+
"description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.",
|
|
11135
|
+
"type": "color",
|
|
11136
|
+
"value": "{global.dark.background.color.200}"
|
|
11137
|
+
},
|
|
11138
|
+
"name": "pf-t--global--background--color--primary--default",
|
|
11139
|
+
"attributes": {
|
|
11140
|
+
"category": "global",
|
|
11141
|
+
"type": "background",
|
|
11142
|
+
"item": "color",
|
|
11143
|
+
"subitem": "primary",
|
|
11144
|
+
"state": "default"
|
|
11145
|
+
},
|
|
11146
|
+
"path": [
|
|
11147
|
+
"global",
|
|
11148
|
+
"background",
|
|
11149
|
+
"color",
|
|
11150
|
+
"primary",
|
|
11151
|
+
"default"
|
|
11152
|
+
],
|
|
11153
|
+
"references": [
|
|
11154
|
+
{
|
|
11155
|
+
"type": "color",
|
|
11156
|
+
"value": "#292929",
|
|
11157
|
+
"filePath": "tokens/dark/base.dark.json",
|
|
11158
|
+
"isSource": true,
|
|
11159
|
+
"original": {
|
|
11160
|
+
"type": "color",
|
|
11161
|
+
"value": "{color.gray.80}"
|
|
11162
|
+
},
|
|
11163
|
+
"name": "pf-t--global--dark--background--color--200",
|
|
11164
|
+
"attributes": {
|
|
11165
|
+
"category": "global",
|
|
11166
|
+
"type": "dark",
|
|
11167
|
+
"item": "background",
|
|
11168
|
+
"subitem": "color",
|
|
11169
|
+
"state": "200"
|
|
11170
|
+
},
|
|
11171
|
+
"path": [
|
|
11172
|
+
"global",
|
|
11173
|
+
"dark",
|
|
11174
|
+
"background",
|
|
11175
|
+
"color",
|
|
11176
|
+
"200"
|
|
11177
|
+
],
|
|
11178
|
+
"references": [
|
|
11179
|
+
{
|
|
11180
|
+
"type": "color",
|
|
11181
|
+
"value": "#292929",
|
|
11182
|
+
"filePath": "tokens/dark/palette.color.json",
|
|
11183
|
+
"isSource": true,
|
|
11184
|
+
"original": {
|
|
11185
|
+
"type": "color",
|
|
11186
|
+
"value": "#292929"
|
|
11187
|
+
},
|
|
11188
|
+
"name": "pf-t--color--gray--80",
|
|
11189
|
+
"attributes": {
|
|
11190
|
+
"category": "color",
|
|
11191
|
+
"type": "gray",
|
|
11192
|
+
"item": "80"
|
|
11193
|
+
},
|
|
11194
|
+
"path": [
|
|
11195
|
+
"color",
|
|
11196
|
+
"gray",
|
|
11197
|
+
"80"
|
|
11198
|
+
]
|
|
11199
|
+
}
|
|
11200
|
+
]
|
|
11201
|
+
}
|
|
11202
|
+
]
|
|
11203
|
+
}
|
|
11204
|
+
]
|
|
11205
|
+
}
|
|
11206
|
+
},
|
|
11101
11207
|
"pf-t--global--border--color--nonstatus--red--default": {
|
|
11102
11208
|
"dark": {
|
|
11103
11209
|
"description": "Use as the default border color for any element that does not convey status and that you always will want to be red (i.e. color-coded labels, banners, etc.)",
|
|
@@ -32923,250 +33029,165 @@
|
|
|
32923
33029
|
]
|
|
32924
33030
|
}
|
|
32925
33031
|
},
|
|
32926
|
-
"pf-t--global--border--width--
|
|
33032
|
+
"pf-t--global--border--width--main--default": {
|
|
32927
33033
|
"default": {
|
|
32928
|
-
"description": "Use as the default border width for containers like cards, panels, code editors, etc.",
|
|
32929
33034
|
"type": "number",
|
|
32930
|
-
"value": "
|
|
33035
|
+
"value": "4px",
|
|
32931
33036
|
"filePath": "tokens/default/semantic.dimension.json",
|
|
32932
33037
|
"isSource": false,
|
|
32933
33038
|
"original": {
|
|
32934
|
-
"description": "Use as the default border width for containers like cards, panels, code editors, etc.",
|
|
32935
33039
|
"type": "number",
|
|
32936
|
-
"value": "{global.border.width.
|
|
33040
|
+
"value": "{global.border.width.400}"
|
|
32937
33041
|
},
|
|
32938
|
-
"name": "pf-t--global--border--width--
|
|
33042
|
+
"name": "pf-t--global--border--width--main--default",
|
|
32939
33043
|
"attributes": {
|
|
32940
33044
|
"category": "global",
|
|
32941
33045
|
"type": "border",
|
|
32942
33046
|
"item": "width",
|
|
32943
|
-
"subitem": "
|
|
33047
|
+
"subitem": "main",
|
|
32944
33048
|
"state": "default"
|
|
32945
33049
|
},
|
|
32946
33050
|
"path": [
|
|
32947
33051
|
"global",
|
|
32948
33052
|
"border",
|
|
32949
33053
|
"width",
|
|
32950
|
-
"
|
|
33054
|
+
"main",
|
|
32951
33055
|
"default"
|
|
32952
33056
|
],
|
|
32953
33057
|
"references": [
|
|
32954
33058
|
{
|
|
32955
33059
|
"type": "number",
|
|
32956
|
-
"value": "
|
|
33060
|
+
"value": "4px",
|
|
32957
33061
|
"filePath": "tokens/default/base.dimension.json",
|
|
32958
33062
|
"isSource": false,
|
|
32959
33063
|
"original": {
|
|
32960
33064
|
"type": "number",
|
|
32961
|
-
"value":
|
|
33065
|
+
"value": 4
|
|
32962
33066
|
},
|
|
32963
|
-
"name": "pf-t--global--border--width--
|
|
33067
|
+
"name": "pf-t--global--border--width--400",
|
|
32964
33068
|
"attributes": {
|
|
32965
33069
|
"category": "global",
|
|
32966
33070
|
"type": "border",
|
|
32967
33071
|
"item": "width",
|
|
32968
|
-
"subitem": "
|
|
33072
|
+
"subitem": "400"
|
|
32969
33073
|
},
|
|
32970
33074
|
"path": [
|
|
32971
33075
|
"global",
|
|
32972
33076
|
"border",
|
|
32973
33077
|
"width",
|
|
32974
|
-
"
|
|
33078
|
+
"400"
|
|
32975
33079
|
]
|
|
32976
33080
|
}
|
|
32977
33081
|
]
|
|
32978
33082
|
}
|
|
32979
33083
|
},
|
|
32980
|
-
"pf-t--global--border--width--
|
|
33084
|
+
"pf-t--global--border--width--high-contrast--regular": {
|
|
32981
33085
|
"default": {
|
|
32982
|
-
"description": "Use as the hover border width for containers like cards, panels, code editors, etc.",
|
|
32983
33086
|
"type": "number",
|
|
32984
|
-
"value": "
|
|
33087
|
+
"value": "0px",
|
|
32985
33088
|
"filePath": "tokens/default/semantic.dimension.json",
|
|
32986
33089
|
"isSource": false,
|
|
32987
33090
|
"original": {
|
|
32988
|
-
"description": "Use as the hover border width for containers like cards, panels, code editors, etc.",
|
|
32989
33091
|
"type": "number",
|
|
32990
|
-
"value":
|
|
33092
|
+
"value": 0
|
|
32991
33093
|
},
|
|
32992
|
-
"name": "pf-t--global--border--width--
|
|
33094
|
+
"name": "pf-t--global--border--width--high-contrast--regular",
|
|
32993
33095
|
"attributes": {
|
|
32994
33096
|
"category": "global",
|
|
32995
33097
|
"type": "border",
|
|
32996
33098
|
"item": "width",
|
|
32997
|
-
"subitem": "
|
|
32998
|
-
"state": "
|
|
33099
|
+
"subitem": "high-contrast",
|
|
33100
|
+
"state": "regular"
|
|
32999
33101
|
},
|
|
33000
33102
|
"path": [
|
|
33001
33103
|
"global",
|
|
33002
33104
|
"border",
|
|
33003
33105
|
"width",
|
|
33004
|
-
"
|
|
33005
|
-
"
|
|
33006
|
-
],
|
|
33007
|
-
"references": [
|
|
33008
|
-
{
|
|
33009
|
-
"type": "number",
|
|
33010
|
-
"value": "1px",
|
|
33011
|
-
"filePath": "tokens/default/base.dimension.json",
|
|
33012
|
-
"isSource": false,
|
|
33013
|
-
"original": {
|
|
33014
|
-
"type": "number",
|
|
33015
|
-
"value": 1
|
|
33016
|
-
},
|
|
33017
|
-
"name": "pf-t--global--border--width--100",
|
|
33018
|
-
"attributes": {
|
|
33019
|
-
"category": "global",
|
|
33020
|
-
"type": "border",
|
|
33021
|
-
"item": "width",
|
|
33022
|
-
"subitem": "100"
|
|
33023
|
-
},
|
|
33024
|
-
"path": [
|
|
33025
|
-
"global",
|
|
33026
|
-
"border",
|
|
33027
|
-
"width",
|
|
33028
|
-
"100"
|
|
33029
|
-
]
|
|
33030
|
-
}
|
|
33106
|
+
"high-contrast",
|
|
33107
|
+
"regular"
|
|
33031
33108
|
]
|
|
33032
33109
|
}
|
|
33033
33110
|
},
|
|
33034
|
-
"pf-t--global--border--width--
|
|
33111
|
+
"pf-t--global--border--width--high-contrast--strong": {
|
|
33035
33112
|
"default": {
|
|
33036
|
-
"description": "Use as the clicked border width for containers like cards, panels, code editors, etc.",
|
|
33037
33113
|
"type": "number",
|
|
33038
|
-
"value": "
|
|
33114
|
+
"value": "0px",
|
|
33039
33115
|
"filePath": "tokens/default/semantic.dimension.json",
|
|
33040
33116
|
"isSource": false,
|
|
33041
33117
|
"original": {
|
|
33042
|
-
"description": "Use as the clicked border width for containers like cards, panels, code editors, etc.",
|
|
33043
33118
|
"type": "number",
|
|
33044
|
-
"value":
|
|
33119
|
+
"value": 0
|
|
33045
33120
|
},
|
|
33046
|
-
"name": "pf-t--global--border--width--
|
|
33121
|
+
"name": "pf-t--global--border--width--high-contrast--strong",
|
|
33047
33122
|
"attributes": {
|
|
33048
33123
|
"category": "global",
|
|
33049
33124
|
"type": "border",
|
|
33050
33125
|
"item": "width",
|
|
33051
|
-
"subitem": "
|
|
33052
|
-
"state": "
|
|
33126
|
+
"subitem": "high-contrast",
|
|
33127
|
+
"state": "strong"
|
|
33053
33128
|
},
|
|
33054
33129
|
"path": [
|
|
33055
33130
|
"global",
|
|
33056
33131
|
"border",
|
|
33057
33132
|
"width",
|
|
33058
|
-
"
|
|
33059
|
-
"
|
|
33060
|
-
],
|
|
33061
|
-
"references": [
|
|
33062
|
-
{
|
|
33063
|
-
"type": "number",
|
|
33064
|
-
"value": "2px",
|
|
33065
|
-
"filePath": "tokens/default/base.dimension.json",
|
|
33066
|
-
"isSource": false,
|
|
33067
|
-
"original": {
|
|
33068
|
-
"type": "number",
|
|
33069
|
-
"value": 2
|
|
33070
|
-
},
|
|
33071
|
-
"name": "pf-t--global--border--width--200",
|
|
33072
|
-
"attributes": {
|
|
33073
|
-
"category": "global",
|
|
33074
|
-
"type": "border",
|
|
33075
|
-
"item": "width",
|
|
33076
|
-
"subitem": "200"
|
|
33077
|
-
},
|
|
33078
|
-
"path": [
|
|
33079
|
-
"global",
|
|
33080
|
-
"border",
|
|
33081
|
-
"width",
|
|
33082
|
-
"200"
|
|
33083
|
-
]
|
|
33084
|
-
}
|
|
33133
|
+
"high-contrast",
|
|
33134
|
+
"strong"
|
|
33085
33135
|
]
|
|
33086
33136
|
}
|
|
33087
33137
|
},
|
|
33088
|
-
"pf-t--global--border--width--
|
|
33138
|
+
"pf-t--global--border--width--high-contrast--extra-strong": {
|
|
33089
33139
|
"default": {
|
|
33090
|
-
"description": "Use as the default border width for containers that convey statuses like inline alerts, notification drawer items and hints. This token is typically paired with status border colors.",
|
|
33091
33140
|
"type": "number",
|
|
33092
|
-
"value": "
|
|
33141
|
+
"value": "0px",
|
|
33093
33142
|
"filePath": "tokens/default/semantic.dimension.json",
|
|
33094
33143
|
"isSource": false,
|
|
33095
33144
|
"original": {
|
|
33096
|
-
"description": "Use as the default border width for containers that convey statuses like inline alerts, notification drawer items and hints. This token is typically paired with status border colors.",
|
|
33097
33145
|
"type": "number",
|
|
33098
|
-
"value":
|
|
33146
|
+
"value": 0
|
|
33099
33147
|
},
|
|
33100
|
-
"name": "pf-t--global--border--width--
|
|
33148
|
+
"name": "pf-t--global--border--width--high-contrast--extra-strong",
|
|
33101
33149
|
"attributes": {
|
|
33102
33150
|
"category": "global",
|
|
33103
33151
|
"type": "border",
|
|
33104
33152
|
"item": "width",
|
|
33105
|
-
"subitem": "
|
|
33106
|
-
"state": "
|
|
33153
|
+
"subitem": "high-contrast",
|
|
33154
|
+
"state": "extra-strong"
|
|
33107
33155
|
},
|
|
33108
33156
|
"path": [
|
|
33109
33157
|
"global",
|
|
33110
33158
|
"border",
|
|
33111
33159
|
"width",
|
|
33112
|
-
"
|
|
33113
|
-
"
|
|
33114
|
-
"default"
|
|
33115
|
-
],
|
|
33116
|
-
"references": [
|
|
33117
|
-
{
|
|
33118
|
-
"type": "number",
|
|
33119
|
-
"value": "2px",
|
|
33120
|
-
"filePath": "tokens/default/base.dimension.json",
|
|
33121
|
-
"isSource": false,
|
|
33122
|
-
"original": {
|
|
33123
|
-
"type": "number",
|
|
33124
|
-
"value": 2
|
|
33125
|
-
},
|
|
33126
|
-
"name": "pf-t--global--border--width--200",
|
|
33127
|
-
"attributes": {
|
|
33128
|
-
"category": "global",
|
|
33129
|
-
"type": "border",
|
|
33130
|
-
"item": "width",
|
|
33131
|
-
"subitem": "200"
|
|
33132
|
-
},
|
|
33133
|
-
"path": [
|
|
33134
|
-
"global",
|
|
33135
|
-
"border",
|
|
33136
|
-
"width",
|
|
33137
|
-
"200"
|
|
33138
|
-
]
|
|
33139
|
-
}
|
|
33160
|
+
"high-contrast",
|
|
33161
|
+
"extra-strong"
|
|
33140
33162
|
]
|
|
33141
33163
|
}
|
|
33142
33164
|
},
|
|
33143
|
-
"pf-t--global--border--width--box--
|
|
33165
|
+
"pf-t--global--border--width--box--default": {
|
|
33144
33166
|
"default": {
|
|
33145
|
-
"description": "Use as the border width for containers
|
|
33167
|
+
"description": "Use as the default border width for containers like cards, panels, code editors, etc.",
|
|
33146
33168
|
"type": "number",
|
|
33147
33169
|
"value": "1px",
|
|
33148
33170
|
"filePath": "tokens/default/semantic.dimension.json",
|
|
33149
33171
|
"isSource": false,
|
|
33150
33172
|
"original": {
|
|
33151
|
-
"description": "Use as the border width for containers
|
|
33173
|
+
"description": "Use as the default border width for containers like cards, panels, code editors, etc.",
|
|
33152
33174
|
"type": "number",
|
|
33153
33175
|
"value": "{global.border.width.100}"
|
|
33154
33176
|
},
|
|
33155
|
-
"name": "pf-t--global--border--width--box--
|
|
33177
|
+
"name": "pf-t--global--border--width--box--default",
|
|
33156
33178
|
"attributes": {
|
|
33157
33179
|
"category": "global",
|
|
33158
33180
|
"type": "border",
|
|
33159
33181
|
"item": "width",
|
|
33160
33182
|
"subitem": "box",
|
|
33161
|
-
"state": "
|
|
33183
|
+
"state": "default"
|
|
33162
33184
|
},
|
|
33163
33185
|
"path": [
|
|
33164
33186
|
"global",
|
|
33165
33187
|
"border",
|
|
33166
33188
|
"width",
|
|
33167
33189
|
"box",
|
|
33168
|
-
"
|
|
33169
|
-
"read"
|
|
33190
|
+
"default"
|
|
33170
33191
|
],
|
|
33171
33192
|
"references": [
|
|
33172
33193
|
{
|
|
@@ -33195,84 +33216,221 @@
|
|
|
33195
33216
|
]
|
|
33196
33217
|
}
|
|
33197
33218
|
},
|
|
33198
|
-
"pf-t--global--border--width--
|
|
33219
|
+
"pf-t--global--border--width--box--hover": {
|
|
33199
33220
|
"default": {
|
|
33221
|
+
"description": "Use as the hover border width for containers like cards, panels, code editors, etc.",
|
|
33200
33222
|
"type": "number",
|
|
33201
|
-
"value": "
|
|
33223
|
+
"value": "1px",
|
|
33202
33224
|
"filePath": "tokens/default/semantic.dimension.json",
|
|
33203
33225
|
"isSource": false,
|
|
33204
33226
|
"original": {
|
|
33227
|
+
"description": "Use as the hover border width for containers like cards, panels, code editors, etc.",
|
|
33205
33228
|
"type": "number",
|
|
33206
|
-
"value":
|
|
33229
|
+
"value": "{global.border.width.100}"
|
|
33207
33230
|
},
|
|
33208
|
-
"name": "pf-t--global--border--width--
|
|
33231
|
+
"name": "pf-t--global--border--width--box--hover",
|
|
33209
33232
|
"attributes": {
|
|
33210
33233
|
"category": "global",
|
|
33211
33234
|
"type": "border",
|
|
33212
33235
|
"item": "width",
|
|
33213
|
-
"subitem": "
|
|
33214
|
-
"state": "
|
|
33236
|
+
"subitem": "box",
|
|
33237
|
+
"state": "hover"
|
|
33215
33238
|
},
|
|
33216
33239
|
"path": [
|
|
33217
33240
|
"global",
|
|
33218
33241
|
"border",
|
|
33219
33242
|
"width",
|
|
33220
|
-
"
|
|
33221
|
-
"
|
|
33243
|
+
"box",
|
|
33244
|
+
"hover"
|
|
33245
|
+
],
|
|
33246
|
+
"references": [
|
|
33247
|
+
{
|
|
33248
|
+
"type": "number",
|
|
33249
|
+
"value": "1px",
|
|
33250
|
+
"filePath": "tokens/default/base.dimension.json",
|
|
33251
|
+
"isSource": false,
|
|
33252
|
+
"original": {
|
|
33253
|
+
"type": "number",
|
|
33254
|
+
"value": 1
|
|
33255
|
+
},
|
|
33256
|
+
"name": "pf-t--global--border--width--100",
|
|
33257
|
+
"attributes": {
|
|
33258
|
+
"category": "global",
|
|
33259
|
+
"type": "border",
|
|
33260
|
+
"item": "width",
|
|
33261
|
+
"subitem": "100"
|
|
33262
|
+
},
|
|
33263
|
+
"path": [
|
|
33264
|
+
"global",
|
|
33265
|
+
"border",
|
|
33266
|
+
"width",
|
|
33267
|
+
"100"
|
|
33268
|
+
]
|
|
33269
|
+
}
|
|
33222
33270
|
]
|
|
33223
33271
|
}
|
|
33224
33272
|
},
|
|
33225
|
-
"pf-t--global--border--width--
|
|
33273
|
+
"pf-t--global--border--width--box--clicked": {
|
|
33226
33274
|
"default": {
|
|
33275
|
+
"description": "Use as the clicked border width for containers like cards, panels, code editors, etc.",
|
|
33227
33276
|
"type": "number",
|
|
33228
|
-
"value": "
|
|
33277
|
+
"value": "2px",
|
|
33229
33278
|
"filePath": "tokens/default/semantic.dimension.json",
|
|
33230
33279
|
"isSource": false,
|
|
33231
33280
|
"original": {
|
|
33281
|
+
"description": "Use as the clicked border width for containers like cards, panels, code editors, etc.",
|
|
33232
33282
|
"type": "number",
|
|
33233
|
-
"value":
|
|
33283
|
+
"value": "{global.border.width.200}"
|
|
33234
33284
|
},
|
|
33235
|
-
"name": "pf-t--global--border--width--
|
|
33285
|
+
"name": "pf-t--global--border--width--box--clicked",
|
|
33236
33286
|
"attributes": {
|
|
33237
33287
|
"category": "global",
|
|
33238
33288
|
"type": "border",
|
|
33239
33289
|
"item": "width",
|
|
33240
|
-
"subitem": "
|
|
33241
|
-
"state": "
|
|
33290
|
+
"subitem": "box",
|
|
33291
|
+
"state": "clicked"
|
|
33242
33292
|
},
|
|
33243
33293
|
"path": [
|
|
33244
33294
|
"global",
|
|
33245
33295
|
"border",
|
|
33246
33296
|
"width",
|
|
33247
|
-
"
|
|
33248
|
-
"
|
|
33297
|
+
"box",
|
|
33298
|
+
"clicked"
|
|
33299
|
+
],
|
|
33300
|
+
"references": [
|
|
33301
|
+
{
|
|
33302
|
+
"type": "number",
|
|
33303
|
+
"value": "2px",
|
|
33304
|
+
"filePath": "tokens/default/base.dimension.json",
|
|
33305
|
+
"isSource": false,
|
|
33306
|
+
"original": {
|
|
33307
|
+
"type": "number",
|
|
33308
|
+
"value": 2
|
|
33309
|
+
},
|
|
33310
|
+
"name": "pf-t--global--border--width--200",
|
|
33311
|
+
"attributes": {
|
|
33312
|
+
"category": "global",
|
|
33313
|
+
"type": "border",
|
|
33314
|
+
"item": "width",
|
|
33315
|
+
"subitem": "200"
|
|
33316
|
+
},
|
|
33317
|
+
"path": [
|
|
33318
|
+
"global",
|
|
33319
|
+
"border",
|
|
33320
|
+
"width",
|
|
33321
|
+
"200"
|
|
33322
|
+
]
|
|
33323
|
+
}
|
|
33249
33324
|
]
|
|
33250
33325
|
}
|
|
33251
33326
|
},
|
|
33252
|
-
"pf-t--global--border--width--
|
|
33327
|
+
"pf-t--global--border--width--box--status--default": {
|
|
33253
33328
|
"default": {
|
|
33329
|
+
"description": "Use as the default border width for containers that convey statuses like inline alerts, notification drawer items and hints. This token is typically paired with status border colors.",
|
|
33254
33330
|
"type": "number",
|
|
33255
|
-
"value": "
|
|
33331
|
+
"value": "2px",
|
|
33256
33332
|
"filePath": "tokens/default/semantic.dimension.json",
|
|
33257
33333
|
"isSource": false,
|
|
33258
33334
|
"original": {
|
|
33335
|
+
"description": "Use as the default border width for containers that convey statuses like inline alerts, notification drawer items and hints. This token is typically paired with status border colors.",
|
|
33259
33336
|
"type": "number",
|
|
33260
|
-
"value":
|
|
33337
|
+
"value": "{global.border.width.200}"
|
|
33261
33338
|
},
|
|
33262
|
-
"name": "pf-t--global--border--width--
|
|
33339
|
+
"name": "pf-t--global--border--width--box--status--default",
|
|
33263
33340
|
"attributes": {
|
|
33264
33341
|
"category": "global",
|
|
33265
33342
|
"type": "border",
|
|
33266
33343
|
"item": "width",
|
|
33267
|
-
"subitem": "
|
|
33268
|
-
"state": "
|
|
33344
|
+
"subitem": "box",
|
|
33345
|
+
"state": "status"
|
|
33269
33346
|
},
|
|
33270
33347
|
"path": [
|
|
33271
33348
|
"global",
|
|
33272
33349
|
"border",
|
|
33273
33350
|
"width",
|
|
33274
|
-
"
|
|
33275
|
-
"
|
|
33351
|
+
"box",
|
|
33352
|
+
"status",
|
|
33353
|
+
"default"
|
|
33354
|
+
],
|
|
33355
|
+
"references": [
|
|
33356
|
+
{
|
|
33357
|
+
"type": "number",
|
|
33358
|
+
"value": "2px",
|
|
33359
|
+
"filePath": "tokens/default/base.dimension.json",
|
|
33360
|
+
"isSource": false,
|
|
33361
|
+
"original": {
|
|
33362
|
+
"type": "number",
|
|
33363
|
+
"value": 2
|
|
33364
|
+
},
|
|
33365
|
+
"name": "pf-t--global--border--width--200",
|
|
33366
|
+
"attributes": {
|
|
33367
|
+
"category": "global",
|
|
33368
|
+
"type": "border",
|
|
33369
|
+
"item": "width",
|
|
33370
|
+
"subitem": "200"
|
|
33371
|
+
},
|
|
33372
|
+
"path": [
|
|
33373
|
+
"global",
|
|
33374
|
+
"border",
|
|
33375
|
+
"width",
|
|
33376
|
+
"200"
|
|
33377
|
+
]
|
|
33378
|
+
}
|
|
33379
|
+
]
|
|
33380
|
+
}
|
|
33381
|
+
},
|
|
33382
|
+
"pf-t--global--border--width--box--status--read": {
|
|
33383
|
+
"default": {
|
|
33384
|
+
"description": "Use as the border width for containers that convey a “read” status, like notification drawer items.",
|
|
33385
|
+
"type": "number",
|
|
33386
|
+
"value": "1px",
|
|
33387
|
+
"filePath": "tokens/default/semantic.dimension.json",
|
|
33388
|
+
"isSource": false,
|
|
33389
|
+
"original": {
|
|
33390
|
+
"description": "Use as the border width for containers that convey a “read” status, like notification drawer items.",
|
|
33391
|
+
"type": "number",
|
|
33392
|
+
"value": "{global.border.width.100}"
|
|
33393
|
+
},
|
|
33394
|
+
"name": "pf-t--global--border--width--box--status--read",
|
|
33395
|
+
"attributes": {
|
|
33396
|
+
"category": "global",
|
|
33397
|
+
"type": "border",
|
|
33398
|
+
"item": "width",
|
|
33399
|
+
"subitem": "box",
|
|
33400
|
+
"state": "status"
|
|
33401
|
+
},
|
|
33402
|
+
"path": [
|
|
33403
|
+
"global",
|
|
33404
|
+
"border",
|
|
33405
|
+
"width",
|
|
33406
|
+
"box",
|
|
33407
|
+
"status",
|
|
33408
|
+
"read"
|
|
33409
|
+
],
|
|
33410
|
+
"references": [
|
|
33411
|
+
{
|
|
33412
|
+
"type": "number",
|
|
33413
|
+
"value": "1px",
|
|
33414
|
+
"filePath": "tokens/default/base.dimension.json",
|
|
33415
|
+
"isSource": false,
|
|
33416
|
+
"original": {
|
|
33417
|
+
"type": "number",
|
|
33418
|
+
"value": 1
|
|
33419
|
+
},
|
|
33420
|
+
"name": "pf-t--global--border--width--100",
|
|
33421
|
+
"attributes": {
|
|
33422
|
+
"category": "global",
|
|
33423
|
+
"type": "border",
|
|
33424
|
+
"item": "width",
|
|
33425
|
+
"subitem": "100"
|
|
33426
|
+
},
|
|
33427
|
+
"path": [
|
|
33428
|
+
"global",
|
|
33429
|
+
"border",
|
|
33430
|
+
"width",
|
|
33431
|
+
"100"
|
|
33432
|
+
]
|
|
33433
|
+
}
|
|
33276
33434
|
]
|
|
33277
33435
|
}
|
|
33278
33436
|
},
|
|
@@ -39322,7 +39480,7 @@
|
|
|
39322
39480
|
"pf-t--global--focus-ring--position--offset": {
|
|
39323
39481
|
"default": {
|
|
39324
39482
|
"type": "number",
|
|
39325
|
-
"value":
|
|
39483
|
+
"value": "2px",
|
|
39326
39484
|
"filePath": "tokens/default/semantic.dimension.json",
|
|
39327
39485
|
"isSource": false,
|
|
39328
39486
|
"original": {
|
|
@@ -39347,7 +39505,7 @@
|
|
|
39347
39505
|
"pf-t--global--focus-ring--position--inset": {
|
|
39348
39506
|
"default": {
|
|
39349
39507
|
"type": "number",
|
|
39350
|
-
"value": -
|
|
39508
|
+
"value": "-4px",
|
|
39351
39509
|
"filePath": "tokens/default/semantic.dimension.json",
|
|
39352
39510
|
"isSource": false,
|
|
39353
39511
|
"original": {
|
|
@@ -39372,7 +39530,7 @@
|
|
|
39372
39530
|
"pf-t--global--focus-ring--width--offset": {
|
|
39373
39531
|
"default": {
|
|
39374
39532
|
"type": "number",
|
|
39375
|
-
"value":
|
|
39533
|
+
"value": "2px",
|
|
39376
39534
|
"filePath": "tokens/default/semantic.dimension.json",
|
|
39377
39535
|
"isSource": false,
|
|
39378
39536
|
"original": {
|
|
@@ -39397,7 +39555,7 @@
|
|
|
39397
39555
|
"pf-t--global--focus-ring--width--inset": {
|
|
39398
39556
|
"default": {
|
|
39399
39557
|
"type": "number",
|
|
39400
|
-
"value":
|
|
39558
|
+
"value": "3px",
|
|
39401
39559
|
"filePath": "tokens/default/semantic.dimension.json",
|
|
39402
39560
|
"isSource": false,
|
|
39403
39561
|
"original": {
|
|
@@ -39771,78 +39929,78 @@
|
|
|
39771
39929
|
]
|
|
39772
39930
|
}
|
|
39773
39931
|
},
|
|
39774
|
-
"pf-t--global--motion--duration--
|
|
39932
|
+
"pf-t--global--motion--duration--slide-out--short": {
|
|
39775
39933
|
"default": {
|
|
39776
|
-
"description": "Use a
|
|
39934
|
+
"description": "Use for a shorter duration of a slide-out animation, which moves an element out of the viewport.",
|
|
39777
39935
|
"type": "number",
|
|
39778
|
-
"value": "
|
|
39936
|
+
"value": "300ms",
|
|
39779
39937
|
"filePath": "tokens/default/semantic.motion.json",
|
|
39780
39938
|
"isSource": false,
|
|
39781
39939
|
"original": {
|
|
39782
|
-
"description": "Use a
|
|
39940
|
+
"description": "Use for a shorter duration of a slide-out animation, which moves an element out of the viewport.",
|
|
39783
39941
|
"type": "number",
|
|
39784
|
-
"value": "{global.motion.duration.
|
|
39942
|
+
"value": "{global.motion.duration.lg}"
|
|
39785
39943
|
},
|
|
39786
|
-
"name": "pf-t--global--motion--duration--
|
|
39944
|
+
"name": "pf-t--global--motion--duration--slide-out--short",
|
|
39787
39945
|
"attributes": {
|
|
39788
39946
|
"category": "global",
|
|
39789
39947
|
"type": "motion",
|
|
39790
39948
|
"item": "duration",
|
|
39791
|
-
"subitem": "
|
|
39949
|
+
"subitem": "slide-out",
|
|
39792
39950
|
"state": "short"
|
|
39793
39951
|
},
|
|
39794
39952
|
"path": [
|
|
39795
39953
|
"global",
|
|
39796
39954
|
"motion",
|
|
39797
39955
|
"duration",
|
|
39798
|
-
"
|
|
39956
|
+
"slide-out",
|
|
39799
39957
|
"short"
|
|
39800
39958
|
],
|
|
39801
39959
|
"references": [
|
|
39802
39960
|
{
|
|
39803
|
-
"description": "Use for
|
|
39961
|
+
"description": "Use for long animation duration. Use for larger, more expressive animations.",
|
|
39804
39962
|
"type": "number",
|
|
39805
|
-
"value": "
|
|
39963
|
+
"value": "300ms",
|
|
39806
39964
|
"filePath": "tokens/default/semantic.motion.json",
|
|
39807
39965
|
"isSource": false,
|
|
39808
39966
|
"original": {
|
|
39809
|
-
"description": "Use for
|
|
39967
|
+
"description": "Use for long animation duration. Use for larger, more expressive animations.",
|
|
39810
39968
|
"type": "number",
|
|
39811
|
-
"value": "{global.duration.
|
|
39969
|
+
"value": "{global.duration.300}"
|
|
39812
39970
|
},
|
|
39813
|
-
"name": "pf-t--global--motion--duration--
|
|
39971
|
+
"name": "pf-t--global--motion--duration--lg",
|
|
39814
39972
|
"attributes": {
|
|
39815
39973
|
"category": "global",
|
|
39816
39974
|
"type": "motion",
|
|
39817
39975
|
"item": "duration",
|
|
39818
|
-
"subitem": "
|
|
39976
|
+
"subitem": "lg"
|
|
39819
39977
|
},
|
|
39820
39978
|
"path": [
|
|
39821
39979
|
"global",
|
|
39822
39980
|
"motion",
|
|
39823
39981
|
"duration",
|
|
39824
|
-
"
|
|
39982
|
+
"lg"
|
|
39825
39983
|
],
|
|
39826
39984
|
"references": [
|
|
39827
39985
|
{
|
|
39828
39986
|
"type": "number",
|
|
39829
|
-
"value": "
|
|
39987
|
+
"value": "300ms",
|
|
39830
39988
|
"filePath": "tokens/default/base.motion.json",
|
|
39831
39989
|
"isSource": false,
|
|
39832
39990
|
"original": {
|
|
39833
39991
|
"type": "number",
|
|
39834
|
-
"value":
|
|
39992
|
+
"value": 300
|
|
39835
39993
|
},
|
|
39836
|
-
"name": "pf-t--global--duration--
|
|
39994
|
+
"name": "pf-t--global--duration--300",
|
|
39837
39995
|
"attributes": {
|
|
39838
39996
|
"category": "global",
|
|
39839
39997
|
"type": "duration",
|
|
39840
|
-
"item": "
|
|
39998
|
+
"item": "300"
|
|
39841
39999
|
},
|
|
39842
40000
|
"path": [
|
|
39843
40001
|
"global",
|
|
39844
40002
|
"duration",
|
|
39845
|
-
"
|
|
40003
|
+
"300"
|
|
39846
40004
|
]
|
|
39847
40005
|
}
|
|
39848
40006
|
]
|
|
@@ -39850,78 +40008,78 @@
|
|
|
39850
40008
|
]
|
|
39851
40009
|
}
|
|
39852
40010
|
},
|
|
39853
|
-
"pf-t--global--motion--duration--
|
|
40011
|
+
"pf-t--global--motion--duration--slide-out--default": {
|
|
39854
40012
|
"default": {
|
|
39855
|
-
"description": "Use
|
|
40013
|
+
"description": "Use as the default duration of a slide-out animation, which moves an element out of the viewport.",
|
|
39856
40014
|
"type": "number",
|
|
39857
|
-
"value": "
|
|
40015
|
+
"value": "400ms",
|
|
39858
40016
|
"filePath": "tokens/default/semantic.motion.json",
|
|
39859
40017
|
"isSource": false,
|
|
39860
40018
|
"original": {
|
|
39861
|
-
"description": "Use
|
|
40019
|
+
"description": "Use as the default duration of a slide-out animation, which moves an element out of the viewport.",
|
|
39862
40020
|
"type": "number",
|
|
39863
|
-
"value": "{global.motion.duration.
|
|
40021
|
+
"value": "{global.motion.duration.xl}"
|
|
39864
40022
|
},
|
|
39865
|
-
"name": "pf-t--global--motion--duration--
|
|
40023
|
+
"name": "pf-t--global--motion--duration--slide-out--default",
|
|
39866
40024
|
"attributes": {
|
|
39867
40025
|
"category": "global",
|
|
39868
40026
|
"type": "motion",
|
|
39869
40027
|
"item": "duration",
|
|
39870
|
-
"subitem": "
|
|
40028
|
+
"subitem": "slide-out",
|
|
39871
40029
|
"state": "default"
|
|
39872
40030
|
},
|
|
39873
40031
|
"path": [
|
|
39874
40032
|
"global",
|
|
39875
40033
|
"motion",
|
|
39876
40034
|
"duration",
|
|
39877
|
-
"
|
|
40035
|
+
"slide-out",
|
|
39878
40036
|
"default"
|
|
39879
40037
|
],
|
|
39880
40038
|
"references": [
|
|
39881
40039
|
{
|
|
39882
|
-
"description": "Use for
|
|
40040
|
+
"description": "Use for extra long animation duration.",
|
|
39883
40041
|
"type": "number",
|
|
39884
|
-
"value": "
|
|
40042
|
+
"value": "400ms",
|
|
39885
40043
|
"filePath": "tokens/default/semantic.motion.json",
|
|
39886
40044
|
"isSource": false,
|
|
39887
40045
|
"original": {
|
|
39888
|
-
"description": "Use for
|
|
40046
|
+
"description": "Use for extra long animation duration.",
|
|
39889
40047
|
"type": "number",
|
|
39890
|
-
"value": "{global.duration.
|
|
40048
|
+
"value": "{global.duration.400}"
|
|
39891
40049
|
},
|
|
39892
|
-
"name": "pf-t--global--motion--duration--
|
|
40050
|
+
"name": "pf-t--global--motion--duration--xl",
|
|
39893
40051
|
"attributes": {
|
|
39894
40052
|
"category": "global",
|
|
39895
40053
|
"type": "motion",
|
|
39896
40054
|
"item": "duration",
|
|
39897
|
-
"subitem": "
|
|
40055
|
+
"subitem": "xl"
|
|
39898
40056
|
},
|
|
39899
40057
|
"path": [
|
|
39900
40058
|
"global",
|
|
39901
40059
|
"motion",
|
|
39902
40060
|
"duration",
|
|
39903
|
-
"
|
|
40061
|
+
"xl"
|
|
39904
40062
|
],
|
|
39905
40063
|
"references": [
|
|
39906
40064
|
{
|
|
39907
40065
|
"type": "number",
|
|
39908
|
-
"value": "
|
|
40066
|
+
"value": "400ms",
|
|
39909
40067
|
"filePath": "tokens/default/base.motion.json",
|
|
39910
40068
|
"isSource": false,
|
|
39911
40069
|
"original": {
|
|
39912
40070
|
"type": "number",
|
|
39913
|
-
"value":
|
|
40071
|
+
"value": 400
|
|
39914
40072
|
},
|
|
39915
|
-
"name": "pf-t--global--duration--
|
|
40073
|
+
"name": "pf-t--global--duration--400",
|
|
39916
40074
|
"attributes": {
|
|
39917
40075
|
"category": "global",
|
|
39918
40076
|
"type": "duration",
|
|
39919
|
-
"item": "
|
|
40077
|
+
"item": "400"
|
|
39920
40078
|
},
|
|
39921
40079
|
"path": [
|
|
39922
40080
|
"global",
|
|
39923
40081
|
"duration",
|
|
39924
|
-
"
|
|
40082
|
+
"400"
|
|
39925
40083
|
]
|
|
39926
40084
|
}
|
|
39927
40085
|
]
|
|
@@ -39929,78 +40087,78 @@
|
|
|
39929
40087
|
]
|
|
39930
40088
|
}
|
|
39931
40089
|
},
|
|
39932
|
-
"pf-t--global--motion--duration--
|
|
40090
|
+
"pf-t--global--motion--duration--slide-out--long": {
|
|
39933
40091
|
"default": {
|
|
39934
|
-
"description": "Use a
|
|
40092
|
+
"description": "Use for a longer duration of a slide-out animation, which moves an element out of the viewport.",
|
|
39935
40093
|
"type": "number",
|
|
39936
|
-
"value": "
|
|
40094
|
+
"value": "500ms",
|
|
39937
40095
|
"filePath": "tokens/default/semantic.motion.json",
|
|
39938
40096
|
"isSource": false,
|
|
39939
40097
|
"original": {
|
|
39940
|
-
"description": "Use a
|
|
40098
|
+
"description": "Use for a longer duration of a slide-out animation, which moves an element out of the viewport.",
|
|
39941
40099
|
"type": "number",
|
|
39942
|
-
"value": "{global.motion.duration.
|
|
40100
|
+
"value": "{global.motion.duration.2xl}"
|
|
39943
40101
|
},
|
|
39944
|
-
"name": "pf-t--global--motion--duration--
|
|
40102
|
+
"name": "pf-t--global--motion--duration--slide-out--long",
|
|
39945
40103
|
"attributes": {
|
|
39946
40104
|
"category": "global",
|
|
39947
40105
|
"type": "motion",
|
|
39948
40106
|
"item": "duration",
|
|
39949
|
-
"subitem": "
|
|
40107
|
+
"subitem": "slide-out",
|
|
39950
40108
|
"state": "long"
|
|
39951
40109
|
},
|
|
39952
40110
|
"path": [
|
|
39953
40111
|
"global",
|
|
39954
40112
|
"motion",
|
|
39955
40113
|
"duration",
|
|
39956
|
-
"
|
|
40114
|
+
"slide-out",
|
|
39957
40115
|
"long"
|
|
39958
40116
|
],
|
|
39959
40117
|
"references": [
|
|
39960
40118
|
{
|
|
39961
|
-
"description": "Use for
|
|
40119
|
+
"description": "Use for significantly long animation duration.",
|
|
39962
40120
|
"type": "number",
|
|
39963
|
-
"value": "
|
|
40121
|
+
"value": "500ms",
|
|
39964
40122
|
"filePath": "tokens/default/semantic.motion.json",
|
|
39965
40123
|
"isSource": false,
|
|
39966
40124
|
"original": {
|
|
39967
|
-
"description": "Use for
|
|
40125
|
+
"description": "Use for significantly long animation duration.",
|
|
39968
40126
|
"type": "number",
|
|
39969
|
-
"value": "{global.duration.
|
|
40127
|
+
"value": "{global.duration.500}"
|
|
39970
40128
|
},
|
|
39971
|
-
"name": "pf-t--global--motion--duration--
|
|
40129
|
+
"name": "pf-t--global--motion--duration--2xl",
|
|
39972
40130
|
"attributes": {
|
|
39973
40131
|
"category": "global",
|
|
39974
40132
|
"type": "motion",
|
|
39975
40133
|
"item": "duration",
|
|
39976
|
-
"subitem": "
|
|
40134
|
+
"subitem": "2xl"
|
|
39977
40135
|
},
|
|
39978
40136
|
"path": [
|
|
39979
40137
|
"global",
|
|
39980
40138
|
"motion",
|
|
39981
40139
|
"duration",
|
|
39982
|
-
"
|
|
40140
|
+
"2xl"
|
|
39983
40141
|
],
|
|
39984
40142
|
"references": [
|
|
39985
40143
|
{
|
|
39986
40144
|
"type": "number",
|
|
39987
|
-
"value": "
|
|
40145
|
+
"value": "500ms",
|
|
39988
40146
|
"filePath": "tokens/default/base.motion.json",
|
|
39989
40147
|
"isSource": false,
|
|
39990
40148
|
"original": {
|
|
39991
40149
|
"type": "number",
|
|
39992
|
-
"value":
|
|
40150
|
+
"value": 500
|
|
39993
40151
|
},
|
|
39994
|
-
"name": "pf-t--global--duration--
|
|
40152
|
+
"name": "pf-t--global--duration--500",
|
|
39995
40153
|
"attributes": {
|
|
39996
40154
|
"category": "global",
|
|
39997
40155
|
"type": "duration",
|
|
39998
|
-
"item": "
|
|
40156
|
+
"item": "500"
|
|
39999
40157
|
},
|
|
40000
40158
|
"path": [
|
|
40001
40159
|
"global",
|
|
40002
40160
|
"duration",
|
|
40003
|
-
"
|
|
40161
|
+
"500"
|
|
40004
40162
|
]
|
|
40005
40163
|
}
|
|
40006
40164
|
]
|
|
@@ -40008,78 +40166,78 @@
|
|
|
40008
40166
|
]
|
|
40009
40167
|
}
|
|
40010
40168
|
},
|
|
40011
|
-
"pf-t--global--motion--duration--
|
|
40169
|
+
"pf-t--global--motion--duration--icon--short": {
|
|
40012
40170
|
"default": {
|
|
40013
|
-
"description": "Use
|
|
40171
|
+
"description": "Use a short duration on an icon that requires a fast/snappy transition. Used to define the speed at which an icon may animate. Used on a notification badge(stateful button).",
|
|
40014
40172
|
"type": "number",
|
|
40015
|
-
"value": "
|
|
40173
|
+
"value": "50ms",
|
|
40016
40174
|
"filePath": "tokens/default/semantic.motion.json",
|
|
40017
40175
|
"isSource": false,
|
|
40018
40176
|
"original": {
|
|
40019
|
-
"description": "Use
|
|
40177
|
+
"description": "Use a short duration on an icon that requires a fast/snappy transition. Used to define the speed at which an icon may animate. Used on a notification badge(stateful button).",
|
|
40020
40178
|
"type": "number",
|
|
40021
|
-
"value": "{global.motion.duration.
|
|
40179
|
+
"value": "{global.motion.duration.xs}"
|
|
40022
40180
|
},
|
|
40023
|
-
"name": "pf-t--global--motion--duration--
|
|
40181
|
+
"name": "pf-t--global--motion--duration--icon--short",
|
|
40024
40182
|
"attributes": {
|
|
40025
40183
|
"category": "global",
|
|
40026
40184
|
"type": "motion",
|
|
40027
40185
|
"item": "duration",
|
|
40028
|
-
"subitem": "
|
|
40186
|
+
"subitem": "icon",
|
|
40029
40187
|
"state": "short"
|
|
40030
40188
|
},
|
|
40031
40189
|
"path": [
|
|
40032
40190
|
"global",
|
|
40033
40191
|
"motion",
|
|
40034
40192
|
"duration",
|
|
40035
|
-
"
|
|
40193
|
+
"icon",
|
|
40036
40194
|
"short"
|
|
40037
40195
|
],
|
|
40038
40196
|
"references": [
|
|
40039
40197
|
{
|
|
40040
|
-
"description": "Use for
|
|
40198
|
+
"description": "Use for the quickest possible duration of an animation.",
|
|
40041
40199
|
"type": "number",
|
|
40042
|
-
"value": "
|
|
40200
|
+
"value": "50ms",
|
|
40043
40201
|
"filePath": "tokens/default/semantic.motion.json",
|
|
40044
40202
|
"isSource": false,
|
|
40045
40203
|
"original": {
|
|
40046
|
-
"description": "Use for
|
|
40204
|
+
"description": "Use for the quickest possible duration of an animation.",
|
|
40047
40205
|
"type": "number",
|
|
40048
|
-
"value": "{global.duration.
|
|
40206
|
+
"value": "{global.duration.50}"
|
|
40049
40207
|
},
|
|
40050
|
-
"name": "pf-t--global--motion--duration--
|
|
40208
|
+
"name": "pf-t--global--motion--duration--xs",
|
|
40051
40209
|
"attributes": {
|
|
40052
40210
|
"category": "global",
|
|
40053
40211
|
"type": "motion",
|
|
40054
40212
|
"item": "duration",
|
|
40055
|
-
"subitem": "
|
|
40213
|
+
"subitem": "xs"
|
|
40056
40214
|
},
|
|
40057
40215
|
"path": [
|
|
40058
40216
|
"global",
|
|
40059
40217
|
"motion",
|
|
40060
40218
|
"duration",
|
|
40061
|
-
"
|
|
40219
|
+
"xs"
|
|
40062
40220
|
],
|
|
40063
40221
|
"references": [
|
|
40064
40222
|
{
|
|
40065
40223
|
"type": "number",
|
|
40066
|
-
"value": "
|
|
40224
|
+
"value": "50ms",
|
|
40067
40225
|
"filePath": "tokens/default/base.motion.json",
|
|
40068
40226
|
"isSource": false,
|
|
40069
40227
|
"original": {
|
|
40070
40228
|
"type": "number",
|
|
40071
|
-
"value":
|
|
40229
|
+
"value": 50
|
|
40072
40230
|
},
|
|
40073
|
-
"name": "pf-t--global--duration--
|
|
40231
|
+
"name": "pf-t--global--duration--50",
|
|
40074
40232
|
"attributes": {
|
|
40075
40233
|
"category": "global",
|
|
40076
40234
|
"type": "duration",
|
|
40077
|
-
"item": "
|
|
40235
|
+
"item": "50"
|
|
40078
40236
|
},
|
|
40079
40237
|
"path": [
|
|
40080
40238
|
"global",
|
|
40081
40239
|
"duration",
|
|
40082
|
-
"
|
|
40240
|
+
"50"
|
|
40083
40241
|
]
|
|
40084
40242
|
}
|
|
40085
40243
|
]
|
|
@@ -40087,78 +40245,78 @@
|
|
|
40087
40245
|
]
|
|
40088
40246
|
}
|
|
40089
40247
|
},
|
|
40090
|
-
"pf-t--global--motion--duration--
|
|
40248
|
+
"pf-t--global--motion--duration--icon--default": {
|
|
40091
40249
|
"default": {
|
|
40092
|
-
"description": "Use
|
|
40250
|
+
"description": "Use a default duration on an icon that requires a moderately timed transition. Used to define the speed at which an icon may animate. Used on a favoriting star(icon button).",
|
|
40093
40251
|
"type": "number",
|
|
40094
|
-
"value": "
|
|
40252
|
+
"value": "100ms",
|
|
40095
40253
|
"filePath": "tokens/default/semantic.motion.json",
|
|
40096
40254
|
"isSource": false,
|
|
40097
40255
|
"original": {
|
|
40098
|
-
"description": "Use
|
|
40256
|
+
"description": "Use a default duration on an icon that requires a moderately timed transition. Used to define the speed at which an icon may animate. Used on a favoriting star(icon button).",
|
|
40099
40257
|
"type": "number",
|
|
40100
|
-
"value": "{global.motion.duration.
|
|
40258
|
+
"value": "{global.motion.duration.sm}"
|
|
40101
40259
|
},
|
|
40102
|
-
"name": "pf-t--global--motion--duration--
|
|
40260
|
+
"name": "pf-t--global--motion--duration--icon--default",
|
|
40103
40261
|
"attributes": {
|
|
40104
40262
|
"category": "global",
|
|
40105
40263
|
"type": "motion",
|
|
40106
40264
|
"item": "duration",
|
|
40107
|
-
"subitem": "
|
|
40265
|
+
"subitem": "icon",
|
|
40108
40266
|
"state": "default"
|
|
40109
40267
|
},
|
|
40110
40268
|
"path": [
|
|
40111
40269
|
"global",
|
|
40112
40270
|
"motion",
|
|
40113
40271
|
"duration",
|
|
40114
|
-
"
|
|
40272
|
+
"icon",
|
|
40115
40273
|
"default"
|
|
40116
40274
|
],
|
|
40117
40275
|
"references": [
|
|
40118
40276
|
{
|
|
40119
|
-
"description": "Use for
|
|
40277
|
+
"description": "Use for a short animation duration. Use for simple and/or small animations.",
|
|
40120
40278
|
"type": "number",
|
|
40121
|
-
"value": "
|
|
40279
|
+
"value": "100ms",
|
|
40122
40280
|
"filePath": "tokens/default/semantic.motion.json",
|
|
40123
40281
|
"isSource": false,
|
|
40124
40282
|
"original": {
|
|
40125
|
-
"description": "Use for
|
|
40283
|
+
"description": "Use for a short animation duration. Use for simple and/or small animations.",
|
|
40126
40284
|
"type": "number",
|
|
40127
|
-
"value": "{global.duration.
|
|
40285
|
+
"value": "{global.duration.100}"
|
|
40128
40286
|
},
|
|
40129
|
-
"name": "pf-t--global--motion--duration--
|
|
40287
|
+
"name": "pf-t--global--motion--duration--sm",
|
|
40130
40288
|
"attributes": {
|
|
40131
40289
|
"category": "global",
|
|
40132
40290
|
"type": "motion",
|
|
40133
40291
|
"item": "duration",
|
|
40134
|
-
"subitem": "
|
|
40292
|
+
"subitem": "sm"
|
|
40135
40293
|
},
|
|
40136
40294
|
"path": [
|
|
40137
40295
|
"global",
|
|
40138
40296
|
"motion",
|
|
40139
40297
|
"duration",
|
|
40140
|
-
"
|
|
40298
|
+
"sm"
|
|
40141
40299
|
],
|
|
40142
40300
|
"references": [
|
|
40143
40301
|
{
|
|
40144
40302
|
"type": "number",
|
|
40145
|
-
"value": "
|
|
40303
|
+
"value": "100ms",
|
|
40146
40304
|
"filePath": "tokens/default/base.motion.json",
|
|
40147
40305
|
"isSource": false,
|
|
40148
40306
|
"original": {
|
|
40149
40307
|
"type": "number",
|
|
40150
|
-
"value":
|
|
40308
|
+
"value": 100
|
|
40151
40309
|
},
|
|
40152
|
-
"name": "pf-t--global--duration--
|
|
40310
|
+
"name": "pf-t--global--duration--100",
|
|
40153
40311
|
"attributes": {
|
|
40154
40312
|
"category": "global",
|
|
40155
40313
|
"type": "duration",
|
|
40156
|
-
"item": "
|
|
40314
|
+
"item": "100"
|
|
40157
40315
|
},
|
|
40158
40316
|
"path": [
|
|
40159
40317
|
"global",
|
|
40160
40318
|
"duration",
|
|
40161
|
-
"
|
|
40319
|
+
"100"
|
|
40162
40320
|
]
|
|
40163
40321
|
}
|
|
40164
40322
|
]
|
|
@@ -40166,78 +40324,78 @@
|
|
|
40166
40324
|
]
|
|
40167
40325
|
}
|
|
40168
40326
|
},
|
|
40169
|
-
"pf-t--global--motion--duration--
|
|
40327
|
+
"pf-t--global--motion--duration--icon--long": {
|
|
40170
40328
|
"default": {
|
|
40171
|
-
"description": "Use
|
|
40329
|
+
"description": "Use a long duration on an icon that requires a slow transition. Used to define the speed at which an icon may animate. Used on the settings cog icon(plain menu toggle).",
|
|
40172
40330
|
"type": "number",
|
|
40173
|
-
"value": "
|
|
40331
|
+
"value": "200ms",
|
|
40174
40332
|
"filePath": "tokens/default/semantic.motion.json",
|
|
40175
40333
|
"isSource": false,
|
|
40176
40334
|
"original": {
|
|
40177
|
-
"description": "Use
|
|
40335
|
+
"description": "Use a long duration on an icon that requires a slow transition. Used to define the speed at which an icon may animate. Used on the settings cog icon(plain menu toggle).",
|
|
40178
40336
|
"type": "number",
|
|
40179
|
-
"value": "{global.motion.duration.
|
|
40337
|
+
"value": "{global.motion.duration.md}"
|
|
40180
40338
|
},
|
|
40181
|
-
"name": "pf-t--global--motion--duration--
|
|
40339
|
+
"name": "pf-t--global--motion--duration--icon--long",
|
|
40182
40340
|
"attributes": {
|
|
40183
40341
|
"category": "global",
|
|
40184
40342
|
"type": "motion",
|
|
40185
40343
|
"item": "duration",
|
|
40186
|
-
"subitem": "
|
|
40344
|
+
"subitem": "icon",
|
|
40187
40345
|
"state": "long"
|
|
40188
40346
|
},
|
|
40189
40347
|
"path": [
|
|
40190
40348
|
"global",
|
|
40191
40349
|
"motion",
|
|
40192
40350
|
"duration",
|
|
40193
|
-
"
|
|
40351
|
+
"icon",
|
|
40194
40352
|
"long"
|
|
40195
40353
|
],
|
|
40196
40354
|
"references": [
|
|
40197
40355
|
{
|
|
40198
|
-
"description": "Use for
|
|
40356
|
+
"description": "Use for a medium animation duration.",
|
|
40199
40357
|
"type": "number",
|
|
40200
|
-
"value": "
|
|
40358
|
+
"value": "200ms",
|
|
40201
40359
|
"filePath": "tokens/default/semantic.motion.json",
|
|
40202
40360
|
"isSource": false,
|
|
40203
40361
|
"original": {
|
|
40204
|
-
"description": "Use for
|
|
40362
|
+
"description": "Use for a medium animation duration.",
|
|
40205
40363
|
"type": "number",
|
|
40206
|
-
"value": "{global.duration.
|
|
40364
|
+
"value": "{global.duration.200}"
|
|
40207
40365
|
},
|
|
40208
|
-
"name": "pf-t--global--motion--duration--
|
|
40366
|
+
"name": "pf-t--global--motion--duration--md",
|
|
40209
40367
|
"attributes": {
|
|
40210
40368
|
"category": "global",
|
|
40211
40369
|
"type": "motion",
|
|
40212
40370
|
"item": "duration",
|
|
40213
|
-
"subitem": "
|
|
40371
|
+
"subitem": "md"
|
|
40214
40372
|
},
|
|
40215
40373
|
"path": [
|
|
40216
40374
|
"global",
|
|
40217
40375
|
"motion",
|
|
40218
40376
|
"duration",
|
|
40219
|
-
"
|
|
40377
|
+
"md"
|
|
40220
40378
|
],
|
|
40221
40379
|
"references": [
|
|
40222
40380
|
{
|
|
40223
40381
|
"type": "number",
|
|
40224
|
-
"value": "
|
|
40382
|
+
"value": "200ms",
|
|
40225
40383
|
"filePath": "tokens/default/base.motion.json",
|
|
40226
40384
|
"isSource": false,
|
|
40227
40385
|
"original": {
|
|
40228
40386
|
"type": "number",
|
|
40229
|
-
"value":
|
|
40387
|
+
"value": 200
|
|
40230
40388
|
},
|
|
40231
|
-
"name": "pf-t--global--duration--
|
|
40389
|
+
"name": "pf-t--global--duration--200",
|
|
40232
40390
|
"attributes": {
|
|
40233
40391
|
"category": "global",
|
|
40234
40392
|
"type": "duration",
|
|
40235
|
-
"item": "
|
|
40393
|
+
"item": "200"
|
|
40236
40394
|
},
|
|
40237
40395
|
"path": [
|
|
40238
40396
|
"global",
|
|
40239
40397
|
"duration",
|
|
40240
|
-
"
|
|
40398
|
+
"200"
|
|
40241
40399
|
]
|
|
40242
40400
|
}
|
|
40243
40401
|
]
|
|
@@ -57964,6 +58122,29 @@
|
|
|
57964
58122
|
]
|
|
57965
58123
|
}
|
|
57966
58124
|
},
|
|
58125
|
+
"pf-t--chart--global--letter-spacing": {
|
|
58126
|
+
"dark": {
|
|
58127
|
+
"type": "string",
|
|
58128
|
+
"value": "normal",
|
|
58129
|
+
"filePath": "tokens/dark/charts.dark.json",
|
|
58130
|
+
"isSource": true,
|
|
58131
|
+
"original": {
|
|
58132
|
+
"type": "string",
|
|
58133
|
+
"value": "normal"
|
|
58134
|
+
},
|
|
58135
|
+
"name": "pf-t--chart--global--letter-spacing",
|
|
58136
|
+
"attributes": {
|
|
58137
|
+
"category": "chart",
|
|
58138
|
+
"type": "global",
|
|
58139
|
+
"item": "letter-spacing"
|
|
58140
|
+
},
|
|
58141
|
+
"path": [
|
|
58142
|
+
"chart",
|
|
58143
|
+
"global",
|
|
58144
|
+
"letter-spacing"
|
|
58145
|
+
]
|
|
58146
|
+
}
|
|
58147
|
+
},
|
|
57967
58148
|
"pf-t--chart--global--FontSize--xs": {
|
|
57968
58149
|
"dark": {
|
|
57969
58150
|
"type": "number",
|
|
@@ -58064,29 +58245,6 @@
|
|
|
58064
58245
|
]
|
|
58065
58246
|
}
|
|
58066
58247
|
},
|
|
58067
|
-
"pf-t--chart--global--letter-spacing": {
|
|
58068
|
-
"dark": {
|
|
58069
|
-
"type": "string",
|
|
58070
|
-
"value": "normal",
|
|
58071
|
-
"filePath": "tokens/dark/charts.dark.json",
|
|
58072
|
-
"isSource": true,
|
|
58073
|
-
"original": {
|
|
58074
|
-
"type": "string",
|
|
58075
|
-
"value": "normal"
|
|
58076
|
-
},
|
|
58077
|
-
"name": "pf-t--chart--global--letter-spacing",
|
|
58078
|
-
"attributes": {
|
|
58079
|
-
"category": "chart",
|
|
58080
|
-
"type": "global",
|
|
58081
|
-
"item": "letter-spacing"
|
|
58082
|
-
},
|
|
58083
|
-
"path": [
|
|
58084
|
-
"chart",
|
|
58085
|
-
"global",
|
|
58086
|
-
"letter-spacing"
|
|
58087
|
-
]
|
|
58088
|
-
}
|
|
58089
|
-
},
|
|
58090
58248
|
"pf-t--chart--global--layout--padding": {
|
|
58091
58249
|
"dark": {
|
|
58092
58250
|
"type": "number",
|