@altrex-ui/styling 0.1.2 → 0.1.3

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 (2) hide show
  1. package/dist/tokens.styl +144 -0
  2. package/package.json +6 -1
package/dist/tokens.styl ADDED
@@ -0,0 +1,144 @@
1
+ /**
2
+ * Altrex Design System Tokens
3
+ * Generated automatically - do not edit
4
+ */
5
+
6
+ $altrex-colors-primary-50 = var(--altrex-colors-primary-50)
7
+ $altrex-colors-primary-100 = var(--altrex-colors-primary-100)
8
+ $altrex-colors-primary-200 = var(--altrex-colors-primary-200)
9
+ $altrex-colors-primary-300 = var(--altrex-colors-primary-300)
10
+ $altrex-colors-primary-400 = var(--altrex-colors-primary-400)
11
+ $altrex-colors-primary-500 = var(--altrex-colors-primary-500)
12
+ $altrex-colors-primary-600 = var(--altrex-colors-primary-600)
13
+ $altrex-colors-primary-700 = var(--altrex-colors-primary-700)
14
+ $altrex-colors-primary-800 = var(--altrex-colors-primary-800)
15
+ $altrex-colors-primary-900 = var(--altrex-colors-primary-900)
16
+ $altrex-colors-secondary-50 = var(--altrex-colors-secondary-50)
17
+ $altrex-colors-secondary-100 = var(--altrex-colors-secondary-100)
18
+ $altrex-colors-secondary-200 = var(--altrex-colors-secondary-200)
19
+ $altrex-colors-secondary-300 = var(--altrex-colors-secondary-300)
20
+ $altrex-colors-secondary-400 = var(--altrex-colors-secondary-400)
21
+ $altrex-colors-secondary-500 = var(--altrex-colors-secondary-500)
22
+ $altrex-colors-secondary-600 = var(--altrex-colors-secondary-600)
23
+ $altrex-colors-secondary-700 = var(--altrex-colors-secondary-700)
24
+ $altrex-colors-secondary-800 = var(--altrex-colors-secondary-800)
25
+ $altrex-colors-secondary-900 = var(--altrex-colors-secondary-900)
26
+ $altrex-colors-neutral-50 = var(--altrex-colors-neutral-50)
27
+ $altrex-colors-neutral-100 = var(--altrex-colors-neutral-100)
28
+ $altrex-colors-neutral-200 = var(--altrex-colors-neutral-200)
29
+ $altrex-colors-neutral-300 = var(--altrex-colors-neutral-300)
30
+ $altrex-colors-neutral-400 = var(--altrex-colors-neutral-400)
31
+ $altrex-colors-neutral-500 = var(--altrex-colors-neutral-500)
32
+ $altrex-colors-neutral-600 = var(--altrex-colors-neutral-600)
33
+ $altrex-colors-neutral-700 = var(--altrex-colors-neutral-700)
34
+ $altrex-colors-neutral-800 = var(--altrex-colors-neutral-800)
35
+ $altrex-colors-neutral-900 = var(--altrex-colors-neutral-900)
36
+ $altrex-colors-success-50 = var(--altrex-colors-success-50)
37
+ $altrex-colors-success-500 = var(--altrex-colors-success-500)
38
+ $altrex-colors-success-900 = var(--altrex-colors-success-900)
39
+ $altrex-colors-warning-50 = var(--altrex-colors-warning-50)
40
+ $altrex-colors-warning-500 = var(--altrex-colors-warning-500)
41
+ $altrex-colors-warning-900 = var(--altrex-colors-warning-900)
42
+ $altrex-colors-error-50 = var(--altrex-colors-error-50)
43
+ $altrex-colors-error-500 = var(--altrex-colors-error-500)
44
+ $altrex-colors-error-900 = var(--altrex-colors-error-900)
45
+ $altrex-colors-info-50 = var(--altrex-colors-info-50)
46
+ $altrex-colors-info-500 = var(--altrex-colors-info-500)
47
+ $altrex-colors-info-900 = var(--altrex-colors-info-900)
48
+ $altrex-spacing-0 = var(--altrex-spacing-0)
49
+ $altrex-spacing-1 = var(--altrex-spacing-1)
50
+ $altrex-spacing-2 = var(--altrex-spacing-2)
51
+ $altrex-spacing-3 = var(--altrex-spacing-3)
52
+ $altrex-spacing-4 = var(--altrex-spacing-4)
53
+ $altrex-spacing-5 = var(--altrex-spacing-5)
54
+ $altrex-spacing-6 = var(--altrex-spacing-6)
55
+ $altrex-spacing-8 = var(--altrex-spacing-8)
56
+ $altrex-spacing-10 = var(--altrex-spacing-10)
57
+ $altrex-spacing-12 = var(--altrex-spacing-12)
58
+ $altrex-spacing-16 = var(--altrex-spacing-16)
59
+ $altrex-spacing-20 = var(--altrex-spacing-20)
60
+ $altrex-spacing-24 = var(--altrex-spacing-24)
61
+ $altrex-fontSize-xs = var(--altrex-fontSize-xs)
62
+ $altrex-fontSize-sm = var(--altrex-fontSize-sm)
63
+ $altrex-fontSize-base = var(--altrex-fontSize-base)
64
+ $altrex-fontSize-lg = var(--altrex-fontSize-lg)
65
+ $altrex-fontSize-xl = var(--altrex-fontSize-xl)
66
+ $altrex-fontSize-2xl = var(--altrex-fontSize-2xl)
67
+ $altrex-fontSize-3xl = var(--altrex-fontSize-3xl)
68
+ $altrex-fontSize-4xl = var(--altrex-fontSize-4xl)
69
+ $altrex-fontSize-5xl = var(--altrex-fontSize-5xl)
70
+ $altrex-fontWeight-light = var(--altrex-fontWeight-light)
71
+ $altrex-fontWeight-normal = var(--altrex-fontWeight-normal)
72
+ $altrex-fontWeight-medium = var(--altrex-fontWeight-medium)
73
+ $altrex-fontWeight-semibold = var(--altrex-fontWeight-semibold)
74
+ $altrex-fontWeight-bold = var(--altrex-fontWeight-bold)
75
+ $altrex-lineHeight-none = var(--altrex-lineHeight-none)
76
+ $altrex-lineHeight-tight = var(--altrex-lineHeight-tight)
77
+ $altrex-lineHeight-snug = var(--altrex-lineHeight-snug)
78
+ $altrex-lineHeight-normal = var(--altrex-lineHeight-normal)
79
+ $altrex-lineHeight-relaxed = var(--altrex-lineHeight-relaxed)
80
+ $altrex-lineHeight-loose = var(--altrex-lineHeight-loose)
81
+ $altrex-borderRadius-none = var(--altrex-borderRadius-none)
82
+ $altrex-borderRadius-sm = var(--altrex-borderRadius-sm)
83
+ $altrex-borderRadius-default = var(--altrex-borderRadius-default)
84
+ $altrex-borderRadius-md = var(--altrex-borderRadius-md)
85
+ $altrex-borderRadius-lg = var(--altrex-borderRadius-lg)
86
+ $altrex-borderRadius-xl = var(--altrex-borderRadius-xl)
87
+ $altrex-borderRadius-2xl = var(--altrex-borderRadius-2xl)
88
+ $altrex-borderRadius-full = var(--altrex-borderRadius-full)
89
+ $altrex-shadow-sm = var(--altrex-shadow-sm)
90
+ $altrex-shadow-default = var(--altrex-shadow-default)
91
+ $altrex-shadow-md = var(--altrex-shadow-md)
92
+ $altrex-shadow-lg = var(--altrex-shadow-lg)
93
+ $altrex-shadow-xl = var(--altrex-shadow-xl)
94
+ $altrex-shadow-2xl = var(--altrex-shadow-2xl)
95
+ $altrex-shadow-inner = var(--altrex-shadow-inner)
96
+ $altrex-breakpoints-sm = var(--altrex-breakpoints-sm)
97
+ $altrex-breakpoints-md = var(--altrex-breakpoints-md)
98
+ $altrex-breakpoints-lg = var(--altrex-breakpoints-lg)
99
+ $altrex-breakpoints-xl = var(--altrex-breakpoints-xl)
100
+ $altrex-breakpoints-2xl = var(--altrex-breakpoints-2xl)
101
+
102
+ // Additional derived variables for legacy naming
103
+ $altrex-color-platform-interactive-200 = var(--altrex-colors-primary-200)
104
+ $altrex-color-platform-interactive-400 = var(--altrex-colors-primary-400)
105
+ $altrex-color-platform-interactive-850 = var(--altrex-colors-primary-700)
106
+ $altrex-color-platform-interactive-900 = var(--altrex-colors-primary-800)
107
+ $altrex-color-platform-interactive-1000 = var(--altrex-colors-primary-900)
108
+ $altrex-color-platform-white = #ffffff
109
+
110
+ $altrex-space-half = var(--altrex-spacing-1)
111
+ $altrex-space-1x = var(--altrex-spacing-2)
112
+ $altrex-space-2x = var(--altrex-spacing-4)
113
+ $altrex-space-3x = var(--altrex-spacing-6)
114
+
115
+ $altrex-font-family-body = -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif
116
+ $altrex-font-size-caption = var(--altrex-fontSize-xs)
117
+ $altrex-font-size-body-2 = var(--altrex-fontSize-sm)
118
+ $altrex-font-size-body-1 = var(--altrex-fontSize-base)
119
+
120
+ $altrex-border-radius-button-default = var(--altrex-borderRadius-default)
121
+ $altrex-border-radius-button-pill = var(--altrex-borderRadius-full)
122
+
123
+ $altrex-transition-default = 0.2s ease-in-out
124
+
125
+ // Icon size mixins
126
+ altrex-icon-s()
127
+ height: 16px
128
+ width: 16px
129
+
130
+ altrex-icon-m()
131
+ height: 24px
132
+ width: 24px
133
+
134
+ altrex-icon-l()
135
+ height: 32px
136
+ width: 32px
137
+
138
+ altrex-icon-xl()
139
+ height: 48px
140
+ width: 48px
141
+
142
+ altrex-icon-xxl()
143
+ height: 64px
144
+ width: 64px
package/package.json CHANGED
@@ -1,8 +1,13 @@
1
1
  {
2
2
  "name": "@altrex-ui/styling",
3
- "version": "0.1.2",
3
+ "version": "0.1.3",
4
4
  "description": "Core design tokens for the Altrex design system",
5
5
  "main": "dist/index.js",
6
+ "exports": {
7
+ ".": "./dist/index.js",
8
+ "./tokens.css": "./dist/tokens.css",
9
+ "./tokens.styl": "./dist/tokens.styl"
10
+ },
6
11
  "scripts": {
7
12
  "build": "node build.js",
8
13
  "watch": "node build.js --watch"