Skip to content

Commit 604c42c

Browse files
fixes
1 parent 653cc02 commit 604c42c

35 files changed

+2077
-217
lines changed

.eslintignore

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,3 @@
11
*.d.ts
2-
src/build.test.js
2+
src/build.test.js
3+
tests/build.test.ts

eslint.tsconfig.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
{
22
"extends": "./tsconfig.json",
33
"include": ["src/**/*.ts", "vitest.config.ts"],
4-
"exclude": ["node_modules", "src/build.test.js"]
4+
"exclude": ["node_modules", "src/build.test.js", "tests/build.test.ts"]
55
}

package-lock.json

Lines changed: 148 additions & 136 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

package.json

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -15,8 +15,7 @@
1515
".": "./dist/index.js"
1616
},
1717
"files": [
18-
"dist/*",
19-
"src/**/*.ts"
18+
"dist/*"
2019
],
2120
"scripts": {
2221
"test": "npm run build && npx vitest run && npm run lint",
@@ -45,14 +44,15 @@
4544
"json5": "^2.2.1"
4645
},
4746
"devDependencies": {
47+
"@types/node": "^22.2.0",
4848
"eslint": "^8.57.0",
4949
"eslint-plugin-github": "^4.10.2",
5050
"prettier": "^3.3.3",
51-
"style-dictionary": "^4.0.0",
52-
"typescript": "^5.5.3",
53-
"vitest": "^2.0.3"
51+
"style-dictionary": "^4.0.1",
52+
"typescript": "^5.5.2",
53+
"vitest": "^2.0.4"
5454
},
5555
"peerDependencies": {
56-
"style-dictionary": "^3.7.1"
56+
"style-dictionary": "^4"
5757
}
5858
}

src/format/css-advanced.test.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { cssAdvanced } from './css-advanced'
1+
import { cssAdvanced } from './css-advanced.js'
22
import { TransformedToken } from 'style-dictionary/types'
33

