@a-type/ui 1.8.17 → 2.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/README.md +1 -58
- package/dist/cjs/colors.stories.d.ts +13 -0
- package/dist/cjs/colors.stories.js +29 -0
- package/dist/cjs/colors.stories.js.map +1 -0
- package/dist/cjs/components/box/Box.js +1 -3
- package/dist/cjs/components/box/Box.js.map +1 -1
- package/dist/cjs/components/button/classes.js +9 -9
- package/dist/cjs/components/button/classes.js.map +1 -1
- package/dist/cjs/components/card/Card.d.ts +2 -2
- package/dist/cjs/components/card/Card.js +4 -4
- package/dist/cjs/components/card/Card.js.map +1 -1
- package/dist/cjs/components/checkbox/Checkbox.js +1 -1
- package/dist/cjs/components/checkbox/Checkbox.js.map +1 -1
- package/dist/cjs/components/datePicker/DatePicker.js +3 -1
- package/dist/cjs/components/datePicker/DatePicker.js.map +1 -1
- package/dist/cjs/components/horizontalList/HorizontalList.js +1 -1
- package/dist/cjs/components/horizontalList/HorizontalList.js.map +1 -1
- package/dist/cjs/components/richEditor/index.js +1 -1
- package/dist/cjs/components/scrollArea/ScrollArea.js +1 -1
- package/dist/cjs/components/scrollArea/ScrollArea.js.map +1 -1
- package/dist/cjs/components/slider/Slider.js +1 -1
- package/dist/cjs/components/slider/Slider.js.map +1 -1
- package/dist/cjs/components/tabs/tabs.js +1 -1
- package/dist/cjs/components/tabs/tabs.js.map +1 -1
- package/dist/cjs/components/toggleGroup/toggleGroup.js +1 -1
- package/dist/cjs/components/toggleGroup/toggleGroup.js.map +1 -1
- package/dist/cjs/components/typography/typography.js +3 -3
- package/dist/cjs/themes.stories.d.ts +2 -0
- package/dist/cjs/themes.stories.js +67 -1
- package/dist/cjs/themes.stories.js.map +1 -1
- package/dist/cjs/uno/colors.d.ts +14 -0
- package/dist/cjs/uno/colors.js +59 -0
- package/dist/cjs/uno/colors.js.map +1 -0
- package/dist/cjs/uno.preset.d.ts +5 -4
- package/dist/cjs/uno.preset.js +85 -261
- package/dist/cjs/uno.preset.js.map +1 -1
- package/dist/css/main.css +846 -784
- package/dist/esm/colors.stories.d.ts +13 -0
- package/dist/esm/colors.stories.js +26 -0
- package/dist/esm/colors.stories.js.map +1 -0
- package/dist/esm/components/box/Box.js +1 -3
- package/dist/esm/components/box/Box.js.map +1 -1
- package/dist/esm/components/button/classes.js +9 -9
- package/dist/esm/components/button/classes.js.map +1 -1
- package/dist/esm/components/card/Card.d.ts +2 -2
- package/dist/esm/components/card/Card.js +4 -4
- package/dist/esm/components/card/Card.js.map +1 -1
- package/dist/esm/components/checkbox/Checkbox.js +1 -1
- package/dist/esm/components/checkbox/Checkbox.js.map +1 -1
- package/dist/esm/components/datePicker/DatePicker.js +3 -1
- package/dist/esm/components/datePicker/DatePicker.js.map +1 -1
- package/dist/esm/components/horizontalList/HorizontalList.js +1 -1
- package/dist/esm/components/horizontalList/HorizontalList.js.map +1 -1
- package/dist/esm/components/richEditor/index.js +1 -1
- package/dist/esm/components/scrollArea/ScrollArea.js +1 -1
- package/dist/esm/components/scrollArea/ScrollArea.js.map +1 -1
- package/dist/esm/components/slider/Slider.js +1 -1
- package/dist/esm/components/slider/Slider.js.map +1 -1
- package/dist/esm/components/tabs/tabs.js +1 -1
- package/dist/esm/components/tabs/tabs.js.map +1 -1
- package/dist/esm/components/toggleGroup/toggleGroup.js +1 -1
- package/dist/esm/components/toggleGroup/toggleGroup.js.map +1 -1
- package/dist/esm/components/typography/typography.js +3 -3
- package/dist/esm/themes.stories.d.ts +2 -0
- package/dist/esm/themes.stories.js +67 -1
- package/dist/esm/themes.stories.js.map +1 -1
- package/dist/esm/uno/colors.d.ts +14 -0
- package/dist/esm/uno/colors.js +54 -0
- package/dist/esm/uno/colors.js.map +1 -0
- package/dist/esm/uno.preset.d.ts +5 -4
- package/dist/esm/uno.preset.js +84 -260
- package/dist/esm/uno.preset.js.map +1 -1
- package/package.json +1 -1
- package/src/colors.stories.tsx +53 -0
- package/src/components/box/Box.tsx +1 -4
- package/src/components/button/classes.tsx +12 -12
- package/src/components/card/Card.tsx +5 -5
- package/src/components/checkbox/Checkbox.tsx +1 -1
- package/src/components/datePicker/DatePicker.tsx +1 -0
- package/src/components/horizontalList/HorizontalList.tsx +1 -1
- package/src/components/richEditor/index.tsx +3 -3
- package/src/components/scrollArea/ScrollArea.tsx +1 -1
- package/src/components/slider/Slider.tsx +2 -2
- package/src/components/tabs/tabs.tsx +1 -1
- package/src/components/toggleGroup/toggleGroup.tsx +1 -1
- package/src/components/typography/typography.tsx +3 -3
- package/src/themes.stories.tsx +95 -1
- package/src/uno/colors.ts +68 -0
- package/src/uno.preset.ts +96 -322
|
@@ -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
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Box } from './components/index.js';
|
|
3
|
+
|
|
4
|
+
const meta = {
|
|
5
|
+
title: 'colors',
|
|
6
|
+
argTypes: {},
|
|
7
|
+
parameters: {
|
|
8
|
+
controls: { expanded: true },
|
|
9
|
+
},
|
|
10
|
+
} satisfies Meta;
|
|
11
|
+
|
|
12
|
+
export default meta;
|
|
13
|
+
|
|
14
|
+
type Story = StoryObj;
|
|
15
|
+
|
|
16
|
+
export const Default: Story = {
|
|
17
|
+
render() {
|
|
18
|
+
return (
|
|
19
|
+
<Box d="col">
|
|
20
|
+
<Range className="theme-lemon" />
|
|
21
|
+
<Range className="theme-leek" />
|
|
22
|
+
<Range className="theme-tomato" />
|
|
23
|
+
<Range className="theme-eggplant" />
|
|
24
|
+
<Range className="theme-blueberry" />
|
|
25
|
+
<Range className="theme-salt" />
|
|
26
|
+
</Box>
|
|
27
|
+
);
|
|
28
|
+
},
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
function Swatch({ className }: { className?: string }) {
|
|
32
|
+
return (
|
|
33
|
+
<div
|
|
34
|
+
className={className}
|
|
35
|
+
style={{
|
|
36
|
+
width: '100px',
|
|
37
|
+
height: '100px',
|
|
38
|
+
}}
|
|
39
|
+
/>
|
|
40
|
+
);
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
function Range({ className }: { className?: string }) {
|
|
44
|
+
return (
|
|
45
|
+
<Box className={className}>
|
|
46
|
+
<Swatch className="bg-primary-wash" />
|
|
47
|
+
<Swatch className="bg-primary-light" />
|
|
48
|
+
<Swatch className="bg-primary" />
|
|
49
|
+
<Swatch className="bg-primary-dark" />
|
|
50
|
+
<Swatch className="bg-primary-ink" />
|
|
51
|
+
</Box>
|
|
52
|
+
);
|
|
53
|
+
}
|
|
@@ -76,10 +76,7 @@ export function Box({
|
|
|
76
76
|
() => ({
|
|
77
77
|
...userStyle,
|
|
78
78
|
'--spacing-scale': container === 'reset' ? 1 : spacingScale,
|
|
79
|
-
'--local-corner-scale':
|
|
80
|
-
container === 'reset'
|
|
81
|
-
? 1
|
|
82
|
-
: `calc(var(--global-corner-scale,1)*${spacingScale})`,
|
|
79
|
+
'--local-corner-scale': container === 'reset' ? 1 : `${spacingScale}`,
|
|
83
80
|
}),
|
|
84
81
|
[userStyle, spacingScale, container],
|
|
85
82
|
);
|
|
@@ -15,11 +15,11 @@ export function getButtonClassName({
|
|
|
15
15
|
return classNames(
|
|
16
16
|
'layer-components:(px-4 py-2 bg-[var(--bg-neutral,var(--bg))] [--webkit-tap-highlight-color:transparent] [line-height:1] text-size-md font-inherit border border-solid border-transparent rounded-lg cursor-pointer font-bold flex flex-row gap-1 items-center relative overflow-visible select-none all:transition duration-200 whitespace-nowrap ring-bg)',
|
|
17
17
|
'layer-components:()',
|
|
18
|
-
'layer-components:hover:(bg-[var(--bg)] bg-darken-
|
|
18
|
+
'layer-components:hover:(bg-[var(--bg)] bg-darken-1 ring-4)',
|
|
19
19
|
'layer-components:focus:outline-off',
|
|
20
|
-
'layer-components:focus-visible:(bg-[var(--bg)] outline-off bg-darken-
|
|
21
|
-
'layer-components:[&[data-focus=true]]:(bg-[var(--bg)] ring-6 bg-darken-
|
|
22
|
-
'layer-components:active:(bg-[var(--bg)] bg-darken-
|
|
20
|
+
'layer-components:focus-visible:(bg-[var(--bg)] outline-off bg-darken-1 ring-6)',
|
|
21
|
+
'layer-components:[&[data-focus=true]]:(bg-[var(--bg)] ring-6 bg-darken-1)',
|
|
22
|
+
'layer-components:active:(bg-[var(--bg)] bg-darken-1 ring-8)',
|
|
23
23
|
'important:disabled:(opacity-50 cursor-default bg-[var(--bg)] shadow-none ring-none)',
|
|
24
24
|
'important:[&[data-disabled=true]]:(opacity-50 cursor-default bg-[var(--bg)] shadow-none)',
|
|
25
25
|
colors[color ?? 'default'],
|
|
@@ -36,14 +36,14 @@ export function getButtonClassName({
|
|
|
36
36
|
}
|
|
37
37
|
|
|
38
38
|
const colors = {
|
|
39
|
-
primary: `layer-variants:[&.btn-color-primary]:([--bg:var(--color-primary
|
|
40
|
-
accent: `layer-variants:[&.btn-color-accent]:([--bg:var(--color-accent-wash)]
|
|
41
|
-
default: `layer-variants:[&.btn-color-default]:([--bg:var(--color-white)] shadow-sm color-black border-gray-dark)`,
|
|
42
|
-
ghost: `layer-variants:[&.btn-color-ghost]:([--bg-neutral:transparent] [--bg:
|
|
43
|
-
destructive: `layer-variants:[&.btn-color-destructive]:([--bg:var(--color-attention
|
|
44
|
-
ghostDestructive: `layer-variants:[&.btn-color-ghostDestructive]:([--bg-neutral:transparent] [--bg:var(--color-attention-light)] color-attention-dark hover:(
|
|
45
|
-
ghostAccent: `layer-variants:[&.btn-color-ghostAccent]:([--bg-neutral:transparent] [--bg:var(--color-accent-wash)] color-accent-dark hover:bg-darken-
|
|
46
|
-
contrast: `layer-variants:[&.btn-color-contrast]:([--bg:var(--color-black)] color-white border-black hover:bg-lighten-1 focus-visible:bg-lighten-
|
|
39
|
+
primary: `layer-variants:[&.btn-color-primary]:([--bg:var(--color-primary)] shadow-sm color-black border-primary-dark)`,
|
|
40
|
+
accent: `layer-variants:[&.btn-color-accent]:([--bg-neutral:var(--color-accent-wash)] [--bg:var(--color-accent-light)] shadow-sm color-black border-accent-dark)`,
|
|
41
|
+
default: `layer-variants:[&.btn-color-default]:([--bg-neutral:var(--color-white)] [--bg:var(--color-gray-light)] shadow-sm color-black border-gray-dark)`,
|
|
42
|
+
ghost: `layer-variants:[&.btn-color-ghost]:([--bg-neutral:transparent] [--bg:oklch(from_var(--color-gray)_l_c_h/50%)] color-dark-blend)`,
|
|
43
|
+
destructive: `layer-variants:[&.btn-color-destructive]:([--bg:var(--color-attention)] shadow-sm border-attention-dark color-black ))`,
|
|
44
|
+
ghostDestructive: `layer-variants:[&.btn-color-ghostDestructive]:([--bg-neutral:transparent] [--bg:var(--color-attention-light)] color-attention-dark hover:(color-black) focus-visible:(color-black))`,
|
|
45
|
+
ghostAccent: `layer-variants:[&.btn-color-ghostAccent]:([--bg-neutral:transparent] [--bg:var(--color-accent-wash)] color-accent-dark hover:bg-darken-4)`,
|
|
46
|
+
contrast: `layer-variants:[&.btn-color-contrast]:([--bg:var(--color-black)] color-white border-black hover:bg-lighten-1 focus-visible:bg-lighten-1 active:bg-lighten-1)`,
|
|
47
47
|
unstyled: `layer-variants:(bg-transparent hover:(bg-transparent) focus:(bg-transparent) active:(bg-transparent) color-inherit border-none shadow-none hover:(shadow-none) focus:(shadow-none) active:(shadow-none) p-0 items-start font-inherit font-normal rounded-none text-size-inherit transition-none)`,
|
|
48
48
|
};
|
|
49
49
|
export const buttonColorClasses = colors;
|
|
@@ -8,7 +8,7 @@ import { SlotDiv } from '../utility/SlotDiv.js';
|
|
|
8
8
|
|
|
9
9
|
export const CardRoot = withClassName(
|
|
10
10
|
withProps(Box, { container: 'reset' }),
|
|
11
|
-
'layer-components:(flex flex-col border-light rounded-lg text-lg overflow-hidden h-max-content relative bg-wash bg-darken-
|
|
11
|
+
'layer-components:(flex flex-col border-light rounded-lg text-lg overflow-hidden h-max-content relative bg-wash bg-darken-1 text-black shadow-sm)',
|
|
12
12
|
'layer-variants:[&[data-borderless=true]]:(border-none shadow-md)',
|
|
13
13
|
);
|
|
14
14
|
|
|
@@ -59,14 +59,14 @@ export function CardMain({
|
|
|
59
59
|
|
|
60
60
|
export const CardTitle = withClassName(
|
|
61
61
|
'div',
|
|
62
|
-
'layer-components:(flex flex-col gap-1 mt-0 bg-white py-2 px-3 rounded-lg rounded-bl-none rounded-tr-none w-auto mr-auto border border-solid border-
|
|
62
|
+
'layer-components:(flex flex-col gap-1 mt-0 bg-white py-2 px-3 rounded-lg rounded-bl-none rounded-tr-none w-auto mr-auto border border-solid border-gray-dark-blend text-md max-h-80px overflow-hidden text-ellipsis max-w-full text-inherit font-semibold relative z-1 transition-colors)',
|
|
63
63
|
'layer-components:[[data-compact=true]_&]:(py-1 text-sm)',
|
|
64
|
-
'layer-components:[[data-interactive=true]:hover>&]:(bg-darken-
|
|
64
|
+
'layer-components:[[data-interactive=true]:hover>&]:(bg-darken-2)',
|
|
65
65
|
);
|
|
66
66
|
|
|
67
67
|
const CardContentRoot = withClassName(
|
|
68
68
|
'div',
|
|
69
|
-
'layer-components:(flex flex-col gap-1 px-2 py-1 bg-
|
|
69
|
+
'layer-components:(flex flex-col gap-1 px-2 py-1 bg-light-blend text-black rounded-md mx-2 my-0.5 border border-solid border-gray-dark-blend text-xs relative z-1)',
|
|
70
70
|
'layer-variants:[[data-compact=true]_&]:(py-0 px-1 my-0 text-xs)',
|
|
71
71
|
'layer-variants:[&[data-unstyled=true]]:(p-0 [background:unset] border-none)',
|
|
72
72
|
);
|
|
@@ -90,7 +90,7 @@ export const CardFooter = withClassName(
|
|
|
90
90
|
|
|
91
91
|
export const CardActions = withClassName(
|
|
92
92
|
'div',
|
|
93
|
-
'layer-components:(ml-0 mr-auto flex flex-row gap-2 items-center bg-white rounded-lg p-0 border border-solid border-
|
|
93
|
+
'layer-components:(ml-0 mr-auto flex flex-row gap-2 items-center bg-white rounded-lg p-0 border border-solid border-gray-dark-blend)',
|
|
94
94
|
);
|
|
95
95
|
|
|
96
96
|
export const CardMenu = withClassName(
|
|
@@ -11,7 +11,7 @@ export const CheckboxRoot = withClassName(
|
|
|
11
11
|
classNames(
|
|
12
12
|
'layer-components:(w-28px h-28px flex-shrink-0 relative bg-white border-default transition rounded-lg shadow-sm)',
|
|
13
13
|
'layer-components:focus-visible:(outline-off shadow-focus)',
|
|
14
|
-
'layer-components:[&[data-state=checked]]:(bg-primary
|
|
14
|
+
'layer-components:[&[data-state=checked]]:(bg-primary border-primary-dark)',
|
|
15
15
|
'layer-components:[&:hover:not(:disabled)]:shadow-[0_0_0_1px_var(--color-black)]',
|
|
16
16
|
'layer-components:[&:disabled]:(bg-transparent border-gray-light shadow-none)',
|
|
17
17
|
),
|
|
@@ -222,6 +222,7 @@ const CalendarDay = withClassName(
|
|
|
222
222
|
'disabled:(opacity-50 cursor-default)',
|
|
223
223
|
// today dot
|
|
224
224
|
"[&[data-today]]:before:(content-[''] absolute left-[2px] top-[2px] w-[6px] h-[6px] rounded-lg bg-primary)",
|
|
225
|
+
// calendar edges
|
|
225
226
|
'[&[data-top-edge]]:(border-t-gray)',
|
|
226
227
|
'[&[data-bottom-edge]]:(border-b-gray)',
|
|
227
228
|
'[&[data-first-column]]:(border-l-gray)',
|
|
@@ -158,7 +158,7 @@ export function HorizontalList({
|
|
|
158
158
|
<div
|
|
159
159
|
className={clsx(
|
|
160
160
|
'layer-components:(px-3 pt-3 pb-4 gap-2)',
|
|
161
|
-
'flex flex-row gap-2 flex-shrink-0 w-max-content w-auto)',
|
|
161
|
+
'flex flex-row items-center gap-2 flex-shrink-0 w-max-content w-auto)',
|
|
162
162
|
contentClassName,
|
|
163
163
|
)}
|
|
164
164
|
ref={contentRef}
|
|
@@ -5,9 +5,9 @@ export const tipTapClassName = clsx(
|
|
|
5
5
|
'layer-components:[&_.ProseMirror:focus]:(outline-none shadow-focus)',
|
|
6
6
|
'layer-components:[&_h1,h2,h3,p]:mt-0',
|
|
7
7
|
'layer-components:[&_h1]:(text-2xl font-semibold mb-md [&:not:first-child]:mt-xl)',
|
|
8
|
-
'layer-components:[&_h2]:(text-lg font-bold color-gray-dark color-darken-
|
|
9
|
-
'layer-components:[&_h3]:(text-md font-500 color-gray-dark color-darken-
|
|
10
|
-
'layer-components:[&_h4]:(text-xs color-gray-dark color-darken-
|
|
8
|
+
'layer-components:[&_h2]:(text-lg font-bold color-gray-dark color-darken-4 mb-md [&:not:first-child]:mt-lg)',
|
|
9
|
+
'layer-components:[&_h3]:(text-md font-500 color-gray-dark color-darken-3 mb-sm [&:not:first-child]:mt-md)',
|
|
10
|
+
'layer-components:[&_h4]:(text-xs color-gray-dark color-darken-1 mb-sm [&:not:first-child]:mt-md uppercase)',
|
|
11
11
|
'layer-components:[&_p]:(mb-md mt-0)',
|
|
12
12
|
'layer-components:[&_a]:underline',
|
|
13
13
|
'layer-components:[&_blockquote]:(border-l-4 border-l-solid border-gray pl-4 mb-md mt-md ml-md)',
|
|
@@ -20,7 +20,7 @@ export const ScrollAreaRoot = function ScrollAreaRoot({
|
|
|
20
20
|
export const ScrollAreaViewport = withClassName(
|
|
21
21
|
Primitive.Viewport,
|
|
22
22
|
'h-full w-full',
|
|
23
|
-
'[background:linear-gradient(var(--v-bg)_30%,rgba(255,255,255,0))_center_top,linear-gradient(rgba(255,255,255,0),var(--v-bg)_70%)_center_bottom,radial-gradient(farthest-side_at_50%_0,
|
|
23
|
+
'[background:linear-gradient(var(--v-bg)_30%,rgba(255,255,255,0))_center_top,linear-gradient(rgba(255,255,255,0),var(--v-bg)_70%)_center_bottom,radial-gradient(farthest-side_at_50%_0,oklch(from_var(--v-bg)_calc(l*0.9)_c_h),rgba(0,0,0,0))_center_top,radial-gradient(farthest-side_at_50%_100%,oklch(from_var(--v-bg)_calc(l*0.9)_c_h),rgba(0,0,0,0))_center_bottom]',
|
|
24
24
|
'![background-repeat:no-repeat] ![background-size:100%_40px,100%_40px,100%_14px,100%_14px]',
|
|
25
25
|
'![background-attachment:local,local,scroll,scroll]',
|
|
26
26
|
);
|
|
@@ -22,8 +22,8 @@ export const SliderThumb = withClassName(
|
|
|
22
22
|
'layer-components:focus-visible:(shadow-lg ring-4 ring-accent-dark ring-opacity-50 outline-none bg-accent-light)',
|
|
23
23
|
'layer-components:focus:(outline-none)',
|
|
24
24
|
'layer-components:disabled:(opacity-50)',
|
|
25
|
-
'layer-variants:[&[data-color=primary]]:active:(bg-primary
|
|
26
|
-
'layer-variants:[&[data-color=primary]]:focus-visible:(bg-primary
|
|
25
|
+
'layer-variants:[&[data-color=primary]]:active:(bg-primary ring-primary-dark)',
|
|
26
|
+
'layer-variants:[&[data-color=primary]]:focus-visible:(bg-primary ring-primary-dark)',
|
|
27
27
|
);
|
|
28
28
|
|
|
29
29
|
export interface SliderProps extends SliderPrimitive.SliderProps {
|
|
@@ -19,7 +19,7 @@ export const TabsTriggerBase = withClassName(
|
|
|
19
19
|
|
|
20
20
|
const colorClasses = {
|
|
21
21
|
default: 'layer-variants:([--bg:var(--color-white)])',
|
|
22
|
-
primary: 'layer-variants:([--bg:var(--color-primary
|
|
22
|
+
primary: 'layer-variants:([--bg:var(--color-primary)])',
|
|
23
23
|
};
|
|
24
24
|
|
|
25
25
|
export interface TabsTriggerProps
|
|
@@ -7,7 +7,7 @@ export const ToggleGroupRoot = withClassName(
|
|
|
7
7
|
);
|
|
8
8
|
export const ToggleGroupItem = withClassName(
|
|
9
9
|
ToggleGroupPrimitive.Item,
|
|
10
|
-
'rounded-xl color-black bg-gray-light py-sm px-md flex items-center border-none justify-center cursor-pointer hover:bg-darken-
|
|
10
|
+
'rounded-xl color-black bg-gray-light py-sm px-md flex items-center border-none justify-center cursor-pointer hover:bg-darken-1 active:bg-darken-2 focus-visible:(shadow-focus outline-off) [&[data-state=on]]:(bg-primary border-black)',
|
|
11
11
|
);
|
|
12
12
|
|
|
13
13
|
export const ToggleGroup = Object.assign(ToggleGroupRoot, {
|
|
@@ -9,17 +9,17 @@ export const H1 = withClassName(
|
|
|
9
9
|
export const H2 = withClassName(
|
|
10
10
|
'h2',
|
|
11
11
|
baseHeadingClass,
|
|
12
|
-
'layer-components:(text-lg font-title font-bold color-inherit color-lighten-
|
|
12
|
+
'layer-components:(text-lg font-title font-bold color-inherit color-lighten-1)',
|
|
13
13
|
);
|
|
14
14
|
export const H3 = withClassName(
|
|
15
15
|
'h3',
|
|
16
16
|
baseHeadingClass,
|
|
17
|
-
'layer-components:(font-title text-md font-500 color-inherit color-lighten-
|
|
17
|
+
'layer-components:(font-title text-md font-500 color-inherit color-lighten-2)',
|
|
18
18
|
);
|
|
19
19
|
export const H4 = withClassName(
|
|
20
20
|
'h4',
|
|
21
21
|
baseHeadingClass,
|
|
22
|
-
'layer-components:(text-xs uppercase color-inherit color-lighten-
|
|
22
|
+
'layer-components:(text-xs uppercase color-inherit color-lighten-2)',
|
|
23
23
|
);
|
|
24
24
|
export const H5 = withClassName('h5', baseHeadingClass);
|
|
25
25
|
|
package/src/themes.stories.tsx
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
2
|
import clsx from 'clsx';
|
|
3
|
-
import { useState } from 'react';
|
|
3
|
+
import { useRef, useState } from 'react';
|
|
4
4
|
import { ActionBar, ActionButton } from './components/actions/index.js';
|
|
5
5
|
import { Button } from './components/button/index.js';
|
|
6
6
|
import { Card } from './components/card/index.js';
|
|
@@ -42,6 +42,7 @@ import {
|
|
|
42
42
|
import { Input } from './components/input/index.js';
|
|
43
43
|
import { Tabs } from './components/tabs/tabs.js';
|
|
44
44
|
import { TextArea } from './components/textArea/index.js';
|
|
45
|
+
import { useAnimationFrame } from './hooks.js';
|
|
45
46
|
import { useOverrideTheme } from './hooks/useOverrideTheme.js';
|
|
46
47
|
|
|
47
48
|
const meta = {
|
|
@@ -323,3 +324,96 @@ export const Override: Story = {
|
|
|
323
324
|
);
|
|
324
325
|
},
|
|
325
326
|
};
|
|
327
|
+
|
|
328
|
+
export const Custom: Story = {
|
|
329
|
+
render() {
|
|
330
|
+
const [theme, setTheme] = useState({
|
|
331
|
+
'--dyn-primary-source': 70,
|
|
332
|
+
'--dyn-accent-source': 290,
|
|
333
|
+
'--global-saturation': 0.5,
|
|
334
|
+
'--global-border-scale': 1.5,
|
|
335
|
+
'--global-spacing-scale': 1,
|
|
336
|
+
'--global-corner-scale': 1,
|
|
337
|
+
'--dyn-primary-hue-rotate': 0,
|
|
338
|
+
'--dyn-accent-hue-rotate': 0,
|
|
339
|
+
});
|
|
340
|
+
const reroll = () => {
|
|
341
|
+
setTheme({
|
|
342
|
+
'--dyn-primary-source': Math.floor(Math.random() * 360),
|
|
343
|
+
'--dyn-accent-source': Math.floor(Math.random() * 360),
|
|
344
|
+
'--global-saturation': Math.random(),
|
|
345
|
+
'--global-border-scale': Math.random() * 2,
|
|
346
|
+
'--global-spacing-scale': Math.random() * 2,
|
|
347
|
+
'--global-corner-scale': Math.random() * 1.25,
|
|
348
|
+
'--dyn-primary-hue-rotate': Math.random() * 4 - 2,
|
|
349
|
+
'--dyn-accent-hue-rotate': Math.random() * 4 - 2,
|
|
350
|
+
});
|
|
351
|
+
};
|
|
352
|
+
return (
|
|
353
|
+
<Box d="col" gap items="start" style={theme as any}>
|
|
354
|
+
<Button onClick={reroll}>Reroll</Button>
|
|
355
|
+
<DemoUI className="theme" />
|
|
356
|
+
</Box>
|
|
357
|
+
);
|
|
358
|
+
},
|
|
359
|
+
};
|
|
360
|
+
|
|
361
|
+
export const Trippy: Story = {
|
|
362
|
+
render() {
|
|
363
|
+
const ref = useRef<HTMLDivElement>(null);
|
|
364
|
+
const values = useRef({
|
|
365
|
+
primarySource: 0,
|
|
366
|
+
accentSource: 180,
|
|
367
|
+
saturation: 0.5,
|
|
368
|
+
borderScale: 2,
|
|
369
|
+
spacingScale: 0.5,
|
|
370
|
+
cornerScale: 0.5,
|
|
371
|
+
});
|
|
372
|
+
useAnimationFrame((dt) => {
|
|
373
|
+
const current = ref.current;
|
|
374
|
+
if (!current) return;
|
|
375
|
+
values.current.primarySource =
|
|
376
|
+
(values.current.primarySource + dt / 100) % 360;
|
|
377
|
+
values.current.accentSource =
|
|
378
|
+
(values.current.accentSource + dt / 50) % 360;
|
|
379
|
+
values.current.saturation =
|
|
380
|
+
0.5 + 0.5 * Math.sin((Date.now() / 100000) * Math.PI * 2);
|
|
381
|
+
values.current.borderScale =
|
|
382
|
+
1.5 + 1.5 * Math.sin((Date.now() / 20000) * Math.PI * 2);
|
|
383
|
+
values.current.spacingScale =
|
|
384
|
+
1 + Math.sin((Date.now() / 50000) * Math.PI * 2);
|
|
385
|
+
values.current.cornerScale = 1 + Math.sin(Date.now() / 3000);
|
|
386
|
+
current.style.setProperty(
|
|
387
|
+
'--dyn-primary-source',
|
|
388
|
+
values.current.primarySource.toString(),
|
|
389
|
+
);
|
|
390
|
+
current.style.setProperty(
|
|
391
|
+
'--dyn-accent-source',
|
|
392
|
+
values.current.accentSource.toString(),
|
|
393
|
+
);
|
|
394
|
+
current.style.setProperty(
|
|
395
|
+
'--global-saturation',
|
|
396
|
+
values.current.saturation.toString(),
|
|
397
|
+
);
|
|
398
|
+
current.style.setProperty(
|
|
399
|
+
'--global-border-scale',
|
|
400
|
+
values.current.borderScale.toString(),
|
|
401
|
+
);
|
|
402
|
+
current.style.setProperty(
|
|
403
|
+
'--global-spacing-scale',
|
|
404
|
+
values.current.spacingScale.toString(),
|
|
405
|
+
);
|
|
406
|
+
current.style.setProperty(
|
|
407
|
+
'--global-corner-scale',
|
|
408
|
+
values.current.cornerScale.toString(),
|
|
409
|
+
);
|
|
410
|
+
current.style.setProperty('--dyn-primary-hue-rotate', '0');
|
|
411
|
+
current.style.setProperty('--dyn-accent-hue-rotate', '0');
|
|
412
|
+
});
|
|
413
|
+
return (
|
|
414
|
+
<div ref={ref}>
|
|
415
|
+
<DemoUI className="theme" />
|
|
416
|
+
</div>
|
|
417
|
+
);
|
|
418
|
+
},
|
|
419
|
+
};
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
export const colorConstants = `
|
|
2
|
+
--dyn-saturation-x-wash: calc(pow(var(--global-saturation, 1), 0.6));
|
|
3
|
+
--dyn-saturation-x-light: calc(pow(var(--global-saturation, 1), 0.05));
|
|
4
|
+
--dyn-saturation-x-dark: calc(pow(var(--global-saturation, 1), 0.1));
|
|
5
|
+
--dyn-saturation-x-ink: calc(pow(var(--global-saturation, 1), 0.2));
|
|
6
|
+
`;
|
|
7
|
+
|
|
8
|
+
export const dynamicThemeComputedColors = (name: string) => `
|
|
9
|
+
--color-${name}: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-${name}-base-dim, 0%))) calc(var(--dyn-${name}-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-${name}-source, 0));
|
|
10
|
+
--color-${name}-wash: oklch(from var(--color-${name}) calc(min(0.999,max(0.15, l + 0.15 * var(--dyn-mode-mult, 1)))) calc(var(--dyn-${name}-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.03)) calc(h - 5 * var(--dyn-${name}-hue-rotate, 0) * var(--dyn-${name}-hue-rotate-mult, 1)));
|
|
11
|
+
--color-${name}-light: oklch(from var(--color-${name}) calc(l + 0.08 * var(--dyn-mode-mult, 1)) calc(var(--dyn-${name}-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-${name}-hue-rotate, 0) * var(--dyn-${name}-hue-rotate-mult, 1)));
|
|
12
|
+
--color-${name}-dark: oklch(from var(--color-${name}) calc(l - 0.26 * var(--dyn-mode-mult, 1)) calc(var(--dyn-${name}-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-${name}-hue-rotate, 0) * var(--dyn-${name}-hue-rotate-mult, 1)));
|
|
13
|
+
--color-${name}-ink: oklch(from var(--color-${name}) calc(l - 0.45 * var(--dyn-mode-mult, 1)) calc(var(--dyn-${name}-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-${name}-hue-rotate, 0) * var(--dyn-${name}-hue-rotate-mult, 1)));
|
|
14
|
+
|
|
15
|
+
--color-${name}-gray: oklch(from var(--color-${name}) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
|
|
16
|
+
--color-${name}-gray-wash: oklch(from var(--color-${name}-wash) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
|
|
17
|
+
--color-${name}-gray-light: oklch(from var(--color-${name}-light) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
|
|
18
|
+
--color-${name}-gray-dark: oklch(from var(--color-${name}-dark) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
|
|
19
|
+
--color-${name}-gray-ink: oklch(from var(--color-${name}-ink) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
|
|
20
|
+
`;
|
|
21
|
+
|
|
22
|
+
export const dynamicComputedVars = `
|
|
23
|
+
${dynamicThemeComputedColors('primary')}
|
|
24
|
+
${dynamicThemeComputedColors('accent')}
|
|
25
|
+
|
|
26
|
+
--color-gray: var(--color-primary-gray);
|
|
27
|
+
--color-gray-wash: var(--color-primary-gray-wash);
|
|
28
|
+
--color-gray-light: var(--color-primary-gray-light);
|
|
29
|
+
--color-gray-dark: var(--color-primary-gray-dark);
|
|
30
|
+
--color-gray-ink: var(--color-primary-gray-ink);
|
|
31
|
+
|
|
32
|
+
--color-wash: var(--color-gray-wash);
|
|
33
|
+
--palette-black: var(--color-gray-ink);
|
|
34
|
+
--palette-white: oklch(from var(--color-wash) calc(l + 1 / var(--dyn-mode-mult,1)) calc(c * var(--global-saturation, 1)/var(--dyn-mode-mult,1)) h);
|
|
35
|
+
/* A dark-mode only contrast color */
|
|
36
|
+
--color-dark-mode-contrast: oklch(from var(--color-gray-ink) l c h / calc(100% * var(--dyn-source-mode-adjust, 0)));
|
|
37
|
+
`;
|
|
38
|
+
|
|
39
|
+
export type DynamicThemeColor = {
|
|
40
|
+
hue: number;
|
|
41
|
+
hueRotate: number;
|
|
42
|
+
hueRotateMult?: number;
|
|
43
|
+
saturationMult?: number;
|
|
44
|
+
dim?: `${number}%`;
|
|
45
|
+
};
|
|
46
|
+
|
|
47
|
+
export function dynamicTheme({
|
|
48
|
+
primary,
|
|
49
|
+
accent,
|
|
50
|
+
}: {
|
|
51
|
+
primary: DynamicThemeColor;
|
|
52
|
+
accent: DynamicThemeColor;
|
|
53
|
+
}) {
|
|
54
|
+
return `
|
|
55
|
+
${colorConstants}
|
|
56
|
+
--dyn-primary-hue-rotate: ${primary.hueRotate};
|
|
57
|
+
--dyn-primary-source: ${primary.hue};
|
|
58
|
+
--dyn-accent-hue-rotate: ${accent.hueRotate};
|
|
59
|
+
--dyn-accent-source: ${accent.hue};
|
|
60
|
+
--dyn-primary-hue-rotate-mult: ${primary.hueRotateMult ?? 1};
|
|
61
|
+
--dyn-primary-sat-mult: ${primary.saturationMult ?? 1};
|
|
62
|
+
--dyn-accent-hue-rotate-mult: ${accent.hueRotateMult ?? 1};
|
|
63
|
+
--dyn-accent-sat-mult: ${accent.saturationMult ?? 1};
|
|
64
|
+
--dyn-primary-base-dim: ${primary.dim ?? '0%'};
|
|
65
|
+
--dyn-accent-base-dim: ${accent.dim ?? '0%'};
|
|
66
|
+
${dynamicComputedVars}
|
|
67
|
+
`;
|
|
68
|
+
}
|