@atom-learning/components 2.30.0 → 2.31.0-beta.0

package/dist/components/chip-toggle-group/ChipToggleGroupRoot.d.ts

@@ -133,148 +133,58 @@ export declare const ChipToggleGroupRoot: React.ForwardRefExoticComponent<(Pick<
             "3": any;
         };
     }, import("@stitches/react/types/config").DefaultThemeMap, {
-        bg: (value: {
-            readonly [$$PropertyValue]: "background";
-        }) => {
-            background: {
-                readonly [$$PropertyValue]: "background";
-            };
-        };
-        inset: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            top: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-            right: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-            bottom: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-            left: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        size: (value: string | number | {
-            readonly [$$ScaleValue]: "size";
-        }) => {
-            height: string | number | {
-                readonly [$$ScaleValue]: "size";
-            };
-            width: string | number | {
-                readonly [$$ScaleValue]: "size";
-            };
-        };
-        p: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            padding: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        pt: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            paddingTop: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        pr: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            paddingRight: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        pb: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            paddingBottom: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        pl: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            paddingLeft: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        px: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            paddingLeft: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-            paddingRight: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        py: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            paddingTop: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-            paddingBottom: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        m: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            margin: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        mt: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginTop: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        mr: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginRight: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        mb: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginBottom: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        ml: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginLeft: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        mx: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginLeft: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-            marginRight: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        my: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginTop: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-            marginBottom: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
+        bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
+            background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
+        };
+        size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
+            height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
+            width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
+        };
+        p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+            padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        };
+        pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+            paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        };
+        pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+            paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        };
+        pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+            paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        };
+        pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+            paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        };
+        px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+            paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+            paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        };
+        py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+            paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+            paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        };
+        m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+            margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        };
+        mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+            marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        };
+        mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+            marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        };
+        mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+            marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        };
+        ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+            marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        };
+        mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+            marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+            marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        };
+        my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+            marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+            marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
         };
     }> | undefined;
 } & {
@@ -413,148 +323,58 @@ export declare const ChipToggleGroupRoot: React.ForwardRefExoticComponent<(Pick<
             "3": any;
         };
     }, import("@stitches/react/types/config").DefaultThemeMap, {
-        bg: (value: {
-            readonly [$$PropertyValue]: "background";
-        }) => {
-            background: {
-                readonly [$$PropertyValue]: "background";
-            };
-        };
-        inset: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            top: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-            right: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-            bottom: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-            left: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        size: (value: string | number | {
-            readonly [$$ScaleValue]: "size";
-        }) => {
-            height: string | number | {
-                readonly [$$ScaleValue]: "size";
-            };
-            width: string | number | {
-                readonly [$$ScaleValue]: "size";
-            };
-        };
-        p: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            padding: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        pt: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            paddingTop: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        pr: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            paddingRight: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        pb: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            paddingBottom: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        pl: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            paddingLeft: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        px: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            paddingLeft: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-            paddingRight: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        py: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            paddingTop: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-            paddingBottom: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        m: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            margin: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        mt: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginTop: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        mr: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginRight: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        mb: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginBottom: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        ml: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginLeft: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        mx: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginLeft: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-            marginRight: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        my: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginTop: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-            marginBottom: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
+        bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
+            background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
+        };
+        size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
+            height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
+            width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
+        };
+        p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+            padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        };
+        pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+            paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        };
+        pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+            paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        };
+        pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+            paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        };
+        pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+            paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        };
+        px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+            paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+            paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        };
+        py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+            paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+            paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        };
+        m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+            margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        };
+        mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+            marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        };
+        mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+            marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        };
+        mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+            marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        };
+        ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+            marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        };
+        mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+            marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+            marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        };
+        my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+            marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+            marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
         };
     }> | undefined;
 } & {

package/dist/components/combobox/Combobox.d.ts

@@ -126,148 +126,58 @@ declare const StyledCombobox: import("@stitches/react/types/styled-component").S
         "3": any;
     };
 }, import("@stitches/react/types/config").DefaultThemeMap, {
-    bg: (value: {
-        readonly [$$PropertyValue]: "background";
-    }) => {
-        background: {
-            readonly [$$PropertyValue]: "background";
-        };
+    bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
+        background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
     };
-    inset: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        top: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-        right: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-        bottom: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-        left: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
+    size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
+        height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
+        width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
     };
-    size: (value: string | number | {
-        readonly [$$ScaleValue]: "size";
-    }) => {
-        height: string | number | {
-            readonly [$$ScaleValue]: "size";
-        };
-        width: string | number | {
-            readonly [$$ScaleValue]: "size";
-        };
+    p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
     };
-    p: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        padding: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
+    pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
     };
-    pt: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        paddingTop: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
+    pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
     };
-    pr: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        paddingRight: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
+    pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
     };
-    pb: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        paddingBottom: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
+    pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
     };
-    pl: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        paddingLeft: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
+    px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
     };
-    px: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        paddingLeft: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-        paddingRight: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
+    py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
     };
-    py: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        paddingTop: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-        paddingBottom: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
+    m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
     };
-    m: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        margin: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
+    mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
     };
-    mt: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginTop: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
+    mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
     };
-    mr: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginRight: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
+    mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
     };
-    mb: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginBottom: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
+    ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
     };
-    ml: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginLeft: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
+    mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
     };
-    mx: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginLeft: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-        marginRight: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    my: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginTop: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-        marginBottom: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
+    my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
     };
 }>>;
 declare type ComboboxProps = React.ComponentProps<typeof StyledCombobox>;