44
describe('Format: CSS Advanced', () => {

src/format/javascript-commonJs.test.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { javascriptCommonJs } from './javascript-commonJs'
1+
import { javascriptCommonJs } from './javascript-commonJs.js'
22

33
describe('Format: CommonJs', () => {
44
const dictionary = {

src/format/javascript-commonJs.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import { format } from 'prettier'
22
import { fileHeader } from 'style-dictionary/utils'
33
import { FormatFn, FormatFnArguments } from 'style-dictionary/types'
4-
import { jsonToNestedValue } from '../utilities/jsonToNestedValue'
4+
import { jsonToNestedValue } from '../utilities/jsonToNestedValue.js'
55

66
export const javascriptCommonJs: FormatFn = async ({ dictionary, file, options, platform = {} }: FormatFnArguments) => {
77
const { prefix } = platform

src/format/javascript-esm.test.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { javascriptEsm } from './javascript-esm'
1+
import { javascriptEsm } from './javascript-esm.js'
22

33
describe('Format: ESM', () => {
44
const dictionary = {

src/format/javascript-esm.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { format } from 'prettier'
2-
import { jsonToNestedValue } from '../utilities/jsonToNestedValue'
2+
import { jsonToNestedValue } from '../utilities/jsonToNestedValue.js'
33
import { fileHeader } from 'style-dictionary/utils'
44
import { FormatFn, FormatFnArguments } from 'style-dictionary/types'
55

src/format/typescript-esm-declarations.test.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { typescriptEsmDeclarations } from './typescript-esm-declarations'
1+
import { typescriptEsmDeclarations } from './typescript-esm-declarations.js'
22

33
describe('Format: ESM Declarations', () => {
44
const dictionary = {

src/format/typescript-esm-declarations.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import { format } from 'prettier'
22
import { fileHeader } from 'style-dictionary/utils'
3-
import { jsonToNestedValue } from '../utilities/jsonToNestedValue'
4-
import { jsonToTypes } from '../utilities/jsonToTypes'
3+
import { jsonToNestedValue } from '../utilities/jsonToNestedValue.js'
4+
import { jsonToTypes } from '../utilities/jsonToTypes.js'
55
import { FormatFn, FormatFnArguments } from 'style-dictionary/types'
66

77
export const typescriptEsmDeclarations: FormatFn = async ({ dictionary, file, options, platform = {} }: FormatFnArguments) => {

src/index.ts

Lines changed: 42 additions & 42 deletions
Original file line numberDiff line numberDiff line change
@@ -1,46 +1,46 @@
11
import OrigialStyleDictionary from 'style-dictionary'
2-
import { isBorder } from './filter/isBorder'
3-
import { isClamp } from './filter/isClamp'
4-
import { isColor } from './filter/isColor'
5-
import { isColorOrGradient } from './filter/isColorOrGradient'
6-
import { isCubicBezier } from './filter/isCubicBezier'
7-
import { isDeprecated } from './filter/isDeprecated'
8-
import { isDimension } from './filter/isDimension'
9-
import { isDuration } from './filter/isDuration'
10-
import { isFontFamily } from './filter/isFontFamily'
11-
import { isFontWeight } from './filter/isFontWeight'
12-
import { isGradient } from './filter/isGradient'
13-
import { isShadow } from './filter/isShadow'
14-
import { isSource } from './filter/isSource'
15-
import { isStrokeStyle } from './filter/isStrokeStyle'
16-
import { isTransition } from './filter/isTransition'
17-
import { isTypographic } from './filter/isTypographic'
18-
import { isTypography } from './filter/isTypography'
19-
import { cssAdvanced } from './format/css-advanced'
20-
import { javascriptCommonJs } from './format/javascript-commonJs'
21-
import { javascriptEsm } from './format/javascript-esm'
22-
import { typescriptEsmDeclarations } from './format/typescript-esm-declarations'
23-
import { w3cTokenJsonParser } from './parser/w3c-token-json-parser'
24-
import { cssExtended } from './transformGroups/cssExtended'
25-
import { borderCss } from './transformer/border-css'
26-
import { clampCss } from './transformer/clamp-css'
27-
import { colorAlphaToHex } from './transformer/color-alpha-to-hex'
28-
import { colorAlphaToRgba } from './transformer/color-alpha-to-rgba'
29-
import { colorToHex } from './transformer/color-to-hex'
30-
import { colorToRgba } from './transformer/color-to-rgba'
31-
import { colorToRgbaFloat } from './transformer/color-to-rgba-float'
32-
import { commentDeprecated } from './transformer/comment-deprecated'
33-
import { cubicBezierCss } from './transformer/cubic-bezier-css'
34-
import { dimensionPixelToRem } from './transformer/dimension-pixel-to-rem'
35-
import { dimensionRemToPixel } from './transformer/dimension-rem-to-pixel'
36-
import { dimensionToPixelUnitless } from './transformer/dimension-to-pixelUnitless'
37-
import { fontCss } from './transformer/font-css'
38-
import { fontFamilyCss } from './transformer/font-family-css'
39-
import { fontWeightToNumber } from './transformer/font-weight-to-number'
40-
import { gradientCss } from './transformer/gradient-css'
41-
import { namePathToDotNotation } from './transformer/name-path-to-dot-notation'
42-
import { namePathToCamelCase } from './transformer/name-path-to-camel-case'
43-
import { shadowCss } from './transformer/shadow-css'
2+
import { isBorder } from './filter/isBorder.js'
3+
import { isClamp } from './filter/isClamp.js'
4+
import { isColor } from './filter/isColor.js'
5+
import { isColorOrGradient } from './filter/isColorOrGradient.js'
6+
import { isCubicBezier } from './filter/isCubicBezier.js'
7+
import { isDeprecated } from './filter/isDeprecated.js'
8+
import { isDimension } from './filter/isDimension.js'
9+
import { isDuration } from './filter/isDuration.js'
10+
import { isFontFamily } from './filter/isFontFamily.js'
11+
import { isFontWeight } from './filter/isFontWeight.js'
12+
import { isGradient } from './filter/isGradient.js'
13+
import { isShadow } from './filter/isShadow.js'
14+
import { isSource } from './filter/isSource.js'
15+
import { isStrokeStyle } from './filter/isStrokeStyle.js'
16+
import { isTransition } from './filter/isTransition.js'
17+
import { isTypographic } from './filter/isTypographic.js'
18+
import { isTypography } from './filter/isTypography.js'
19+
import { cssAdvanced } from './format/css-advanced.js'
20+
import { javascriptCommonJs } from './format/javascript-commonJs.js'
21+
import { javascriptEsm } from './format/javascript-esm.js'
22+
import { typescriptEsmDeclarations } from './format/typescript-esm-declarations.js'
23+
import { w3cTokenJsonParser } from './parser/w3c-token-json-parser.js'
24+
import { cssExtended } from './transformGroups/cssExtended.js'
25+
import { borderCss } from './transformer/border-css.js'
26+
import { clampCss } from './transformer/clamp-css.js'
27+
import { colorAlphaToHex } from './transformer/color-alpha-to-hex.js'
28+
import { colorAlphaToRgba } from './transformer/color-alpha-to-rgba.js'
29+
import { colorToHex } from './transformer/color-to-hex.js'
30+
import { colorToRgba } from './transformer/color-to-rgba.js'
31+
import { colorToRgbaFloat } from './transformer/color-to-rgba-float.js'
32+
import { commentDeprecated } from './transformer/comment-deprecated.js'
33+
import { cubicBezierCss } from './transformer/cubic-bezier-css.js'
34+
import { dimensionPixelToRem } from './transformer/dimension-pixel-to-rem.js'
35+
import { dimensionRemToPixel } from './transformer/dimension-rem-to-pixel.js'
36+
import { dimensionToPixelUnitless } from './transformer/dimension-to-pixelUnitless.js'
37+
import { fontCss } from './transformer/font-css.js'
38+
import { fontFamilyCss } from './transformer/font-family-css.js'
39+
import { fontWeightToNumber } from './transformer/font-weight-to-number.js'
40+
import { gradientCss } from './transformer/gradient-css.js'
41+
import { namePathToDotNotation } from './transformer/name-path-to-dot-notation.js'
42+
import { namePathToCamelCase } from './transformer/name-path-to-camel-case.js'
43+
import { shadowCss } from './transformer/shadow-css.js'
4444

4545
/**
4646
* Parsers

src/transformer/border-css.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { Transform, TransformedToken } from 'style-dictionary/types'
2-
import { isBorder } from '../filter/isBorder'
2+
import { isBorder } from '../filter/isBorder.js'
33

44
type StrokeStyleString = 'solid' |
55
'dashed' |

src/transformer/clamp-css.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { Transform, TransformedToken } from 'style-dictionary/types'
2-
import { isClamp } from '../filter/isClamp'
2+
import { isClamp } from '../filter/isClamp.js'
33

44
type TokenClamp = {
55
min: string

src/transformer/color-alpha-to-hex.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import { toHex } from 'color2k'
2-
import { alpha } from '../utilities/alpha'
2+
import { alpha } from '../utilities/alpha.js'
33
import { Transform, TransformedToken } from 'style-dictionary/types'
4-
import { isColor } from '../filter/isColor'
4+
import { isColor } from '../filter/isColor.js'
55
/**
66
* colorAlphaToHex
77
* @description convert a token of type `color` to a hex8 value if alpha < 1 and hex6 if alpha is 1

src/transformer/color-alpha-to-rgba.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import { toRgba } from 'color2k'
22
import { Transform, TransformedToken } from 'style-dictionary/types'
3-
import { isColor } from '../filter/isColor'
4-
import { alpha } from '../utilities/alpha'
3+
import { isColor } from '../filter/isColor.js'
4+
import { alpha } from '../utilities/alpha.js'
55
/**
66
* colorAlphaToRgba
77
* @description convert a token of type `color` to a rgba value

src/transformer/color-to-hex.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import { toHex } from 'color2k'
22
import { Transform, TransformedToken } from 'style-dictionary/types'
3-
import { isColor } from '../filter/isColor'
3+
import { isColor } from '../filter/isColor.js'
44
/**
55
* colorToHex
66
* @description convert a token of type `color` to a hex value

src/transformer/color-to-rgb.test.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { TransformedToken } from 'style-dictionary/types';
2-
import { colorToRgba } from './color-to-rgba';
2+
import { colorToRgba } from './color-to-rgba.js';
33

44
describe('transform: colorToHex', () => {
55

src/transformer/color-to-rgba-float.test.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1-
import { colorToRgbaFloat } from './color-to-rgba-float'
2-
import { getMockToken } from '../test-utilities/getMockToken'
1+
import { colorToRgbaFloat } from './color-to-rgba-float.js'
2+
import { getMockToken } from '../test-utilities/getMockToken.js'
33
import { TransformedToken } from 'style-dictionary/types'
44

55
describe('transform: colorToRgbaFloat', () => {

src/transformer/color-to-rgba-float.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { toHex } from 'color2k'
2-
import { isColor } from '../filter/isColor'
2+
import { isColor } from '../filter/isColor.js'
33
import { Transform, TransformedToken } from 'style-dictionary/types'
44

55
const toRgbaFloat = (color: string, alpha?: number) => {

src/transformer/color-to-rgba.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import { toRgba } from 'color2k'
22
import { Transform, TransformedToken } from 'style-dictionary/types'
3-
import { isColor } from '../filter/isColor'
3+
import { isColor } from '../filter/isColor.js'
44
/**
55
* colorToRgba
66
* @description convert a token of type `color` to a rgba value

src/transformer/comment-deprecated.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { Transform, TransformedToken } from 'style-dictionary/types';
2-
import { isDeprecated } from '../filter/isDeprecated';
2+
import { isDeprecated } from '../filter/isDeprecated.js';
33

44
/**
55
* commentDeprecated

src/transformer/cubic-bezier-css.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { Transform, TransformedToken } from 'style-dictionary/types'
2-
import { isCubicBezier } from '../filter/isCubicBezier'
2+
import { isCubicBezier } from '../filter/isCubicBezier.js'
33

44
type TokenCubicBezier = [
55
x1: number,

src/transformer/dimension-pixel-to-rem.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { PlatformConfig, Transform, TransformedToken } from 'style-dictionary/types'
2-
import { isDimension } from '../filter/isDimension';
2+
import { isDimension } from '../filter/isDimension.js';
33
/**
44
* dimensionPixelToRem
55
* @description convert all dimensions that use pixel value to rem, uses `platform.options.basePxFontSize`

src/transformer/dimension-rem-to-pixel.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { PlatformConfig, Transform, TransformedToken } from 'style-dictionary/types'
2-
import { isDimension } from '../filter/isDimension';
2+
import { isDimension } from '../filter/isDimension.js';
33
/**
44
* dimensionRemToPixel
55
* @description convert all dimensions that use rem value to pixels, uses `platform.options.basePxFontSize`

src/transformer/dimension-to-pixelUnitless.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { isDimension } from '../filter/isDimension';
1+
import { isDimension } from '../filter/isDimension.js';
22
import { PlatformConfig, Transform, TransformedToken } from 'style-dictionary/types';
33

44
/**

src/transformer/font-css.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { Transform, TransformedToken } from 'style-dictionary/types'
2-
import { isTypography } from '../filter/isTypography'
2+
import { isTypography } from '../filter/isTypography.js'
33
type TokenTypography = {
44
fontFamily: string,
55
fontSize: number,

src/transformer/font-family-css.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { Transform, TransformedToken } from 'style-dictionary/types'
2-
import { isFontFamily } from '../filter/isFontFamily'
2+
import { isFontFamily } from '../filter/isFontFamily.js'
33

44
const hasSpaceInName = (string: string) => /\s/g.test(string)
55
/**

src/transformer/font-weight-to-number.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11

22
import { Transform, TransformedToken } from 'style-dictionary/types'
3-
import { isFontWeight } from '../filter/isFontWeight'
3+
import { isFontWeight } from '../filter/isFontWeight.js'
44
/**
55
* Acceptable font weights according to w3c standard
66
* @link https://design-tokens.github.io/community-group/format/#font-weight

src/transformer/gradient-css.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { Transform, TransformedToken } from 'style-dictionary/types'
2-
import { isGradient } from '../filter/isGradient'
2+
import { isGradient } from '../filter/isGradient.js'
33

44
type TokenGradient = {
55
color: number

src/transformer/shadow-css.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { Transform, TransformedToken } from 'style-dictionary/types'
2-
import { isShadow } from '../filter/isShadow'
2+
import { isShadow } from '../filter/isShadow.js'
33

44
type TokenShadow = {
55
color: string

0 commit comments

Comments
 (0)