@nayhoo/ui 0.6.1 → 0.8.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 +3 -3
- package/dist/avatar.css-BKo21sUI.d.mts +98 -0
- package/dist/avatar.css-BKo21sUI.d.ts +98 -0
- package/dist/badge.css-ToNvOJof.d.mts +36 -0
- package/dist/badge.css-ToNvOJof.d.ts +36 -0
- package/dist/box.css-ic5Toaj1.d.mts +7 -0
- package/dist/box.css-ic5Toaj1.d.ts +7 -0
- package/dist/button.css-CU-ScpcU.d.mts +122 -0
- package/dist/button.css-CU-ScpcU.d.ts +122 -0
- package/dist/card.css-r1QAh--W.d.mts +19 -0
- package/dist/card.css-r1QAh--W.d.ts +19 -0
- package/dist/checkbox.css-BlFMNrMD.d.mts +22 -0
- package/dist/checkbox.css-BlFMNrMD.d.ts +22 -0
- package/dist/chunk-3RLW7QB4.mjs +14 -0
- package/dist/chunk-3RLW7QB4.mjs.map +1 -0
- package/dist/chunk-4N6P3Y54.mjs +13 -0
- package/dist/chunk-4N6P3Y54.mjs.map +1 -0
- package/dist/chunk-52RVZRC4.mjs +25 -0
- package/dist/chunk-52RVZRC4.mjs.map +1 -0
- package/dist/chunk-5WQXUS72.mjs +11 -0
- package/dist/chunk-5WQXUS72.mjs.map +1 -0
- package/dist/chunk-65GTB4DD.mjs +10 -0
- package/dist/chunk-65GTB4DD.mjs.map +1 -0
- package/dist/chunk-7EGQM3ZL.mjs +9 -0
- package/dist/chunk-7EGQM3ZL.mjs.map +1 -0
- package/dist/chunk-7MD4JYZV.mjs +12 -0
- package/dist/chunk-7MD4JYZV.mjs.map +1 -0
- package/dist/chunk-A2I7UNX6.mjs +25 -0
- package/dist/chunk-A2I7UNX6.mjs.map +1 -0
- package/dist/chunk-EXKRRQYL.mjs +8 -0
- package/dist/chunk-EXKRRQYL.mjs.map +1 -0
- package/dist/chunk-FG2ZBTVM.mjs +8 -0
- package/dist/chunk-FG2ZBTVM.mjs.map +1 -0
- package/dist/chunk-ICX6SDOZ.mjs +8 -0
- package/dist/chunk-ICX6SDOZ.mjs.map +1 -0
- package/dist/chunk-IPBDMBQP.mjs +8 -0
- package/dist/chunk-IPBDMBQP.mjs.map +1 -0
- package/dist/chunk-IRWT2CO3.mjs +8 -0
- package/dist/chunk-IRWT2CO3.mjs.map +1 -0
- package/dist/chunk-JWHPBA5J.mjs +1 -0
- package/dist/chunk-JWHPBA5J.mjs.map +1 -0
- package/dist/chunk-K625HY3P.mjs +8 -0
- package/dist/chunk-K625HY3P.mjs.map +1 -0
- package/dist/chunk-KQPNQST6.mjs +8 -0
- package/dist/chunk-KQPNQST6.mjs.map +1 -0
- package/dist/chunk-LWL4262W.mjs +8 -0
- package/dist/chunk-LWL4262W.mjs.map +1 -0
- package/dist/chunk-LZOMFHX3.mjs +38 -0
- package/dist/chunk-LZOMFHX3.mjs.map +1 -0
- package/dist/chunk-M6OYH5UA.mjs +8 -0
- package/dist/chunk-M6OYH5UA.mjs.map +1 -0
- package/dist/chunk-OCXG5SMA.mjs +25 -0
- package/dist/chunk-OCXG5SMA.mjs.map +1 -0
- package/dist/chunk-OETJQIMJ.mjs +7 -0
- package/dist/chunk-OETJQIMJ.mjs.map +1 -0
- package/dist/chunk-PHULHA6N.mjs +12 -0
- package/dist/chunk-PHULHA6N.mjs.map +1 -0
- package/dist/chunk-PUW3KNR3.mjs +8 -0
- package/dist/chunk-PUW3KNR3.mjs.map +1 -0
- package/dist/chunk-RBFEMC5M.mjs +8 -0
- package/dist/chunk-RBFEMC5M.mjs.map +1 -0
- package/dist/chunk-RD6HAWH5.mjs +8 -0
- package/dist/chunk-RD6HAWH5.mjs.map +1 -0
- package/dist/chunk-S3GY7GCD.mjs +8 -0
- package/dist/chunk-S3GY7GCD.mjs.map +1 -0
- package/dist/chunk-SI36SYJ2.mjs +8 -0
- package/dist/chunk-SI36SYJ2.mjs.map +1 -0
- package/dist/chunk-SRMXCTGE.mjs +8 -0
- package/dist/chunk-SRMXCTGE.mjs.map +1 -0
- package/dist/chunk-SZB3FEBC.mjs +8 -0
- package/dist/chunk-SZB3FEBC.mjs.map +1 -0
- package/dist/chunk-WG4IO5EQ.mjs +31 -0
- package/dist/chunk-WG4IO5EQ.mjs.map +1 -0
- package/dist/chunk-X2Q6GLO5.mjs +8 -0
- package/dist/chunk-X2Q6GLO5.mjs.map +1 -0
- package/dist/chunk-XALDYHCC.mjs +25 -0
- package/dist/chunk-XALDYHCC.mjs.map +1 -0
- package/dist/chunk-YQH4Y34B.mjs +10 -0
- package/dist/chunk-YQH4Y34B.mjs.map +1 -0
- package/dist/chunk-ZJDUO7Y6.mjs +8 -0
- package/dist/chunk-ZJDUO7Y6.mjs.map +1 -0
- package/dist/component-props-CuOrXFyX.d.mts +5 -0
- package/dist/component-props-CuOrXFyX.d.ts +5 -0
- package/dist/components/avatar.css +148 -0
- package/dist/components/avatar.css.map +1 -0
- package/dist/components/avatar.d.mts +16 -0
- package/dist/components/avatar.d.ts +16 -0
- package/dist/components/avatar.js +179 -0
- package/dist/components/avatar.js.map +1 -0
- package/dist/components/avatar.mjs +111 -0
- package/dist/components/avatar.mjs.map +1 -0
- package/dist/components/badge.css +44 -0
- package/dist/components/badge.css.map +1 -0
- package/dist/components/badge.d.mts +12 -0
- package/dist/components/badge.d.ts +12 -0
- package/dist/components/badge.js +59 -0
- package/dist/components/badge.js.map +1 -0
- package/dist/components/badge.mjs +25 -0
- package/dist/components/badge.mjs.map +1 -0
- package/dist/components/box.css +5 -0
- package/dist/components/box.css.map +1 -0
- package/dist/components/box.d.mts +10 -0
- package/dist/components/box.d.ts +10 -0
- package/dist/components/box.js +59 -0
- package/dist/components/box.js.map +1 -0
- package/dist/components/box.mjs +11 -0
- package/dist/components/box.mjs.map +1 -0
- package/dist/components/button.css +174 -0
- package/dist/components/button.css.map +1 -0
- package/dist/components/button.d.mts +10 -0
- package/dist/components/button.d.ts +10 -0
- package/dist/components/button.js +85 -0
- package/dist/components/button.js.map +1 -0
- package/dist/components/button.mjs +40 -0
- package/dist/components/button.mjs.map +1 -0
- package/dist/components/card.css +18 -0
- package/dist/components/card.css.map +1 -0
- package/dist/components/card.d.mts +10 -0
- package/dist/components/card.d.ts +10 -0
- package/dist/components/card.js +59 -0
- package/dist/components/card.js.map +1 -0
- package/dist/components/card.mjs +26 -0
- package/dist/components/card.mjs.map +1 -0
- package/dist/components/checkbox.css +47 -0
- package/dist/components/checkbox.css.map +1 -0
- package/dist/components/checkbox.d.mts +9 -0
- package/dist/components/checkbox.d.ts +9 -0
- package/dist/components/checkbox.js +78 -0
- package/dist/components/checkbox.js.map +1 -0
- package/dist/components/checkbox.mjs +34 -0
- package/dist/components/checkbox.mjs.map +1 -0
- package/dist/components/container.css +22 -0
- package/dist/components/container.css.map +1 -0
- package/dist/components/container.d.mts +10 -0
- package/dist/components/container.d.ts +10 -0
- package/dist/components/container.js +59 -0
- package/dist/components/container.js.map +1 -0
- package/dist/components/container.mjs +25 -0
- package/dist/components/container.mjs.map +1 -0
- package/dist/components/dropdown-menu.css +142 -0
- package/dist/components/dropdown-menu.css.map +1 -0
- package/dist/components/dropdown-menu.d.mts +25 -0
- package/dist/components/dropdown-menu.d.ts +25 -0
- package/dist/components/dropdown-menu.js +230 -0
- package/dist/components/dropdown-menu.js.map +1 -0
- package/dist/components/dropdown-menu.mjs +155 -0
- package/dist/components/dropdown-menu.mjs.map +1 -0
- package/dist/components/flex.css +81 -0
- package/dist/components/flex.css.map +1 -0
- package/dist/components/flex.d.mts +10 -0
- package/dist/components/flex.d.ts +10 -0
- package/dist/components/flex.js +59 -0
- package/dist/components/flex.js.map +1 -0
- package/dist/components/flex.mjs +11 -0
- package/dist/components/flex.mjs.map +1 -0
- package/dist/components/form.css +19 -0
- package/dist/components/form.css.map +1 -0
- package/dist/components/form.d.mts +17 -0
- package/dist/components/form.d.ts +17 -0
- package/dist/components/form.js +113 -0
- package/dist/components/form.js.map +1 -0
- package/dist/components/form.mjs +64 -0
- package/dist/components/form.mjs.map +1 -0
- package/dist/components/grid.css +189 -0
- package/dist/components/grid.css.map +1 -0
- package/dist/components/grid.d.mts +10 -0
- package/dist/components/grid.d.ts +10 -0
- package/dist/components/grid.js +59 -0
- package/dist/components/grid.js.map +1 -0
- package/dist/components/grid.mjs +25 -0
- package/dist/components/grid.mjs.map +1 -0
- package/dist/components/heading.css +58 -0
- package/dist/components/heading.css.map +1 -0
- package/dist/components/heading.d.mts +12 -0
- package/dist/components/heading.d.ts +12 -0
- package/dist/components/heading.js +71 -0
- package/dist/components/heading.js.map +1 -0
- package/dist/components/heading.mjs +43 -0
- package/dist/components/heading.mjs.map +1 -0
- package/dist/components/icon-button.css +125 -0
- package/dist/components/icon-button.css.map +1 -0
- package/dist/components/icon-button.d.mts +10 -0
- package/dist/components/icon-button.d.ts +10 -0
- package/dist/components/icon-button.js +85 -0
- package/dist/components/icon-button.js.map +1 -0
- package/dist/components/icon-button.mjs +40 -0
- package/dist/components/icon-button.mjs.map +1 -0
- package/dist/components/label.css +65 -0
- package/dist/components/label.css.map +1 -0
- package/dist/components/label.d.mts +12 -0
- package/dist/components/label.d.ts +12 -0
- package/dist/components/label.js +83 -0
- package/dist/components/label.js.map +1 -0
- package/dist/components/label.mjs +38 -0
- package/dist/components/label.mjs.map +1 -0
- package/dist/components/link.css +40 -0
- package/dist/components/link.css.map +1 -0
- package/dist/components/link.d.mts +10 -0
- package/dist/components/link.d.ts +10 -0
- package/dist/components/link.js +59 -0
- package/dist/components/link.js.map +1 -0
- package/dist/components/link.mjs +25 -0
- package/dist/components/link.mjs.map +1 -0
- package/dist/components/menu.css +142 -0
- package/dist/components/menu.css.map +1 -0
- package/dist/components/menu.d.mts +27 -0
- package/dist/components/menu.d.ts +27 -0
- package/dist/components/menu.js +225 -0
- package/dist/components/menu.js.map +1 -0
- package/dist/components/menu.mjs +151 -0
- package/dist/components/menu.mjs.map +1 -0
- package/dist/components/panel.css +7 -0
- package/dist/components/panel.css.map +1 -0
- package/dist/components/panel.d.mts +10 -0
- package/dist/components/panel.d.ts +10 -0
- package/dist/components/panel.js +59 -0
- package/dist/components/panel.js.map +1 -0
- package/dist/components/panel.mjs +26 -0
- package/dist/components/panel.mjs.map +1 -0
- package/dist/components/paragraph.css +58 -0
- package/dist/components/paragraph.css.map +1 -0
- package/dist/components/paragraph.d.mts +13 -0
- package/dist/components/paragraph.d.ts +13 -0
- package/dist/components/paragraph.js +59 -0
- package/dist/components/paragraph.js.map +1 -0
- package/dist/components/paragraph.mjs +10 -0
- package/dist/components/paragraph.mjs.map +1 -0
- package/dist/components/select.css +179 -0
- package/dist/components/select.css.map +1 -0
- package/dist/components/select.d.mts +25 -0
- package/dist/components/select.d.ts +25 -0
- package/dist/components/select.js +5591 -0
- package/dist/components/select.js.map +1 -0
- package/dist/components/select.mjs +5540 -0
- package/dist/components/select.mjs.map +1 -0
- package/dist/components/separator.css +13 -0
- package/dist/components/separator.css.map +1 -0
- package/dist/components/separator.d.mts +9 -0
- package/dist/components/separator.d.ts +9 -0
- package/dist/components/separator.js +74 -0
- package/dist/components/separator.js.map +1 -0
- package/dist/components/separator.mjs +30 -0
- package/dist/components/separator.mjs.map +1 -0
- package/dist/components/skeleton.css +76 -0
- package/dist/components/skeleton.css.map +1 -0
- package/dist/components/skeleton.d.mts +10 -0
- package/dist/components/skeleton.d.ts +10 -0
- package/dist/components/skeleton.js +59 -0
- package/dist/components/skeleton.js.map +1 -0
- package/dist/components/skeleton.mjs +25 -0
- package/dist/components/skeleton.mjs.map +1 -0
- package/dist/components/spinner.css +51 -0
- package/dist/components/spinner.css.map +1 -0
- package/dist/components/spinner.d.mts +10 -0
- package/dist/components/spinner.d.ts +10 -0
- package/dist/components/spinner.js +59 -0
- package/dist/components/spinner.js.map +1 -0
- package/dist/components/spinner.mjs +11 -0
- package/dist/components/spinner.mjs.map +1 -0
- package/dist/components/status.css +29 -0
- package/dist/components/status.css.map +1 -0
- package/dist/components/status.d.mts +10 -0
- package/dist/components/status.d.ts +10 -0
- package/dist/components/status.js +59 -0
- package/dist/components/status.js.map +1 -0
- package/dist/components/status.mjs +11 -0
- package/dist/components/status.mjs.map +1 -0
- package/dist/components/switch.css +49 -0
- package/dist/components/switch.css.map +1 -0
- package/dist/components/switch.d.mts +11 -0
- package/dist/components/switch.d.ts +11 -0
- package/dist/components/switch.js +88 -0
- package/dist/components/switch.js.map +1 -0
- package/dist/components/switch.mjs +43 -0
- package/dist/components/switch.mjs.map +1 -0
- package/dist/components/text-field.css +95 -0
- package/dist/components/text-field.css.map +1 -0
- package/dist/components/text-field.d.mts +10 -0
- package/dist/components/text-field.d.ts +10 -0
- package/dist/components/text-field.js +59 -0
- package/dist/components/text-field.js.map +1 -0
- package/dist/components/text-field.mjs +25 -0
- package/dist/components/text-field.mjs.map +1 -0
- package/dist/components/text.css +58 -0
- package/dist/components/text.css.map +1 -0
- package/dist/components/text.d.mts +10 -0
- package/dist/components/text.d.ts +10 -0
- package/dist/components/text.js +59 -0
- package/dist/components/text.js.map +1 -0
- package/dist/components/text.mjs +25 -0
- package/dist/components/text.mjs.map +1 -0
- package/dist/components/tooltip.css +75 -0
- package/dist/components/tooltip.css.map +1 -0
- package/dist/components/tooltip.d.mts +11 -0
- package/dist/components/tooltip.d.ts +11 -0
- package/dist/components/tooltip.js +159 -0
- package/dist/components/tooltip.js.map +1 -0
- package/dist/components/tooltip.mjs +84 -0
- package/dist/components/tooltip.mjs.map +1 -0
- package/dist/container.css-DEKRVrvD.d.mts +22 -0
- package/dist/container.css-DEKRVrvD.d.ts +22 -0
- package/dist/flex.css-CMy65zXP.d.mts +93 -0
- package/dist/flex.css-CMy65zXP.d.ts +93 -0
- package/dist/form.css-DJxDoc1T.d.mts +17 -0
- package/dist/form.css-DJxDoc1T.d.ts +17 -0
- package/dist/grid.css-BvgQR1FB.d.mts +207 -0
- package/dist/grid.css-BvgQR1FB.d.ts +207 -0
- package/dist/icon-button.css-DxZdHUEt.d.mts +54 -0
- package/dist/icon-button.css-DxZdHUEt.d.ts +54 -0
- package/dist/link.css-J250gDi8.d.mts +26 -0
- package/dist/link.css-J250gDi8.d.ts +26 -0
- package/dist/menu.css-5kJKHBR_.d.mts +13 -0
- package/dist/menu.css-5kJKHBR_.d.ts +13 -0
- package/dist/panel.css-DUVSZSQ6.d.mts +7 -0
- package/dist/panel.css-DUVSZSQ6.d.ts +7 -0
- package/dist/providers/index.css +9507 -9507
- package/dist/providers/index.css.map +1 -1
- package/dist/providers/index.js +6 -6
- package/dist/providers/index.js.map +1 -1
- package/dist/providers/index.mjs +5 -2
- package/dist/providers/index.mjs.map +1 -1
- package/dist/separator.css-Hl8ZhcXR.d.mts +7 -0
- package/dist/separator.css-Hl8ZhcXR.d.ts +7 -0
- package/dist/skeleton.css-JJ3Of78e.d.mts +54 -0
- package/dist/skeleton.css-JJ3Of78e.d.ts +54 -0
- package/dist/spinner.css-DDZLGtPI.d.mts +46 -0
- package/dist/spinner.css-DDZLGtPI.d.ts +46 -0
- package/dist/status.css-D2Xhx8gm.d.mts +35 -0
- package/dist/status.css-D2Xhx8gm.d.ts +35 -0
- package/dist/switch.css-Ku46q4IP.d.mts +41 -0
- package/dist/switch.css-Ku46q4IP.d.ts +41 -0
- package/dist/text-field.css-Da2cQDwY.d.mts +75 -0
- package/dist/text-field.css-Da2cQDwY.d.ts +75 -0
- package/dist/text.css-onESqiq6.d.mts +62 -0
- package/dist/text.css-onESqiq6.d.ts +62 -0
- package/dist/theme/index.css +12615 -0
- package/dist/theme/index.css.map +1 -0
- package/dist/{index.d.mts → theme/index.d.mts} +32 -1123
- package/dist/{index.d.ts → theme/index.d.ts} +32 -1123
- package/dist/theme/index.js +229 -0
- package/dist/theme/index.js.map +1 -0
- package/dist/theme/index.mjs +142 -0
- package/dist/theme/index.mjs.map +1 -0
- package/dist/tooltip.css-kATBcXZP.d.mts +14 -0
- package/dist/tooltip.css-kATBcXZP.d.ts +14 -0
- package/dist/utils/index.d.mts +8 -0
- package/dist/utils/index.d.ts +8 -0
- package/dist/utils/index.js +46 -0
- package/dist/utils/index.js.map +1 -0
- package/dist/utils/index.mjs +12 -0
- package/dist/utils/index.mjs.map +1 -0
- package/package.json +121 -5
- package/dist/chunk-U35ES76Q.mjs +0 -15
- package/dist/chunk-U35ES76Q.mjs.map +0 -1
- package/dist/index.css +0 -12603
- package/dist/index.css.map +0 -1
- package/dist/index.js +0 -959
- package/dist/index.js.map +0 -1
- package/dist/index.mjs +0 -864
- package/dist/index.mjs.map +0 -1
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __export = (target, all) => {
|
|
7
|
+
for (var name in all)
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
+
};
|
|
10
|
+
var __copyProps = (to, from, except, desc) => {
|
|
11
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
+
for (let key of __getOwnPropNames(from))
|
|
13
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
+
}
|
|
16
|
+
return to;
|
|
17
|
+
};
|
|
18
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
+
|
|
20
|
+
// src/components/status.tsx
|
|
21
|
+
var status_exports = {};
|
|
22
|
+
__export(status_exports, {
|
|
23
|
+
Status: () => Status
|
|
24
|
+
});
|
|
25
|
+
module.exports = __toCommonJS(status_exports);
|
|
26
|
+
|
|
27
|
+
// src/theme/recipes/status.css.ts
|
|
28
|
+
var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
|
|
29
|
+
var statusRecipe = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "status_statusRecipe__1ezhizq0", variantClassNames: { size: { "1": "status_statusRecipe_size_1__1ezhizq1", "2": "status_statusRecipe_size_2__1ezhizq2" }, variant: { gray: "status_statusRecipe_variant_gray__1ezhizq3", blue: "status_statusRecipe_variant_blue__1ezhizq4", green: "status_statusRecipe_variant_green__1ezhizq5", yellow: "status_statusRecipe_variant_yellow__1ezhizq6", red: "status_statusRecipe_variant_red__1ezhizq7" } }, defaultVariants: { size: "2", variant: "gray" }, compoundVariants: [] });
|
|
30
|
+
|
|
31
|
+
// src/utils/merge-classes.ts
|
|
32
|
+
function mergeClasses(...classes) {
|
|
33
|
+
return classes.filter((cls) => Boolean(cls)).join(" ");
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
// src/utils/pick.ts
|
|
37
|
+
function pick(obj, ...keys) {
|
|
38
|
+
const ret = {};
|
|
39
|
+
keys.forEach((key) => {
|
|
40
|
+
ret[key] = obj[key];
|
|
41
|
+
});
|
|
42
|
+
return ret;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
// src/components/status.tsx
|
|
46
|
+
var import_react_slot = require("@radix-ui/react-slot");
|
|
47
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
48
|
+
var defaultElement = "div";
|
|
49
|
+
var Status = ({ asChild, ...props }) => {
|
|
50
|
+
const variants = pick(props, ...statusRecipe.variants());
|
|
51
|
+
const status = statusRecipe(variants);
|
|
52
|
+
const Comp = asChild ? import_react_slot.Slot : defaultElement;
|
|
53
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, { ...props, className: mergeClasses(status, props.className), children: props.children });
|
|
54
|
+
};
|
|
55
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
56
|
+
0 && (module.exports = {
|
|
57
|
+
Status
|
|
58
|
+
});
|
|
59
|
+
//# sourceMappingURL=status.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/components/status.tsx","../../src/theme/recipes/status.css.ts","../../src/utils/merge-classes.ts","../../src/utils/pick.ts"],"sourcesContent":["import { StatusVariants, statusRecipe } from \"@/theme/recipes/status.css\";\nimport { ComponentProps } from \"@/types/component-props\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { pick } from \"@/utils/pick\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nconst defaultElement = \"div\";\n\ntype StatusProps = ComponentProps<typeof defaultElement, StatusVariants>;\n\nexport const Status = ({ asChild, ...props }: StatusProps) => {\n const variants = pick(props, ...statusRecipe.variants());\n const status = statusRecipe(variants);\n const Comp = asChild ? Slot : defaultElement;\n\n return (\n <Comp {...props} className={mergeClasses(status, props.className)}>\n {props.children}\n </Comp>\n );\n};\n","import 'src/theme/recipes/status.css.ts.vanilla.css?source=LnN0YXR1c19zdGF0dXNSZWNpcGVfXzFlemhpenEwIHsKICBib3JkZXItcmFkaXVzOiA1MCU7CiAgZmxleC1zaHJpbms6IDA7Cn0KLnN0YXR1c19zdGF0dXNSZWNpcGVfc2l6ZV8xX18xZXpoaXpxMSB7CiAgd2lkdGg6IDVweDsKICBoZWlnaHQ6IDVweDsKfQouc3RhdHVzX3N0YXR1c1JlY2lwZV9zaXplXzJfXzFlemhpenEyIHsKICB3aWR0aDogOXB4OwogIGhlaWdodDogOXB4Owp9Ci5zdGF0dXNfc3RhdHVzUmVjaXBlX3ZhcmlhbnRfZ3JheV9fMWV6aGl6cTMgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9ycy1zbGF0ZS1zbGF0ZTdfXzE5bmJlOGQxeW8pOwp9Ci5zdGF0dXNfc3RhdHVzUmVjaXBlX3ZhcmlhbnRfYmx1ZV9fMWV6aGl6cTQgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9ycy1ibHVlLWJsdWU5X18xOW5iZThkNDIpOwp9Ci5zdGF0dXNfc3RhdHVzUmVjaXBlX3ZhcmlhbnRfZ3JlZW5fXzFlemhpenE1IHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvcnMtZ3JlZW4tZ3JlZW45X18xOW5iZThkcGUpOwp9Ci5zdGF0dXNfc3RhdHVzUmVjaXBlX3ZhcmlhbnRfeWVsbG93X18xZXpoaXpxNiB7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3JzLXllbGxvdy15ZWxsb3c5X18xOW5iZThkMmEyKTsKfQouc3RhdHVzX3N0YXR1c1JlY2lwZV92YXJpYW50X3JlZF9fMWV6aGl6cTcgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9ycy1yZWQtcmVkOV9fMTluYmU4ZDFsZSk7Cn0=';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var statusRecipe = _7a468({defaultClassName:'status_statusRecipe__1ezhizq0',variantClassNames:{size:{'1':'status_statusRecipe_size_1__1ezhizq1','2':'status_statusRecipe_size_2__1ezhizq2'},variant:{gray:'status_statusRecipe_variant_gray__1ezhizq3',blue:'status_statusRecipe_variant_blue__1ezhizq4',green:'status_statusRecipe_variant_green__1ezhizq5',yellow:'status_statusRecipe_variant_yellow__1ezhizq6',red:'status_statusRecipe_variant_red__1ezhizq7'}},defaultVariants:{size:'2',variant:'gray'},compoundVariants:[]});","export function mergeClasses(...classes: (string | undefined)[]): string {\n return classes.filter((cls): cls is string => Boolean(cls)).join(\" \");\n}\n","/**\n * https://stackoverflow.com/a/47232883\n */\nexport function pick<T, K extends keyof T>(obj: T, ...keys: K[]): Pick<T, K> {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const ret: any = {};\n keys.forEach((key) => {\n ret[key] = obj[key];\n });\n\n return ret;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,6BAA0C;AACnC,IAAI,mBAAe,uBAAAA,iBAAO,EAAC,kBAAiB,iCAAgC,mBAAkB,EAAC,MAAK,EAAC,KAAI,wCAAuC,KAAI,uCAAsC,GAAE,SAAQ,EAAC,MAAK,8CAA6C,MAAK,8CAA6C,OAAM,+CAA8C,QAAO,gDAA+C,KAAI,4CAA2C,EAAC,GAAE,iBAAgB,EAAC,MAAK,KAAI,SAAQ,OAAM,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ACFngB,SAAS,gBAAgB,SAAyC;AACvE,SAAO,QAAQ,OAAO,CAAC,QAAuB,QAAQ,GAAG,CAAC,EAAE,KAAK,GAAG;AACtE;;;ACCO,SAAS,KAA2B,QAAW,MAAuB;AAE3E,QAAM,MAAW,CAAC;AAClB,OAAK,QAAQ,CAAC,QAAQ;AACpB,QAAI,GAAG,IAAI,IAAI,GAAG;AAAA,EACpB,CAAC;AAED,SAAO;AACT;;;AHPA,wBAAqB;AAYjB;AAVJ,IAAM,iBAAiB;AAIhB,IAAM,SAAS,CAAC,EAAE,SAAS,GAAG,MAAM,MAAmB;AAC5D,QAAM,WAAW,KAAK,OAAO,GAAG,aAAa,SAAS,CAAC;AACvD,QAAM,SAAS,aAAa,QAAQ;AACpC,QAAM,OAAO,UAAU,yBAAO;AAE9B,SACE,4CAAC,QAAM,GAAG,OAAO,WAAW,aAAa,QAAQ,MAAM,SAAS,GAC7D,gBAAM,UACT;AAEJ;","names":["_7a468"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
/* vanilla-extract-css-ns:src/theme/recipes/switch.css.ts.vanilla.css?source=#H4sIAAAAAAAACp1T0W7bIBR9z1egPqXSqGy3WRNXe9ofTHuYNE3WBW4MCzYMcJ102r9Pxo3jWnG6TLaMgXvvuedwuPOtClwW/fAFubJYFKnQH/3PNCG/F4SA1jlpao/haUEIA74rnWlqQbnRxuXkGdyS9hNPvYaA/XdVFOmmZrgW6aG6jbnGCXTUgVCNPyZ2M0W3jdZDfFbWMd4ar4IydU4cagjqGbtV2iLbqUADWCpVKbUqZTg240oGy+QDeX1vnxZ/FncXOeZbwxsfmTKzp16CMG1Okvhkdj/Lbz3iZ/8B6LuAANQHCPjphkvkOxQ3P3rgGVE9VlAHxT/34NapCtzhOG5OgvFf8w149YJFOvSRRsRWiSAHGPWCnq5G+rOov8RO2rdRD6MoeAc0G0CzOdDHUTkxCzptbQr6VTYVm+h9f8a8Qnmr4ZATpg3fnbdzK1XA/3FrcFAf/Rr/t8ZVJE2Syg/b3dLrbmehb8vM7mNyq7SmXEJd4ij77SUA5o1u+uY0bkNOkljY2Lwz6mVZJi54mDuQ+xGvzeyBTKOuQb5wD85rlCZRpHcxTnZbjdllSafNiUc/v6ba9R2v+47/Avld2HFeBQAA */
|
|
2
|
+
.switch_switchRecipe__1dl6sj10 {
|
|
3
|
+
all: unset;
|
|
4
|
+
background-color: var(--colors-slate-slate5__19nbe8d1ym);
|
|
5
|
+
border-radius: var(--radii-full__19nbe8d2gn);
|
|
6
|
+
position: relative;
|
|
7
|
+
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
8
|
+
}
|
|
9
|
+
.switch_switchRecipe__1dl6sj10:focus {
|
|
10
|
+
box-shadow: 0 0 0 2px var(--colors-slate-slate8__19nbe8d1yp);
|
|
11
|
+
}
|
|
12
|
+
.switch_switchRecipe__1dl6sj10[data-state=checked] {
|
|
13
|
+
background-color: var(--semanticColors-primary-primary9__19nbe8d2cq);
|
|
14
|
+
}
|
|
15
|
+
.switch_switchRecipe_size_1__1dl6sj11 {
|
|
16
|
+
width: var(--sizes-5__19nbe8d2gb);
|
|
17
|
+
height: var(--sizes-4__19nbe8d2ga);
|
|
18
|
+
}
|
|
19
|
+
.switch_switchRecipe_size_2__1dl6sj12 {
|
|
20
|
+
width: var(--sizes-7__19nbe8d2gd);
|
|
21
|
+
height: var(--sizes-5__19nbe8d2gb);
|
|
22
|
+
}
|
|
23
|
+
.switch_switchThumbRecipe__1dl6sj13 {
|
|
24
|
+
all: unset;
|
|
25
|
+
display: block;
|
|
26
|
+
background-color: white;
|
|
27
|
+
border-radius: var(--radii-full__19nbe8d2gn);
|
|
28
|
+
transition: transform 100ms;
|
|
29
|
+
transform: translateX(2px);
|
|
30
|
+
will-change: transform;
|
|
31
|
+
position: absolute;
|
|
32
|
+
left: 0;
|
|
33
|
+
top: 2px;
|
|
34
|
+
}
|
|
35
|
+
.switch_switchThumbRecipe_size_1__1dl6sj14 {
|
|
36
|
+
width: var(--sizes-3__19nbe8d2g9);
|
|
37
|
+
height: var(--sizes-3__19nbe8d2g9);
|
|
38
|
+
}
|
|
39
|
+
.switch_switchThumbRecipe_size_1__1dl6sj14[data-state=checked] {
|
|
40
|
+
transform: translateX(10px);
|
|
41
|
+
}
|
|
42
|
+
.switch_switchThumbRecipe_size_2__1dl6sj15 {
|
|
43
|
+
width: 20px;
|
|
44
|
+
height: 20px;
|
|
45
|
+
}
|
|
46
|
+
.switch_switchThumbRecipe_size_2__1dl6sj15[data-state=checked] {
|
|
47
|
+
transform: translateX(18px);
|
|
48
|
+
}
|
|
49
|
+
/*# sourceMappingURL=switch.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/theme/recipes/switch.css.ts.vanilla.css?source=#H4sIAAAAAAAACp1T0W7bIBR9z1egPqXSqGy3WRNXe9ofTHuYNE3WBW4MCzYMcJ102r9Pxo3jWnG6TLaMgXvvuedwuPOtClwW/fAFubJYFKnQH/3PNCG/F4SA1jlpao/haUEIA74rnWlqQbnRxuXkGdyS9hNPvYaA/XdVFOmmZrgW6aG6jbnGCXTUgVCNPyZ2M0W3jdZDfFbWMd4ar4IydU4cagjqGbtV2iLbqUADWCpVKbUqZTg240oGy+QDeX1vnxZ/FncXOeZbwxsfmTKzp16CMG1Okvhkdj/Lbz3iZ/8B6LuAANQHCPjphkvkOxQ3P3rgGVE9VlAHxT/34NapCtzhOG5OgvFf8w149YJFOvSRRsRWiSAHGPWCnq5G+rOov8RO2rdRD6MoeAc0G0CzOdDHUTkxCzptbQr6VTYVm+h9f8a8Qnmr4ZATpg3fnbdzK1XA/3FrcFAf/Rr/t8ZVJE2Syg/b3dLrbmehb8vM7mNyq7SmXEJd4ij77SUA5o1u+uY0bkNOkljY2Lwz6mVZJi54mDuQ+xGvzeyBTKOuQb5wD85rlCZRpHcxTnZbjdllSafNiUc/v6ba9R2v+47/Avld2HFeBQAA"],"sourcesContent":[".switch_switchRecipe__1dl6sj10 {\n all: unset;\n background-color: var(--colors-slate-slate5__19nbe8d1ym);\n border-radius: var(--radii-full__19nbe8d2gn);\n position: relative;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.switch_switchRecipe__1dl6sj10:focus {\n box-shadow: 0 0 0 2px var(--colors-slate-slate8__19nbe8d1yp);\n}\n.switch_switchRecipe__1dl6sj10[data-state=\"checked\"] {\n background-color: var(--semanticColors-primary-primary9__19nbe8d2cq);\n}\n.switch_switchRecipe_size_1__1dl6sj11 {\n width: var(--sizes-5__19nbe8d2gb);\n height: var(--sizes-4__19nbe8d2ga);\n}\n.switch_switchRecipe_size_2__1dl6sj12 {\n width: var(--sizes-7__19nbe8d2gd);\n height: var(--sizes-5__19nbe8d2gb);\n}\n.switch_switchThumbRecipe__1dl6sj13 {\n all: unset;\n display: block;\n background-color: white;\n border-radius: var(--radii-full__19nbe8d2gn);\n transition: transform 100ms;\n transform: translateX(2px);\n will-change: transform;\n position: absolute;\n left: 0;\n top: 2px;\n}\n.switch_switchThumbRecipe_size_1__1dl6sj14 {\n width: var(--sizes-3__19nbe8d2g9);\n height: var(--sizes-3__19nbe8d2g9);\n}\n.switch_switchThumbRecipe_size_1__1dl6sj14[data-state=\"checked\"] {\n transform: translateX(10px);\n}\n.switch_switchThumbRecipe_size_2__1dl6sj15 {\n width: 20px;\n height: 20px;\n}\n.switch_switchThumbRecipe_size_2__1dl6sj15[data-state=\"checked\"] {\n transform: translateX(18px);\n}"],"mappings":";AAAA,CAAC;AACC,OAAK;AACL,oBAAkB,IAAI;AACtB,iBAAe,IAAI;AACnB,YAAU;AACV,+BAA6B,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAC7C;AACA,CAPC,6BAO6B;AAC5B,cAAY,EAAE,EAAE,EAAE,IAAI,IAAI;AAC5B;AACA,CAVC,6BAU6B,CAAC;AAC7B,oBAAkB,IAAI;AACxB;AACA,CAAC;AACC,SAAO,IAAI;AACX,UAAQ,IAAI;AACd;AACA,CAAC;AACC,SAAO,IAAI;AACX,UAAQ,IAAI;AACd;AACA,CAAC;AACC,OAAK;AACL,WAAS;AACT,oBAAkB;AAClB,iBAAe,IAAI;AACnB,cAAY,UAAU;AACtB,aAAW,WAAW;AACtB,eAAa;AACb,YAAU;AACV,QAAM;AACN,OAAK;AACP;AACA,CAAC;AACC,SAAO,IAAI;AACX,UAAQ,IAAI;AACd;AACA,CAJC,yCAIyC,CAAC;AACzC,aAAW,WAAW;AACxB;AACA,CAAC;AACC,SAAO;AACP,UAAQ;AACV;AACA,CAJC,yCAIyC,CAAC;AACzC,aAAW,WAAW;AACxB;","names":[]}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { S as SwitchThumbVariants, a as SwitchVariants } from '../switch.css-Ku46q4IP.mjs';
|
|
3
|
+
import * as SwitchPrimitive from '@radix-ui/react-switch';
|
|
4
|
+
import '@vanilla-extract/recipes';
|
|
5
|
+
|
|
6
|
+
type SwitchThumbProps = SwitchPrimitive.SwitchThumbProps & SwitchThumbVariants;
|
|
7
|
+
declare const SwitchThumb: ({ ...props }: SwitchThumbProps) => react_jsx_runtime.JSX.Element;
|
|
8
|
+
type SwitchProps = SwitchPrimitive.SwitchProps & SwitchVariants;
|
|
9
|
+
declare const Switch: ({ ...props }: SwitchProps) => react_jsx_runtime.JSX.Element;
|
|
10
|
+
|
|
11
|
+
export { Switch, SwitchThumb };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { S as SwitchThumbVariants, a as SwitchVariants } from '../switch.css-Ku46q4IP.js';
|
|
3
|
+
import * as SwitchPrimitive from '@radix-ui/react-switch';
|
|
4
|
+
import '@vanilla-extract/recipes';
|
|
5
|
+
|
|
6
|
+
type SwitchThumbProps = SwitchPrimitive.SwitchThumbProps & SwitchThumbVariants;
|
|
7
|
+
declare const SwitchThumb: ({ ...props }: SwitchThumbProps) => react_jsx_runtime.JSX.Element;
|
|
8
|
+
type SwitchProps = SwitchPrimitive.SwitchProps & SwitchVariants;
|
|
9
|
+
declare const Switch: ({ ...props }: SwitchProps) => react_jsx_runtime.JSX.Element;
|
|
10
|
+
|
|
11
|
+
export { Switch, SwitchThumb };
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __export = (target, all) => {
|
|
9
|
+
for (var name in all)
|
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
+
};
|
|
12
|
+
var __copyProps = (to, from, except, desc) => {
|
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(from))
|
|
15
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
+
mod
|
|
27
|
+
));
|
|
28
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
+
|
|
30
|
+
// src/components/switch.tsx
|
|
31
|
+
var switch_exports = {};
|
|
32
|
+
__export(switch_exports, {
|
|
33
|
+
Switch: () => Switch,
|
|
34
|
+
SwitchThumb: () => SwitchThumb
|
|
35
|
+
});
|
|
36
|
+
module.exports = __toCommonJS(switch_exports);
|
|
37
|
+
|
|
38
|
+
// src/theme/recipes/switch.css.ts
|
|
39
|
+
var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
|
|
40
|
+
var switchRecipe = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "switch_switchRecipe__1dl6sj10", variantClassNames: { size: { "1": "switch_switchRecipe_size_1__1dl6sj11", "2": "switch_switchRecipe_size_2__1dl6sj12" } }, defaultVariants: { size: "1" }, compoundVariants: [] });
|
|
41
|
+
var switchThumbRecipe = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "switch_switchThumbRecipe__1dl6sj13", variantClassNames: { size: { "1": "switch_switchThumbRecipe_size_1__1dl6sj14", "2": "switch_switchThumbRecipe_size_2__1dl6sj15" } }, defaultVariants: { size: "1" }, compoundVariants: [] });
|
|
42
|
+
|
|
43
|
+
// src/utils/merge-classes.ts
|
|
44
|
+
function mergeClasses(...classes) {
|
|
45
|
+
return classes.filter((cls) => Boolean(cls)).join(" ");
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
// src/utils/pick.ts
|
|
49
|
+
function pick(obj, ...keys) {
|
|
50
|
+
const ret = {};
|
|
51
|
+
keys.forEach((key) => {
|
|
52
|
+
ret[key] = obj[key];
|
|
53
|
+
});
|
|
54
|
+
return ret;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
// src/components/switch.tsx
|
|
58
|
+
var SwitchPrimitive = __toESM(require("@radix-ui/react-switch"));
|
|
59
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
60
|
+
var SwitchThumb = ({ ...props }) => {
|
|
61
|
+
const variants = pick(props, ...switchThumbRecipe.variants());
|
|
62
|
+
const switchThumb = switchThumbRecipe(variants);
|
|
63
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
64
|
+
SwitchPrimitive.Thumb,
|
|
65
|
+
{
|
|
66
|
+
...props,
|
|
67
|
+
className: mergeClasses(switchThumb, props.className)
|
|
68
|
+
}
|
|
69
|
+
);
|
|
70
|
+
};
|
|
71
|
+
var Switch = ({ ...props }) => {
|
|
72
|
+
const variants = pick(props, ...switchRecipe.variants());
|
|
73
|
+
const _switch = switchRecipe(variants);
|
|
74
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
75
|
+
SwitchPrimitive.Root,
|
|
76
|
+
{
|
|
77
|
+
...props,
|
|
78
|
+
className: mergeClasses(_switch, props.className),
|
|
79
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchThumb, { size: variants.size })
|
|
80
|
+
}
|
|
81
|
+
);
|
|
82
|
+
};
|
|
83
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
84
|
+
0 && (module.exports = {
|
|
85
|
+
Switch,
|
|
86
|
+
SwitchThumb
|
|
87
|
+
});
|
|
88
|
+
//# sourceMappingURL=switch.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/components/switch.tsx","../../src/theme/recipes/switch.css.ts","../../src/utils/merge-classes.ts","../../src/utils/pick.ts"],"sourcesContent":["import {\n switchRecipe,\n switchThumbRecipe,\n SwitchThumbVariants,\n SwitchVariants,\n} from \"@/theme/recipes/switch.css\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { pick } from \"@/utils/pick\";\nimport * as SwitchPrimitive from \"@radix-ui/react-switch\";\n\ntype SwitchThumbProps = SwitchPrimitive.SwitchThumbProps & SwitchThumbVariants;\n\nexport const SwitchThumb = ({ ...props }: SwitchThumbProps) => {\n const variants = pick(props, ...switchThumbRecipe.variants());\n const switchThumb = switchThumbRecipe(variants);\n\n return (\n <SwitchPrimitive.Thumb\n {...props}\n className={mergeClasses(switchThumb, props.className)}\n />\n );\n};\n\ntype SwitchProps = SwitchPrimitive.SwitchProps & SwitchVariants;\n\nexport const Switch = ({ ...props }: SwitchProps) => {\n const variants = pick(props, ...switchRecipe.variants());\n const _switch = switchRecipe(variants); // 'switch' is not allowed as a variable declaration name.ts(1389)\n\n return (\n <SwitchPrimitive.Root\n {...props}\n className={mergeClasses(_switch, props.className)}\n >\n <SwitchThumb size={variants.size} />\n </SwitchPrimitive.Root>\n );\n};\n","import 'src/theme/recipes/switch.css.ts.vanilla.css?source=#H4sIAAAAAAAACp1T0W7bIBR9z1egPqXSqGy3WRNXe9ofTHuYNE3WBW4MCzYMcJ102r9Pxo3jWnG6TLaMgXvvuedwuPOtClwW/fAFubJYFKnQH/3PNCG/F4SA1jlpao/haUEIA74rnWlqQbnRxuXkGdyS9hNPvYaA/XdVFOmmZrgW6aG6jbnGCXTUgVCNPyZ2M0W3jdZDfFbWMd4ar4IydU4cagjqGbtV2iLbqUADWCpVKbUqZTg240oGy+QDeX1vnxZ/FncXOeZbwxsfmTKzp16CMG1Okvhkdj/Lbz3iZ/8B6LuAANQHCPjphkvkOxQ3P3rgGVE9VlAHxT/34NapCtzhOG5OgvFf8w149YJFOvSRRsRWiSAHGPWCnq5G+rOov8RO2rdRD6MoeAc0G0CzOdDHUTkxCzptbQr6VTYVm+h9f8a8Qnmr4ZATpg3fnbdzK1XA/3FrcFAf/Rr/t8ZVJE2Syg/b3dLrbmehb8vM7mNyq7SmXEJd4ij77SUA5o1u+uY0bkNOkljY2Lwz6mVZJi54mDuQ+xGvzeyBTKOuQb5wD85rlCZRpHcxTnZbjdllSafNiUc/v6ba9R2v+47/Avld2HFeBQAA';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var switchRecipe = _7a468({defaultClassName:'switch_switchRecipe__1dl6sj10',variantClassNames:{size:{'1':'switch_switchRecipe_size_1__1dl6sj11','2':'switch_switchRecipe_size_2__1dl6sj12'}},defaultVariants:{size:'1'},compoundVariants:[]});\nexport var switchThumbRecipe = _7a468({defaultClassName:'switch_switchThumbRecipe__1dl6sj13',variantClassNames:{size:{'1':'switch_switchThumbRecipe_size_1__1dl6sj14','2':'switch_switchThumbRecipe_size_2__1dl6sj15'}},defaultVariants:{size:'1'},compoundVariants:[]});","export function mergeClasses(...classes: (string | undefined)[]): string {\n return classes.filter((cls): cls is string => Boolean(cls)).join(\" \");\n}\n","/**\n * https://stackoverflow.com/a/47232883\n */\nexport function pick<T, K extends keyof T>(obj: T, ...keys: K[]): Pick<T, K> {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const ret: any = {};\n keys.forEach((key) => {\n ret[key] = obj[key];\n });\n\n return ret;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,6BAA0C;AACnC,IAAI,mBAAe,uBAAAA,iBAAO,EAAC,kBAAiB,iCAAgC,mBAAkB,EAAC,MAAK,EAAC,KAAI,wCAAuC,KAAI,uCAAsC,EAAC,GAAE,iBAAgB,EAAC,MAAK,IAAG,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC5O,IAAI,wBAAoB,uBAAAA,iBAAO,EAAC,kBAAiB,sCAAqC,mBAAkB,EAAC,MAAK,EAAC,KAAI,6CAA4C,KAAI,4CAA2C,EAAC,GAAE,iBAAgB,EAAC,MAAK,IAAG,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ACHhQ,SAAS,gBAAgB,SAAyC;AACvE,SAAO,QAAQ,OAAO,CAAC,QAAuB,QAAQ,GAAG,CAAC,EAAE,KAAK,GAAG;AACtE;;;ACCO,SAAS,KAA2B,QAAW,MAAuB;AAE3E,QAAM,MAAW,CAAC;AAClB,OAAK,QAAQ,CAAC,QAAQ;AACpB,QAAI,GAAG,IAAI,IAAI,GAAG;AAAA,EACpB,CAAC;AAED,SAAO;AACT;;;AHHA,sBAAiC;AAS7B;AALG,IAAM,cAAc,CAAC,EAAE,GAAG,MAAM,MAAwB;AAC7D,QAAM,WAAW,KAAK,OAAO,GAAG,kBAAkB,SAAS,CAAC;AAC5D,QAAM,cAAc,kBAAkB,QAAQ;AAE9C,SACE;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,aAAa,MAAM,SAAS;AAAA;AAAA,EACtD;AAEJ;AAIO,IAAM,SAAS,CAAC,EAAE,GAAG,MAAM,MAAmB;AACnD,QAAM,WAAW,KAAK,OAAO,GAAG,aAAa,SAAS,CAAC;AACvD,QAAM,UAAU,aAAa,QAAQ;AAErC,SACE;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,SAAS,MAAM,SAAS;AAAA,MAEhD,sDAAC,eAAY,MAAM,SAAS,MAAM;AAAA;AAAA,EACpC;AAEJ;","names":["_7a468"]}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import {
|
|
2
|
+
switchRecipe,
|
|
3
|
+
switchThumbRecipe
|
|
4
|
+
} from "../chunk-65GTB4DD.mjs";
|
|
5
|
+
import {
|
|
6
|
+
pick
|
|
7
|
+
} from "../chunk-4N6P3Y54.mjs";
|
|
8
|
+
import {
|
|
9
|
+
mergeClasses
|
|
10
|
+
} from "../chunk-7EGQM3ZL.mjs";
|
|
11
|
+
import "../chunk-LZOMFHX3.mjs";
|
|
12
|
+
|
|
13
|
+
// src/components/switch.tsx
|
|
14
|
+
import * as SwitchPrimitive from "@radix-ui/react-switch";
|
|
15
|
+
import { jsx } from "react/jsx-runtime";
|
|
16
|
+
var SwitchThumb = ({ ...props }) => {
|
|
17
|
+
const variants = pick(props, ...switchThumbRecipe.variants());
|
|
18
|
+
const switchThumb = switchThumbRecipe(variants);
|
|
19
|
+
return /* @__PURE__ */ jsx(
|
|
20
|
+
SwitchPrimitive.Thumb,
|
|
21
|
+
{
|
|
22
|
+
...props,
|
|
23
|
+
className: mergeClasses(switchThumb, props.className)
|
|
24
|
+
}
|
|
25
|
+
);
|
|
26
|
+
};
|
|
27
|
+
var Switch = ({ ...props }) => {
|
|
28
|
+
const variants = pick(props, ...switchRecipe.variants());
|
|
29
|
+
const _switch = switchRecipe(variants);
|
|
30
|
+
return /* @__PURE__ */ jsx(
|
|
31
|
+
SwitchPrimitive.Root,
|
|
32
|
+
{
|
|
33
|
+
...props,
|
|
34
|
+
className: mergeClasses(_switch, props.className),
|
|
35
|
+
children: /* @__PURE__ */ jsx(SwitchThumb, { size: variants.size })
|
|
36
|
+
}
|
|
37
|
+
);
|
|
38
|
+
};
|
|
39
|
+
export {
|
|
40
|
+
Switch,
|
|
41
|
+
SwitchThumb
|
|
42
|
+
};
|
|
43
|
+
//# sourceMappingURL=switch.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/components/switch.tsx"],"sourcesContent":["import {\n switchRecipe,\n switchThumbRecipe,\n SwitchThumbVariants,\n SwitchVariants,\n} from \"@/theme/recipes/switch.css\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { pick } from \"@/utils/pick\";\nimport * as SwitchPrimitive from \"@radix-ui/react-switch\";\n\ntype SwitchThumbProps = SwitchPrimitive.SwitchThumbProps & SwitchThumbVariants;\n\nexport const SwitchThumb = ({ ...props }: SwitchThumbProps) => {\n const variants = pick(props, ...switchThumbRecipe.variants());\n const switchThumb = switchThumbRecipe(variants);\n\n return (\n <SwitchPrimitive.Thumb\n {...props}\n className={mergeClasses(switchThumb, props.className)}\n />\n );\n};\n\ntype SwitchProps = SwitchPrimitive.SwitchProps & SwitchVariants;\n\nexport const Switch = ({ ...props }: SwitchProps) => {\n const variants = pick(props, ...switchRecipe.variants());\n const _switch = switchRecipe(variants); // 'switch' is not allowed as a variable declaration name.ts(1389)\n\n return (\n <SwitchPrimitive.Root\n {...props}\n className={mergeClasses(_switch, props.className)}\n >\n <SwitchThumb size={variants.size} />\n </SwitchPrimitive.Root>\n );\n};\n"],"mappings":";;;;;;;;;;;;;AAQA,YAAY,qBAAqB;AAS7B;AALG,IAAM,cAAc,CAAC,EAAE,GAAG,MAAM,MAAwB;AAC7D,QAAM,WAAW,KAAK,OAAO,GAAG,kBAAkB,SAAS,CAAC;AAC5D,QAAM,cAAc,kBAAkB,QAAQ;AAE9C,SACE;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,aAAa,MAAM,SAAS;AAAA;AAAA,EACtD;AAEJ;AAIO,IAAM,SAAS,CAAC,EAAE,GAAG,MAAM,MAAmB;AACnD,QAAM,WAAW,KAAK,OAAO,GAAG,aAAa,SAAS,CAAC;AACvD,QAAM,UAAU,aAAa,QAAQ;AAErC,SACE;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,SAAS,MAAM,SAAS;AAAA,MAEhD,8BAAC,eAAY,MAAM,SAAS,MAAM;AAAA;AAAA,EACpC;AAEJ;","names":[]}
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
/* vanilla-extract-css-ns:src/theme/recipes/text-field.css.ts.vanilla.css?source=#H4sIAAAAAAAACrVW247TMBB971cEIaSthFdpy96yTwgJ7SOCR4SiSTxJzLp2ZDttt4h/R3biXNhtk9KlUdN0PD5nfGY88aXBnSEZQ05j+/jZPn3FlJUYxyws6BbC4NcsCKAsERSIFKNASIH3syBIpKKoyJZRU0RBWJt2RLM9E3nkhxO5syOZFIZksGb8KQqYKFAxY+1rUDkTzXRZGc5Ej6IESh2YG26YFmH4zv4lW0wemSEGSlKwvOAsLwxJJZcqClSewEX43l1zFxqkj7mSlaDexSgQugSFwkXSWHuxuZg3oBgIQ0S1RsXSKDCQVByUNej72e/Z5QQNo0JuUDkln8exAXVBiMY1CMPST9aoSS+4Bzs3jhd3IsFbusyy+WTaCDLjeQ+kZipSgplU+BpQlGlIONKjcqS1DJqDwfq+bCVYPP2ct9VWAJVbmzaNJgjdtSh3L6B8bH5uOpx9XRojxLc94rKeUCltZwhpCHAut0hdtUomDCqCGxRG+yqeqEom00o7SdpdYNehJWc0eBu6z2QwhUCJFPzpTI2n0X2nYIAwsQHO6I+uRIapKXftt0vQX1WPSklV3++6isfliaGUHFIsJKeo6nCO7jTcmS/dhN5Go6O0mu0xXnj2RbN0tyMUUFZpz2n/MbLowPPcVVKBtmm1kbE9anLV80rmbSOyg97RGr455w7ybt7rmIRj1sGWkCLp5XbgqQYRvOhqy5FMCfUktSLfwKEyMmOcR1HGlDbE0jkpJ697Au/S8y7HsrTsLaoY03/VOieHpLKmB2fR5LpXXtXBCuh55elIWrsAlmNpHbqepNlZuRpqNIF35XlXr5qrD61zerysb3qo9GCWnnsdzlJHvRrL0tD1JLXOytJQneO8rkPHRlVt5/3wX9p+8IatS6kM2CPa8ZDqd3JMMYOKGx/WVd3+m/d1M/iPUL1XtAe0MyeiWbOHuj4ZpDmFxs3ZwAPdnKN6DdS2IxzNug8iL6Ru13L7LITm2PMHTESFrlwMAAA= */
|
|
2
|
+
.text-field_textFieldRecipe__i0hdwa0 {
|
|
3
|
+
appearance: none;
|
|
4
|
+
border-width: 0;
|
|
5
|
+
box-sizing: border-box;
|
|
6
|
+
font-family: inherit;
|
|
7
|
+
margin: 0;
|
|
8
|
+
outline: none;
|
|
9
|
+
padding: 0;
|
|
10
|
+
width: 100%;
|
|
11
|
+
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
12
|
+
background-color: transparent;
|
|
13
|
+
color: inherit;
|
|
14
|
+
font-variant-numeric: tabular-nums;
|
|
15
|
+
}
|
|
16
|
+
.text-field_textFieldRecipe__i0hdwa0:hover {
|
|
17
|
+
background-color: var(--semanticColors-transparentHover__19nbe8d2ff);
|
|
18
|
+
}
|
|
19
|
+
.text-field_textFieldRecipe__i0hdwa0::after {
|
|
20
|
+
box-sizing: border-box;
|
|
21
|
+
}
|
|
22
|
+
.text-field_textFieldRecipe__i0hdwa0::before {
|
|
23
|
+
box-sizing: border-box;
|
|
24
|
+
}
|
|
25
|
+
.text-field_textFieldRecipe__i0hdwa0:disabled {
|
|
26
|
+
background-color: var(--colors-slate-slate2__19nbe8d1yj);
|
|
27
|
+
box-shadow: inset 0 0 0 1px var(--colors-slateA-slateA7__19nbe8d1z0);
|
|
28
|
+
color: var(--colors-slate-slate8__19nbe8d1yp);
|
|
29
|
+
cursor: not-allowed;
|
|
30
|
+
pointer-events: none;
|
|
31
|
+
}
|
|
32
|
+
.text-field_textFieldRecipe__i0hdwa0:focus {
|
|
33
|
+
outline: 1px solid #000000;
|
|
34
|
+
}
|
|
35
|
+
.text-field_textFieldRecipe__i0hdwa0:read-only {
|
|
36
|
+
background-color: var(--colors-slate-slate2__19nbe8d1yj);
|
|
37
|
+
}
|
|
38
|
+
.text-field_textFieldRecipe__i0hdwa0[data-invalid] {
|
|
39
|
+
box-shadow: inset 0px 0px 0px 1px var(--semanticColors-error-error9__19nbe8d2e2);
|
|
40
|
+
}
|
|
41
|
+
.text-field_textFieldRecipe__i0hdwa0[data-placeholder] {
|
|
42
|
+
color: var(--semanticColors-textPlaceholder__19nbe8d2fd);
|
|
43
|
+
}
|
|
44
|
+
.text-field_textFieldRecipe_size_1__i0hdwa1 {
|
|
45
|
+
border-radius: var(--radii-1__19nbe8d2gg);
|
|
46
|
+
height: var(--sizes-5__19nbe8d2gb);
|
|
47
|
+
font-size: var(--fontSizes-1__19nbe8d9);
|
|
48
|
+
padding-left: var(--space-2__19nbe8d1);
|
|
49
|
+
padding-right: var(--space-2__19nbe8d1);
|
|
50
|
+
line-height: var(--sizes-5__19nbe8d2gb);
|
|
51
|
+
}
|
|
52
|
+
.text-field_textFieldRecipe_size_1__i0hdwa1:-webkit-autofill::first-line {
|
|
53
|
+
font-size: var(--fontSizes-1__19nbe8d9);
|
|
54
|
+
}
|
|
55
|
+
.text-field_textFieldRecipe_size_2__i0hdwa2 {
|
|
56
|
+
border-radius: var(--radii-2__19nbe8d2gh);
|
|
57
|
+
font-size: var(--fontSizes-3__19nbe8db);
|
|
58
|
+
line-height: var(--lineHeights-6__19nbe8d2fu);
|
|
59
|
+
height: var(--sizes-6__19nbe8d2gc);
|
|
60
|
+
padding-left: var(--space-3__19nbe8d2);
|
|
61
|
+
padding-right: var(--space-3__19nbe8d2);
|
|
62
|
+
}
|
|
63
|
+
.text-field_textFieldRecipe_size_2__i0hdwa2:-webkit-autofill::first-line {
|
|
64
|
+
font-size: var(--fontSizes-3__19nbe8db);
|
|
65
|
+
}
|
|
66
|
+
.text-field_textFieldRecipe_size_3__i0hdwa3 {
|
|
67
|
+
border-radius: var(--radii-2__19nbe8d2gh);
|
|
68
|
+
font-size: var(--fontSizes-4__19nbe8dc);
|
|
69
|
+
line-height: var(--sizes-7__19nbe8d2gd);
|
|
70
|
+
height: var(--sizes-7__19nbe8d2gd);
|
|
71
|
+
padding-left: var(--space-4__19nbe8d3);
|
|
72
|
+
padding-right: var(--space-4__19nbe8d3);
|
|
73
|
+
}
|
|
74
|
+
.text-field_textFieldRecipe_size_3__i0hdwa3:-webkit-autofill::first-line {
|
|
75
|
+
font-size: var(--fontSizes-4__19nbe8dc);
|
|
76
|
+
}
|
|
77
|
+
.text-field_textFieldRecipe_error_true__i0hdwa4 {
|
|
78
|
+
box-shadow: inset 0px 0px 0px 1px var(--semanticColors-error-error9__19nbe8d2e2) !important;
|
|
79
|
+
}
|
|
80
|
+
.text-field_textFieldRecipe_cursor_default__i0hdwa5 {
|
|
81
|
+
cursor: default;
|
|
82
|
+
}
|
|
83
|
+
.text-field_textFieldRecipe_cursor_default__i0hdwa5:focus {
|
|
84
|
+
cursor: text;
|
|
85
|
+
}
|
|
86
|
+
.text-field_textFieldRecipe_cursor_text__i0hdwa6 {
|
|
87
|
+
cursor: text;
|
|
88
|
+
}
|
|
89
|
+
.text-field_textFieldRecipe_variant_outline__i0hdwa7 {
|
|
90
|
+
box-shadow: inset 0px 0px 0px 1px var(--semanticColors-line__19nbe8d2fe);
|
|
91
|
+
}
|
|
92
|
+
.text-field_textFieldRecipe_variant_ghost__i0hdwa8 {
|
|
93
|
+
box-shadow: none;
|
|
94
|
+
}
|
|
95
|
+
/*# sourceMappingURL=text-field.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/theme/recipes/text-field.css.ts.vanilla.css?source=#H4sIAAAAAAAACrVW247TMBB971cEIaSthFdpy96yTwgJ7SOCR4SiSTxJzLp2ZDttt4h/R3biXNhtk9KlUdN0PD5nfGY88aXBnSEZQ05j+/jZPn3FlJUYxyws6BbC4NcsCKAsERSIFKNASIH3syBIpKKoyJZRU0RBWJt2RLM9E3nkhxO5syOZFIZksGb8KQqYKFAxY+1rUDkTzXRZGc5Ej6IESh2YG26YFmH4zv4lW0wemSEGSlKwvOAsLwxJJZcqClSewEX43l1zFxqkj7mSlaDexSgQugSFwkXSWHuxuZg3oBgIQ0S1RsXSKDCQVByUNej72e/Z5QQNo0JuUDkln8exAXVBiMY1CMPST9aoSS+4Bzs3jhd3IsFbusyy+WTaCDLjeQ+kZipSgplU+BpQlGlIONKjcqS1DJqDwfq+bCVYPP2ct9VWAJVbmzaNJgjdtSh3L6B8bH5uOpx9XRojxLc94rKeUCltZwhpCHAut0hdtUomDCqCGxRG+yqeqEom00o7SdpdYNehJWc0eBu6z2QwhUCJFPzpTI2n0X2nYIAwsQHO6I+uRIapKXftt0vQX1WPSklV3++6isfliaGUHFIsJKeo6nCO7jTcmS/dhN5Go6O0mu0xXnj2RbN0tyMUUFZpz2n/MbLowPPcVVKBtmm1kbE9anLV80rmbSOyg97RGr455w7ybt7rmIRj1sGWkCLp5XbgqQYRvOhqy5FMCfUktSLfwKEyMmOcR1HGlDbE0jkpJ697Au/S8y7HsrTsLaoY03/VOieHpLKmB2fR5LpXXtXBCuh55elIWrsAlmNpHbqepNlZuRpqNIF35XlXr5qrD61zerysb3qo9GCWnnsdzlJHvRrL0tD1JLXOytJQneO8rkPHRlVt5/3wX9p+8IatS6kM2CPa8ZDqd3JMMYOKGx/WVd3+m/d1M/iPUL1XtAe0MyeiWbOHuj4ZpDmFxs3ZwAPdnKN6DdS2IxzNug8iL6Ru13L7LITm2PMHTESFrlwMAAA="],"sourcesContent":[".text-field_textFieldRecipe__i0hdwa0 {\n appearance: none;\n border-width: 0;\n box-sizing: border-box;\n font-family: inherit;\n margin: 0;\n outline: none;\n padding: 0;\n width: 100%;\n -webkit-tap-highlight-color: rgba(0,0,0,0);\n background-color: transparent;\n color: inherit;\n font-variant-numeric: tabular-nums;\n}\n.text-field_textFieldRecipe__i0hdwa0:hover {\n background-color: var(--semanticColors-transparentHover__19nbe8d2ff);\n}\n.text-field_textFieldRecipe__i0hdwa0::after {\n box-sizing: border-box;\n}\n.text-field_textFieldRecipe__i0hdwa0::before {\n box-sizing: border-box;\n}\n.text-field_textFieldRecipe__i0hdwa0:disabled {\n background-color: var(--colors-slate-slate2__19nbe8d1yj);\n box-shadow: inset 0 0 0 1px var(--colors-slateA-slateA7__19nbe8d1z0);\n color: var(--colors-slate-slate8__19nbe8d1yp);\n cursor: not-allowed;\n pointer-events: none;\n}\n.text-field_textFieldRecipe__i0hdwa0:focus {\n outline: 1px solid #000000;\n}\n.text-field_textFieldRecipe__i0hdwa0:read-only {\n background-color: var(--colors-slate-slate2__19nbe8d1yj);\n}\n.text-field_textFieldRecipe__i0hdwa0[data-invalid] {\n box-shadow: inset 0px 0px 0px 1px var(--semanticColors-error-error9__19nbe8d2e2);\n}\n.text-field_textFieldRecipe__i0hdwa0[data-placeholder] {\n color: var(--semanticColors-textPlaceholder__19nbe8d2fd);\n}\n.text-field_textFieldRecipe_size_1__i0hdwa1 {\n border-radius: var(--radii-1__19nbe8d2gg);\n height: var(--sizes-5__19nbe8d2gb);\n font-size: var(--fontSizes-1__19nbe8d9);\n padding-left: var(--space-2__19nbe8d1);\n padding-right: var(--space-2__19nbe8d1);\n line-height: var(--sizes-5__19nbe8d2gb);\n}\n.text-field_textFieldRecipe_size_1__i0hdwa1:-webkit-autofill::first-line {\n font-size: var(--fontSizes-1__19nbe8d9);\n}\n.text-field_textFieldRecipe_size_2__i0hdwa2 {\n border-radius: var(--radii-2__19nbe8d2gh);\n font-size: var(--fontSizes-3__19nbe8db);\n line-height: var(--lineHeights-6__19nbe8d2fu);\n height: var(--sizes-6__19nbe8d2gc);\n padding-left: var(--space-3__19nbe8d2);\n padding-right: var(--space-3__19nbe8d2);\n}\n.text-field_textFieldRecipe_size_2__i0hdwa2:-webkit-autofill::first-line {\n font-size: var(--fontSizes-3__19nbe8db);\n}\n.text-field_textFieldRecipe_size_3__i0hdwa3 {\n border-radius: var(--radii-2__19nbe8d2gh);\n font-size: var(--fontSizes-4__19nbe8dc);\n line-height: var(--sizes-7__19nbe8d2gd);\n height: var(--sizes-7__19nbe8d2gd);\n padding-left: var(--space-4__19nbe8d3);\n padding-right: var(--space-4__19nbe8d3);\n}\n.text-field_textFieldRecipe_size_3__i0hdwa3:-webkit-autofill::first-line {\n font-size: var(--fontSizes-4__19nbe8dc);\n}\n.text-field_textFieldRecipe_error_true__i0hdwa4 {\n box-shadow: inset 0px 0px 0px 1px var(--semanticColors-error-error9__19nbe8d2e2) !important;\n}\n.text-field_textFieldRecipe_cursor_default__i0hdwa5 {\n cursor: default;\n}\n.text-field_textFieldRecipe_cursor_default__i0hdwa5:focus {\n cursor: text;\n}\n.text-field_textFieldRecipe_cursor_text__i0hdwa6 {\n cursor: text;\n}\n.text-field_textFieldRecipe_variant_outline__i0hdwa7 {\n box-shadow: inset 0px 0px 0px 1px var(--semanticColors-line__19nbe8d2fe);\n}\n.text-field_textFieldRecipe_variant_ghost__i0hdwa8 {\n box-shadow: none;\n}"],"mappings":";AAAA,CAAC;AACC,cAAY;AACZ,gBAAc;AACd,cAAY;AACZ,eAAa;AACb,UAAQ;AACR,WAAS;AACT,WAAS;AACT,SAAO;AACP,+BAA6B,KAAK,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC;AACxC,oBAAkB;AAClB,SAAO;AACP,wBAAsB;AACxB;AACA,CAdC,mCAcmC;AAClC,oBAAkB,IAAI;AACxB;AACA,CAjBC,mCAiBmC;AAClC,cAAY;AACd;AACA,CApBC,mCAoBmC;AAClC,cAAY;AACd;AACA,CAvBC,mCAuBmC;AAClC,oBAAkB,IAAI;AACtB,cAAY,MAAM,EAAE,EAAE,EAAE,IAAI,IAAI;AAChC,SAAO,IAAI;AACX,UAAQ;AACR,kBAAgB;AAClB;AACA,CA9BC,mCA8BmC;AAClC,WAAS,IAAI,MAAM;AACrB;AACA,CAjCC,mCAiCmC;AAClC,oBAAkB,IAAI;AACxB;AACA,CApCC,mCAoCmC,CAAC;AACnC,cAAY,MAAM,IAAI,IAAI,IAAI,IAAI,IAAI;AACxC;AACA,CAvCC,mCAuCmC,CAAC;AACnC,SAAO,IAAI;AACb;AACA,CAAC;AACC,iBAAe,IAAI;AACnB,UAAQ,IAAI;AACZ,aAAW,IAAI;AACf,gBAAc,IAAI;AAClB,iBAAe,IAAI;AACnB,eAAa,IAAI;AACnB;AACA,CARC,0CAQ0C,iBAAiB;AAC1D,aAAW,IAAI;AACjB;AACA,CAAC;AACC,iBAAe,IAAI;AACnB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,UAAQ,IAAI;AACZ,gBAAc,IAAI;AAClB,iBAAe,IAAI;AACrB;AACA,CARC,0CAQ0C,iBAAiB;AAC1D,aAAW,IAAI;AACjB;AACA,CAAC;AACC,iBAAe,IAAI;AACnB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,UAAQ,IAAI;AACZ,gBAAc,IAAI;AAClB,iBAAe,IAAI;AACrB;AACA,CARC,0CAQ0C,iBAAiB;AAC1D,aAAW,IAAI;AACjB;AACA,CAAC;AACC,cAAY,MAAM,IAAI,IAAI,IAAI,IAAI,IAAI;AACxC;AACA,CAAC;AACC,UAAQ;AACV;AACA,CAHC,kDAGkD;AACjD,UAAQ;AACV;AACA,CAAC;AACC,UAAQ;AACV;AACA,CAAC;AACC,cAAY,MAAM,IAAI,IAAI,IAAI,IAAI,IAAI;AACxC;AACA,CAAC;AACC,cAAY;AACd;","names":[]}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { T as TextFieldVariants } from '../text-field.css-Da2cQDwY.mjs';
|
|
3
|
+
import { C as ComponentProps } from '../component-props-CuOrXFyX.mjs';
|
|
4
|
+
import '@vanilla-extract/recipes';
|
|
5
|
+
|
|
6
|
+
declare const defaultElement = "input";
|
|
7
|
+
type TextFieldProps = ComponentProps<typeof defaultElement, TextFieldVariants>;
|
|
8
|
+
declare const TextField: ({ asChild, ...props }: TextFieldProps) => react_jsx_runtime.JSX.Element;
|
|
9
|
+
|
|
10
|
+
export { TextField };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { T as TextFieldVariants } from '../text-field.css-Da2cQDwY.js';
|
|
3
|
+
import { C as ComponentProps } from '../component-props-CuOrXFyX.js';
|
|
4
|
+
import '@vanilla-extract/recipes';
|
|
5
|
+
|
|
6
|
+
declare const defaultElement = "input";
|
|
7
|
+
type TextFieldProps = ComponentProps<typeof defaultElement, TextFieldVariants>;
|
|
8
|
+
declare const TextField: ({ asChild, ...props }: TextFieldProps) => react_jsx_runtime.JSX.Element;
|
|
9
|
+
|
|
10
|
+
export { TextField };
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __export = (target, all) => {
|
|
7
|
+
for (var name in all)
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
+
};
|
|
10
|
+
var __copyProps = (to, from, except, desc) => {
|
|
11
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
+
for (let key of __getOwnPropNames(from))
|
|
13
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
+
}
|
|
16
|
+
return to;
|
|
17
|
+
};
|
|
18
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
+
|
|
20
|
+
// src/components/text-field.tsx
|
|
21
|
+
var text_field_exports = {};
|
|
22
|
+
__export(text_field_exports, {
|
|
23
|
+
TextField: () => TextField
|
|
24
|
+
});
|
|
25
|
+
module.exports = __toCommonJS(text_field_exports);
|
|
26
|
+
|
|
27
|
+
// src/theme/recipes/text-field.css.ts
|
|
28
|
+
var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
|
|
29
|
+
var textFieldRecipe = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "text-field_textFieldRecipe__i0hdwa0", variantClassNames: { size: { "1": "text-field_textFieldRecipe_size_1__i0hdwa1", "2": "text-field_textFieldRecipe_size_2__i0hdwa2", "3": "text-field_textFieldRecipe_size_3__i0hdwa3" }, error: { true: "text-field_textFieldRecipe_error_true__i0hdwa4" }, cursor: { "default": "text-field_textFieldRecipe_cursor_default__i0hdwa5", text: "text-field_textFieldRecipe_cursor_text__i0hdwa6" }, variant: { outline: "text-field_textFieldRecipe_variant_outline__i0hdwa7", ghost: "text-field_textFieldRecipe_variant_ghost__i0hdwa8" } }, defaultVariants: { size: "2", variant: "outline" }, compoundVariants: [] });
|
|
30
|
+
|
|
31
|
+
// src/utils/merge-classes.ts
|
|
32
|
+
function mergeClasses(...classes) {
|
|
33
|
+
return classes.filter((cls) => Boolean(cls)).join(" ");
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
// src/utils/pick.ts
|
|
37
|
+
function pick(obj, ...keys) {
|
|
38
|
+
const ret = {};
|
|
39
|
+
keys.forEach((key) => {
|
|
40
|
+
ret[key] = obj[key];
|
|
41
|
+
});
|
|
42
|
+
return ret;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
// src/components/text-field.tsx
|
|
46
|
+
var import_react_slot = require("@radix-ui/react-slot");
|
|
47
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
48
|
+
var defaultElement = "input";
|
|
49
|
+
var TextField = ({ asChild, ...props }) => {
|
|
50
|
+
const variants = pick(props, ...textFieldRecipe.variants());
|
|
51
|
+
const textField = textFieldRecipe(variants);
|
|
52
|
+
const Comp = asChild ? import_react_slot.Slot : defaultElement;
|
|
53
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, { ...props, className: mergeClasses(textField, props.className), children: props.children });
|
|
54
|
+
};
|
|
55
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
56
|
+
0 && (module.exports = {
|
|
57
|
+
TextField
|
|
58
|
+
});
|
|
59
|
+
//# sourceMappingURL=text-field.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/components/text-field.tsx","../../src/theme/recipes/text-field.css.ts","../../src/utils/merge-classes.ts","../../src/utils/pick.ts"],"sourcesContent":["import {\n TextFieldVariants,\n textFieldRecipe,\n} from \"@/theme/recipes/text-field.css\";\nimport { ComponentProps } from \"@/types/component-props\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { pick } from \"@/utils/pick\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nconst defaultElement = \"input\";\n\ntype TextFieldProps = ComponentProps<typeof defaultElement, TextFieldVariants>;\n\nexport const TextField = ({ asChild, ...props }: TextFieldProps) => {\n const variants = pick(props, ...textFieldRecipe.variants());\n const textField = textFieldRecipe(variants);\n const Comp = asChild ? Slot : defaultElement;\n\n return (\n <Comp {...props} className={mergeClasses(textField, props.className)}>\n {props.children}\n </Comp>\n );\n};\n","import 'src/theme/recipes/text-field.css.ts.vanilla.css?source=#H4sIAAAAAAAACrVW247TMBB971cEIaSthFdpy96yTwgJ7SOCR4SiSTxJzLp2ZDttt4h/R3biXNhtk9KlUdN0PD5nfGY88aXBnSEZQ05j+/jZPn3FlJUYxyws6BbC4NcsCKAsERSIFKNASIH3syBIpKKoyJZRU0RBWJt2RLM9E3nkhxO5syOZFIZksGb8KQqYKFAxY+1rUDkTzXRZGc5Ej6IESh2YG26YFmH4zv4lW0wemSEGSlKwvOAsLwxJJZcqClSewEX43l1zFxqkj7mSlaDexSgQugSFwkXSWHuxuZg3oBgIQ0S1RsXSKDCQVByUNej72e/Z5QQNo0JuUDkln8exAXVBiMY1CMPST9aoSS+4Bzs3jhd3IsFbusyy+WTaCDLjeQ+kZipSgplU+BpQlGlIONKjcqS1DJqDwfq+bCVYPP2ct9VWAJVbmzaNJgjdtSh3L6B8bH5uOpx9XRojxLc94rKeUCltZwhpCHAut0hdtUomDCqCGxRG+yqeqEom00o7SdpdYNehJWc0eBu6z2QwhUCJFPzpTI2n0X2nYIAwsQHO6I+uRIapKXftt0vQX1WPSklV3++6isfliaGUHFIsJKeo6nCO7jTcmS/dhN5Go6O0mu0xXnj2RbN0tyMUUFZpz2n/MbLowPPcVVKBtmm1kbE9anLV80rmbSOyg97RGr455w7ybt7rmIRj1sGWkCLp5XbgqQYRvOhqy5FMCfUktSLfwKEyMmOcR1HGlDbE0jkpJ697Au/S8y7HsrTsLaoY03/VOieHpLKmB2fR5LpXXtXBCuh55elIWrsAlmNpHbqepNlZuRpqNIF35XlXr5qrD61zerysb3qo9GCWnnsdzlJHvRrL0tD1JLXOytJQneO8rkPHRlVt5/3wX9p+8IatS6kM2CPa8ZDqd3JMMYOKGx/WVd3+m/d1M/iPUL1XtAe0MyeiWbOHuj4ZpDmFxs3ZwAPdnKN6DdS2IxzNug8iL6Ru13L7LITm2PMHTESFrlwMAAA=';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var textFieldRecipe = _7a468({defaultClassName:'text-field_textFieldRecipe__i0hdwa0',variantClassNames:{size:{'1':'text-field_textFieldRecipe_size_1__i0hdwa1','2':'text-field_textFieldRecipe_size_2__i0hdwa2','3':'text-field_textFieldRecipe_size_3__i0hdwa3'},error:{true:'text-field_textFieldRecipe_error_true__i0hdwa4'},cursor:{'default':'text-field_textFieldRecipe_cursor_default__i0hdwa5',text:'text-field_textFieldRecipe_cursor_text__i0hdwa6'},variant:{outline:'text-field_textFieldRecipe_variant_outline__i0hdwa7',ghost:'text-field_textFieldRecipe_variant_ghost__i0hdwa8'}},defaultVariants:{size:'2',variant:'outline'},compoundVariants:[]});","export function mergeClasses(...classes: (string | undefined)[]): string {\n return classes.filter((cls): cls is string => Boolean(cls)).join(\" \");\n}\n","/**\n * https://stackoverflow.com/a/47232883\n */\nexport function pick<T, K extends keyof T>(obj: T, ...keys: K[]): Pick<T, K> {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const ret: any = {};\n keys.forEach((key) => {\n ret[key] = obj[key];\n });\n\n return ret;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,6BAA0C;AACnC,IAAI,sBAAkB,uBAAAA,iBAAO,EAAC,kBAAiB,uCAAsC,mBAAkB,EAAC,MAAK,EAAC,KAAI,8CAA6C,KAAI,8CAA6C,KAAI,6CAA4C,GAAE,OAAM,EAAC,MAAK,iDAAgD,GAAE,QAAO,EAAC,WAAU,sDAAqD,MAAK,kDAAiD,GAAE,SAAQ,EAAC,SAAQ,uDAAsD,OAAM,oDAAmD,EAAC,GAAE,iBAAgB,EAAC,MAAK,KAAI,SAAQ,UAAS,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ACFnoB,SAAS,gBAAgB,SAAyC;AACvE,SAAO,QAAQ,OAAO,CAAC,QAAuB,QAAQ,GAAG,CAAC,EAAE,KAAK,GAAG;AACtE;;;ACCO,SAAS,KAA2B,QAAW,MAAuB;AAE3E,QAAM,MAAW,CAAC;AAClB,OAAK,QAAQ,CAAC,QAAQ;AACpB,QAAI,GAAG,IAAI,IAAI,GAAG;AAAA,EACpB,CAAC;AAED,SAAO;AACT;;;AHJA,wBAAqB;AAYjB;AAVJ,IAAM,iBAAiB;AAIhB,IAAM,YAAY,CAAC,EAAE,SAAS,GAAG,MAAM,MAAsB;AAClE,QAAM,WAAW,KAAK,OAAO,GAAG,gBAAgB,SAAS,CAAC;AAC1D,QAAM,YAAY,gBAAgB,QAAQ;AAC1C,QAAM,OAAO,UAAU,yBAAO;AAE9B,SACE,4CAAC,QAAM,GAAG,OAAO,WAAW,aAAa,WAAW,MAAM,SAAS,GAChE,gBAAM,UACT;AAEJ;","names":["_7a468"]}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import {
|
|
2
|
+
textFieldRecipe
|
|
3
|
+
} from "../chunk-RBFEMC5M.mjs";
|
|
4
|
+
import {
|
|
5
|
+
pick
|
|
6
|
+
} from "../chunk-4N6P3Y54.mjs";
|
|
7
|
+
import {
|
|
8
|
+
mergeClasses
|
|
9
|
+
} from "../chunk-7EGQM3ZL.mjs";
|
|
10
|
+
import "../chunk-LZOMFHX3.mjs";
|
|
11
|
+
|
|
12
|
+
// src/components/text-field.tsx
|
|
13
|
+
import { Slot } from "@radix-ui/react-slot";
|
|
14
|
+
import { jsx } from "react/jsx-runtime";
|
|
15
|
+
var defaultElement = "input";
|
|
16
|
+
var TextField = ({ asChild, ...props }) => {
|
|
17
|
+
const variants = pick(props, ...textFieldRecipe.variants());
|
|
18
|
+
const textField = textFieldRecipe(variants);
|
|
19
|
+
const Comp = asChild ? Slot : defaultElement;
|
|
20
|
+
return /* @__PURE__ */ jsx(Comp, { ...props, className: mergeClasses(textField, props.className), children: props.children });
|
|
21
|
+
};
|
|
22
|
+
export {
|
|
23
|
+
TextField
|
|
24
|
+
};
|
|
25
|
+
//# sourceMappingURL=text-field.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/components/text-field.tsx"],"sourcesContent":["import {\n TextFieldVariants,\n textFieldRecipe,\n} from \"@/theme/recipes/text-field.css\";\nimport { ComponentProps } from \"@/types/component-props\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { pick } from \"@/utils/pick\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nconst defaultElement = \"input\";\n\ntype TextFieldProps = ComponentProps<typeof defaultElement, TextFieldVariants>;\n\nexport const TextField = ({ asChild, ...props }: TextFieldProps) => {\n const variants = pick(props, ...textFieldRecipe.variants());\n const textField = textFieldRecipe(variants);\n const Comp = asChild ? Slot : defaultElement;\n\n return (\n <Comp {...props} className={mergeClasses(textField, props.className)}>\n {props.children}\n </Comp>\n );\n};\n"],"mappings":";;;;;;;;;;;;AAOA,SAAS,YAAY;AAYjB;AAVJ,IAAM,iBAAiB;AAIhB,IAAM,YAAY,CAAC,EAAE,SAAS,GAAG,MAAM,MAAsB;AAClE,QAAM,WAAW,KAAK,OAAO,GAAG,gBAAgB,SAAS,CAAC;AAC1D,QAAM,YAAY,gBAAgB,QAAQ;AAC1C,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE,oBAAC,QAAM,GAAG,OAAO,WAAW,aAAa,WAAW,MAAM,SAAS,GAChE,gBAAM,UACT;AAEJ;","names":[]}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
/* vanilla-extract-css-ns:src/theme/recipes/text.css.ts.vanilla.css?source=#H4sIAAAAAAAACpXUzXKCMBAH8LtPkWM9xCmI8uGxb1APPTIhLJgpBJuAFTt9905QFqZTE3sBSbK//yzBrFo4t6m5vAIXR0hTrw91cDo/k68FIZWQQA8gykObEG+3IKRmqhQyIc/moWhkSz9v0yemnig1Q2/DiKYKyq5iKk29WGYQ5X5RL7HsxJRgsqWyq0EJnpCWZWa1GdBmVS70sWJ9QrKq4e9YV7BaVP08TtOhiSnlsNwtvher363xpmpUelSiZqrHRr2h0WFuRDXUTLaCv5hBTW8V4z2ekviHLUkDb2Q+z/KdWVgz/Zrl5WDLA6UahVlrZ9aw/nqdZYBv7anL2mr6SgJniBH2Y9G4QfzvCC0ukHqIbwZ82HQzM9/yvbiAph6SsQX0Edy6QB9BZgHXCIYucI1gZgEDBCMXGCBoe4cbBGMXuEEwt4BbBJkL3CJ452MdwBDBzAWGCBYWMEKQu8AIwdICxgjmLnD699w5ea5HZDqdh1cYJvi/h+j9kBpy0dWYUTySgTVjhLRGZE2VY0D5SMCtYuQbw/8AwMGgf3sGAAA= */
|
|
2
|
+
.text_textRecipe__1y7s4vx0 {
|
|
3
|
+
line-height: 1;
|
|
4
|
+
margin: 0;
|
|
5
|
+
font-weight: var(--fontWeights-regular__19nbe8d2fm);
|
|
6
|
+
font-variant-numeric: tabular-nums;
|
|
7
|
+
display: block;
|
|
8
|
+
font-family: var(--fonts-text__19nbe8d2fh);
|
|
9
|
+
}
|
|
10
|
+
.text_textRecipe_color_primary__1y7s4vx1 {
|
|
11
|
+
color: var(--semanticColors-primary-primary9__19nbe8d2cq);
|
|
12
|
+
}
|
|
13
|
+
.text_textRecipe_color_secondary__1y7s4vx2 {
|
|
14
|
+
color: var(--semanticColors-secondary-secondary9__19nbe8d2de);
|
|
15
|
+
}
|
|
16
|
+
.text_textRecipe_color_error__1y7s4vx3 {
|
|
17
|
+
color: var(--semanticColors-error-error9__19nbe8d2e2);
|
|
18
|
+
}
|
|
19
|
+
.text_textRecipe_color_subtle__1y7s4vx4 {
|
|
20
|
+
color: var(--semanticColors-textSubtle__19nbe8d2fc);
|
|
21
|
+
}
|
|
22
|
+
.text_textRecipe_size_1__1y7s4vx5 {
|
|
23
|
+
font-size: var(--fontSizes-1__19nbe8d9);
|
|
24
|
+
}
|
|
25
|
+
.text_textRecipe_size_2__1y7s4vx6 {
|
|
26
|
+
font-size: var(--fontSizes-2__19nbe8da);
|
|
27
|
+
}
|
|
28
|
+
.text_textRecipe_size_3__1y7s4vx7 {
|
|
29
|
+
font-size: var(--fontSizes-3__19nbe8db);
|
|
30
|
+
}
|
|
31
|
+
.text_textRecipe_size_4__1y7s4vx8 {
|
|
32
|
+
font-size: var(--fontSizes-4__19nbe8dc);
|
|
33
|
+
}
|
|
34
|
+
.text_textRecipe_size_5__1y7s4vx9 {
|
|
35
|
+
font-size: var(--fontSizes-5__19nbe8dd);
|
|
36
|
+
}
|
|
37
|
+
.text_textRecipe_size_6__1y7s4vxa {
|
|
38
|
+
font-size: var(--fontSizes-6__19nbe8de);
|
|
39
|
+
}
|
|
40
|
+
.text_textRecipe_size_7__1y7s4vxb {
|
|
41
|
+
font-size: var(--fontSizes-7__19nbe8df);
|
|
42
|
+
}
|
|
43
|
+
.text_textRecipe_size_8__1y7s4vxc {
|
|
44
|
+
font-size: var(--fontSizes-8__19nbe8dg);
|
|
45
|
+
}
|
|
46
|
+
.text_textRecipe_size_9__1y7s4vxd {
|
|
47
|
+
font-size: var(--fontSizes-9__19nbe8dh);
|
|
48
|
+
}
|
|
49
|
+
.text_textRecipe_weight_regular__1y7s4vxe {
|
|
50
|
+
font-weight: var(--fontWeights-regular__19nbe8d2fm);
|
|
51
|
+
}
|
|
52
|
+
.text_textRecipe_weight_medium__1y7s4vxf {
|
|
53
|
+
font-weight: var(--fontWeights-medium__19nbe8d2fn);
|
|
54
|
+
}
|
|
55
|
+
.text_textRecipe_weight_bold__1y7s4vxg {
|
|
56
|
+
font-weight: var(--fontWeights-bold__19nbe8d2fo);
|
|
57
|
+
}
|
|
58
|
+
/*# sourceMappingURL=text.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/theme/recipes/text.css.ts.vanilla.css?source=#H4sIAAAAAAAACpXUzXKCMBAH8LtPkWM9xCmI8uGxb1APPTIhLJgpBJuAFTt9905QFqZTE3sBSbK//yzBrFo4t6m5vAIXR0hTrw91cDo/k68FIZWQQA8gykObEG+3IKRmqhQyIc/moWhkSz9v0yemnig1Q2/DiKYKyq5iKk29WGYQ5X5RL7HsxJRgsqWyq0EJnpCWZWa1GdBmVS70sWJ9QrKq4e9YV7BaVP08TtOhiSnlsNwtvher363xpmpUelSiZqrHRr2h0WFuRDXUTLaCv5hBTW8V4z2ekviHLUkDb2Q+z/KdWVgz/Zrl5WDLA6UahVlrZ9aw/nqdZYBv7anL2mr6SgJniBH2Y9G4QfzvCC0ukHqIbwZ82HQzM9/yvbiAph6SsQX0Edy6QB9BZgHXCIYucI1gZgEDBCMXGCBoe4cbBGMXuEEwt4BbBJkL3CJ452MdwBDBzAWGCBYWMEKQu8AIwdICxgjmLnD699w5ea5HZDqdh1cYJvi/h+j9kBpy0dWYUTySgTVjhLRGZE2VY0D5SMCtYuQbw/8AwMGgf3sGAAA="],"sourcesContent":[".text_textRecipe__1y7s4vx0 {\n line-height: 1;\n margin: 0;\n font-weight: var(--fontWeights-regular__19nbe8d2fm);\n font-variant-numeric: tabular-nums;\n display: block;\n font-family: var(--fonts-text__19nbe8d2fh);\n}\n.text_textRecipe_color_primary__1y7s4vx1 {\n color: var(--semanticColors-primary-primary9__19nbe8d2cq);\n}\n.text_textRecipe_color_secondary__1y7s4vx2 {\n color: var(--semanticColors-secondary-secondary9__19nbe8d2de);\n}\n.text_textRecipe_color_error__1y7s4vx3 {\n color: var(--semanticColors-error-error9__19nbe8d2e2);\n}\n.text_textRecipe_color_subtle__1y7s4vx4 {\n color: var(--semanticColors-textSubtle__19nbe8d2fc);\n}\n.text_textRecipe_size_1__1y7s4vx5 {\n font-size: var(--fontSizes-1__19nbe8d9);\n}\n.text_textRecipe_size_2__1y7s4vx6 {\n font-size: var(--fontSizes-2__19nbe8da);\n}\n.text_textRecipe_size_3__1y7s4vx7 {\n font-size: var(--fontSizes-3__19nbe8db);\n}\n.text_textRecipe_size_4__1y7s4vx8 {\n font-size: var(--fontSizes-4__19nbe8dc);\n}\n.text_textRecipe_size_5__1y7s4vx9 {\n font-size: var(--fontSizes-5__19nbe8dd);\n}\n.text_textRecipe_size_6__1y7s4vxa {\n font-size: var(--fontSizes-6__19nbe8de);\n}\n.text_textRecipe_size_7__1y7s4vxb {\n font-size: var(--fontSizes-7__19nbe8df);\n}\n.text_textRecipe_size_8__1y7s4vxc {\n font-size: var(--fontSizes-8__19nbe8dg);\n}\n.text_textRecipe_size_9__1y7s4vxd {\n font-size: var(--fontSizes-9__19nbe8dh);\n}\n.text_textRecipe_weight_regular__1y7s4vxe {\n font-weight: var(--fontWeights-regular__19nbe8d2fm);\n}\n.text_textRecipe_weight_medium__1y7s4vxf {\n font-weight: var(--fontWeights-medium__19nbe8d2fn);\n}\n.text_textRecipe_weight_bold__1y7s4vxg {\n font-weight: var(--fontWeights-bold__19nbe8d2fo);\n}"],"mappings":";AAAA,CAAC;AACC,eAAa;AACb,UAAQ;AACR,eAAa,IAAI;AACjB,wBAAsB;AACtB,WAAS;AACT,eAAa,IAAI;AACnB;AACA,CAAC;AACC,SAAO,IAAI;AACb;AACA,CAAC;AACC,SAAO,IAAI;AACb;AACA,CAAC;AACC,SAAO,IAAI;AACb;AACA,CAAC;AACC,SAAO,IAAI;AACb;AACA,CAAC;AACC,aAAW,IAAI;AACjB;AACA,CAAC;AACC,aAAW,IAAI;AACjB;AACA,CAAC;AACC,aAAW,IAAI;AACjB;AACA,CAAC;AACC,aAAW,IAAI;AACjB;AACA,CAAC;AACC,aAAW,IAAI;AACjB;AACA,CAAC;AACC,aAAW,IAAI;AACjB;AACA,CAAC;AACC,aAAW,IAAI;AACjB;AACA,CAAC;AACC,aAAW,IAAI;AACjB;AACA,CAAC;AACC,aAAW,IAAI;AACjB;AACA,CAAC;AACC,eAAa,IAAI;AACnB;AACA,CAAC;AACC,eAAa,IAAI;AACnB;AACA,CAAC;AACC,eAAa,IAAI;AACnB;","names":[]}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { T as TextVariants } from '../text.css-onESqiq6.mjs';
|
|
3
|
+
import { C as ComponentProps } from '../component-props-CuOrXFyX.mjs';
|
|
4
|
+
import '@vanilla-extract/recipes';
|
|
5
|
+
|
|
6
|
+
declare const defaultElement = "span";
|
|
7
|
+
type TextProps = ComponentProps<typeof defaultElement, TextVariants>;
|
|
8
|
+
declare const Text: ({ asChild, ...props }: TextProps) => react_jsx_runtime.JSX.Element;
|
|
9
|
+
|
|
10
|
+
export { Text };
|