@atom-learning/components 4.0.0-beta.1 → 4.0.0-beta.11

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

@@ -1,4 +1,4 @@
-export declare const ComboboxPopover: import("@stitches/react/types/styled-component").StyledComponent<import("@reach/utils/dist/declarations/src/polymorphic").ForwardRefComponent<"div", import("@reach/combobox").ComboboxPopoverProps & Partial<import("@reach/popover/dist/declarations/src").PopoverProps>>, {}, {
+export declare const ComboboxPopover: import("@atom-learning/stitches-react/types/styled-component").StyledComponent<import("@reach/utils/dist/declarations/src/polymorphic").ForwardRefComponent<"div", import("@reach/combobox").ComboboxPopoverProps & Partial<import("@reach/popover/dist/declarations/src").PopoverProps>>, {}, {
     sm: string;
     md: string;
     lg: string;
@@ -6,7 +6,7 @@ export declare const ComboboxPopover: import("@stitches/react/types/styled-compo
     reducedMotion: string;
     allowMotion: string;
     hover: string;
-}, import("@stitches/react/types/css-util").CSS<{
+}, import("@atom-learning/stitches-react/types/css-util").CSS<{
     sm: string;
     md: string;
     lg: string;
@@ -46,6 +46,18 @@ export declare const ComboboxPopover: import("@stitches/react/types/styled-compo
         blue1000: any;
         blue1100: any;
         blue1200: any;
+        pink100: any;
+        pink200: any;
+        pink300: any;
+        pink400: any;
+        pink500: any;
+        pink600: any;
+        pink700: any;
+        pink800: any;
+        pink900: any;
+        pink1000: any;
+        pink1100: any;
+        pink1200: any;
         purple100: any;
         purple200: any;
         purple300: any;
@@ -190,26 +202,11 @@ export declare const ComboboxPopover: import("@stitches/react/types/styled-compo
         marsh1000: any;
         marsh1100: any;
         marsh1200: any;
-        tonal50: any;
-        tonal100: any;
-        tonal200: any;
-        tonal300: any;
-        tonal400: any;
-        tonal500: any;
-        tonal600: any;
         alpha100: any;
         alpha150: any;
         alpha200: any;
         alpha250: any;
         alpha600: any;
-        brandRed: any;
-        brandRedAccent: any;
-        brandGreen: any;
-        brandGreenAccent: any;
-        brandPurple: any;
-        brandPurpleAccent: any;
-        brandYellow: any;
-        brandYellowAccent: any;
         infoLight: any;
         info: any;
         infoMid: any;
@@ -310,58 +307,58 @@ export declare const ComboboxPopover: import("@stitches/react/types/styled-compo
         "1-1": any;
         "3-4": any;
     };
-}, import("@stitches/react/types/config").DefaultThemeMap, {
-    bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
-        background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
+}, import("@atom-learning/stitches-react/types/config").DefaultThemeMap, {
+    bg: (value: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">) => {
+        background: import("@atom-learning/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">;
+    size: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">) => {
+        height: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
+        width: string | number | import("@atom-learning/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">;
+    p: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+        padding: string | number | import("@atom-learning/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">;
+    pt: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+        paddingTop: string | number | import("@atom-learning/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">;
+    pr: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+        paddingRight: string | number | import("@atom-learning/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">;
+    pb: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+        paddingBottom: string | number | import("@atom-learning/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">;
+    pl: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+        paddingLeft: string | number | import("@atom-learning/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">;
+    px: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+        paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        paddingRight: string | number | import("@atom-learning/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">;
+    py: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+        paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        paddingBottom: string | number | import("@atom-learning/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">;
+    m: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+        margin: string | number | import("@atom-learning/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">;
+    mt: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+        marginTop: string | number | import("@atom-learning/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">;
+    mr: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+        marginRight: string | number | import("@atom-learning/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">;
+    mb: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+        marginBottom: string | number | import("@atom-learning/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">;
+    ml: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+        marginLeft: string | number | import("@atom-learning/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">;
+    mx: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+        marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        marginRight: string | number | import("@atom-learning/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">;
+    my: (value: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">) => {
+        marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
 }>>;

package/dist/components/combobox/ComboboxPopover.js

@@ -1,2 +1,2 @@
-import{ComboboxPopover as o}from"@reach/combobox";import{styled as r}from"../../stitches.js";const b=r(o,{bg:"white",border:"solid 1px $tonal100",borderRadius:"$0",boxShadow:"$1",boxSizing:"border-box",fontFamily:"$body",fontSize:"$md",outline:"none",p:"$1",transform:"translateY($space$2)"});export{b as ComboboxPopover};
+import{ComboboxPopover as o}from"@reach/combobox";import{styled as r}from"../../stitches.js";const e=r(o,{bg:"white",border:"solid 1px $grey200",borderRadius:"$0",boxShadow:"$1",boxSizing:"border-box",fontFamily:"$body",fontSize:"$md",outline:"none",p:"$1",transform:"translateY($space$2)"});export{e as ComboboxPopover};
 //# sourceMappingURL=ComboboxPopover.js.map

package/dist/components/combobox/ComboboxPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxPopover.js","sources":["../../../src/components/combobox/ComboboxPopover.tsx"],"sourcesContent":["import { ComboboxPopover as BaseComboboxPopover } from '@reach/combobox'\n\nimport { styled } from '~/stitches'\n\nexport const ComboboxPopover = styled(BaseComboboxPopover, {\n  bg: 'white',\n  border: 'solid 1px $tonal100',\n  borderRadius: '$0',\n  boxShadow: '$1',\n  boxSizing: 'border-box',\n  fontFamily: '$body',\n  fontSize: '$md',\n  outline: 'none',\n  p: '$1',\n  transform: 'translateY($space$2)'\n})\n"],"names":["ComboboxPopover","styled","BaseComboboxPopover"],"mappings":"6FAIa,MAAAA,EAAkBC,EAAOC,EAAqB,CACzD,GAAI,QACJ,OAAQ,sBACR,aAAc,KACd,UAAW,KACX,UAAW,aACX,WAAY,QACZ,SAAU,MACV,QAAS,OACT,EAAG,KACH,UAAW,sBACb,CAAC"}
+{"version":3,"file":"ComboboxPopover.js","sources":["../../../src/components/combobox/ComboboxPopover.tsx"],"sourcesContent":["import { ComboboxPopover as BaseComboboxPopover } from '@reach/combobox'\n\nimport { styled } from '~/stitches'\n\nexport const ComboboxPopover = styled(BaseComboboxPopover, {\n  bg: 'white',\n  border: 'solid 1px $grey200',\n  borderRadius: '$0',\n  boxShadow: '$1',\n  boxSizing: 'border-box',\n  fontFamily: '$body',\n  fontSize: '$md',\n  outline: 'none',\n  p: '$1',\n  transform: 'translateY($space$2)'\n})\n"],"names":["ComboboxPopover","styled","BaseComboboxPopover"],"mappings":"6FAIa,MAAAA,EAAkBC,EAAOC,EAAqB,CACzD,GAAI,QACJ,OAAQ,qBACR,aAAc,KACd,UAAW,KACX,UAAW,aACX,WAAY,QACZ,SAAU,MACV,QAAS,OACT,EAAG,KACH,UAAW,sBACb,CAAC"}

package/dist/components/create-password-field/CreatePasswordField.d.ts

@@ -12,7 +12,7 @@ declare type CreatePasswordFieldProps = Override<React.ComponentProps<typeof Pas
     messageDirection?: CSS['flexDirection'];
 }>;
 export declare const CreatePasswordField: {
-    ({ validate, defaultValidation, messageDirection, label, name, css, validation, ...remainingProps }: CreatePasswordFieldProps): JSX.Element;
+    ({ validate, defaultValidation, messageDirection, label, name, css, validation, ...remainingProps }: CreatePasswordFieldProps): React.JSX.Element;
     displayName: string;
 };
 export {};