@nayhoo/ui 0.4.1 → 0.4.2
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/index.css +27 -14
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +27 -2
- package/dist/index.d.ts +27 -2
- package/dist/index.js +3 -3
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +3 -3
- package/dist/index.mjs.map +1 -1
- package/package.json +3 -2
package/dist/index.d.mts
CHANGED
|
@@ -941,6 +941,31 @@ declare const defaultElement$2 = "div";
|
|
|
941
941
|
type StatusProps = ComponentProps<typeof defaultElement$2, StatusVariants>;
|
|
942
942
|
declare const Status: ({ asChild, ...props }: StatusProps) => react_jsx_runtime.JSX.Element;
|
|
943
943
|
|
|
944
|
+
declare const switchThumbRecipe: _vanilla_extract_recipes.RuntimeFn<{
|
|
945
|
+
size: {
|
|
946
|
+
"1": {
|
|
947
|
+
width: number;
|
|
948
|
+
height: number;
|
|
949
|
+
transform: "translateX(1px)";
|
|
950
|
+
selectors: {
|
|
951
|
+
'&[data-state="checked"]': {
|
|
952
|
+
transform: "translateX(11px)";
|
|
953
|
+
};
|
|
954
|
+
};
|
|
955
|
+
};
|
|
956
|
+
"2": {
|
|
957
|
+
width: number;
|
|
958
|
+
height: number;
|
|
959
|
+
transform: "translateX(2px)";
|
|
960
|
+
selectors: {
|
|
961
|
+
'&[data-state="checked"]': {
|
|
962
|
+
transform: "translateX(22px)";
|
|
963
|
+
};
|
|
964
|
+
};
|
|
965
|
+
};
|
|
966
|
+
};
|
|
967
|
+
}>;
|
|
968
|
+
type SwitchThumbVariants = NonNullable<RecipeVariants<typeof switchThumbRecipe>>;
|
|
944
969
|
declare const switchRecipe: _vanilla_extract_recipes.RuntimeFn<{
|
|
945
970
|
size: {
|
|
946
971
|
"1": {
|
|
@@ -955,7 +980,7 @@ declare const switchRecipe: _vanilla_extract_recipes.RuntimeFn<{
|
|
|
955
980
|
}>;
|
|
956
981
|
type SwitchVariants = NonNullable<RecipeVariants<typeof switchRecipe>>;
|
|
957
982
|
|
|
958
|
-
type SwitchThumbProps = SwitchPrimitive.SwitchThumbProps;
|
|
983
|
+
type SwitchThumbProps = SwitchPrimitive.SwitchThumbProps & SwitchThumbVariants;
|
|
959
984
|
declare const SwitchThumb: ({ ...props }: SwitchThumbProps) => react_jsx_runtime.JSX.Element;
|
|
960
985
|
type SwitchProps = SwitchPrimitive.SwitchProps & SwitchVariants;
|
|
961
986
|
declare const Switch: ({ ...props }: SwitchProps) => react_jsx_runtime.JSX.Element;
|
|
@@ -1004,7 +1029,7 @@ declare const textFieldRecipe: _vanilla_extract_recipes.RuntimeFn<{
|
|
|
1004
1029
|
};
|
|
1005
1030
|
error: {
|
|
1006
1031
|
true: {
|
|
1007
|
-
boxShadow: `inset 0px 0px 0px 1px ${string}`;
|
|
1032
|
+
boxShadow: `inset 0px 0px 0px 1px var(--${string}) !important` | `inset 0px 0px 0px 1px var(--${string}, ${string}) !important` | `inset 0px 0px 0px 1px var(--${string}, ${number}) !important`;
|
|
1008
1033
|
};
|
|
1009
1034
|
};
|
|
1010
1035
|
cursor: {
|
package/dist/index.d.ts
CHANGED
|
@@ -941,6 +941,31 @@ declare const defaultElement$2 = "div";
|
|
|
941
941
|
type StatusProps = ComponentProps<typeof defaultElement$2, StatusVariants>;
|
|
942
942
|
declare const Status: ({ asChild, ...props }: StatusProps) => react_jsx_runtime.JSX.Element;
|
|
943
943
|
|
|
944
|
+
declare const switchThumbRecipe: _vanilla_extract_recipes.RuntimeFn<{
|
|
945
|
+
size: {
|
|
946
|
+
"1": {
|
|
947
|
+
width: number;
|
|
948
|
+
height: number;
|
|
949
|
+
transform: "translateX(1px)";
|
|
950
|
+
selectors: {
|
|
951
|
+
'&[data-state="checked"]': {
|
|
952
|
+
transform: "translateX(11px)";
|
|
953
|
+
};
|
|
954
|
+
};
|
|
955
|
+
};
|
|
956
|
+
"2": {
|
|
957
|
+
width: number;
|
|
958
|
+
height: number;
|
|
959
|
+
transform: "translateX(2px)";
|
|
960
|
+
selectors: {
|
|
961
|
+
'&[data-state="checked"]': {
|
|
962
|
+
transform: "translateX(22px)";
|
|
963
|
+
};
|
|
964
|
+
};
|
|
965
|
+
};
|
|
966
|
+
};
|
|
967
|
+
}>;
|
|
968
|
+
type SwitchThumbVariants = NonNullable<RecipeVariants<typeof switchThumbRecipe>>;
|
|
944
969
|
declare const switchRecipe: _vanilla_extract_recipes.RuntimeFn<{
|
|
945
970
|
size: {
|
|
946
971
|
"1": {
|
|
@@ -955,7 +980,7 @@ declare const switchRecipe: _vanilla_extract_recipes.RuntimeFn<{
|
|
|
955
980
|
}>;
|
|
956
981
|
type SwitchVariants = NonNullable<RecipeVariants<typeof switchRecipe>>;
|
|
957
982
|
|
|
958
|
-
type SwitchThumbProps = SwitchPrimitive.SwitchThumbProps;
|
|
983
|
+
type SwitchThumbProps = SwitchPrimitive.SwitchThumbProps & SwitchThumbVariants;
|
|
959
984
|
declare const SwitchThumb: ({ ...props }: SwitchThumbProps) => react_jsx_runtime.JSX.Element;
|
|
960
985
|
type SwitchProps = SwitchPrimitive.SwitchProps & SwitchVariants;
|
|
961
986
|
declare const Switch: ({ ...props }: SwitchProps) => react_jsx_runtime.JSX.Element;
|
|
@@ -1004,7 +1029,7 @@ declare const textFieldRecipe: _vanilla_extract_recipes.RuntimeFn<{
|
|
|
1004
1029
|
};
|
|
1005
1030
|
error: {
|
|
1006
1031
|
true: {
|
|
1007
|
-
boxShadow: `inset 0px 0px 0px 1px ${string}`;
|
|
1032
|
+
boxShadow: `inset 0px 0px 0px 1px var(--${string}) !important` | `inset 0px 0px 0px 1px var(--${string}, ${string}) !important` | `inset 0px 0px 0px 1px var(--${string}, ${number}) !important`;
|
|
1008
1033
|
};
|
|
1009
1034
|
};
|
|
1010
1035
|
cursor: {
|
package/dist/index.js
CHANGED
|
@@ -781,8 +781,8 @@ var Skeleton = ({ asChild, ...props }) => {
|
|
|
781
781
|
|
|
782
782
|
// src/recipes/switch.css.ts
|
|
783
783
|
var import_createRuntimeFn19 = require("@vanilla-extract/recipes/createRuntimeFn");
|
|
784
|
-
var switchRecipe = (0, import_createRuntimeFn19.createRuntimeFn)({ defaultClassName: "
|
|
785
|
-
var switchThumbRecipe = (0, import_createRuntimeFn19.createRuntimeFn)({ defaultClassName: "switch_switchThumbRecipe__6op4100", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
|
|
784
|
+
var switchRecipe = (0, import_createRuntimeFn19.createRuntimeFn)({ defaultClassName: "switch_switchRecipe__6op4103", variantClassNames: { size: { "1": "switch_switchRecipe_size_1__6op4104", "2": "switch_switchRecipe_size_2__6op4105" } }, defaultVariants: { size: "1" }, compoundVariants: [] });
|
|
785
|
+
var switchThumbRecipe = (0, import_createRuntimeFn19.createRuntimeFn)({ defaultClassName: "switch_switchThumbRecipe__6op4100", variantClassNames: { size: { "1": "switch_switchThumbRecipe_size_1__6op4101", "2": "switch_switchThumbRecipe_size_2__6op4102" } }, defaultVariants: { size: "1" }, compoundVariants: [] });
|
|
786
786
|
|
|
787
787
|
// src/components/switch.tsx
|
|
788
788
|
var SwitchPrimitive = __toESM(require("@radix-ui/react-switch"));
|
|
@@ -806,7 +806,7 @@ var Switch = ({ ...props }) => {
|
|
|
806
806
|
{
|
|
807
807
|
...props,
|
|
808
808
|
className: mergeClasses(_switch, props.className),
|
|
809
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SwitchThumb, {})
|
|
809
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SwitchThumb, { size: props.size })
|
|
810
810
|
}
|
|
811
811
|
);
|
|
812
812
|
};
|