@wordpress/theme 0.10.0 → 0.11.0
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/CHANGELOG.md +15 -1
- package/README.md +51 -22
- package/build/color-ramps/lib/constants.cjs +1 -1
- package/build/color-ramps/lib/constants.cjs.map +1 -1
- package/build/color-ramps/lib/default-ramps.cjs +50 -50
- package/build/color-ramps/lib/default-ramps.cjs.map +1 -1
- package/build/postcss-plugins/add-fallback-to-var.cjs +3 -1
- package/build/postcss-plugins/add-fallback-to-var.cjs.map +2 -2
- package/build/postcss-plugins/ds-token-fallbacks.cjs +3 -1
- package/build/postcss-plugins/ds-token-fallbacks.cjs.map +2 -2
- package/build/prebuilt/js/design-token-fallbacks.cjs +50 -50
- package/build/prebuilt/js/design-token-fallbacks.cjs.map +2 -2
- package/build/prebuilt/js/design-tokens.cjs +17 -17
- package/build/prebuilt/js/design-tokens.cjs.map +1 -1
- package/build/stylelint-plugins/no-unknown-ds-tokens.cjs.map +1 -1
- package/build/use-theme-provider-styles.cjs +7 -7
- package/build/use-theme-provider-styles.cjs.map +1 -1
- package/build-module/color-ramps/lib/constants.mjs +1 -1
- package/build-module/color-ramps/lib/constants.mjs.map +1 -1
- package/build-module/color-ramps/lib/default-ramps.mjs +50 -50
- package/build-module/color-ramps/lib/default-ramps.mjs.map +1 -1
- package/build-module/postcss-plugins/add-fallback-to-var.mjs +3 -1
- package/build-module/postcss-plugins/add-fallback-to-var.mjs.map +2 -2
- package/build-module/postcss-plugins/ds-token-fallbacks.mjs +3 -1
- package/build-module/postcss-plugins/ds-token-fallbacks.mjs.map +2 -2
- package/build-module/prebuilt/js/design-token-fallbacks.mjs +50 -50
- package/build-module/prebuilt/js/design-token-fallbacks.mjs.map +2 -2
- package/build-module/prebuilt/js/design-tokens.mjs +17 -17
- package/build-module/prebuilt/js/design-tokens.mjs.map +1 -1
- package/build-module/stylelint-plugins/no-unknown-ds-tokens.mjs.map +1 -1
- package/build-module/use-theme-provider-styles.mjs +7 -7
- package/build-module/use-theme-provider-styles.mjs.map +1 -1
- package/build-types/color-ramps/test/index.test.d.ts +5 -0
- package/build-types/color-ramps/test/index.test.d.ts.map +1 -0
- package/build-types/postcss-plugins/add-fallback-to-var.d.ts.map +1 -1
- package/build-types/postcss-plugins/ds-token-fallbacks.d.mts.map +1 -1
- package/build-types/postcss-plugins/test/add-fallback-to-var.test.d.ts +2 -0
- package/build-types/postcss-plugins/test/add-fallback-to-var.test.d.ts.map +1 -0
- package/build-types/postcss-plugins/test/ds-token-fallbacks.test.d.ts +2 -0
- package/build-types/postcss-plugins/test/ds-token-fallbacks.test.d.ts.map +1 -0
- package/build-types/prebuilt/js/design-token-fallbacks.d.mts +17 -17
- package/build-types/stylelint-plugins/test/no-setting-wpds-custom-properties.test.d.ts +2 -0
- package/build-types/stylelint-plugins/test/no-setting-wpds-custom-properties.test.d.ts.map +1 -0
- package/build-types/stylelint-plugins/test/no-token-fallback-values.test.d.ts +2 -0
- package/build-types/stylelint-plugins/test/no-token-fallback-values.test.d.ts.map +1 -0
- package/build-types/stylelint-plugins/test/no-unknown-ds-tokens.test.d.ts +2 -0
- package/build-types/stylelint-plugins/test/no-unknown-ds-tokens.test.d.ts.map +1 -0
- package/build-types/stylelint-plugins/test/utils/index.d.ts +8 -0
- package/build-types/stylelint-plugins/test/utils/index.d.ts.map +1 -0
- package/package.json +4 -4
- package/src/color-ramps/lib/constants.ts +1 -1
- package/src/color-ramps/lib/default-ramps.ts +50 -50
- package/src/color-ramps/test/__snapshots__/index.test.ts.snap +21 -21
- package/src/postcss-plugins/add-fallback-to-var.ts +5 -1
- package/src/postcss-plugins/ds-token-fallbacks.mjs +5 -1
- package/src/postcss-plugins/test/add-fallback-to-var.test.ts +10 -9
- package/src/postcss-plugins/test/ds-token-fallbacks.test.ts +39 -0
- package/src/prebuilt/css/design-tokens.css +55 -53
- package/src/prebuilt/js/design-token-fallbacks.mjs +51 -50
- package/src/prebuilt/js/design-tokens.mjs +17 -17
- package/src/stylelint-plugins/no-unknown-ds-tokens.mjs +3 -3
|
@@ -2,28 +2,28 @@
|
|
|
2
2
|
var DEFAULT_RAMPS = {
|
|
3
3
|
bg: {
|
|
4
4
|
ramp: {
|
|
5
|
-
surface2: "#
|
|
5
|
+
surface2: "#fcfcfc",
|
|
6
6
|
bgFill1: "#555",
|
|
7
7
|
fgFill: "#f0f0f0",
|
|
8
8
|
bgFill2: "#484848",
|
|
9
|
-
surface6: "#
|
|
10
|
-
surface5: "#
|
|
11
|
-
surface4: "#
|
|
9
|
+
surface6: "#d6d6d6",
|
|
10
|
+
surface5: "#e6e6e6",
|
|
11
|
+
surface4: "#ededed",
|
|
12
12
|
surface3: "#fff",
|
|
13
13
|
fgSurface4: "#1e1e1e",
|
|
14
|
-
fgSurface3: "#
|
|
15
|
-
fgSurface2: "#
|
|
16
|
-
fgSurface1: "#
|
|
17
|
-
stroke3: "#
|
|
18
|
-
stroke4: "#
|
|
19
|
-
stroke2: "#
|
|
20
|
-
stroke1: "#
|
|
14
|
+
fgSurface3: "#707070",
|
|
15
|
+
fgSurface2: "#8d8d8d",
|
|
16
|
+
fgSurface1: "#aeaeae",
|
|
17
|
+
stroke3: "#8d8d8d",
|
|
18
|
+
stroke4: "#6e6e6e",
|
|
19
|
+
stroke2: "#dbdbdb",
|
|
20
|
+
stroke1: "#e4e4e4",
|
|
21
21
|
bgFillDark: "#1e1e1e",
|
|
22
22
|
fgFillDark: "#f0f0f0",
|
|
23
23
|
bgFillInverted2: "#1e1e1e",
|
|
24
24
|
bgFillInverted1: "#2d2d2d",
|
|
25
25
|
fgFillInverted: "#f0f0f0",
|
|
26
|
-
surface1: "#
|
|
26
|
+
surface1: "#f4f4f4"
|
|
27
27
|
},
|
|
28
28
|
direction: "darker"
|
|
29
29
|
},
|
|
@@ -32,15 +32,15 @@ var DEFAULT_RAMPS = {
|
|
|
32
32
|
bgFill1: "#3858e9",
|
|
33
33
|
fgFill: "#eff0f2",
|
|
34
34
|
bgFill2: "#2e49d9",
|
|
35
|
-
surface2: "#
|
|
36
|
-
surface6: "#
|
|
37
|
-
surface5: "#
|
|
35
|
+
surface2: "#f6f8fe",
|
|
36
|
+
surface6: "#c7d2ee",
|
|
37
|
+
surface5: "#dce3f4",
|
|
38
38
|
surface4: "#e6eaf4",
|
|
39
39
|
surface3: "#fff",
|
|
40
40
|
fgSurface4: "#0b0070",
|
|
41
41
|
fgSurface3: "#3858e9",
|
|
42
|
-
fgSurface2: "#
|
|
43
|
-
fgSurface1: "#
|
|
42
|
+
fgSurface2: "#5a82ff",
|
|
43
|
+
fgSurface1: "#86a9ff",
|
|
44
44
|
stroke3: "#3858e9",
|
|
45
45
|
stroke4: "#2337c8",
|
|
46
46
|
stroke2: "#9caacc",
|
|
@@ -50,7 +50,7 @@ var DEFAULT_RAMPS = {
|
|
|
50
50
|
bgFillInverted2: "#1a1e27",
|
|
51
51
|
bgFillInverted1: "#13009f",
|
|
52
52
|
fgFillInverted: "#eff0f2",
|
|
53
|
-
surface1: "#
|
|
53
|
+
surface1: "#ecf0fa"
|
|
54
54
|
},
|
|
55
55
|
direction: "darker"
|
|
56
56
|
},
|
|
@@ -59,15 +59,15 @@ var DEFAULT_RAMPS = {
|
|
|
59
59
|
bgFill1: "#0090ff",
|
|
60
60
|
fgFill: "#1a1f24",
|
|
61
61
|
bgFill2: "#007fed",
|
|
62
|
-
surface2: "#
|
|
62
|
+
surface2: "#f3f9ff",
|
|
63
63
|
surface6: "#bcd5f2",
|
|
64
|
-
surface5: "#
|
|
64
|
+
surface5: "#d4e4f7",
|
|
65
65
|
surface4: "#deebfa",
|
|
66
66
|
surface3: "#fff",
|
|
67
67
|
fgSurface4: "#001b4f",
|
|
68
68
|
fgSurface3: "#006bd7",
|
|
69
69
|
fgSurface2: "#008bfa",
|
|
70
|
-
fgSurface1: "#
|
|
70
|
+
fgSurface1: "#59b0ff",
|
|
71
71
|
stroke3: "#006bd7",
|
|
72
72
|
stroke4: "#004fa9",
|
|
73
73
|
stroke2: "#95b5d9",
|
|
@@ -77,7 +77,7 @@ var DEFAULT_RAMPS = {
|
|
|
77
77
|
bgFillInverted2: "#1a1f24",
|
|
78
78
|
bgFillInverted1: "#002a69",
|
|
79
79
|
fgFillInverted: "#eef0f3",
|
|
80
|
-
surface1: "#
|
|
80
|
+
surface1: "#e5f1ff"
|
|
81
81
|
},
|
|
82
82
|
direction: "darker"
|
|
83
83
|
},
|
|
@@ -86,25 +86,25 @@ var DEFAULT_RAMPS = {
|
|
|
86
86
|
bgFill1: "#4ab866",
|
|
87
87
|
fgFill: "#1b1f1c",
|
|
88
88
|
bgFill2: "#37a756",
|
|
89
|
-
surface2: "#
|
|
89
|
+
surface2: "#ebffed",
|
|
90
90
|
surface6: "#88e89b",
|
|
91
|
-
surface5: "#
|
|
92
|
-
surface4: "#
|
|
91
|
+
surface5: "#b0f3bb",
|
|
92
|
+
surface4: "#c6f7cd",
|
|
93
93
|
surface3: "#fff",
|
|
94
94
|
fgSurface4: "#002900",
|
|
95
|
-
fgSurface3: "#
|
|
96
|
-
fgSurface2: "#
|
|
97
|
-
fgSurface1: "#
|
|
98
|
-
stroke3: "#
|
|
99
|
-
stroke4: "#
|
|
100
|
-
stroke2: "#
|
|
95
|
+
fgSurface3: "#008030",
|
|
96
|
+
fgSurface2: "#2b9f4e",
|
|
97
|
+
fgSurface1: "#54c16e",
|
|
98
|
+
stroke3: "#008030",
|
|
99
|
+
stroke4: "#006113",
|
|
100
|
+
stroke2: "#84c08f",
|
|
101
101
|
stroke1: "#8ac894",
|
|
102
102
|
bgFillDark: "#1b1f1c",
|
|
103
103
|
fgFillDark: "#eaf3eb",
|
|
104
104
|
bgFillInverted2: "#1b1f1c",
|
|
105
105
|
bgFillInverted1: "#003701",
|
|
106
106
|
fgFillInverted: "#eaf3eb",
|
|
107
|
-
surface1: "#
|
|
107
|
+
surface1: "#ccfdd3"
|
|
108
108
|
},
|
|
109
109
|
direction: "darker"
|
|
110
110
|
},
|
|
@@ -113,17 +113,17 @@ var DEFAULT_RAMPS = {
|
|
|
113
113
|
bgFill1: "#f0d149",
|
|
114
114
|
fgFill: "#1f1e1b",
|
|
115
115
|
bgFill2: "#dcbe2f",
|
|
116
|
-
surface2: "#
|
|
117
|
-
surface6: "#
|
|
118
|
-
surface5: "#
|
|
119
|
-
surface4: "#
|
|
116
|
+
surface2: "#fff9ca",
|
|
117
|
+
surface6: "#e9d170",
|
|
118
|
+
surface5: "#f7e28a",
|
|
119
|
+
surface4: "#fee995",
|
|
120
120
|
surface3: "#fff",
|
|
121
121
|
fgSurface4: "#281d00",
|
|
122
122
|
fgSurface3: "#826a00",
|
|
123
|
-
fgSurface2: "#
|
|
123
|
+
fgSurface2: "#a48700",
|
|
124
124
|
fgSurface1: "#c6a800",
|
|
125
125
|
stroke3: "#826a00",
|
|
126
|
-
stroke4: "#
|
|
126
|
+
stroke4: "#634f00",
|
|
127
127
|
stroke2: "#bdb17e",
|
|
128
128
|
stroke1: "#c5b883",
|
|
129
129
|
bgFillDark: "#1f1e1b",
|
|
@@ -131,7 +131,7 @@ var DEFAULT_RAMPS = {
|
|
|
131
131
|
bgFillInverted2: "#1f1e1b",
|
|
132
132
|
bgFillInverted1: "#392c00",
|
|
133
133
|
fgFillInverted: "#fdf1bf",
|
|
134
|
-
surface1: "#
|
|
134
|
+
surface1: "#fff09c"
|
|
135
135
|
},
|
|
136
136
|
direction: "darker"
|
|
137
137
|
},
|
|
@@ -140,25 +140,25 @@ var DEFAULT_RAMPS = {
|
|
|
140
140
|
bgFill1: "#f0b849",
|
|
141
141
|
fgFill: "#1f1e1b",
|
|
142
142
|
bgFill2: "#dda633",
|
|
143
|
-
surface2: "#
|
|
144
|
-
surface6: "#
|
|
145
|
-
surface5: "#
|
|
146
|
-
surface4: "#
|
|
143
|
+
surface2: "#fff7e1",
|
|
144
|
+
surface6: "#f4cc85",
|
|
145
|
+
surface5: "#fadead",
|
|
146
|
+
surface4: "#fde6be",
|
|
147
147
|
surface3: "#fff",
|
|
148
148
|
fgSurface4: "#2e1900",
|
|
149
149
|
fgSurface3: "#926300",
|
|
150
|
-
fgSurface2: "#
|
|
151
|
-
fgSurface1: "#
|
|
150
|
+
fgSurface2: "#b57f00",
|
|
151
|
+
fgSurface1: "#d7a02b",
|
|
152
152
|
stroke3: "#926300",
|
|
153
153
|
stroke4: "#6f4900",
|
|
154
154
|
stroke2: "#c7ad7e",
|
|
155
|
-
stroke1: "#
|
|
155
|
+
stroke1: "#d0b481",
|
|
156
156
|
bgFillDark: "#1f1e1b",
|
|
157
157
|
fgFillDark: "#f7efe2",
|
|
158
158
|
bgFillInverted2: "#1f1e1b",
|
|
159
159
|
bgFillInverted1: "#422800",
|
|
160
160
|
fgFillInverted: "#f7efe2",
|
|
161
|
-
surface1: "#
|
|
161
|
+
surface1: "#ffedc5"
|
|
162
162
|
},
|
|
163
163
|
direction: "darker"
|
|
164
164
|
},
|
|
@@ -167,9 +167,9 @@ var DEFAULT_RAMPS = {
|
|
|
167
167
|
bgFill1: "#cc1818",
|
|
168
168
|
fgFill: "#f2efef",
|
|
169
169
|
bgFill2: "#b90000",
|
|
170
|
-
surface2: "#
|
|
171
|
-
surface6: "#
|
|
172
|
-
surface5: "#
|
|
170
|
+
surface2: "#fff6f5",
|
|
171
|
+
surface6: "#f3c9c2",
|
|
172
|
+
surface5: "#f7dbd7",
|
|
173
173
|
surface4: "#f6e6e3",
|
|
174
174
|
surface3: "#fff",
|
|
175
175
|
fgSurface4: "#470000",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/color-ramps/lib/default-ramps.ts"],
|
|
4
|
-
"sourcesContent": ["/**\n * Internal dependencies\n */\nimport type { RampResult } from './types';\nimport type { DEFAULT_SEED_COLORS } from './constants';\n\nexport const DEFAULT_RAMPS: Record<\n\tkeyof typeof DEFAULT_SEED_COLORS,\n\tRampResult\n> = {\n\tbg: {\n\t\tramp: {\n\t\t\tsurface2: '#
|
|
4
|
+
"sourcesContent": ["/**\n * Internal dependencies\n */\nimport type { RampResult } from './types';\nimport type { DEFAULT_SEED_COLORS } from './constants';\n\nexport const DEFAULT_RAMPS: Record<\n\tkeyof typeof DEFAULT_SEED_COLORS,\n\tRampResult\n> = {\n\tbg: {\n\t\tramp: {\n\t\t\tsurface2: '#fcfcfc',\n\t\t\tbgFill1: '#555',\n\t\t\tfgFill: '#f0f0f0',\n\t\t\tbgFill2: '#484848',\n\t\t\tsurface6: '#d6d6d6',\n\t\t\tsurface5: '#e6e6e6',\n\t\t\tsurface4: '#ededed',\n\t\t\tsurface3: '#fff',\n\t\t\tfgSurface4: '#1e1e1e',\n\t\t\tfgSurface3: '#707070',\n\t\t\tfgSurface2: '#8d8d8d',\n\t\t\tfgSurface1: '#aeaeae',\n\t\t\tstroke3: '#8d8d8d',\n\t\t\tstroke4: '#6e6e6e',\n\t\t\tstroke2: '#dbdbdb',\n\t\t\tstroke1: '#e4e4e4',\n\t\t\tbgFillDark: '#1e1e1e',\n\t\t\tfgFillDark: '#f0f0f0',\n\t\t\tbgFillInverted2: '#1e1e1e',\n\t\t\tbgFillInverted1: '#2d2d2d',\n\t\t\tfgFillInverted: '#f0f0f0',\n\t\t\tsurface1: '#f4f4f4',\n\t\t},\n\t\tdirection: 'darker',\n\t},\n\tprimary: {\n\t\tramp: {\n\t\t\tbgFill1: '#3858e9',\n\t\t\tfgFill: '#eff0f2',\n\t\t\tbgFill2: '#2e49d9',\n\t\t\tsurface2: '#f6f8fe',\n\t\t\tsurface6: '#c7d2ee',\n\t\t\tsurface5: '#dce3f4',\n\t\t\tsurface4: '#e6eaf4',\n\t\t\tsurface3: '#fff',\n\t\t\tfgSurface4: '#0b0070',\n\t\t\tfgSurface3: '#3858e9',\n\t\t\tfgSurface2: '#5a82ff',\n\t\t\tfgSurface1: '#86a9ff',\n\t\t\tstroke3: '#3858e9',\n\t\t\tstroke4: '#2337c8',\n\t\t\tstroke2: '#9caacc',\n\t\t\tstroke1: '#a3b1d4',\n\t\t\tbgFillDark: '#1a1e27',\n\t\t\tfgFillDark: '#eff0f2',\n\t\t\tbgFillInverted2: '#1a1e27',\n\t\t\tbgFillInverted1: '#13009f',\n\t\t\tfgFillInverted: '#eff0f2',\n\t\t\tsurface1: '#ecf0fa',\n\t\t},\n\t\tdirection: 'darker',\n\t},\n\tinfo: {\n\t\tramp: {\n\t\t\tbgFill1: '#0090ff',\n\t\t\tfgFill: '#1a1f24',\n\t\t\tbgFill2: '#007fed',\n\t\t\tsurface2: '#f3f9ff',\n\t\t\tsurface6: '#bcd5f2',\n\t\t\tsurface5: '#d4e4f7',\n\t\t\tsurface4: '#deebfa',\n\t\t\tsurface3: '#fff',\n\t\t\tfgSurface4: '#001b4f',\n\t\t\tfgSurface3: '#006bd7',\n\t\t\tfgSurface2: '#008bfa',\n\t\t\tfgSurface1: '#59b0ff',\n\t\t\tstroke3: '#006bd7',\n\t\t\tstroke4: '#004fa9',\n\t\t\tstroke2: '#95b5d9',\n\t\t\tstroke1: '#9fbcdc',\n\t\t\tbgFillDark: '#1a1f24',\n\t\t\tfgFillDark: '#eef0f3',\n\t\t\tbgFillInverted2: '#1a1f24',\n\t\t\tbgFillInverted1: '#002a69',\n\t\t\tfgFillInverted: '#eef0f3',\n\t\t\tsurface1: '#e5f1ff',\n\t\t},\n\t\tdirection: 'darker',\n\t},\n\tsuccess: {\n\t\tramp: {\n\t\t\tbgFill1: '#4ab866',\n\t\t\tfgFill: '#1b1f1c',\n\t\t\tbgFill2: '#37a756',\n\t\t\tsurface2: '#ebffed',\n\t\t\tsurface6: '#88e89b',\n\t\t\tsurface5: '#b0f3bb',\n\t\t\tsurface4: '#c6f7cd',\n\t\t\tsurface3: '#fff',\n\t\t\tfgSurface4: '#002900',\n\t\t\tfgSurface3: '#008030',\n\t\t\tfgSurface2: '#2b9f4e',\n\t\t\tfgSurface1: '#54c16e',\n\t\t\tstroke3: '#008030',\n\t\t\tstroke4: '#006113',\n\t\t\tstroke2: '#84c08f',\n\t\t\tstroke1: '#8ac894',\n\t\t\tbgFillDark: '#1b1f1c',\n\t\t\tfgFillDark: '#eaf3eb',\n\t\t\tbgFillInverted2: '#1b1f1c',\n\t\t\tbgFillInverted1: '#003701',\n\t\t\tfgFillInverted: '#eaf3eb',\n\t\t\tsurface1: '#ccfdd3',\n\t\t},\n\t\tdirection: 'darker',\n\t},\n\tcaution: {\n\t\tramp: {\n\t\t\tbgFill1: '#f0d149',\n\t\t\tfgFill: '#1f1e1b',\n\t\t\tbgFill2: '#dcbe2f',\n\t\t\tsurface2: '#fff9ca',\n\t\t\tsurface6: '#e9d170',\n\t\t\tsurface5: '#f7e28a',\n\t\t\tsurface4: '#fee995',\n\t\t\tsurface3: '#fff',\n\t\t\tfgSurface4: '#281d00',\n\t\t\tfgSurface3: '#826a00',\n\t\t\tfgSurface2: '#a48700',\n\t\t\tfgSurface1: '#c6a800',\n\t\t\tstroke3: '#826a00',\n\t\t\tstroke4: '#634f00',\n\t\t\tstroke2: '#bdb17e',\n\t\t\tstroke1: '#c5b883',\n\t\t\tbgFillDark: '#1f1e1b',\n\t\t\tfgFillDark: '#fdf1bf',\n\t\t\tbgFillInverted2: '#1f1e1b',\n\t\t\tbgFillInverted1: '#392c00',\n\t\t\tfgFillInverted: '#fdf1bf',\n\t\t\tsurface1: '#fff09c',\n\t\t},\n\t\tdirection: 'darker',\n\t},\n\twarning: {\n\t\tramp: {\n\t\t\tbgFill1: '#f0b849',\n\t\t\tfgFill: '#1f1e1b',\n\t\t\tbgFill2: '#dda633',\n\t\t\tsurface2: '#fff7e1',\n\t\t\tsurface6: '#f4cc85',\n\t\t\tsurface5: '#fadead',\n\t\t\tsurface4: '#fde6be',\n\t\t\tsurface3: '#fff',\n\t\t\tfgSurface4: '#2e1900',\n\t\t\tfgSurface3: '#926300',\n\t\t\tfgSurface2: '#b57f00',\n\t\t\tfgSurface1: '#d7a02b',\n\t\t\tstroke3: '#926300',\n\t\t\tstroke4: '#6f4900',\n\t\t\tstroke2: '#c7ad7e',\n\t\t\tstroke1: '#d0b481',\n\t\t\tbgFillDark: '#1f1e1b',\n\t\t\tfgFillDark: '#f7efe2',\n\t\t\tbgFillInverted2: '#1f1e1b',\n\t\t\tbgFillInverted1: '#422800',\n\t\t\tfgFillInverted: '#f7efe2',\n\t\t\tsurface1: '#ffedc5',\n\t\t},\n\t\tdirection: 'darker',\n\t},\n\terror: {\n\t\tramp: {\n\t\t\tbgFill1: '#cc1818',\n\t\t\tfgFill: '#f2efef',\n\t\t\tbgFill2: '#b90000',\n\t\t\tsurface2: '#fff6f5',\n\t\t\tsurface6: '#f3c9c2',\n\t\t\tsurface5: '#f7dbd7',\n\t\t\tsurface4: '#f6e6e3',\n\t\t\tsurface3: '#fff',\n\t\t\tfgSurface4: '#470000',\n\t\t\tfgSurface3: '#cc1818',\n\t\t\tfgSurface2: '#f74c40',\n\t\t\tfgSurface1: '#ff8879',\n\t\t\tstroke3: '#cc1818',\n\t\t\tstroke4: '#9d0000',\n\t\t\tstroke2: '#d39c95',\n\t\t\tstroke1: '#daa39b',\n\t\t\tbgFillDark: '#231c1b',\n\t\t\tfgFillDark: '#f2efef',\n\t\t\tbgFillInverted2: '#231c1b',\n\t\t\tbgFillInverted1: '#640000',\n\t\t\tfgFillInverted: '#f2efef',\n\t\t\tsurface1: '#fcece9',\n\t\t},\n\t\tdirection: 'darker',\n\t},\n};\n"],
|
|
5
5
|
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -5,7 +5,9 @@ function addFallbackToVar(cssValue, tokenFallbacks, { escapeQuotes = false } = {
|
|
|
5
5
|
(match, tokenName) => {
|
|
6
6
|
let fallback = tokenFallbacks[tokenName];
|
|
7
7
|
if (fallback === void 0) {
|
|
8
|
-
|
|
8
|
+
throw new Error(
|
|
9
|
+
`Unknown design token: ${tokenName}. This token is not in the design system. If this token was recently renamed, update all references to use the new name.`
|
|
10
|
+
);
|
|
9
11
|
}
|
|
10
12
|
if (escapeQuotes) {
|
|
11
13
|
fallback = fallback.replaceAll('"', '\\"').replaceAll("'", "\\'");
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/postcss-plugins/add-fallback-to-var.ts"],
|
|
4
|
-
"sourcesContent": ["/**\n * Replace bare `var(--wpds-*)` references in a CSS value string with\n * `var(--wpds-*, <fallback>)` using the provided token fallback map.\n *\n * Existing fallbacks (i.e. `var()` calls that already contain a comma)\n * are left untouched, making the function safe to run multiple times\n * (idempotent).\n *\n * NOTE: The regex and replacement logic here is mirrored in\n * `ds-token-fallbacks.mjs`. If you update one, update the other to match.\n *\n * @param cssValue A CSS declaration value.\n * @param tokenFallbacks Map of CSS variable names to their fallback expressions.\n * @param options Options.\n * @param options.escapeQuotes When true, escape `\"` and `'` in fallback values.\n * Use this when the input is JS/TS source so that\n * injected quotes don't break string literals.\n * @return The value with fallbacks injected.\n */\nexport function addFallbackToVar(\n\tcssValue: string,\n\ttokenFallbacks: Record< string, string >,\n\t{ escapeQuotes = false }: { escapeQuotes?: boolean } = {}\n): string {\n\treturn cssValue.replace(\n\t\t/var\\(\\s*(--wpds-[\\w-]+)\\s*\\)/g,\n\t\t( match, tokenName: string ) => {\n\t\t\tlet fallback = tokenFallbacks[ tokenName ];\n\t\t\tif ( fallback === undefined ) {\n\t\t\t\
|
|
5
|
-
"mappings": ";AAmBO,SAAS,iBACf,UACA,gBACA,EAAE,eAAe,MAAM,IAAgC,CAAC,GAC/C;AACT,SAAO,SAAS;AAAA,IACf;AAAA,IACA,CAAE,OAAO,cAAuB;AAC/B,UAAI,WAAW,eAAgB,SAAU;AACzC,UAAK,aAAa,QAAY;AAC7B,
|
|
4
|
+
"sourcesContent": ["/**\n * Replace bare `var(--wpds-*)` references in a CSS value string with\n * `var(--wpds-*, <fallback>)` using the provided token fallback map.\n *\n * Existing fallbacks (i.e. `var()` calls that already contain a comma)\n * are left untouched, making the function safe to run multiple times\n * (idempotent).\n *\n * NOTE: The regex and replacement logic here is mirrored in\n * `ds-token-fallbacks.mjs`. If you update one, update the other to match.\n *\n * @param cssValue A CSS declaration value.\n * @param tokenFallbacks Map of CSS variable names to their fallback expressions.\n * @param options Options.\n * @param options.escapeQuotes When true, escape `\"` and `'` in fallback values.\n * Use this when the input is JS/TS source so that\n * injected quotes don't break string literals.\n * @return The value with fallbacks injected.\n */\nexport function addFallbackToVar(\n\tcssValue: string,\n\ttokenFallbacks: Record< string, string >,\n\t{ escapeQuotes = false }: { escapeQuotes?: boolean } = {}\n): string {\n\treturn cssValue.replace(\n\t\t/var\\(\\s*(--wpds-[\\w-]+)\\s*\\)/g,\n\t\t( match, tokenName: string ) => {\n\t\t\tlet fallback = tokenFallbacks[ tokenName ];\n\t\t\tif ( fallback === undefined ) {\n\t\t\t\tthrow new Error(\n\t\t\t\t\t`Unknown design token: ${ tokenName }. ` +\n\t\t\t\t\t\t'This token is not in the design system. ' +\n\t\t\t\t\t\t'If this token was recently renamed, update all references to use the new name.'\n\t\t\t\t);\n\t\t\t}\n\t\t\tif ( escapeQuotes ) {\n\t\t\t\tfallback = fallback\n\t\t\t\t\t.replaceAll( '\"', '\\\\\"' )\n\t\t\t\t\t.replaceAll( \"'\", \"\\\\'\" );\n\t\t\t}\n\t\t\treturn `var(${ tokenName }, ${ fallback })`;\n\t\t}\n\t);\n}\n"],
|
|
5
|
+
"mappings": ";AAmBO,SAAS,iBACf,UACA,gBACA,EAAE,eAAe,MAAM,IAAgC,CAAC,GAC/C;AACT,SAAO,SAAS;AAAA,IACf;AAAA,IACA,CAAE,OAAO,cAAuB;AAC/B,UAAI,WAAW,eAAgB,SAAU;AACzC,UAAK,aAAa,QAAY;AAC7B,cAAM,IAAI;AAAA,UACT,yBAA0B,SAAU;AAAA,QAGrC;AAAA,MACD;AACA,UAAK,cAAe;AACnB,mBAAW,SACT,WAAY,KAAK,KAAM,EACvB,WAAY,KAAK,KAAM;AAAA,MAC1B;AACA,aAAO,OAAQ,SAAU,KAAM,QAAS;AAAA,IACzC;AAAA,EACD;AACD;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -7,7 +7,9 @@ function addFallbackToVar(cssValue, { escapeQuotes = false } = {}) {
|
|
|
7
7
|
(match, tokenName) => {
|
|
8
8
|
let fallback = tokenFallbacks[tokenName];
|
|
9
9
|
if (fallback === void 0) {
|
|
10
|
-
|
|
10
|
+
throw new Error(
|
|
11
|
+
`Unknown design token: ${tokenName}. This token is not in the design system. If this token was recently renamed, update all references to use the new name.`
|
|
12
|
+
);
|
|
11
13
|
}
|
|
12
14
|
if (escapeQuotes) {
|
|
13
15
|
fallback = fallback.replaceAll('"', '\\"').replaceAll("'", "\\'");
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/postcss-plugins/ds-token-fallbacks.mjs"],
|
|
4
|
-
"sourcesContent": ["import _tokenFallbacks from '../prebuilt/js/design-token-fallbacks.mjs';\n\n/** @type {Record<string, string>} */\nconst tokenFallbacks = _tokenFallbacks;\n\n/**\n * Replace bare `var(--wpds-*)` references in a CSS value string with\n * `var(--wpds-*, <fallback>)` using the generated token fallback map.\n *\n * Existing fallbacks (i.e. var() calls that already contain a comma) are\n * left untouched, making the function safe to run multiple times.\n *\n * NOTE: The regex and replacement logic here mirrors `add-fallback-to-var.ts`.\n * If you update one, update the other to match.\n *\n * @param {string} cssValue A CSS declaration value.\n * @param {Object} [options] Options.\n * @param {boolean} [options.escapeQuotes] When true, escape `\"` and `'` in\n * fallback values. Use this when the\n * input is JS/TS source so that\n * injected quotes don't break string\n * literals. JS will unescape them at\n * parse time, so the browser's CSS\n * engine still sees the correct value.\n * @return {string} The value with fallbacks injected.\n */\nexport function addFallbackToVar( cssValue, { escapeQuotes = false } = {} ) {\n\treturn cssValue.replace(\n\t\t/var\\(\\s*(--wpds-[\\w-]+)\\s*\\)/g,\n\t\t( match, tokenName ) => {\n\t\t\tlet fallback = tokenFallbacks[ tokenName ];\n\t\t\tif ( fallback === undefined ) {\n\t\t\t\
|
|
5
|
-
"mappings": ";AAAA,OAAO,qBAAqB;AAG5B,IAAM,iBAAiB;AAuBhB,SAAS,iBAAkB,UAAU,EAAE,eAAe,MAAM,IAAI,CAAC,GAAI;AAC3E,SAAO,SAAS;AAAA,IACf;AAAA,IACA,CAAE,OAAO,cAAe;AACvB,UAAI,WAAW,eAAgB,SAAU;AACzC,UAAK,aAAa,QAAY;AAC7B,
|
|
4
|
+
"sourcesContent": ["import _tokenFallbacks from '../prebuilt/js/design-token-fallbacks.mjs';\n\n/** @type {Record<string, string>} */\nconst tokenFallbacks = _tokenFallbacks;\n\n/**\n * Replace bare `var(--wpds-*)` references in a CSS value string with\n * `var(--wpds-*, <fallback>)` using the generated token fallback map.\n *\n * Existing fallbacks (i.e. var() calls that already contain a comma) are\n * left untouched, making the function safe to run multiple times.\n *\n * NOTE: The regex and replacement logic here mirrors `add-fallback-to-var.ts`.\n * If you update one, update the other to match.\n *\n * @param {string} cssValue A CSS declaration value.\n * @param {Object} [options] Options.\n * @param {boolean} [options.escapeQuotes] When true, escape `\"` and `'` in\n * fallback values. Use this when the\n * input is JS/TS source so that\n * injected quotes don't break string\n * literals. JS will unescape them at\n * parse time, so the browser's CSS\n * engine still sees the correct value.\n * @return {string} The value with fallbacks injected.\n */\nexport function addFallbackToVar( cssValue, { escapeQuotes = false } = {} ) {\n\treturn cssValue.replace(\n\t\t/var\\(\\s*(--wpds-[\\w-]+)\\s*\\)/g,\n\t\t( match, tokenName ) => {\n\t\t\tlet fallback = tokenFallbacks[ tokenName ];\n\t\t\tif ( fallback === undefined ) {\n\t\t\t\tthrow new Error(\n\t\t\t\t\t`Unknown design token: ${ tokenName }. ` +\n\t\t\t\t\t\t'This token is not in the design system. ' +\n\t\t\t\t\t\t'If this token was recently renamed, update all references to use the new name.'\n\t\t\t\t);\n\t\t\t}\n\t\t\tif ( escapeQuotes ) {\n\t\t\t\tfallback = fallback\n\t\t\t\t\t.replaceAll( '\"', '\\\\\"' )\n\t\t\t\t\t.replaceAll( \"'\", \"\\\\'\" );\n\t\t\t}\n\t\t\treturn `var(${ tokenName }, ${ fallback })`;\n\t\t}\n\t);\n}\n"],
|
|
5
|
+
"mappings": ";AAAA,OAAO,qBAAqB;AAG5B,IAAM,iBAAiB;AAuBhB,SAAS,iBAAkB,UAAU,EAAE,eAAe,MAAM,IAAI,CAAC,GAAI;AAC3E,SAAO,SAAS;AAAA,IACf;AAAA,IACA,CAAE,OAAO,cAAe;AACvB,UAAI,WAAW,eAAgB,SAAU;AACzC,UAAK,aAAa,QAAY;AAC7B,cAAM,IAAI;AAAA,UACT,yBAA0B,SAAU;AAAA,QAGrC;AAAA,MACD;AACA,UAAK,cAAe;AACnB,mBAAW,SACT,WAAY,KAAK,KAAM,EACvB,WAAY,KAAK,KAAM;AAAA,MAC1B;AACA,aAAO,OAAQ,SAAU,KAAM,QAAS;AAAA,IACzC;AAAA,EACD;AACD;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -14,38 +14,38 @@ var design_token_fallbacks_default = {
|
|
|
14
14
|
"--wpds-color-bg-interactive-brand-weak": "#00000000",
|
|
15
15
|
"--wpds-color-bg-interactive-brand-weak-active": "color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white)",
|
|
16
16
|
"--wpds-color-bg-interactive-error": "#00000000",
|
|
17
|
-
"--wpds-color-bg-interactive-error-active": "#
|
|
17
|
+
"--wpds-color-bg-interactive-error-active": "#fff6f5",
|
|
18
18
|
"--wpds-color-bg-interactive-error-strong": "#cc1818",
|
|
19
19
|
"--wpds-color-bg-interactive-error-strong-active": "#b90000",
|
|
20
20
|
"--wpds-color-bg-interactive-error-weak": "#00000000",
|
|
21
21
|
"--wpds-color-bg-interactive-error-weak-active": "#f6e6e3",
|
|
22
22
|
"--wpds-color-bg-interactive-neutral-strong": "#2d2d2d",
|
|
23
23
|
"--wpds-color-bg-interactive-neutral-strong-active": "#1e1e1e",
|
|
24
|
-
"--wpds-color-bg-interactive-neutral-strong-disabled": "#
|
|
24
|
+
"--wpds-color-bg-interactive-neutral-strong-disabled": "#e6e6e6",
|
|
25
25
|
"--wpds-color-bg-interactive-neutral-weak": "#00000000",
|
|
26
|
-
"--wpds-color-bg-interactive-neutral-weak-active": "#
|
|
26
|
+
"--wpds-color-bg-interactive-neutral-weak-active": "#ededed",
|
|
27
27
|
"--wpds-color-bg-interactive-neutral-weak-disabled": "#00000000",
|
|
28
28
|
"--wpds-color-bg-surface-brand": "color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 9%, white)",
|
|
29
|
-
"--wpds-color-bg-surface-caution": "#
|
|
30
|
-
"--wpds-color-bg-surface-caution-weak": "#
|
|
29
|
+
"--wpds-color-bg-surface-caution": "#fee995",
|
|
30
|
+
"--wpds-color-bg-surface-caution-weak": "#fff9ca",
|
|
31
31
|
"--wpds-color-bg-surface-error": "#f6e6e3",
|
|
32
|
-
"--wpds-color-bg-surface-error-weak": "#
|
|
32
|
+
"--wpds-color-bg-surface-error-weak": "#fff6f5",
|
|
33
33
|
"--wpds-color-bg-surface-info": "#deebfa",
|
|
34
|
-
"--wpds-color-bg-surface-info-weak": "#
|
|
35
|
-
"--wpds-color-bg-surface-neutral": "#
|
|
34
|
+
"--wpds-color-bg-surface-info-weak": "#f3f9ff",
|
|
35
|
+
"--wpds-color-bg-surface-neutral": "#fcfcfc",
|
|
36
36
|
"--wpds-color-bg-surface-neutral-strong": "#ffffff",
|
|
37
|
-
"--wpds-color-bg-surface-neutral-weak": "#
|
|
38
|
-
"--wpds-color-bg-surface-success": "#
|
|
39
|
-
"--wpds-color-bg-surface-success-weak": "#
|
|
40
|
-
"--wpds-color-bg-surface-warning": "#
|
|
41
|
-
"--wpds-color-bg-surface-warning-weak": "#
|
|
37
|
+
"--wpds-color-bg-surface-neutral-weak": "#f4f4f4",
|
|
38
|
+
"--wpds-color-bg-surface-success": "#c6f7cd",
|
|
39
|
+
"--wpds-color-bg-surface-success-weak": "#ebffed",
|
|
40
|
+
"--wpds-color-bg-surface-warning": "#fde6be",
|
|
41
|
+
"--wpds-color-bg-surface-warning-weak": "#fff7e1",
|
|
42
42
|
"--wpds-color-bg-thumb-brand": "var(--wp-admin-theme-color, #3858e9)",
|
|
43
43
|
"--wpds-color-bg-thumb-brand-active": "var(--wp-admin-theme-color, #3858e9)",
|
|
44
|
-
"--wpds-color-bg-thumb-neutral-disabled": "#
|
|
45
|
-
"--wpds-color-bg-thumb-neutral-weak": "#
|
|
46
|
-
"--wpds-color-bg-thumb-neutral-weak-active": "#
|
|
47
|
-
"--wpds-color-bg-track-neutral": "#
|
|
48
|
-
"--wpds-color-bg-track-neutral-weak": "#
|
|
44
|
+
"--wpds-color-bg-thumb-neutral-disabled": "#dbdbdb",
|
|
45
|
+
"--wpds-color-bg-thumb-neutral-weak": "#8d8d8d",
|
|
46
|
+
"--wpds-color-bg-thumb-neutral-weak-active": "#6e6e6e",
|
|
47
|
+
"--wpds-color-bg-track-neutral": "#dbdbdb",
|
|
48
|
+
"--wpds-color-bg-track-neutral-weak": "#e4e4e4",
|
|
49
49
|
"--wpds-color-fg-content-caution": "#281d00",
|
|
50
50
|
"--wpds-color-fg-content-caution-weak": "#826a00",
|
|
51
51
|
"--wpds-color-fg-content-error": "#470000",
|
|
@@ -53,9 +53,9 @@ var design_token_fallbacks_default = {
|
|
|
53
53
|
"--wpds-color-fg-content-info": "#001b4f",
|
|
54
54
|
"--wpds-color-fg-content-info-weak": "#006bd7",
|
|
55
55
|
"--wpds-color-fg-content-neutral": "#1e1e1e",
|
|
56
|
-
"--wpds-color-fg-content-neutral-weak": "#
|
|
56
|
+
"--wpds-color-fg-content-neutral-weak": "#707070",
|
|
57
57
|
"--wpds-color-fg-content-success": "#002900",
|
|
58
|
-
"--wpds-color-fg-content-success-weak": "#
|
|
58
|
+
"--wpds-color-fg-content-success-weak": "#008030",
|
|
59
59
|
"--wpds-color-fg-content-warning": "#2e1900",
|
|
60
60
|
"--wpds-color-fg-content-warning-weak": "#926300",
|
|
61
61
|
"--wpds-color-fg-interactive-brand": "var(--wp-admin-theme-color, #3858e9)",
|
|
@@ -68,34 +68,34 @@ var design_token_fallbacks_default = {
|
|
|
68
68
|
"--wpds-color-fg-interactive-error-strong-active": "#f2efef",
|
|
69
69
|
"--wpds-color-fg-interactive-neutral": "#1e1e1e",
|
|
70
70
|
"--wpds-color-fg-interactive-neutral-active": "#1e1e1e",
|
|
71
|
-
"--wpds-color-fg-interactive-neutral-disabled": "#
|
|
71
|
+
"--wpds-color-fg-interactive-neutral-disabled": "#8d8d8d",
|
|
72
72
|
"--wpds-color-fg-interactive-neutral-strong": "#f0f0f0",
|
|
73
73
|
"--wpds-color-fg-interactive-neutral-strong-active": "#f0f0f0",
|
|
74
|
-
"--wpds-color-fg-interactive-neutral-strong-disabled": "#
|
|
75
|
-
"--wpds-color-fg-interactive-neutral-weak": "#
|
|
76
|
-
"--wpds-color-fg-interactive-neutral-weak-disabled": "#
|
|
74
|
+
"--wpds-color-fg-interactive-neutral-strong-disabled": "#8d8d8d",
|
|
75
|
+
"--wpds-color-fg-interactive-neutral-weak": "#707070",
|
|
76
|
+
"--wpds-color-fg-interactive-neutral-weak-disabled": "#8d8d8d",
|
|
77
77
|
"--wpds-color-stroke-focus-brand": "var(--wp-admin-theme-color, #3858e9)",
|
|
78
78
|
"--wpds-color-stroke-interactive-brand": "var(--wp-admin-theme-color, #3858e9)",
|
|
79
79
|
"--wpds-color-stroke-interactive-brand-active": "color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 85%, black)",
|
|
80
80
|
"--wpds-color-stroke-interactive-error": "#cc1818",
|
|
81
81
|
"--wpds-color-stroke-interactive-error-active": "#9d0000",
|
|
82
82
|
"--wpds-color-stroke-interactive-error-strong": "#cc1818",
|
|
83
|
-
"--wpds-color-stroke-interactive-neutral": "#
|
|
84
|
-
"--wpds-color-stroke-interactive-neutral-active": "#
|
|
85
|
-
"--wpds-color-stroke-interactive-neutral-disabled": "#
|
|
86
|
-
"--wpds-color-stroke-interactive-neutral-strong": "#
|
|
83
|
+
"--wpds-color-stroke-interactive-neutral": "#8d8d8d",
|
|
84
|
+
"--wpds-color-stroke-interactive-neutral-active": "#6e6e6e",
|
|
85
|
+
"--wpds-color-stroke-interactive-neutral-disabled": "#dbdbdb",
|
|
86
|
+
"--wpds-color-stroke-interactive-neutral-strong": "#6e6e6e",
|
|
87
87
|
"--wpds-color-stroke-surface-brand": "color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 46%, white)",
|
|
88
88
|
"--wpds-color-stroke-surface-brand-strong": "var(--wp-admin-theme-color, #3858e9)",
|
|
89
89
|
"--wpds-color-stroke-surface-error": "#daa39b",
|
|
90
90
|
"--wpds-color-stroke-surface-error-strong": "#cc1818",
|
|
91
91
|
"--wpds-color-stroke-surface-info": "#9fbcdc",
|
|
92
92
|
"--wpds-color-stroke-surface-info-strong": "#006bd7",
|
|
93
|
-
"--wpds-color-stroke-surface-neutral": "#
|
|
94
|
-
"--wpds-color-stroke-surface-neutral-strong": "#
|
|
95
|
-
"--wpds-color-stroke-surface-neutral-weak": "#
|
|
93
|
+
"--wpds-color-stroke-surface-neutral": "#dbdbdb",
|
|
94
|
+
"--wpds-color-stroke-surface-neutral-strong": "#8d8d8d",
|
|
95
|
+
"--wpds-color-stroke-surface-neutral-weak": "#e4e4e4",
|
|
96
96
|
"--wpds-color-stroke-surface-success": "#8ac894",
|
|
97
|
-
"--wpds-color-stroke-surface-success-strong": "#
|
|
98
|
-
"--wpds-color-stroke-surface-warning": "#
|
|
97
|
+
"--wpds-color-stroke-surface-success-strong": "#008030",
|
|
98
|
+
"--wpds-color-stroke-surface-warning": "#d0b481",
|
|
99
99
|
"--wpds-color-stroke-surface-warning-strong": "#926300",
|
|
100
100
|
"--wpds-cursor-control": "pointer",
|
|
101
101
|
"--wpds-dimension-base": "4px",
|
|
@@ -123,23 +123,23 @@ var design_token_fallbacks_default = {
|
|
|
123
123
|
"--wpds-elevation-md": "0 2px 3px 0 #0000000d, 0 4px 5px 0 #0000000a, 0 12px 12px 0 #00000008, 0 16px 16px 0 #00000005",
|
|
124
124
|
"--wpds-elevation-sm": "0 1px 2px 0 #0000000d, 0 2px 3px 0 #0000000a, 0 6px 6px 0 #00000008, 0 8px 8px 0 #00000005",
|
|
125
125
|
"--wpds-elevation-xs": "0 1px 1px 0 #00000008, 0 1px 2px 0 #00000005, 0 3px 3px 0 #00000005, 0 4px 4px 0 #00000003",
|
|
126
|
-
"--wpds-font-family-body": '-apple-system, system-ui, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif',
|
|
127
|
-
"--wpds-font-family-heading": '-apple-system, system-ui, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif',
|
|
128
|
-
"--wpds-font-family-mono": '"Menlo", "Consolas", monaco, monospace',
|
|
129
|
-
"--wpds-font-
|
|
130
|
-
"--wpds-font-
|
|
131
|
-
"--wpds-font-
|
|
132
|
-
"--wpds-font-
|
|
133
|
-
"--wpds-font-
|
|
134
|
-
"--wpds-font-
|
|
135
|
-
"--wpds-font-
|
|
136
|
-
"--wpds-font-
|
|
137
|
-
"--wpds-
|
|
138
|
-
"--wpds-
|
|
139
|
-
"--wpds-
|
|
140
|
-
"--wpds-
|
|
141
|
-
"--wpds-
|
|
142
|
-
"--wpds-
|
|
126
|
+
"--wpds-typography-font-family-body": '-apple-system, system-ui, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif',
|
|
127
|
+
"--wpds-typography-font-family-heading": '-apple-system, system-ui, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif',
|
|
128
|
+
"--wpds-typography-font-family-mono": '"Menlo", "Consolas", monaco, monospace',
|
|
129
|
+
"--wpds-typography-font-size-2xl": "32px",
|
|
130
|
+
"--wpds-typography-font-size-lg": "15px",
|
|
131
|
+
"--wpds-typography-font-size-md": "13px",
|
|
132
|
+
"--wpds-typography-font-size-sm": "12px",
|
|
133
|
+
"--wpds-typography-font-size-xl": "20px",
|
|
134
|
+
"--wpds-typography-font-size-xs": "11px",
|
|
135
|
+
"--wpds-typography-font-weight-medium": "499",
|
|
136
|
+
"--wpds-typography-font-weight-regular": "400",
|
|
137
|
+
"--wpds-typography-line-height-2xl": "40px",
|
|
138
|
+
"--wpds-typography-line-height-lg": "28px",
|
|
139
|
+
"--wpds-typography-line-height-md": "24px",
|
|
140
|
+
"--wpds-typography-line-height-sm": "20px",
|
|
141
|
+
"--wpds-typography-line-height-xl": "32px",
|
|
142
|
+
"--wpds-typography-line-height-xs": "16px"
|
|
143
143
|
};
|
|
144
144
|
export {
|
|
145
145
|
design_token_fallbacks_default as default
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/prebuilt/js/design-token-fallbacks.mjs"],
|
|
4
|
-
"sourcesContent": ["/*\n * This file is generated by the @wordpress/terrazzo-plugin-ds-token-fallbacks plugin.\n * Do not edit this file directly.\n */\n\nexport default {\n\t'--wpds-border-radius-lg': '8px',\n\t'--wpds-border-radius-md': '4px',\n\t'--wpds-border-radius-sm': '2px',\n\t'--wpds-border-radius-xs': '1px',\n\t'--wpds-border-width-focus': 'var(--wp-admin-border-width-focus, 2px)',\n\t'--wpds-border-width-lg': '8px',\n\t'--wpds-border-width-md': '4px',\n\t'--wpds-border-width-sm': '2px',\n\t'--wpds-border-width-xs': '1px',\n\t'--wpds-color-bg-interactive-brand-strong':\n\t\t'var(--wp-admin-theme-color, #3858e9)',\n\t'--wpds-color-bg-interactive-brand-strong-active':\n\t\t'color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 93%, black)',\n\t'--wpds-color-bg-interactive-brand-weak': '#00000000',\n\t'--wpds-color-bg-interactive-brand-weak-active':\n\t\t'color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white)',\n\t'--wpds-color-bg-interactive-error': '#00000000',\n\t'--wpds-color-bg-interactive-error-active': '#
|
|
5
|
-
"mappings": "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
|
|
4
|
+
"sourcesContent": ["/*\n * This file is generated by the @wordpress/terrazzo-plugin-ds-token-fallbacks plugin.\n * Do not edit this file directly.\n */\n\nexport default {\n\t'--wpds-border-radius-lg': '8px',\n\t'--wpds-border-radius-md': '4px',\n\t'--wpds-border-radius-sm': '2px',\n\t'--wpds-border-radius-xs': '1px',\n\t'--wpds-border-width-focus': 'var(--wp-admin-border-width-focus, 2px)',\n\t'--wpds-border-width-lg': '8px',\n\t'--wpds-border-width-md': '4px',\n\t'--wpds-border-width-sm': '2px',\n\t'--wpds-border-width-xs': '1px',\n\t'--wpds-color-bg-interactive-brand-strong':\n\t\t'var(--wp-admin-theme-color, #3858e9)',\n\t'--wpds-color-bg-interactive-brand-strong-active':\n\t\t'color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 93%, black)',\n\t'--wpds-color-bg-interactive-brand-weak': '#00000000',\n\t'--wpds-color-bg-interactive-brand-weak-active':\n\t\t'color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white)',\n\t'--wpds-color-bg-interactive-error': '#00000000',\n\t'--wpds-color-bg-interactive-error-active': '#fff6f5',\n\t'--wpds-color-bg-interactive-error-strong': '#cc1818',\n\t'--wpds-color-bg-interactive-error-strong-active': '#b90000',\n\t'--wpds-color-bg-interactive-error-weak': '#00000000',\n\t'--wpds-color-bg-interactive-error-weak-active': '#f6e6e3',\n\t'--wpds-color-bg-interactive-neutral-strong': '#2d2d2d',\n\t'--wpds-color-bg-interactive-neutral-strong-active': '#1e1e1e',\n\t'--wpds-color-bg-interactive-neutral-strong-disabled': '#e6e6e6',\n\t'--wpds-color-bg-interactive-neutral-weak': '#00000000',\n\t'--wpds-color-bg-interactive-neutral-weak-active': '#ededed',\n\t'--wpds-color-bg-interactive-neutral-weak-disabled': '#00000000',\n\t'--wpds-color-bg-surface-brand':\n\t\t'color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 9%, white)',\n\t'--wpds-color-bg-surface-caution': '#fee995',\n\t'--wpds-color-bg-surface-caution-weak': '#fff9ca',\n\t'--wpds-color-bg-surface-error': '#f6e6e3',\n\t'--wpds-color-bg-surface-error-weak': '#fff6f5',\n\t'--wpds-color-bg-surface-info': '#deebfa',\n\t'--wpds-color-bg-surface-info-weak': '#f3f9ff',\n\t'--wpds-color-bg-surface-neutral': '#fcfcfc',\n\t'--wpds-color-bg-surface-neutral-strong': '#ffffff',\n\t'--wpds-color-bg-surface-neutral-weak': '#f4f4f4',\n\t'--wpds-color-bg-surface-success': '#c6f7cd',\n\t'--wpds-color-bg-surface-success-weak': '#ebffed',\n\t'--wpds-color-bg-surface-warning': '#fde6be',\n\t'--wpds-color-bg-surface-warning-weak': '#fff7e1',\n\t'--wpds-color-bg-thumb-brand': 'var(--wp-admin-theme-color, #3858e9)',\n\t'--wpds-color-bg-thumb-brand-active':\n\t\t'var(--wp-admin-theme-color, #3858e9)',\n\t'--wpds-color-bg-thumb-neutral-disabled': '#dbdbdb',\n\t'--wpds-color-bg-thumb-neutral-weak': '#8d8d8d',\n\t'--wpds-color-bg-thumb-neutral-weak-active': '#6e6e6e',\n\t'--wpds-color-bg-track-neutral': '#dbdbdb',\n\t'--wpds-color-bg-track-neutral-weak': '#e4e4e4',\n\t'--wpds-color-fg-content-caution': '#281d00',\n\t'--wpds-color-fg-content-caution-weak': '#826a00',\n\t'--wpds-color-fg-content-error': '#470000',\n\t'--wpds-color-fg-content-error-weak': '#cc1818',\n\t'--wpds-color-fg-content-info': '#001b4f',\n\t'--wpds-color-fg-content-info-weak': '#006bd7',\n\t'--wpds-color-fg-content-neutral': '#1e1e1e',\n\t'--wpds-color-fg-content-neutral-weak': '#707070',\n\t'--wpds-color-fg-content-success': '#002900',\n\t'--wpds-color-fg-content-success-weak': '#008030',\n\t'--wpds-color-fg-content-warning': '#2e1900',\n\t'--wpds-color-fg-content-warning-weak': '#926300',\n\t'--wpds-color-fg-interactive-brand': 'var(--wp-admin-theme-color, #3858e9)',\n\t'--wpds-color-fg-interactive-brand-active':\n\t\t'var(--wp-admin-theme-color, #3858e9)',\n\t'--wpds-color-fg-interactive-brand-strong': '#fff',\n\t'--wpds-color-fg-interactive-brand-strong-active': '#fff',\n\t'--wpds-color-fg-interactive-error': '#cc1818',\n\t'--wpds-color-fg-interactive-error-active': '#cc1818',\n\t'--wpds-color-fg-interactive-error-strong': '#f2efef',\n\t'--wpds-color-fg-interactive-error-strong-active': '#f2efef',\n\t'--wpds-color-fg-interactive-neutral': '#1e1e1e',\n\t'--wpds-color-fg-interactive-neutral-active': '#1e1e1e',\n\t'--wpds-color-fg-interactive-neutral-disabled': '#8d8d8d',\n\t'--wpds-color-fg-interactive-neutral-strong': '#f0f0f0',\n\t'--wpds-color-fg-interactive-neutral-strong-active': '#f0f0f0',\n\t'--wpds-color-fg-interactive-neutral-strong-disabled': '#8d8d8d',\n\t'--wpds-color-fg-interactive-neutral-weak': '#707070',\n\t'--wpds-color-fg-interactive-neutral-weak-disabled': '#8d8d8d',\n\t'--wpds-color-stroke-focus-brand': 'var(--wp-admin-theme-color, #3858e9)',\n\t'--wpds-color-stroke-interactive-brand':\n\t\t'var(--wp-admin-theme-color, #3858e9)',\n\t'--wpds-color-stroke-interactive-brand-active':\n\t\t'color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 85%, black)',\n\t'--wpds-color-stroke-interactive-error': '#cc1818',\n\t'--wpds-color-stroke-interactive-error-active': '#9d0000',\n\t'--wpds-color-stroke-interactive-error-strong': '#cc1818',\n\t'--wpds-color-stroke-interactive-neutral': '#8d8d8d',\n\t'--wpds-color-stroke-interactive-neutral-active': '#6e6e6e',\n\t'--wpds-color-stroke-interactive-neutral-disabled': '#dbdbdb',\n\t'--wpds-color-stroke-interactive-neutral-strong': '#6e6e6e',\n\t'--wpds-color-stroke-surface-brand':\n\t\t'color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 46%, white)',\n\t'--wpds-color-stroke-surface-brand-strong':\n\t\t'var(--wp-admin-theme-color, #3858e9)',\n\t'--wpds-color-stroke-surface-error': '#daa39b',\n\t'--wpds-color-stroke-surface-error-strong': '#cc1818',\n\t'--wpds-color-stroke-surface-info': '#9fbcdc',\n\t'--wpds-color-stroke-surface-info-strong': '#006bd7',\n\t'--wpds-color-stroke-surface-neutral': '#dbdbdb',\n\t'--wpds-color-stroke-surface-neutral-strong': '#8d8d8d',\n\t'--wpds-color-stroke-surface-neutral-weak': '#e4e4e4',\n\t'--wpds-color-stroke-surface-success': '#8ac894',\n\t'--wpds-color-stroke-surface-success-strong': '#008030',\n\t'--wpds-color-stroke-surface-warning': '#d0b481',\n\t'--wpds-color-stroke-surface-warning-strong': '#926300',\n\t'--wpds-cursor-control': 'pointer',\n\t'--wpds-dimension-base': '4px',\n\t'--wpds-dimension-gap-2xl': '32px',\n\t'--wpds-dimension-gap-3xl': '40px',\n\t'--wpds-dimension-gap-lg': '16px',\n\t'--wpds-dimension-gap-md': '12px',\n\t'--wpds-dimension-gap-sm': '8px',\n\t'--wpds-dimension-gap-xl': '24px',\n\t'--wpds-dimension-gap-xs': '4px',\n\t'--wpds-dimension-padding-2xl': '24px',\n\t'--wpds-dimension-padding-3xl': '32px',\n\t'--wpds-dimension-padding-lg': '16px',\n\t'--wpds-dimension-padding-md': '12px',\n\t'--wpds-dimension-padding-sm': '8px',\n\t'--wpds-dimension-padding-xl': '20px',\n\t'--wpds-dimension-padding-xs': '4px',\n\t'--wpds-dimension-surface-width-2xl': '960px',\n\t'--wpds-dimension-surface-width-lg': '560px',\n\t'--wpds-dimension-surface-width-md': '400px',\n\t'--wpds-dimension-surface-width-sm': '320px',\n\t'--wpds-dimension-surface-width-xl': '720px',\n\t'--wpds-dimension-surface-width-xs': '240px',\n\t'--wpds-elevation-lg':\n\t\t'0 5px 15px 0 #00000014, 0 15px 27px 0 #00000012, 0 30px 36px 0 #0000000a, 0 50px 43px 0 #00000005',\n\t'--wpds-elevation-md':\n\t\t'0 2px 3px 0 #0000000d, 0 4px 5px 0 #0000000a, 0 12px 12px 0 #00000008, 0 16px 16px 0 #00000005',\n\t'--wpds-elevation-sm':\n\t\t'0 1px 2px 0 #0000000d, 0 2px 3px 0 #0000000a, 0 6px 6px 0 #00000008, 0 8px 8px 0 #00000005',\n\t'--wpds-elevation-xs':\n\t\t'0 1px 1px 0 #00000008, 0 1px 2px 0 #00000005, 0 3px 3px 0 #00000005, 0 4px 4px 0 #00000003',\n\t'--wpds-typography-font-family-body':\n\t\t'-apple-system, system-ui, \"Segoe UI\", \"Roboto\", \"Oxygen-Sans\", \"Ubuntu\", \"Cantarell\", \"Helvetica Neue\", sans-serif',\n\t'--wpds-typography-font-family-heading':\n\t\t'-apple-system, system-ui, \"Segoe UI\", \"Roboto\", \"Oxygen-Sans\", \"Ubuntu\", \"Cantarell\", \"Helvetica Neue\", sans-serif',\n\t'--wpds-typography-font-family-mono':\n\t\t'\"Menlo\", \"Consolas\", monaco, monospace',\n\t'--wpds-typography-font-size-2xl': '32px',\n\t'--wpds-typography-font-size-lg': '15px',\n\t'--wpds-typography-font-size-md': '13px',\n\t'--wpds-typography-font-size-sm': '12px',\n\t'--wpds-typography-font-size-xl': '20px',\n\t'--wpds-typography-font-size-xs': '11px',\n\t'--wpds-typography-font-weight-medium': '499',\n\t'--wpds-typography-font-weight-regular': '400',\n\t'--wpds-typography-line-height-2xl': '40px',\n\t'--wpds-typography-line-height-lg': '28px',\n\t'--wpds-typography-line-height-md': '24px',\n\t'--wpds-typography-line-height-sm': '20px',\n\t'--wpds-typography-line-height-xl': '32px',\n\t'--wpds-typography-line-height-xs': '16px',\n};\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -123,23 +123,23 @@ var design_tokens_default = [
|
|
|
123
123
|
"--wpds-elevation-sm",
|
|
124
124
|
"--wpds-elevation-md",
|
|
125
125
|
"--wpds-elevation-lg",
|
|
126
|
-
"--wpds-font-family-heading",
|
|
127
|
-
"--wpds-font-family-body",
|
|
128
|
-
"--wpds-font-family-mono",
|
|
129
|
-
"--wpds-font-size-xs",
|
|
130
|
-
"--wpds-font-size-sm",
|
|
131
|
-
"--wpds-font-size-md",
|
|
132
|
-
"--wpds-font-size-lg",
|
|
133
|
-
"--wpds-font-size-xl",
|
|
134
|
-
"--wpds-font-size-2xl",
|
|
135
|
-
"--wpds-
|
|
136
|
-
"--wpds-
|
|
137
|
-
"--wpds-
|
|
138
|
-
"--wpds-
|
|
139
|
-
"--wpds-
|
|
140
|
-
"--wpds-
|
|
141
|
-
"--wpds-font-weight-regular",
|
|
142
|
-
"--wpds-font-weight-medium"
|
|
126
|
+
"--wpds-typography-font-family-heading",
|
|
127
|
+
"--wpds-typography-font-family-body",
|
|
128
|
+
"--wpds-typography-font-family-mono",
|
|
129
|
+
"--wpds-typography-font-size-xs",
|
|
130
|
+
"--wpds-typography-font-size-sm",
|
|
131
|
+
"--wpds-typography-font-size-md",
|
|
132
|
+
"--wpds-typography-font-size-lg",
|
|
133
|
+
"--wpds-typography-font-size-xl",
|
|
134
|
+
"--wpds-typography-font-size-2xl",
|
|
135
|
+
"--wpds-typography-line-height-xs",
|
|
136
|
+
"--wpds-typography-line-height-sm",
|
|
137
|
+
"--wpds-typography-line-height-md",
|
|
138
|
+
"--wpds-typography-line-height-lg",
|
|
139
|
+
"--wpds-typography-line-height-xl",
|
|
140
|
+
"--wpds-typography-line-height-2xl",
|
|
141
|
+
"--wpds-typography-font-weight-regular",
|
|
142
|
+
"--wpds-typography-font-weight-medium"
|
|
143
143
|
];
|
|
144
144
|
export {
|
|
145
145
|
design_tokens_default as default
|