@altrex-ui/styling 0.1.3 → 1.0.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.
- package/dist/tokens.styl +95 -118
- package/package.json +1 -1
package/dist/tokens.styl
CHANGED
|
@@ -3,124 +3,101 @@
|
|
|
3
3
|
* Generated automatically - do not edit
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
-
$altrex-colors-primary-50 =
|
|
7
|
-
$altrex-colors-primary-100 =
|
|
8
|
-
$altrex-colors-primary-200 =
|
|
9
|
-
$altrex-colors-primary-300 =
|
|
10
|
-
$altrex-colors-primary-400 =
|
|
11
|
-
$altrex-colors-primary-500 =
|
|
12
|
-
$altrex-colors-primary-600 =
|
|
13
|
-
$altrex-colors-primary-700 =
|
|
14
|
-
$altrex-colors-primary-800 =
|
|
15
|
-
$altrex-colors-primary-900 =
|
|
16
|
-
$altrex-colors-secondary-50 =
|
|
17
|
-
$altrex-colors-secondary-100 =
|
|
18
|
-
$altrex-colors-secondary-200 =
|
|
19
|
-
$altrex-colors-secondary-300 =
|
|
20
|
-
$altrex-colors-secondary-400 =
|
|
21
|
-
$altrex-colors-secondary-500 =
|
|
22
|
-
$altrex-colors-secondary-600 =
|
|
23
|
-
$altrex-colors-secondary-700 =
|
|
24
|
-
$altrex-colors-secondary-800 =
|
|
25
|
-
$altrex-colors-secondary-900 =
|
|
26
|
-
$altrex-colors-neutral-50 =
|
|
27
|
-
$altrex-colors-neutral-100 =
|
|
28
|
-
$altrex-colors-neutral-200 =
|
|
29
|
-
$altrex-colors-neutral-300 =
|
|
30
|
-
$altrex-colors-neutral-400 =
|
|
31
|
-
$altrex-colors-neutral-500 =
|
|
32
|
-
$altrex-colors-neutral-600 =
|
|
33
|
-
$altrex-colors-neutral-700 =
|
|
34
|
-
$altrex-colors-neutral-800 =
|
|
35
|
-
$altrex-colors-neutral-900 =
|
|
36
|
-
$altrex-colors-success-50 =
|
|
37
|
-
$altrex-colors-success-500 =
|
|
38
|
-
$altrex-colors-success-900 =
|
|
39
|
-
$altrex-colors-warning-50 =
|
|
40
|
-
$altrex-colors-warning-500 =
|
|
41
|
-
$altrex-colors-warning-900 =
|
|
42
|
-
$altrex-colors-error-50 =
|
|
43
|
-
$altrex-colors-error-500 =
|
|
44
|
-
$altrex-colors-error-900 =
|
|
45
|
-
$altrex-colors-info-50 =
|
|
46
|
-
$altrex-colors-info-500 =
|
|
47
|
-
$altrex-colors-info-900 =
|
|
48
|
-
$altrex-spacing-0 =
|
|
49
|
-
$altrex-spacing-1 =
|
|
50
|
-
$altrex-spacing-2 =
|
|
51
|
-
$altrex-spacing-3 =
|
|
52
|
-
$altrex-spacing-4 =
|
|
53
|
-
$altrex-spacing-5 =
|
|
54
|
-
$altrex-spacing-6 =
|
|
55
|
-
$altrex-spacing-8 =
|
|
56
|
-
$altrex-spacing-10 =
|
|
57
|
-
$altrex-spacing-12 =
|
|
58
|
-
$altrex-spacing-16 =
|
|
59
|
-
$altrex-spacing-20 =
|
|
60
|
-
$altrex-spacing-24 =
|
|
61
|
-
$altrex-fontSize-xs =
|
|
62
|
-
$altrex-fontSize-sm =
|
|
63
|
-
$altrex-fontSize-base =
|
|
64
|
-
$altrex-fontSize-lg =
|
|
65
|
-
$altrex-fontSize-xl =
|
|
66
|
-
$altrex-fontSize-2xl =
|
|
67
|
-
$altrex-fontSize-3xl =
|
|
68
|
-
$altrex-fontSize-4xl =
|
|
69
|
-
$altrex-fontSize-5xl =
|
|
70
|
-
$altrex-fontWeight-light =
|
|
71
|
-
$altrex-fontWeight-normal =
|
|
72
|
-
$altrex-fontWeight-medium =
|
|
73
|
-
$altrex-fontWeight-semibold =
|
|
74
|
-
$altrex-fontWeight-bold =
|
|
75
|
-
$altrex-lineHeight-none =
|
|
76
|
-
$altrex-lineHeight-tight =
|
|
77
|
-
$altrex-lineHeight-snug =
|
|
78
|
-
$altrex-lineHeight-normal =
|
|
79
|
-
$altrex-lineHeight-relaxed =
|
|
80
|
-
$altrex-lineHeight-loose =
|
|
81
|
-
$altrex-borderRadius-none =
|
|
82
|
-
$altrex-borderRadius-sm =
|
|
83
|
-
$altrex-borderRadius-default =
|
|
84
|
-
$altrex-borderRadius-md =
|
|
85
|
-
$altrex-borderRadius-lg =
|
|
86
|
-
$altrex-borderRadius-xl =
|
|
87
|
-
$altrex-borderRadius-2xl =
|
|
88
|
-
$altrex-borderRadius-full =
|
|
89
|
-
$altrex-shadow-sm =
|
|
90
|
-
$altrex-shadow-default =
|
|
91
|
-
$altrex-shadow-md =
|
|
92
|
-
$altrex-shadow-lg =
|
|
93
|
-
$altrex-shadow-xl =
|
|
94
|
-
$altrex-shadow-2xl =
|
|
95
|
-
$altrex-shadow-inner =
|
|
96
|
-
$altrex-breakpoints-sm =
|
|
97
|
-
$altrex-breakpoints-md =
|
|
98
|
-
$altrex-breakpoints-lg =
|
|
99
|
-
$altrex-breakpoints-xl =
|
|
100
|
-
$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
|
|
6
|
+
$altrex-colors-primary-50 = #e6f2ff
|
|
7
|
+
$altrex-colors-primary-100 = #cce5ff
|
|
8
|
+
$altrex-colors-primary-200 = #99cbff
|
|
9
|
+
$altrex-colors-primary-300 = #66b0ff
|
|
10
|
+
$altrex-colors-primary-400 = #3396ff
|
|
11
|
+
$altrex-colors-primary-500 = #007cff
|
|
12
|
+
$altrex-colors-primary-600 = #0063cc
|
|
13
|
+
$altrex-colors-primary-700 = #004a99
|
|
14
|
+
$altrex-colors-primary-800 = #003166
|
|
15
|
+
$altrex-colors-primary-900 = #001933
|
|
16
|
+
$altrex-colors-secondary-50 = #f0e6ff
|
|
17
|
+
$altrex-colors-secondary-100 = #e0ccff
|
|
18
|
+
$altrex-colors-secondary-200 = #c299ff
|
|
19
|
+
$altrex-colors-secondary-300 = #a366ff
|
|
20
|
+
$altrex-colors-secondary-400 = #8533ff
|
|
21
|
+
$altrex-colors-secondary-500 = #6600ff
|
|
22
|
+
$altrex-colors-secondary-600 = #5200cc
|
|
23
|
+
$altrex-colors-secondary-700 = #3d0099
|
|
24
|
+
$altrex-colors-secondary-800 = #290066
|
|
25
|
+
$altrex-colors-secondary-900 = #140033
|
|
26
|
+
$altrex-colors-neutral-50 = #f8f9fa
|
|
27
|
+
$altrex-colors-neutral-100 = #f1f3f5
|
|
28
|
+
$altrex-colors-neutral-200 = #e9ecef
|
|
29
|
+
$altrex-colors-neutral-300 = #dee2e6
|
|
30
|
+
$altrex-colors-neutral-400 = #ced4da
|
|
31
|
+
$altrex-colors-neutral-500 = #adb5bd
|
|
32
|
+
$altrex-colors-neutral-600 = #868e96
|
|
33
|
+
$altrex-colors-neutral-700 = #495057
|
|
34
|
+
$altrex-colors-neutral-800 = #343a40
|
|
35
|
+
$altrex-colors-neutral-900 = #212529
|
|
36
|
+
$altrex-colors-success-50 = #e6f9f0
|
|
37
|
+
$altrex-colors-success-500 = #10b981
|
|
38
|
+
$altrex-colors-success-900 = #064e3b
|
|
39
|
+
$altrex-colors-warning-50 = #fff9e6
|
|
40
|
+
$altrex-colors-warning-500 = #f59e0b
|
|
41
|
+
$altrex-colors-warning-900 = #78350f
|
|
42
|
+
$altrex-colors-error-50 = #ffe6e6
|
|
43
|
+
$altrex-colors-error-500 = #ef4444
|
|
44
|
+
$altrex-colors-error-900 = #7f1d1d
|
|
45
|
+
$altrex-colors-info-50 = #e6f7ff
|
|
46
|
+
$altrex-colors-info-500 = #3b82f6
|
|
47
|
+
$altrex-colors-info-900 = #1e3a8a
|
|
48
|
+
$altrex-spacing-0 = 0
|
|
49
|
+
$altrex-spacing-1 = 0.25rem
|
|
50
|
+
$altrex-spacing-2 = 0.5rem
|
|
51
|
+
$altrex-spacing-3 = 0.75rem
|
|
52
|
+
$altrex-spacing-4 = 1rem
|
|
53
|
+
$altrex-spacing-5 = 1.25rem
|
|
54
|
+
$altrex-spacing-6 = 1.5rem
|
|
55
|
+
$altrex-spacing-8 = 2rem
|
|
56
|
+
$altrex-spacing-10 = 2.5rem
|
|
57
|
+
$altrex-spacing-12 = 3rem
|
|
58
|
+
$altrex-spacing-16 = 4rem
|
|
59
|
+
$altrex-spacing-20 = 5rem
|
|
60
|
+
$altrex-spacing-24 = 6rem
|
|
61
|
+
$altrex-fontSize-xs = 0.75rem
|
|
62
|
+
$altrex-fontSize-sm = 0.875rem
|
|
63
|
+
$altrex-fontSize-base = 1rem
|
|
64
|
+
$altrex-fontSize-lg = 1.125rem
|
|
65
|
+
$altrex-fontSize-xl = 1.25rem
|
|
66
|
+
$altrex-fontSize-2xl = 1.5rem
|
|
67
|
+
$altrex-fontSize-3xl = 1.875rem
|
|
68
|
+
$altrex-fontSize-4xl = 2.25rem
|
|
69
|
+
$altrex-fontSize-5xl = 3rem
|
|
70
|
+
$altrex-fontWeight-light = 300
|
|
71
|
+
$altrex-fontWeight-normal = 400
|
|
72
|
+
$altrex-fontWeight-medium = 500
|
|
73
|
+
$altrex-fontWeight-semibold = 600
|
|
74
|
+
$altrex-fontWeight-bold = 700
|
|
75
|
+
$altrex-lineHeight-none = 1
|
|
76
|
+
$altrex-lineHeight-tight = 1.25
|
|
77
|
+
$altrex-lineHeight-snug = 1.375
|
|
78
|
+
$altrex-lineHeight-normal = 1.5
|
|
79
|
+
$altrex-lineHeight-relaxed = 1.625
|
|
80
|
+
$altrex-lineHeight-loose = 2
|
|
81
|
+
$altrex-borderRadius-none = 0
|
|
82
|
+
$altrex-borderRadius-sm = 0.25rem
|
|
83
|
+
$altrex-borderRadius-default = 0.5rem
|
|
84
|
+
$altrex-borderRadius-md = 0.75rem
|
|
85
|
+
$altrex-borderRadius-lg = 1rem
|
|
86
|
+
$altrex-borderRadius-xl = 1.5rem
|
|
87
|
+
$altrex-borderRadius-2xl = 2rem
|
|
88
|
+
$altrex-borderRadius-full = 9999px
|
|
89
|
+
$altrex-shadow-sm = 0 1px 2px 0 rgba(0, 0, 0, 0.05)
|
|
90
|
+
$altrex-shadow-default = 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)
|
|
91
|
+
$altrex-shadow-md = 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)
|
|
92
|
+
$altrex-shadow-lg = 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)
|
|
93
|
+
$altrex-shadow-xl = 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)
|
|
94
|
+
$altrex-shadow-2xl = 0 25px 50px -12px rgba(0, 0, 0, 0.25)
|
|
95
|
+
$altrex-shadow-inner = inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)
|
|
96
|
+
$altrex-breakpoints-sm = 640px
|
|
97
|
+
$altrex-breakpoints-md = 768px
|
|
98
|
+
$altrex-breakpoints-lg = 1024px
|
|
99
|
+
$altrex-breakpoints-xl = 1280px
|
|
100
|
+
$altrex-breakpoints-2xl = 1536px
|
|
124
101
|
|
|
125
102
|
// Icon size mixins
|
|
126
103
|
altrex-icon-s()
|