@primer/primitives 9.0.3 → 9.1.0-rc.73606a1a
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/dist/build/PrimerStyleDictionary.d.ts +9 -0
- package/dist/build/PrimerStyleDictionary.js +93 -0
- package/dist/build/filters/index.d.ts +13 -0
- package/dist/build/filters/index.js +29 -0
- package/{src/filters/isBorder.ts → dist/build/filters/isBorder.d.ts} +2 -5
- package/dist/build/filters/isBorder.js +12 -0
- package/{src/filters/isColor.ts → dist/build/filters/isColor.d.ts} +2 -5
- package/dist/build/filters/isColor.js +12 -0
- package/dist/build/filters/isColorWithAlpha.d.ts +7 -0
- package/dist/build/filters/isColorWithAlpha.js +13 -0
- package/dist/build/filters/isColorWithMix.d.ts +7 -0
- package/dist/build/filters/isColorWithMix.js +28 -0
- package/{src/filters/isDeprecated.ts → dist/build/filters/isDeprecated.d.ts} +2 -5
- package/dist/build/filters/isDeprecated.js +12 -0
- package/{src/filters/isDimension.ts → dist/build/filters/isDimension.d.ts} +2 -5
- package/dist/build/filters/isDimension.js +12 -0
- package/{src/filters/isDuration.ts → dist/build/filters/isDuration.d.ts} +2 -5
- package/dist/build/filters/isDuration.js +12 -0
- package/{src/filters/isFontFamily.ts → dist/build/filters/isFontFamily.d.ts} +2 -5
- package/dist/build/filters/isFontFamily.js +12 -0
- package/{src/filters/isFontWeight.ts → dist/build/filters/isFontWeight.d.ts} +2 -5
- package/dist/build/filters/isFontWeight.js +12 -0
- package/dist/build/filters/isFromFile.d.ts +8 -0
- package/dist/build/filters/isFromFile.js +14 -0
- package/{src/filters/isNumber.ts → dist/build/filters/isNumber.d.ts} +2 -3
- package/dist/build/filters/isNumber.js +10 -0
- package/{src/filters/isShadow.ts → dist/build/filters/isShadow.d.ts} +2 -5
- package/dist/build/filters/isShadow.js +12 -0
- package/{src/filters/isSource.ts → dist/build/filters/isSource.d.ts} +2 -5
- package/dist/build/filters/isSource.js +12 -0
- package/{src/filters/isTypography.ts → dist/build/filters/isTypography.d.ts} +2 -5
- package/dist/build/filters/isTypography.js +12 -0
- package/dist/build/formats/cssAdvanced.d.ts +2 -0
- package/dist/build/formats/cssAdvanced.js +85 -0
- package/dist/build/formats/cssCustomMedia.d.ts +7 -0
- package/dist/build/formats/cssCustomMedia.js +25 -0
- package/dist/build/formats/index.d.ts +9 -0
- package/dist/build/formats/index.js +21 -0
- package/dist/build/formats/javascriptCommonJs.d.ts +7 -0
- package/dist/build/formats/javascriptCommonJs.js +25 -0
- package/dist/build/formats/javascriptEsm.d.ts +7 -0
- package/dist/build/formats/javascriptEsm.js +25 -0
- package/dist/build/formats/jsonFigma.d.ts +7 -0
- package/dist/build/formats/jsonFigma.js +116 -0
- package/dist/build/formats/jsonNestedPrefixed.d.ts +8 -0
- package/dist/build/formats/jsonNestedPrefixed.js +28 -0
- package/dist/build/formats/jsonOneDimensional.d.ts +8 -0
- package/dist/build/formats/jsonOneDimensional.js +24 -0
- package/dist/build/formats/jsonPostCssFallback.d.ts +8 -0
- package/dist/build/formats/jsonPostCssFallback.js +21 -0
- package/dist/build/formats/typescriptExportDefinition.d.ts +7 -0
- package/dist/build/formats/typescriptExportDefinition.js +166 -0
- package/{src/formats/utilities/jsonToFlat.ts → dist/build/formats/utilities/jsonToFlat.d.ts} +4 -3
- package/dist/build/formats/utilities/jsonToFlat.js +12 -0
- package/dist/build/formats/utilities/jsonToNestedValue.d.ts +8 -0
- package/dist/build/formats/utilities/jsonToNestedValue.js +25 -0
- package/dist/build/formats/utilities/prefixTokens.d.ts +8 -0
- package/dist/build/formats/utilities/prefixTokens.js +17 -0
- package/dist/build/parsers/index.d.ts +1 -0
- package/dist/build/parsers/index.js +5 -0
- package/dist/build/parsers/w3cJsonParser.d.ts +6 -0
- package/dist/build/parsers/w3cJsonParser.js +27 -0
- package/dist/build/platforms/css.d.ts +2 -0
- package/dist/build/platforms/css.js +88 -0
- package/dist/build/platforms/deprecatedJson.d.ts +2 -0
- package/dist/build/platforms/deprecatedJson.js +17 -0
- package/dist/build/platforms/docJson.d.ts +2 -0
- package/dist/build/platforms/docJson.js +35 -0
- package/dist/build/platforms/fallbacks.d.ts +2 -0
- package/dist/build/platforms/fallbacks.js +35 -0
- package/dist/build/platforms/figma.d.ts +2 -0
- package/dist/build/platforms/figma.js +53 -0
- package/dist/build/platforms/index.d.ts +10 -0
- package/dist/build/platforms/index.js +23 -0
- package/dist/build/platforms/javascript.d.ts +2 -0
- package/dist/build/platforms/javascript.js +31 -0
- package/dist/build/platforms/json.d.ts +2 -0
- package/dist/build/platforms/json.js +33 -0
- package/dist/build/platforms/styleLint.d.ts +2 -0
- package/dist/build/platforms/styleLint.js +35 -0
- package/dist/build/platforms/typeDefinitions.d.ts +2 -0
- package/dist/build/platforms/typeDefinitions.js +31 -0
- package/dist/build/platforms/typescript.d.ts +2 -0
- package/dist/build/platforms/typescript.js +31 -0
- package/dist/build/schemas/alphaValue.d.ts +2 -0
- package/dist/build/schemas/alphaValue.js +8 -0
- package/dist/build/schemas/baseToken.d.ts +11 -0
- package/dist/build/schemas/baseToken.js +10 -0
- package/dist/build/schemas/borderToken.d.ts +51 -0
- package/dist/build/schemas/borderToken.js +20 -0
- package/dist/build/schemas/collections.d.ts +6 -0
- package/dist/build/schemas/collections.js +18 -0
- package/dist/build/schemas/colorHexValue.d.ts +2 -0
- package/dist/build/schemas/colorHexValue.js +12 -0
- package/dist/build/schemas/colorToken.d.ts +80 -0
- package/dist/build/schemas/colorToken.js +52 -0
- package/dist/build/schemas/designToken.d.ts +2 -0
- package/dist/build/schemas/designToken.js +37 -0
- package/dist/build/schemas/dimensionToken.d.ts +52 -0
- package/dist/build/schemas/dimensionToken.js +36 -0
- package/dist/build/schemas/dimensionValue.d.ts +2 -0
- package/dist/build/schemas/dimensionValue.js +12 -0
- package/dist/build/schemas/durationToken.d.ts +18 -0
- package/dist/build/schemas/durationToken.js +14 -0
- package/dist/build/schemas/durationValue.d.ts +2 -0
- package/dist/build/schemas/durationValue.js +8 -0
- package/dist/build/schemas/fontFamilyToken.d.ts +52 -0
- package/dist/build/schemas/fontFamilyToken.js +23 -0
- package/dist/build/schemas/fontWeightToken.d.ts +52 -0
- package/dist/build/schemas/fontWeightToken.js +24 -0
- package/dist/build/schemas/fontWeightValue.d.ts +2 -0
- package/dist/build/schemas/fontWeightValue.js +9 -0
- package/dist/build/schemas/numberToken.d.ts +71 -0
- package/dist/build/schemas/numberToken.js +30 -0
- package/dist/build/schemas/referenceValue.d.ts +2 -0
- package/dist/build/schemas/referenceValue.js +8 -0
- package/dist/build/schemas/scopes.d.ts +5 -0
- package/dist/build/schemas/scopes.js +34 -0
- package/dist/build/schemas/shadowToken.d.ts +157 -0
- package/dist/build/schemas/shadowToken.js +46 -0
- package/dist/build/schemas/stringToken.d.ts +18 -0
- package/dist/build/schemas/stringToken.js +13 -0
- package/dist/build/schemas/tokenName.d.ts +2 -0
- package/dist/build/schemas/tokenName.js +8 -0
- package/dist/build/schemas/tokenType.d.ts +3 -0
- package/dist/build/schemas/tokenType.js +6 -0
- package/dist/build/schemas/typographyToken.d.ts +59 -0
- package/dist/build/schemas/typographyToken.js +21 -0
- package/dist/build/schemas/validTokenType.d.ts +5 -0
- package/dist/build/schemas/validTokenType.js +34 -0
- package/dist/build/schemas/viewportRangeToken.d.ts +18 -0
- package/dist/build/schemas/viewportRangeToken.js +13 -0
- package/dist/build/transformers/borderToCss.d.ts +8 -0
- package/dist/build/transformers/borderToCss.js +38 -0
- package/dist/build/transformers/colorToHex.d.ts +8 -0
- package/dist/build/transformers/colorToHex.js +18 -0
- package/dist/build/transformers/colorToHexAlpha.d.ts +8 -0
- package/dist/build/transformers/colorToHexAlpha.js +25 -0
- package/dist/build/transformers/colorToHexMix.d.ts +8 -0
- package/dist/build/transformers/colorToHexMix.js +25 -0
- package/dist/build/transformers/colorToRgbAlpha.d.ts +8 -0
- package/dist/build/transformers/colorToRgbAlpha.js +22 -0
- package/dist/build/transformers/colorToRgbaFloat.d.ts +8 -0
- package/dist/build/transformers/colorToRgbaFloat.js +50 -0
- package/dist/build/transformers/dimensionToPixelUnitless.d.ts +8 -0
- package/dist/build/transformers/dimensionToPixelUnitless.js +50 -0
- package/dist/build/transformers/dimensionToRem.d.ts +8 -0
- package/dist/build/transformers/dimensionToRem.js +47 -0
- package/dist/build/transformers/dimensionToRemPxArray.d.ts +8 -0
- package/dist/build/transformers/dimensionToRemPxArray.js +47 -0
- package/dist/build/transformers/durationToCss.d.ts +8 -0
- package/dist/build/transformers/durationToCss.js +30 -0
- package/dist/build/transformers/figmaAttributes.d.ts +8 -0
- package/dist/build/transformers/figmaAttributes.js +57 -0
- package/dist/build/transformers/floatToPixel.d.ts +15 -0
- package/dist/build/transformers/floatToPixel.js +41 -0
- package/dist/build/transformers/fontFamilyToCss.d.ts +14 -0
- package/dist/build/transformers/fontFamilyToCss.js +40 -0
- package/dist/build/transformers/fontFamilyToFigma.d.ts +14 -0
- package/dist/build/transformers/fontFamilyToFigma.js +46 -0
- package/dist/build/transformers/fontWeightToNumber.d.ts +9 -0
- package/dist/build/transformers/fontWeightToNumber.js +53 -0
- package/dist/build/transformers/index.d.ts +25 -0
- package/dist/build/transformers/index.js +53 -0
- package/dist/build/transformers/jsonDeprecated.d.ts +8 -0
- package/dist/build/transformers/jsonDeprecated.js +16 -0
- package/{src/transformers/namePathToCamelCase.ts → dist/build/transformers/namePathToCamelCase.d.ts} +2 -8
- package/dist/build/transformers/namePathToCamelCase.js +14 -0
- package/dist/build/transformers/namePathToDotNotation.d.ts +8 -0
- package/dist/build/transformers/namePathToDotNotation.js +33 -0
- package/dist/build/transformers/namePathToFigma.d.ts +9 -0
- package/dist/build/transformers/namePathToFigma.js +24 -0
- package/dist/build/transformers/namePathToKebabCase.d.ts +8 -0
- package/dist/build/transformers/namePathToKebabCase.js +18 -0
- package/dist/build/transformers/namePathToPascalCase.d.ts +8 -0
- package/dist/build/transformers/namePathToPascalCase.js +14 -0
- package/dist/build/transformers/namePathToSlashNotation.d.ts +8 -0
- package/dist/build/transformers/namePathToSlashNotation.js +18 -0
- package/dist/build/transformers/shadowToCss.d.ts +8 -0
- package/dist/build/transformers/shadowToCss.js +35 -0
- package/dist/build/transformers/typographyToCss.d.ts +8 -0
- package/dist/build/transformers/typographyToCss.js +29 -0
- package/dist/build/transformers/utilities/alpha.d.ts +9 -0
- package/dist/build/transformers/utilities/alpha.js +20 -0
- package/dist/build/transformers/utilities/checkRequiredTokenProperties.d.ts +7 -0
- package/dist/build/transformers/utilities/checkRequiredTokenProperties.js +17 -0
- package/dist/build/transformers/utilities/getTokenValue.d.ts +2 -0
- package/dist/build/transformers/utilities/getTokenValue.js +18 -0
- package/dist/build/transformers/utilities/hasSpaceInString.d.ts +1 -0
- package/dist/build/transformers/utilities/hasSpaceInString.js +10 -0
- package/dist/build/transformers/utilities/hexToRgbaFloat.d.ts +2 -0
- package/dist/build/transformers/utilities/hexToRgbaFloat.js +33 -0
- package/dist/build/transformers/utilities/invalidTokenError.d.ts +7 -0
- package/dist/build/transformers/utilities/invalidTokenError.js +26 -0
- package/dist/build/transformers/utilities/isRgbaFloat.d.ts +7 -0
- package/dist/build/transformers/utilities/isRgbaFloat.js +24 -0
- package/dist/build/transformers/utilities/mix.d.ts +5 -0
- package/dist/build/transformers/utilities/mix.js +40 -0
- package/dist/build/transformers/utilities/rgbaFloatToHex.d.ts +6 -0
- package/dist/build/transformers/utilities/rgbaFloatToHex.js +15 -0
- package/dist/build/utilities/copyFromDir.d.ts +8 -0
- package/dist/build/utilities/copyFromDir.js +34 -0
- package/dist/build/utilities/filterStringArray.d.ts +1 -0
- package/dist/build/utilities/filterStringArray.js +17 -0
- package/{src/utilities/getFlag.ts → dist/build/utilities/getFlag.d.ts} +1 -5
- package/dist/build/utilities/getFlag.js +16 -0
- package/dist/build/utilities/index.d.ts +3 -0
- package/dist/build/utilities/index.js +9 -0
- package/dist/build/utilities/joinFriendly.d.ts +1 -0
- package/dist/build/utilities/joinFriendly.js +5 -0
- package/dist/build/utilities/schemaErrorMessage.d.ts +1 -0
- package/dist/build/utilities/schemaErrorMessage.js +5 -0
- package/dist/build/utilities/toCamelCase.d.ts +1 -0
- package/dist/build/utilities/toCamelCase.js +20 -0
- package/dist/build/utilities/toPascalCase.d.ts +1 -0
- package/dist/build/utilities/toPascalCase.js +17 -0
- package/dist/build/utilities/treeWalker.d.ts +8 -0
- package/dist/build/utilities/treeWalker.js +27 -0
- package/{src/utilities/upperCaseFirstCharacter.ts → dist/build/utilities/upperCaseFirstCharacter.d.ts} +1 -3
- package/dist/build/utilities/upperCaseFirstCharacter.js +14 -0
- package/package.json +4 -7
- package/src/PrimerStyleDictionary.ts +0 -232
- package/src/filters/index.ts +0 -13
- package/src/filters/isColorWithAlpha.ts +0 -11
- package/src/filters/isColorWithMix.ts +0 -33
- package/src/filters/isFromFile.ts +0 -12
- package/src/formats/cssAdvanced.ts +0 -99
- package/src/formats/cssCustomMedia.ts +0 -24
- package/src/formats/index.ts +0 -9
- package/src/formats/javascriptCommonJs.ts +0 -21
- package/src/formats/javascriptEsm.ts +0 -21
- package/src/formats/jsonFigma.ts +0 -134
- package/src/formats/jsonNestedPrefixed.ts +0 -23
- package/src/formats/jsonOneDimensional.ts +0 -18
- package/src/formats/jsonPostCssFallback.ts +0 -16
- package/src/formats/typescriptExportDefinition.ts +0 -170
- package/src/formats/utilities/jsonToNestedValue.ts +0 -20
- package/src/formats/utilities/prefixTokens.ts +0 -17
- package/src/parsers/index.ts +0 -1
- package/src/parsers/w3cJsonParser.ts +0 -25
- package/src/platforms/css.ts +0 -101
- package/src/platforms/deprecatedJson.ts +0 -16
- package/src/platforms/docJson.ts +0 -34
- package/src/platforms/fallbacks.ts +0 -34
- package/src/platforms/figma.ts +0 -58
- package/src/platforms/index.ts +0 -10
- package/src/platforms/javascript.ts +0 -30
- package/src/platforms/json.ts +0 -32
- package/src/platforms/styleLint.ts +0 -34
- package/src/platforms/typeDefinitions.ts +0 -30
- package/src/platforms/typescript.ts +0 -30
- package/src/schemas/alphaValue.ts +0 -12
- package/src/schemas/baseToken.ts +0 -8
- package/src/schemas/borderToken.ts +0 -19
- package/src/schemas/collections.ts +0 -49
- package/src/schemas/colorHexValue.ts +0 -18
- package/src/schemas/colorToken.ts +0 -50
- package/src/schemas/designToken.ts +0 -38
- package/src/schemas/dimensionToken.ts +0 -34
- package/src/schemas/dimensionValue.ts +0 -16
- package/src/schemas/durationToken.ts +0 -12
- package/src/schemas/durationValue.ts +0 -9
- package/src/schemas/fontFamilyToken.ts +0 -21
- package/src/schemas/fontWeightToken.ts +0 -22
- package/src/schemas/fontWeightValue.ts +0 -14
- package/src/schemas/numberToken.ts +0 -28
- package/src/schemas/referenceValue.ts +0 -12
- package/src/schemas/scopes.ts +0 -40
- package/src/schemas/shadowToken.ts +0 -45
- package/src/schemas/stringToken.ts +0 -11
- package/src/schemas/tokenName.ts +0 -12
- package/src/schemas/tokenType.ts +0 -4
- package/src/schemas/typographyToken.ts +0 -20
- package/src/schemas/validTokenType.ts +0 -44
- package/src/schemas/viewportRangeToken.ts +0 -11
- package/src/test-utilities/getMockDictionary.ts +0 -22
- package/src/test-utilities/getMockFormatterArguments.ts +0 -21
- package/src/test-utilities/getMockParserInput.ts +0 -72
- package/src/test-utilities/getMockToken.ts +0 -25
- package/src/test-utilities/index.ts +0 -4
- package/src/transformers/borderToCss.ts +0 -38
- package/src/transformers/colorToHex.ts +0 -16
- package/src/transformers/colorToHexAlpha.ts +0 -23
- package/src/transformers/colorToHexMix.ts +0 -19
- package/src/transformers/colorToRgbAlpha.ts +0 -19
- package/src/transformers/colorToRgbaFloat.ts +0 -45
- package/src/transformers/dimensionToPixelUnitless.ts +0 -60
- package/src/transformers/dimensionToRem.ts +0 -56
- package/src/transformers/dimensionToRemPxArray.ts +0 -60
- package/src/transformers/durationToCss.ts +0 -29
- package/src/transformers/figmaAttributes.ts +0 -79
- package/src/transformers/floatToPixel.ts +0 -40
- package/src/transformers/fontFamilyToCss.ts +0 -37
- package/src/transformers/fontFamilyToFigma.ts +0 -47
- package/src/transformers/fontWeightToNumber.ts +0 -53
- package/src/transformers/index.ts +0 -24
- package/src/transformers/jsonDeprecated.ts +0 -15
- package/src/transformers/namePathToDotNotation.ts +0 -34
- package/src/transformers/namePathToFigma.ts +0 -28
- package/src/transformers/namePathToKebabCase.ts +0 -19
- package/src/transformers/namePathToSlashNotation.ts +0 -19
- package/src/transformers/shadowToCss.ts +0 -37
- package/src/transformers/typographyToCss.ts +0 -31
- package/src/transformers/utilities/alpha.ts +0 -23
- package/src/transformers/utilities/checkRequiredTokenProperties.ts +0 -16
- package/src/transformers/utilities/getTokenValue.ts +0 -18
- package/src/transformers/utilities/hasSpaceInString.ts +0 -6
- package/src/transformers/utilities/hexToRgbaFloat.ts +0 -31
- package/src/transformers/utilities/invalidTokenError.ts +0 -34
- package/src/transformers/utilities/isRgbaFloat.ts +0 -29
- package/src/transformers/utilities/mix.ts +0 -46
- package/src/transformers/utilities/rgbaFloatToHex.ts +0 -15
- package/src/types/Border.d.ts +0 -5
- package/src/types/BorderTokenValue.d.ts +0 -10
- package/src/types/ColorHex.d.ts +0 -4
- package/src/types/PlatformInitializer.d.ts +0 -11
- package/src/types/Shadow.d.ts +0 -5
- package/src/types/ShadowTokenValue.d.ts +0 -14
- package/src/types/SizeEm.d.ts +0 -4
- package/src/types/SizePx.d.ts +0 -4
- package/src/types/SizeRem.d.ts +0 -4
- package/src/types/StyleDictionaryConfigGenerator.d.ts +0 -15
- package/src/types/TokenBuildInput.d.ts +0 -8
- package/src/types/TypographyTokenValue.d.ts +0 -12
- package/src/types/w3cTransformedToken.d.ts +0 -8
- package/src/utilities/copyFromDir.ts +0 -21
- package/src/utilities/index.ts +0 -3
- package/src/utilities/joinFriendly.ts +0 -2
- package/src/utilities/schemaErrorMessage.ts +0 -2
- package/src/utilities/toCamelCase.ts +0 -29
- package/src/utilities/treeWalker.ts +0 -27
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type StyleDictionary from 'style-dictionary';
|
|
2
|
+
/**
|
|
3
|
+
* @description Parses a valid [json5](https://json5.org) file and replaces `$value` with `value` and `$description` with `comment` to make a w3c standard file compatible with style dictionary
|
|
4
|
+
* @pattern supported file extensions `.json` or `.json5`
|
|
5
|
+
*/
|
|
6
|
+
export declare const w3cJsonParser: StyleDictionary.Parser;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.w3cJsonParser = void 0;
|
|
4
|
+
const json5_1 = require("json5");
|
|
5
|
+
/**
|
|
6
|
+
* @description Parses a valid [json5](https://json5.org) file and replaces `$value` with `value` and `$description` with `comment` to make a w3c standard file compatible with style dictionary
|
|
7
|
+
* @pattern supported file extensions `.json` or `.json5`
|
|
8
|
+
*/
|
|
9
|
+
exports.w3cJsonParser = {
|
|
10
|
+
pattern: /\.json5?$/,
|
|
11
|
+
parse: ({ filePath, contents }) => {
|
|
12
|
+
// replace $value with value so that style dictionary recognizes it
|
|
13
|
+
try {
|
|
14
|
+
contents = contents
|
|
15
|
+
.replace(/["|']?\$value["|']?:/g, '"value":')
|
|
16
|
+
// convert $description to comment
|
|
17
|
+
.replace(/["|']?\$?description["|']?:/g, '"comment":')
|
|
18
|
+
.replace(/["|']?\$?type["|']?:/g, '"$type":')
|
|
19
|
+
.replace(/["|']?\$?extensions["|']?:/g, '"$extensions":');
|
|
20
|
+
//
|
|
21
|
+
return (0, json5_1.parse)(contents);
|
|
22
|
+
}
|
|
23
|
+
catch (e) {
|
|
24
|
+
throw new Error(`Invalid json5 file "${filePath}".`);
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
};
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.css = void 0;
|
|
4
|
+
const filters_1 = require("../filters");
|
|
5
|
+
const getCssSelectors = (outputFile) => {
|
|
6
|
+
// check for dark in the beginning of the output filename
|
|
7
|
+
const lastSlash = outputFile.lastIndexOf('/');
|
|
8
|
+
const outputBasename = outputFile.substring(lastSlash + 1, outputFile.indexOf('.'));
|
|
9
|
+
const themeName = outputBasename.replace(/-/g, '_');
|
|
10
|
+
const mode = outputBasename.substring(0, 4) === 'dark' ? 'dark' : 'light';
|
|
11
|
+
return [
|
|
12
|
+
{
|
|
13
|
+
selector: `[data-color-mode="${mode}"][data-${mode}-theme="${themeName}"], [data-color-mode="${mode}"][data-${mode}-theme="${themeName}"] ::backdrop, [data-color-mode="auto"][data-light-theme="${themeName}"], [data-color-mode="auto"][data-light-theme="${themeName}"] ::backdrop`,
|
|
14
|
+
},
|
|
15
|
+
{
|
|
16
|
+
query: '@media (prefers-color-scheme: dark)',
|
|
17
|
+
selector: `[data-color-mode="auto"][data-dark-theme="${themeName}"], [data-color-mode="auto"][data-dark-theme="${themeName}"] ::backdrop`,
|
|
18
|
+
},
|
|
19
|
+
];
|
|
20
|
+
};
|
|
21
|
+
const css = (outputFile, prefix, buildPath, options) => {
|
|
22
|
+
return {
|
|
23
|
+
prefix,
|
|
24
|
+
buildPath,
|
|
25
|
+
transforms: [
|
|
26
|
+
'name/pathToKebabCase',
|
|
27
|
+
'color/hex',
|
|
28
|
+
'color/hexAlpha',
|
|
29
|
+
'color/hexMix',
|
|
30
|
+
'dimension/rem',
|
|
31
|
+
'duration/css',
|
|
32
|
+
'shadow/css',
|
|
33
|
+
'border/css',
|
|
34
|
+
'typography/css',
|
|
35
|
+
'fontFamily/css',
|
|
36
|
+
'fontWeight/number',
|
|
37
|
+
],
|
|
38
|
+
options: {
|
|
39
|
+
basePxFontSize: 16,
|
|
40
|
+
},
|
|
41
|
+
files: [
|
|
42
|
+
{
|
|
43
|
+
destination: `${outputFile}`,
|
|
44
|
+
format: `css/advanced`,
|
|
45
|
+
filter: token => (0, filters_1.isSource)(token) && (options === null || options === void 0 ? void 0 : options.themed) === true,
|
|
46
|
+
options: Object.assign({ showFileHeader: false, outputReferences: false, descriptions: false, queries: getCssSelectors(outputFile) }, options === null || options === void 0 ? void 0 : options.options),
|
|
47
|
+
},
|
|
48
|
+
{
|
|
49
|
+
destination: `${outputFile}`,
|
|
50
|
+
format: `css/advanced`,
|
|
51
|
+
filter: token => (0, filters_1.isSource)(token) && (options === null || options === void 0 ? void 0 : options.themed) !== true,
|
|
52
|
+
options: Object.assign({ showFileHeader: false, descriptions: false }, options === null || options === void 0 ? void 0 : options.options),
|
|
53
|
+
},
|
|
54
|
+
{
|
|
55
|
+
destination: `${outputFile}`,
|
|
56
|
+
format: `css/customMedia`,
|
|
57
|
+
filter: token => (0, filters_1.isSource)(token) && (options === null || options === void 0 ? void 0 : options.themed) !== true && token.$type === 'custom-viewportRange',
|
|
58
|
+
options: {
|
|
59
|
+
showFileHeader: false,
|
|
60
|
+
},
|
|
61
|
+
},
|
|
62
|
+
{
|
|
63
|
+
destination: `${outputFile}`,
|
|
64
|
+
format: `css/advanced`,
|
|
65
|
+
filter: token => (0, filters_1.isSource)(token) &&
|
|
66
|
+
(0, filters_1.isFromFile)(token, [
|
|
67
|
+
'src/tokens/functional/size/size-coarse.json',
|
|
68
|
+
'src/tokens/functional/size/size-fine.json',
|
|
69
|
+
]),
|
|
70
|
+
options: {
|
|
71
|
+
descriptions: false,
|
|
72
|
+
showFileHeader: false,
|
|
73
|
+
queries: [
|
|
74
|
+
{
|
|
75
|
+
query: '@media (pointer: fine)',
|
|
76
|
+
matcher: (token) => token.filePath.includes('size-fine'),
|
|
77
|
+
},
|
|
78
|
+
{
|
|
79
|
+
query: '@media (pointer: coarse)',
|
|
80
|
+
matcher: (token) => token.filePath.includes('size-coarse'),
|
|
81
|
+
},
|
|
82
|
+
],
|
|
83
|
+
},
|
|
84
|
+
},
|
|
85
|
+
],
|
|
86
|
+
};
|
|
87
|
+
};
|
|
88
|
+
exports.css = css;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.deprecatedJson = void 0;
|
|
4
|
+
const filters_1 = require("../filters");
|
|
5
|
+
const deprecatedJson = (outputFile, prefix, buildPath) => ({
|
|
6
|
+
prefix,
|
|
7
|
+
buildPath,
|
|
8
|
+
transforms: ['name/pathToDotNotation', 'json/deprecated'],
|
|
9
|
+
files: [
|
|
10
|
+
{
|
|
11
|
+
destination: outputFile,
|
|
12
|
+
format: `json/flat`,
|
|
13
|
+
filter: filters_1.isDeprecated,
|
|
14
|
+
},
|
|
15
|
+
],
|
|
16
|
+
});
|
|
17
|
+
exports.deprecatedJson = deprecatedJson;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.docJson = void 0;
|
|
4
|
+
const filters_1 = require("../filters");
|
|
5
|
+
const docJson = (outputFile, prefix, buildPath) => ({
|
|
6
|
+
prefix,
|
|
7
|
+
buildPath,
|
|
8
|
+
transforms: [
|
|
9
|
+
'name/pathToKebabCase',
|
|
10
|
+
'color/hex',
|
|
11
|
+
'color/hexMix',
|
|
12
|
+
'color/hexAlpha',
|
|
13
|
+
'dimension/rem',
|
|
14
|
+
'shadow/css',
|
|
15
|
+
'border/css',
|
|
16
|
+
'typography/css',
|
|
17
|
+
'fontFamily/css',
|
|
18
|
+
'fontWeight/number',
|
|
19
|
+
],
|
|
20
|
+
options: {
|
|
21
|
+
basePxFontSize: 16,
|
|
22
|
+
},
|
|
23
|
+
files: [
|
|
24
|
+
{
|
|
25
|
+
destination: outputFile,
|
|
26
|
+
format: `json/one-dimensional`,
|
|
27
|
+
filter: filters_1.isSource,
|
|
28
|
+
options: {
|
|
29
|
+
outputReferences: false,
|
|
30
|
+
outputVerbose: true,
|
|
31
|
+
},
|
|
32
|
+
},
|
|
33
|
+
],
|
|
34
|
+
});
|
|
35
|
+
exports.docJson = docJson;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.fallbacks = void 0;
|
|
4
|
+
const filters_1 = require("../filters");
|
|
5
|
+
const fallbacks = (outputFile, prefix, buildPath) => ({
|
|
6
|
+
prefix,
|
|
7
|
+
buildPath,
|
|
8
|
+
transforms: [
|
|
9
|
+
'name/pathToKebabCase',
|
|
10
|
+
'color/hex',
|
|
11
|
+
'color/hexMix',
|
|
12
|
+
'color/hexAlpha',
|
|
13
|
+
'dimension/rem',
|
|
14
|
+
'shadow/css',
|
|
15
|
+
'border/css',
|
|
16
|
+
'typography/css',
|
|
17
|
+
'fontFamily/css',
|
|
18
|
+
'fontWeight/number',
|
|
19
|
+
],
|
|
20
|
+
options: {
|
|
21
|
+
basePxFontSize: 16,
|
|
22
|
+
},
|
|
23
|
+
files: [
|
|
24
|
+
{
|
|
25
|
+
destination: outputFile,
|
|
26
|
+
format: `json/postCss-fallback`,
|
|
27
|
+
filter: filters_1.isSource,
|
|
28
|
+
options: {
|
|
29
|
+
outputReferences: false,
|
|
30
|
+
outputVerbose: true,
|
|
31
|
+
},
|
|
32
|
+
},
|
|
33
|
+
],
|
|
34
|
+
});
|
|
35
|
+
exports.fallbacks = fallbacks;
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.figma = void 0;
|
|
4
|
+
const filters_1 = require("../filters");
|
|
5
|
+
const validFigmaToken = (token) => {
|
|
6
|
+
const validTypes = ['color', 'dimension', 'shadow', 'fontWeight', 'fontFamily', 'number'];
|
|
7
|
+
// is a siource token, not an included one
|
|
8
|
+
if (!(0, filters_1.isSource)(token))
|
|
9
|
+
return false;
|
|
10
|
+
if (`${token.value}`.substring(token.value.length - 2) === 'em')
|
|
11
|
+
return false;
|
|
12
|
+
// has a collection attribute
|
|
13
|
+
if (!('$extensions' in token) ||
|
|
14
|
+
!('org.primer.figma' in token.$extensions) ||
|
|
15
|
+
!('collection' in token.$extensions['org.primer.figma']))
|
|
16
|
+
return false;
|
|
17
|
+
// is a color or dimension type
|
|
18
|
+
return validTypes.includes(token.$type);
|
|
19
|
+
};
|
|
20
|
+
const figma = (outputFile, prefix, buildPath, options) => ({
|
|
21
|
+
prefix,
|
|
22
|
+
buildPath,
|
|
23
|
+
transforms: [
|
|
24
|
+
'color/rgbaFloat',
|
|
25
|
+
'name/pathToFigma',
|
|
26
|
+
// 'name/pathToSlashNotation',
|
|
27
|
+
'figma/attributes',
|
|
28
|
+
'fontFamily/figma',
|
|
29
|
+
'float/pixelUnitless',
|
|
30
|
+
'dimension/pixelUnitless',
|
|
31
|
+
// 'border/figma',
|
|
32
|
+
// 'typography/figma',
|
|
33
|
+
'fontWeight/number',
|
|
34
|
+
],
|
|
35
|
+
options: Object.assign({ basePxFontSize: 16, fontFamilies: {
|
|
36
|
+
'fontStack/system': 'SF Pro Text',
|
|
37
|
+
'fontStack/sansSerif': 'SF Pro Text',
|
|
38
|
+
'fontStack/sansSerifDisplay': 'SF Pro Display',
|
|
39
|
+
'fontStack/monospace': 'SF Mono',
|
|
40
|
+
} }, options),
|
|
41
|
+
files: [
|
|
42
|
+
{
|
|
43
|
+
destination: outputFile,
|
|
44
|
+
filter: validFigmaToken,
|
|
45
|
+
format: `json/figma`,
|
|
46
|
+
options: {
|
|
47
|
+
outputReferences: true,
|
|
48
|
+
mode: options === null || options === void 0 ? void 0 : options.mode,
|
|
49
|
+
},
|
|
50
|
+
},
|
|
51
|
+
],
|
|
52
|
+
});
|
|
53
|
+
exports.figma = figma;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export { css } from './css';
|
|
2
|
+
export { deprecatedJson } from './deprecatedJson';
|
|
3
|
+
export { docJson } from './docJson';
|
|
4
|
+
export { fallbacks } from './fallbacks';
|
|
5
|
+
export { figma } from './figma';
|
|
6
|
+
export { javascript } from './javascript';
|
|
7
|
+
export { json } from './json';
|
|
8
|
+
export { styleLint } from './styleLint';
|
|
9
|
+
export { typeDefinitions } from './typeDefinitions';
|
|
10
|
+
export { typescript } from './typescript';
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.typescript = exports.typeDefinitions = exports.styleLint = exports.json = exports.javascript = exports.figma = exports.fallbacks = exports.docJson = exports.deprecatedJson = exports.css = void 0;
|
|
4
|
+
var css_1 = require("./css");
|
|
5
|
+
Object.defineProperty(exports, "css", { enumerable: true, get: function () { return css_1.css; } });
|
|
6
|
+
var deprecatedJson_1 = require("./deprecatedJson");
|
|
7
|
+
Object.defineProperty(exports, "deprecatedJson", { enumerable: true, get: function () { return deprecatedJson_1.deprecatedJson; } });
|
|
8
|
+
var docJson_1 = require("./docJson");
|
|
9
|
+
Object.defineProperty(exports, "docJson", { enumerable: true, get: function () { return docJson_1.docJson; } });
|
|
10
|
+
var fallbacks_1 = require("./fallbacks");
|
|
11
|
+
Object.defineProperty(exports, "fallbacks", { enumerable: true, get: function () { return fallbacks_1.fallbacks; } });
|
|
12
|
+
var figma_1 = require("./figma");
|
|
13
|
+
Object.defineProperty(exports, "figma", { enumerable: true, get: function () { return figma_1.figma; } });
|
|
14
|
+
var javascript_1 = require("./javascript");
|
|
15
|
+
Object.defineProperty(exports, "javascript", { enumerable: true, get: function () { return javascript_1.javascript; } });
|
|
16
|
+
var json_1 = require("./json");
|
|
17
|
+
Object.defineProperty(exports, "json", { enumerable: true, get: function () { return json_1.json; } });
|
|
18
|
+
var styleLint_1 = require("./styleLint");
|
|
19
|
+
Object.defineProperty(exports, "styleLint", { enumerable: true, get: function () { return styleLint_1.styleLint; } });
|
|
20
|
+
var typeDefinitions_1 = require("./typeDefinitions");
|
|
21
|
+
Object.defineProperty(exports, "typeDefinitions", { enumerable: true, get: function () { return typeDefinitions_1.typeDefinitions; } });
|
|
22
|
+
var typescript_1 = require("./typescript");
|
|
23
|
+
Object.defineProperty(exports, "typescript", { enumerable: true, get: function () { return typescript_1.typescript; } });
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.javascript = void 0;
|
|
4
|
+
const filters_1 = require("../filters");
|
|
5
|
+
const javascript = (outputFile, prefix, buildPath) => ({
|
|
6
|
+
prefix,
|
|
7
|
+
buildPath,
|
|
8
|
+
transforms: [
|
|
9
|
+
'color/hex',
|
|
10
|
+
'color/hexMix',
|
|
11
|
+
'color/hexAlpha',
|
|
12
|
+
'dimension/rem',
|
|
13
|
+
'shadow/css',
|
|
14
|
+
'border/css',
|
|
15
|
+
'typography/css',
|
|
16
|
+
'fontFamily/css',
|
|
17
|
+
'fontWeight/number',
|
|
18
|
+
],
|
|
19
|
+
options: {
|
|
20
|
+
showFileHeader: false,
|
|
21
|
+
basePxFontSize: 16,
|
|
22
|
+
},
|
|
23
|
+
files: [
|
|
24
|
+
{
|
|
25
|
+
format: 'javascript/commonJs',
|
|
26
|
+
destination: outputFile,
|
|
27
|
+
filter: filters_1.isSource,
|
|
28
|
+
},
|
|
29
|
+
],
|
|
30
|
+
});
|
|
31
|
+
exports.javascript = javascript;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.json = void 0;
|
|
4
|
+
const filters_1 = require("../filters");
|
|
5
|
+
const json = (outputFile, prefix, buildPath) => ({
|
|
6
|
+
prefix,
|
|
7
|
+
buildPath,
|
|
8
|
+
transforms: [
|
|
9
|
+
'color/hex',
|
|
10
|
+
'color/hexMix',
|
|
11
|
+
'color/hexAlpha',
|
|
12
|
+
'dimension/rem',
|
|
13
|
+
'shadow/css',
|
|
14
|
+
'border/css',
|
|
15
|
+
'typography/css',
|
|
16
|
+
'fontFamily/css',
|
|
17
|
+
'fontWeight/number',
|
|
18
|
+
],
|
|
19
|
+
options: {
|
|
20
|
+
basePxFontSize: 16,
|
|
21
|
+
},
|
|
22
|
+
files: [
|
|
23
|
+
{
|
|
24
|
+
destination: outputFile,
|
|
25
|
+
filter: filters_1.isSource,
|
|
26
|
+
format: `json/nested-prefixed`,
|
|
27
|
+
options: {
|
|
28
|
+
outputReferences: false,
|
|
29
|
+
},
|
|
30
|
+
},
|
|
31
|
+
],
|
|
32
|
+
});
|
|
33
|
+
exports.json = json;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.styleLint = void 0;
|
|
4
|
+
const filters_1 = require("../filters");
|
|
5
|
+
const styleLint = (outputFile, prefix, buildPath) => ({
|
|
6
|
+
prefix,
|
|
7
|
+
buildPath,
|
|
8
|
+
transforms: [
|
|
9
|
+
'name/pathToKebabCase',
|
|
10
|
+
'color/hex',
|
|
11
|
+
'color/hexMix',
|
|
12
|
+
'color/hexAlpha',
|
|
13
|
+
'dimension/remPxArray',
|
|
14
|
+
'shadow/css',
|
|
15
|
+
'border/css',
|
|
16
|
+
'typography/css',
|
|
17
|
+
'fontFamily/css',
|
|
18
|
+
'fontWeight/number',
|
|
19
|
+
],
|
|
20
|
+
options: {
|
|
21
|
+
basePxFontSize: 16,
|
|
22
|
+
},
|
|
23
|
+
files: [
|
|
24
|
+
{
|
|
25
|
+
destination: outputFile,
|
|
26
|
+
format: `json/one-dimensional`,
|
|
27
|
+
filter: filters_1.isSource,
|
|
28
|
+
options: {
|
|
29
|
+
outputReferences: false,
|
|
30
|
+
outputVerbose: true,
|
|
31
|
+
},
|
|
32
|
+
},
|
|
33
|
+
],
|
|
34
|
+
});
|
|
35
|
+
exports.styleLint = styleLint;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.typeDefinitions = void 0;
|
|
4
|
+
const filters_1 = require("../filters");
|
|
5
|
+
const utilities_1 = require("../utilities");
|
|
6
|
+
const typeDefinitions = (outputFile, prefix, buildPath) => ({
|
|
7
|
+
prefix,
|
|
8
|
+
buildPath,
|
|
9
|
+
transforms: [
|
|
10
|
+
'color/hex',
|
|
11
|
+
'color/hexAlpha',
|
|
12
|
+
'shadow/css',
|
|
13
|
+
'border/css',
|
|
14
|
+
'dimension/rem',
|
|
15
|
+
'typography/css',
|
|
16
|
+
'fontFamily/css',
|
|
17
|
+
'fontWeight/number',
|
|
18
|
+
],
|
|
19
|
+
files: [
|
|
20
|
+
{
|
|
21
|
+
format: 'typescript/export-definition',
|
|
22
|
+
destination: `${(0, utilities_1.upperCaseFirstCharacter)(outputFile)}DesignTokens.d.ts`,
|
|
23
|
+
filter: filters_1.isSource,
|
|
24
|
+
options: {
|
|
25
|
+
tokenTypesPath: './src/types/',
|
|
26
|
+
moduleName: `${(0, utilities_1.upperCaseFirstCharacter)(outputFile)}DesignTokens`,
|
|
27
|
+
},
|
|
28
|
+
},
|
|
29
|
+
],
|
|
30
|
+
});
|
|
31
|
+
exports.typeDefinitions = typeDefinitions;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.typescript = void 0;
|
|
4
|
+
const filters_1 = require("../filters");
|
|
5
|
+
const typescript = (outputFile, prefix, buildPath) => ({
|
|
6
|
+
prefix,
|
|
7
|
+
buildPath,
|
|
8
|
+
transforms: [
|
|
9
|
+
'color/hex',
|
|
10
|
+
'color/hexMix',
|
|
11
|
+
'color/hexAlpha',
|
|
12
|
+
'dimension/rem',
|
|
13
|
+
'shadow/css',
|
|
14
|
+
'border/css',
|
|
15
|
+
'typography/css',
|
|
16
|
+
'fontFamily/css',
|
|
17
|
+
'fontWeight/number',
|
|
18
|
+
],
|
|
19
|
+
options: {
|
|
20
|
+
showFileHeader: false,
|
|
21
|
+
basePxFontSize: 16,
|
|
22
|
+
},
|
|
23
|
+
files: [
|
|
24
|
+
{
|
|
25
|
+
format: 'javascript/esm',
|
|
26
|
+
destination: outputFile,
|
|
27
|
+
filter: filters_1.isSource,
|
|
28
|
+
},
|
|
29
|
+
],
|
|
30
|
+
});
|
|
31
|
+
exports.typescript = typescript;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.alphaValue = void 0;
|
|
4
|
+
const zod_1 = require("zod");
|
|
5
|
+
const schemaErrorMessage_1 = require("../utilities/schemaErrorMessage");
|
|
6
|
+
exports.alphaValue = zod_1.z.any().refine(value => typeof value === 'number' && value >= 0 && value <= 1, value => ({
|
|
7
|
+
message: (0, schemaErrorMessage_1.schemaErrorMessage)(`Invalid alpha value: "${value}" (${typeof value})`, 'Alpha value must be a number between 0 and 1.'),
|
|
8
|
+
}));
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { z } from 'zod';
|
|
2
|
+
export declare const baseToken: z.ZodObject<{
|
|
3
|
+
$description: z.ZodOptional<z.ZodString>;
|
|
4
|
+
deprecated: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodBoolean]>>;
|
|
5
|
+
}, "strict", z.ZodTypeAny, {
|
|
6
|
+
deprecated?: string | boolean | undefined;
|
|
7
|
+
$description?: string | undefined;
|
|
8
|
+
}, {
|
|
9
|
+
deprecated?: string | boolean | undefined;
|
|
10
|
+
$description?: string | undefined;
|
|
11
|
+
}>;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.baseToken = void 0;
|
|
4
|
+
const zod_1 = require("zod");
|
|
5
|
+
exports.baseToken = zod_1.z
|
|
6
|
+
.object({
|
|
7
|
+
$description: zod_1.z.string().optional(),
|
|
8
|
+
deprecated: zod_1.z.union([zod_1.z.string(), zod_1.z.boolean()]).optional(),
|
|
9
|
+
})
|
|
10
|
+
.strict();
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { z } from 'zod';
|
|
2
|
+
export declare const borderValue: z.ZodObject<{
|
|
3
|
+
color: z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>]>;
|
|
4
|
+
style: z.ZodEnum<["solid", "dashed", "dotted", "double", "groove", "ridge", "outset", "inset"]>;
|
|
5
|
+
width: z.ZodUnion<[z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodLiteral<"0">, z.ZodLiteral<0>]>, z.ZodEffects<z.ZodString, string, string>]>;
|
|
6
|
+
}, "strip", z.ZodTypeAny, {
|
|
7
|
+
width: string | 0;
|
|
8
|
+
color: string;
|
|
9
|
+
style: "inset" | "solid" | "dashed" | "dotted" | "double" | "groove" | "ridge" | "outset";
|
|
10
|
+
}, {
|
|
11
|
+
width: string | 0;
|
|
12
|
+
color: string;
|
|
13
|
+
style: "inset" | "solid" | "dashed" | "dotted" | "double" | "groove" | "ridge" | "outset";
|
|
14
|
+
}>;
|
|
15
|
+
export declare const borderToken: z.ZodObject<z.objectUtil.extendShape<{
|
|
16
|
+
$description: z.ZodOptional<z.ZodString>;
|
|
17
|
+
deprecated: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodBoolean]>>;
|
|
18
|
+
}, {
|
|
19
|
+
$value: z.ZodUnion<[z.ZodObject<{
|
|
20
|
+
color: z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>]>;
|
|
21
|
+
style: z.ZodEnum<["solid", "dashed", "dotted", "double", "groove", "ridge", "outset", "inset"]>;
|
|
22
|
+
width: z.ZodUnion<[z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodLiteral<"0">, z.ZodLiteral<0>]>, z.ZodEffects<z.ZodString, string, string>]>;
|
|
23
|
+
}, "strip", z.ZodTypeAny, {
|
|
24
|
+
width: string | 0;
|
|
25
|
+
color: string;
|
|
26
|
+
style: "inset" | "solid" | "dashed" | "dotted" | "double" | "groove" | "ridge" | "outset";
|
|
27
|
+
}, {
|
|
28
|
+
width: string | 0;
|
|
29
|
+
color: string;
|
|
30
|
+
style: "inset" | "solid" | "dashed" | "dotted" | "double" | "groove" | "ridge" | "outset";
|
|
31
|
+
}>, z.ZodEffects<z.ZodString, string, string>]>;
|
|
32
|
+
$type: z.ZodLiteral<"string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "shadow" | "typography" | "duration" | "custom-viewportRange">;
|
|
33
|
+
}>, "strict", z.ZodTypeAny, {
|
|
34
|
+
$type: "string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "shadow" | "typography" | "duration" | "custom-viewportRange";
|
|
35
|
+
$value: string | {
|
|
36
|
+
width: string | 0;
|
|
37
|
+
color: string;
|
|
38
|
+
style: "inset" | "solid" | "dashed" | "dotted" | "double" | "groove" | "ridge" | "outset";
|
|
39
|
+
};
|
|
40
|
+
deprecated?: string | boolean | undefined;
|
|
41
|
+
$description?: string | undefined;
|
|
42
|
+
}, {
|
|
43
|
+
$type: "string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "shadow" | "typography" | "duration" | "custom-viewportRange";
|
|
44
|
+
$value: string | {
|
|
45
|
+
width: string | 0;
|
|
46
|
+
color: string;
|
|
47
|
+
style: "inset" | "solid" | "dashed" | "dotted" | "double" | "groove" | "ridge" | "outset";
|
|
48
|
+
};
|
|
49
|
+
deprecated?: string | boolean | undefined;
|
|
50
|
+
$description?: string | undefined;
|
|
51
|
+
}>;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.borderToken = exports.borderValue = void 0;
|
|
4
|
+
const zod_1 = require("zod");
|
|
5
|
+
const baseToken_1 = require("./baseToken");
|
|
6
|
+
const referenceValue_1 = require("./referenceValue");
|
|
7
|
+
const colorHexValue_1 = require("./colorHexValue");
|
|
8
|
+
const dimensionValue_1 = require("./dimensionValue");
|
|
9
|
+
const tokenType_1 = require("./tokenType");
|
|
10
|
+
exports.borderValue = zod_1.z.object({
|
|
11
|
+
color: zod_1.z.union([colorHexValue_1.colorHexValue, referenceValue_1.referenceValue]),
|
|
12
|
+
style: zod_1.z.enum(['solid', 'dashed', 'dotted', 'double', 'groove', 'ridge', 'outset', 'inset']),
|
|
13
|
+
width: zod_1.z.union([dimensionValue_1.dimensionValue, referenceValue_1.referenceValue]),
|
|
14
|
+
});
|
|
15
|
+
exports.borderToken = baseToken_1.baseToken
|
|
16
|
+
.extend({
|
|
17
|
+
$value: zod_1.z.union([exports.borderValue, referenceValue_1.referenceValue]),
|
|
18
|
+
$type: (0, tokenType_1.tokenType)('border'),
|
|
19
|
+
})
|
|
20
|
+
.strict();
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { z } from 'zod';
|
|
2
|
+
type Collections = 'base/color/light' | 'base/color/light-high-contrast' | 'base/color/dark' | 'base/color/dark-dimmed' | 'base/color/dark-high-contrast' | 'base/typography' | 'mode' | 'pattern/mode' | 'base/size' | 'functional/size' | 'pattern/size' | 'typography';
|
|
3
|
+
export declare const collection: (collections: Collections[]) => z.ZodEffects<z.ZodString, string, string>;
|
|
4
|
+
type Modes = 'light' | 'dark' | 'dark dimmed' | 'light high contrast' | 'dark high contrast' | 'light colorblind' | 'dark colorblind' | 'light tritanopia' | 'dark tritanopia';
|
|
5
|
+
export declare const mode: (modes: Modes[]) => z.ZodEffects<z.ZodString, string, string>;
|
|
6
|
+
export {};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.mode = exports.collection = void 0;
|
|
4
|
+
const zod_1 = require("zod");
|
|
5
|
+
const joinFriendly_1 = require("../utilities/joinFriendly");
|
|
6
|
+
const schemaErrorMessage_1 = require("../utilities/schemaErrorMessage");
|
|
7
|
+
const collection = (collections) => {
|
|
8
|
+
return zod_1.z.string().refine(value => collections.includes(value), value => ({
|
|
9
|
+
message: (0, schemaErrorMessage_1.schemaErrorMessage)(`Invalid collection: "${value}"`, `Valid collections are ${(0, joinFriendly_1.joinFriendly)(collections)}`),
|
|
10
|
+
}));
|
|
11
|
+
};
|
|
12
|
+
exports.collection = collection;
|
|
13
|
+
const mode = (modes) => {
|
|
14
|
+
return zod_1.z.string().refine(value => modes.includes(value), value => ({
|
|
15
|
+
message: (0, schemaErrorMessage_1.schemaErrorMessage)(`Invalid mode: "${value}"`, `Valid modes are ${(0, joinFriendly_1.joinFriendly)(modes)}`),
|
|
16
|
+
}));
|
|
17
|
+
};
|
|
18
|
+
exports.mode = mode;
|