@shadow-library/ui 0.1.2 → 1.0.0

package/theme.d.ts

@@ -1,161 +0,0 @@
-/**
- * Importing npm packages
- */
-import { type DefaultMantineColor, type MantineColorsTuple } from '@mantine/core';
-/**
- * Importing user defined packages
- */
-/**
- * Defining types
- */
-type ShadowColors = 'cyan' | 'slate' | 'terracotta';
-declare module '@mantine/core' {
-    interface MantineThemeColorsOverride {
-        colors: Record<ShadowColors | DefaultMantineColor, MantineColorsTuple>;
-    }
-}
-export declare const shadowTheme: {
-    focusRing?: "auto" | "always" | "never" | undefined;
-    scale?: number | undefined;
-    fontSmoothing?: boolean | undefined;
-    white?: string | undefined;
-    black?: string | undefined;
-    colors?: {
-        [x: string & {}]: MantineColorsTuple | undefined;
-        dark?: MantineColorsTuple | undefined;
-        cyan?: MantineColorsTuple | undefined;
-        slate?: MantineColorsTuple | undefined;
-        terracotta?: MantineColorsTuple | undefined;
-        gray?: MantineColorsTuple | undefined;
-        red?: MantineColorsTuple | undefined;
-        pink?: MantineColorsTuple | undefined;
-        grape?: MantineColorsTuple | undefined;
-        violet?: MantineColorsTuple | undefined;
-        indigo?: MantineColorsTuple | undefined;
-        blue?: MantineColorsTuple | undefined;
-        green?: MantineColorsTuple | undefined;
-        lime?: MantineColorsTuple | undefined;
-        yellow?: MantineColorsTuple | undefined;
-        orange?: MantineColorsTuple | undefined;
-        teal?: MantineColorsTuple | undefined;
-    } | undefined;
-    primaryShade?: import("@mantine/core").MantineColorShade | {
-        light?: import("@mantine/core").MantineColorShade | undefined;
-        dark?: import("@mantine/core").MantineColorShade | undefined;
-    } | undefined;
-    primaryColor?: string | undefined;
-    variantColorResolver?: import("@mantine/core").VariantColorsResolver | undefined;
-    autoContrast?: boolean | undefined;
-    luminanceThreshold?: number | undefined;
-    fontFamily?: string | undefined;
-    fontFamilyMonospace?: string | undefined;
-    headings?: {
-        fontFamily?: string | undefined;
-        fontWeight?: string | undefined;
-        textWrap?: "balance" | "nowrap" | "wrap" | "stable" | "pretty" | undefined;
-        sizes?: {
-            h1?: {
-                fontSize?: string | undefined;
-                fontWeight?: string | undefined;
-                lineHeight?: string | undefined;
-            } | undefined;
-            h2?: {
-                fontSize?: string | undefined;
-                fontWeight?: string | undefined;
-                lineHeight?: string | undefined;
-            } | undefined;
-            h3?: {
-                fontSize?: string | undefined;
-                fontWeight?: string | undefined;
-                lineHeight?: string | undefined;
-            } | undefined;
-            h4?: {
-                fontSize?: string | undefined;
-                fontWeight?: string | undefined;
-                lineHeight?: string | undefined;
-            } | undefined;
-            h5?: {
-                fontSize?: string | undefined;
-                fontWeight?: string | undefined;
-                lineHeight?: string | undefined;
-            } | undefined;
-            h6?: {
-                fontSize?: string | undefined;
-                fontWeight?: string | undefined;
-                lineHeight?: string | undefined;
-            } | undefined;
-        } | undefined;
-    } | undefined;
-    radius?: {
-        [x: string & {}]: string | undefined;
-        xl?: string | undefined;
-        xs?: string | undefined;
-        sm?: string | undefined;
-        md?: string | undefined;
-        lg?: string | undefined;
-    } | undefined;
-    defaultRadius?: import("@mantine/core").MantineRadius | undefined;
-    spacing?: {
-        [x: number]: string | undefined;
-        [x: string & {}]: string | undefined;
-        xl?: string | undefined;
-        xs?: string | undefined;
-        sm?: string | undefined;
-        md?: string | undefined;
-        lg?: string | undefined;
-    } | undefined;
-    fontSizes?: {
-        [x: string & {}]: string | undefined;
-        xl?: string | undefined;
-        xs?: string | undefined;
-        sm?: string | undefined;
-        md?: string | undefined;
-        lg?: string | undefined;
-    } | undefined;
-    lineHeights?: {
-        [x: string & {}]: string | undefined;
-        xl?: string | undefined;
-        xs?: string | undefined;
-        sm?: string | undefined;
-        md?: string | undefined;
-        lg?: string | undefined;
-    } | undefined;
-    breakpoints?: {
-        [x: string & {}]: string | undefined;
-        xl?: string | undefined;
-        xs?: string | undefined;
-        sm?: string | undefined;
-        md?: string | undefined;
-        lg?: string | undefined;
-    } | undefined;
-    shadows?: {
-        [x: string & {}]: string | undefined;
-        xl?: string | undefined;
-        xs?: string | undefined;
-        sm?: string | undefined;
-        md?: string | undefined;
-        lg?: string | undefined;
-    } | undefined;
-    respectReducedMotion?: boolean | undefined;
-    cursorType?: "default" | "pointer" | undefined;
-    defaultGradient?: {
-        from?: string | undefined;
-        to?: string | undefined;
-        deg?: number | undefined;
-    } | undefined;
-    activeClassName?: string | undefined;
-    focusClassName?: string | undefined;
-    components?: {
-        [x: string]: {
-            classNames?: any;
-            styles?: any;
-            vars?: any;
-            defaultProps?: any;
-        } | undefined;
-    } | undefined;
-    other?: {
-        [x: string]: any;
-    } | undefined;
-};
-export type ShadowTheme = typeof shadowTheme;
-export {};

