@patternfly/design-tokens 1.15.1 → 1.15.2
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-dark.scss +3 -3
- package/build/css/tokens-default.scss +4 -5
- package/build/css/{tokens-redhat-dark.scss → tokens-felt-dark.scss} +1 -1
- package/build/css/{tokens-redhat-glass-dark.scss → tokens-felt-glass-dark.scss} +4 -3
- package/build/css/{tokens-redhat-glass.scss → tokens-felt-glass.scss} +4 -2
- package/build/css/{tokens-redhat-highcontrast-dark.scss → tokens-felt-highcontrast-dark.scss} +5 -3
- package/build/css/tokens-felt-highcontrast.scss +121 -0
- package/build/css/{tokens-redhat.scss → tokens-felt.scss} +1 -1
- package/build/css/tokens-glass-dark.scss +2 -2
- package/build/css/tokens-glass.scss +1 -1
- package/build/css/tokens-palette.scss +1 -1
- package/build/css/tokens-redhat-highcontrast.scss +641 -10
- package/build.js +42 -42
- package/{config.redhat-dark.json → config.felt-dark.json} +2 -2
- package/{config.redhat-glass-dark.json → config.felt-glass-dark.json} +2 -2
- package/{config.redhat-glass.json → config.felt-glass.json} +2 -2
- package/{config.redhat-highcontrast-dark.json → config.felt-highcontrast-dark.json} +2 -2
- package/{config.redhat.json → config.felt.json} +2 -2
- package/{config.layers.redhat-dark.json → config.layers.felt-dark.json} +2 -2
- package/{config.layers.redhat-glass-dark.json → config.layers.felt-glass-dark.json} +2 -2
- package/{config.layers.redhat-glass.json → config.layers.felt-glass.json} +2 -2
- package/{config.layers.redhat-highcontrast-dark.json → config.layers.felt-highcontrast-dark.json} +2 -2
- package/package.json +1 -1
- package/patternfly-docs/content/token-layers-felt-dark.json +48543 -0
- package/patternfly-docs/content/token-layers-felt-glass-dark.json +37670 -0
- package/patternfly-docs/content/token-layers-felt-glass.json +52576 -0
- package/patternfly-docs/content/token-layers-felt-highcontrast-dark.json +38323 -0
- package/patternfly-docs/content/token-layers-glass-dark.json +4214 -4247
- package/patternfly-docs/content/token-layers-glass.json +4997 -5049
- package/patternfly-docs/content/token-layers-highcontrast-dark.json +2978 -3005
- package/patternfly-docs/content/token-layers-highcontrast.json +4177 -4229
- package/patternfly-docs/content/token-layers-redhat-dark.json +147 -170
- package/patternfly-docs/content/token-layers-redhat-glass-dark.json +165 -194
- package/patternfly-docs/content/token-layers-redhat-glass.json +298 -346
- package/patternfly-docs/content/token-layers-redhat-highcontrast-dark.json +46 -69
- package/patternfly-docs/content/token-layers-redhat-highcontrast.json +4911 -4641
- package/patternfly-docs/content/token-layers-redhat.json +6147 -5881
- package/plugins/export-patternfly-tokens/dist/ui.html +344 -334
- package/plugins/export-patternfly-tokens/src/ui.tsx +44 -34
- package/tokens/default/dark/base.dark.json +42 -42
- package/tokens/default/dark/charts.dark.json +32 -32
- package/tokens/default/dark/charts.highcontrast.dark.json +765 -0
- package/tokens/default/dark/palette.color.json +4 -4
- package/tokens/default/dark/semantic.dark.json +115 -115
- package/tokens/default/glass/base.dimension.json +24 -24
- package/tokens/default/glass/palette.color.json +4 -4
- package/tokens/default/glass/semantic.dimension.glass.json +137 -141
- package/tokens/default/glass/semantic.glass.json +114 -114
- package/tokens/default/glass-dark/base.dark.json +42 -42
- package/tokens/default/glass-dark/palette.color.json +4 -4
- package/tokens/default/glass-dark/semantic.glass.dark.json +115 -115
- package/tokens/default/highcontrast/base.dimension.json +24 -24
- package/tokens/default/highcontrast/palette.color.json +4 -4
- package/tokens/default/highcontrast/semantic.dimension.highcontrast.json +136 -140
- package/tokens/default/highcontrast/semantic.highcontrast.json +114 -114
- package/tokens/default/highcontrast-dark/base.dark.json +42 -42
- package/tokens/default/highcontrast-dark/palette.color.json +4 -4
- package/tokens/default/highcontrast-dark/semantic.highcontrast.dark.json +115 -115
- package/tokens/default/light/base.dimension.json +24 -24
- package/tokens/default/light/charts.highcontrast.json +765 -0
- package/tokens/default/light/charts.json +32 -32
- package/tokens/default/light/palette.color.json +4 -4
- package/tokens/default/light/semantic.dimension.json +137 -141
- package/tokens/default/light/semantic.json +114 -114
- package/tokens/default/light/semantic.motion.json +17 -17
- package/tokens/{redhat/dark/redhat.color.dark.json → felt/dark/felt.color.dark.json} +19 -19
- package/tokens/{redhat/light/redhat.color.json → felt/glass/felt.color.glass.json} +10 -10
- package/tokens/{redhat/highcontrast/redhat.dimension.highcontrast.json → felt/glass/felt.dimension.glass.json} +6 -6
- package/tokens/{redhat/glass-dark/redhat.color.glass.dark.json → felt/glass-dark/felt.color.glass.dark.json} +22 -17
- package/tokens/{redhat/highcontrast/redhat.color.highcontrast.json → felt/highcontrast/felt.color.highcontrast.json} +10 -10
- package/tokens/{redhat/light/redhat.dimension.json → felt/highcontrast/felt.dimension.highcontrast.json} +6 -6
- package/tokens/{redhat/highcontrast-dark/redhat.color.highcontrast.dark.json → felt/highcontrast-dark/felt.color.highcontrast.dark.json} +10 -10
- package/tokens/{redhat/glass/redhat.color.glass.json → felt/light/felt.color.json} +10 -10
- package/tokens/felt/light/felt.dimension.json +23 -0
- package/tokens/redhat/glass/redhat.dimension.glass.json +0 -2
- /package/{config.redhat-highcontrast.json → config.felt-highcontrast.json} +0 -0
- /package/{config.layers.redhat-highcontrast.json → config.layers.felt-highcontrast.json} +0 -0
- /package/{config.layers.redhat.json → config.layers.felt.json} +0 -0
package/build.js
CHANGED
|
@@ -216,24 +216,24 @@ const build = (selector) => {
|
|
|
216
216
|
const layersHighContrastDarkSD = StyleDictionary.extend(__dirname + '/config.layers.highcontrast-dark.json');
|
|
217
217
|
layersHighContrastDarkSD.buildAllPlatforms();
|
|
218
218
|
|
|
219
|
-
console.log('Building layer configs for
|
|
220
|
-
const
|
|
221
|
-
|
|
219
|
+
console.log('Building layer configs for felt themes...');
|
|
220
|
+
const layersFeltSD = StyleDictionary.extend(__dirname + '/config.layers.felt.json');
|
|
221
|
+
layersFeltSD.buildAllPlatforms();
|
|
222
222
|
|
|
223
|
-
const
|
|
224
|
-
|
|
223
|
+
const layersFeltDarkSD = StyleDictionary.extend(__dirname + '/config.layers.felt-dark.json');
|
|
224
|
+
layersFeltDarkSD.buildAllPlatforms();
|
|
225
225
|
|
|
226
|
-
const
|
|
227
|
-
|
|
226
|
+
const layersFeltGlassSD = StyleDictionary.extend(__dirname + '/config.layers.felt-glass.json');
|
|
227
|
+
layersFeltGlassSD.buildAllPlatforms();
|
|
228
228
|
|
|
229
|
-
const
|
|
230
|
-
|
|
229
|
+
const layersFeltGlassDarkSD = StyleDictionary.extend(__dirname + '/config.layers.felt-glass-dark.json');
|
|
230
|
+
layersFeltGlassDarkSD.buildAllPlatforms();
|
|
231
231
|
|
|
232
|
-
const
|
|
233
|
-
|
|
232
|
+
const layersFeltHighContrastSD = StyleDictionary.extend(__dirname + '/config.layers.felt-highcontrast.json');
|
|
233
|
+
layersFeltHighContrastSD.buildAllPlatforms();
|
|
234
234
|
|
|
235
|
-
const
|
|
236
|
-
|
|
235
|
+
const layersFeltHighContrastDarkSD = StyleDictionary.extend(__dirname + '/config.layers.felt-highcontrast-dark.json');
|
|
236
|
+
layersFeltHighContrastDarkSD.buildAllPlatforms();
|
|
237
237
|
|
|
238
238
|
// Step 3: Build glass themes
|
|
239
239
|
console.log('Building glass themes...');
|
|
@@ -254,59 +254,59 @@ const build = (selector) => {
|
|
|
254
254
|
path.join(buildPath, 'tokens-glass-dark.scss')
|
|
255
255
|
);
|
|
256
256
|
|
|
257
|
-
// Step 5: Build
|
|
258
|
-
console.log('Building
|
|
259
|
-
const
|
|
260
|
-
|
|
257
|
+
// Step 5: Build felt themes
|
|
258
|
+
console.log('Building felt themes...');
|
|
259
|
+
const feltExtendedSD = StyleDictionary.extend(__dirname + '/config.felt.json');
|
|
260
|
+
feltExtendedSD.buildAllPlatforms();
|
|
261
261
|
|
|
262
|
-
const
|
|
263
|
-
|
|
262
|
+
const feltDarkExtendedSD = StyleDictionary.extend(__dirname + '/config.felt-dark.json');
|
|
263
|
+
feltDarkExtendedSD.buildAllPlatforms();
|
|
264
264
|
|
|
265
|
-
const
|
|
266
|
-
|
|
265
|
+
const feltGlassExtendedSD = StyleDictionary.extend(__dirname + '/config.felt-glass.json');
|
|
266
|
+
feltGlassExtendedSD.buildAllPlatforms();
|
|
267
267
|
|
|
268
|
-
const
|
|
269
|
-
|
|
268
|
+
const feltGlassDarkExtendedSD = StyleDictionary.extend(__dirname + '/config.felt-glass-dark.json');
|
|
269
|
+
feltGlassDarkExtendedSD.buildAllPlatforms();
|
|
270
270
|
|
|
271
|
-
const
|
|
272
|
-
|
|
271
|
+
const feltHighContrastExtendedSD = StyleDictionary.extend(__dirname + '/config.felt-highcontrast.json');
|
|
272
|
+
feltHighContrastExtendedSD.buildAllPlatforms();
|
|
273
273
|
|
|
274
|
-
const
|
|
275
|
-
|
|
274
|
+
const feltHighContrastDarkExtendedSD = StyleDictionary.extend(__dirname + '/config.felt-highcontrast-dark.json');
|
|
275
|
+
feltHighContrastDarkExtendedSD.buildAllPlatforms();
|
|
276
276
|
|
|
277
|
-
// Set glass tokens to initial in
|
|
278
|
-
console.log('Setting glass tokens to initial in
|
|
279
|
-
setGlassTokensToInitial(path.join(buildPath, 'tokens-
|
|
280
|
-
setGlassTokensToInitial(path.join(buildPath, 'tokens-
|
|
281
|
-
setGlassTokensToInitial(path.join(buildPath, 'tokens-
|
|
282
|
-
setGlassTokensToInitial(path.join(buildPath, 'tokens-
|
|
277
|
+
// Set glass tokens to initial in felt non-glass themes
|
|
278
|
+
console.log('Setting glass tokens to initial in felt themes...');
|
|
279
|
+
setGlassTokensToInitial(path.join(buildPath, 'tokens-felt.scss'));
|
|
280
|
+
setGlassTokensToInitial(path.join(buildPath, 'tokens-felt-dark.scss'));
|
|
281
|
+
setGlassTokensToInitial(path.join(buildPath, 'tokens-felt-highcontrast.scss'));
|
|
282
|
+
setGlassTokensToInitial(path.join(buildPath, 'tokens-felt-highcontrast-dark.scss'));
|
|
283
283
|
|
|
284
|
-
// Step 6: Remove duplicate variables from
|
|
285
|
-
console.log('Removing duplicate variables from
|
|
284
|
+
// Step 6: Remove duplicate variables from felt SCSS files
|
|
285
|
+
console.log('Removing duplicate variables from felt themes...');
|
|
286
286
|
removeDuplicateVariables(
|
|
287
287
|
path.join(buildPath, 'tokens-default.scss'),
|
|
288
|
-
path.join(buildPath, 'tokens-
|
|
288
|
+
path.join(buildPath, 'tokens-felt.scss')
|
|
289
289
|
);
|
|
290
290
|
removeDuplicateVariables(
|
|
291
291
|
path.join(buildPath, 'tokens-dark.scss'),
|
|
292
|
-
path.join(buildPath, 'tokens-
|
|
292
|
+
path.join(buildPath, 'tokens-felt-dark.scss')
|
|
293
293
|
);
|
|
294
|
-
//
|
|
294
|
+
// Felt glass themes compare against default (not glass), because they source all default/glass tokens
|
|
295
295
|
removeDuplicateVariables(
|
|
296
296
|
path.join(buildPath, 'tokens-default.scss'),
|
|
297
|
-
path.join(buildPath, 'tokens-
|
|
297
|
+
path.join(buildPath, 'tokens-felt-glass.scss')
|
|
298
298
|
);
|
|
299
299
|
removeDuplicateVariables(
|
|
300
300
|
path.join(buildPath, 'tokens-dark.scss'),
|
|
301
|
-
path.join(buildPath, 'tokens-
|
|
301
|
+
path.join(buildPath, 'tokens-felt-glass-dark.scss')
|
|
302
302
|
);
|
|
303
303
|
removeDuplicateVariables(
|
|
304
304
|
path.join(buildPath, 'tokens-default.scss'),
|
|
305
|
-
path.join(buildPath, 'tokens-
|
|
305
|
+
path.join(buildPath, 'tokens-felt-highcontrast.scss')
|
|
306
306
|
);
|
|
307
307
|
removeDuplicateVariables(
|
|
308
308
|
path.join(buildPath, 'tokens-dark.scss'),
|
|
309
|
-
path.join(buildPath, 'tokens-
|
|
309
|
+
path.join(buildPath, 'tokens-felt-highcontrast-dark.scss')
|
|
310
310
|
);
|
|
311
311
|
|
|
312
312
|
console.log('\n============================');
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"source": [
|
|
3
3
|
"tokens/default/dark/*.json",
|
|
4
|
-
"tokens/
|
|
4
|
+
"tokens/felt/dark/felt*.json"
|
|
5
5
|
],
|
|
6
6
|
"platforms": {
|
|
7
7
|
"css": {
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
"buildPath": "build/css/",
|
|
10
10
|
"prefix": "pf-t",
|
|
11
11
|
"files": [{
|
|
12
|
-
"destination": "tokens-
|
|
12
|
+
"destination": "tokens-felt-dark.scss",
|
|
13
13
|
"format": "customFormat",
|
|
14
14
|
"options": {
|
|
15
15
|
"outputReferences": true
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"source": [
|
|
3
3
|
"tokens/default/glass-dark/*.json",
|
|
4
|
-
"tokens/
|
|
4
|
+
"tokens/felt/glass-dark/felt*.json"
|
|
5
5
|
],
|
|
6
6
|
"platforms": {
|
|
7
7
|
"css": {
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
"buildPath": "build/css/",
|
|
10
10
|
"prefix": "pf-t",
|
|
11
11
|
"files": [{
|
|
12
|
-
"destination": "tokens-
|
|
12
|
+
"destination": "tokens-felt-glass-dark.scss",
|
|
13
13
|
"format": "customFormat",
|
|
14
14
|
"options": {
|
|
15
15
|
"outputReferences": true
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"source": [
|
|
3
3
|
"tokens/default/glass/*.json",
|
|
4
|
-
"tokens/
|
|
4
|
+
"tokens/felt/glass/felt*.json"
|
|
5
5
|
],
|
|
6
6
|
"basePxFontSize": 16,
|
|
7
7
|
"platforms": {
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
"buildPath": "build/css/",
|
|
11
11
|
"prefix": "pf-t",
|
|
12
12
|
"files": [{
|
|
13
|
-
"destination": "tokens-
|
|
13
|
+
"destination": "tokens-felt-glass.scss",
|
|
14
14
|
"format": "customFormat",
|
|
15
15
|
"options": {
|
|
16
16
|
"outputReferences": true
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"source": [
|
|
3
3
|
"tokens/default/highcontrast-dark/*.json",
|
|
4
|
-
"tokens/
|
|
4
|
+
"tokens/felt/highcontrast-dark/felt*.json"
|
|
5
5
|
],
|
|
6
6
|
"platforms": {
|
|
7
7
|
"css": {
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
"buildPath": "build/css/",
|
|
10
10
|
"prefix": "pf-t",
|
|
11
11
|
"files": [{
|
|
12
|
-
"destination": "tokens-
|
|
12
|
+
"destination": "tokens-felt-highcontrast-dark.scss",
|
|
13
13
|
"format": "customFormat",
|
|
14
14
|
"options": {
|
|
15
15
|
"outputReferences": true
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"source": [
|
|
3
3
|
"tokens/default/light/*.json",
|
|
4
|
-
"tokens/
|
|
4
|
+
"tokens/felt/light/felt*.json"
|
|
5
5
|
],
|
|
6
6
|
"basePxFontSize": 16,
|
|
7
7
|
"platforms": {
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
"buildPath": "build/css/",
|
|
11
11
|
"prefix": "pf-t",
|
|
12
12
|
"files": [{
|
|
13
|
-
"destination": "tokens-
|
|
13
|
+
"destination": "tokens-felt.scss",
|
|
14
14
|
"format": "customFormat",
|
|
15
15
|
"options": {
|
|
16
16
|
"outputReferences": true
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"source": [
|
|
3
3
|
"tokens/default/dark/*.json",
|
|
4
|
-
"tokens/
|
|
4
|
+
"tokens/felt/dark/felt*.json"
|
|
5
5
|
],
|
|
6
6
|
"platforms": {
|
|
7
7
|
"json/default": {
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
"prefix": "pf-t",
|
|
11
11
|
"files": [
|
|
12
12
|
{
|
|
13
|
-
"destination": "token-layers-
|
|
13
|
+
"destination": "token-layers-felt-dark.json",
|
|
14
14
|
"format": "json/flat-categories",
|
|
15
15
|
"options": {
|
|
16
16
|
"outputReferences": false
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"source": [
|
|
3
3
|
"tokens/default/glass-dark/*.json",
|
|
4
|
-
"tokens/
|
|
4
|
+
"tokens/felt/glass-dark/felt*.json"
|
|
5
5
|
],
|
|
6
6
|
"platforms": {
|
|
7
7
|
"json/default": {
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
"prefix": "pf-t",
|
|
11
11
|
"files": [
|
|
12
12
|
{
|
|
13
|
-
"destination": "token-layers-
|
|
13
|
+
"destination": "token-layers-felt-glass-dark.json",
|
|
14
14
|
"format": "json/flat-categories",
|
|
15
15
|
"options": {
|
|
16
16
|
"outputReferences": false
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"source": [
|
|
3
3
|
"tokens/default/glass/*.json",
|
|
4
|
-
"tokens/
|
|
4
|
+
"tokens/felt/glass/felt*.json"
|
|
5
5
|
],
|
|
6
6
|
"platforms": {
|
|
7
7
|
"json/default": {
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
"prefix": "pf-t",
|
|
11
11
|
"files": [
|
|
12
12
|
{
|
|
13
|
-
"destination": "token-layers-
|
|
13
|
+
"destination": "token-layers-felt-glass.json",
|
|
14
14
|
"format": "json/flat-categories",
|
|
15
15
|
"options": {
|
|
16
16
|
"outputReferences": false
|
package/{config.layers.redhat-highcontrast-dark.json → config.layers.felt-highcontrast-dark.json}
RENAMED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"source": [
|
|
3
3
|
"tokens/default/highcontrast-dark/*.json",
|
|
4
|
-
"tokens/
|
|
4
|
+
"tokens/felt/highcontrast-dark/felt*.json"
|
|
5
5
|
],
|
|
6
6
|
"platforms": {
|
|
7
7
|
"json/default": {
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
"prefix": "pf-t",
|
|
11
11
|
"files": [
|
|
12
12
|
{
|
|
13
|
-
"destination": "token-layers-
|
|
13
|
+
"destination": "token-layers-felt-highcontrast-dark.json",
|
|
14
14
|
"format": "json/flat-categories",
|
|
15
15
|
"options": {
|
|
16
16
|
"outputReferences": false
|
package/package.json
CHANGED