@quixotic/ui 0.1.1 → 0.1.4

package/dist/index.cjs.js

@@ -56,7 +56,7 @@ const primaryColor = 'var(--button-text)';
 const outlieColor = 'var(--text-primary)';
 const ghostColor = 'var(--text-primary)';
 const outlineBorder = 'var(--border-primary)';
-const colors = {
+const colors$1 = {
     primary: {
         default: {
             bg: 'var(--button-bg)',
@@ -111,7 +111,7 @@ const colors = {
     },
     ghost: {
         default: {
-            bg: '#fff',
+            bg: 'var(--white)',
             border: null,
             boxShadow: null,
             color: ghostColor,
@@ -137,72 +137,72 @@ const colors = {
     },
     link: {
         default: {
-            bg: '#fff',
+            bg: 'var(--white)',
             border: null,
             boxShadow: null,
             color: 'var(--text-primary)',
         },
         hover: {
-            bg: '#fff',
+            bg: 'var(--white)',
             border: null,
             boxShadow: null,
             color: 'var(--text-tertiary_hover)',
         },
         pressed: {
-            bg: '#fff',
+            bg: 'var(--white)',
             border: null,
             boxShadow: null,
             color: 'var(--button-bg-pressed)',
         },
         disabled: {
-            bg: '#fff',
+            bg: 'var(--white)',
             border: null,
             boxShadow: null,
             color: 'var(--text-disabled)',
         },
     },
 };
-const sizes = {
+const sizes$1 = {
     sm: {
-        fontSize: 'calc(12/16*1rem)',
-        paddingX: 'calc(6/16*1rem)',
-        paddingY: 'calc(3/16*1rem)',
-        gapX: 'calc(4/16*1rem)',
-        lineHeight: 'calc(18/16*1rem)',
+        fontSize: '0.75rem', // 12px
+        paddingX: 'var(--spacing-sm)', // 6px
+        paddingY: '0.1875rem', // 3px
+        gapX: 'var(--spacing-xxs)', // 2px
+        lineHeight: '1.125rem', // 18px
         letterSpacing: '0em',
-        radius: '6px'
+        radius: 'var(--radius-sm)' // 6px
     },
     md: {
-        fontSize: 'calc(14/16*1rem)',
-        paddingX: 'calc(8/16*1rem)',
-        paddingY: 'calc(6/16*1rem)',
-        gapX: 'calc(6/16*1rem)',
-        lineHeight: 'calc(20/16*1rem)',
+        fontSize: '0.875rem', // 14px
+        paddingX: 'var(--spacing-md)', // 8px
+        paddingY: 'var(--spacing-sm)', // 6px
+        gapX: 'var(--spacing-xs)', // 4px
+        lineHeight: '1.25rem', // 20px
         letterSpacing: '-0.006em',
-        radius: '6px'
+        radius: 'var(--radius-sm)'
     },
     lg: {
         fontSize: '1rem',
-        paddingX: '0.625rem', // 'calc(10/16*1rem)',
-        paddingY: '0.5rem', // 'calc(8/16*1rem)',
-        gapX: 'calc(6/16*1rem)',
-        lineHeight: 'calc(24/16*1rem)',
+        paddingX: 'var(--spacing-md-plus)', // 10px
+        paddingY: 'var(--spacing-md)', // 8px
+        gapX: 'var(--spacing-xs)', // 4px
+        lineHeight: '1.5rem', // 24px
         letterSpacing: '-0.011em',
-        radius: '8px'
+        radius: 'var(--radius-md)'
     },
     xl: {
-        fontSize: 'calc(16/16*1rem)',
-        paddingX: '1.195625rem', // 'calc(19.13/16*1rem)',
-        paddingY: '0.75rem', // 'calc(12/16*1rem)',
-        gapX: 'calc(6/16*1rem)',
-        lineHeight: 'calc(24/16*1rem)',
+        fontSize: '1rem',
+        paddingX: 'var(--spacing-xl)', // 16px
+        paddingY: 'var(--spacing-md-plus)', // 10px
+        gapX: 'var(--spacing-xs)', // 4px
+        lineHeight: '1.5rem', // 24px
         letterSpacing: '-0.011em',
-        radius: '8px'
+        radius: 'var(--radius-md)'
     }
 };
 const KButton = React.forwardRef(({ children, className, style, type = 'primary', size = 'lg', ...rest }, ref) => {
-    const _color = colors[type];
-    const _size = sizes[size];
+    const _color = colors$1[type];
+    const _size = sizes$1[size];
     const _style = {
         // shadow
         '--ant-btn-shadow': _color.default.boxShadow || 'none',
@@ -236,6 +236,107 @@ const KButton = React.forwardRef(({ children, className, style, type = 'primary'
     return (jsxRuntime.jsx(antd.Button, { ...rest, className: cn(baseStyles, className), ref: ref, size: 'middle', type: 'default', style: _style, children: children }));
 });
 
+const KCheckbox = ({ children, disabled, ...props }) => {
+    return (jsxRuntime.jsx(antd.Checkbox, { ...props, disabled: disabled, children: children }));
+};
+
+const KDropdown = ({ children, disabled, ...props }) => {
+    return (jsxRuntime.jsx(antd.Dropdown, { ...props, disabled: disabled, children: children }));
+};
+
+const colors = {
+    default: {
+        border: 'var(--border-primary)',
+        bg: 'var(--bg-primary)',
+        placeholder: 'var(--text-placeholder)',
+    },
+    hover: {
+        border: 'var(--border-solid)'},
+    active: {
+        border: 'var(--border-solid)'},
+    disabled: {
+        border: 'var(--border-disabled)',
+        bg: 'var(--bg-disabled_subtle)'}
+};
+const sizes = {
+    sm: {
+        radius: 'var(--radius-sm)',
+        paddingX: 'var(--spacing-md-plus)',
+        paddingY: 'var(--spacing-sm)',
+    },
+    md: {
+        radius: 'var(--radius-sm)',
+        paddingX: 'var(--spacing-md-plus)',
+        paddingY: 'var(--spacing-md)',
+    },
+    lg: {
+        radius: 'var(--radius-md)',
+        paddingX: 'var(--spacing-md-plus)',
+        paddingY: 'var(--spacing-md-plus)',
+    },
+    xl: {
+        radius: 'var(--radius-md)',
+        paddingX: 'var(--spacing-lg)',
+        paddingY: 'var(--spacing-lg)',
+    }
+};
+const KInput = ({ className, style, size = 'lg', disabled, ...props }) => {
+    const baseClasses = tailwindMerge.twJoin('!shadow-none');
+    const _size = sizes[size];
+    const _style = {
+        '--ant-color-border': disabled ? colors.disabled.border : colors.default.border,
+        '--ant-input-hover-border-color': disabled ? colors.disabled.border : colors.hover.border,
+        '--ant-input-active-border-color': disabled ? colors.disabled.border : colors.active.border,
+        '--ant-color-bg-container': disabled ? colors.disabled.bg : colors.default.bg,
+        '--ant-color-text-placeholder': colors.default.placeholder,
+        '--ant-border-radius': _size.radius,
+        '--ant-input-padding-block': _size.paddingY,
+        '--ant-input-padding-inline': _size.paddingX,
+        '--ant-input-input-font-size': '1rem',
+        // padding: var(--ant-input-padding-block) var(--ant-input-padding-inline);
+        ...style,
+    };
+    return (jsxRuntime.jsx(antd.Input, { ...props, disabled: disabled, className: cn(baseClasses, className), style: _style }));
+};
+
+const KRadioGroup = (props) => {
+    return jsxRuntime.jsx(antd.Radio.Group, { ...props });
+};
+const KRadio = ({ children, disabled, ...props }) => {
+    return (jsxRuntime.jsx(antd.Radio, { ...props, disabled: disabled, children: children }));
+};
+KRadio.Group = KRadioGroup;
+
+const KSelect = ({ children, disabled, ...props }) => {
+    return (jsxRuntime.jsx(antd.Select, { ...props, disabled: disabled, children: children }));
+};
+
+const KSpin = (props) => {
+    return (jsxRuntime.jsx(antd.Spin, { ...props }));
+};
+
+const KSwitch = ({ disabled, ...props }) => {
+    return (jsxRuntime.jsx(antd.Switch, { ...props, disabled: disabled }));
+};
+
+const KTag = ({ children, disabled, ...props }) => {
+    return (jsxRuntime.jsx(antd.Tag, { ...props, disabled: disabled, children: children }));
+};
+
+const KTooltip = ({ children, ...props }) => {
+    return (jsxRuntime.jsx(antd.Tooltip, { ...props, children: children }));
+};
+
 exports.KButton = KButton;
+exports.KCheckbox = KCheckbox;
+exports.KDropdown = KDropdown;
+exports.KInput = KInput;
+exports.KRadio = KRadio;
+exports.KRadioGroup = KRadioGroup;
+exports.KSelect = KSelect;
+exports.KSpin = KSpin;
+exports.KSwitch = KSwitch;
+exports.KTag = KTag;
+exports.KTooltip = KTooltip;
 exports.ThemeProvider = ThemeProvider;
 //# sourceMappingURL=index.cjs.js.map

package/dist/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../src/themes/dark.ts","../src/themes/light.ts","../src/ThemeProvider.tsx","../src/utils/cn.ts","../src/components/certikd/KButton/KButton.tsx"],"sourcesContent":["import {theme as themeAntd, ThemeConfig} from \"antd\";\n\nexport const darkTheme: ThemeConfig = {\n    algorithm: themeAntd.darkAlgorithm,\n    token: {\n        // colorPrimary: themeColor.primary,\n        colorPrimary: '#ed2449',\n    },\n    cssVar: {key: \"app\"},\n    components: {},\n};","import {theme as themeAntd, ThemeConfig} from \"antd\";\n\n\nexport const lightTheme: ThemeConfig = {\n    algorithm: themeAntd.defaultAlgorithm,\n    token: {\n        colorPrimary: 'var(--grey-900)',\n        colorTextSecondary: 'var(--grey-900)',\n        colorBorder: 'var(--grey-300)',\n        colorBorderSecondary: 'var(--grey-200)'\n    },\n    cssVar: {key: \"app\"},\n    components: {\n        Button: {\n        }\n    },\n};","import React from 'react';\nimport {ConfigProvider, ThemeConfig} from 'antd';\nimport {darkTheme} from \"./themes/dark\";\nimport {lightTheme} from \"./themes/light\";\n\n\nexport type ThemeMode = 'light' | 'dark';\n\nexport type ThemeProviderProps = {\n    mode?: ThemeMode;\n    children: React.ReactNode;\n} & ThemeConfig;\n\nexport const ThemeProvider: React.FC<ThemeProviderProps> = ({\n                                                                      mode = 'light',\n                                                                      children,\n                                                                      ...props\n                                                                  }) => {\n\n    const baseTheme = mode === \"dark\" ? darkTheme : lightTheme;\n\n\n    const mergedTheme: ThemeConfig = {\n        ...baseTheme,\n        ...props,\n        token: props.token ? {\n            ...baseTheme.token,\n            ...props.token,\n        } : baseTheme.token,\n        components: props.components ? {\n            ...baseTheme.components,\n            ...props.components,\n        } : baseTheme.components,\n    };\n\n\n    return (\n        <ConfigProvider theme={mergedTheme}>\n            {children}\n        </ConfigProvider>\n    );\n};","import clsx, {ClassValue} from \"clsx\";\nimport {twMerge} from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n    return twMerge(clsx(inputs));\n}","import React from 'react';\nimport {Button, ButtonProps} from 'antd';\nimport {cn} from \"../../../utils/cn\";\nimport {instance} from \"storybook/internal/node-logger\";\nimport {twJoin} from \"tailwind-merge\";\n\nexport type KButtonProps = Pick<\n    ButtonProps,\n    'className' | 'style' | 'children'\n    | 'disabled' | 'loading' | 'block'\n    | 'icon' | 'iconPlacement'\n    | Extract<keyof ButtonProps, `on${string}`>\n> & {\n    size?: 'sm' | 'md' | 'lg' | 'xl',\n    type?: 'primary' | 'outline' | 'ghost' | 'link'\n}\n\ntype ButtonColors = {\n    bg: string,\n    border: string | null,\n    color: string,\n    boxShadow: string | null,\n}\n\nconst defaultShadow = 'var(--shadow-xs-button)';\n\nconst primaryColor = 'var(--button-text)';\nconst outlieColor = 'var(--text-primary)';\nconst ghostColor = 'var(--text-primary)';\n\nconst outlineBorder = 'var(--border-primary)';\n\nconst colors: Record<Required<KButtonProps>['type'], {\n    default: ButtonColors,\n    hover: ButtonColors,\n    disabled: ButtonColors,\n    pressed: ButtonColors,\n}> = {\n    primary: {\n        default: {\n            bg: 'var(--button-bg)',\n            border: null,\n            boxShadow: defaultShadow,\n            color: primaryColor,\n        },\n        hover: {\n            bg: 'var(--button-bg-hover)',\n            border: null,\n            boxShadow: defaultShadow,\n            color: primaryColor,\n        },\n        pressed: {\n            bg: 'var(--button-bg-pressed)',\n            border: null,\n            boxShadow: defaultShadow,\n            color: primaryColor,\n        },\n        disabled: {\n            bg: 'var(--button-bg-disabled)',\n            border: null,\n            boxShadow: null,\n            color: 'var(--text-disabled)',\n        },\n    },\n    outline: {\n        default: {\n            bg: 'var(--bg-primary)',\n            border: outlineBorder,\n            boxShadow: defaultShadow,\n            color: outlieColor,\n        },\n        hover: {\n            bg: 'var(--bg-primary_hover)',\n            border: outlineBorder,\n            boxShadow: defaultShadow,\n            color: outlieColor,\n        },\n        pressed: {\n            bg: 'var(--bg-secondary_hover)',\n            border: outlineBorder,\n            boxShadow: defaultShadow,\n            color: outlieColor,\n        },\n        disabled: {\n            bg: 'var(--button-bg-disabled)',\n            border: outlineBorder,\n            boxShadow: null,\n            color: 'var(--text-disabled)',\n        },\n    },\n    ghost: {\n        default: {\n            bg: '#fff',\n            border: null,\n            boxShadow: null,\n            color: ghostColor,\n        },\n        hover: {\n            bg: 'var(--bg-primary_hover)',\n            border: null,\n            boxShadow: null,\n            color: ghostColor,\n        },\n        pressed: {\n            bg: 'var(--bg-secondary_hover)',\n            border: null,\n            boxShadow: null,\n            color: ghostColor,\n        },\n        disabled: {\n            bg: 'var(--button-bg-disabled)',\n            border: null,\n            boxShadow: null,\n            color: 'var(--text-disabled)',\n        },\n    },\n    link: {\n        default: {\n            bg: '#fff',\n            border: null,\n            boxShadow: null,\n            color: 'var(--text-primary)',\n        },\n        hover: {\n            bg: '#fff',\n            border: null,\n            boxShadow: null,\n            color: 'var(--text-tertiary_hover)',\n        },\n        pressed: {\n            bg: '#fff',\n            border: null,\n            boxShadow: null,\n            color: 'var(--button-bg-pressed)',\n        },\n        disabled: {\n            bg: '#fff',\n            border: null,\n            boxShadow: null,\n            color: 'var(--text-disabled)',\n        },\n    },\n}\n\n\nconst sizes: Record<Required<KButtonProps>['size'], {\n    fontSize: string,\n    paddingX: string,\n    paddingY: string,\n    gapX: string,\n    lineHeight: string,\n    letterSpacing: string,\n    radius: string,\n}> = {\n    sm: {\n        fontSize: 'calc(12/16*1rem)',\n        paddingX: 'calc(6/16*1rem)',\n        paddingY: 'calc(3/16*1rem)',\n        gapX: 'calc(4/16*1rem)',\n        lineHeight: 'calc(18/16*1rem)',\n        letterSpacing: '0em',\n        radius: '6px'\n    },\n    md: {\n        fontSize: 'calc(14/16*1rem)',\n        paddingX: 'calc(8/16*1rem)',\n        paddingY: 'calc(6/16*1rem)',\n        gapX: 'calc(6/16*1rem)',\n        lineHeight: 'calc(20/16*1rem)',\n        letterSpacing: '-0.006em',\n        radius: '6px'\n    },\n    lg: {\n        fontSize: '1rem',\n        paddingX: '0.625rem',// 'calc(10/16*1rem)',\n        paddingY: '0.5rem', // 'calc(8/16*1rem)',\n        gapX: 'calc(6/16*1rem)',\n        lineHeight: 'calc(24/16*1rem)',\n        letterSpacing: '-0.011em',\n        radius: '8px'\n    },\n    xl: {\n        fontSize: 'calc(16/16*1rem)',\n        paddingX: '1.195625rem', // 'calc(19.13/16*1rem)',\n        paddingY: '0.75rem',     // 'calc(12/16*1rem)',\n        gapX: 'calc(6/16*1rem)',\n        lineHeight: 'calc(24/16*1rem)',\n        letterSpacing: '-0.011em',\n        radius: '8px'\n    }\n}\n\n\nexport const KButton: React.FC<KButtonProps> = React.forwardRef<HTMLButtonElement, KButtonProps>(({\n                                                                                                      children,\n                                                                                                      className,\n                                                                                                      style,\n                                                                                                      type = 'primary',\n                                                                                                      size = 'lg',\n                                                                                                      ...rest\n                                                                                                  }, ref) => {\n\n\n    const _color = colors[type];\n    const _size = sizes[size];\n    const _style = {\n\n        // shadow\n        '--ant-btn-shadow': _color.default.boxShadow || 'none',\n\n        // button status colors\n        '--ant-btn-bg-color': _color.default.bg,\n        '--ant-btn-text-color': _color.default.color,\n        '--ant-btn-border-color': _color.default.border || _color.default.bg,\n\n        '--ant-btn-bg-color-hover': _color.hover.bg,\n        '--ant-btn-text-color-hover': _color.hover.color,\n        '--ant-btn-border-color-hover': _color.hover.border || _color.hover.bg,\n\n        '--ant-btn-bg-color-disabled': _color.disabled.bg,\n        '--ant-color-text-disabled': _color.disabled.color,\n        '--ant-button-border-color-disabled': _color.disabled.border || _color.disabled.bg,\n\n        '--ant-btn-bg-color-active': _color.pressed.bg,\n        '--ant-btn-text-color-active': _color.pressed.color,\n        '--ant-btn-border-color-active': _color.pressed.border || _color.pressed.bg,\n\n        // sizes\n        '--ant-control-height': 'auto',\n        '--ant-button-content-font-size': _size.fontSize,\n        '--ant-border-radius': _size.radius,\n\n        // padding\n        '--k-button-px': type === 'link' ? 0 : _size.paddingX,\n        '--k-button-py': type === 'link' ? 0 : _size.paddingX,\n        '--k-button-gap-x': _size.gapX,\n        '--k-button-line-height': _size.lineHeight,\n        '--k-button-letter-spacing': _size.letterSpacing,\n\n        // custom styles\n        ...style,\n    } as React.CSSProperties;\n\n    const baseStyles = twJoin(\n        '!p-[var(--k-button-py)_var(--k-button-px)]',\n        'gap-[var(--k-button-gap-x)] tracking-[var(--k-button-letter-spacing)] leading-[var(--k-button-line-height)]',\n        'font-medium'\n    )\n\n    return (\n        <Button\n            {...rest}\n            className={cn(baseStyles, className)}\n            ref={ref}\n            size={'middle'}\n            type={'default'}\n            style={_style}\n        >\n            {children}\n        </Button>\n    );\n});\n"],"names":["themeAntd","_jsx","ConfigProvider","twMerge","twJoin","Button"],"mappings":"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"}
+{"version":3,"file":"index.cjs.js","sources":["../src/themes/dark.ts","../src/themes/light.ts","../src/ThemeProvider.tsx","../src/utils/cn.ts","../src/components/design/KButton/KButton.tsx","../src/components/design/KCheckbox/KCheckbox.tsx","../src/components/design/KDropdown/KDropdown.tsx","../src/components/design/KInput/KInput.tsx","../src/components/design/KRadio/KRadio.tsx","../src/components/design/KSelect/KSelect.tsx","../src/components/design/KSpin/KSpin.tsx","../src/components/design/KSwitch/KSwitch.tsx","../src/components/design/KTag/KTag.tsx","../src/components/design/KTooltip/KTooltip.tsx"],"sourcesContent":["import {theme as themeAntd, ThemeConfig} from \"antd\";\n\nexport const darkTheme: ThemeConfig = {\n    algorithm: themeAntd.darkAlgorithm,\n    token: {\n        // colorPrimary: themeColor.primary,\n        colorPrimary: '#ed2449',\n    },\n    cssVar: {key: \"app\"},\n    components: {},\n};","import {theme as themeAntd, ThemeConfig} from \"antd\";\n\n\nexport const lightTheme: ThemeConfig = {\n    algorithm: themeAntd.defaultAlgorithm,\n    token: {\n        colorPrimary: 'var(--grey-900)',\n        colorTextSecondary: 'var(--grey-900)',\n        colorBorder: 'var(--grey-300)',\n        colorBorderSecondary: 'var(--grey-200)'\n    },\n    cssVar: {key: \"app\"},\n    components: {\n        Button: {\n        }\n    },\n};","import React from 'react';\nimport {ConfigProvider, ThemeConfig} from 'antd';\nimport {darkTheme} from \"./themes/dark\";\nimport {lightTheme} from \"./themes/light\";\n\n\nexport type ThemeMode = 'light' | 'dark';\n\nexport type ThemeProviderProps = {\n    mode?: ThemeMode;\n    children: React.ReactNode;\n} & ThemeConfig;\n\nexport const ThemeProvider: React.FC<ThemeProviderProps> = ({\n                                                                      mode = 'light',\n                                                                      children,\n                                                                      ...props\n                                                                  }) => {\n\n    const baseTheme = mode === \"dark\" ? darkTheme : lightTheme;\n\n\n    const mergedTheme: ThemeConfig = {\n        ...baseTheme,\n        ...props,\n        token: props.token ? {\n            ...baseTheme.token,\n            ...props.token,\n        } : baseTheme.token,\n        components: props.components ? {\n            ...baseTheme.components,\n            ...props.components,\n        } : baseTheme.components,\n    };\n\n\n    return (\n        <ConfigProvider theme={mergedTheme}>\n            {children}\n        </ConfigProvider>\n    );\n};","import clsx, {ClassValue} from \"clsx\";\nimport {twMerge} from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n    return twMerge(clsx(inputs));\n}","import React from 'react';\nimport {Button, ButtonProps} from 'antd';\nimport {cn} from \"../../../utils/cn\";\nimport {twJoin} from \"tailwind-merge\";\n\nexport type KButtonProps = Omit<\n    ButtonProps,\n    'size' | 'type'\n> & {\n    size?: 'sm' | 'md' | 'lg' | 'xl',\n    type?: 'primary' | 'outline' | 'ghost' | 'link'\n}\n\ntype ButtonColors = {\n    bg: string,\n    border: string | null,\n    color: string,\n    boxShadow: string | null,\n}\n\nconst defaultShadow = 'var(--shadow-xs-button)';\n\nconst primaryColor = 'var(--button-text)';\nconst outlieColor = 'var(--text-primary)';\nconst ghostColor = 'var(--text-primary)';\n\nconst outlineBorder = 'var(--border-primary)';\n\nconst colors: Record<Required<KButtonProps>['type'], {\n    default: ButtonColors,\n    hover: ButtonColors,\n    disabled: ButtonColors,\n    pressed: ButtonColors,\n}> = {\n    primary: {\n        default: {\n            bg: 'var(--button-bg)',\n            border: null,\n            boxShadow: defaultShadow,\n            color: primaryColor,\n        },\n        hover: {\n            bg: 'var(--button-bg-hover)',\n            border: null,\n            boxShadow: defaultShadow,\n            color: primaryColor,\n        },\n        pressed: {\n            bg: 'var(--button-bg-pressed)',\n            border: null,\n            boxShadow: defaultShadow,\n            color: primaryColor,\n        },\n        disabled: {\n            bg: 'var(--button-bg-disabled)',\n            border: null,\n            boxShadow: null,\n            color: 'var(--text-disabled)',\n        },\n    },\n    outline: {\n        default: {\n            bg: 'var(--bg-primary)',\n            border: outlineBorder,\n            boxShadow: defaultShadow,\n            color: outlieColor,\n        },\n        hover: {\n            bg: 'var(--bg-primary_hover)',\n            border: outlineBorder,\n            boxShadow: defaultShadow,\n            color: outlieColor,\n        },\n        pressed: {\n            bg: 'var(--bg-secondary_hover)',\n            border: outlineBorder,\n            boxShadow: defaultShadow,\n            color: outlieColor,\n        },\n        disabled: {\n            bg: 'var(--button-bg-disabled)',\n            border: outlineBorder,\n            boxShadow: null,\n            color: 'var(--text-disabled)',\n        },\n    },\n    ghost: {\n        default: {\n            bg: 'var(--white)',\n            border: null,\n            boxShadow: null,\n            color: ghostColor,\n        },\n        hover: {\n            bg: 'var(--bg-primary_hover)',\n            border: null,\n            boxShadow: null,\n            color: ghostColor,\n        },\n        pressed: {\n            bg: 'var(--bg-secondary_hover)',\n            border: null,\n            boxShadow: null,\n            color: ghostColor,\n        },\n        disabled: {\n            bg: 'var(--button-bg-disabled)',\n            border: null,\n            boxShadow: null,\n            color: 'var(--text-disabled)',\n        },\n    },\n    link: {\n        default: {\n            bg: 'var(--white)',\n            border: null,\n            boxShadow: null,\n            color: 'var(--text-primary)',\n        },\n        hover: {\n            bg: 'var(--white)',\n            border: null,\n            boxShadow: null,\n            color: 'var(--text-tertiary_hover)',\n        },\n        pressed: {\n            bg: 'var(--white)',\n            border: null,\n            boxShadow: null,\n            color: 'var(--button-bg-pressed)',\n        },\n        disabled: {\n            bg: 'var(--white)',\n            border: null,\n            boxShadow: null,\n            color: 'var(--text-disabled)',\n        },\n    },\n}\n\n\nconst sizes: Record<Required<KButtonProps>['size'], {\n    fontSize: string,\n    paddingX: string,\n    paddingY: string,\n    gapX: string,\n    lineHeight: string,\n    letterSpacing: string,\n    radius: string,\n}> = {\n    sm: {\n        fontSize: '0.75rem', // 12px\n        paddingX: 'var(--spacing-sm)', // 6px\n        paddingY: '0.1875rem', // 3px\n        gapX: 'var(--spacing-xxs)', // 2px\n        lineHeight: '1.125rem', // 18px\n        letterSpacing: '0em',\n        radius: 'var(--radius-sm)' // 6px\n    },\n    md: {\n        fontSize: '0.875rem', // 14px\n        paddingX: 'var(--spacing-md)', // 8px\n        paddingY: 'var(--spacing-sm)', // 6px\n        gapX: 'var(--spacing-xs)', // 4px\n        lineHeight: '1.25rem',// 20px\n        letterSpacing: '-0.006em',\n        radius: 'var(--radius-sm)'\n    },\n    lg: {\n        fontSize: '1rem',\n        paddingX: 'var(--spacing-md-plus)',// 10px\n        paddingY: 'var(--spacing-md)', // 8px\n        gapX: 'var(--spacing-xs)', // 4px\n        lineHeight: '1.5rem', // 24px\n        letterSpacing: '-0.011em',\n        radius: 'var(--radius-md)'\n    },\n    xl: {\n        fontSize: '1rem',\n        paddingX: 'var(--spacing-xl)', // 16px\n        paddingY: 'var(--spacing-md-plus)',   // 10px\n        gapX: 'var(--spacing-xs)', // 4px\n        lineHeight: '1.5rem', // 24px\n        letterSpacing: '-0.011em',\n        radius: 'var(--radius-md)'\n    }\n}\n\n\nexport const KButton: React.FC<KButtonProps> = React.forwardRef<HTMLButtonElement, KButtonProps>(({\n                                                                                                      children,\n                                                                                                      className,\n                                                                                                      style,\n                                                                                                      type = 'primary',\n                                                                                                      size = 'lg',\n                                                                                                      ...rest\n                                                                                                  }, ref) => {\n\n\n    const _color = colors[type];\n    const _size = sizes[size];\n    const _style = {\n\n        // shadow\n        '--ant-btn-shadow': _color.default.boxShadow || 'none',\n\n        // button status colors\n        '--ant-btn-bg-color': _color.default.bg,\n        '--ant-btn-text-color': _color.default.color,\n        '--ant-btn-border-color': _color.default.border || _color.default.bg,\n\n        '--ant-btn-bg-color-hover': _color.hover.bg,\n        '--ant-btn-text-color-hover': _color.hover.color,\n        '--ant-btn-border-color-hover': _color.hover.border || _color.hover.bg,\n\n        '--ant-btn-bg-color-disabled': _color.disabled.bg,\n        '--ant-color-text-disabled': _color.disabled.color,\n        '--ant-button-border-color-disabled': _color.disabled.border || _color.disabled.bg,\n\n        '--ant-btn-bg-color-active': _color.pressed.bg,\n        '--ant-btn-text-color-active': _color.pressed.color,\n        '--ant-btn-border-color-active': _color.pressed.border || _color.pressed.bg,\n\n        // sizes\n        '--ant-control-height': 'auto',\n        '--ant-button-content-font-size': _size.fontSize,\n        '--ant-border-radius': _size.radius,\n\n        // padding\n        '--k-button-px': type === 'link' ? 0 : _size.paddingX,\n        '--k-button-py': type === 'link' ? 0 : _size.paddingX,\n        '--k-button-gap-x': _size.gapX,\n        '--k-button-line-height': _size.lineHeight,\n        '--k-button-letter-spacing': _size.letterSpacing,\n\n        // custom styles\n        ...style,\n    } as React.CSSProperties;\n\n    const baseStyles = twJoin(\n        '!p-[var(--k-button-py)_var(--k-button-px)]',\n        'gap-[var(--k-button-gap-x)] tracking-[var(--k-button-letter-spacing)] leading-[var(--k-button-line-height)]',\n        'font-medium'\n    )\n\n    return (\n        <Button\n            {...rest}\n            className={cn(baseStyles, className)}\n            ref={ref}\n            size={'middle'}\n            type={'default'}\n            style={_style}\n        >\n            {children}\n        </Button>\n    );\n});\n","import React from 'react';\nimport {Checkbox, CheckboxProps} from 'antd';\n\nexport type KCheckboxProps = CheckboxProps\n\n\nexport const KCheckbox: React.FC<KCheckboxProps> = ({children, disabled, ...props}) => {\n    return (\n        <Checkbox {...props} disabled={disabled}>{children}</Checkbox>\n    );\n};\n","import React from 'react';\nimport {Dropdown, DropdownProps} from 'antd';\n\nexport type KDropdownProps = DropdownProps\n\n\nexport const KDropdown: React.FC<KDropdownProps> = ({children, disabled, ...props}) => {\n    return (\n        <Dropdown {...props} disabled={disabled}>{children}</Dropdown>\n    );\n};\n","import React, {CSSProperties} from 'react';\nimport {Input, InputProps} from 'antd';\nimport {twJoin} from \"tailwind-merge\";\nimport {cn} from \"../../../utils/cn\";\n\nexport type KInputProps = Omit<\n    InputProps,\n    'size'\n> & {\n    size?: 'sm' | 'md' | 'lg' | 'xl',\n};\n\ntype InputColors = {\n    border: string,\n    bg: string | undefined,\n    placeholder: string | undefined,\n\n}\n\nconst colors: Record<string, InputColors> = {\n    default: {\n        border: 'var(--border-primary)',\n        bg: 'var(--bg-primary)',\n        placeholder: 'var(--text-placeholder)',\n    },\n    hover: {\n        border: 'var(--border-solid)',\n        bg: undefined,\n        placeholder: undefined,\n    },\n    active: {\n        border: 'var(--border-solid)',\n        bg: undefined,\n        placeholder: undefined,\n    },\n    disabled: {\n        border: 'var(--border-disabled)',\n        bg: 'var(--bg-disabled_subtle)',\n        placeholder: undefined,\n    }\n};\n\nconst sizes: Record<string, {\n    radius: string,\n    paddingX: string,\n    paddingY: string,\n}> = {\n    sm: {\n        radius: 'var(--radius-sm)',\n        paddingX: 'var(--spacing-md-plus)',\n        paddingY: 'var(--spacing-sm)',\n    },\n    md: {\n        radius: 'var(--radius-sm)',\n        paddingX: 'var(--spacing-md-plus)',\n        paddingY: 'var(--spacing-md)',\n\n    },\n    lg: {\n        radius: 'var(--radius-md)',\n        paddingX: 'var(--spacing-md-plus)',\n        paddingY: 'var(--spacing-md-plus)',\n\n    },\n    xl: {\n        radius: 'var(--radius-md)',\n        paddingX: 'var(--spacing-lg)',\n        paddingY: 'var(--spacing-lg)',\n    }\n}\n\nexport const KInput: React.FC<KInputProps> = ({\n                                                  className,\n                                                  style,\n                                                  size = 'lg',\n                                                  disabled,\n                                                  ...props\n                                              }) => {\n    const baseClasses = twJoin('!shadow-none');\n\n    const _size = sizes[size];\n\n    const _style = {\n        '--ant-color-border': disabled ? colors.disabled.border : colors.default.border,\n        '--ant-input-hover-border-color': disabled ? colors.disabled.border : colors.hover.border,\n        '--ant-input-active-border-color': disabled ? colors.disabled.border : colors.active.border,\n        '--ant-color-bg-container': disabled ? colors.disabled.bg : colors.default.bg,\n        '--ant-color-text-placeholder': colors.default.placeholder,\n        '--ant-border-radius': _size.radius,\n        '--ant-input-padding-block': _size.paddingY,\n        '--ant-input-padding-inline': _size.paddingX,\n        '--ant-input-input-font-size': '1rem',\n        // padding: var(--ant-input-padding-block) var(--ant-input-padding-inline);\n        ...style,\n    } as CSSProperties;\n\n    return (\n        <Input {...props} disabled={disabled} className={cn(baseClasses, className)} style={_style}/>\n    );\n};\n","import React from 'react';\nimport {Radio, RadioGroupProps, RadioProps} from 'antd';\n\nexport type KRadioProps = RadioProps\nexport type KRadioGroupProps = RadioGroupProps\n\nexport const KRadioGroup: React.FC<KRadioGroupProps> = (props) => {\n    return <Radio.Group {...props} />;\n}\n\ninterface KRadioInterface extends React.FC<KRadioProps> {\n    Group: typeof KRadioGroup;\n}\n\nexport const KRadio: KRadioInterface = ({children, disabled, ...props}) => {\n    return (\n        <Radio {...props} disabled={disabled}>{children}</Radio>\n    );\n};\n\nKRadio.Group = KRadioGroup;\n\n\n\n","import React from 'react';\nimport {Select, SelectProps} from 'antd';\n\nexport type KSelectProps = SelectProps;\n\n\nexport const KSelect: React.FC<KSelectProps> = ({children, disabled, ...props}) => {\n    return (\n        <Select {...props} disabled={disabled}>{children}</Select>\n    );\n};\n","import React from 'react';\nimport {Spin, SpinProps} from 'antd';\n\nexport type KSpinProps = SpinProps \n\nexport const KSpin: React.FC<KSpinProps> = (props) => {\n    return (\n        <Spin {...props}/>\n    );\n};\n","import React from 'react';\nimport {Switch, SwitchProps} from 'antd';\n\nexport type KSwitchProps = SwitchProps\n\n\nexport const KSwitch: React.FC<KSwitchProps> = ({disabled, ...props}) => {\n    return (\n        <Switch {...props} disabled={disabled}/>\n    );\n};\n","import React from 'react';\nimport {Tag, TagProps} from 'antd';\n\nexport type KTagProps = TagProps;\n\n\nexport const KTag: React.FC<KTagProps> = ({children, disabled, ...props}) => {\n    return (\n        <Tag {...props} disabled={disabled}>{children}</Tag>\n    );\n};\n","import React from 'react';\nimport {Tooltip, TooltipProps} from 'antd';\n\nexport type KTooltipProps = TooltipProps\n\nexport const KTooltip: React.FC<KTooltipProps> = ({children, ...props}) => {\n    return (\n        <Tooltip {...props}>{children}</Tooltip>\n    );\n};\n"],"names":["themeAntd","_jsx","ConfigProvider","twMerge","colors","sizes","twJoin","Button","Checkbox","Dropdown","Input","Radio","Select","Spin","Switch","Tag","Tooltip"],"mappings":"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"}

package/dist/index.esm.js

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { theme, ConfigProvider, Button } from 'antd';
+import { theme, ConfigProvider, Button, Checkbox, Dropdown, Input, Radio, Select, Spin, Switch, Tag, Tooltip } from 'antd';
 import React from 'react';
 import clsx from 'clsx';
 import { twMerge, twJoin } from 'tailwind-merge';
@@ -54,7 +54,7 @@ const primaryColor = 'var(--button-text)';
 const outlieColor = 'var(--text-primary)';
 const ghostColor = 'var(--text-primary)';
 const outlineBorder = 'var(--border-primary)';
-const colors = {
+const colors$1 = {
     primary: {
         default: {
             bg: 'var(--button-bg)',
@@ -109,7 +109,7 @@ const colors = {
     },
     ghost: {
         default: {
-            bg: '#fff',
+            bg: 'var(--white)',
             border: null,
             boxShadow: null,
             color: ghostColor,
@@ -135,72 +135,72 @@ const colors = {
     },
     link: {
         default: {
-            bg: '#fff',
+            bg: 'var(--white)',
             border: null,
             boxShadow: null,
             color: 'var(--text-primary)',
         },
         hover: {
-            bg: '#fff',
+            bg: 'var(--white)',
             border: null,
             boxShadow: null,
             color: 'var(--text-tertiary_hover)',
         },
         pressed: {
-            bg: '#fff',
+            bg: 'var(--white)',
             border: null,
             boxShadow: null,
             color: 'var(--button-bg-pressed)',
         },
         disabled: {
-            bg: '#fff',
+            bg: 'var(--white)',
             border: null,
             boxShadow: null,
             color: 'var(--text-disabled)',
         },
     },
 };
-const sizes = {
+const sizes$1 = {
     sm: {
-        fontSize: 'calc(12/16*1rem)',
-        paddingX: 'calc(6/16*1rem)',
-        paddingY: 'calc(3/16*1rem)',
-        gapX: 'calc(4/16*1rem)',
-        lineHeight: 'calc(18/16*1rem)',
+        fontSize: '0.75rem', // 12px
+        paddingX: 'var(--spacing-sm)', // 6px
+        paddingY: '0.1875rem', // 3px
+        gapX: 'var(--spacing-xxs)', // 2px
+        lineHeight: '1.125rem', // 18px
         letterSpacing: '0em',
-        radius: '6px'
+        radius: 'var(--radius-sm)' // 6px
     },
     md: {
-        fontSize: 'calc(14/16*1rem)',
-        paddingX: 'calc(8/16*1rem)',
-        paddingY: 'calc(6/16*1rem)',
-        gapX: 'calc(6/16*1rem)',
-        lineHeight: 'calc(20/16*1rem)',
+        fontSize: '0.875rem', // 14px
+        paddingX: 'var(--spacing-md)', // 8px
+        paddingY: 'var(--spacing-sm)', // 6px
+        gapX: 'var(--spacing-xs)', // 4px
+        lineHeight: '1.25rem', // 20px
         letterSpacing: '-0.006em',
-        radius: '6px'
+        radius: 'var(--radius-sm)'
     },
     lg: {
         fontSize: '1rem',
-        paddingX: '0.625rem', // 'calc(10/16*1rem)',
-        paddingY: '0.5rem', // 'calc(8/16*1rem)',
-        gapX: 'calc(6/16*1rem)',
-        lineHeight: 'calc(24/16*1rem)',
+        paddingX: 'var(--spacing-md-plus)', // 10px
+        paddingY: 'var(--spacing-md)', // 8px
+        gapX: 'var(--spacing-xs)', // 4px
+        lineHeight: '1.5rem', // 24px
         letterSpacing: '-0.011em',
-        radius: '8px'
+        radius: 'var(--radius-md)'
     },
     xl: {
-        fontSize: 'calc(16/16*1rem)',
-        paddingX: '1.195625rem', // 'calc(19.13/16*1rem)',
-        paddingY: '0.75rem', // 'calc(12/16*1rem)',
-        gapX: 'calc(6/16*1rem)',
-        lineHeight: 'calc(24/16*1rem)',
+        fontSize: '1rem',
+        paddingX: 'var(--spacing-xl)', // 16px
+        paddingY: 'var(--spacing-md-plus)', // 10px
+        gapX: 'var(--spacing-xs)', // 4px
+        lineHeight: '1.5rem', // 24px
         letterSpacing: '-0.011em',
-        radius: '8px'
+        radius: 'var(--radius-md)'
     }
 };
 const KButton = React.forwardRef(({ children, className, style, type = 'primary', size = 'lg', ...rest }, ref) => {
-    const _color = colors[type];
-    const _size = sizes[size];
+    const _color = colors$1[type];
+    const _size = sizes$1[size];
     const _style = {
         // shadow
         '--ant-btn-shadow': _color.default.boxShadow || 'none',
@@ -234,5 +234,96 @@ const KButton = React.forwardRef(({ children, className, style, type = 'primary'
     return (jsx(Button, { ...rest, className: cn(baseStyles, className), ref: ref, size: 'middle', type: 'default', style: _style, children: children }));
 });
 
-export { KButton, ThemeProvider };
+const KCheckbox = ({ children, disabled, ...props }) => {
+    return (jsx(Checkbox, { ...props, disabled: disabled, children: children }));
+};
+
+const KDropdown = ({ children, disabled, ...props }) => {
+    return (jsx(Dropdown, { ...props, disabled: disabled, children: children }));
+};
+
+const colors = {
+    default: {
+        border: 'var(--border-primary)',
+        bg: 'var(--bg-primary)',
+        placeholder: 'var(--text-placeholder)',
+    },
+    hover: {
+        border: 'var(--border-solid)'},
+    active: {
+        border: 'var(--border-solid)'},
+    disabled: {
+        border: 'var(--border-disabled)',
+        bg: 'var(--bg-disabled_subtle)'}
+};
+const sizes = {
+    sm: {
+        radius: 'var(--radius-sm)',
+        paddingX: 'var(--spacing-md-plus)',
+        paddingY: 'var(--spacing-sm)',
+    },
+    md: {
+        radius: 'var(--radius-sm)',
+        paddingX: 'var(--spacing-md-plus)',
+        paddingY: 'var(--spacing-md)',
+    },
+    lg: {
+        radius: 'var(--radius-md)',
+        paddingX: 'var(--spacing-md-plus)',
+        paddingY: 'var(--spacing-md-plus)',
+    },
+    xl: {
+        radius: 'var(--radius-md)',
+        paddingX: 'var(--spacing-lg)',
+        paddingY: 'var(--spacing-lg)',
+    }
+};
+const KInput = ({ className, style, size = 'lg', disabled, ...props }) => {
+    const baseClasses = twJoin('!shadow-none');
+    const _size = sizes[size];
+    const _style = {
+        '--ant-color-border': disabled ? colors.disabled.border : colors.default.border,
+        '--ant-input-hover-border-color': disabled ? colors.disabled.border : colors.hover.border,
+        '--ant-input-active-border-color': disabled ? colors.disabled.border : colors.active.border,
+        '--ant-color-bg-container': disabled ? colors.disabled.bg : colors.default.bg,
+        '--ant-color-text-placeholder': colors.default.placeholder,
+        '--ant-border-radius': _size.radius,
+        '--ant-input-padding-block': _size.paddingY,
+        '--ant-input-padding-inline': _size.paddingX,
+        '--ant-input-input-font-size': '1rem',
+        // padding: var(--ant-input-padding-block) var(--ant-input-padding-inline);
+        ...style,
+    };
+    return (jsx(Input, { ...props, disabled: disabled, className: cn(baseClasses, className), style: _style }));
+};
+
+const KRadioGroup = (props) => {
+    return jsx(Radio.Group, { ...props });
+};
+const KRadio = ({ children, disabled, ...props }) => {
+    return (jsx(Radio, { ...props, disabled: disabled, children: children }));
+};
+KRadio.Group = KRadioGroup;
+
+const KSelect = ({ children, disabled, ...props }) => {
+    return (jsx(Select, { ...props, disabled: disabled, children: children }));
+};
+
+const KSpin = (props) => {
+    return (jsx(Spin, { ...props }));
+};
+
+const KSwitch = ({ disabled, ...props }) => {
+    return (jsx(Switch, { ...props, disabled: disabled }));
+};
+
+const KTag = ({ children, disabled, ...props }) => {
+    return (jsx(Tag, { ...props, disabled: disabled, children: children }));
+};
+
+const KTooltip = ({ children, ...props }) => {
+    return (jsx(Tooltip, { ...props, children: children }));
+};
+
+export { KButton, KCheckbox, KDropdown, KInput, KRadio, KRadioGroup, KSelect, KSpin, KSwitch, KTag, KTooltip, ThemeProvider };
 //# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../src/themes/dark.ts","../src/themes/light.ts","../src/ThemeProvider.tsx","../src/utils/cn.ts","../src/components/certikd/KButton/KButton.tsx"],"sourcesContent":["import {theme as themeAntd, ThemeConfig} from \"antd\";\n\nexport const darkTheme: ThemeConfig = {\n    algorithm: themeAntd.darkAlgorithm,\n    token: {\n        // colorPrimary: themeColor.primary,\n        colorPrimary: '#ed2449',\n    },\n    cssVar: {key: \"app\"},\n    components: {},\n};","import {theme as themeAntd, ThemeConfig} from \"antd\";\n\n\nexport const lightTheme: ThemeConfig = {\n    algorithm: themeAntd.defaultAlgorithm,\n    token: {\n        colorPrimary: 'var(--grey-900)',\n        colorTextSecondary: 'var(--grey-900)',\n        colorBorder: 'var(--grey-300)',\n        colorBorderSecondary: 'var(--grey-200)'\n    },\n    cssVar: {key: \"app\"},\n    components: {\n        Button: {\n        }\n    },\n};","import React from 'react';\nimport {ConfigProvider, ThemeConfig} from 'antd';\nimport {darkTheme} from \"./themes/dark\";\nimport {lightTheme} from \"./themes/light\";\n\n\nexport type ThemeMode = 'light' | 'dark';\n\nexport type ThemeProviderProps = {\n    mode?: ThemeMode;\n    children: React.ReactNode;\n} & ThemeConfig;\n\nexport const ThemeProvider: React.FC<ThemeProviderProps> = ({\n                                                                      mode = 'light',\n                                                                      children,\n                                                                      ...props\n                                                                  }) => {\n\n    const baseTheme = mode === \"dark\" ? darkTheme : lightTheme;\n\n\n    const mergedTheme: ThemeConfig = {\n        ...baseTheme,\n        ...props,\n        token: props.token ? {\n            ...baseTheme.token,\n            ...props.token,\n        } : baseTheme.token,\n        components: props.components ? {\n            ...baseTheme.components,\n            ...props.components,\n        } : baseTheme.components,\n    };\n\n\n    return (\n        <ConfigProvider theme={mergedTheme}>\n            {children}\n        </ConfigProvider>\n    );\n};","import clsx, {ClassValue} from \"clsx\";\nimport {twMerge} from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n    return twMerge(clsx(inputs));\n}","import React from 'react';\nimport {Button, ButtonProps} from 'antd';\nimport {cn} from \"../../../utils/cn\";\nimport {instance} from \"storybook/internal/node-logger\";\nimport {twJoin} from \"tailwind-merge\";\n\nexport type KButtonProps = Pick<\n    ButtonProps,\n    'className' | 'style' | 'children'\n    | 'disabled' | 'loading' | 'block'\n    | 'icon' | 'iconPlacement'\n    | Extract<keyof ButtonProps, `on${string}`>\n> & {\n    size?: 'sm' | 'md' | 'lg' | 'xl',\n    type?: 'primary' | 'outline' | 'ghost' | 'link'\n}\n\ntype ButtonColors = {\n    bg: string,\n    border: string | null,\n    color: string,\n    boxShadow: string | null,\n}\n\nconst defaultShadow = 'var(--shadow-xs-button)';\n\nconst primaryColor = 'var(--button-text)';\nconst outlieColor = 'var(--text-primary)';\nconst ghostColor = 'var(--text-primary)';\n\nconst outlineBorder = 'var(--border-primary)';\n\nconst colors: Record<Required<KButtonProps>['type'], {\n    default: ButtonColors,\n    hover: ButtonColors,\n    disabled: ButtonColors,\n    pressed: ButtonColors,\n}> = {\n    primary: {\n        default: {\n            bg: 'var(--button-bg)',\n            border: null,\n            boxShadow: defaultShadow,\n            color: primaryColor,\n        },\n        hover: {\n            bg: 'var(--button-bg-hover)',\n            border: null,\n            boxShadow: defaultShadow,\n            color: primaryColor,\n        },\n        pressed: {\n            bg: 'var(--button-bg-pressed)',\n            border: null,\n            boxShadow: defaultShadow,\n            color: primaryColor,\n        },\n        disabled: {\n            bg: 'var(--button-bg-disabled)',\n            border: null,\n            boxShadow: null,\n            color: 'var(--text-disabled)',\n        },\n    },\n    outline: {\n        default: {\n            bg: 'var(--bg-primary)',\n            border: outlineBorder,\n            boxShadow: defaultShadow,\n            color: outlieColor,\n        },\n        hover: {\n            bg: 'var(--bg-primary_hover)',\n            border: outlineBorder,\n            boxShadow: defaultShadow,\n            color: outlieColor,\n        },\n        pressed: {\n            bg: 'var(--bg-secondary_hover)',\n            border: outlineBorder,\n            boxShadow: defaultShadow,\n            color: outlieColor,\n        },\n        disabled: {\n            bg: 'var(--button-bg-disabled)',\n            border: outlineBorder,\n            boxShadow: null,\n            color: 'var(--text-disabled)',\n        },\n    },\n    ghost: {\n        default: {\n            bg: '#fff',\n            border: null,\n            boxShadow: null,\n            color: ghostColor,\n        },\n        hover: {\n            bg: 'var(--bg-primary_hover)',\n            border: null,\n            boxShadow: null,\n            color: ghostColor,\n        },\n        pressed: {\n            bg: 'var(--bg-secondary_hover)',\n            border: null,\n            boxShadow: null,\n            color: ghostColor,\n        },\n        disabled: {\n            bg: 'var(--button-bg-disabled)',\n            border: null,\n            boxShadow: null,\n            color: 'var(--text-disabled)',\n        },\n    },\n    link: {\n        default: {\n            bg: '#fff',\n            border: null,\n            boxShadow: null,\n            color: 'var(--text-primary)',\n        },\n        hover: {\n            bg: '#fff',\n            border: null,\n            boxShadow: null,\n            color: 'var(--text-tertiary_hover)',\n        },\n        pressed: {\n            bg: '#fff',\n            border: null,\n            boxShadow: null,\n            color: 'var(--button-bg-pressed)',\n        },\n        disabled: {\n            bg: '#fff',\n            border: null,\n            boxShadow: null,\n            color: 'var(--text-disabled)',\n        },\n    },\n}\n\n\nconst sizes: Record<Required<KButtonProps>['size'], {\n    fontSize: string,\n    paddingX: string,\n    paddingY: string,\n    gapX: string,\n    lineHeight: string,\n    letterSpacing: string,\n    radius: string,\n}> = {\n    sm: {\n        fontSize: 'calc(12/16*1rem)',\n        paddingX: 'calc(6/16*1rem)',\n        paddingY: 'calc(3/16*1rem)',\n        gapX: 'calc(4/16*1rem)',\n        lineHeight: 'calc(18/16*1rem)',\n        letterSpacing: '0em',\n        radius: '6px'\n    },\n    md: {\n        fontSize: 'calc(14/16*1rem)',\n        paddingX: 'calc(8/16*1rem)',\n        paddingY: 'calc(6/16*1rem)',\n        gapX: 'calc(6/16*1rem)',\n        lineHeight: 'calc(20/16*1rem)',\n        letterSpacing: '-0.006em',\n        radius: '6px'\n    },\n    lg: {\n        fontSize: '1rem',\n        paddingX: '0.625rem',// 'calc(10/16*1rem)',\n        paddingY: '0.5rem', // 'calc(8/16*1rem)',\n        gapX: 'calc(6/16*1rem)',\n        lineHeight: 'calc(24/16*1rem)',\n        letterSpacing: '-0.011em',\n        radius: '8px'\n    },\n    xl: {\n        fontSize: 'calc(16/16*1rem)',\n        paddingX: '1.195625rem', // 'calc(19.13/16*1rem)',\n        paddingY: '0.75rem',     // 'calc(12/16*1rem)',\n        gapX: 'calc(6/16*1rem)',\n        lineHeight: 'calc(24/16*1rem)',\n        letterSpacing: '-0.011em',\n        radius: '8px'\n    }\n}\n\n\nexport const KButton: React.FC<KButtonProps> = React.forwardRef<HTMLButtonElement, KButtonProps>(({\n                                                                                                      children,\n                                                                                                      className,\n                                                                                                      style,\n                                                                                                      type = 'primary',\n                                                                                                      size = 'lg',\n                                                                                                      ...rest\n                                                                                                  }, ref) => {\n\n\n    const _color = colors[type];\n    const _size = sizes[size];\n    const _style = {\n\n        // shadow\n        '--ant-btn-shadow': _color.default.boxShadow || 'none',\n\n        // button status colors\n        '--ant-btn-bg-color': _color.default.bg,\n        '--ant-btn-text-color': _color.default.color,\n        '--ant-btn-border-color': _color.default.border || _color.default.bg,\n\n        '--ant-btn-bg-color-hover': _color.hover.bg,\n        '--ant-btn-text-color-hover': _color.hover.color,\n        '--ant-btn-border-color-hover': _color.hover.border || _color.hover.bg,\n\n        '--ant-btn-bg-color-disabled': _color.disabled.bg,\n        '--ant-color-text-disabled': _color.disabled.color,\n        '--ant-button-border-color-disabled': _color.disabled.border || _color.disabled.bg,\n\n        '--ant-btn-bg-color-active': _color.pressed.bg,\n        '--ant-btn-text-color-active': _color.pressed.color,\n        '--ant-btn-border-color-active': _color.pressed.border || _color.pressed.bg,\n\n        // sizes\n        '--ant-control-height': 'auto',\n        '--ant-button-content-font-size': _size.fontSize,\n        '--ant-border-radius': _size.radius,\n\n        // padding\n        '--k-button-px': type === 'link' ? 0 : _size.paddingX,\n        '--k-button-py': type === 'link' ? 0 : _size.paddingX,\n        '--k-button-gap-x': _size.gapX,\n        '--k-button-line-height': _size.lineHeight,\n        '--k-button-letter-spacing': _size.letterSpacing,\n\n        // custom styles\n        ...style,\n    } as React.CSSProperties;\n\n    const baseStyles = twJoin(\n        '!p-[var(--k-button-py)_var(--k-button-px)]',\n        'gap-[var(--k-button-gap-x)] tracking-[var(--k-button-letter-spacing)] leading-[var(--k-button-line-height)]',\n        'font-medium'\n    )\n\n    return (\n        <Button\n            {...rest}\n            className={cn(baseStyles, className)}\n            ref={ref}\n            size={'middle'}\n            type={'default'}\n            style={_style}\n        >\n            {children}\n        </Button>\n    );\n});\n"],"names":["themeAntd","_jsx"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../src/themes/dark.ts","../src/themes/light.ts","../src/ThemeProvider.tsx","../src/utils/cn.ts","../src/components/design/KButton/KButton.tsx","../src/components/design/KCheckbox/KCheckbox.tsx","../src/components/design/KDropdown/KDropdown.tsx","../src/components/design/KInput/KInput.tsx","../src/components/design/KRadio/KRadio.tsx","../src/components/design/KSelect/KSelect.tsx","../src/components/design/KSpin/KSpin.tsx","../src/components/design/KSwitch/KSwitch.tsx","../src/components/design/KTag/KTag.tsx","../src/components/design/KTooltip/KTooltip.tsx"],"sourcesContent":["import {theme as themeAntd, ThemeConfig} from \"antd\";\n\nexport const darkTheme: ThemeConfig = {\n    algorithm: themeAntd.darkAlgorithm,\n    token: {\n        // colorPrimary: themeColor.primary,\n        colorPrimary: '#ed2449',\n    },\n    cssVar: {key: \"app\"},\n    components: {},\n};","import {theme as themeAntd, ThemeConfig} from \"antd\";\n\n\nexport const lightTheme: ThemeConfig = {\n    algorithm: themeAntd.defaultAlgorithm,\n    token: {\n        colorPrimary: 'var(--grey-900)',\n        colorTextSecondary: 'var(--grey-900)',\n        colorBorder: 'var(--grey-300)',\n        colorBorderSecondary: 'var(--grey-200)'\n    },\n    cssVar: {key: \"app\"},\n    components: {\n        Button: {\n        }\n    },\n};","import React from 'react';\nimport {ConfigProvider, ThemeConfig} from 'antd';\nimport {darkTheme} from \"./themes/dark\";\nimport {lightTheme} from \"./themes/light\";\n\n\nexport type ThemeMode = 'light' | 'dark';\n\nexport type ThemeProviderProps = {\n    mode?: ThemeMode;\n    children: React.ReactNode;\n} & ThemeConfig;\n\nexport const ThemeProvider: React.FC<ThemeProviderProps> = ({\n                                                                      mode = 'light',\n                                                                      children,\n                                                                      ...props\n                                                                  }) => {\n\n    const baseTheme = mode === \"dark\" ? darkTheme : lightTheme;\n\n\n    const mergedTheme: ThemeConfig = {\n        ...baseTheme,\n        ...props,\n        token: props.token ? {\n            ...baseTheme.token,\n            ...props.token,\n        } : baseTheme.token,\n        components: props.components ? {\n            ...baseTheme.components,\n            ...props.components,\n        } : baseTheme.components,\n    };\n\n\n    return (\n        <ConfigProvider theme={mergedTheme}>\n            {children}\n        </ConfigProvider>\n    );\n};","import clsx, {ClassValue} from \"clsx\";\nimport {twMerge} from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n    return twMerge(clsx(inputs));\n}","import React from 'react';\nimport {Button, ButtonProps} from 'antd';\nimport {cn} from \"../../../utils/cn\";\nimport {twJoin} from \"tailwind-merge\";\n\nexport type KButtonProps = Omit<\n    ButtonProps,\n    'size' | 'type'\n> & {\n    size?: 'sm' | 'md' | 'lg' | 'xl',\n    type?: 'primary' | 'outline' | 'ghost' | 'link'\n}\n\ntype ButtonColors = {\n    bg: string,\n    border: string | null,\n    color: string,\n    boxShadow: string | null,\n}\n\nconst defaultShadow = 'var(--shadow-xs-button)';\n\nconst primaryColor = 'var(--button-text)';\nconst outlieColor = 'var(--text-primary)';\nconst ghostColor = 'var(--text-primary)';\n\nconst outlineBorder = 'var(--border-primary)';\n\nconst colors: Record<Required<KButtonProps>['type'], {\n    default: ButtonColors,\n    hover: ButtonColors,\n    disabled: ButtonColors,\n    pressed: ButtonColors,\n}> = {\n    primary: {\n        default: {\n            bg: 'var(--button-bg)',\n            border: null,\n            boxShadow: defaultShadow,\n            color: primaryColor,\n        },\n        hover: {\n            bg: 'var(--button-bg-hover)',\n            border: null,\n            boxShadow: defaultShadow,\n            color: primaryColor,\n        },\n        pressed: {\n            bg: 'var(--button-bg-pressed)',\n            border: null,\n            boxShadow: defaultShadow,\n            color: primaryColor,\n        },\n        disabled: {\n            bg: 'var(--button-bg-disabled)',\n            border: null,\n            boxShadow: null,\n            color: 'var(--text-disabled)',\n        },\n    },\n    outline: {\n        default: {\n            bg: 'var(--bg-primary)',\n            border: outlineBorder,\n            boxShadow: defaultShadow,\n            color: outlieColor,\n        },\n        hover: {\n            bg: 'var(--bg-primary_hover)',\n            border: outlineBorder,\n            boxShadow: defaultShadow,\n            color: outlieColor,\n        },\n        pressed: {\n            bg: 'var(--bg-secondary_hover)',\n            border: outlineBorder,\n            boxShadow: defaultShadow,\n            color: outlieColor,\n        },\n        disabled: {\n            bg: 'var(--button-bg-disabled)',\n            border: outlineBorder,\n            boxShadow: null,\n            color: 'var(--text-disabled)',\n        },\n    },\n    ghost: {\n        default: {\n            bg: 'var(--white)',\n            border: null,\n            boxShadow: null,\n            color: ghostColor,\n        },\n        hover: {\n            bg: 'var(--bg-primary_hover)',\n            border: null,\n            boxShadow: null,\n            color: ghostColor,\n        },\n        pressed: {\n            bg: 'var(--bg-secondary_hover)',\n            border: null,\n            boxShadow: null,\n            color: ghostColor,\n        },\n        disabled: {\n            bg: 'var(--button-bg-disabled)',\n            border: null,\n            boxShadow: null,\n            color: 'var(--text-disabled)',\n        },\n    },\n    link: {\n        default: {\n            bg: 'var(--white)',\n            border: null,\n            boxShadow: null,\n            color: 'var(--text-primary)',\n        },\n        hover: {\n            bg: 'var(--white)',\n            border: null,\n            boxShadow: null,\n            color: 'var(--text-tertiary_hover)',\n        },\n        pressed: {\n            bg: 'var(--white)',\n            border: null,\n            boxShadow: null,\n            color: 'var(--button-bg-pressed)',\n        },\n        disabled: {\n            bg: 'var(--white)',\n            border: null,\n            boxShadow: null,\n            color: 'var(--text-disabled)',\n        },\n    },\n}\n\n\nconst sizes: Record<Required<KButtonProps>['size'], {\n    fontSize: string,\n    paddingX: string,\n    paddingY: string,\n    gapX: string,\n    lineHeight: string,\n    letterSpacing: string,\n    radius: string,\n}> = {\n    sm: {\n        fontSize: '0.75rem', // 12px\n        paddingX: 'var(--spacing-sm)', // 6px\n        paddingY: '0.1875rem', // 3px\n        gapX: 'var(--spacing-xxs)', // 2px\n        lineHeight: '1.125rem', // 18px\n        letterSpacing: '0em',\n        radius: 'var(--radius-sm)' // 6px\n    },\n    md: {\n        fontSize: '0.875rem', // 14px\n        paddingX: 'var(--spacing-md)', // 8px\n        paddingY: 'var(--spacing-sm)', // 6px\n        gapX: 'var(--spacing-xs)', // 4px\n        lineHeight: '1.25rem',// 20px\n        letterSpacing: '-0.006em',\n        radius: 'var(--radius-sm)'\n    },\n    lg: {\n        fontSize: '1rem',\n        paddingX: 'var(--spacing-md-plus)',// 10px\n        paddingY: 'var(--spacing-md)', // 8px\n        gapX: 'var(--spacing-xs)', // 4px\n        lineHeight: '1.5rem', // 24px\n        letterSpacing: '-0.011em',\n        radius: 'var(--radius-md)'\n    },\n    xl: {\n        fontSize: '1rem',\n        paddingX: 'var(--spacing-xl)', // 16px\n        paddingY: 'var(--spacing-md-plus)',   // 10px\n        gapX: 'var(--spacing-xs)', // 4px\n        lineHeight: '1.5rem', // 24px\n        letterSpacing: '-0.011em',\n        radius: 'var(--radius-md)'\n    }\n}\n\n\nexport const KButton: React.FC<KButtonProps> = React.forwardRef<HTMLButtonElement, KButtonProps>(({\n                                                                                                      children,\n                                                                                                      className,\n                                                                                                      style,\n                                                                                                      type = 'primary',\n                                                                                                      size = 'lg',\n                                                                                                      ...rest\n                                                                                                  }, ref) => {\n\n\n    const _color = colors[type];\n    const _size = sizes[size];\n    const _style = {\n\n        // shadow\n        '--ant-btn-shadow': _color.default.boxShadow || 'none',\n\n        // button status colors\n        '--ant-btn-bg-color': _color.default.bg,\n        '--ant-btn-text-color': _color.default.color,\n        '--ant-btn-border-color': _color.default.border || _color.default.bg,\n\n        '--ant-btn-bg-color-hover': _color.hover.bg,\n        '--ant-btn-text-color-hover': _color.hover.color,\n        '--ant-btn-border-color-hover': _color.hover.border || _color.hover.bg,\n\n        '--ant-btn-bg-color-disabled': _color.disabled.bg,\n        '--ant-color-text-disabled': _color.disabled.color,\n        '--ant-button-border-color-disabled': _color.disabled.border || _color.disabled.bg,\n\n        '--ant-btn-bg-color-active': _color.pressed.bg,\n        '--ant-btn-text-color-active': _color.pressed.color,\n        '--ant-btn-border-color-active': _color.pressed.border || _color.pressed.bg,\n\n        // sizes\n        '--ant-control-height': 'auto',\n        '--ant-button-content-font-size': _size.fontSize,\n        '--ant-border-radius': _size.radius,\n\n        // padding\n        '--k-button-px': type === 'link' ? 0 : _size.paddingX,\n        '--k-button-py': type === 'link' ? 0 : _size.paddingX,\n        '--k-button-gap-x': _size.gapX,\n        '--k-button-line-height': _size.lineHeight,\n        '--k-button-letter-spacing': _size.letterSpacing,\n\n        // custom styles\n        ...style,\n    } as React.CSSProperties;\n\n    const baseStyles = twJoin(\n        '!p-[var(--k-button-py)_var(--k-button-px)]',\n        'gap-[var(--k-button-gap-x)] tracking-[var(--k-button-letter-spacing)] leading-[var(--k-button-line-height)]',\n        'font-medium'\n    )\n\n    return (\n        <Button\n            {...rest}\n            className={cn(baseStyles, className)}\n            ref={ref}\n            size={'middle'}\n            type={'default'}\n            style={_style}\n        >\n            {children}\n        </Button>\n    );\n});\n","import React from 'react';\nimport {Checkbox, CheckboxProps} from 'antd';\n\nexport type KCheckboxProps = CheckboxProps\n\n\nexport const KCheckbox: React.FC<KCheckboxProps> = ({children, disabled, ...props}) => {\n    return (\n        <Checkbox {...props} disabled={disabled}>{children}</Checkbox>\n    );\n};\n","import React from 'react';\nimport {Dropdown, DropdownProps} from 'antd';\n\nexport type KDropdownProps = DropdownProps\n\n\nexport const KDropdown: React.FC<KDropdownProps> = ({children, disabled, ...props}) => {\n    return (\n        <Dropdown {...props} disabled={disabled}>{children}</Dropdown>\n    );\n};\n","import React, {CSSProperties} from 'react';\nimport {Input, InputProps} from 'antd';\nimport {twJoin} from \"tailwind-merge\";\nimport {cn} from \"../../../utils/cn\";\n\nexport type KInputProps = Omit<\n    InputProps,\n    'size'\n> & {\n    size?: 'sm' | 'md' | 'lg' | 'xl',\n};\n\ntype InputColors = {\n    border: string,\n    bg: string | undefined,\n    placeholder: string | undefined,\n\n}\n\nconst colors: Record<string, InputColors> = {\n    default: {\n        border: 'var(--border-primary)',\n        bg: 'var(--bg-primary)',\n        placeholder: 'var(--text-placeholder)',\n    },\n    hover: {\n        border: 'var(--border-solid)',\n        bg: undefined,\n        placeholder: undefined,\n    },\n    active: {\n        border: 'var(--border-solid)',\n        bg: undefined,\n        placeholder: undefined,\n    },\n    disabled: {\n        border: 'var(--border-disabled)',\n        bg: 'var(--bg-disabled_subtle)',\n        placeholder: undefined,\n    }\n};\n\nconst sizes: Record<string, {\n    radius: string,\n    paddingX: string,\n    paddingY: string,\n}> = {\n    sm: {\n        radius: 'var(--radius-sm)',\n        paddingX: 'var(--spacing-md-plus)',\n        paddingY: 'var(--spacing-sm)',\n    },\n    md: {\n        radius: 'var(--radius-sm)',\n        paddingX: 'var(--spacing-md-plus)',\n        paddingY: 'var(--spacing-md)',\n\n    },\n    lg: {\n        radius: 'var(--radius-md)',\n        paddingX: 'var(--spacing-md-plus)',\n        paddingY: 'var(--spacing-md-plus)',\n\n    },\n    xl: {\n        radius: 'var(--radius-md)',\n        paddingX: 'var(--spacing-lg)',\n        paddingY: 'var(--spacing-lg)',\n    }\n}\n\nexport const KInput: React.FC<KInputProps> = ({\n                                                  className,\n                                                  style,\n                                                  size = 'lg',\n                                                  disabled,\n                                                  ...props\n                                              }) => {\n    const baseClasses = twJoin('!shadow-none');\n\n    const _size = sizes[size];\n\n    const _style = {\n        '--ant-color-border': disabled ? colors.disabled.border : colors.default.border,\n        '--ant-input-hover-border-color': disabled ? colors.disabled.border : colors.hover.border,\n        '--ant-input-active-border-color': disabled ? colors.disabled.border : colors.active.border,\n        '--ant-color-bg-container': disabled ? colors.disabled.bg : colors.default.bg,\n        '--ant-color-text-placeholder': colors.default.placeholder,\n        '--ant-border-radius': _size.radius,\n        '--ant-input-padding-block': _size.paddingY,\n        '--ant-input-padding-inline': _size.paddingX,\n        '--ant-input-input-font-size': '1rem',\n        // padding: var(--ant-input-padding-block) var(--ant-input-padding-inline);\n        ...style,\n    } as CSSProperties;\n\n    return (\n        <Input {...props} disabled={disabled} className={cn(baseClasses, className)} style={_style}/>\n    );\n};\n","import React from 'react';\nimport {Radio, RadioGroupProps, RadioProps} from 'antd';\n\nexport type KRadioProps = RadioProps\nexport type KRadioGroupProps = RadioGroupProps\n\nexport const KRadioGroup: React.FC<KRadioGroupProps> = (props) => {\n    return <Radio.Group {...props} />;\n}\n\ninterface KRadioInterface extends React.FC<KRadioProps> {\n    Group: typeof KRadioGroup;\n}\n\nexport const KRadio: KRadioInterface = ({children, disabled, ...props}) => {\n    return (\n        <Radio {...props} disabled={disabled}>{children}</Radio>\n    );\n};\n\nKRadio.Group = KRadioGroup;\n\n\n\n","import React from 'react';\nimport {Select, SelectProps} from 'antd';\n\nexport type KSelectProps = SelectProps;\n\n\nexport const KSelect: React.FC<KSelectProps> = ({children, disabled, ...props}) => {\n    return (\n        <Select {...props} disabled={disabled}>{children}</Select>\n    );\n};\n","import React from 'react';\nimport {Spin, SpinProps} from 'antd';\n\nexport type KSpinProps = SpinProps \n\nexport const KSpin: React.FC<KSpinProps> = (props) => {\n    return (\n        <Spin {...props}/>\n    );\n};\n","import React from 'react';\nimport {Switch, SwitchProps} from 'antd';\n\nexport type KSwitchProps = SwitchProps\n\n\nexport const KSwitch: React.FC<KSwitchProps> = ({disabled, ...props}) => {\n    return (\n        <Switch {...props} disabled={disabled}/>\n    );\n};\n","import React from 'react';\nimport {Tag, TagProps} from 'antd';\n\nexport type KTagProps = TagProps;\n\n\nexport const KTag: React.FC<KTagProps> = ({children, disabled, ...props}) => {\n    return (\n        <Tag {...props} disabled={disabled}>{children}</Tag>\n    );\n};\n","import React from 'react';\nimport {Tooltip, TooltipProps} from 'antd';\n\nexport type KTooltipProps = TooltipProps\n\nexport const KTooltip: React.FC<KTooltipProps> = ({children, ...props}) => {\n    return (\n        <Tooltip {...props}>{children}</Tooltip>\n    );\n};\n"],"names":["themeAntd","_jsx","colors","sizes"],"mappings":"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"}

package/dist/styles/colors.css

@@ -1 +1 @@
-:root{--white:#fff;--black:#000;--transparent:hsla(0,0%,100%,0);--grey-25:#fcfcfd;--grey-50:#f6f7f9;--grey-100:#eef0f1;--grey-200:#e1e2e5;--grey-300:#cdcfd5;--grey-400:#9e9fa9;--grey-500:#73757d;--grey-600:#56575d;--grey-700:#43444c;--grey-800:#2a2b32;--grey-900:#171921;--grey-950:#0d0e12;--error-25:#fefafa;--error-50:#fceeee;--error-100:#fae0de;--error-200:#f7afab;--error-300:#f6857e;--error-400:#f65951;--error-500:#e5453d;--error-600:#cc3f38;--error-700:#b43027;--error-800:#8d2a25;--error-900:#76231e;--error-950:#470e0b;--warning-25:#fffdf7;--warning-50:#fff8e1;--warning-100:#ffe9a8;--warning-200:#ffd66d;--warning-300:#ffc233;--warning-400:#ffac05;--warning-500:#f08c00;--warning-600:#cd7004;--warning-700:#aa4e09;--warning-800:#8c3d0d;--warning-900:#78350f;--warning-950:#4e1e03;--success-25:#f8fffa;--success-50:#e6fded;--success-100:#c6f6d5;--success-200:#9ae6b4;--success-300:#5dd089;--success-400:#38b26c;--success-500:#22a363;--success-600:#1a7f49;--success-700:#166537;--success-800:#15562f;--success-900:#144829;--success-950:#082b16;--blue-25:#f5faff;--blue-50:#eff8ff;--blue-100:#d1e9ff;--blue-200:#b2ddff;--blue-300:#84caff;--blue-400:#53b1fd;--blue-500:#2e90fa;--blue-600:#1570ef;--blue-700:#175cd3;--blue-800:#1849a9;--blue-900:#194185;--blue-950:#102a56;--purple-25:#fafaff;--purple-50:#f4f3ff;--purple-100:#ebe9fe;--purple-200:#d9d6fe;--purple-300:#bdb4fe;--purple-400:#9b8afb;--purple-500:#7a5af8;--purple-600:#6938ef;--purple-700:#5925dc;--purple-800:#4a1fb8;--purple-900:#3e1c96;--purple-950:#27115f;--utility-grey-50:var(--grey-50);--utility-grey-100:var(--grey-100);--utility-grey-200:var(--grey-200);--utility-grey-300:var(--grey-300);--utility-grey-400:var(--grey-400);--utility-grey-500:var(--grey-500);--utility-grey-600:var(--grey-600);--utility-grey-700:var(--grey-700);--utility-grey-800:var(--grey-800);--utility-grey-900:var(--grey-900);--utility-grey-25:var(--grey-25);--utility-error-50:var(--error-50);--utility-error-100:var(--error-100);--utility-error-200:var(--error-200);--utility-error-300:var(--error-300);--utility-error-400:var(--error-400);--utility-error-500:var(--error-500);--utility-error-600:var(--error-600);--utility-error-700:var(--error-700);--utility-error-800:var(--error-800);--utility-error-900:var(--error-900);--utility-success-50:var(--success-50);--utility-success-100:var(--success-100);--utility-success-200:var(--success-200);--utility-success-300:var(--success-300);--utility-success-400:var(--success-400);--utility-success-500:var(--success-500);--utility-success-600:var(--success-600);--utility-success-700:var(--success-700);--utility-success-800:var(--success-800);--utility-success-900:var(--success-900);--utility-warning-50:var(--warning-50);--utility-warning-100:var(--warning-100);--utility-warning-200:var(--warning-200);--utility-warning-300:var(--warning-300);--utility-warning-400:var(--warning-400);--utility-warning-500:var(--warning-500);--utility-warning-600:var(--warning-600);--utility-warning-700:var(--warning-700);--utility-warning-800:var(--warning-800);--utility-warning-900:var(--warning-900);--utility-blue-50:var(--blue-50);--utility-blue-100:var(--blue-100);--utility-blue-200:var(--blue-200);--utility-blue-300:var(--blue-300);--utility-blue-400:var(--blue-400);--utility-blue-500:var(--blue-500);--utility-blue-600:var(--blue-600);--utility-blue-700:var(--blue-700);--utility-blue-800:var(--blue-800);--utility-blue-900:var(--blue-900);--utility-purple-50:var(--purple-50);--utility-purple-100:var(--purple-100);--utility-purple-200:var(--purple-200);--utility-purple-300:var(--purple-300);--utility-purple-400:var(--purple-400);--utility-purple-500:var(--purple-500);--utility-purple-600:var(--purple-600);--utility-purple-700:var(--purple-700);--utility-purple-800:var(--purple-800);--utility-purple-900:var(--purple-900);--alpha-white-5:hsla(0,0%,100%,.05);--alpha-white-20:hsla(0,0%,100%,.2);--alpha-white-30:hsla(0,0%,100%,.3);--alpha-white-40:hsla(0,0%,100%,.4);--alpha-white-50:hsla(0,0%,100%,.5);--alpha-white-60:hsla(0,0%,100%,.6);--alpha-white-70:hsla(0,0%,100%,.7);--alpha-white-80:hsla(0,0%,100%,.8);--alpha-white-90:hsla(0,0%,100%,.9);--alpha-white-100:#fff;--alpha-white-10:hsla(0,0%,100%,.1);--alpha-white-0:hsla(0,0%,100%,0);--alpha-black-5:rgba(0,0,0,.05);--alpha-black-20:rgba(0,0,0,.2);--alpha-black-30:rgba(0,0,0,.3);--alpha-black-40:rgba(0,0,0,.4);--alpha-black-50:rgba(0,0,0,.5);--alpha-black-60:rgba(0,0,0,.6);--alpha-black-70:rgba(0,0,0,.7);--alpha-black-80:rgba(0,0,0,.8);--alpha-black-90:rgba(0,0,0,.9);--alpha-black-100:#000;--alpha-black-10:rgba(0,0,0,.1);--alpha-black-0:transparent;--alpha-success-5:rgba(34,163,99,.05);--alpha-success-10:rgba(34,163,99,.1);--alpha-success-20:rgba(34,163,99,.2);--alpha-success-30:rgba(34,163,99,.3);--alpha-success-40:rgba(34,163,99,.4);--alpha-success-50:rgba(34,163,99,.5);--alpha-success-60:rgba(34,163,99,.6);--alpha-success-70:rgba(34,163,99,.7);--alpha-success-80:rgba(34,163,99,.8);--alpha-success-90:rgba(34,163,99,.9);--alpha-success-100:#22a363;--alpha-warning-5:rgba(229,69,61,.05);--alpha-warning-10:rgba(229,69,61,.1);--alpha-warning-20:rgba(229,69,61,.2);--alpha-warning-30:rgba(229,69,61,.3);--alpha-warning-40:rgba(229,69,61,.4);--alpha-warning-50:rgba(229,69,61,.5);--alpha-warning-60:rgba(229,69,61,.6);--alpha-warning-70:rgba(229,69,61,.7);--alpha-warning-80:rgba(229,69,61,.8);--alpha-warning-90:rgba(229,69,61,.9);--alpha-warning-100:#e5453d;--text-primary:var(--grey-900);--text-secondary:var(--grey-700);--text-secondary_hover:var(--grey-800);--text-tertiary:var(--grey-600);--text-tertiary_hover:var(--grey-700);--text-quaternary:var(--grey-500);--text-white:var(--white);--text-disabled:var(--grey-400);--text-placeholder:var(--grey-400);--text-placeholder_subtle:var(--grey-300);--text-disabled_subtle:var(--grey-300);--text-error-primary:var(--error-600);--text-warning-primary:var(--warning-600);--text-success-primary:var(--success-600);--text-error-pressed:var(--error-700);--fg-primary:var(--grey-900);--fg-secondary:var(--grey-700);--fg-secondary_hover:var(--grey-800);--fg-tertiary:var(--grey-600);--fg-tertiary_hover:var(--grey-700);--fg-quaternary:var(--grey-400);--fg-white:var(--white);--fg-disabled:var(--grey-400);--fg-disabled_subtle:var(--grey-300);--fg-placeholder:var(--grey-400);--fg-placeholder_subtle:var(--grey-300);--fg-error-primary:var(--error-600);--fg-warning-primary:var(--warning-600);--fg-success-primary:var(--success-600);--fg-warning-secondary:var(--warning-500);--fg-success-secondary:var(--success-500);--fg-error-secondary:var(--error-500);--fg-quaternary_hover:var(--grey-500);--bg-primary:var(--white);--bg-secondary:var(--grey-50);--bg-secondary_hover:var(--grey-100);--bg-tertiary:var(--grey-100);--bg-quaternary:var(--grey-200);--bg-white:var(--white);--bg-disabled:var(--grey-100);--bg-disabled_subtle:var(--grey-50);--bg-error-primary:var(--error-50);--bg-error-solid:var(--error-600);--bg-warning-primary:var(--warning-50);--bg-success-primary:var(--success-50);--bg-primary_alt:var(--white);--bg-primary_hover:var(--grey-50);--bg-secondary_alt:var(--grey-50);--bg-secondary_subtle:var(--grey-25);--bg-secondary-solid:var(--grey-600);--bg-active:var(--grey-50);--bg-error-solid_hover:var(--error-700);--bg-error-solid_pressed:var(--error-800);--bg-error-primary-pressed:var(--error-100);--bg-overlay:rgba(13,14,18,.5);--border-primary:var(--grey-300);--border-secondary:var(--grey-200);--border-secondary_alt:var(--alpha-black-5);--border-tertiary:var(--grey-100);--border-disabled:var(--grey-300);--border-disabled_subtle:var(--grey-200);--border-error:var(--error-500);--border-error_subtle:var(--error-300);--border-error_pressed:var(--error-700);--border-solid:var(--grey-900);--checkbox-border_hover:var(--grey-500);--checkbox-checkmark-fg:var(--grey-25);--toggle-active-bg:var(--grey-950);--toggle-button-fg:var(--grey-25);--toggle-button-active-fg:var(--grey-25);--toggle-active-bg_hover:var(--grey-800);--toggle-button-active-fg_hover:var(--grey-25);--toggle-active-bg-success:var(--success-400);--toggle-active-bg-success_hover:var(--success-300);--toggle-button-active-fg-success:var(--grey-25);--toggle-button-active-fg-success_hover:var(--grey-25);--button-fg:var(--grey-50);--button-text:var(--grey-50);--button-bg:var(--grey-900);--button-bg-hover:var(--grey-700);--button-bg-pressed:var(--grey-800);--button-bg-disabled:var(--grey-100);--button-error-text-hover:var(--error-700);--button-error-text-pressed:var(--error-800);--tooltip-bg:var(--grey-900);--tooltip-text:var(--grey-50);--tooltip-supporting-text:var(--grey-400);--tooltip-fg:var(--grey-100);--social-icon_black-fg:#000;--social-icon_github-fg:#24292f;--social-icon_tumblr-fg:#001935}.dark{--white:#fff;--black:#000;--transparent:hsla(0,0%,100%,0);--grey-25:#fcfcfd;--grey-50:#f6f7f9;--grey-100:#eef0f1;--grey-200:#e1e2e5;--grey-300:#cdcfd5;--grey-400:#9e9fa9;--grey-500:#73757d;--grey-600:#56575d;--grey-700:#43444c;--grey-800:#2a2b32;--grey-900:#171921;--grey-950:#0d0e12;--error-25:#fefafa;--error-50:#fceeee;--error-100:#fae0de;--error-200:#f7afab;--error-300:#f6857e;--error-400:#f65951;--error-500:#e5453d;--error-600:#cc3f38;--error-700:#b43027;--error-800:#8d2a25;--error-900:#76231e;--error-950:#470e0b;--warning-25:#fffdf7;--warning-50:#fff8e1;--warning-100:#ffe9a8;--warning-200:#ffd66d;--warning-300:#ffc233;--warning-400:#ffac05;--warning-500:#f08c00;--warning-600:#cd7004;--warning-700:#aa4e09;--warning-800:#8c3d0d;--warning-900:#78350f;--warning-950:#4e1e03;--success-25:#f8fffa;--success-50:#e6fded;--success-100:#c6f6d5;--success-200:#9ae6b4;--success-300:#5dd089;--success-400:#38b26c;--success-500:#22a363;--success-600:#1a7f49;--success-700:#166537;--success-800:#15562f;--success-900:#144829;--success-950:#082b16;--blue-25:#f5faff;--blue-50:#eff8ff;--blue-100:#d1e9ff;--blue-200:#b2ddff;--blue-300:#84caff;--blue-400:#53b1fd;--blue-500:#2e90fa;--blue-600:#1570ef;--blue-700:#175cd3;--blue-800:#1849a9;--blue-900:#194185;--blue-950:#102a56;--purple-25:#fafaff;--purple-50:#f4f3ff;--purple-100:#ebe9fe;--purple-200:#d9d6fe;--purple-300:#bdb4fe;--purple-400:#9b8afb;--purple-500:#7a5af8;--purple-600:#6938ef;--purple-700:#5925dc;--purple-800:#4a1fb8;--purple-900:#3e1c96;--purple-950:#27115f;--utility-grey-50:var(--grey-900);--utility-grey-100:var(--grey-800);--utility-grey-200:var(--grey-700);--utility-grey-300:var(--grey-600);--utility-grey-400:var(--grey-500);--utility-grey-500:var(--grey-400);--utility-grey-600:var(--grey-300);--utility-grey-700:var(--grey-200);--utility-grey-800:var(--grey-100);--utility-grey-900:var(--grey-50);--utility-grey-25:var(--grey-950);--utility-error-50:var(--error-900);--utility-error-100:var(--error-800);--utility-error-200:var(--error-700);--utility-error-300:var(--error-600);--utility-error-400:var(--error-500);--utility-error-500:var(--error-400);--utility-error-600:var(--error-300);--utility-error-700:var(--error-200);--utility-error-800:var(--error-100);--utility-error-900:var(--error-50);--utility-success-50:var(--success-900);--utility-success-100:var(--success-800);--utility-success-200:var(--success-700);--utility-success-300:var(--success-600);--utility-success-400:var(--success-500);--utility-success-500:var(--success-400);--utility-success-600:var(--success-300);--utility-success-700:var(--success-200);--utility-success-800:var(--success-100);--utility-success-900:var(--success-50);--utility-warning-50:var(--warning-900);--utility-warning-100:var(--warning-800);--utility-warning-200:var(--warning-700);--utility-warning-300:var(--warning-600);--utility-warning-400:var(--warning-500);--utility-warning-500:var(--warning-400);--utility-warning-600:var(--warning-300);--utility-warning-700:var(--warning-200);--utility-warning-800:var(--warning-100);--utility-warning-900:var(--warning-50);--utility-blue-50:var(--blue-900);--utility-blue-100:var(--blue-800);--utility-blue-200:var(--blue-700);--utility-blue-300:var(--blue-600);--utility-blue-400:var(--blue-500);--utility-blue-500:var(--blue-400);--utility-blue-600:var(--blue-300);--utility-blue-700:var(--blue-200);--utility-blue-800:var(--blue-100);--utility-blue-900:var(--blue-50);--utility-purple-50:var(--purple-900);--utility-purple-100:var(--purple-800);--utility-purple-200:var(--purple-700);--utility-purple-300:var(--purple-600);--utility-purple-400:var(--purple-500);--utility-purple-500:var(--purple-400);--utility-purple-600:var(--purple-300);--utility-purple-700:var(--purple-200);--utility-purple-800:var(--purple-100);--utility-purple-900:var(--purple-50);--alpha-white-5:rgba(13,14,18,.05);--alpha-white-20:rgba(13,14,18,.2);--alpha-white-30:rgba(13,14,18,.3);--alpha-white-40:rgba(13,14,18,.4);--alpha-white-50:rgba(13,14,18,.5);--alpha-white-60:rgba(13,14,18,.6);--alpha-white-70:rgba(13,14,18,.7);--alpha-white-80:rgba(13,14,18,.8);--alpha-white-90:rgba(13,14,18,.9);--alpha-white-100:#0d0e12;--alpha-white-10:rgba(13,14,18,.1);--alpha-white-0:rgba(13,14,18,.05);--alpha-black-5:hsla(0,0%,100%,.05);--alpha-black-20:hsla(0,0%,100%,.2);--alpha-black-30:hsla(0,0%,100%,.3);--alpha-black-40:hsla(0,0%,100%,.4);--alpha-black-50:hsla(0,0%,100%,.5);--alpha-black-60:hsla(0,0%,100%,.6);--alpha-black-70:hsla(0,0%,100%,.7);--alpha-black-80:hsla(0,0%,100%,.8);--alpha-black-90:hsla(0,0%,100%,.9);--alpha-black-100:#fff;--alpha-black-10:hsla(0,0%,100%,.1);--alpha-black-0:hsla(0,0%,100%,.05);--alpha-success-5:rgba(34,163,99,.05);--alpha-success-10:rgba(34,163,99,.1);--alpha-success-20:rgba(34,163,99,.2);--alpha-success-30:rgba(34,163,99,.3);--alpha-success-40:rgba(34,163,99,.4);--alpha-success-50:rgba(34,163,99,.5);--alpha-success-60:rgba(34,163,99,.6);--alpha-success-70:rgba(34,163,99,.7);--alpha-success-80:rgba(34,163,99,.8);--alpha-success-90:rgba(34,163,99,.9);--alpha-success-100:#22a363;--alpha-warning-5:rgba(229,69,61,.05);--alpha-warning-10:rgba(229,69,61,.1);--alpha-warning-20:rgba(229,69,61,.2);--alpha-warning-30:rgba(229,69,61,.3);--alpha-warning-40:rgba(229,69,61,.4);--alpha-warning-50:rgba(229,69,61,.5);--alpha-warning-60:rgba(229,69,61,.6);--alpha-warning-70:rgba(229,69,61,.7);--alpha-warning-80:rgba(229,69,61,.8);--alpha-warning-90:rgba(229,69,61,.9);--alpha-warning-100:#e5453d;--text-primary:var(--grey-50);--text-secondary:var(--grey-300);--text-secondary_hover:var(--grey-200);--text-tertiary:var(--grey-400);--text-tertiary_hover:var(--grey-300);--text-quaternary:var(--grey-500);--text-white:var(--white);--text-disabled:var(--grey-600);--text-placeholder:var(--grey-600);--text-placeholder_subtle:var(--grey-700);--text-disabled_subtle:var(--grey-700);--text-error-primary:var(--error-400);--text-warning-primary:var(--warning-400);--text-success-primary:var(--success-400);--text-error-pressed:var(--error-950);--fg-primary:var(--grey-50);--fg-secondary:var(--grey-300);--fg-secondary_hover:var(--grey-200);--fg-tertiary:var(--grey-400);--fg-tertiary_hover:var(--grey-300);--fg-quaternary:var(--grey-600);--fg-white:var(--white);--fg-disabled:var(--grey-600);--fg-disabled_subtle:var(--grey-700);--fg-placeholder:var(--grey-600);--fg-placeholder_subtle:var(--grey-700);--fg-error-primary:var(--error-400);--fg-warning-primary:var(--warning-500);--fg-success-primary:var(--success-500);--fg-warning-secondary:var(--warning-400);--fg-success-secondary:var(--success-400);--fg-error-secondary:var(--error-400);--fg-quaternary_hover:var(--grey-500);--bg-primary:var(--grey-950);--bg-secondary:var(--grey-900);--bg-secondary_hover:var(--grey-800);--bg-tertiary:var(--grey-800);--bg-quaternary:var(--grey-700);--bg-white:var(--white);--bg-disabled:var(--grey-800);--bg-disabled_subtle:var(--grey-900);--bg-error-primary:var(--error-950);--bg-error-solid:var(--error-400);--bg-warning-primary:var(--warning-950);--bg-success-primary:var(--success-950);--bg-primary_alt:var(--bg-secondary);--bg-primary_hover:var(--grey-800);--bg-secondary_alt:var(--bg-primary);--bg-secondary_subtle:var(--grey-900);--bg-secondary-solid:var(--grey-600);--bg-active:var(--grey-800);--bg-error-solid_hover:var(--error-300);--bg-error-solid_pressed:var(--error-200);--bg-error-primary-pressed:var(--error-200);--bg-overlay:rgba(13,14,18,.7);--border-primary:var(--grey-700);--border-secondary:var(--grey-800);--border-secondary_alt:var(--grey-800);--border-tertiary:var(--grey-800);--border-disabled:var(--grey-700);--border-disabled_subtle:var(--grey-800);--border-error:var(--error-400);--border-error_subtle:var(--error-500);--border-error_pressed:var(--error-100);--border-solid:var(--grey-50);--checkbox-border_hover:var(--grey-600);--checkbox-checkmark-fg:var(--grey-900);--toggle-active-bg:var(--grey-25);--toggle-button-fg:var(--grey-100);--toggle-button-active-fg:var(--grey-900);--toggle-active-bg_hover:var(--grey-100);--toggle-button-active-fg_hover:var(--grey-800);--toggle-active-bg-success:var(--success-500);--toggle-active-bg-success_hover:var(--success-400);--toggle-button-active-fg-success:var(--grey-25);--toggle-button-active-fg-success_hover:var(--grey-25);--button-fg:var(--grey-900);--button-text:var(--grey-900);--button-bg:var(--grey-50);--button-bg-hover:var(--grey-200);--button-bg-pressed:var(--grey-100);--button-bg-disabled:var(--grey-800);--button-error-text-hover:var(--error-500);--button-error-text-pressed:var(--error-400);--tooltip-bg:var(--grey-50);--tooltip-text:var(--grey-900);--tooltip-supporting-text:var(--grey-600);--tooltip-fg:var(--grey-800);--social-icon_black-fg:#fff;--social-icon_github-fg:#e8eaed;--social-icon_tumblr-fg:#fff}@theme inline{--color-white:var(--white);--color-black:var(--black);--color-transparent:var(--transparent);--color-grey-25:var(--grey-25);--color-grey-50:var(--grey-50);--color-grey-100:var(--grey-100);--color-grey-200:var(--grey-200);--color-grey-300:var(--grey-300);--color-grey-400:var(--grey-400);--color-grey-500:var(--grey-500);--color-grey-600:var(--grey-600);--color-grey-700:var(--grey-700);--color-grey-800:var(--grey-800);--color-grey-900:var(--grey-900);--color-grey-950:var(--grey-950);--color-error-25:var(--error-25);--color-error-50:var(--error-50);--color-error-100:var(--error-100);--color-error-200:var(--error-200);--color-error-300:var(--error-300);--color-error-400:var(--error-400);--color-error-500:var(--error-500);--color-error-600:var(--error-600);--color-error-700:var(--error-700);--color-error-800:var(--error-800);--color-error-900:var(--error-900);--color-error-950:var(--error-950);--color-warning-25:var(--warning-25);--color-warning-50:var(--warning-50);--color-warning-100:var(--warning-100);--color-warning-200:var(--warning-200);--color-warning-300:var(--warning-300);--color-warning-400:var(--warning-400);--color-warning-500:var(--warning-500);--color-warning-600:var(--warning-600);--color-warning-700:var(--warning-700);--color-warning-800:var(--warning-800);--color-warning-900:var(--warning-900);--color-warning-950:var(--warning-950);--color-success-25:var(--success-25);--color-success-50:var(--success-50);--color-success-100:var(--success-100);--color-success-200:var(--success-200);--color-success-300:var(--success-300);--color-success-400:var(--success-400);--color-success-500:var(--success-500);--color-success-600:var(--success-600);--color-success-700:var(--success-700);--color-success-800:var(--success-800);--color-success-900:var(--success-900);--color-success-950:var(--success-950);--color-blue-25:var(--blue-25);--color-blue-50:var(--blue-50);--color-blue-100:var(--blue-100);--color-blue-200:var(--blue-200);--color-blue-300:var(--blue-300);--color-blue-400:var(--blue-400);--color-blue-500:var(--blue-500);--color-blue-600:var(--blue-600);--color-blue-700:var(--blue-700);--color-blue-800:var(--blue-800);--color-blue-900:var(--blue-900);--color-blue-950:var(--blue-950);--color-purple-25:var(--purple-25);--color-purple-50:var(--purple-50);--color-purple-100:var(--purple-100);--color-purple-200:var(--purple-200);--color-purple-300:var(--purple-300);--color-purple-400:var(--purple-400);--color-purple-500:var(--purple-500);--color-purple-600:var(--purple-600);--color-purple-700:var(--purple-700);--color-purple-800:var(--purple-800);--color-purple-900:var(--purple-900);--color-purple-950:var(--purple-950);--color-utility-grey-50:var(--utility-grey-50);--color-utility-grey-100:var(--utility-grey-100);--color-utility-grey-200:var(--utility-grey-200);--color-utility-grey-300:var(--utility-grey-300);--color-utility-grey-400:var(--utility-grey-400);--color-utility-grey-500:var(--utility-grey-500);--color-utility-grey-600:var(--utility-grey-600);--color-utility-grey-700:var(--utility-grey-700);--color-utility-grey-800:var(--utility-grey-800);--color-utility-grey-900:var(--utility-grey-900);--color-utility-grey-25:var(--utility-grey-25);--color-utility-error-50:var(--utility-error-50);--color-utility-error-100:var(--utility-error-100);--color-utility-error-200:var(--utility-error-200);--color-utility-error-300:var(--utility-error-300);--color-utility-error-400:var(--utility-error-400);--color-utility-error-500:var(--utility-error-500);--color-utility-error-600:var(--utility-error-600);--color-utility-error-700:var(--utility-error-700);--color-utility-error-800:var(--utility-error-800);--color-utility-error-900:var(--utility-error-900);--color-utility-success-50:var(--utility-success-50);--color-utility-success-100:var(--utility-success-100);--color-utility-success-200:var(--utility-success-200);--color-utility-success-300:var(--utility-success-300);--color-utility-success-400:var(--utility-success-400);--color-utility-success-500:var(--utility-success-500);--color-utility-success-600:var(--utility-success-600);--color-utility-success-700:var(--utility-success-700);--color-utility-success-800:var(--utility-success-800);--color-utility-success-900:var(--utility-success-900);--color-utility-warning-50:var(--utility-warning-50);--color-utility-warning-100:var(--utility-warning-100);--color-utility-warning-200:var(--utility-warning-200);--color-utility-warning-300:var(--utility-warning-300);--color-utility-warning-400:var(--utility-warning-400);--color-utility-warning-500:var(--utility-warning-500);--color-utility-warning-600:var(--utility-warning-600);--color-utility-warning-700:var(--utility-warning-700);--color-utility-warning-800:var(--utility-warning-800);--color-utility-warning-900:var(--utility-warning-900);--color-utility-blue-50:var(--utility-blue-50);--color-utility-blue-100:var(--utility-blue-100);--color-utility-blue-200:var(--utility-blue-200);--color-utility-blue-300:var(--utility-blue-300);--color-utility-blue-400:var(--utility-blue-400);--color-utility-blue-500:var(--utility-blue-500);--color-utility-blue-600:var(--utility-blue-600);--color-utility-blue-700:var(--utility-blue-700);--color-utility-blue-800:var(--utility-blue-800);--color-utility-blue-900:var(--utility-blue-900);--color-utility-purple-50:var(--utility-purple-50);--color-utility-purple-100:var(--utility-purple-100);--color-utility-purple-200:var(--utility-purple-200);--color-utility-purple-300:var(--utility-purple-300);--color-utility-purple-400:var(--utility-purple-400);--color-utility-purple-500:var(--utility-purple-500);--color-utility-purple-600:var(--utility-purple-600);--color-utility-purple-700:var(--utility-purple-700);--color-utility-purple-800:var(--utility-purple-800);--color-utility-purple-900:var(--utility-purple-900);--color-alpha-white-5:var(--alpha-white-5);--color-alpha-white-20:var(--alpha-white-20);--color-alpha-white-30:var(--alpha-white-30);--color-alpha-white-40:var(--alpha-white-40);--color-alpha-white-50:var(--alpha-white-50);--color-alpha-white-60:var(--alpha-white-60);--color-alpha-white-70:var(--alpha-white-70);--color-alpha-white-80:var(--alpha-white-80);--color-alpha-white-90:var(--alpha-white-90);--color-alpha-white-100:var(--alpha-white-100);--color-alpha-white-10:var(--alpha-white-10);--color-alpha-white-0:var(--alpha-white-0);--color-alpha-black-5:var(--alpha-black-5);--color-alpha-black-20:var(--alpha-black-20);--color-alpha-black-30:var(--alpha-black-30);--color-alpha-black-40:var(--alpha-black-40);--color-alpha-black-50:var(--alpha-black-50);--color-alpha-black-60:var(--alpha-black-60);--color-alpha-black-70:var(--alpha-black-70);--color-alpha-black-80:var(--alpha-black-80);--color-alpha-black-90:var(--alpha-black-90);--color-alpha-black-100:var(--alpha-black-100);--color-alpha-black-10:var(--alpha-black-10);--color-alpha-black-0:var(--alpha-black-0);--color-alpha-success-5:var(--alpha-success-5);--color-alpha-success-10:var(--alpha-success-10);--color-alpha-success-20:var(--alpha-success-20);--color-alpha-success-30:var(--alpha-success-30);--color-alpha-success-40:var(--alpha-success-40);--color-alpha-success-50:var(--alpha-success-50);--color-alpha-success-60:var(--alpha-success-60);--color-alpha-success-70:var(--alpha-success-70);--color-alpha-success-80:var(--alpha-success-80);--color-alpha-success-90:var(--alpha-success-90);--color-alpha-success-100:var(--alpha-success-100);--color-alpha-warning-5:var(--alpha-warning-5);--color-alpha-warning-10:var(--alpha-warning-10);--color-alpha-warning-20:var(--alpha-warning-20);--color-alpha-warning-30:var(--alpha-warning-30);--color-alpha-warning-40:var(--alpha-warning-40);--color-alpha-warning-50:var(--alpha-warning-50);--color-alpha-warning-60:var(--alpha-warning-60);--color-alpha-warning-70:var(--alpha-warning-70);--color-alpha-warning-80:var(--alpha-warning-80);--color-alpha-warning-90:var(--alpha-warning-90);--color-alpha-warning-100:var(--alpha-warning-100);--color-text-primary:var(--text-primary);--color-text-secondary:var(--text-secondary);--color-text-secondary_hover:var(--text-secondary_hover);--color-text-tertiary:var(--text-tertiary);--color-text-tertiary_hover:var(--text-tertiary_hover);--color-text-quaternary:var(--text-quaternary);--color-text-white:var(--text-white);--color-text-disabled:var(--text-disabled);--color-text-placeholder:var(--text-placeholder);--color-text-placeholder_subtle:var(--text-placeholder_subtle);--color-text-disabled_subtle:var(--text-disabled_subtle);--color-text-error-primary:var(--text-error-primary);--color-text-warning-primary:var(--text-warning-primary);--color-text-success-primary:var(--text-success-primary);--color-text-error-pressed:var(--text-error-pressed);--color-fg-primary:var(--fg-primary);--color-fg-secondary:var(--fg-secondary);--color-fg-secondary_hover:var(--fg-secondary_hover);--color-fg-tertiary:var(--fg-tertiary);--color-fg-tertiary_hover:var(--fg-tertiary_hover);--color-fg-quaternary:var(--fg-quaternary);--color-fg-white:var(--fg-white);--color-fg-disabled:var(--fg-disabled);--color-fg-disabled_subtle:var(--fg-disabled_subtle);--color-fg-placeholder:var(--fg-placeholder);--color-fg-placeholder_subtle:var(--fg-placeholder_subtle);--color-fg-error-primary:var(--fg-error-primary);--color-fg-warning-primary:var(--fg-warning-primary);--color-fg-success-primary:var(--fg-success-primary);--color-fg-warning-secondary:var(--fg-warning-secondary);--color-fg-success-secondary:var(--fg-success-secondary);--color-fg-error-secondary:var(--fg-error-secondary);--color-fg-quaternary_hover:var(--fg-quaternary_hover);--color-bg-primary:var(--bg-primary);--color-bg-secondary:var(--bg-secondary);--color-bg-secondary_hover:var(--bg-secondary_hover);--color-bg-tertiary:var(--bg-tertiary);--color-bg-quaternary:var(--bg-quaternary);--color-bg-white:var(--bg-white);--color-bg-disabled:var(--bg-disabled);--color-bg-disabled_subtle:var(--bg-disabled_subtle);--color-bg-error-primary:var(--bg-error-primary);--color-bg-error-solid:var(--bg-error-solid);--color-bg-warning-primary:var(--bg-warning-primary);--color-bg-success-primary:var(--bg-success-primary);--color-bg-primary_alt:var(--bg-primary_alt);--color-bg-primary_hover:var(--bg-primary_hover);--color-bg-secondary_alt:var(--bg-secondary_alt);--color-bg-secondary_subtle:var(--bg-secondary_subtle);--color-bg-secondary-solid:var(--bg-secondary-solid);--color-bg-active:var(--bg-active);--color-bg-error-solid_hover:var(--bg-error-solid_hover);--color-bg-error-solid_pressed:var(--bg-error-solid_pressed);--color-bg-error-primary-pressed:var(--bg-error-primary-pressed);--color-bg-overlay:var(--bg-overlay);--color-border-primary:var(--border-primary);--color-border-secondary:var(--border-secondary);--color-border-secondary_alt:var(--border-secondary_alt);--color-border-tertiary:var(--border-tertiary);--color-border-disabled:var(--border-disabled);--color-border-disabled_subtle:var(--border-disabled_subtle);--color-border-error:var(--border-error);--color-border-error_subtle:var(--border-error_subtle);--color-border-error_pressed:var(--border-error_pressed);--color-border-solid:var(--border-solid);--color-checkbox-border_hover:var(--checkbox-border_hover);--color-checkbox-checkmark-fg:var(--checkbox-checkmark-fg);--color-toggle-active-bg:var(--toggle-active-bg);--color-toggle-button-fg:var(--toggle-button-fg);--color-toggle-button-active-fg:var(--toggle-button-active-fg);--color-toggle-active-bg_hover:var(--toggle-active-bg_hover);--color-toggle-button-active-fg_hover:var(--toggle-button-active-fg_hover);--color-toggle-active-bg-success:var(--toggle-active-bg-success);--color-toggle-active-bg-success_hover:var(--toggle-active-bg-success_hover);--color-toggle-button-active-fg-success:var(--toggle-button-active-fg-success);--color-toggle-button-active-fg-success_hover:var(--toggle-button-active-fg-success_hover);--color-button-fg:var(--button-fg);--color-button-text:var(--button-text);--color-button-bg:var(--button-bg);--color-button-bg-hover:var(--button-bg-hover);--color-button-bg-pressed:var(--button-bg-pressed);--color-button-bg-disabled:var(--button-bg-disabled);--color-button-error-text-hover:var(--button-error-text-hover);--color-button-error-text-pressed:var(--button-error-text-pressed);--color-tooltip-bg:var(--tooltip-bg);--color-tooltip-text:var(--tooltip-text);--color-tooltip-supporting-text:var(--tooltip-supporting-text);--color-tooltip-fg:var(--tooltip-fg);--color-social-icon_black-fg:var(--social-icon_black-fg);--color-social-icon_github-fg:var(--social-icon_github-fg);--color-social-icon_tumblr-fg:var(--social-icon_tumblr-fg)}
+:root{--white:#fff;--black:#000;--transparent:hsla(0,0%,100%,0);--grey-25:#fcfcfd;--grey-50:#f6f7f9;--grey-100:#eef0f1;--grey-200:#e1e2e5;--grey-300:#cdcfd5;--grey-400:#9e9fa9;--grey-500:#73757d;--grey-600:#56575d;--grey-700:#43444c;--grey-800:#2a2b32;--grey-900:#171921;--grey-950:#0d0e12;--error-25:#fefafa;--error-50:#fceeee;--error-100:#fae0de;--error-200:#f7afab;--error-300:#f6857e;--error-400:#f65951;--error-500:#e5453d;--error-600:#cc3f38;--error-700:#b43027;--error-800:#8d2a25;--error-900:#76231e;--error-950:#470e0b;--warning-25:#fffdf7;--warning-50:#fff8e1;--warning-100:#ffe9a8;--warning-200:#ffd66d;--warning-300:#ffc233;--warning-400:#ffac05;--warning-500:#f08c00;--warning-600:#cd7004;--warning-700:#aa4e09;--warning-800:#8c3d0d;--warning-900:#78350f;--warning-950:#4e1e03;--success-25:#f8fffa;--success-50:#e6fded;--success-100:#c6f6d5;--success-200:#9ae6b4;--success-300:#5dd089;--success-400:#38b26c;--success-500:#22a363;--success-600:#1a7f49;--success-700:#166537;--success-800:#15562f;--success-900:#144829;--success-950:#082b16;--blue-25:#f5faff;--blue-50:#eff8ff;--blue-100:#d1e9ff;--blue-200:#b2ddff;--blue-300:#84caff;--blue-400:#53b1fd;--blue-500:#2e90fa;--blue-600:#1570ef;--blue-700:#175cd3;--blue-800:#1849a9;--blue-900:#194185;--blue-950:#102a56;--purple-25:#fafaff;--purple-50:#f4f3ff;--purple-100:#ebe9fe;--purple-200:#d9d6fe;--purple-300:#bdb4fe;--purple-400:#9b8afb;--purple-500:#7a5af8;--purple-600:#6938ef;--purple-700:#5925dc;--purple-800:#4a1fb8;--purple-900:#3e1c96;--purple-950:#27115f;--utility-grey-50:var(--grey-50);--utility-grey-100:var(--grey-100);--utility-grey-200:var(--grey-200);--utility-grey-300:var(--grey-300);--utility-grey-400:var(--grey-400);--utility-grey-500:var(--grey-500);--utility-grey-600:var(--grey-600);--utility-grey-700:var(--grey-700);--utility-grey-800:var(--grey-800);--utility-grey-900:var(--grey-900);--utility-grey-25:var(--grey-25);--utility-error-50:var(--error-50);--utility-error-100:var(--error-100);--utility-error-200:var(--error-200);--utility-error-300:var(--error-300);--utility-error-400:var(--error-400);--utility-error-500:var(--error-500);--utility-error-600:var(--error-600);--utility-error-700:var(--error-700);--utility-error-800:var(--error-800);--utility-error-900:var(--error-900);--utility-success-50:var(--success-50);--utility-success-100:var(--success-100);--utility-success-200:var(--success-200);--utility-success-300:var(--success-300);--utility-success-400:var(--success-400);--utility-success-500:var(--success-500);--utility-success-600:var(--success-600);--utility-success-700:var(--success-700);--utility-success-800:var(--success-800);--utility-success-900:var(--success-900);--utility-warning-50:var(--warning-50);--utility-warning-100:var(--warning-100);--utility-warning-200:var(--warning-200);--utility-warning-300:var(--warning-300);--utility-warning-400:var(--warning-400);--utility-warning-500:var(--warning-500);--utility-warning-600:var(--warning-600);--utility-warning-700:var(--warning-700);--utility-warning-800:var(--warning-800);--utility-warning-900:var(--warning-900);--utility-blue-50:var(--blue-50);--utility-blue-100:var(--blue-100);--utility-blue-200:var(--blue-200);--utility-blue-300:var(--blue-300);--utility-blue-400:var(--blue-400);--utility-blue-500:var(--blue-500);--utility-blue-600:var(--blue-600);--utility-blue-700:var(--blue-700);--utility-blue-800:var(--blue-800);--utility-blue-900:var(--blue-900);--utility-purple-50:var(--purple-50);--utility-purple-100:var(--purple-100);--utility-purple-200:var(--purple-200);--utility-purple-300:var(--purple-300);--utility-purple-400:var(--purple-400);--utility-purple-500:var(--purple-500);--utility-purple-600:var(--purple-600);--utility-purple-700:var(--purple-700);--utility-purple-800:var(--purple-800);--utility-purple-900:var(--purple-900);--alpha-white-5:hsla(0,0%,100%,.05);--alpha-white-20:hsla(0,0%,100%,.2);--alpha-white-30:hsla(0,0%,100%,.3);--alpha-white-40:hsla(0,0%,100%,.4);--alpha-white-50:hsla(0,0%,100%,.5);--alpha-white-60:hsla(0,0%,100%,.6);--alpha-white-70:hsla(0,0%,100%,.7);--alpha-white-80:hsla(0,0%,100%,.8);--alpha-white-90:hsla(0,0%,100%,.9);--alpha-white-100:#fff;--alpha-white-10:hsla(0,0%,100%,.1);--alpha-white-0:hsla(0,0%,100%,0);--alpha-black-5:rgba(0,0,0,.05);--alpha-black-20:rgba(0,0,0,.2);--alpha-black-30:rgba(0,0,0,.3);--alpha-black-40:rgba(0,0,0,.4);--alpha-black-50:rgba(0,0,0,.5);--alpha-black-60:rgba(0,0,0,.6);--alpha-black-70:rgba(0,0,0,.7);--alpha-black-80:rgba(0,0,0,.8);--alpha-black-90:rgba(0,0,0,.9);--alpha-black-100:#000;--alpha-black-10:rgba(0,0,0,.1);--alpha-black-0:transparent;--alpha-success-5:rgba(34,163,99,.05);--alpha-success-10:rgba(34,163,99,.1);--alpha-success-20:rgba(34,163,99,.2);--alpha-success-30:rgba(34,163,99,.3);--alpha-success-40:rgba(34,163,99,.4);--alpha-success-50:rgba(34,163,99,.5);--alpha-success-60:rgba(34,163,99,.6);--alpha-success-70:rgba(34,163,99,.7);--alpha-success-80:rgba(34,163,99,.8);--alpha-success-90:rgba(34,163,99,.9);--alpha-success-100:#22a363;--alpha-warning-5:rgba(229,69,61,.05);--alpha-warning-10:rgba(229,69,61,.1);--alpha-warning-20:rgba(229,69,61,.2);--alpha-warning-30:rgba(229,69,61,.3);--alpha-warning-40:rgba(229,69,61,.4);--alpha-warning-50:rgba(229,69,61,.5);--alpha-warning-60:rgba(229,69,61,.6);--alpha-warning-70:rgba(229,69,61,.7);--alpha-warning-80:rgba(229,69,61,.8);--alpha-warning-90:rgba(229,69,61,.9);--alpha-warning-100:#e5453d;--text-primary:var(--grey-900);--text-secondary:var(--grey-700);--text-secondary_hover:var(--grey-800);--text-tertiary:var(--grey-600);--text-tertiary_hover:var(--grey-700);--text-quaternary:var(--grey-500);--text-white:var(--white);--text-disabled:var(--grey-400);--text-placeholder:var(--grey-400);--text-placeholder_subtle:var(--grey-300);--text-disabled_subtle:var(--grey-300);--text-error-primary:var(--error-600);--text-warning-primary:var(--warning-600);--text-success-primary:var(--success-600);--text-error-pressed:var(--error-700);--fg-primary:var(--grey-900);--fg-secondary:var(--grey-700);--fg-secondary_hover:var(--grey-800);--fg-tertiary:var(--grey-600);--fg-tertiary_hover:var(--grey-700);--fg-quaternary:var(--grey-400);--fg-white:var(--white);--fg-disabled:var(--grey-400);--fg-disabled_subtle:var(--grey-300);--fg-placeholder:var(--grey-400);--fg-placeholder_subtle:var(--grey-300);--fg-error-primary:var(--error-600);--fg-warning-primary:var(--warning-600);--fg-success-primary:var(--success-600);--fg-warning-secondary:var(--warning-500);--fg-success-secondary:var(--success-500);--fg-error-secondary:var(--error-500);--fg-quaternary_hover:var(--grey-500);--bg-primary:var(--white);--bg-secondary:var(--grey-50);--bg-secondary_hover:var(--grey-100);--bg-tertiary:var(--grey-100);--bg-quaternary:var(--grey-200);--bg-white:var(--white);--bg-disabled:var(--grey-100);--bg-disabled_subtle:var(--grey-50);--bg-error-primary:var(--error-50);--bg-error-solid:var(--error-600);--bg-warning-primary:var(--warning-50);--bg-success-primary:var(--success-50);--bg-primary_alt:var(--white);--bg-primary_hover:var(--grey-50);--bg-secondary_alt:var(--grey-50);--bg-secondary_subtle:var(--grey-25);--bg-secondary-solid:var(--grey-600);--bg-active:var(--grey-50);--bg-error-solid_hover:var(--error-700);--bg-error-solid_pressed:var(--error-800);--bg-error-primary-pressed:var(--error-100);--bg-overlay:rgba(13,14,18,.5);--border-primary:var(--grey-300);--border-secondary:var(--grey-200);--border-secondary_alt:var(--alpha-black-5);--border-tertiary:var(--grey-100);--border-disabled:var(--grey-300);--border-disabled_subtle:var(--grey-200);--border-error:var(--error-500);--border-error_subtle:var(--error-300);--border-error_pressed:var(--error-700);--border-solid:var(--grey-900);--checkbox-border_hover:var(--grey-500);--checkbox-checkmark-fg:var(--grey-25);--toggle-active-bg:var(--grey-950);--toggle-button-fg:var(--grey-25);--toggle-button-active-fg:var(--grey-25);--toggle-active-bg_hover:var(--grey-800);--toggle-button-active-fg_hover:var(--grey-25);--toggle-active-bg-success:var(--success-400);--toggle-active-bg-success_hover:var(--success-300);--toggle-button-active-fg-success:var(--grey-25);--toggle-button-active-fg-success_hover:var(--grey-25);--button-fg:var(--grey-50);--button-text:var(--grey-50);--button-bg:var(--grey-900);--button-bg-hover:var(--grey-700);--button-bg-pressed:var(--grey-800);--button-bg-disabled:var(--grey-100);--button-error-text-hover:var(--error-700);--button-error-text-pressed:var(--error-800);--tooltip-bg:var(--grey-900);--tooltip-text:var(--grey-50);--tooltip-supporting-text:var(--grey-400);--tooltip-fg:var(--grey-100);--social-icon_black-fg:#000;--social-icon_github-fg:#24292f;--social-icon_tumblr-fg:#001935}.dark{--white:#000;--black:#fff;--transparent:hsla(0,0%,100%,0);--grey-25:#fcfcfd;--grey-50:#f6f7f9;--grey-100:#eef0f1;--grey-200:#e1e2e5;--grey-300:#cdcfd5;--grey-400:#9e9fa9;--grey-500:#73757d;--grey-600:#56575d;--grey-700:#43444c;--grey-800:#2a2b32;--grey-900:#171921;--grey-950:#0d0e12;--error-25:#fefafa;--error-50:#fceeee;--error-100:#fae0de;--error-200:#f7afab;--error-300:#f6857e;--error-400:#f65951;--error-500:#e5453d;--error-600:#cc3f38;--error-700:#b43027;--error-800:#8d2a25;--error-900:#76231e;--error-950:#470e0b;--warning-25:#fffdf7;--warning-50:#fff8e1;--warning-100:#ffe9a8;--warning-200:#ffd66d;--warning-300:#ffc233;--warning-400:#ffac05;--warning-500:#f08c00;--warning-600:#cd7004;--warning-700:#aa4e09;--warning-800:#8c3d0d;--warning-900:#78350f;--warning-950:#4e1e03;--success-25:#f8fffa;--success-50:#e6fded;--success-100:#c6f6d5;--success-200:#9ae6b4;--success-300:#5dd089;--success-400:#38b26c;--success-500:#22a363;--success-600:#1a7f49;--success-700:#166537;--success-800:#15562f;--success-900:#144829;--success-950:#082b16;--blue-25:#f5faff;--blue-50:#eff8ff;--blue-100:#d1e9ff;--blue-200:#b2ddff;--blue-300:#84caff;--blue-400:#53b1fd;--blue-500:#2e90fa;--blue-600:#1570ef;--blue-700:#175cd3;--blue-800:#1849a9;--blue-900:#194185;--blue-950:#102a56;--purple-25:#fafaff;--purple-50:#f4f3ff;--purple-100:#ebe9fe;--purple-200:#d9d6fe;--purple-300:#bdb4fe;--purple-400:#9b8afb;--purple-500:#7a5af8;--purple-600:#6938ef;--purple-700:#5925dc;--purple-800:#4a1fb8;--purple-900:#3e1c96;--purple-950:#27115f;--utility-grey-50:var(--grey-900);--utility-grey-100:var(--grey-800);--utility-grey-200:var(--grey-700);--utility-grey-300:var(--grey-600);--utility-grey-400:var(--grey-500);--utility-grey-500:var(--grey-400);--utility-grey-600:var(--grey-300);--utility-grey-700:var(--grey-200);--utility-grey-800:var(--grey-100);--utility-grey-900:var(--grey-50);--utility-grey-25:var(--grey-950);--utility-error-50:var(--error-900);--utility-error-100:var(--error-800);--utility-error-200:var(--error-700);--utility-error-300:var(--error-600);--utility-error-400:var(--error-500);--utility-error-500:var(--error-400);--utility-error-600:var(--error-300);--utility-error-700:var(--error-200);--utility-error-800:var(--error-100);--utility-error-900:var(--error-50);--utility-success-50:var(--success-900);--utility-success-100:var(--success-800);--utility-success-200:var(--success-700);--utility-success-300:var(--success-600);--utility-success-400:var(--success-500);--utility-success-500:var(--success-400);--utility-success-600:var(--success-300);--utility-success-700:var(--success-200);--utility-success-800:var(--success-100);--utility-success-900:var(--success-50);--utility-warning-50:var(--warning-900);--utility-warning-100:var(--warning-800);--utility-warning-200:var(--warning-700);--utility-warning-300:var(--warning-600);--utility-warning-400:var(--warning-500);--utility-warning-500:var(--warning-400);--utility-warning-600:var(--warning-300);--utility-warning-700:var(--warning-200);--utility-warning-800:var(--warning-100);--utility-warning-900:var(--warning-50);--utility-blue-50:var(--blue-900);--utility-blue-100:var(--blue-800);--utility-blue-200:var(--blue-700);--utility-blue-300:var(--blue-600);--utility-blue-400:var(--blue-500);--utility-blue-500:var(--blue-400);--utility-blue-600:var(--blue-300);--utility-blue-700:var(--blue-200);--utility-blue-800:var(--blue-100);--utility-blue-900:var(--blue-50);--utility-purple-50:var(--purple-900);--utility-purple-100:var(--purple-800);--utility-purple-200:var(--purple-700);--utility-purple-300:var(--purple-600);--utility-purple-400:var(--purple-500);--utility-purple-500:var(--purple-400);--utility-purple-600:var(--purple-300);--utility-purple-700:var(--purple-200);--utility-purple-800:var(--purple-100);--utility-purple-900:var(--purple-50);--alpha-white-5:rgba(13,14,18,.05);--alpha-white-20:rgba(13,14,18,.2);--alpha-white-30:rgba(13,14,18,.3);--alpha-white-40:rgba(13,14,18,.4);--alpha-white-50:rgba(13,14,18,.5);--alpha-white-60:rgba(13,14,18,.6);--alpha-white-70:rgba(13,14,18,.7);--alpha-white-80:rgba(13,14,18,.8);--alpha-white-90:rgba(13,14,18,.9);--alpha-white-100:#0d0e12;--alpha-white-10:rgba(13,14,18,.1);--alpha-white-0:rgba(13,14,18,.05);--alpha-black-5:hsla(0,0%,100%,.05);--alpha-black-20:hsla(0,0%,100%,.2);--alpha-black-30:hsla(0,0%,100%,.3);--alpha-black-40:hsla(0,0%,100%,.4);--alpha-black-50:hsla(0,0%,100%,.5);--alpha-black-60:hsla(0,0%,100%,.6);--alpha-black-70:hsla(0,0%,100%,.7);--alpha-black-80:hsla(0,0%,100%,.8);--alpha-black-90:hsla(0,0%,100%,.9);--alpha-black-100:#fff;--alpha-black-10:hsla(0,0%,100%,.1);--alpha-black-0:hsla(0,0%,100%,.05);--alpha-success-5:rgba(34,163,99,.05);--alpha-success-10:rgba(34,163,99,.1);--alpha-success-20:rgba(34,163,99,.2);--alpha-success-30:rgba(34,163,99,.3);--alpha-success-40:rgba(34,163,99,.4);--alpha-success-50:rgba(34,163,99,.5);--alpha-success-60:rgba(34,163,99,.6);--alpha-success-70:rgba(34,163,99,.7);--alpha-success-80:rgba(34,163,99,.8);--alpha-success-90:rgba(34,163,99,.9);--alpha-success-100:#22a363;--alpha-warning-5:rgba(229,69,61,.05);--alpha-warning-10:rgba(229,69,61,.1);--alpha-warning-20:rgba(229,69,61,.2);--alpha-warning-30:rgba(229,69,61,.3);--alpha-warning-40:rgba(229,69,61,.4);--alpha-warning-50:rgba(229,69,61,.5);--alpha-warning-60:rgba(229,69,61,.6);--alpha-warning-70:rgba(229,69,61,.7);--alpha-warning-80:rgba(229,69,61,.8);--alpha-warning-90:rgba(229,69,61,.9);--alpha-warning-100:#e5453d;--text-primary:var(--grey-50);--text-secondary:var(--grey-300);--text-secondary_hover:var(--grey-200);--text-tertiary:var(--grey-400);--text-tertiary_hover:var(--grey-300);--text-quaternary:var(--grey-500);--text-white:var(--white);--text-disabled:var(--grey-600);--text-placeholder:var(--grey-600);--text-placeholder_subtle:var(--grey-700);--text-disabled_subtle:var(--grey-700);--text-error-primary:var(--error-400);--text-warning-primary:var(--warning-400);--text-success-primary:var(--success-400);--text-error-pressed:var(--error-950);--fg-primary:var(--grey-50);--fg-secondary:var(--grey-300);--fg-secondary_hover:var(--grey-200);--fg-tertiary:var(--grey-400);--fg-tertiary_hover:var(--grey-300);--fg-quaternary:var(--grey-600);--fg-white:var(--white);--fg-disabled:var(--grey-600);--fg-disabled_subtle:var(--grey-700);--fg-placeholder:var(--grey-600);--fg-placeholder_subtle:var(--grey-700);--fg-error-primary:var(--error-400);--fg-warning-primary:var(--warning-500);--fg-success-primary:var(--success-500);--fg-warning-secondary:var(--warning-400);--fg-success-secondary:var(--success-400);--fg-error-secondary:var(--error-400);--fg-quaternary_hover:var(--grey-500);--bg-primary:var(--grey-950);--bg-secondary:var(--grey-900);--bg-secondary_hover:var(--grey-800);--bg-tertiary:var(--grey-800);--bg-quaternary:var(--grey-700);--bg-white:var(--white);--bg-disabled:var(--grey-800);--bg-disabled_subtle:var(--grey-900);--bg-error-primary:var(--error-950);--bg-error-solid:var(--error-400);--bg-warning-primary:var(--warning-950);--bg-success-primary:var(--success-950);--bg-primary_alt:var(--bg-secondary);--bg-primary_hover:var(--grey-800);--bg-secondary_alt:var(--bg-primary);--bg-secondary_subtle:var(--grey-900);--bg-secondary-solid:var(--grey-600);--bg-active:var(--grey-800);--bg-error-solid_hover:var(--error-300);--bg-error-solid_pressed:var(--error-200);--bg-error-primary-pressed:var(--error-200);--bg-overlay:rgba(13,14,18,.7);--border-primary:var(--grey-700);--border-secondary:var(--grey-800);--border-secondary_alt:var(--grey-800);--border-tertiary:var(--grey-800);--border-disabled:var(--grey-700);--border-disabled_subtle:var(--grey-800);--border-error:var(--error-400);--border-error_subtle:var(--error-500);--border-error_pressed:var(--error-100);--border-solid:var(--grey-50);--checkbox-border_hover:var(--grey-600);--checkbox-checkmark-fg:var(--grey-900);--toggle-active-bg:var(--grey-25);--toggle-button-fg:var(--grey-100);--toggle-button-active-fg:var(--grey-900);--toggle-active-bg_hover:var(--grey-100);--toggle-button-active-fg_hover:var(--grey-800);--toggle-active-bg-success:var(--success-500);--toggle-active-bg-success_hover:var(--success-400);--toggle-button-active-fg-success:var(--grey-25);--toggle-button-active-fg-success_hover:var(--grey-25);--button-fg:var(--grey-900);--button-text:var(--grey-900);--button-bg:var(--grey-50);--button-bg-hover:var(--grey-200);--button-bg-pressed:var(--grey-100);--button-bg-disabled:var(--grey-800);--button-error-text-hover:var(--error-500);--button-error-text-pressed:var(--error-400);--tooltip-bg:var(--grey-50);--tooltip-text:var(--grey-900);--tooltip-supporting-text:var(--grey-600);--tooltip-fg:var(--grey-800);--social-icon_black-fg:#fff;--social-icon_github-fg:#e8eaed;--social-icon_tumblr-fg:#fff}@theme inline{--color-white:var(--white);--color-black:var(--black);--color-transparent:var(--transparent);--color-grey-25:var(--grey-25);--color-grey-50:var(--grey-50);--color-grey-100:var(--grey-100);--color-grey-200:var(--grey-200);--color-grey-300:var(--grey-300);--color-grey-400:var(--grey-400);--color-grey-500:var(--grey-500);--color-grey-600:var(--grey-600);--color-grey-700:var(--grey-700);--color-grey-800:var(--grey-800);--color-grey-900:var(--grey-900);--color-grey-950:var(--grey-950);--color-error-25:var(--error-25);--color-error-50:var(--error-50);--color-error-100:var(--error-100);--color-error-200:var(--error-200);--color-error-300:var(--error-300);--color-error-400:var(--error-400);--color-error-500:var(--error-500);--color-error-600:var(--error-600);--color-error-700:var(--error-700);--color-error-800:var(--error-800);--color-error-900:var(--error-900);--color-error-950:var(--error-950);--color-warning-25:var(--warning-25);--color-warning-50:var(--warning-50);--color-warning-100:var(--warning-100);--color-warning-200:var(--warning-200);--color-warning-300:var(--warning-300);--color-warning-400:var(--warning-400);--color-warning-500:var(--warning-500);--color-warning-600:var(--warning-600);--color-warning-700:var(--warning-700);--color-warning-800:var(--warning-800);--color-warning-900:var(--warning-900);--color-warning-950:var(--warning-950);--color-success-25:var(--success-25);--color-success-50:var(--success-50);--color-success-100:var(--success-100);--color-success-200:var(--success-200);--color-success-300:var(--success-300);--color-success-400:var(--success-400);--color-success-500:var(--success-500);--color-success-600:var(--success-600);--color-success-700:var(--success-700);--color-success-800:var(--success-800);--color-success-900:var(--success-900);--color-success-950:var(--success-950);--color-blue-25:var(--blue-25);--color-blue-50:var(--blue-50);--color-blue-100:var(--blue-100);--color-blue-200:var(--blue-200);--color-blue-300:var(--blue-300);--color-blue-400:var(--blue-400);--color-blue-500:var(--blue-500);--color-blue-600:var(--blue-600);--color-blue-700:var(--blue-700);--color-blue-800:var(--blue-800);--color-blue-900:var(--blue-900);--color-blue-950:var(--blue-950);--color-purple-25:var(--purple-25);--color-purple-50:var(--purple-50);--color-purple-100:var(--purple-100);--color-purple-200:var(--purple-200);--color-purple-300:var(--purple-300);--color-purple-400:var(--purple-400);--color-purple-500:var(--purple-500);--color-purple-600:var(--purple-600);--color-purple-700:var(--purple-700);--color-purple-800:var(--purple-800);--color-purple-900:var(--purple-900);--color-purple-950:var(--purple-950);--color-utility-grey-50:var(--utility-grey-50);--color-utility-grey-100:var(--utility-grey-100);--color-utility-grey-200:var(--utility-grey-200);--color-utility-grey-300:var(--utility-grey-300);--color-utility-grey-400:var(--utility-grey-400);--color-utility-grey-500:var(--utility-grey-500);--color-utility-grey-600:var(--utility-grey-600);--color-utility-grey-700:var(--utility-grey-700);--color-utility-grey-800:var(--utility-grey-800);--color-utility-grey-900:var(--utility-grey-900);--color-utility-grey-25:var(--utility-grey-25);--color-utility-error-50:var(--utility-error-50);--color-utility-error-100:var(--utility-error-100);--color-utility-error-200:var(--utility-error-200);--color-utility-error-300:var(--utility-error-300);--color-utility-error-400:var(--utility-error-400);--color-utility-error-500:var(--utility-error-500);--color-utility-error-600:var(--utility-error-600);--color-utility-error-700:var(--utility-error-700);--color-utility-error-800:var(--utility-error-800);--color-utility-error-900:var(--utility-error-900);--color-utility-success-50:var(--utility-success-50);--color-utility-success-100:var(--utility-success-100);--color-utility-success-200:var(--utility-success-200);--color-utility-success-300:var(--utility-success-300);--color-utility-success-400:var(--utility-success-400);--color-utility-success-500:var(--utility-success-500);--color-utility-success-600:var(--utility-success-600);--color-utility-success-700:var(--utility-success-700);--color-utility-success-800:var(--utility-success-800);--color-utility-success-900:var(--utility-success-900);--color-utility-warning-50:var(--utility-warning-50);--color-utility-warning-100:var(--utility-warning-100);--color-utility-warning-200:var(--utility-warning-200);--color-utility-warning-300:var(--utility-warning-300);--color-utility-warning-400:var(--utility-warning-400);--color-utility-warning-500:var(--utility-warning-500);--color-utility-warning-600:var(--utility-warning-600);--color-utility-warning-700:var(--utility-warning-700);--color-utility-warning-800:var(--utility-warning-800);--color-utility-warning-900:var(--utility-warning-900);--color-utility-blue-50:var(--utility-blue-50);--color-utility-blue-100:var(--utility-blue-100);--color-utility-blue-200:var(--utility-blue-200);--color-utility-blue-300:var(--utility-blue-300);--color-utility-blue-400:var(--utility-blue-400);--color-utility-blue-500:var(--utility-blue-500);--color-utility-blue-600:var(--utility-blue-600);--color-utility-blue-700:var(--utility-blue-700);--color-utility-blue-800:var(--utility-blue-800);--color-utility-blue-900:var(--utility-blue-900);--color-utility-purple-50:var(--utility-purple-50);--color-utility-purple-100:var(--utility-purple-100);--color-utility-purple-200:var(--utility-purple-200);--color-utility-purple-300:var(--utility-purple-300);--color-utility-purple-400:var(--utility-purple-400);--color-utility-purple-500:var(--utility-purple-500);--color-utility-purple-600:var(--utility-purple-600);--color-utility-purple-700:var(--utility-purple-700);--color-utility-purple-800:var(--utility-purple-800);--color-utility-purple-900:var(--utility-purple-900);--color-alpha-white-5:var(--alpha-white-5);--color-alpha-white-20:var(--alpha-white-20);--color-alpha-white-30:var(--alpha-white-30);--color-alpha-white-40:var(--alpha-white-40);--color-alpha-white-50:var(--alpha-white-50);--color-alpha-white-60:var(--alpha-white-60);--color-alpha-white-70:var(--alpha-white-70);--color-alpha-white-80:var(--alpha-white-80);--color-alpha-white-90:var(--alpha-white-90);--color-alpha-white-100:var(--alpha-white-100);--color-alpha-white-10:var(--alpha-white-10);--color-alpha-white-0:var(--alpha-white-0);--color-alpha-black-5:var(--alpha-black-5);--color-alpha-black-20:var(--alpha-black-20);--color-alpha-black-30:var(--alpha-black-30);--color-alpha-black-40:var(--alpha-black-40);--color-alpha-black-50:var(--alpha-black-50);--color-alpha-black-60:var(--alpha-black-60);--color-alpha-black-70:var(--alpha-black-70);--color-alpha-black-80:var(--alpha-black-80);--color-alpha-black-90:var(--alpha-black-90);--color-alpha-black-100:var(--alpha-black-100);--color-alpha-black-10:var(--alpha-black-10);--color-alpha-black-0:var(--alpha-black-0);--color-alpha-success-5:var(--alpha-success-5);--color-alpha-success-10:var(--alpha-success-10);--color-alpha-success-20:var(--alpha-success-20);--color-alpha-success-30:var(--alpha-success-30);--color-alpha-success-40:var(--alpha-success-40);--color-alpha-success-50:var(--alpha-success-50);--color-alpha-success-60:var(--alpha-success-60);--color-alpha-success-70:var(--alpha-success-70);--color-alpha-success-80:var(--alpha-success-80);--color-alpha-success-90:var(--alpha-success-90);--color-alpha-success-100:var(--alpha-success-100);--color-alpha-warning-5:var(--alpha-warning-5);--color-alpha-warning-10:var(--alpha-warning-10);--color-alpha-warning-20:var(--alpha-warning-20);--color-alpha-warning-30:var(--alpha-warning-30);--color-alpha-warning-40:var(--alpha-warning-40);--color-alpha-warning-50:var(--alpha-warning-50);--color-alpha-warning-60:var(--alpha-warning-60);--color-alpha-warning-70:var(--alpha-warning-70);--color-alpha-warning-80:var(--alpha-warning-80);--color-alpha-warning-90:var(--alpha-warning-90);--color-alpha-warning-100:var(--alpha-warning-100);--color-text-primary:var(--text-primary);--color-text-secondary:var(--text-secondary);--color-text-secondary_hover:var(--text-secondary_hover);--color-text-tertiary:var(--text-tertiary);--color-text-tertiary_hover:var(--text-tertiary_hover);--color-text-quaternary:var(--text-quaternary);--color-text-white:var(--text-white);--color-text-disabled:var(--text-disabled);--color-text-placeholder:var(--text-placeholder);--color-text-placeholder_subtle:var(--text-placeholder_subtle);--color-text-disabled_subtle:var(--text-disabled_subtle);--color-text-error-primary:var(--text-error-primary);--color-text-warning-primary:var(--text-warning-primary);--color-text-success-primary:var(--text-success-primary);--color-text-error-pressed:var(--text-error-pressed);--color-fg-primary:var(--fg-primary);--color-fg-secondary:var(--fg-secondary);--color-fg-secondary_hover:var(--fg-secondary_hover);--color-fg-tertiary:var(--fg-tertiary);--color-fg-tertiary_hover:var(--fg-tertiary_hover);--color-fg-quaternary:var(--fg-quaternary);--color-fg-white:var(--fg-white);--color-fg-disabled:var(--fg-disabled);--color-fg-disabled_subtle:var(--fg-disabled_subtle);--color-fg-placeholder:var(--fg-placeholder);--color-fg-placeholder_subtle:var(--fg-placeholder_subtle);--color-fg-error-primary:var(--fg-error-primary);--color-fg-warning-primary:var(--fg-warning-primary);--color-fg-success-primary:var(--fg-success-primary);--color-fg-warning-secondary:var(--fg-warning-secondary);--color-fg-success-secondary:var(--fg-success-secondary);--color-fg-error-secondary:var(--fg-error-secondary);--color-fg-quaternary_hover:var(--fg-quaternary_hover);--color-bg-primary:var(--bg-primary);--color-bg-secondary:var(--bg-secondary);--color-bg-secondary_hover:var(--bg-secondary_hover);--color-bg-tertiary:var(--bg-tertiary);--color-bg-quaternary:var(--bg-quaternary);--color-bg-white:var(--bg-white);--color-bg-disabled:var(--bg-disabled);--color-bg-disabled_subtle:var(--bg-disabled_subtle);--color-bg-error-primary:var(--bg-error-primary);--color-bg-error-solid:var(--bg-error-solid);--color-bg-warning-primary:var(--bg-warning-primary);--color-bg-success-primary:var(--bg-success-primary);--color-bg-primary_alt:var(--bg-primary_alt);--color-bg-primary_hover:var(--bg-primary_hover);--color-bg-secondary_alt:var(--bg-secondary_alt);--color-bg-secondary_subtle:var(--bg-secondary_subtle);--color-bg-secondary-solid:var(--bg-secondary-solid);--color-bg-active:var(--bg-active);--color-bg-error-solid_hover:var(--bg-error-solid_hover);--color-bg-error-solid_pressed:var(--bg-error-solid_pressed);--color-bg-error-primary-pressed:var(--bg-error-primary-pressed);--color-bg-overlay:var(--bg-overlay);--color-border-primary:var(--border-primary);--color-border-secondary:var(--border-secondary);--color-border-secondary_alt:var(--border-secondary_alt);--color-border-tertiary:var(--border-tertiary);--color-border-disabled:var(--border-disabled);--color-border-disabled_subtle:var(--border-disabled_subtle);--color-border-error:var(--border-error);--color-border-error_subtle:var(--border-error_subtle);--color-border-error_pressed:var(--border-error_pressed);--color-border-solid:var(--border-solid);--color-checkbox-border_hover:var(--checkbox-border_hover);--color-checkbox-checkmark-fg:var(--checkbox-checkmark-fg);--color-toggle-active-bg:var(--toggle-active-bg);--color-toggle-button-fg:var(--toggle-button-fg);--color-toggle-button-active-fg:var(--toggle-button-active-fg);--color-toggle-active-bg_hover:var(--toggle-active-bg_hover);--color-toggle-button-active-fg_hover:var(--toggle-button-active-fg_hover);--color-toggle-active-bg-success:var(--toggle-active-bg-success);--color-toggle-active-bg-success_hover:var(--toggle-active-bg-success_hover);--color-toggle-button-active-fg-success:var(--toggle-button-active-fg-success);--color-toggle-button-active-fg-success_hover:var(--toggle-button-active-fg-success_hover);--color-button-fg:var(--button-fg);--color-button-text:var(--button-text);--color-button-bg:var(--button-bg);--color-button-bg-hover:var(--button-bg-hover);--color-button-bg-pressed:var(--button-bg-pressed);--color-button-bg-disabled:var(--button-bg-disabled);--color-button-error-text-hover:var(--button-error-text-hover);--color-button-error-text-pressed:var(--button-error-text-pressed);--color-tooltip-bg:var(--tooltip-bg);--color-tooltip-text:var(--tooltip-text);--color-tooltip-supporting-text:var(--tooltip-supporting-text);--color-tooltip-fg:var(--tooltip-fg);--color-social-icon_black-fg:var(--social-icon_black-fg);--color-social-icon_github-fg:var(--social-icon_github-fg);--color-social-icon_tumblr-fg:var(--social-icon_tumblr-fg)}

package/dist/styles/size.css

@@ -0,0 +1 @@
+:root{--radius-none:0;--radius-xxs:0.125rem;--radius-xs:0.25rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.625rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.25rem;--radius-4xl:1.5rem;--radius-full:100%;--spacing-none:0;--spacing-xxs:0.125rem;--spacing-xs:0.25rem;--spacing-sm:0.375rem;--spacing-md:0.5rem;--spacing-md-plus:0.625rem;--spacing-lg:0.75rem;--spacing-xl:1rem;--spacing-2xl:1.25rem;--spacing-3xl:1.5rem;--spacing-4xl:2rem;--spacing-5xl:2.5rem;--spacing-6xl:3rem;--spacing-7xl:4rem;--spacing-8xl:5rem;--spacing-9xl:6rem;--spacing-10xl:8rem;--spacing-11xl:10rem;--breakpoint-sm:40rem;--breakpoint-md:48rem;--breakpoint-lg:64rem;--breakpoint-xl:80rem;--breakpoint-2xl:96rem}

package/dist/styles/theme.css

@@ -1 +1 @@
-@import "./colors.css";@custom-variant dark (&:where(.dark, .dark *));@theme inline{--font-sans:var(--font-inter);--font-mono:var(--font-space-mono);--font-satoshi:var(--font-satoshi)}@theme{--text-2xs:0.625rem;--text-2xs--line-height:0.875rem;--text-xs:0.75rem;--text-xs--line-height:1.125rem;--text-sm:0.875rem;--text-sm--line-height:1.25rem;--text-sm--letter-spacing:-0.00622354em;--text-base:1rem;--text-base--line-height:1.5rem;--text-base--letter-spacing:-0.0109598em;--text-lg:1.125rem;--text-lg--line-height:1.75rem;--text-lg--letter-spacing:-0.015em;--text-xl:1.25rem;--text-xl--line-height:1.875rem;--text-xl--letter-spacing:-0.0166573em;--text-2xl:1.5rem;--text-2xl--line-height:2rem;--text-3xl:1.75rem;--text-3xl--line-height:2.25rem;--text-3\.5xl:2rem;--text-3\.5xl--line-height:2.5rem;--text-4xl:2.25rem;--text-4xl--line-height:2.75rem}@theme{--shadow-sidebar:0 8px 8px -4px rgba(23,25,33,.01),0 20px 24px -4px rgba(23,25,33,.02);--shadow-xs:0 1px 2px 0 rgba(13,14,18,.039);--shadow-xs-button:0 1px 2px 0 rgba(13,14,18,.039),inset 0 -2px 0 0 rgba(13,14,18,.078);--shadow-lg:0 12px 16px -4px rgba(13,14,18,.031),0 4px 6px -2px rgba(13,14,18,.078),0 2px 2px -1px rgba(13,14,18,.039)}@theme{--z-toast:1090;--z-tooltip:1080;--z-popover:1070;--z-modal:1055;--z-modalBackdrop:1050;--z-offcanvas:1045;--z-offcanvasBackdrop:1040;--z-fixed:1030;--z-sticky:1020;--z-dropdown:1000;--width-content-max:56.25rem;--height-card-header:4.875rem}@theme{--animate-fade-in:fade-in 0.15s ease-in-out;--animate-fade-out:fade-out 0.15s ease-in-out;@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}}@utility z-*{z-index:--value(--z-*)}@utility scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none}}@utility scrollbar-styled{scrollbar-color:#bababd transparent;scrollbar-width:thin;&::-webkit-scrollbar{background:transparent;width:4px}&::-webkit-scrollbar-thumb{background:#bababd;border-radius:100px;-webkit-border-radius:100px;visibility:hidden}&:hover::-webkit-scrollbar-thumb{visibility:visible}}@utility skeleton{@apply animate-pulse rounded bg-grey-200}@utility icon-*{font-size:calc(var(--spacing) * --value(number));font-size:--value([length])}body{background:var(--bg-primary);color:var(--text-primary)}
+@import "./colors.css";@import "./size.css";@custom-variant dark (&:where(.dark, .dark *));@theme inline{--font-sans:var(--font-inter);--font-mono:var(--font-space-mono);--font-satoshi:var(--font-satoshi)}@theme{--text-2xs:0.625rem;--text-2xs--line-height:0.875rem;--text-xs:0.75rem;--text-xs--line-height:1.125rem;--text-sm:0.875rem;--text-sm--line-height:1.25rem;--text-sm--letter-spacing:-0.00622354em;--text-base:1rem;--text-base--line-height:1.5rem;--text-base--letter-spacing:-0.0109598em;--text-lg:1.125rem;--text-lg--line-height:1.75rem;--text-lg--letter-spacing:-0.015em;--text-xl:1.25rem;--text-xl--line-height:1.875rem;--text-xl--letter-spacing:-0.0166573em;--text-2xl:1.5rem;--text-2xl--line-height:2rem;--text-3xl:1.75rem;--text-3xl--line-height:2.25rem;--text-3\.5xl:2rem;--text-3\.5xl--line-height:2.5rem;--text-4xl:2.25rem;--text-4xl--line-height:2.75rem}@theme{--shadow-sidebar:0 8px 8px -4px rgba(23,25,33,.01),0 20px 24px -4px rgba(23,25,33,.02);--shadow-xs:0 1px 2px 0 rgba(13,14,18,.039);--shadow-xs-button:0 1px 2px 0 rgba(13,14,18,.039),inset 0 -2px 0 0 rgba(13,14,18,.078);--shadow-lg:0 12px 16px -4px rgba(13,14,18,.031),0 4px 6px -2px rgba(13,14,18,.078),0 2px 2px -1px rgba(13,14,18,.039)}@theme{--z-toast:1090;--z-tooltip:1080;--z-popover:1070;--z-modal:1055;--z-modalBackdrop:1050;--z-offcanvas:1045;--z-offcanvasBackdrop:1040;--z-fixed:1030;--z-sticky:1020;--z-dropdown:1000;--width-content-max:56.25rem;--height-card-header:4.875rem}@theme{--animate-fade-in:fade-in 0.15s ease-in-out;--animate-fade-out:fade-out 0.15s ease-in-out;@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}}@utility z-*{z-index:--value(--z-*)}@utility scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none}}@utility scrollbar-styled{scrollbar-color:#bababd transparent;scrollbar-width:thin;&::-webkit-scrollbar{background:transparent;width:4px}&::-webkit-scrollbar-thumb{background:#bababd;border-radius:100px;-webkit-border-radius:100px;visibility:hidden}&:hover::-webkit-scrollbar-thumb{visibility:visible}}@utility skeleton{@apply animate-pulse rounded bg-grey-200}@utility icon-*{font-size:calc(var(--spacing) * --value(number));font-size:--value([length])}body{background:var(--bg-primary);color:var(--text-primary)}

package/dist/types/components/{certikd → design}/KButton/KButton.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ButtonProps } from 'antd';
-export type KButtonProps = Pick<ButtonProps, 'className' | 'style' | 'children' | 'disabled' | 'loading' | 'block' | 'icon' | 'iconPlacement' | Extract<keyof ButtonProps, `on${string}`>> & {
+export type KButtonProps = Omit<ButtonProps, 'size' | 'type'> & {
     size?: 'sm' | 'md' | 'lg' | 'xl';
     type?: 'primary' | 'outline' | 'ghost' | 'link';
 };

package/dist/types/components/design/KCheckbox/KCheckbox.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { CheckboxProps } from 'antd';
+export type KCheckboxProps = CheckboxProps;
+export declare const KCheckbox: React.FC<KCheckboxProps>;

package/dist/types/components/design/KDropdown/KDropdown.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { DropdownProps } from 'antd';
+export type KDropdownProps = DropdownProps;
+export declare const KDropdown: React.FC<KDropdownProps>;

package/dist/types/components/{certikd → design}/KInput/KInput.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { InputProps } from 'antd';
-export interface KInputProps extends InputProps {
-}
+export type KInputProps = Omit<InputProps, 'size'> & {
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+};
 export declare const KInput: React.FC<KInputProps>;

package/dist/types/components/design/KRadio/KRadio.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { RadioGroupProps, RadioProps } from 'antd';
+export type KRadioProps = RadioProps;
+export type KRadioGroupProps = RadioGroupProps;
+export declare const KRadioGroup: React.FC<KRadioGroupProps>;
+interface KRadioInterface extends React.FC<KRadioProps> {
+    Group: typeof KRadioGroup;
+}
+export declare const KRadio: KRadioInterface;
+export {};

package/dist/types/components/design/KRadio/index.d.ts

@@ -0,0 +1,2 @@
+export { KRadio, KRadioGroup } from './KRadio';
+export type { KRadioProps, KRadioGroupProps } from './KRadio';

package/dist/types/components/design/KSelect/KSelect.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SelectProps } from 'antd';
+export type KSelectProps = SelectProps;
+export declare const KSelect: React.FC<KSelectProps>;

package/dist/types/components/design/KSpin/KSpin.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SpinProps } from 'antd';
+export type KSpinProps = SpinProps;
+export declare const KSpin: React.FC<KSpinProps>;

package/dist/types/components/design/KSwitch/KSwitch.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SwitchProps } from 'antd';
+export type KSwitchProps = SwitchProps;
+export declare const KSwitch: React.FC<KSwitchProps>;

package/dist/types/components/design/KTag/KTag.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TagProps } from 'antd';
+export type KTagProps = TagProps;
+export declare const KTag: React.FC<KTagProps>;

package/dist/types/components/design/KTooltip/KTooltip.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TooltipProps } from 'antd';
+export type KTooltipProps = TooltipProps;
+export declare const KTooltip: React.FC<KTooltipProps>;

package/dist/types/index.d.ts

@@ -1,4 +1,11 @@
-export { ThemeProvider } from './ThemeProvider';
-export type { ThemeProviderProps } from './ThemeProvider';
-export { KButton } from './components/certikd/KButton';
-export type { KButtonProps } from './components/certikd/KButton';
+export * from './ThemeProvider';
+export * from './components/design/KButton';
+export * from './components/design/KCheckbox';
+export * from './components/design/KDropdown';
+export * from './components/design/KInput';
+export * from './components/design/KRadio';
+export * from './components/design/KSelect';
+export * from './components/design/KSpin';
+export * from './components/design/KSwitch';
+export * from './components/design/KTag';
+export * from './components/design/KTooltip';

package/package.json

@@ -4,7 +4,7 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "version": "0.1.1",
+  "version": "0.1.4",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
   "types": "dist/types/index.d.ts",
@@ -23,6 +23,7 @@
     "build:types": "tsc --emitDeclarationOnly --declaration --outDir dist/types",
     "build:bundle": "rollup -c",
     "build": "rm -rf dist && npm run build:types && npm run build:bundle",
+    "push": "pnpm run build && npm publish",
     "watch": "rollup -c --watch",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build"

package/dist/types/components/certikd/KCheckbox/KCheckbox.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { InputProps } from 'antd';
-export interface KCheckboxProps extends InputProps {
-}
-export declare const KCheckbox: React.FC<KCheckboxProps>;

package/dist/types/components/certikd/KDropdown/KDropdown.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { InputProps } from 'antd';
-export interface KDropdownProps extends InputProps {
-}
-export declare const KDropdown: React.FC<KDropdownProps>;

package/dist/types/components/certikd/KModal/KModal.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { InputProps } from 'antd';
-export interface KModalProps extends InputProps {
-}
-export declare const KModal: React.FC<KModalProps>;

package/dist/types/components/certikd/KModal/index.d.ts

@@ -1,2 +0,0 @@
-export { KModal } from './KModal';
-export type { KModalProps } from './KModal';

package/dist/types/components/certikd/KRadio/KRadio.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { InputProps } from 'antd';
-export interface KRadioProps extends InputProps {
-}
-export declare const KRadio: React.FC<KRadioProps>;

package/dist/types/components/certikd/KRadio/index.d.ts

@@ -1,2 +0,0 @@
-export { KRadio } from './KRadio';
-export type { KRadioProps } from './KRadio';

package/dist/types/components/certikd/KSelect/KSelect.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { InputProps } from 'antd';
-export interface KSelectProps extends InputProps {
-}
-export declare const KSelect: React.FC<KSelectProps>;

package/dist/types/components/certikd/KSkeleton/KSkeleton.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { InputProps } from 'antd';
-export interface KSkeletonProps extends InputProps {
-}
-export declare const KSkeleton: React.FC<KSkeletonProps>;

package/dist/types/components/certikd/KSkeleton/index.d.ts

@@ -1,2 +0,0 @@
-export { KSkeleton } from './KSkeleton';
-export type { KSkeletonProps } from './KSkeleton';

package/dist/types/components/certikd/KSpin/KSpin.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { InputProps } from 'antd';
-export interface KSpinProps extends InputProps {
-}
-export declare const KSpin: React.FC<KSpinProps>;

package/dist/types/components/certikd/KSwitch/KSwitch.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { InputProps } from 'antd';
-export interface KSwitchProps extends InputProps {
-}
-export declare const KSwitch: React.FC<KSwitchProps>;

package/dist/types/components/certikd/KTab/KTab.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { InputProps } from 'antd';
-export interface KTabProps extends InputProps {
-}
-export declare const KTab: React.FC<KTabProps>;

package/dist/types/components/certikd/KTab/index.d.ts

@@ -1,2 +0,0 @@
-export { KTab } from './KTab';
-export type { KTabProps } from './KTab';

package/dist/types/components/certikd/KTable/KTable.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { InputProps } from 'antd';
-export interface KTabelProps extends InputProps {
-}
-export declare const KTable: React.FC<KTabelProps>;

package/dist/types/components/certikd/KTable/index.d.ts

@@ -1,2 +0,0 @@
-export { KTable } from './KTable';
-export type { KTabelProps } from './KTable';

package/dist/types/components/certikd/KTag/KTag.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { InputProps } from 'antd';
-export interface KTagProps extends InputProps {
-}
-export declare const KTag: React.FC<KTagProps>;

package/dist/types/components/certikd/KTooltip/KTooltip.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { InputProps } from 'antd';
-export interface KTooltipProps extends InputProps {
-}
-export declare const KTooltip: React.FC<KTooltipProps>;