package/theme.js

@@ -1,112 +0,0 @@
-import { createTheme, Table, ActionIcon, Tooltip, Modal, Paper, Badge, Card } from '@mantine/core';
-
-const cyan = ["#e8fffe", "#c0f9f7", "#85f0ec", "#40e3dd", "#12d4cc", "#00bfb8", "#009e98", "#007d78", "#005e5a", "#003e3b"];
-const slate = ["#f5f6f8", "#e5e8ed", "#c8cdd6", "#a2aab6", "#788596", "#546070", "#3a4555", "#253040", "#141e2e", "#0c1220"];
-const terracotta = ["#f9e5dd", "#f2cbbb", "#ecb09a", "#e59678", "#df7c56", "#b26345", "#864a34", "#593223", "#2c1911", "#160c09"];
-const shadowTheme = createTheme({
-  colors: { cyan, slate, terracotta },
-  primaryColor: "cyan",
-  primaryShade: { light: 6, dark: 5 },
-  autoContrast: true,
-  fontFamily: 'Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
-  fontFamilyMonospace: '"JetBrains Mono", "Fira Code", "Cascadia Code", monospace',
-  fontSizes: {
-    xs: "11px",
-    sm: "13px",
-    md: "14px",
-    lg: "16px",
-    xl: "18px"
-  },
-  lineHeights: {
-    xs: "1.4",
-    sm: "1.5",
-    md: "1.7",
-    lg: "1.8",
-    xl: "1.9"
-  },
-  headings: {
-    fontFamily: "Inter, -apple-system, BlinkMacSystemFont, sans-serif",
-    fontWeight: "500",
-    sizes: {
-      h1: { fontSize: "28px", lineHeight: "1.3" },
-      h2: { fontSize: "22px", lineHeight: "1.35" },
-      h3: { fontSize: "18px", lineHeight: "1.4" },
-      h4: { fontSize: "16px", lineHeight: "1.45" },
-      h5: { fontSize: "14px", lineHeight: "1.5" },
-      h6: { fontSize: "13px", lineHeight: "1.5" }
-    }
-  },
-  defaultRadius: "sm",
-  radius: {
-    xs: "2px",
-    sm: "3px",
-    md: "4px",
-    lg: "6px",
-    xl: "8px"
-  },
-  spacing: {
-    xs: "4px",
-    sm: "8px",
-    md: "12px",
-    lg: "16px",
-    xl: "24px"
-  },
-  shadows: {
-    xs: "0 1px 2px rgba(0, 0, 0, 0.08)",
-    sm: "0 2px 6px rgba(0, 0, 0, 0.10)",
-    md: "0 4px 12px rgba(0, 0, 0, 0.12)",
-    lg: "0 8px 24px rgba(0, 0, 0, 0.14)",
-    xl: "0 16px 40px rgba(0, 0, 0, 0.16)"
-  },
-  components: {
-    Card: Card.extend({
-      defaultProps: {
-        radius: "md",
-        padding: "lg"
-      },
-      styles: {
-        root: {
-          border: `0.5px solid light-dark(${slate[1]}, ${slate[7]})`
-        }
-      }
-    }),
-    Badge: Badge.extend({
-      defaultProps: {
-        variant: "light"
-      }
-    }),
-    Paper: Paper.extend({
-      defaultProps: {
-        radius: "md"
-      }
-    }),
-    Modal: Modal.extend({
-      defaultProps: {
-        radius: "md",
-        centered: true
-      }
-    }),
-    Tooltip: Tooltip.extend({
-      defaultProps: {
-        radius: "xs"
-      }
-    }),
-    ActionIcon: ActionIcon.extend({
-      defaultProps: {
-        variant: "subtle"
-      }
-    }),
-    Table: Table.extend({
-      defaultProps: {
-        striped: false,
-        highlightOnHover: true,
-        withColumnBorders: false
-      }
-    })
-  },
-  cursorType: "pointer",
-  focusRing: "auto"
-});
-
-export { shadowTheme };
-//# sourceMappingURL=theme.js.map

