@nexxtmove/ui 0.0.10 → 0.0.11
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/package.json
CHANGED
|
@@ -1,16 +1,17 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nexxtmove/ui",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.11",
|
|
5
5
|
"exports": {
|
|
6
6
|
".": {
|
|
7
7
|
"types": "./dist/index.d.ts",
|
|
8
8
|
"import": "./dist/index.js"
|
|
9
9
|
},
|
|
10
|
-
"./theme": "./
|
|
10
|
+
"./theme": "./tailwind/nexxtmove.tailwind.theme.css"
|
|
11
11
|
},
|
|
12
12
|
"files": [
|
|
13
|
-
"dist"
|
|
13
|
+
"dist",
|
|
14
|
+
"tailwind"
|
|
14
15
|
],
|
|
15
16
|
"dependencies": {
|
|
16
17
|
"reka-ui": "^2.7.0"
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly, this file was auto-generated.
|
|
3
|
+
*/
|
|
4
|
+
|
|
5
|
+
@layer components {
|
|
6
|
+
.button-primary {
|
|
7
|
+
@apply bg-button-color-bg-primary-default text-button-color-text-primary-default;
|
|
8
|
+
&:hover {
|
|
9
|
+
@media (hover: hover) {
|
|
10
|
+
@apply bg-button-color-bg-primary-hover;
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
&:focus-visible {
|
|
14
|
+
@apply bg-button-color-bg-primary-focussed outline-button-color-border-primary-focussed outline outline-solid;
|
|
15
|
+
}
|
|
16
|
+
&:active {
|
|
17
|
+
@apply bg-button-color-bg-primary-selected;
|
|
18
|
+
}
|
|
19
|
+
&:disabled {
|
|
20
|
+
@apply bg-button-color-bg-primary-disabled text-button-color-text-primary-disabled;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.button-secondary {
|
|
25
|
+
@apply bg-button-color-bg-secondary-default text-button-color-text-secondary-default border-button-color-border-secondary-default border border-solid;
|
|
26
|
+
&:hover {
|
|
27
|
+
@media (hover: hover) {
|
|
28
|
+
@apply bg-button-color-bg-secondary-hover border-button-color-border-secondary-hover;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
&:focus-visible {
|
|
32
|
+
@apply bg-button-color-bg-secondary-focussed outline-button-color-border-secondary-focussed outline outline-solid;
|
|
33
|
+
}
|
|
34
|
+
&:active {
|
|
35
|
+
@apply bg-button-color-bg-secondary-selected border-button-color-border-secondary-selected;
|
|
36
|
+
}
|
|
37
|
+
&:disabled {
|
|
38
|
+
@apply bg-button-color-bg-secondary-disabled text-button-color-text-secondary-disabled border-button-color-border-secondary-disabled;
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.button {
|
|
43
|
+
@apply px-(--button-padding-x) py-(--button-padding-y) gap-(--button-gap);
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
}
|
|
@@ -0,0 +1,186 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly, this file was auto-generated.
|
|
3
|
+
*/
|
|
4
|
+
|
|
5
|
+
@import "./nexxtmove.tailwind.components.css" layer(components);
|
|
6
|
+
|
|
7
|
+
@theme {
|
|
8
|
+
--color-gray-50: oklch(98.24% 0.00132 286.24288);
|
|
9
|
+
--color-gray-100: oklch(95.747% 0.00455 258.34462);
|
|
10
|
+
--color-gray-200: oklch(92.21% 0.00838 271.29885);
|
|
11
|
+
--color-gray-300: oklch(87.95% 0.01275 271.25806);
|
|
12
|
+
--color-gray-400: oklch(84.464% 0.01621 266.25174);
|
|
13
|
+
--color-gray-500: oklch(80.426% 0.02079 267.24355);
|
|
14
|
+
--color-gray-600: oklch(67.21% 0.03637 265.11077);
|
|
15
|
+
--color-gray-700: oklch(53.404% 0.03181 265.23935);
|
|
16
|
+
--color-gray-800: oklch(40.54% 0.02484 266.95326);
|
|
17
|
+
--color-gray-900: oklch(26.805% 0.01602 264.26805);
|
|
18
|
+
--color-gray-950: oklch(25.196% 0 0);
|
|
19
|
+
--color-cornflower-blue-50: oklch(96.536% 0.01636 274.83927);
|
|
20
|
+
--color-cornflower-blue-100: oklch(94.118% 0.02646 271.86227);
|
|
21
|
+
--color-cornflower-blue-200: oklch(87.996% 0.05687 272.05584);
|
|
22
|
+
--color-cornflower-blue-300: oklch(81.316% 0.08991 269.01224);
|
|
23
|
+
--color-cornflower-blue-400: oklch(75.257% 0.12293 266.58619);
|
|
24
|
+
--color-cornflower-blue-500: oklch(69.338% 0.15541 263.06293);
|
|
25
|
+
--color-cornflower-blue-600: oklch(58.312% 0.19293 256.79281);
|
|
26
|
+
--color-cornflower-blue-700: oklch(46.825% 0.15585 256.79569);
|
|
27
|
+
--color-cornflower-blue-800: oklch(36.487% 0.1207 256.81112);
|
|
28
|
+
--color-cornflower-blue-900: oklch(25.307% 0.08309 256.37016);
|
|
29
|
+
--color-cornflower-blue-950: oklch(19.077% 0.06238 256.49176);
|
|
30
|
+
--color-orange-50: oklch(98.316% 0.01004 58.1943);
|
|
31
|
+
--color-orange-100: oklch(95.83% 0.02453 61.64863);
|
|
32
|
+
--color-orange-200: oklch(91.597% 0.05214 60.53451);
|
|
33
|
+
--color-orange-300: oklch(87.499% 0.08346 64.61399);
|
|
34
|
+
--color-orange-400: oklch(83.363% 0.12266 68.19078);
|
|
35
|
+
--color-orange-500: oklch(79.281% 0.15836 72.99197);
|
|
36
|
+
--color-orange-600: oklch(66.173% 0.13211 72.98878);
|
|
37
|
+
--color-orange-700: oklch(53.162% 0.10595 72.83405);
|
|
38
|
+
--color-orange-800: oklch(39.987% 0.07979 73.71136);
|
|
39
|
+
--color-orange-900: oklch(27.077% 0.05371 74.01504);
|
|
40
|
+
--color-orange-950: oklch(20.934% 0.04194 75.8975);
|
|
41
|
+
--color-purple-50: oklch(95.816% 0.01741 282.54309);
|
|
42
|
+
--color-purple-100: oklch(92.308% 0.03244 285.74158);
|
|
43
|
+
--color-purple-200: oklch(84.797% 0.06663 283.94657);
|
|
44
|
+
--color-purple-300: oklch(77.355% 0.10231 283.12348);
|
|
45
|
+
--color-purple-400: oklch(69.843% 0.13781 281.29444);
|
|
46
|
+
--color-purple-500: oklch(62.3% 0.17493 279.30671);
|
|
47
|
+
--color-purple-600: oklch(53.444% 0.21546 275.41159);
|
|
48
|
+
--color-purple-700: oklch(44.536% 0.2433 269.64676);
|
|
49
|
+
--color-purple-800: oklch(34.577% 0.18914 269.71525);
|
|
50
|
+
--color-purple-900: oklch(24.685% 0.13376 269.75156);
|
|
51
|
+
--color-purple-950: oklch(18.635% 0.10173 270.07322);
|
|
52
|
+
--color-rose-50: oklch(96.729% 0.01211 4.73614);
|
|
53
|
+
--color-rose-100: oklch(93.385% 0.02355 4.50505);
|
|
54
|
+
--color-rose-200: oklch(87.642% 0.04742 4.93624);
|
|
55
|
+
--color-rose-300: oklch(81.093% 0.0766 5.4687);
|
|
56
|
+
--color-rose-400: oklch(74.664% 0.11242 5.93778);
|
|
57
|
+
--color-rose-500: oklch(68.785% 0.14863 6.29634);
|
|
58
|
+
--color-rose-600: oklch(58.329% 0.1746 6.66344);
|
|
59
|
+
--color-rose-700: oklch(47.542% 0.14222 6.61781);
|
|
60
|
+
--color-rose-800: oklch(36.789% 0.11001 7.05913);
|
|
61
|
+
--color-rose-900: oklch(25.201% 0.07544 6.68322);
|
|
62
|
+
--color-rose-950: oklch(19.54% 0.05775 5.9041);
|
|
63
|
+
--color-green-50: oklch(95.734% 0.01769 170.07455);
|
|
64
|
+
--color-green-100: oklch(91.466% 0.03604 167.58327);
|
|
65
|
+
--color-green-200: oklch(86.986% 0.053 168.74943);
|
|
66
|
+
--color-green-300: oklch(78.735% 0.08754 166.13996);
|
|
67
|
+
--color-green-400: oklch(63.387% 0.13849 159.11903);
|
|
68
|
+
--color-green-500: oklch(60.09% 0.14417 156.34218);
|
|
69
|
+
--color-green-600: oklch(51.022% 0.12085 157.02054);
|
|
70
|
+
--color-green-700: oklch(41.842% 0.09759 157.66873);
|
|
71
|
+
--color-green-800: oklch(31.762% 0.07267 158.70663);
|
|
72
|
+
--color-green-900: oklch(21.212% 0.04527 161.53303);
|
|
73
|
+
--color-green-950: oklch(14.973% 0.02983 169.43227);
|
|
74
|
+
--color-sapphire-50: oklch(94.884% 0.02307 277.94748);
|
|
75
|
+
--color-sapphire-100: oklch(89.754% 0.04705 277.49808);
|
|
76
|
+
--color-sapphire-200: oklch(78.825% 0.10102 275.14);
|
|
77
|
+
--color-sapphire-300: oklch(68.849% 0.1531 270.76719);
|
|
78
|
+
--color-sapphire-400: oklch(58.694% 0.20892 264.47087);
|
|
79
|
+
--color-sapphire-500: oklch(48.116% 0.18876 262.33696);
|
|
80
|
+
--color-sapphire-600: oklch(41.263% 0.16196 262.38572);
|
|
81
|
+
--color-sapphire-700: oklch(34.421% 0.1341 262.23002);
|
|
82
|
+
--color-sapphire-800: oklch(27.335% 0.10606 262.32753);
|
|
83
|
+
--color-sapphire-900: oklch(21.234% 0.08278 262.12635);
|
|
84
|
+
--color-sapphire-950: oklch(16.853% 0.06579 263.13855);
|
|
85
|
+
--color-yale-blue-50: oklch(93.964% 0.01997 267.27369);
|
|
86
|
+
--color-yale-blue-100: oklch(87.194% 0.0443 265.57253);
|
|
87
|
+
--color-yale-blue-200: oklch(74.237% 0.09334 261.73968);
|
|
88
|
+
--color-yale-blue-300: oklch(61.358% 0.12298 257.18417);
|
|
89
|
+
--color-yale-blue-400: oklch(48.33% 0.09776 257.3129);
|
|
90
|
+
--color-yale-blue-500: oklch(35.837% 0.07218 257.33085);
|
|
91
|
+
--color-yale-blue-600: oklch(31.159% 0.06273 257.1512);
|
|
92
|
+
--color-yale-blue-700: oklch(26.764% 0.0544 257.61172);
|
|
93
|
+
--color-yale-blue-800: oklch(22.463% 0.0444 256.10773);
|
|
94
|
+
--color-yale-blue-900: oklch(17.689% 0.03482 257.71215);
|
|
95
|
+
--color-yale-blue-950: oklch(14.945% 0.03121 258.39122);
|
|
96
|
+
--color-white: oklch(100% 0 0);
|
|
97
|
+
--color-button-color-bg-primary-default: var(--color-cornflower-blue-500);
|
|
98
|
+
--color-button-color-bg-primary-hover: var(--color-cornflower-blue-400);
|
|
99
|
+
--color-button-color-bg-primary-focussed: var(--color-cornflower-blue-500);
|
|
100
|
+
--color-button-color-bg-primary-selected: var(--color-cornflower-blue-700);
|
|
101
|
+
--color-button-color-bg-primary-disabled: var(--color-gray-200);
|
|
102
|
+
--color-button-color-bg-secondary-default: var(--color-white);
|
|
103
|
+
--color-button-color-bg-secondary-hover: var(--color-white);
|
|
104
|
+
--color-button-color-bg-secondary-focussed: var(--color-white);
|
|
105
|
+
--color-button-color-bg-secondary-selected: var(--color-cornflower-blue-50);
|
|
106
|
+
--color-button-color-bg-secondary-disabled: var(--color-white);
|
|
107
|
+
--color-button-color-text-primary-default: var(--color-white);
|
|
108
|
+
--color-button-color-text-primary-disabled: var(--color-gray-600);
|
|
109
|
+
--color-button-color-text-secondary-default: var(--color-gray-950);
|
|
110
|
+
--color-button-color-text-secondary-disabled: var(--color-gray-400);
|
|
111
|
+
--color-button-color-border-primary-focussed: var(--color-cornflower-blue-100);
|
|
112
|
+
--color-button-color-border-secondary-focussed: var(--color-cornflower-blue-100);
|
|
113
|
+
--color-button-color-border-secondary-hover: var(--color-cornflower-blue-700);
|
|
114
|
+
--color-button-color-border-secondary-selected: var(--color-cornflower-blue-500);
|
|
115
|
+
--color-button-color-border-secondary-disabled: var(--color-gray-400);
|
|
116
|
+
--color-button-color-border-secondary-default: var(--color-gray-950);
|
|
117
|
+
--text-xs: 0.75rem;
|
|
118
|
+
--text-base: 1rem;
|
|
119
|
+
--text-lg: 1.125rem;
|
|
120
|
+
--text-xl: 1.25rem;
|
|
121
|
+
--text-sm: 0.875rem;
|
|
122
|
+
--text-2xl: 1.5rem;
|
|
123
|
+
--text-3xl: 1.875rem;
|
|
124
|
+
--text-4xl: 2.25rem;
|
|
125
|
+
--text-5xl: 3rem;
|
|
126
|
+
--text-6xl: 3.75rem;
|
|
127
|
+
--text-7xl: 4.5rem;
|
|
128
|
+
--text-8xl: 6rem;
|
|
129
|
+
--text-9xl: 8rem;
|
|
130
|
+
--spacing-0: 0rem;
|
|
131
|
+
--spacing-1: 0.25rem;
|
|
132
|
+
--spacing-2: 0.5rem;
|
|
133
|
+
--spacing-3: 0.75rem;
|
|
134
|
+
--spacing-4: 1rem;
|
|
135
|
+
--spacing-5: 1.25rem;
|
|
136
|
+
--spacing-6: 1.5rem;
|
|
137
|
+
--spacing-7: 1.75rem;
|
|
138
|
+
--spacing-8: 2rem;
|
|
139
|
+
--spacing-9: 2.25rem;
|
|
140
|
+
--spacing-10: 2.5rem;
|
|
141
|
+
--spacing-11: 2.75rem;
|
|
142
|
+
--spacing-12: 3rem;
|
|
143
|
+
--spacing-14: 3.5rem;
|
|
144
|
+
--spacing-16: 4rem;
|
|
145
|
+
--spacing-20: 5rem;
|
|
146
|
+
--spacing-24: 6rem;
|
|
147
|
+
--spacing-28: 7rem;
|
|
148
|
+
--spacing-32: 8rem;
|
|
149
|
+
--spacing-36: 9rem;
|
|
150
|
+
--spacing-40: 10rem;
|
|
151
|
+
--spacing-44: 11rem;
|
|
152
|
+
--spacing-48: 12rem;
|
|
153
|
+
--spacing-52: 13rem;
|
|
154
|
+
--spacing-56: 14rem;
|
|
155
|
+
--spacing-60: 15rem;
|
|
156
|
+
--spacing-64: 16rem;
|
|
157
|
+
--spacing-72: 18rem;
|
|
158
|
+
--spacing-80: 20rem;
|
|
159
|
+
--spacing-96: 24rem;
|
|
160
|
+
--spacing-px: 1px;
|
|
161
|
+
--spacing-0\.5: 0.125rem;
|
|
162
|
+
--spacing-1\.5: 0.375rem;
|
|
163
|
+
--spacing-2\.5: 0.625rem;
|
|
164
|
+
--spacing-3\.5: 0.875rem;
|
|
165
|
+
--radius-xs: 0.125rem;
|
|
166
|
+
--radius-sm: 0.25rem;
|
|
167
|
+
--radius-md: 0.375rem;
|
|
168
|
+
--radius-lg: 0.5rem;
|
|
169
|
+
--radius-xl: 0.75rem;
|
|
170
|
+
--radius-2-xl: 1rem;
|
|
171
|
+
--radius-3-xl: 1.5rem;
|
|
172
|
+
--radius-4-xl: 2rem;
|
|
173
|
+
--radius-none: 0rem;
|
|
174
|
+
--button-padding-x: var(--spacing-4);
|
|
175
|
+
--button-padding-y: var(--spacing-2);
|
|
176
|
+
--button-gap: var(--spacing-1);
|
|
177
|
+
--button-border-radius: var(--radius-lg);
|
|
178
|
+
--font-sans: 'Poppins', ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
179
|
+
--font-serif: 'Playfair Display', ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
|
|
180
|
+
--font-mono: 'Roboto Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
|
181
|
+
--shadow-xs: 0px 0px 24px 0px oklch(26.805% 0.01602 264.26805 / 5%);
|
|
182
|
+
--shadow-sm: 0px 0px 32px 5px oklch(26.805% 0.01602 264.26805 / 10%);
|
|
183
|
+
--shadow-md: 0px 0px 48px 10px oklch(26.805% 0.01602 264.26805 / 12%);
|
|
184
|
+
--shadow-lg: 0px 0px 80px 15px oklch(26.805% 0.01602 264.26805 / 16%);
|
|
185
|
+
--shadow-xl: 0px 4px 112px 20px oklch(26.805% 0.01602 264.26805 / 18%);
|
|
186
|
+
}
|