@a4ui/core 0.18.0 → 0.20.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/Checkbox-DIzLQltI.js +431 -0
- package/dist/commerce.js +1 -1
- package/dist/elements.css +21 -0
- package/dist/elements.iife.js +2 -2
- package/dist/elements.js +275 -251
- package/dist/full.css +21 -0
- package/dist/index.d.ts +2 -1
- package/dist/index.js +2603 -2434
- package/dist/ui/Button.d.ts +10 -0
- package/dist/ui/Configurator.d.ts +76 -0
- package/package.json +1 -1
- package/src/index.ts +9 -1
- package/src/ui/Button.tsx +51 -17
- package/src/ui/Carousel.tsx +12 -6
- package/src/ui/Configurator.tsx +215 -0
- package/dist/Checkbox-BZjX1GMG.js +0 -407
package/dist/full.css
CHANGED
|
@@ -1640,6 +1640,9 @@ html.calm .tile-glass {
|
|
|
1640
1640
|
.mb-2 {
|
|
1641
1641
|
margin-bottom: 0.5rem;
|
|
1642
1642
|
}
|
|
1643
|
+
.ml-1 {
|
|
1644
|
+
margin-left: 0.25rem;
|
|
1645
|
+
}
|
|
1643
1646
|
.ml-4 {
|
|
1644
1647
|
margin-left: 1rem;
|
|
1645
1648
|
}
|
|
@@ -2211,6 +2214,11 @@ html.calm .tile-glass {
|
|
|
2211
2214
|
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
|
|
2212
2215
|
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
|
|
2213
2216
|
}
|
|
2217
|
+
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
|
|
2218
|
+
--tw-space-y-reverse: 0;
|
|
2219
|
+
margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
|
|
2220
|
+
margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
|
|
2221
|
+
}
|
|
2214
2222
|
.divide-x > :not([hidden]) ~ :not([hidden]) {
|
|
2215
2223
|
--tw-divide-x-reverse: 0;
|
|
2216
2224
|
border-right-width: calc(1px * var(--tw-divide-x-reverse));
|
|
@@ -2851,6 +2859,9 @@ html.calm .tile-glass {
|
|
|
2851
2859
|
.opacity-60 {
|
|
2852
2860
|
opacity: 0.6;
|
|
2853
2861
|
}
|
|
2862
|
+
.opacity-70 {
|
|
2863
|
+
opacity: 0.7;
|
|
2864
|
+
}
|
|
2854
2865
|
.opacity-75 {
|
|
2855
2866
|
opacity: 0.75;
|
|
2856
2867
|
}
|
|
@@ -3200,6 +3211,10 @@ html.calm .tile-glass {
|
|
|
3200
3211
|
--tw-ring-opacity: 1;
|
|
3201
3212
|
--tw-ring-color: hsl(var(--primary) / var(--tw-ring-opacity, 1));
|
|
3202
3213
|
}
|
|
3214
|
+
.focus-visible\:ring-ring:focus-visible {
|
|
3215
|
+
--tw-ring-opacity: 1;
|
|
3216
|
+
--tw-ring-color: hsl(var(--ring) / var(--tw-ring-opacity, 1));
|
|
3217
|
+
}
|
|
3203
3218
|
.focus-visible\:ring-ring\/40:focus-visible {
|
|
3204
3219
|
--tw-ring-color: hsl(var(--ring) / 0.4);
|
|
3205
3220
|
}
|
|
@@ -3346,6 +3361,12 @@ html.calm .tile-glass {
|
|
|
3346
3361
|
line-height: 1.5rem;
|
|
3347
3362
|
}
|
|
3348
3363
|
}
|
|
3364
|
+
@media (min-width: 768px) {
|
|
3365
|
+
|
|
3366
|
+
.md\:grid-cols-2 {
|
|
3367
|
+
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
3368
|
+
}
|
|
3369
|
+
}
|
|
3349
3370
|
@media (min-width: 1024px) {
|
|
3350
3371
|
|
|
3351
3372
|
.lg\:grid-cols-3 {
|
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const A4UI_VERSION = "0.
|
|
1
|
+
export declare const A4UI_VERSION = "0.20.0";
|
|
2
2
|
export { cn } from './lib/cn';
|
|
3
3
|
export { useTheme, toggleTheme, setTheme, storedTheme, applyTheme, toggled, type Theme } from './lib/theme';
|
|
4
4
|
export { useEffects, isCalm, setEffects } from './lib/effects';
|
|
@@ -58,6 +58,7 @@ export { Timeline, type TimelineItem, type TimelineTone, type TimelineProps } fr
|
|
|
58
58
|
export { Rating, type RatingProps } from './ui/Rating';
|
|
59
59
|
export { PricingTable, type PricingTier, type PricingPeriod } from './ui/PricingTable';
|
|
60
60
|
export { BeforeAfter, type BeforeAfterProps } from './ui/BeforeAfter';
|
|
61
|
+
export { Configurator, type ConfiguratorProps, type ConfiguratorGroup, type ConfiguratorState, type ConfiguratorOption, type ConfiguratorItem, } from './ui/Configurator';
|
|
61
62
|
export { Empty, type EmptyProps } from './ui/Empty';
|
|
62
63
|
export { Calendar, type CalendarProps } from './ui/Calendar';
|
|
63
64
|
export { Tree, type TreeNode, type TreeProps } from './ui/Tree';
|