package/theme.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme.js","sources":["../src/theme.ts"],"sourcesContent":["/**\n * Importing npm packages\n */\nimport { ActionIcon, Badge, Card, createTheme, type DefaultMantineColor, type MantineColorsTuple, Modal, Paper, Table, Tooltip } from '@mantine/core';\n\n/**\n * Importing user defined packages\n */\n\n/**\n * Defining types\n */\n\ntype ShadowColors = 'cyan' | 'slate' | 'terracotta';\n\ndeclare module '@mantine/core' {\n  export interface MantineThemeColorsOverride {\n    colors: Record<ShadowColors | DefaultMantineColor, MantineColorsTuple>;\n  }\n}\n\n/**\n * Declaring the constants\n */\n\nconst cyan: MantineColorsTuple = ['#e8fffe', '#c0f9f7', '#85f0ec', '#40e3dd', '#12d4cc', '#00bfb8', '#009e98', '#007d78', '#005e5a', '#003e3b'];\nconst slate: MantineColorsTuple = ['#f5f6f8', '#e5e8ed', '#c8cdd6', '#a2aab6', '#788596', '#546070', '#3a4555', '#253040', '#141e2e', '#0c1220'];\nconst terracotta: MantineColorsTuple = ['#f9e5dd', '#f2cbbb', '#ecb09a', '#e59678', '#df7c56', '#b26345', '#864a34', '#593223', '#2c1911', '#160c09'];\n\nexport const shadowTheme = createTheme({\n  colors: { cyan, slate, terracotta },\n  primaryColor: 'cyan',\n  primaryShade: { light: 6, dark: 5 },\n  autoContrast: true,\n\n  fontFamily: 'Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif',\n  fontFamilyMonospace: '\"JetBrains Mono\", \"Fira Code\", \"Cascadia Code\", monospace',\n  fontSizes: {\n    xs: '11px',\n    sm: '13px',\n    md: '14px',\n    lg: '16px',\n    xl: '18px',\n  },\n  lineHeights: {\n    xs: '1.4',\n    sm: '1.5',\n    md: '1.7',\n    lg: '1.8',\n    xl: '1.9',\n  },\n  headings: {\n    fontFamily: 'Inter, -apple-system, BlinkMacSystemFont, sans-serif',\n    fontWeight: '500',\n    sizes: {\n      h1: { fontSize: '28px', lineHeight: '1.3' },\n      h2: { fontSize: '22px', lineHeight: '1.35' },\n      h3: { fontSize: '18px', lineHeight: '1.4' },\n      h4: { fontSize: '16px', lineHeight: '1.45' },\n      h5: { fontSize: '14px', lineHeight: '1.5' },\n      h6: { fontSize: '13px', lineHeight: '1.5' },\n    },\n  },\n\n  defaultRadius: 'sm',\n  radius: {\n    xs: '2px',\n    sm: '3px',\n    md: '4px',\n    lg: '6px',\n    xl: '8px',\n  },\n\n  spacing: {\n    xs: '4px',\n    sm: '8px',\n    md: '12px',\n    lg: '16px',\n    xl: '24px',\n  },\n\n  shadows: {\n    xs: '0 1px 2px rgba(0, 0, 0, 0.08)',\n    sm: '0 2px 6px rgba(0, 0, 0, 0.10)',\n    md: '0 4px 12px rgba(0, 0, 0, 0.12)',\n    lg: '0 8px 24px rgba(0, 0, 0, 0.14)',\n    xl: '0 16px 40px rgba(0, 0, 0, 0.16)',\n  },\n\n  components: {\n    Card: Card.extend({\n      defaultProps: {\n        radius: 'md',\n        padding: 'lg',\n      },\n      styles: {\n        root: {\n          border: `0.5px solid light-dark(${slate[1]}, ${slate[7]})`,\n        },\n      },\n    }),\n\n    Badge: Badge.extend({\n      defaultProps: {\n        variant: 'light',\n      },\n    }),\n\n    Paper: Paper.extend({\n      defaultProps: {\n        radius: 'md',\n      },\n    }),\n\n    Modal: Modal.extend({\n      defaultProps: {\n        radius: 'md',\n        centered: true,\n      },\n    }),\n\n    Tooltip: Tooltip.extend({\n      defaultProps: {\n        radius: 'xs',\n      },\n    }),\n\n    ActionIcon: ActionIcon.extend({\n      defaultProps: {\n        variant: 'subtle',\n      },\n    }),\n\n    Table: Table.extend({\n      defaultProps: {\n        striped: false,\n        highlightOnHover: true,\n        withColumnBorders: false,\n      },\n    }),\n  },\n\n  cursorType: 'pointer',\n  focusRing: 'auto',\n});\n\nexport type ShadowTheme = typeof shadowTheme;\n"],"names":[],"mappings":";;AAyBA,MAAM,IAAA,GAA2B,CAAC,SAAA,EAAW,SAAA,EAAW,SAAA,EAAW,SAAA,EAAW,SAAA,EAAW,SAAA,EAAW,SAAA,EAAW,SAAA,EAAW,SAAA,EAAW,SAAS,CAAA;AAC9I,MAAM,KAAA,GAA4B,CAAC,SAAA,EAAW,SAAA,EAAW,SAAA,EAAW,SAAA,EAAW,SAAA,EAAW,SAAA,EAAW,SAAA,EAAW,SAAA,EAAW,SAAA,EAAW,SAAS,CAAA;AAC/I,MAAM,UAAA,GAAiC,CAAC,SAAA,EAAW,SAAA,EAAW,SAAA,EAAW,SAAA,EAAW,SAAA,EAAW,SAAA,EAAW,SAAA,EAAW,SAAA,EAAW,SAAA,EAAW,SAAS,CAAA;AAE7I,MAAM,cAAc,WAAA,CAAY;AAAA,EACrC,MAAA,EAAQ,EAAE,IAAA,EAAM,KAAA,EAAO,UAAA,EAAW;AAAA,EAClC,YAAA,EAAc,MAAA;AAAA,EACd,YAAA,EAAc,EAAE,KAAA,EAAO,CAAA,EAAG,MAAM,CAAA,EAAE;AAAA,EAClC,YAAA,EAAc,IAAA;AAAA,EAEd,UAAA,EAAY,kEAAA;AAAA,EACZ,mBAAA,EAAqB,2DAAA;AAAA,EACrB,SAAA,EAAW;AAAA,IACT,EAAA,EAAI,MAAA;AAAA,IACJ,EAAA,EAAI,MAAA;AAAA,IACJ,EAAA,EAAI,MAAA;AAAA,IACJ,EAAA,EAAI,MAAA;AAAA,IACJ,EAAA,EAAI;AAAA,GACN;AAAA,EACA,WAAA,EAAa;AAAA,IACX,EAAA,EAAI,KAAA;AAAA,IACJ,EAAA,EAAI,KAAA;AAAA,IACJ,EAAA,EAAI,KAAA;AAAA,IACJ,EAAA,EAAI,KAAA;AAAA,IACJ,EAAA,EAAI;AAAA,GACN;AAAA,EACA,QAAA,EAAU;AAAA,IACR,UAAA,EAAY,sDAAA;AAAA,IACZ,UAAA,EAAY,KAAA;AAAA,IACZ,KAAA,EAAO;AAAA,MACL,EAAA,EAAI,EAAE,QAAA,EAAU,MAAA,EAAQ,YAAY,KAAA,EAAM;AAAA,MAC1C,EAAA,EAAI,EAAE,QAAA,EAAU,MAAA,EAAQ,YAAY,MAAA,EAAO;AAAA,MAC3C,EAAA,EAAI,EAAE,QAAA,EAAU,MAAA,EAAQ,YAAY,KAAA,EAAM;AAAA,MAC1C,EAAA,EAAI,EAAE,QAAA,EAAU,MAAA,EAAQ,YAAY,MAAA,EAAO;AAAA,MAC3C,EAAA,EAAI,EAAE,QAAA,EAAU,MAAA,EAAQ,YAAY,KAAA,EAAM;AAAA,MAC1C,EAAA,EAAI,EAAE,QAAA,EAAU,MAAA,EAAQ,YAAY,KAAA;AAAM;AAC5C,GACF;AAAA,EAEA,aAAA,EAAe,IAAA;AAAA,EACf,MAAA,EAAQ;AAAA,IACN,EAAA,EAAI,KAAA;AAAA,IACJ,EAAA,EAAI,KAAA;AAAA,IACJ,EAAA,EAAI,KAAA;AAAA,IACJ,EAAA,EAAI,KAAA;AAAA,IACJ,EAAA,EAAI;AAAA,GACN;AAAA,EAEA,OAAA,EAAS;AAAA,IACP,EAAA,EAAI,KAAA;AAAA,IACJ,EAAA,EAAI,KAAA;AAAA,IACJ,EAAA,EAAI,MAAA;AAAA,IACJ,EAAA,EAAI,MAAA;AAAA,IACJ,EAAA,EAAI;AAAA,GACN;AAAA,EAEA,OAAA,EAAS;AAAA,IACP,EAAA,EAAI,+BAAA;AAAA,IACJ,EAAA,EAAI,+BAAA;AAAA,IACJ,EAAA,EAAI,gCAAA;AAAA,IACJ,EAAA,EAAI,gCAAA;AAAA,IACJ,EAAA,EAAI;AAAA,GACN;AAAA,EAEA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,KAAK,MAAA,CAAO;AAAA,MAChB,YAAA,EAAc;AAAA,QACZ,MAAA,EAAQ,IAAA;AAAA,QACR,OAAA,EAAS;AAAA,OACX;AAAA,MACA,MAAA,EAAQ;AAAA,QACN,IAAA,EAAM;AAAA,UACJ,MAAA,EAAQ,0BAA0B,KAAA,CAAM,CAAC,CAAC,CAAA,EAAA,EAAK,KAAA,CAAM,CAAC,CAAC,CAAA,CAAA;AAAA;AACzD;AACF,KACD,CAAA;AAAA,IAED,KAAA,EAAO,MAAM,MAAA,CAAO;AAAA,MAClB,YAAA,EAAc;AAAA,QACZ,OAAA,EAAS;AAAA;AACX,KACD,CAAA;AAAA,IAED,KAAA,EAAO,MAAM,MAAA,CAAO;AAAA,MAClB,YAAA,EAAc;AAAA,QACZ,MAAA,EAAQ;AAAA;AACV,KACD,CAAA;AAAA,IAED,KAAA,EAAO,MAAM,MAAA,CAAO;AAAA,MAClB,YAAA,EAAc;AAAA,QACZ,MAAA,EAAQ,IAAA;AAAA,QACR,QAAA,EAAU;AAAA;AACZ,KACD,CAAA;AAAA,IAED,OAAA,EAAS,QAAQ,MAAA,CAAO;AAAA,MACtB,YAAA,EAAc;AAAA,QACZ,MAAA,EAAQ;AAAA;AACV,KACD,CAAA;AAAA,IAED,UAAA,EAAY,WAAW,MAAA,CAAO;AAAA,MAC5B,YAAA,EAAc;AAAA,QACZ,OAAA,EAAS;AAAA;AACX,KACD,CAAA;AAAA,IAED,KAAA,EAAO,MAAM,MAAA,CAAO;AAAA,MAClB,YAAA,EAAc;AAAA,QACZ,OAAA,EAAS,KAAA;AAAA,QACT,gBAAA,EAAkB,IAAA;AAAA,QAClB,iBAAA,EAAmB;AAAA;AACrB,KACD;AAAA,GACH;AAAA,EAEA,UAAA,EAAY,SAAA;AAAA,EACZ,SAAA,EAAW;AACb,CAAC;;;;"}