@aziontech/theme 1.13.0 → 2.0.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/package.json +19 -21
- package/src/scripts/build-tokens.mjs +391 -0
- package/src/scripts/compile-primitives.js +165 -0
- package/src/scripts/compile-theme.js +117 -0
- package/src/{tokens/build → scripts}/css-vars.js +10 -9
- package/src/{tokens/build → scripts}/resolve.js +2 -0
- package/src/tests/primitives.html +293 -0
- package/src/tests/theme.html +310 -0
- package/src/tests/tokens.html +84 -0
- package/src/tokens/README.md +306 -272
- package/src/tokens/index.js +4 -12
- package/src/tokens/primitives/animations/animate.js +26 -0
- package/src/tokens/primitives/animations/ease.js +7 -0
- package/src/tokens/primitives/border-widths.js +9 -0
- package/src/tokens/primitives/breakpoints.js +9 -0
- package/src/tokens/primitives/colors/alpha.js +104 -0
- package/src/tokens/primitives/colors/brand.js +40 -0
- package/src/tokens/primitives/colors/colors.js +142 -0
- package/src/tokens/primitives/effects/blur.js +11 -0
- package/src/tokens/primitives/effects/drop-shadow.js +10 -0
- package/src/tokens/primitives/effects/inset-shadow.js +7 -0
- package/src/tokens/primitives/effects/opacity.js +8 -0
- package/src/tokens/primitives/effects/perspective.js +9 -0
- package/src/tokens/primitives/effects/shadow.js +11 -0
- package/src/tokens/primitives/ring-offset.js +5 -0
- package/src/tokens/primitives/shape/aspect-video.js +3 -0
- package/src/tokens/primitives/shape/container.js +17 -0
- package/src/tokens/primitives/shape/height.js +32 -0
- package/src/tokens/primitives/shape/radius.js +13 -0
- package/src/tokens/primitives/shape/shape.js +12 -0
- package/src/tokens/primitives/shape/size.js +32 -0
- package/src/tokens/primitives/shape/spacing.js +33 -0
- package/src/tokens/primitives/shape/width.js +19 -0
- package/src/tokens/primitives/typography/font-family.js +7 -0
- package/src/tokens/primitives/typography/font-size.js +30 -0
- package/src/tokens/primitives/typography/font-weight.js +13 -0
- package/src/tokens/primitives/typography/leading.js +9 -0
- package/src/tokens/primitives/typography/line-height.js +13 -0
- package/src/tokens/primitives/typography/tracking.js +10 -0
- package/src/{tailwind/semantic-animations-plugin.js → tokens/semantic/animations.js} +19 -21
- package/src/tokens/semantic/colors.js +138 -0
- package/src/tokens/semantic/containers.data.js +18 -0
- package/src/tokens/semantic/containers.js +70 -0
- package/src/tokens/semantic/spacings.data.js +18 -0
- package/src/tokens/semantic/spacings.js +163 -0
- package/src/tokens/semantic/texts.data.js +103 -0
- package/src/{tailwind/semantic-texts-plugin.js → tokens/semantic/texts.js} +30 -9
- package/src/tokens/theme/accent.js +18 -0
- package/src/tokens/theme/background.js +32 -0
- package/src/tokens/theme/border.js +18 -0
- package/src/tokens/theme/feedback/danger.js +16 -0
- package/src/tokens/theme/feedback/info.js +16 -0
- package/src/tokens/theme/feedback/success.js +16 -0
- package/src/tokens/theme/feedback/warning.js +16 -0
- package/src/tokens/theme/primary.js +18 -0
- package/src/tokens/theme/ring.js +12 -0
- package/src/tokens/theme/secondary.js +18 -0
- package/src/tokens/theme/surfaces.js +23 -0
- package/src/tokens/theme/text.js +18 -0
- package/src/tokens/theme.js +32 -0
- package/colors-brand.js +0 -24
- package/src/tailwind/semantic-colors-plugin.js +0 -91
- package/src/tailwind/semantic-spacing-plugin.js +0 -151
- package/src/tailwind/tailwind-theme.js +0 -54
- package/src/tokens/build/preset.js +0 -62
- package/src/tokens/build/tailwind-flat-colors.js +0 -75
- package/src/tokens/build/tailwind-helper.js +0 -12
- package/src/tokens/build/tailwind-plugin.js +0 -175
- package/src/tokens/colors-brand.js +0 -24
- package/src/tokens/primitives/brand.js +0 -69
- package/src/tokens/primitives/colors.js +0 -144
- package/src/tokens/semantic/backgrounds.js +0 -46
- package/src/tokens/semantic/borders.js +0 -44
- package/src/tokens/semantic/text.js +0 -48
- /package/src/{tokens/build → scripts}/refs.js +0 -0
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* SEMANTIC BORDER TOKENS
|
|
3
|
-
*
|
|
4
|
-
* Generated from figma-reference-tokens-studio.
|
|
5
|
-
*/
|
|
6
|
-
|
|
7
|
-
import { tokenRef } from '../build/refs.js';
|
|
8
|
-
|
|
9
|
-
export const borderSemantic = {
|
|
10
|
-
light: {
|
|
11
|
-
default: tokenRef('brand.surfaces.surface-100'),
|
|
12
|
-
strong: tokenRef('primitives.base.black'),
|
|
13
|
-
warning: tokenRef('primitives.yellow.600'),
|
|
14
|
-
success: tokenRef('primitives.green.600'),
|
|
15
|
-
danger: tokenRef('primitives.red.600'),
|
|
16
|
-
primary: tokenRef('brand.primary.primary-500'),
|
|
17
|
-
accent: tokenRef('brand.accent.accent-500'),
|
|
18
|
-
warningHover: tokenRef('primitives.yellow.500'),
|
|
19
|
-
successHover: tokenRef('primitives.green.500'),
|
|
20
|
-
dangerHover: tokenRef('primitives.red.500'),
|
|
21
|
-
primaryHover: tokenRef('brand.primary.primary-600'),
|
|
22
|
-
accentHover: tokenRef('brand.accent.accent-600'),
|
|
23
|
-
subtle: tokenRef('brand.surfaces.surface-200')
|
|
24
|
-
},
|
|
25
|
-
dark: {
|
|
26
|
-
default: tokenRef('brand.surfaces.surface-800'),
|
|
27
|
-
strong: tokenRef('primitives.base.white'),
|
|
28
|
-
warning: tokenRef('primitives.yellow.400'),
|
|
29
|
-
success: tokenRef('primitives.green.400'),
|
|
30
|
-
danger: tokenRef('primitives.red.400'),
|
|
31
|
-
primary: tokenRef('brand.primary.primary-500'),
|
|
32
|
-
accent: tokenRef('brand.accent.accent-500'),
|
|
33
|
-
warningHover: tokenRef('primitives.yellow.500'),
|
|
34
|
-
successHover: tokenRef('primitives.green.500'),
|
|
35
|
-
dangerHover: tokenRef('primitives.red.500'),
|
|
36
|
-
primaryHover: tokenRef('brand.primary.primary-400'),
|
|
37
|
-
accentHover: tokenRef('brand.accent.accent-400'),
|
|
38
|
-
subtle: tokenRef('brand.surfaces.surface-700')
|
|
39
|
-
},
|
|
40
|
-
};
|
|
41
|
-
|
|
42
|
-
export default {
|
|
43
|
-
borderSemantic,
|
|
44
|
-
};
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* SEMANTIC TEXT TOKENS
|
|
3
|
-
*
|
|
4
|
-
* Generated from figma-reference-tokens-studio.
|
|
5
|
-
*/
|
|
6
|
-
|
|
7
|
-
import { tokenRef } from '../build/refs.js';
|
|
8
|
-
|
|
9
|
-
export const textSemantic = {
|
|
10
|
-
light: {
|
|
11
|
-
default: tokenRef('primitives.neutral.900'),
|
|
12
|
-
muted: tokenRef('primitives.neutral.600'),
|
|
13
|
-
link: tokenRef('primitives.blue.600'),
|
|
14
|
-
code: tokenRef('primitives.neutral.600'),
|
|
15
|
-
linkHover: tokenRef('primitives.blue.700'),
|
|
16
|
-
primary: tokenRef('brand.primary.primary-500'),
|
|
17
|
-
primaryHover: tokenRef('brand.primary.primary-600'),
|
|
18
|
-
accent: tokenRef('brand.accent.accent-500'),
|
|
19
|
-
accentHover: tokenRef('brand.accent.accent-600'),
|
|
20
|
-
dangerHover: tokenRef('primitives.red.500'),
|
|
21
|
-
warningHover: tokenRef('primitives.yellow.500'),
|
|
22
|
-
successHover: tokenRef('primitives.green.500'),
|
|
23
|
-
success: tokenRef('primitives.green.600'),
|
|
24
|
-
danger: tokenRef('primitives.red.600'),
|
|
25
|
-
warning: tokenRef('primitives.yellow.600')
|
|
26
|
-
},
|
|
27
|
-
dark: {
|
|
28
|
-
default: tokenRef('primitives.neutral.50'),
|
|
29
|
-
muted: tokenRef('primitives.neutral.400'),
|
|
30
|
-
link: tokenRef('primitives.blue.400'),
|
|
31
|
-
code: tokenRef('primitives.neutral.400'),
|
|
32
|
-
linkHover: tokenRef('primitives.blue.300'),
|
|
33
|
-
primary: tokenRef('brand.primary.primary-500'),
|
|
34
|
-
primaryHover: tokenRef('brand.primary.primary-400'),
|
|
35
|
-
accent: tokenRef('brand.accent.accent-500'),
|
|
36
|
-
accentHover: tokenRef('brand.accent.accent-400'),
|
|
37
|
-
dangerHover: tokenRef('primitives.red.500'),
|
|
38
|
-
warningHover: tokenRef('primitives.yellow.500'),
|
|
39
|
-
successHover: tokenRef('primitives.green.500'),
|
|
40
|
-
success: tokenRef('primitives.green.400'),
|
|
41
|
-
danger: tokenRef('primitives.red.400'),
|
|
42
|
-
warning: tokenRef('primitives.yellow.400'),
|
|
43
|
-
}
|
|
44
|
-
};
|
|
45
|
-
|
|
46
|
-
export default {
|
|
47
|
-
textSemantic,
|
|
48
|
-
};
|
|
File without changes
|