@aziontech/theme 1.0.4 → 1.1.0

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.
Files changed (5) hide show
  1. package/package.json +1 -1
  2. package/src/tokens/build/preset.js +19 -26
  3. package/src/tokens/semantic/backgrounds.js +6 -10
  4. package/src/tokens/semantic/borders.js +10 -12
  5. package/src/tokens/semantic/text.js +5 -35
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@aziontech/theme",
3
3
  "type": "module",
4
- "version": "1.0.4",
4
+ "version": "1.1.0",
5
5
  "author": "aziontech",
6
6
  "license": "MIT",
7
7
  "repository": {
package/src/tokens/build/preset.js CHANGED
@@ -7,19 +7,15 @@ export const preset = {
7
7
  extend: {
8
8
  colors: {
9
9
  text: {
10
- base: 'var(--text-textColorBase)',
11
- muted: 'var(--text-textColorMuted)',
12
- link: 'var(--text-textColorLink)',
13
- code: 'var(--text-textColorCode)',
14
- mutedHover: 'var(--text-textColorMutedHover)',
15
- linkHover: 'var(--text-textColorLinkHover)',
16
- baseHover: 'var(--text-textColorBaseHover)',
17
- primary: 'var(--text-textColorPrimary)',
18
- primaryHover: 'var(--text-textColorPrimaryHover)',
19
- accent: 'var(--text-textColorAccent)',
20
- accentHover: 'var(--text-textColorAccentHover)',
21
- secondary: 'var(--text-textColorSecondary)',
22
- secondaryHover: 'var(--text-textColorSecondaryHover)',
10
+ default: 'var(--text-textDefault)',
11
+ muted: 'var(--text-textMuted)',
12
+ link: 'var(--text-textLink)',
13
+ linkHover: 'var(--text-textLinkHover)',
14
+ code: 'var(--text-textCode)',
15
+ primary: 'var(--text-textPrimary)',
16
+ primaryHover: 'var(--text-textPrimaryHover)',
17
+ accent: 'var(--text-textAccent)',
18
+ accentHover: 'var(--text-textAccentHover)',
23
19
  danger: 'var(--text-textDanger)',
24
20
  dangerHover: 'var(--text-textDangerHover)',
25
21
  warning: 'var(--text-textWarning)',
@@ -28,12 +24,10 @@ export const preset = {
28
24
  successHover: 'var(--text-textSuccessHover)',
29
25
  },
30
26
  background: {
31
- layer1: 'var(--background-bgLayer1)',
32
- layer2: 'var(--background-bgLayer2)',
33
- base: 'var(--background-bgBase)',
27
+ surfaceRaised: 'var(--background-bgSurfaceRaised)',
28
+ surfaceOverlay: 'var(--background-bgSurfaceOverlay)',
29
+ surface: 'var(--background-bgSurface)',
34
30
  canvas: 'var(--background-bgCanvas)',
35
- layer1Hover: 'var(--background-bgLayer1Hover)',
36
- layer2Hover: 'var(--background-bgLayer2Hover)',
37
31
  danger: 'var(--background-bgDanger)',
38
32
  dangerHover: 'var(--background-bgDangerHover)',
39
33
  warning: 'var(--background-bgWarning)',
@@ -45,19 +39,18 @@ export const preset = {
45
39
  primaryHover: 'var(--background-bgPrimaryHover)',
46
40
  },
47
41
  border: {
48
- base: 'var(--border-borderBase)',
49
- baseHover: 'var(--border-borderBaseHover)',
42
+ default: 'var(--border-borderDefault)',
43
+ strong: 'var(--border-borderStrong)',
44
+ subtle: 'var(--border-borderSubtle)',
50
45
  warning: 'var(--border-borderWarning)',
51
- success: 'var(--border-borderSuccess)',
52
- danger: 'var(--border-borderDanger)',
53
- primary: 'var(--border-borderPrimary)',
54
- secondary: 'var(--border-borderSecondary)',
55
- accent: 'var(--border-borderAccent)',
56
46
  warningHover: 'var(--border-borderWarningHover)',
47
+ success: 'var(--border-borderSuccess)',
57
48
  successHover: 'var(--border-borderSuccessHover)',
49
+ danger: 'var(--border-borderDanger)',
58
50
  dangerHover: 'var(--border-borderDangerHover)',
51
+ primary: 'var(--border-borderPrimary)',
59
52
  primaryHover: 'var(--border-borderPrimaryHover)',
60
- secondaryHover: 'var(--border-borderSecondaryHover)',
53
+ accent: 'var(--border-borderAccent)',
61
54
  accentHover: 'var(--border-borderAccentHover)',
62
55
  },
63
56
  },
package/src/tokens/semantic/backgrounds.js CHANGED
@@ -8,12 +8,10 @@ import { tokenRef } from '../build/refs.js';
8
8
 
9
9
  export const backgroundSemantic = {
10
10
  light: {
11
- bgLayer1: tokenRef('brand.surfaces.surface-0'),
12
- bgLayer2: tokenRef('brand.surfaces.surface-50'),
13
- bgBase: tokenRef('brand.surfaces.surface-0'),
11
+ bgSurfaceRaised: tokenRef('brand.surfaces.surface-0'),
12
+ bgSurfaceOverlay: tokenRef('brand.surfaces.surface-50'),
13
+ bgSurface: tokenRef('brand.surfaces.surface-0'),
14
14
  bgCanvas: tokenRef('brand.surfaces.surface-100'),
15
- bgLayer1Hover: tokenRef('brand.surfaces.surface-50'),
16
- bgLayer2Hover: tokenRef('brand.surfaces.surface-100'),
17
15
  bgDangerHover: tokenRef('primitives.red.400'),
18
16
  bgWarningHover: tokenRef('primitives.yellow.400'),
19
17
  bgSuccessHover: tokenRef('primitives.green.400'),
@@ -25,12 +23,10 @@ export const backgroundSemantic = {
25
23
  bgPrimary: tokenRef('brand.primary.primary-500')
26
24
  },
27
25
  dark: {
28
- bgLayer1: tokenRef('brand.surfaces.surface-800'),
29
- bgLayer2: tokenRef('brand.surfaces.surface-700'),
30
- bgBase: tokenRef('brand.surfaces.surface-900'),
26
+ bgSurfaceRaised: tokenRef('brand.surfaces.surface-800'),
27
+ bgSurfaceOverlay: tokenRef('brand.surfaces.surface-700'),
28
+ bgSurface: tokenRef('brand.surfaces.surface-900'),
31
29
  bgCanvas: tokenRef('brand.surfaces.surface-950'),
32
- bgLayer1Hover: tokenRef('brand.surfaces.surface-700'),
33
- bgLayer2Hover: tokenRef('brand.surfaces.surface-600'),
34
30
  bgDangerHover: tokenRef('primitives.red.600'),
35
31
  bgWarningHover: tokenRef('primitives.yellow.600'),
36
32
  bgSuccessHover: tokenRef('primitives.green.600'),
package/src/tokens/semantic/borders.js CHANGED
@@ -8,36 +8,34 @@ import { tokenRef } from '../build/refs.js';
8
8
 
9
9
  export const borderSemantic = {
10
10
  light: {
11
- borderBase: tokenRef('brand.surfaces.surface-200'),
12
- borderBaseHover: tokenRef('primitives.base.black'),
11
+ borderDefault: tokenRef('brand.surfaces.surface-100'),
12
+ borderStrong: tokenRef('primitives.base.black'),
13
13
  borderWarning: tokenRef('primitives.yellow.600'),
14
14
  borderSuccess: tokenRef('primitives.green.600'),
15
15
  borderDanger: tokenRef('primitives.red.600'),
16
16
  borderPrimary: tokenRef('brand.primary.primary-500'),
17
- borderSecondary: tokenRef('primitives.violet.500'),
17
+ borderAccent: tokenRef('brand.accent.accent-500'),
18
18
  borderWarningHover: tokenRef('primitives.yellow.500'),
19
19
  borderSuccessHover: tokenRef('primitives.green.500'),
20
20
  borderDangerHover: tokenRef('primitives.red.500'),
21
21
  borderPrimaryHover: tokenRef('brand.primary.primary-600'),
22
- borderSecondaryHover: tokenRef('primitives.violet.600'),
23
- borderAccent: tokenRef('brand.accent.accent-500'),
24
- borderAccentHover: tokenRef('brand.accent.accent-600')
22
+ borderAccentHover: tokenRef('brand.accent.accent-600'),
23
+ borderSubtle: tokenRef('brand.surfaces.surface-200')
25
24
  },
26
25
  dark: {
27
- borderBase: tokenRef('brand.surfaces.surface-700'),
28
- borderBaseHover: tokenRef('primitives.base.white'),
26
+ borderDefault: tokenRef('brand.surfaces.surface-800'),
27
+ borderStrong: tokenRef('primitives.base.white'),
29
28
  borderWarning: tokenRef('primitives.yellow.400'),
30
29
  borderSuccess: tokenRef('primitives.green.400'),
31
30
  borderDanger: tokenRef('primitives.red.400'),
32
31
  borderPrimary: tokenRef('brand.primary.primary-500'),
33
- borderSecondary: tokenRef('primitives.violet.500'),
32
+ borderAccent: tokenRef('brand.accent.accent-500'),
34
33
  borderWarningHover: tokenRef('primitives.yellow.500'),
35
34
  borderSuccessHover: tokenRef('primitives.green.500'),
36
35
  borderDangerHover: tokenRef('primitives.red.500'),
37
36
  borderPrimaryHover: tokenRef('brand.primary.primary-400'),
38
- borderSecondaryHover: tokenRef('primitives.violet.400'),
39
- borderAccent: tokenRef('brand.accent.accent-500'),
40
- borderAccentHover: tokenRef('brand.accent.accent-400')
37
+ borderAccentHover: tokenRef('brand.accent.accent-400'),
38
+ borderSubtle: tokenRef('brand.surfaces.surface-700')
41
39
  },
42
40
  };
43
41
 
package/src/tokens/semantic/text.js CHANGED
@@ -8,26 +8,11 @@ import { tokenRef } from '../build/refs.js';
8
8
 
9
9
  export const textSemantic = {
10
10
  light: {
11
- textColorBase: tokenRef('primitives.neutral.900'),
12
- textColorMuted: tokenRef('primitives.neutral.600'),
13
- textColorLink: tokenRef('primitives.blue.600'),
14
- textColorCode: tokenRef('primitives.neutral.600'),
15
- textColorMutedHover: tokenRef('primitives.neutral.500'),
16
- textColorLinkHover: tokenRef('primitives.blue.700'),
17
- textColorBaseHover: tokenRef('primitives.neutral.800'),
18
- textColorPrimary: tokenRef('brand.primary.primary-500'),
19
- textColorPrimaryHover: tokenRef('brand.primary.primary-600'),
20
- textColorSecondary: tokenRef('primitives.violet.500'),
21
- textColorSecondaryHover: tokenRef('primitives.violet.600'),
22
- textColorAccent: tokenRef('brand.accent.accent-500'),
23
- textColorAccentHover: tokenRef('brand.accent.accent-600'),
24
- textBase: tokenRef('primitives.neutral.900'),
11
+ textDefault: tokenRef('primitives.neutral.900'),
25
12
  textMuted: tokenRef('primitives.neutral.600'),
26
13
  textLink: tokenRef('primitives.blue.600'),
27
14
  textCode: tokenRef('primitives.neutral.600'),
28
- textMutedHover: tokenRef('primitives.neutral.500'),
29
15
  textLinkHover: tokenRef('primitives.blue.700'),
30
- textBaseHover: tokenRef('primitives.neutral.800'),
31
16
  textPrimary: tokenRef('brand.primary.primary-500'),
32
17
  textPrimaryHover: tokenRef('brand.primary.primary-600'),
33
18
  textAccent: tokenRef('brand.accent.accent-500'),
@@ -40,26 +25,11 @@ export const textSemantic = {
40
25
  textWarning: tokenRef('primitives.yellow.600')
41
26
  },
42
27
  dark: {
43
- textColorBase: tokenRef('primitives.neutral.50'),
44
- textColorMuted: tokenRef('primitives.neutral.400'),
45
- textColorLink: tokenRef('primitives.blue.300'),
46
- textColorCode: tokenRef('primitives.neutral.400'),
47
- textColorMutedHover: tokenRef('primitives.neutral.500'),
48
- textColorLinkHover: tokenRef('primitives.blue.300'),
49
- textColorBaseHover: tokenRef('primitives.neutral.200'),
50
- textColorPrimary: tokenRef('brand.primary.primary-500'),
51
- textColorPrimaryHover: tokenRef('brand.primary.primary-400'),
52
- textColorSecondary: tokenRef('primitives.violet.500'),
53
- textColorSecondaryHover: tokenRef('primitives.violet.400'),
54
- textColorAccent: tokenRef('brand.accent.accent-500'),
55
- textColorAccentHover: tokenRef('brand.accent.accent-400'),
56
- textBase: tokenRef('primitives.neutral.50'),
28
+ textDefault: tokenRef('primitives.neutral.50'),
57
29
  textMuted: tokenRef('primitives.neutral.400'),
58
- textLink: tokenRef('primitives.blue.300'),
30
+ textLink: tokenRef('primitives.blue.400'),
59
31
  textCode: tokenRef('primitives.neutral.400'),
60
- textMutedHover: tokenRef('primitives.neutral.500'),
61
32
  textLinkHover: tokenRef('primitives.blue.300'),
62
- textBaseHover: tokenRef('primitives.neutral.200'),
63
33
  textPrimary: tokenRef('brand.primary.primary-500'),
64
34
  textPrimaryHover: tokenRef('brand.primary.primary-400'),
65
35
  textAccent: tokenRef('brand.accent.accent-500'),
@@ -69,8 +39,8 @@ export const textSemantic = {
69
39
  textSuccessHover: tokenRef('primitives.green.500'),
70
40
  textSuccess: tokenRef('primitives.green.400'),
71
41
  textDanger: tokenRef('primitives.red.400'),
72
- textWarning: tokenRef('primitives.yellow.400')
73
- },
42
+ textWarning: tokenRef('primitives.yellow.400'),
43
+ }
74
44
  };
75
45
 
76
46
  export default {