@a4ui/core 0.19.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/elements.css +17 -0
- package/dist/full.css +17 -0
- package/dist/index.d.ts +2 -1
- package/dist/index.js +2539 -2374
- package/dist/ui/Configurator.d.ts +76 -0
- package/package.json +1 -1
- package/src/index.ts +9 -1
- package/src/ui/Configurator.tsx +215 -0
package/dist/elements.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
|
}
|
|
@@ -3350,6 +3361,12 @@ html.calm .tile-glass {
|
|
|
3350
3361
|
line-height: 1.5rem;
|
|
3351
3362
|
}
|
|
3352
3363
|
}
|
|
3364
|
+
@media (min-width: 768px) {
|
|
3365
|
+
|
|
3366
|
+
.md\:grid-cols-2 {
|
|
3367
|
+
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
3368
|
+
}
|
|
3369
|
+
}
|
|
3353
3370
|
@media (min-width: 1024px) {
|
|
3354
3371
|
|
|
3355
3372
|
.lg\:grid-cols-3 {
|
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
|
}
|
|
@@ -3350,6 +3361,12 @@ html.calm .tile-glass {
|
|
|
3350
3361
|
line-height: 1.5rem;
|
|
3351
3362
|
}
|
|
3352
3363
|
}
|
|
3364
|
+
@media (min-width: 768px) {
|
|
3365
|
+
|
|
3366
|
+
.md\:grid-cols-2 {
|
|
3367
|
+
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
3368
|
+
}
|
|
3369
|
+
}
|
|
3353
3370
|
@media (min-width: 1024px) {
|
|
3354
3371
|
|
|
3355
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';
|