@digdir/designsystemet 1.6.1 → 1.7.1
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/README.md +1 -1
- package/configs/test-tokens.config.json +9 -0
- package/dist/bin/config.js +12 -14
- package/dist/bin/designsystemet.d.ts +1 -1
- package/dist/bin/designsystemet.d.ts.map +1 -1
- package/dist/bin/designsystemet.js +60 -317
- package/dist/color.base.template-QGZJKXMN.json +22 -0
- package/dist/config.schema.json +23 -7
- package/dist/src/colors/colorMetadata.d.ts +2 -0
- package/dist/src/colors/colorMetadata.d.ts.map +1 -1
- package/dist/src/colors/colorMetadata.js +8 -5
- package/dist/src/colors/index.js +9 -17
- package/dist/src/colors/theme.d.ts.map +1 -1
- package/dist/src/colors/theme.js +14 -18
- package/dist/src/colors/types.d.ts +1 -1
- package/dist/src/colors/types.d.ts.map +1 -1
- package/dist/src/config.d.ts +18 -0
- package/dist/src/config.d.ts.map +1 -1
- package/dist/src/config.js +12 -14
- package/dist/src/index.d.ts +1 -0
- package/dist/src/index.d.ts.map +1 -1
- package/dist/src/index.js +211 -416
- package/dist/src/scripts/createJsonSchema.js +12 -14
- package/dist/src/scripts/update-preview-tokens.js +33 -294
- package/dist/src/scripts/update-template.d.ts.map +1 -1
- package/dist/src/scripts/update-template.js +349 -71
- package/dist/src/tokens/build.js +5 -5
- package/dist/src/tokens/create/generators/$designsystemet.js +5 -5
- package/dist/src/tokens/create/generators/$metadata.d.ts.map +1 -1
- package/dist/src/tokens/create/generators/$metadata.js +1 -4
- package/dist/src/tokens/create/generators/$themes.js +0 -1
- package/dist/src/tokens/create/generators/color.d.ts +0 -1
- package/dist/src/tokens/create/generators/color.d.ts.map +1 -1
- package/dist/src/tokens/create/generators/color.js +20 -23
- package/dist/src/tokens/create/generators/semantic.d.ts +1 -265
- package/dist/src/tokens/create/generators/semantic.d.ts.map +1 -1
- package/dist/src/tokens/create/generators/semantic.js +261 -270
- package/dist/src/tokens/create/generators/theme.d.ts.map +1 -1
- package/dist/src/tokens/create/generators/theme.js +265 -5
- package/dist/src/tokens/create/write.js +6 -10
- package/dist/src/tokens/create.d.ts.map +1 -1
- package/dist/src/tokens/create.js +33 -293
- package/dist/src/tokens/format.js +38 -299
- package/dist/src/tokens/index.js +38 -299
- package/dist/src/tokens/process/output/declarations.js +5 -5
- package/dist/src/tokens/process/output/theme.js +5 -5
- package/dist/src/tokens/template/design-tokens/semantic/color.base.template.js +1 -1
- package/package.json +5 -5
- package/dist/color.base.template-M7BHS4OV.json +0 -286
package/dist/config.schema.json
CHANGED
|
@@ -28,10 +28,10 @@
|
|
|
28
28
|
"type": "object",
|
|
29
29
|
"propertyNames": {
|
|
30
30
|
"type": "string",
|
|
31
|
-
"pattern": "^(?!(?:neutral|success|warning|danger|info
|
|
31
|
+
"pattern": "^(?!(?:neutral|success|warning|danger|info)$)"
|
|
32
32
|
},
|
|
33
33
|
"additionalProperties": {
|
|
34
|
-
"description": "A hex color, which is used for creating a color scale. Invalid color names: neutral, success, warning, danger, info
|
|
34
|
+
"description": "A hex color, which is used for creating a color scale. Invalid color names: neutral, success, warning, danger, info"
|
|
35
35
|
}
|
|
36
36
|
},
|
|
37
37
|
"support": {
|
|
@@ -40,14 +40,14 @@
|
|
|
40
40
|
"type": "object",
|
|
41
41
|
"propertyNames": {
|
|
42
42
|
"type": "string",
|
|
43
|
-
"pattern": "^(?!(?:neutral|success|warning|danger|info
|
|
43
|
+
"pattern": "^(?!(?:neutral|success|warning|danger|info)$)"
|
|
44
44
|
},
|
|
45
45
|
"additionalProperties": {
|
|
46
|
-
"description": "A hex color, which is used for creating a color scale. Invalid color names: neutral, success, warning, danger, info
|
|
46
|
+
"description": "A hex color, which is used for creating a color scale. Invalid color names: neutral, success, warning, danger, info"
|
|
47
47
|
}
|
|
48
48
|
},
|
|
49
49
|
"neutral": {
|
|
50
|
-
"description": "A hex color, which is used for creating a color scale. Invalid color names: neutral, success, warning, danger, info
|
|
50
|
+
"description": "A hex color, which is used for creating a color scale. Invalid color names: neutral, success, warning, danger, info"
|
|
51
51
|
}
|
|
52
52
|
},
|
|
53
53
|
"required": [
|
|
@@ -114,15 +114,31 @@
|
|
|
114
114
|
"type": "object",
|
|
115
115
|
"properties": {
|
|
116
116
|
"light": {
|
|
117
|
-
"description": "A hex color, which is used for creating a color scale. Invalid color names: neutral, success, warning, danger, info
|
|
117
|
+
"description": "A hex color, which is used for creating a color scale. Invalid color names: neutral, success, warning, danger, info"
|
|
118
118
|
},
|
|
119
119
|
"dark": {
|
|
120
|
-
"description": "A hex color, which is used for creating a color scale. Invalid color names: neutral, success, warning, danger, info
|
|
120
|
+
"description": "A hex color, which is used for creating a color scale. Invalid color names: neutral, success, warning, danger, info"
|
|
121
121
|
}
|
|
122
122
|
},
|
|
123
123
|
"additionalProperties": false
|
|
124
124
|
}
|
|
125
125
|
}
|
|
126
|
+
},
|
|
127
|
+
"severity": {
|
|
128
|
+
"description": "An object with severity color names as keys",
|
|
129
|
+
"type": "object",
|
|
130
|
+
"propertyNames": {
|
|
131
|
+
"type": "string",
|
|
132
|
+
"enum": [
|
|
133
|
+
"info",
|
|
134
|
+
"success",
|
|
135
|
+
"warning",
|
|
136
|
+
"danger"
|
|
137
|
+
]
|
|
138
|
+
},
|
|
139
|
+
"additionalProperties": {
|
|
140
|
+
"description": "A hex color, which is used for creating a color scale"
|
|
141
|
+
}
|
|
126
142
|
}
|
|
127
143
|
},
|
|
128
144
|
"additionalProperties": false
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import type { ColorMetadataByName, ColorNumber, CssColor, GlobalColors } from './types.js';
|
|
2
2
|
export declare const baseColors: Record<GlobalColors, CssColor>;
|
|
3
|
+
export declare const dsLinkColor = "#663299";
|
|
3
4
|
export declare const colorMetadata: ColorMetadataByName;
|
|
4
5
|
export declare const getColorMetadataByNumber: (number: ColorNumber) => ({
|
|
5
6
|
name: "background-default";
|
|
@@ -51,4 +52,5 @@ export declare const getColorMetadataByNumber: (number: ColorNumber) => ({
|
|
|
51
52
|
number: 16;
|
|
52
53
|
} & import("./types.js").ColorMetadata);
|
|
53
54
|
export declare const colorNames: Array<keyof typeof colorMetadata>;
|
|
55
|
+
export declare const baseColorNames: Array<keyof typeof baseColors>;
|
|
54
56
|
//# sourceMappingURL=colorMetadata.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colorMetadata.d.ts","sourceRoot":"","sources":["../../../src/colors/colorMetadata.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE3F,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,YAAY,EAAE,QAAQ,
|
|
1
|
+
{"version":3,"file":"colorMetadata.d.ts","sourceRoot":"","sources":["../../../src/colors/colorMetadata.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE3F,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,YAAY,EAAE,QAAQ,CAKrD,CAAC;AAEF,eAAO,MAAM,WAAW,YAAY,CAAC;AAErC,eAAO,MAAM,aAAa,EAAE,mBAiP3B,CAAC;AAIF,eAAO,MAAM,wBAAwB,GAAI,QAAQ,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uCAE3D,CAAC;AAEF,eAAO,MAAM,UAAU,EAAiC,KAAK,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAE1F,eAAO,MAAM,cAAc,EAA8B,KAAK,CAAC,MAAM,OAAO,UAAU,CAAC,CAAC"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
// src/colors/colorMetadata.ts
|
|
2
2
|
import * as R from "ramda";
|
|
3
3
|
var baseColors = {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
red: "#C01B1B"
|
|
4
|
+
info: "#0A71C0",
|
|
5
|
+
success: "#068718",
|
|
6
|
+
warning: "#EA9B1B",
|
|
7
|
+
danger: "#C01B1B"
|
|
9
8
|
};
|
|
9
|
+
var dsLinkColor = "#663299";
|
|
10
10
|
var colorMetadata = {
|
|
11
11
|
"background-default": {
|
|
12
12
|
number: 1,
|
|
@@ -254,9 +254,12 @@ var getColorMetadataByNumber = (number) => {
|
|
|
254
254
|
return colorMetadataByNumber[number];
|
|
255
255
|
};
|
|
256
256
|
var colorNames = Object.keys(colorMetadata);
|
|
257
|
+
var baseColorNames = Object.keys(baseColors);
|
|
257
258
|
export {
|
|
259
|
+
baseColorNames,
|
|
258
260
|
baseColors,
|
|
259
261
|
colorMetadata,
|
|
260
262
|
colorNames,
|
|
263
|
+
dsLinkColor,
|
|
261
264
|
getColorMetadataByNumber
|
|
262
265
|
};
|
package/dist/src/colors/index.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
// src/colors/colorMetadata.ts
|
|
2
2
|
import * as R from "ramda";
|
|
3
3
|
var baseColors = {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
red: "#C01B1B"
|
|
4
|
+
info: "#0A71C0",
|
|
5
|
+
success: "#068718",
|
|
6
|
+
warning: "#EA9B1B",
|
|
7
|
+
danger: "#C01B1B"
|
|
9
8
|
};
|
|
9
|
+
var dsLinkColor = "#663299";
|
|
10
10
|
var colorMetadata = {
|
|
11
11
|
"background-default": {
|
|
12
12
|
number: 1,
|
|
@@ -254,6 +254,7 @@ var getColorMetadataByNumber = (number) => {
|
|
|
254
254
|
return colorMetadataByNumber[number];
|
|
255
255
|
};
|
|
256
256
|
var colorNames = Object.keys(colorMetadata);
|
|
257
|
+
var baseColorNames = Object.keys(baseColors);
|
|
257
258
|
|
|
258
259
|
// src/colors/theme.ts
|
|
259
260
|
import chroma2 from "chroma-js";
|
|
@@ -399,18 +400,7 @@ var convertColor = (cssColor, format) => {
|
|
|
399
400
|
};
|
|
400
401
|
|
|
401
402
|
// src/colors/theme.ts
|
|
402
|
-
var RESERVED_COLORS = [
|
|
403
|
-
"neutral",
|
|
404
|
-
"success",
|
|
405
|
-
"warning",
|
|
406
|
-
"danger",
|
|
407
|
-
"info",
|
|
408
|
-
"blue",
|
|
409
|
-
"green",
|
|
410
|
-
"orange",
|
|
411
|
-
"purple",
|
|
412
|
-
"red"
|
|
413
|
-
];
|
|
403
|
+
var RESERVED_COLORS = ["neutral", "success", "warning", "danger", "info"];
|
|
414
404
|
var generateColorScale = (color, colorScheme) => {
|
|
415
405
|
let interpolationColor = color;
|
|
416
406
|
if (colorScheme === "dark") {
|
|
@@ -478,12 +468,14 @@ export {
|
|
|
478
468
|
HSLToHex,
|
|
479
469
|
RESERVED_COLORS,
|
|
480
470
|
areColorsContrasting,
|
|
471
|
+
baseColorNames,
|
|
481
472
|
baseColors,
|
|
482
473
|
canTextBeUsedOnColors,
|
|
483
474
|
colorMetadata,
|
|
484
475
|
colorNames,
|
|
485
476
|
convertColor,
|
|
486
477
|
convertToHex,
|
|
478
|
+
dsLinkColor,
|
|
487
479
|
generateColorContrast,
|
|
488
480
|
generateColorScale,
|
|
489
481
|
generateColorSchemes,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/colors/theme.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAGvF,eAAO,MAAM,eAAe,
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/colors/theme.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAGvF,eAAO,MAAM,eAAe,UAAsD,CAAC;AAEnF;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,GAAI,OAAO,QAAQ,EAAE,aAAa,WAAW,KAAG,KAAK,EAiCnF,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,GAAI,OAAO,QAAQ,KAAG,SAIrD,CAAC;AAgCH;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,GAAI,OAAO,QAAQ,EAAE,MAAM,SAAS,GAAG,QAAQ,KAAG,QAgBnF,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,cAAc,GAAI,WAAW,MAAM,EAAE,aAAa,WAAW,WAEzE,CAAC"}
|
package/dist/src/colors/theme.js
CHANGED
|
@@ -4,6 +4,12 @@ import * as R2 from "ramda";
|
|
|
4
4
|
|
|
5
5
|
// src/colors/colorMetadata.ts
|
|
6
6
|
import * as R from "ramda";
|
|
7
|
+
var baseColors = {
|
|
8
|
+
info: "#0A71C0",
|
|
9
|
+
success: "#068718",
|
|
10
|
+
warning: "#EA9B1B",
|
|
11
|
+
danger: "#C01B1B"
|
|
12
|
+
};
|
|
7
13
|
var colorMetadata = {
|
|
8
14
|
"background-default": {
|
|
9
15
|
number: 1,
|
|
@@ -251,6 +257,7 @@ var getColorMetadataByNumber = (number) => {
|
|
|
251
257
|
return colorMetadataByNumber[number];
|
|
252
258
|
};
|
|
253
259
|
var colorNames = Object.keys(colorMetadata);
|
|
260
|
+
var baseColorNames = Object.keys(baseColors);
|
|
254
261
|
|
|
255
262
|
// src/colors/utils.ts
|
|
256
263
|
import chroma from "chroma-js";
|
|
@@ -270,18 +277,7 @@ var getLightnessFromHex = (hex) => {
|
|
|
270
277
|
};
|
|
271
278
|
|
|
272
279
|
// src/colors/theme.ts
|
|
273
|
-
var RESERVED_COLORS = [
|
|
274
|
-
"neutral",
|
|
275
|
-
"success",
|
|
276
|
-
"warning",
|
|
277
|
-
"danger",
|
|
278
|
-
"info",
|
|
279
|
-
"blue",
|
|
280
|
-
"green",
|
|
281
|
-
"orange",
|
|
282
|
-
"purple",
|
|
283
|
-
"red"
|
|
284
|
-
];
|
|
280
|
+
var RESERVED_COLORS = ["neutral", "success", "warning", "danger", "info"];
|
|
285
281
|
var generateColorScale = (color, colorScheme) => {
|
|
286
282
|
let interpolationColor = color;
|
|
287
283
|
if (colorScheme === "dark") {
|
|
@@ -296,17 +292,17 @@ var generateColorScale = (color, colorScheme) => {
|
|
|
296
292
|
hex: chroma2(interpolationColor).luminance(luminance).hex()
|
|
297
293
|
};
|
|
298
294
|
}, colorMetadata);
|
|
299
|
-
const
|
|
300
|
-
colors["base-default"] = { ...colors["base-default"], hex:
|
|
301
|
-
colors["base-hover"] = { ...colors["base-hover"], hex:
|
|
302
|
-
colors["base-active"] = { ...colors["base-active"], hex:
|
|
295
|
+
const baseColors2 = generateBaseColors(color, colorScheme);
|
|
296
|
+
colors["base-default"] = { ...colors["base-default"], hex: baseColors2.default };
|
|
297
|
+
colors["base-hover"] = { ...colors["base-hover"], hex: baseColors2.hover };
|
|
298
|
+
colors["base-active"] = { ...colors["base-active"], hex: baseColors2.active };
|
|
303
299
|
colors["base-contrast-subtle"] = {
|
|
304
300
|
...colors["base-contrast-subtle"],
|
|
305
|
-
hex: generateColorContrast(
|
|
301
|
+
hex: generateColorContrast(baseColors2.default, "subtle")
|
|
306
302
|
};
|
|
307
303
|
colors["base-contrast-default"] = {
|
|
308
304
|
...colors["base-contrast-default"],
|
|
309
|
-
hex: generateColorContrast(
|
|
305
|
+
hex: generateColorContrast(baseColors2.default, "default")
|
|
310
306
|
};
|
|
311
307
|
return Object.values(colors);
|
|
312
308
|
};
|
|
@@ -2,7 +2,7 @@ export type ColorScheme = 'light' | 'dark' | 'contrast';
|
|
|
2
2
|
export type ContrastMode = 'aa' | 'aaa';
|
|
3
3
|
export type ColorNumber = SemanticColorNumberMap[keyof SemanticColorNumberMap];
|
|
4
4
|
export type ColorNames = keyof SemanticColorNumberMap;
|
|
5
|
-
export type GlobalColors = '
|
|
5
|
+
export type GlobalColors = 'danger' | 'info' | 'success' | 'warning';
|
|
6
6
|
export type ColorError = 'none' | 'decorative' | 'interaction';
|
|
7
7
|
type SemanticColorNumberMap = {
|
|
8
8
|
'background-default': 1;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/colors/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,CAAC;AACxD,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,KAAK,CAAC;AACxC,MAAM,MAAM,WAAW,GAAG,sBAAsB,CAAC,MAAM,sBAAsB,CAAC,CAAC;AAC/E,MAAM,MAAM,UAAU,GAAG,MAAM,sBAAsB,CAAC;AACtD,MAAM,MAAM,YAAY,GAAG,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/colors/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,CAAC;AACxD,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,KAAK,CAAC;AACxC,MAAM,MAAM,WAAW,GAAG,sBAAsB,CAAC,MAAM,sBAAsB,CAAC,CAAC;AAC/E,MAAM,MAAM,UAAU,GAAG,MAAM,sBAAsB,CAAC;AACtD,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;AACrE,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,YAAY,GAAG,aAAa,CAAC;AAE/D,KAAK,sBAAsB,GAAG;IAC5B,oBAAoB,EAAE,CAAC,CAAC;IACxB,mBAAmB,EAAE,CAAC,CAAC;IACvB,iBAAiB,EAAE,CAAC,CAAC;IACrB,gBAAgB,EAAE,CAAC,CAAC;IACpB,eAAe,EAAE,CAAC,CAAC;IACnB,gBAAgB,EAAE,CAAC,CAAC;IACpB,eAAe,EAAE,CAAC,CAAC;IACnB,gBAAgB,EAAE,CAAC,CAAC;IACpB,eAAe,EAAE,CAAC,CAAC;IACnB,aAAa,EAAE,EAAE,CAAC;IAClB,cAAc,EAAE,EAAE,CAAC;IACnB,cAAc,EAAE,EAAE,CAAC;IACnB,YAAY,EAAE,EAAE,CAAC;IACjB,aAAa,EAAE,EAAE,CAAC;IAClB,sBAAsB,EAAE,EAAE,CAAC;IAC3B,uBAAuB,EAAE,EAAE,CAAC;CAC7B,CAAC;AAEF,KAAK,oBAAoB,GAAG;KACzB,CAAC,IAAI,MAAM,sBAAsB,GAAG;QACnC,IAAI,EAAE,CAAC,CAAC;QACR,MAAM,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAC;KACnC;CACF,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;KAC/B,CAAC,IAAI,MAAM,oBAAoB,GAAG,oBAAoB,CAAC,CAAC,CAAC,GAAG,aAAa;CAC3E,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,UAAU,CAAC;IACjB,MAAM,EAAE,WAAW,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE;QACX,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE;QACT,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG,aAAa,GAAG;IAClC,GAAG,EAAE,QAAQ,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,EAAE,KAAK,EAAE,CAAC;IACf,IAAI,EAAE,KAAK,EAAE,CAAC;IACd,QAAQ,EAAE,KAAK,EAAE,CAAC;CACnB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,QAAQ,CAAC;AAEhC;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,IAAI,MAAM,EAAE,CAAC"}
|
package/dist/src/config.d.ts
CHANGED
|
@@ -33,6 +33,12 @@ declare const overridesSchema: z.ZodOptional<z.ZodObject<{
|
|
|
33
33
|
light: z.ZodOptional<z.ZodPipe<z.ZodString, z.ZodTransform<`#${string}`, string>>>;
|
|
34
34
|
dark: z.ZodOptional<z.ZodPipe<z.ZodString, z.ZodTransform<`#${string}`, string>>>;
|
|
35
35
|
}, z.core.$strip>>>>;
|
|
36
|
+
severity: z.ZodOptional<z.ZodOptional<z.ZodRecord<z.ZodEnum<{
|
|
37
|
+
danger: "danger";
|
|
38
|
+
info: "info";
|
|
39
|
+
success: "success";
|
|
40
|
+
warning: "warning";
|
|
41
|
+
}> & z.core.$partial, z.ZodPipe<z.ZodString, z.ZodTransform<`#${string}`, string>>>>>;
|
|
36
42
|
}, z.core.$strip>>;
|
|
37
43
|
declare const themeSchema: z.ZodObject<{
|
|
38
44
|
colors: z.ZodObject<{
|
|
@@ -66,6 +72,12 @@ declare const themeSchema: z.ZodObject<{
|
|
|
66
72
|
light: z.ZodOptional<z.ZodPipe<z.ZodString, z.ZodTransform<`#${string}`, string>>>;
|
|
67
73
|
dark: z.ZodOptional<z.ZodPipe<z.ZodString, z.ZodTransform<`#${string}`, string>>>;
|
|
68
74
|
}, z.core.$strip>>>>;
|
|
75
|
+
severity: z.ZodOptional<z.ZodOptional<z.ZodRecord<z.ZodEnum<{
|
|
76
|
+
danger: "danger";
|
|
77
|
+
info: "info";
|
|
78
|
+
success: "success";
|
|
79
|
+
warning: "warning";
|
|
80
|
+
}> & z.core.$partial, z.ZodPipe<z.ZodString, z.ZodTransform<`#${string}`, string>>>>>;
|
|
69
81
|
}, z.core.$strip>>;
|
|
70
82
|
}, z.core.$strip>;
|
|
71
83
|
export declare const commonConfig: z.ZodObject<{
|
|
@@ -108,6 +120,12 @@ export declare const configFileCreateSchema: z.ZodObject<{
|
|
|
108
120
|
light: z.ZodOptional<z.ZodPipe<z.ZodString, z.ZodTransform<`#${string}`, string>>>;
|
|
109
121
|
dark: z.ZodOptional<z.ZodPipe<z.ZodString, z.ZodTransform<`#${string}`, string>>>;
|
|
110
122
|
}, z.core.$strip>>>>;
|
|
123
|
+
severity: z.ZodOptional<z.ZodOptional<z.ZodRecord<z.ZodEnum<{
|
|
124
|
+
danger: "danger";
|
|
125
|
+
info: "info";
|
|
126
|
+
success: "success";
|
|
127
|
+
warning: "warning";
|
|
128
|
+
}> & z.core.$partial, z.ZodPipe<z.ZodString, z.ZodTransform<`#${string}`, string>>>>>;
|
|
111
129
|
}, z.core.$strip>>;
|
|
112
130
|
}, z.core.$strip>>>;
|
|
113
131
|
clean: z.ZodOptional<z.ZodBoolean>;
|
package/dist/src/config.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/config.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAuCxB;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,CAAC,EAC9B,MAAM,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EACpB,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC1C,UAAU,EAAE,MAAM,GACjB,CAAC,CAUH;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,CAAC,CAexE;AAWD,eAAO,MAAM,UAAU,QAA2C,CAAC;
|
|
1
|
+
{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/config.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAuCxB;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,CAAC,EAC9B,MAAM,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EACpB,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC1C,UAAU,EAAE,MAAM,GACjB,CAAC,CAUH;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,CAAC,CAexE;AAWD,eAAO,MAAM,UAAU,QAA2C,CAAC;AA6CnE,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAMR,CAAC;AAEd,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAkBmG,CAAC;AAErH,eAAO,MAAM,YAAY;;iBAEvB,CAAC;AAYH;;GAEG;AACH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAAqD,CAAC;AACzF,MAAM,MAAM,kBAAkB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,YAAY,CAAC,CAAC;AAC9D,MAAM,MAAM,iBAAiB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,YAAY,CAAC,CAAC;AAC7D,MAAM,MAAM,kBAAkB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,sBAAsB,CAAC,CAAC;AACxE,MAAM,MAAM,iBAAiB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,WAAW,CAAC,CAAC;AAC5D,MAAM,MAAM,mBAAmB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,eAAe,CAAC,CAAC"}
|
package/dist/src/config.js
CHANGED
|
@@ -6,6 +6,12 @@ import { fromError } from "zod-validation-error";
|
|
|
6
6
|
|
|
7
7
|
// src/colors/colorMetadata.ts
|
|
8
8
|
import * as R from "ramda";
|
|
9
|
+
var baseColors = {
|
|
10
|
+
info: "#0A71C0",
|
|
11
|
+
success: "#068718",
|
|
12
|
+
warning: "#EA9B1B",
|
|
13
|
+
danger: "#C01B1B"
|
|
14
|
+
};
|
|
9
15
|
var colorMetadata = {
|
|
10
16
|
"background-default": {
|
|
11
17
|
number: 1,
|
|
@@ -250,6 +256,7 @@ var colorMetadata = {
|
|
|
250
256
|
};
|
|
251
257
|
var colorMetadataByNumber = R.indexBy((metadata) => metadata.number, Object.values(colorMetadata));
|
|
252
258
|
var colorNames = Object.keys(colorMetadata);
|
|
259
|
+
var baseColorNames = Object.keys(baseColors);
|
|
253
260
|
|
|
254
261
|
// src/colors/theme.ts
|
|
255
262
|
import chroma2 from "chroma-js";
|
|
@@ -270,18 +277,7 @@ var convertToHex = (color) => {
|
|
|
270
277
|
};
|
|
271
278
|
|
|
272
279
|
// src/colors/theme.ts
|
|
273
|
-
var RESERVED_COLORS = [
|
|
274
|
-
"neutral",
|
|
275
|
-
"success",
|
|
276
|
-
"warning",
|
|
277
|
-
"danger",
|
|
278
|
-
"info",
|
|
279
|
-
"blue",
|
|
280
|
-
"green",
|
|
281
|
-
"orange",
|
|
282
|
-
"purple",
|
|
283
|
-
"red"
|
|
284
|
-
];
|
|
280
|
+
var RESERVED_COLORS = ["neutral", "success", "warning", "danger", "info"];
|
|
285
281
|
|
|
286
282
|
// src/tokens/create/defaults.ts
|
|
287
283
|
import * as R3 from "ramda";
|
|
@@ -389,10 +385,12 @@ var colorModeOverrideSchema = z.object({
|
|
|
389
385
|
light: colorSchema.optional(),
|
|
390
386
|
dark: colorSchema.optional()
|
|
391
387
|
}).describe('Override values for semantic color tokens like "background-subtle", "border-default", etc.');
|
|
392
|
-
var colorWeightOverrideSchema = z.partialRecord(z.enum(colorNames), colorModeOverrideSchema).describe('The name of the color to add overrides for, e.g. "accent"');
|
|
388
|
+
var colorWeightOverrideSchema = z.partialRecord(z.enum([...colorNames]), colorModeOverrideSchema).describe('The name of the color to add overrides for, e.g. "accent"');
|
|
393
389
|
var semanticColorOverrideSchema = z.record(z.string(), colorWeightOverrideSchema).describe("An object with color names as keys");
|
|
390
|
+
var severityColorOverrideSchema = z.partialRecord(z.enum(baseColorNames), colorSchema.describe("A hex color, which is used for creating a color scale")).optional().describe("An object with severity color names as keys");
|
|
394
391
|
var overridesSchema = z.object({
|
|
395
|
-
colors: semanticColorOverrideSchema.optional()
|
|
392
|
+
colors: semanticColorOverrideSchema.optional(),
|
|
393
|
+
severity: severityColorOverrideSchema.optional()
|
|
396
394
|
}).describe("Overrides for generated design tokens. Currently only supports colors defined in your theme").optional();
|
|
397
395
|
var themeSchema = z.object({
|
|
398
396
|
colors: z.object({
|
package/dist/src/index.d.ts
CHANGED
package/dist/src/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,OAAO,EACL,KAAK,kBAAkB,IAAI,YAAY,EACvC,sBAAsB,IAAI,YAAY,GACvC,MAAM,aAAa,CAAC;AACrB,cAAc,mBAAmB,CAAC"}
|