@a-type/ui 1.0.11 → 1.0.13
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/button/classes.js +5 -5
- package/dist/cjs/components/button/classes.js.map +1 -1
- package/dist/cjs/components/card/Card.d.ts +34 -0
- package/dist/cjs/components/card/Card.js +11 -1
- package/dist/cjs/components/card/Card.js.map +1 -1
- package/dist/cjs/components/checkbox/Checkbox.d.ts +6 -1
- package/dist/cjs/components/checkbox/Checkbox.js +4 -1
- package/dist/cjs/components/checkbox/Checkbox.js.map +1 -1
- package/dist/cjs/components/collapsible/Collapsible.d.ts +11 -0
- package/dist/cjs/components/collapsible/Collapsible.js +6 -1
- package/dist/cjs/components/collapsible/Collapsible.js.map +1 -1
- package/dist/cjs/components/contextMenu/contextMenu.d.ts +18 -6
- package/dist/cjs/components/contextMenu/contextMenu.js +13 -7
- package/dist/cjs/components/contextMenu/contextMenu.js.map +1 -1
- package/dist/cjs/components/dialog/Dialog.d.ts +27 -1
- package/dist/cjs/components/dialog/Dialog.js +19 -5
- package/dist/cjs/components/dialog/Dialog.js.map +1 -1
- package/dist/cjs/components/dialog/Dialog.stories.d.ts +28 -1
- package/dist/cjs/components/dropdownMenu/DropdownMenu.d.ts +32 -1
- package/dist/cjs/components/dropdownMenu/DropdownMenu.js +15 -2
- package/dist/cjs/components/dropdownMenu/DropdownMenu.js.map +1 -1
- package/dist/cjs/components/dropdownMenu/DropdownMenu.stories.d.ts +31 -1
- package/dist/cjs/components/dropdownMenu/DropdownMenu.stories.js +1 -2
- package/dist/cjs/components/dropdownMenu/DropdownMenu.stories.js.map +1 -1
- package/dist/cjs/components/input/Input.js +1 -1
- package/dist/cjs/components/input/Input.js.map +1 -1
- package/dist/cjs/components/navBar/NavBar.d.ts +15 -0
- package/dist/cjs/components/navBar/NavBar.js +8 -1
- package/dist/cjs/components/navBar/NavBar.js.map +1 -1
- package/dist/cjs/components/popover/Popover.d.ts +18 -1
- package/dist/cjs/components/popover/Popover.js +9 -2
- package/dist/cjs/components/popover/Popover.js.map +1 -1
- package/dist/cjs/components/scrollArea/ScrollArea.d.ts +7 -1
- package/dist/cjs/components/scrollArea/ScrollArea.js +5 -1
- package/dist/cjs/components/scrollArea/ScrollArea.js.map +1 -1
- package/dist/cjs/components/select/Select.d.ts +23 -4
- package/dist/cjs/components/select/Select.js +12 -2
- package/dist/cjs/components/select/Select.js.map +1 -1
- package/dist/cjs/components/select/Select.stories.d.ts +24 -1
- package/dist/cjs/components/slider/Slider.d.ts +15 -3
- package/dist/cjs/components/slider/Slider.js +9 -4
- package/dist/cjs/components/slider/Slider.js.map +1 -1
- package/dist/cjs/components/slider/Slider.stories.d.ts +15 -1
- package/dist/cjs/components/switch/Switch.d.ts +8 -1
- package/dist/cjs/components/switch/Switch.js +4 -1
- package/dist/cjs/components/switch/Switch.js.map +1 -1
- package/dist/cjs/components/tabs/tabs.d.ts +18 -5
- package/dist/cjs/components/tabs/tabs.js +11 -6
- package/dist/cjs/components/tabs/tabs.js.map +1 -1
- package/dist/cjs/components/textArea/TextArea.js +1 -1
- package/dist/cjs/components/textArea/TextArea.js.map +1 -1
- package/dist/cjs/components/toggleGroup/toggleGroup.d.ts +13 -4
- package/dist/cjs/components/toggleGroup/toggleGroup.js +7 -4
- package/dist/cjs/components/toggleGroup/toggleGroup.js.map +1 -1
- package/dist/cjs/components/tooltip/Tooltip.d.ts +10 -3
- package/dist/cjs/components/tooltip/Tooltip.js +7 -4
- package/dist/cjs/components/tooltip/Tooltip.js.map +1 -1
- package/dist/cjs/components/tooltip/Tooltip.stories.d.ts +5 -1
- package/dist/cjs/themes.stories.d.ts +13 -0
- package/dist/cjs/themes.stories.js +31 -0
- package/dist/cjs/themes.stories.js.map +1 -0
- package/dist/cjs/uno.preset.js +11 -11
- package/dist/css/main.css +13 -13
- package/dist/esm/components/button/classes.js +5 -5
- package/dist/esm/components/button/classes.js.map +1 -1
- package/dist/esm/components/card/Card.d.ts +34 -0
- package/dist/esm/components/card/Card.js +10 -0
- package/dist/esm/components/card/Card.js.map +1 -1
- package/dist/esm/components/checkbox/Checkbox.d.ts +6 -1
- package/dist/esm/components/checkbox/Checkbox.js +4 -1
- package/dist/esm/components/checkbox/Checkbox.js.map +1 -1
- package/dist/esm/components/collapsible/Collapsible.d.ts +11 -0
- package/dist/esm/components/collapsible/Collapsible.js +5 -0
- package/dist/esm/components/collapsible/Collapsible.js.map +1 -1
- package/dist/esm/components/contextMenu/contextMenu.d.ts +18 -6
- package/dist/esm/components/contextMenu/contextMenu.js +12 -6
- package/dist/esm/components/contextMenu/contextMenu.js.map +1 -1
- package/dist/esm/components/dialog/Dialog.d.ts +27 -1
- package/dist/esm/components/dialog/Dialog.js +18 -3
- package/dist/esm/components/dialog/Dialog.js.map +1 -1
- package/dist/esm/components/dialog/Dialog.stories.d.ts +28 -1
- package/dist/esm/components/dropdownMenu/DropdownMenu.d.ts +32 -1
- package/dist/esm/components/dropdownMenu/DropdownMenu.js +14 -1
- package/dist/esm/components/dropdownMenu/DropdownMenu.js.map +1 -1
- package/dist/esm/components/dropdownMenu/DropdownMenu.stories.d.ts +31 -1
- package/dist/esm/components/dropdownMenu/DropdownMenu.stories.js +2 -3
- package/dist/esm/components/dropdownMenu/DropdownMenu.stories.js.map +1 -1
- package/dist/esm/components/input/Input.js +1 -1
- package/dist/esm/components/input/Input.js.map +1 -1
- package/dist/esm/components/navBar/NavBar.d.ts +15 -0
- package/dist/esm/components/navBar/NavBar.js +7 -0
- package/dist/esm/components/navBar/NavBar.js.map +1 -1
- package/dist/esm/components/popover/Popover.d.ts +18 -1
- package/dist/esm/components/popover/Popover.js +8 -1
- package/dist/esm/components/popover/Popover.js.map +1 -1
- package/dist/esm/components/scrollArea/ScrollArea.d.ts +7 -1
- package/dist/esm/components/scrollArea/ScrollArea.js +5 -1
- package/dist/esm/components/scrollArea/ScrollArea.js.map +1 -1
- package/dist/esm/components/select/Select.d.ts +23 -4
- package/dist/esm/components/select/Select.js +12 -1
- package/dist/esm/components/select/Select.js.map +1 -1
- package/dist/esm/components/select/Select.stories.d.ts +24 -1
- package/dist/esm/components/slider/Slider.d.ts +15 -3
- package/dist/esm/components/slider/Slider.js +9 -3
- package/dist/esm/components/slider/Slider.js.map +1 -1
- package/dist/esm/components/slider/Slider.stories.d.ts +15 -1
- package/dist/esm/components/switch/Switch.d.ts +8 -1
- package/dist/esm/components/switch/Switch.js +4 -1
- package/dist/esm/components/switch/Switch.js.map +1 -1
- package/dist/esm/components/tabs/tabs.d.ts +18 -5
- package/dist/esm/components/tabs/tabs.js +10 -5
- package/dist/esm/components/tabs/tabs.js.map +1 -1
- package/dist/esm/components/textArea/TextArea.js +1 -1
- package/dist/esm/components/textArea/TextArea.js.map +1 -1
- package/dist/esm/components/toggleGroup/toggleGroup.d.ts +13 -4
- package/dist/esm/components/toggleGroup/toggleGroup.js +6 -3
- package/dist/esm/components/toggleGroup/toggleGroup.js.map +1 -1
- package/dist/esm/components/tooltip/Tooltip.d.ts +10 -3
- package/dist/esm/components/tooltip/Tooltip.js +7 -3
- package/dist/esm/components/tooltip/Tooltip.js.map +1 -1
- package/dist/esm/components/tooltip/Tooltip.stories.d.ts +5 -1
- package/dist/esm/themes.stories.d.ts +13 -0
- package/dist/esm/themes.stories.js +25 -0
- package/dist/esm/themes.stories.js.map +1 -0
- package/dist/esm/uno.preset.js +11 -11
- package/package.json +1 -1
- package/src/components/button/classes.tsx +5 -5
- package/src/components/card/Card.tsx +11 -0
- package/src/components/checkbox/Checkbox.tsx +15 -10
- package/src/components/collapsible/Collapsible.tsx +6 -0
- package/src/components/contextMenu/contextMenu.tsx +22 -9
- package/src/components/dialog/Dialog.tsx +26 -3
- package/src/components/dropdownMenu/DropdownMenu.stories.tsx +14 -21
- package/src/components/dropdownMenu/DropdownMenu.tsx +15 -1
- package/src/components/input/Input.tsx +1 -1
- package/src/components/navBar/NavBar.tsx +8 -0
- package/src/components/popover/Popover.tsx +9 -1
- package/src/components/scrollArea/ScrollArea.tsx +21 -14
- package/src/components/select/Select.tsx +13 -1
- package/src/components/slider/Slider.tsx +23 -11
- package/src/components/switch/Switch.tsx +6 -2
- package/src/components/tabs/tabs.tsx +11 -5
- package/src/components/textArea/TextArea.tsx +1 -1
- package/src/components/toggleGroup/toggleGroup.tsx +7 -3
- package/src/components/tooltip/Tooltip.tsx +30 -22
- package/src/themes.stories.tsx +70 -0
- package/src/uno.preset.ts +11 -11
|
@@ -56,7 +56,7 @@ exports.TextArea = (0, react_1.forwardRef)(function TextArea(_a, ref) {
|
|
|
56
56
|
onFocus(e);
|
|
57
57
|
}
|
|
58
58
|
}, [autoSelect, onFocus]);
|
|
59
|
-
return ((0, jsx_runtime_1.jsx)("textarea", Object.assign({ ref: finalRef, className: (0, clsx_1.default)(input_js_1.inputClassName, 'layer-components:[font-family:inherit] layer-components:text-inherit layer-components:overflow-hidden', 'layer-variants:rounded-20px', {
|
|
59
|
+
return ((0, jsx_runtime_1.jsx)("textarea", Object.assign({ ref: finalRef, className: (0, clsx_1.default)(input_js_1.inputClassName, 'layer-components:[font-family:inherit] layer-components:text-inherit layer-components:overflow-hidden layer-components:resize-none', 'layer-variants:rounded-20px', {
|
|
60
60
|
'layer-components:[resize:vertical]': !autoSize,
|
|
61
61
|
'layer-components:[resize:none]': autoSize,
|
|
62
62
|
}, className), rows: autoSize ? 1 : rows, onChange: handleChange, onFocus: handleFocus }, rest)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../src/components/textArea/TextArea.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,gDAA8B;AAC9B,kFAAuD;AACvD,iCASe;AACf,0CAA6C;AAWhC,QAAA,QAAQ,GAAG,IAAA,kBAAU,EACjC,SAAS,QAAQ,CAChB,EASC,EACD,GAAG;;QAVH,EACC,QAAQ,EACR,UAAU,EACV,OAAO,EACP,SAAS,EACT,IAAI,EACJ,eAAe,GAAG,CAAC,EACnB,QAAQ,OAER,EADG,IAAI,cARR,yFASC,CADO;IAIR,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAsB,IAAI,CAAC,CAAC;IACnD,MAAM,QAAQ,GAAG,IAAA,yBAAY,EAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;IAE7C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IACjD,MAAM,UAAU,GAAG,MAAA,IAAI,CAAC,KAAK,mCAAI,UAAU,CAAC;IAE5C,gFAAgF;IAChF,IAAA,uBAAe,EAAC,GAAG,EAAE;QACpB,IAAI,CAAC,QAAQ;YAAE,OAAO;QACtB,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC;QACjC,IAAI,OAAO,EAAE;YACZ,IAAI,OAAO,CAAC,KAAK,KAAK,EAAE,IAAI,eAAe,EAAE;gBAC5C,OAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;gBAC/B,MAAM,UAAU,GAAG,OAAO,CAAC,YAAY,CAAC;gBACxC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,UAAU,GAAG,eAAe,GAAG,IAAI,CAAC;aAC3D;SACD;IACF,CAAC,EAAE,CAAC,QAAQ,EAAE,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC;IAE5C,MAAM,YAAY,GAAG,IAAA,mBAAW,EAC/B,CAAC,CAAmC,EAAE,EAAE;QACvC,aAAa,CAAE,CAAC,CAAC,MAA8B,CAAC,KAAK,CAAC,CAAC;QACvD,IAAI,QAAQ,EAAE;YACb,QAAQ,CAAC,CAAC,CAAC,CAAC;SACZ;IACF,CAAC,EACD,CAAC,QAAQ,CAAC,CACV,CAAC;IAEF,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC9B,CAAC,CAAwC,EAAE,EAAE;QAC5C,IAAI,UAAU,EAAE;YACf,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;SAClB;QACD,IAAI,OAAO,EAAE;YACZ,OAAO,CAAC,CAAC,CAAC,CAAC;SACX;IACF,CAAC,EACD,CAAC,UAAU,EAAE,OAAO,CAAC,CACrB,CAAC;IAEF,OAAO,CACN,mDACC,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,IAAA,cAAU,EACpB,yBAAc,EACd,
|
|
1
|
+
{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../src/components/textArea/TextArea.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,gDAA8B;AAC9B,kFAAuD;AACvD,iCASe;AACf,0CAA6C;AAWhC,QAAA,QAAQ,GAAG,IAAA,kBAAU,EACjC,SAAS,QAAQ,CAChB,EASC,EACD,GAAG;;QAVH,EACC,QAAQ,EACR,UAAU,EACV,OAAO,EACP,SAAS,EACT,IAAI,EACJ,eAAe,GAAG,CAAC,EACnB,QAAQ,OAER,EADG,IAAI,cARR,yFASC,CADO;IAIR,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAsB,IAAI,CAAC,CAAC;IACnD,MAAM,QAAQ,GAAG,IAAA,yBAAY,EAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;IAE7C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IACjD,MAAM,UAAU,GAAG,MAAA,IAAI,CAAC,KAAK,mCAAI,UAAU,CAAC;IAE5C,gFAAgF;IAChF,IAAA,uBAAe,EAAC,GAAG,EAAE;QACpB,IAAI,CAAC,QAAQ;YAAE,OAAO;QACtB,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC;QACjC,IAAI,OAAO,EAAE;YACZ,IAAI,OAAO,CAAC,KAAK,KAAK,EAAE,IAAI,eAAe,EAAE;gBAC5C,OAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;gBAC/B,MAAM,UAAU,GAAG,OAAO,CAAC,YAAY,CAAC;gBACxC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,UAAU,GAAG,eAAe,GAAG,IAAI,CAAC;aAC3D;SACD;IACF,CAAC,EAAE,CAAC,QAAQ,EAAE,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC;IAE5C,MAAM,YAAY,GAAG,IAAA,mBAAW,EAC/B,CAAC,CAAmC,EAAE,EAAE;QACvC,aAAa,CAAE,CAAC,CAAC,MAA8B,CAAC,KAAK,CAAC,CAAC;QACvD,IAAI,QAAQ,EAAE;YACb,QAAQ,CAAC,CAAC,CAAC,CAAC;SACZ;IACF,CAAC,EACD,CAAC,QAAQ,CAAC,CACV,CAAC;IAEF,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC9B,CAAC,CAAwC,EAAE,EAAE;QAC5C,IAAI,UAAU,EAAE;YACf,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;SAClB;QACD,IAAI,OAAO,EAAE;YACZ,OAAO,CAAC,CAAC,CAAC,CAAC;SACX;IACF,CAAC,EACD,CAAC,UAAU,EAAE,OAAO,CAAC,CACrB,CAAC;IAEF,OAAO,CACN,mDACC,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,IAAA,cAAU,EACpB,yBAAc,EACd,mFAAmF,EACnF,+BAA+B,EAC/B;YACC,oCAAoC,EAAE,CAAC,QAAQ;YAC/C,gCAAgC,EAAE,QAAQ;SAC1C,EACD,SAAS,CACT,EACD,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EACzB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,WAAW,IAChB,IAAI,EACP,CACF,CAAC;AACH,CAAC,CACD,CAAC"}
|
|
@@ -1,10 +1,19 @@
|
|
|
1
1
|
/// <reference types="react" resolution-mode="require"/>
|
|
2
|
-
import * as
|
|
3
|
-
export declare const ToggleGroupRoot: import("react").FunctionComponent<(Omit<
|
|
2
|
+
import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
|
|
3
|
+
export declare const ToggleGroupRoot: import("react").FunctionComponent<(Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
4
4
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
5
|
-
}) | (Omit<
|
|
5
|
+
}) | (Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
6
6
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
7
7
|
})>;
|
|
8
|
-
export declare const ToggleGroupItem: import("react").FunctionComponent<Omit<
|
|
8
|
+
export declare const ToggleGroupItem: import("react").FunctionComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
9
9
|
ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
10
10
|
}>;
|
|
11
|
+
export declare const ToggleGroup: import("react").FunctionComponent<(Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
12
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
13
|
+
}) | (Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
14
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
15
|
+
})> & {
|
|
16
|
+
Item: import("react").FunctionComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
17
|
+
ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
18
|
+
}>;
|
|
19
|
+
};
|
|
@@ -24,9 +24,12 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
24
24
|
return result;
|
|
25
25
|
};
|
|
26
26
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
27
|
-
exports.ToggleGroupItem = exports.ToggleGroupRoot = void 0;
|
|
28
|
-
const
|
|
27
|
+
exports.ToggleGroup = exports.ToggleGroupItem = exports.ToggleGroupRoot = void 0;
|
|
28
|
+
const ToggleGroupPrimitive = __importStar(require("@radix-ui/react-toggle-group"));
|
|
29
29
|
const withClassName_js_1 = require("../../hooks/withClassName.js");
|
|
30
|
-
exports.ToggleGroupRoot = (0, withClassName_js_1.withClassName)(
|
|
31
|
-
exports.ToggleGroupItem = (0, withClassName_js_1.withClassName)(
|
|
30
|
+
exports.ToggleGroupRoot = (0, withClassName_js_1.withClassName)(ToggleGroupPrimitive.Root, 'inline-flex bg-gray1 rounded-lg gap-1');
|
|
31
|
+
exports.ToggleGroupItem = (0, withClassName_js_1.withClassName)(ToggleGroupPrimitive.Item, 'rounded-xl bg-gray2 py-1 px-2 flex items-center justify-center cursor-pointer hover:bg-gray3 active:bg-gray4 focus-visible:shadow-focus focus-visible:outline-off [&[data-state=on]]:bg-primary-light [&[data-state=on]]:border-black');
|
|
32
|
+
exports.ToggleGroup = Object.assign(exports.ToggleGroupRoot, {
|
|
33
|
+
Item: exports.ToggleGroupItem,
|
|
34
|
+
});
|
|
32
35
|
//# sourceMappingURL=toggleGroup.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggleGroup.js","sourceRoot":"","sources":["../../../../src/components/toggleGroup/toggleGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"toggleGroup.js","sourceRoot":"","sources":["../../../../src/components/toggleGroup/toggleGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mFAAqE;AACrE,mEAA6D;AAEhD,QAAA,eAAe,GAAG,IAAA,gCAAa,EAC3C,oBAAoB,CAAC,IAAI,EACzB,uCAAuC,CACvC,CAAC;AACW,QAAA,eAAe,GAAG,IAAA,gCAAa,EAC3C,oBAAoB,CAAC,IAAI,EACzB,0MAA0M,CAC1M,CAAC;AAEW,QAAA,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,uBAAe,EAAE;IACzD,IAAI,EAAE,uBAAe;CACrB,CAAC,CAAC"}
|
|
@@ -1,7 +1,14 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" resolution-mode="require"/>
|
|
2
2
|
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
3
|
+
declare function Content({ children, className, ...props }: TooltipPrimitive.TooltipContentProps): import("react/jsx-runtime").JSX.Element;
|
|
3
4
|
export declare const TooltipProvider: import("react").FC<TooltipPrimitive.TooltipProviderProps>;
|
|
4
|
-
export
|
|
5
|
+
export interface TooltipProps extends Omit<TooltipPrimitive.TooltipTriggerProps, 'content'> {
|
|
5
6
|
content: React.ReactNode;
|
|
6
7
|
open?: boolean;
|
|
7
|
-
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
}
|
|
10
|
+
export declare const Tooltip: import("react").ForwardRefExoticComponent<TooltipProps & import("react").RefAttributes<HTMLButtonElement>> & {
|
|
11
|
+
Trigger: import("react").ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
12
|
+
Content: typeof Content;
|
|
13
|
+
};
|
|
14
|
+
export {};
|
|
@@ -41,6 +41,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
41
41
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
42
42
|
exports.Tooltip = exports.TooltipProvider = void 0;
|
|
43
43
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
44
|
+
const react_1 = require("react");
|
|
44
45
|
const TooltipPrimitive = __importStar(require("@radix-ui/react-tooltip"));
|
|
45
46
|
const clsx_1 = __importDefault(require("clsx"));
|
|
46
47
|
function Content(_a) {
|
|
@@ -48,9 +49,11 @@ function Content(_a) {
|
|
|
48
49
|
return ((0, jsx_runtime_1.jsx)(TooltipPrimitive.Portal, { children: (0, jsx_runtime_1.jsxs)(TooltipPrimitive.Content, Object.assign({ className: (0, clsx_1.default)('layer-components:relative layer-components:rounded-md layer-components:py-2 layer-components:px-3 layer-components:bg-black layer-components:text-white layer-components:text-sm layer-components:leading-tight layer-components:shadow-sm layer-components:select-none layer-components:hidden layer-components:z-tooltip layer-components:sm:display-initial', '[&[data-state=delayed-open]]:display-initial', '[&[data-state=instant-open]]:display-initial', 'layer-components:transform-origin-[var(--radix-tooltip-content-transform-origin)]', 'layer-components:[&[data-state=delayed-open]]:animate-popover-in', className) }, props, { children: [children, (0, jsx_runtime_1.jsx)(TooltipPrimitive.Arrow, { className: "fill-black" })] })) }));
|
|
49
50
|
}
|
|
50
51
|
exports.TooltipProvider = TooltipPrimitive.Provider;
|
|
51
|
-
function Tooltip(_a) {
|
|
52
|
+
exports.Tooltip = Object.assign((0, react_1.forwardRef)(function Tooltip(_a, ref) {
|
|
52
53
|
var { content, children, open, disabled } = _a, rest = __rest(_a, ["content", "children", "open", "disabled"]);
|
|
53
|
-
return ((0, jsx_runtime_1.jsxs)(TooltipPrimitive.Root, Object.assign({ open: open }, { children: [disabled ? (children) : ((0, jsx_runtime_1.jsx)(TooltipPrimitive.TooltipTrigger, Object.assign({ asChild: true }, rest, { children: children }))), (0, jsx_runtime_1.jsx)(Content, Object.assign({ sideOffset: 12 }, { children: content }))] })));
|
|
54
|
-
}
|
|
55
|
-
|
|
54
|
+
return ((0, jsx_runtime_1.jsxs)(TooltipPrimitive.Root, Object.assign({ open: open }, { children: [disabled ? (children) : ((0, jsx_runtime_1.jsx)(TooltipPrimitive.TooltipTrigger, Object.assign({ asChild: true, ref: ref }, rest, { children: children }))), (0, jsx_runtime_1.jsx)(Content, Object.assign({ sideOffset: 12 }, { children: content }))] })));
|
|
55
|
+
}), {
|
|
56
|
+
Trigger: TooltipPrimitive.TooltipTrigger,
|
|
57
|
+
Content,
|
|
58
|
+
});
|
|
56
59
|
//# sourceMappingURL=Tooltip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,iCAA6D;AAC7D,0EAA4D;AAC5D,gDAA8B;AAE9B,SAAS,OAAO,CAAC,EAIsB;QAJtB,EAChB,QAAQ,EACR,SAAS,OAE6B,EADnC,KAAK,cAHQ,yBAIhB,CADQ;IAER,OAAO,CACN,uBAAC,gBAAgB,CAAC,MAAM,cACvB,wBAAC,gBAAgB,CAAC,OAAO,kBACxB,SAAS,EAAE,IAAA,cAAU,EACpB,sJAAsJ,EACtJ,8CAA8C,EAC9C,8CAA8C,EAC9C,mFAAmF,EACnF,kEAAkE,EAClE,SAAS,CACT,IACG,KAAK,eAER,QAAQ,EACT,uBAAC,gBAAgB,CAAC,KAAK,IAAC,SAAS,EAAC,YAAY,GAAG,KACvB,GACF,CAC1B,CAAC;AACH,CAAC;AAEY,QAAA,eAAe,GAAG,gBAAgB,CAAC,QAAQ,CAAC;AAS5C,QAAA,OAAO,GAAG,MAAM,CAAC,MAAM,CACnC,IAAA,kBAAU,EAAkC,SAAS,OAAO,CAC3D,EAA8C,EAC9C,GAAG;QADH,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,OAAW,EAAN,IAAI,cAA5C,2CAA8C,CAAF;IAG5C,OAAO,CACN,wBAAC,gBAAgB,CAAC,IAAI,kBAAC,IAAI,EAAE,IAAI,iBAC/B,QAAQ,CAAC,CAAC,CAAC,CACX,QAAQ,CACR,CAAC,CAAC,CAAC,CACH,uBAAC,gBAAgB,CAAC,cAAc,kBAAC,OAAO,QAAC,GAAG,EAAE,GAAG,IAAM,IAAI,cACzD,QAAQ,IACwB,CAClC,EACD,uBAAC,OAAO,kBAAC,UAAU,EAAE,EAAE,gBAAG,OAAO,IAAW,KACrB,CACxB,CAAC;AACH,CAAC,CAAC,EACF;IACC,OAAO,EAAE,gBAAgB,CAAC,cAAc;IACxC,OAAO;CACP,CACD,CAAC"}
|
|
@@ -1,8 +1,12 @@
|
|
|
1
|
+
/// <reference types="react" resolution-mode="require"/>
|
|
1
2
|
import type { StoryObj } from '@storybook/react';
|
|
2
3
|
import { Tooltip } from './Tooltip.js';
|
|
3
4
|
declare const meta: {
|
|
4
5
|
title: string;
|
|
5
|
-
component:
|
|
6
|
+
component: import("react").ForwardRefExoticComponent<import("./Tooltip.js").TooltipProps & import("react").RefAttributes<HTMLButtonElement>> & {
|
|
7
|
+
Trigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-tooltip").TooltipTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
8
|
+
Content: ({ children, className, ...props }: import("@radix-ui/react-tooltip").TooltipContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
};
|
|
6
10
|
argTypes: {};
|
|
7
11
|
parameters: {
|
|
8
12
|
controls: {
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
argTypes: {};
|
|
5
|
+
parameters: {
|
|
6
|
+
controls: {
|
|
7
|
+
expanded: boolean;
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
export default meta;
|
|
12
|
+
type Story = StoryObj;
|
|
13
|
+
export declare const Default: Story;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
// @unocss-include
|
|
2
|
+
"use strict";
|
|
3
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
4
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
5
|
+
};
|
|
6
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
+
exports.Default = void 0;
|
|
8
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
9
|
+
const clsx_1 = __importDefault(require("clsx"));
|
|
10
|
+
const button_js_1 = require("./components/button.js");
|
|
11
|
+
const input_js_1 = require("./components/input.js");
|
|
12
|
+
const textArea_js_1 = require("./components/textArea.js");
|
|
13
|
+
const card_js_1 = require("./components/card.js");
|
|
14
|
+
const tabs_js_1 = require("./components/tabs.js");
|
|
15
|
+
const meta = {
|
|
16
|
+
title: 'themes',
|
|
17
|
+
argTypes: {},
|
|
18
|
+
parameters: {
|
|
19
|
+
controls: { expanded: true },
|
|
20
|
+
},
|
|
21
|
+
};
|
|
22
|
+
exports.default = meta;
|
|
23
|
+
function DemoUI({ className }) {
|
|
24
|
+
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, clsx_1.default)('grid gap-2 grid-cols-3', className) }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "col" }, { children: [(0, jsx_runtime_1.jsx)(button_js_1.Button, Object.assign({ color: "primary" }, { children: "Primary" })), (0, jsx_runtime_1.jsx)(button_js_1.Button, Object.assign({ color: "accent" }, { children: "Accent" })), (0, jsx_runtime_1.jsx)(button_js_1.Button, { children: "Default" }), (0, jsx_runtime_1.jsx)(button_js_1.Button, Object.assign({ size: "small", color: "destructive" }, { children: "Destructive" })), (0, jsx_runtime_1.jsx)(button_js_1.Button, Object.assign({ size: "small", color: "ghostDestructive" }, { children: "Ghost Destructive" }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "col" }, { children: [(0, jsx_runtime_1.jsx)(input_js_1.Input, { placeholder: "Placeholder" }), (0, jsx_runtime_1.jsx)(textArea_js_1.TextArea, { placeholder: "Placeholder" })] })), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)(card_js_1.Card, { children: [(0, jsx_runtime_1.jsxs)(card_js_1.Card.Main, { children: [(0, jsx_runtime_1.jsx)(card_js_1.Card.Title, { children: "Card Title" }), (0, jsx_runtime_1.jsx)(card_js_1.Card.Content, { children: "Card Content" })] }), (0, jsx_runtime_1.jsx)(card_js_1.Card.Footer, { children: (0, jsx_runtime_1.jsx)(card_js_1.Card.Actions, { children: (0, jsx_runtime_1.jsx)(button_js_1.Button, Object.assign({ size: "small" }, { children: "Action 1" })) }) })] }) }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)(tabs_js_1.Tabs, Object.assign({ defaultValue: "tab1" }, { children: [(0, jsx_runtime_1.jsxs)(tabs_js_1.Tabs.List, { children: [(0, jsx_runtime_1.jsx)(tabs_js_1.Tabs.Trigger, Object.assign({ value: "tab1" }, { children: "Tab 1" })), (0, jsx_runtime_1.jsx)(tabs_js_1.Tabs.Trigger, Object.assign({ value: "tab2" }, { children: "Tab 2" }))] }), (0, jsx_runtime_1.jsx)(tabs_js_1.Tabs.Content, Object.assign({ value: "tab1" }, { children: "Tab 1 Content" })), (0, jsx_runtime_1.jsx)(tabs_js_1.Tabs.Content, Object.assign({ value: "tab2" }, { children: "Tab 2 Content" }))] })) })] })));
|
|
25
|
+
}
|
|
26
|
+
exports.Default = {
|
|
27
|
+
render() {
|
|
28
|
+
return (0, jsx_runtime_1.jsx)(DemoUI, {});
|
|
29
|
+
},
|
|
30
|
+
};
|
|
31
|
+
//# sourceMappingURL=themes.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"themes.stories.js","sourceRoot":"","sources":["../../src/themes.stories.tsx"],"names":[],"mappings":";;;;;;;AACA,gDAAwB;AACxB,sDAAgD;AAChD,oDAA8C;AAC9C,0DAAoD;AACpD,kDAA4C;AAC5C,kDAA4C;AAE5C,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,QAAQ;IACf,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACc,CAAC;AAEjB,kBAAe,IAAI,CAAC;AAIpB,SAAS,MAAM,CAAC,EAAE,SAAS,EAA0B;IACpD,OAAO,CACN,+CAAK,SAAS,EAAE,IAAA,cAAI,EAAC,wBAAwB,EAAE,SAAS,CAAC,iBACxD,+CAAK,SAAS,EAAC,KAAK,iBACnB,uBAAC,kBAAM,kBAAC,KAAK,EAAC,SAAS,6BAAiB,EACxC,uBAAC,kBAAM,kBAAC,KAAK,EAAC,QAAQ,4BAAgB,EACtC,uBAAC,kBAAM,0BAAiB,EACxB,uBAAC,kBAAM,kBAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,aAAa,iCAE/B,EACT,uBAAC,kBAAM,kBAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,kBAAkB,uCAEpC,KACJ,EACN,+CAAK,SAAS,EAAC,KAAK,iBACnB,uBAAC,gBAAK,IAAC,WAAW,EAAC,aAAa,GAAG,EACnC,uBAAC,sBAAQ,IAAC,WAAW,EAAC,aAAa,GAAG,KACjC,EACN,0CACC,wBAAC,cAAI,eACJ,wBAAC,cAAI,CAAC,IAAI,eACT,uBAAC,cAAI,CAAC,KAAK,6BAAwB,EACnC,uBAAC,cAAI,CAAC,OAAO,+BAA4B,IAC9B,EACZ,uBAAC,cAAI,CAAC,MAAM,cACX,uBAAC,cAAI,CAAC,OAAO,cACZ,uBAAC,kBAAM,kBAAC,IAAI,EAAC,OAAO,8BAAkB,GACxB,GACF,IACR,GACF,EACN,0CACC,wBAAC,cAAI,kBAAC,YAAY,EAAC,MAAM,iBACxB,wBAAC,cAAI,CAAC,IAAI,eACT,uBAAC,cAAI,CAAC,OAAO,kBAAC,KAAK,EAAC,MAAM,2BAAqB,EAC/C,uBAAC,cAAI,CAAC,OAAO,kBAAC,KAAK,EAAC,MAAM,2BAAqB,IACpC,EACZ,uBAAC,cAAI,CAAC,OAAO,kBAAC,KAAK,EAAC,MAAM,mCAA6B,EACvD,uBAAC,cAAI,CAAC,OAAO,kBAAC,KAAK,EAAC,MAAM,mCAA6B,KACjD,GACF,KACD,CACN,CAAC;AACH,CAAC;AAEY,QAAA,OAAO,GAAU;IAC7B,MAAM;QACL,OAAO,uBAAC,MAAM,KAAG,CAAC;IACnB,CAAC;CACD,CAAC"}
|
package/dist/cjs/uno.preset.js
CHANGED
|
@@ -402,13 +402,13 @@ function presetAglio({ spacingIncrement = 0.25, interFontLocation = 'https://res
|
|
|
402
402
|
--palette-red-00: #321f19;
|
|
403
403
|
--palette-green-90: #e9fff1;
|
|
404
404
|
--palette-green-80: #c2ffe1;
|
|
405
|
-
--palette-green-70: #
|
|
406
|
-
--palette-green-60: #
|
|
407
|
-
--palette-green-50: #
|
|
408
|
-
--palette-green-40: #
|
|
409
|
-
--palette-green-30: #
|
|
410
|
-
--palette-green-20: #
|
|
411
|
-
--palette-green-10: #
|
|
405
|
+
--palette-green-70: #8ff8e0;
|
|
406
|
+
--palette-green-60: #79efe7;
|
|
407
|
+
--palette-green-50: #63cec4;
|
|
408
|
+
--palette-green-40: #499d92;
|
|
409
|
+
--palette-green-30: #1f837c;
|
|
410
|
+
--palette-green-20: #246869;
|
|
411
|
+
--palette-green-10: #274e48;
|
|
412
412
|
--palette-green-00: #183527;
|
|
413
413
|
--palette-yellow-90: #fff9ef;
|
|
414
414
|
--palette-yellow-80: #fff1c7;
|
|
@@ -687,10 +687,10 @@ function presetAglio({ spacingIncrement = 0.25, interFontLocation = 'https://res
|
|
|
687
687
|
}
|
|
688
688
|
|
|
689
689
|
.theme-tomato {
|
|
690
|
-
--color-attention-light: var(--color-
|
|
691
|
-
--color-attention: var(--color-
|
|
692
|
-
--color-attention-dark: var(--color-
|
|
693
|
-
--color-attention-wash: var(--color-
|
|
690
|
+
--color-attention-light: var(--color-yellow-light);
|
|
691
|
+
--color-attention: var(--color-yellow);
|
|
692
|
+
--color-attention-dark: var(--color-yellow-dark);
|
|
693
|
+
--color-attention-wash: var(--color-yellow-wash);
|
|
694
694
|
--color-accent: var(--color-green);
|
|
695
695
|
--color-accent-wash: var(--color-green-wash);
|
|
696
696
|
--color-accent-light: var(--color-green-light);
|