@a-type/ui 0.8.8 → 0.8.10
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/cjs/components/actions/ActionBar.d.ts +2 -1
- package/dist/cjs/components/actions/ActionBar.js +3 -2
- package/dist/cjs/components/actions/ActionBar.js.map +1 -1
- package/dist/cjs/components/button/classes.js +1 -1
- package/dist/cjs/components/button/classes.js.map +1 -1
- package/dist/cjs/components/layouts/PageContent.js +1 -1
- package/dist/cjs/components/layouts/PageContent.js.map +1 -1
- package/dist/cjs/components/layouts/layouts.stories.js +1 -1
- package/dist/cjs/components/layouts/layouts.stories.js.map +1 -1
- package/dist/cjs/components/navBar/NavBar.js +1 -1
- package/dist/cjs/components/navBar/NavBar.js.map +1 -1
- package/dist/cjs/components/numberStepper/NumberStepper.js +1 -1
- package/dist/cjs/components/numberStepper/NumberStepper.js.map +1 -1
- package/dist/cjs/components/tooltip/Tooltip.d.ts +2 -2
- package/dist/cjs/components/tooltip/Tooltip.js +1 -2
- package/dist/cjs/components/tooltip/Tooltip.js.map +1 -1
- package/dist/cjs/uno.preset.js +21 -8
- package/dist/cjs/uno.preset.js.map +1 -1
- package/dist/css/main.css +19 -6
- package/dist/esm/components/actions/ActionBar.d.ts +2 -1
- package/dist/esm/components/actions/ActionBar.js +3 -2
- package/dist/esm/components/actions/ActionBar.js.map +1 -1
- package/dist/esm/components/button/classes.js +1 -1
- package/dist/esm/components/button/classes.js.map +1 -1
- package/dist/esm/components/layouts/PageContent.js +1 -1
- package/dist/esm/components/layouts/PageContent.js.map +1 -1
- package/dist/esm/components/layouts/layouts.stories.js +1 -1
- package/dist/esm/components/layouts/layouts.stories.js.map +1 -1
- package/dist/esm/components/navBar/NavBar.js +1 -1
- package/dist/esm/components/navBar/NavBar.js.map +1 -1
- package/dist/esm/components/numberStepper/NumberStepper.js +1 -1
- package/dist/esm/components/numberStepper/NumberStepper.js.map +1 -1
- package/dist/esm/components/tooltip/Tooltip.d.ts +2 -2
- package/dist/esm/components/tooltip/Tooltip.js +1 -2
- package/dist/esm/components/tooltip/Tooltip.js.map +1 -1
- package/dist/esm/uno.preset.js +21 -8
- package/dist/esm/uno.preset.js.map +1 -1
- package/package.json +1 -1
- package/src/components/actions/ActionBar.tsx +8 -5
- package/src/components/button/classes.tsx +1 -1
- package/src/components/layouts/PageContent.tsx +1 -1
- package/src/components/layouts/layouts.stories.tsx +1 -1
- package/src/components/navBar/NavBar.tsx +1 -1
- package/src/components/numberStepper/NumberStepper.tsx +1 -1
- package/src/components/tooltip/Tooltip.tsx +2 -3
- package/src/uno.preset.ts +21 -8
package/dist/esm/uno.preset.js
CHANGED
|
@@ -91,10 +91,10 @@ export default function presetAglio({ spacingIncrement = 0.25, } = {}) {
|
|
|
91
91
|
'max-content': 'max-content',
|
|
92
92
|
},
|
|
93
93
|
boxShadow: {
|
|
94
|
-
sm: '0 1px 2px 0
|
|
95
|
-
md: '0 4px 6px -1px
|
|
96
|
-
lg: '0 10px 15px -3px
|
|
97
|
-
xl: '0 20px 25px -5px
|
|
94
|
+
sm: '0 1px 2px 0 var(--color-shadow-2)',
|
|
95
|
+
md: '0 4px 6px -1px var(--color-shadow-1), 0 2px 4px -1px var(--color-shadow-2)',
|
|
96
|
+
lg: '0 10px 15px -3px var(--color-shadow-1), 0 4px 6px -2px var(--color-shadow-2)',
|
|
97
|
+
xl: '0 20px 25px -5px var(--color-shadow-1), 0 10px 10px -5px var(--color-shadow-2)',
|
|
98
98
|
// focus outlines
|
|
99
99
|
focus: `0 0 0 3px var(--color-primary-light)`,
|
|
100
100
|
},
|
|
@@ -415,8 +415,8 @@ export default function presetAglio({ spacingIncrement = 0.25, } = {}) {
|
|
|
415
415
|
--palette-overlay: rgba(0, 0, 0, 0.025);
|
|
416
416
|
--palette-black: #303030;
|
|
417
417
|
--palette-white: #fff;
|
|
418
|
-
--palette-light: #
|
|
419
|
-
--palette-dark: #
|
|
418
|
+
--palette-light: #f8f8fb;
|
|
419
|
+
--palette-dark: #0a0a0b;
|
|
420
420
|
--palette-gray-1: #fafafa;
|
|
421
421
|
--palette-gray-2: #f5f5f5;
|
|
422
422
|
--palette-gray-3: #eeeef0;
|
|
@@ -433,6 +433,11 @@ export default function presetAglio({ spacingIncrement = 0.25, } = {}) {
|
|
|
433
433
|
--palette-gray-dark-blend: rgba(0, 0, 20, 0.05);
|
|
434
434
|
--palette-light-gray-blend: rgba(255, 255, 255, 0.05);
|
|
435
435
|
--palette-light-gray-dark-blend: rgba(255, 255, 255, 0.1);
|
|
436
|
+
--palette-shadow-1: rgba(0, 0, 0, 0.07);
|
|
437
|
+
--palette-shadow-2: rgba(0, 0, 0, 0.15);
|
|
438
|
+
--palette-shadow-3: rgba(0, 0, 0, 0.3);
|
|
439
|
+
--palette-shadow-4: rgba(0, 0, 0, 0.5);
|
|
440
|
+
|
|
436
441
|
|
|
437
442
|
--z-nowPlaying: 40;
|
|
438
443
|
--z-nav: 50;
|
|
@@ -468,6 +473,8 @@ export default function presetAglio({ spacingIncrement = 0.25, } = {}) {
|
|
|
468
473
|
--color-gray-0: var(--palette-gray-0);
|
|
469
474
|
--color-gray-blend: var(--palette-gray-blend);
|
|
470
475
|
--color-gray-dark-blend: var(--palette-gray-dark-blend);
|
|
476
|
+
--color-shadow-1: var(--palette-shadow-2);
|
|
477
|
+
--color-shadow-2: var(--palette-shadow-1);
|
|
471
478
|
|
|
472
479
|
|
|
473
480
|
/* DEFAULT THEME (LEMON) */
|
|
@@ -510,7 +517,9 @@ export default function presetAglio({ spacingIncrement = 0.25, } = {}) {
|
|
|
510
517
|
--color-gray-9: var(--palette-gray-4);
|
|
511
518
|
--color-gray-0: var(--palette-gray-3);
|
|
512
519
|
--color-gray-blend: var(--palette-light-gray-blend);
|
|
513
|
-
--color-gray-dark-blend: var(--palette-gray-dark-blend);
|
|
520
|
+
--color-gray-dark-blend: var(--palette-light-gray-dark-blend);
|
|
521
|
+
--color-shadow-1: var(--palette-shadow-4);
|
|
522
|
+
--color-shadow-2: var(--palette-shadow-3);
|
|
514
523
|
}
|
|
515
524
|
}
|
|
516
525
|
|
|
@@ -539,6 +548,8 @@ export default function presetAglio({ spacingIncrement = 0.25, } = {}) {
|
|
|
539
548
|
--color-gray-0: var(--palette-gray-0);
|
|
540
549
|
--color-gray-blend: var(--palette-gray-blend);
|
|
541
550
|
--color-gray-dark-blend: var(--palette-gray-dark-blend);
|
|
551
|
+
--color-shadow-1: var(--palette-shadow-2);
|
|
552
|
+
--color-shadow-2: var(--palette-shadow-1);
|
|
542
553
|
}
|
|
543
554
|
}
|
|
544
555
|
|
|
@@ -565,7 +576,9 @@ export default function presetAglio({ spacingIncrement = 0.25, } = {}) {
|
|
|
565
576
|
--color-gray-9: var(--palette-gray-4);
|
|
566
577
|
--color-gray-0: var(--palette-gray-3);
|
|
567
578
|
--color-gray-blend: var(--palette-light-gray-blend);
|
|
568
|
-
--color-gray-dark-blend: var(--palette-gray-dark-blend);
|
|
579
|
+
--color-gray-dark-blend: var(--palette-light-gray-dark-blend);
|
|
580
|
+
--color-shadow-1: var(--palette-shadow-4);
|
|
581
|
+
--color-shadow-2: var(--palette-shadow-3);
|
|
569
582
|
}
|
|
570
583
|
}
|
|
571
584
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"uno.preset.js","sourceRoot":"","sources":["../../src/uno.preset.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"uno.preset.js","sourceRoot":"","sources":["../../src/uno.preset.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -5,29 +5,32 @@ export interface ActionBarProps {
|
|
|
5
5
|
children: ReactNode;
|
|
6
6
|
className?: string;
|
|
7
7
|
wrap?: boolean;
|
|
8
|
+
disableShadow?: boolean;
|
|
8
9
|
}
|
|
9
10
|
|
|
10
11
|
export function ActionBar({
|
|
11
12
|
children,
|
|
12
13
|
className,
|
|
13
14
|
wrap,
|
|
15
|
+
disableShadow,
|
|
14
16
|
...rest
|
|
15
17
|
}: ActionBarProps) {
|
|
16
18
|
return (
|
|
17
19
|
<Suspense fallback={null}>
|
|
18
20
|
<div
|
|
19
21
|
className={classNames(
|
|
20
|
-
'flex flex-row items-center justify-start w-full overflow-hidden relative h-[max-content] transition-[height] springy',
|
|
21
|
-
'[&:empty]:height-0',
|
|
22
|
-
|
|
22
|
+
'layer-components:(flex flex-row items-center justify-start w-full overflow-hidden relative h-[max-content] transition-[height] springy)',
|
|
23
|
+
'layer-components:[&:empty]:height-0',
|
|
24
|
+
!disableShadow &&
|
|
25
|
+
'after:(content-[""] absolute right-0 top-0 bottom-0 w-50px z-1 bg-gradient-to-l from-wash to-transparent] pointer-events-none)',
|
|
23
26
|
className,
|
|
24
27
|
)}
|
|
25
28
|
{...rest}
|
|
26
29
|
>
|
|
27
30
|
<div
|
|
28
31
|
className={classNames(
|
|
29
|
-
'flex flex-row items-center justify-start w-full overflow-y-hidden overflow-x-auto pr-80px relative h-full [&::-webkit-scrollbar]:hidden',
|
|
30
|
-
wrap && 'flex-wrap',
|
|
32
|
+
'layer-components:(flex flex-row items-center justify-start w-full overflow-y-hidden overflow-x-auto pr-80px relative h-full) layer-components:[&::-webkit-scrollbar]:hidden',
|
|
33
|
+
wrap && 'layer-variants:flex-wrap',
|
|
31
34
|
)}
|
|
32
35
|
>
|
|
33
36
|
{children}
|
|
@@ -48,7 +48,7 @@ const colors = {
|
|
|
48
48
|
const sizes = {
|
|
49
49
|
default: '',
|
|
50
50
|
small: 'layer-variants:[&.size-small]:(px-4 py-1 text-sm rounded-full)',
|
|
51
|
-
icon: 'layer-variants:[&.size-icon]:(p-2 text-sm rounded-full)
|
|
51
|
+
icon: 'layer-variants:[&.size-icon]:(p-2 text-sm rounded-full)',
|
|
52
52
|
};
|
|
53
53
|
|
|
54
54
|
const toggledClass =
|
|
@@ -29,7 +29,7 @@ export function PageContent({
|
|
|
29
29
|
<div
|
|
30
30
|
className={classNames(
|
|
31
31
|
'layer-components:([grid-area:content] max-w-full min-w-0 w-full flex flex-col items-start relative flex-1 gap-3)',
|
|
32
|
-
'layer-components:(rounded-b-lg border-b border-b-solid border-b-[#00000070] bg-wash [box-shadow:
|
|
32
|
+
'layer-components:(rounded-b-lg border-b border-b-solid border-b-[#00000070] bg-wash [box-shadow:0_0_10px_0_var(--color-shadow-1)] sm:border-none sm:rounded-0 sm:shadow-none)',
|
|
33
33
|
{ 'layer-variants:(overflow-y-auto h-full)': scrollable },
|
|
34
34
|
className,
|
|
35
35
|
)}
|
|
@@ -40,7 +40,7 @@ export const Default: Story = {
|
|
|
40
40
|
<NavBarItemIconWrapper>
|
|
41
41
|
<NavBarItemIcon name="cart" />
|
|
42
42
|
</NavBarItemIconWrapper>
|
|
43
|
-
<NavBarItemText>Item 1</NavBarItemText>
|
|
43
|
+
<NavBarItemText>Item 1 long</NavBarItemText>
|
|
44
44
|
</NavBarItem>
|
|
45
45
|
<NavBarItem active={true}>
|
|
46
46
|
<NavBarItemIconWrapper>
|
|
@@ -82,7 +82,7 @@ export const NavBarItemPip = withClassName(
|
|
|
82
82
|
|
|
83
83
|
export const NavBarRoot = withClassName(
|
|
84
84
|
'div',
|
|
85
|
-
'layer-components:(
|
|
85
|
+
'layer-components:(grid [grid-auto-columns:1fr] [grid-auto-flow:column] justify-items-center w-full rounded-0 overflow-hidden z-50 p-1 h-auto)',
|
|
86
86
|
'pb-[calc(0.25rem+env(safe-area-inset-bottom,0px))]',
|
|
87
87
|
'layer-components:sm:(bg-transparent flex flex-col rounded-0 border-none border-transparent shadow-none h-min-content overflow-y-auto overflow-x-hidden justify-start items-stretch gap-2 pb-10)',
|
|
88
88
|
);
|
|
@@ -57,7 +57,7 @@ export function NumberStepper({
|
|
|
57
57
|
<div
|
|
58
58
|
className={classNames(
|
|
59
59
|
'layer-components:(flex items-center border-default rounded-full overflow-hidden w-min-content flex-shrink-0 bg-white)',
|
|
60
|
-
disabled && 'layer-
|
|
60
|
+
disabled && 'layer-variants:(border-gray-dark-blend bg-transparent)',
|
|
61
61
|
{
|
|
62
62
|
'layer-variants:(bg-accent-wash color-black)':
|
|
63
63
|
!!highlightChange && value !== 1,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
|
|
3
|
-
import
|
|
3
|
+
import { ComponentPropsWithoutRef } from 'react';
|
|
4
4
|
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
5
5
|
import classNames from 'clsx';
|
|
6
6
|
|
|
@@ -22,14 +22,13 @@ function Content({
|
|
|
22
22
|
)}
|
|
23
23
|
{...props}
|
|
24
24
|
>
|
|
25
|
-
{children}
|
|
25
|
+
<div className="max-w-80vw text-wrap relative">{children}</div>
|
|
26
26
|
<TooltipPrimitive.Arrow className="fill-black" />
|
|
27
27
|
</TooltipPrimitive.Content>
|
|
28
28
|
</TooltipPrimitive.Portal>
|
|
29
29
|
);
|
|
30
30
|
}
|
|
31
31
|
|
|
32
|
-
// Exports
|
|
33
32
|
export const TooltipProvider = TooltipPrimitive.Provider;
|
|
34
33
|
|
|
35
34
|
export function Tooltip({
|
package/src/uno.preset.ts
CHANGED
|
@@ -95,10 +95,10 @@ export default function presetAglio({
|
|
|
95
95
|
'max-content': 'max-content',
|
|
96
96
|
},
|
|
97
97
|
boxShadow: {
|
|
98
|
-
sm: '0 1px 2px 0
|
|
99
|
-
md: '0 4px 6px -1px
|
|
100
|
-
lg: '0 10px 15px -3px
|
|
101
|
-
xl: '0 20px 25px -5px
|
|
98
|
+
sm: '0 1px 2px 0 var(--color-shadow-2)',
|
|
99
|
+
md: '0 4px 6px -1px var(--color-shadow-1), 0 2px 4px -1px var(--color-shadow-2)',
|
|
100
|
+
lg: '0 10px 15px -3px var(--color-shadow-1), 0 4px 6px -2px var(--color-shadow-2)',
|
|
101
|
+
xl: '0 20px 25px -5px var(--color-shadow-1), 0 10px 10px -5px var(--color-shadow-2)',
|
|
102
102
|
|
|
103
103
|
// focus outlines
|
|
104
104
|
focus: `0 0 0 3px var(--color-primary-light)`,
|
|
@@ -429,8 +429,8 @@ export default function presetAglio({
|
|
|
429
429
|
--palette-overlay: rgba(0, 0, 0, 0.025);
|
|
430
430
|
--palette-black: #303030;
|
|
431
431
|
--palette-white: #fff;
|
|
432
|
-
--palette-light: #
|
|
433
|
-
--palette-dark: #
|
|
432
|
+
--palette-light: #f8f8fb;
|
|
433
|
+
--palette-dark: #0a0a0b;
|
|
434
434
|
--palette-gray-1: #fafafa;
|
|
435
435
|
--palette-gray-2: #f5f5f5;
|
|
436
436
|
--palette-gray-3: #eeeef0;
|
|
@@ -447,6 +447,11 @@ export default function presetAglio({
|
|
|
447
447
|
--palette-gray-dark-blend: rgba(0, 0, 20, 0.05);
|
|
448
448
|
--palette-light-gray-blend: rgba(255, 255, 255, 0.05);
|
|
449
449
|
--palette-light-gray-dark-blend: rgba(255, 255, 255, 0.1);
|
|
450
|
+
--palette-shadow-1: rgba(0, 0, 0, 0.07);
|
|
451
|
+
--palette-shadow-2: rgba(0, 0, 0, 0.15);
|
|
452
|
+
--palette-shadow-3: rgba(0, 0, 0, 0.3);
|
|
453
|
+
--palette-shadow-4: rgba(0, 0, 0, 0.5);
|
|
454
|
+
|
|
450
455
|
|
|
451
456
|
--z-nowPlaying: 40;
|
|
452
457
|
--z-nav: 50;
|
|
@@ -482,6 +487,8 @@ export default function presetAglio({
|
|
|
482
487
|
--color-gray-0: var(--palette-gray-0);
|
|
483
488
|
--color-gray-blend: var(--palette-gray-blend);
|
|
484
489
|
--color-gray-dark-blend: var(--palette-gray-dark-blend);
|
|
490
|
+
--color-shadow-1: var(--palette-shadow-2);
|
|
491
|
+
--color-shadow-2: var(--palette-shadow-1);
|
|
485
492
|
|
|
486
493
|
|
|
487
494
|
/* DEFAULT THEME (LEMON) */
|
|
@@ -524,7 +531,9 @@ export default function presetAglio({
|
|
|
524
531
|
--color-gray-9: var(--palette-gray-4);
|
|
525
532
|
--color-gray-0: var(--palette-gray-3);
|
|
526
533
|
--color-gray-blend: var(--palette-light-gray-blend);
|
|
527
|
-
--color-gray-dark-blend: var(--palette-gray-dark-blend);
|
|
534
|
+
--color-gray-dark-blend: var(--palette-light-gray-dark-blend);
|
|
535
|
+
--color-shadow-1: var(--palette-shadow-4);
|
|
536
|
+
--color-shadow-2: var(--palette-shadow-3);
|
|
528
537
|
}
|
|
529
538
|
}
|
|
530
539
|
|
|
@@ -553,6 +562,8 @@ export default function presetAglio({
|
|
|
553
562
|
--color-gray-0: var(--palette-gray-0);
|
|
554
563
|
--color-gray-blend: var(--palette-gray-blend);
|
|
555
564
|
--color-gray-dark-blend: var(--palette-gray-dark-blend);
|
|
565
|
+
--color-shadow-1: var(--palette-shadow-2);
|
|
566
|
+
--color-shadow-2: var(--palette-shadow-1);
|
|
556
567
|
}
|
|
557
568
|
}
|
|
558
569
|
|
|
@@ -579,7 +590,9 @@ export default function presetAglio({
|
|
|
579
590
|
--color-gray-9: var(--palette-gray-4);
|
|
580
591
|
--color-gray-0: var(--palette-gray-3);
|
|
581
592
|
--color-gray-blend: var(--palette-light-gray-blend);
|
|
582
|
-
--color-gray-dark-blend: var(--palette-gray-dark-blend);
|
|
593
|
+
--color-gray-dark-blend: var(--palette-light-gray-dark-blend);
|
|
594
|
+
--color-shadow-1: var(--palette-shadow-4);
|
|
595
|
+
--color-shadow-2: var(--palette-shadow-3);
|
|
583
596
|
}
|
|
584
597
|
}
|
|
585
598
|
|