sve-ui 0.1.0 → 0.1.2

package/dist/theme/index.js

@@ -0,0 +1,19 @@
+import { sizes } from './sizes';
+import { radius } from './radius';
+import { spacing } from './spacing';
+import { typography } from './typography';
+import { breakpoints } from './breakpoints';
+export const theme = {
+    colors: {
+        primary: '#F56565',
+        secondary: '#ED8936',
+        tertiary: '#ECC94B',
+        dark: '#2D3748',
+        light: '#EDF2F7',
+    },
+    sizes,
+    spacing,
+    radius,
+    breakpoints,
+    ...typography
+};

package/dist/theme/radius.d.ts

@@ -0,0 +1,10 @@
+export declare const radius: {
+    none: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+    '3xl': string;
+    full: string;
+};

package/dist/theme/radius.js

@@ -0,0 +1,10 @@
+export const radius = {
+    none: '0',
+    sm: '0.125rem',
+    md: '0.375rem',
+    lg: '0.5rem',
+    xl: '0.75rem',
+    '2xl': '1rem',
+    '3xl': '1.5rem',
+    full: '9999px',
+};

package/dist/theme/sizes.d.ts

@@ -0,0 +1,60 @@
+export declare const sizes: {
+    container: {
+        base: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    px: string;
+    0.5: string;
+    1: string;
+    1.5: string;
+    2: string;
+    2.5: string;
+    3: string;
+    3.5: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+    10: string;
+    12: string;
+    14: string;
+    16: string;
+    20: string;
+    24: string;
+    28: string;
+    32: string;
+    36: string;
+    40: string;
+    44: string;
+    48: string;
+    52: string;
+    56: string;
+    60: string;
+    64: string;
+    72: string;
+    80: string;
+    96: string;
+    max: string;
+    min: string;
+    full: string;
+    "3xs": string;
+    "2xs": string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    "2xl": string;
+    "3xl": string;
+    "4xl": string;
+    "5xl": string;
+    "6xl": string;
+    "7xl": string;
+    "8xl": string;
+    prose: string;
+};

package/dist/theme/sizes.js

@@ -0,0 +1,33 @@
+import { spacing } from "./spacing";
+const largeSizes = {
+    max: "max-content",
+    min: "min-content",
+    full: "100%",
+    "3xs": "14rem",
+    "2xs": "16rem",
+    xs: "20rem",
+    sm: "24rem",
+    md: "28rem",
+    lg: "32rem",
+    xl: "36rem",
+    "2xl": "42rem",
+    "3xl": "48rem",
+    "4xl": "56rem",
+    "5xl": "64rem",
+    "6xl": "72rem",
+    "7xl": "80rem",
+    "8xl": "90rem",
+    prose: "60ch",
+};
+const container = {
+    base: "100%",
+    sm: "640px",
+    md: "768px",
+    lg: "1024px",
+    xl: "1280px",
+};
+export const sizes = {
+    ...largeSizes,
+    ...spacing,
+    container,
+};

package/dist/theme/spacing.d.ts

@@ -0,0 +1,35 @@
+export declare const spacing: {
+    px: string;
+    0.5: string;
+    1: string;
+    1.5: string;
+    2: string;
+    2.5: string;
+    3: string;
+    3.5: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+    10: string;
+    12: string;
+    14: string;
+    16: string;
+    20: string;
+    24: string;
+    28: string;
+    32: string;
+    36: string;
+    40: string;
+    44: string;
+    48: string;
+    52: string;
+    56: string;
+    60: string;
+    64: string;
+    72: string;
+    80: string;
+    96: string;
+};

package/dist/theme/spacing.js

@@ -0,0 +1,35 @@
+export const spacing = {
+    px: "1px",
+    0.5: "0.125rem",
+    1: "0.25rem",
+    1.5: "0.375rem",
+    2: "0.5rem",
+    2.5: "0.625rem",
+    3: "0.75rem",
+    3.5: "0.875rem",
+    4: "1rem",
+    5: "1.25rem",
+    6: "1.5rem",
+    7: "1.75rem",
+    8: "2rem",
+    9: "2.25rem",
+    10: "2.5rem",
+    12: "3rem",
+    14: "3.5rem",
+    16: "4rem",
+    20: "5rem",
+    24: "6rem",
+    28: "7rem",
+    32: "8rem",
+    36: "9rem",
+    40: "10rem",
+    44: "11rem",
+    48: "12rem",
+    52: "13rem",
+    56: "14rem",
+    60: "15rem",
+    64: "16rem",
+    72: "18rem",
+    80: "20rem",
+    96: "24rem",
+};

package/dist/theme/typography.d.ts

@@ -0,0 +1,63 @@
+export declare const typography: {
+    fonts: {
+        heading: string;
+        body: string;
+    };
+    fontSizes: {
+        '6xs': string;
+        '5xs': string;
+        "4xs": string;
+        "3xs": string;
+        "2xs": string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+        '6xl': string;
+        '7xl': string;
+        '8xl': string;
+        '9xl': string;
+        '10xl': string;
+    };
+    fontWeights: {
+        hairline: number;
+        thin: number;
+        light: number;
+        normal: number;
+        medium: number;
+        semibold: number;
+        bold: number;
+        extrabold: number;
+        black: number;
+    };
+    letterSpacings: {
+        tighter: string;
+        tight: string;
+        normal: string;
+        wide: string;
+        wider: string;
+        widest: string;
+    };
+    lineHeights: {
+        normal: string;
+        none: number;
+        shorter: number;
+        short: number;
+        base: number;
+        tall: number;
+        taller: string;
+        "3": string;
+        "4": string;
+        "5": string;
+        "6": string;
+        "7": string;
+        "8": string;
+        "9": string;
+        "10": string;
+    };
+};

package/dist/theme/typography.js

@@ -0,0 +1,63 @@
+export const typography = {
+    fonts: {
+        heading: 'Inter, sans-serif',
+        body: 'system-ui, sans-serif',
+    },
+    fontSizes: {
+        '6xs': '0.10rem',
+        '5xs': '0.20rem',
+        "4xs": "0.30rem",
+        "3xs": "0.45rem",
+        "2xs": "0.625rem",
+        xs: '0.75rem',
+        sm: '0.875rem',
+        md: '1rem',
+        lg: '1.125rem',
+        xl: '1.25rem',
+        '2xl': '1.5rem',
+        '3xl': '1.875rem',
+        '4xl': '2.25rem',
+        '5xl': '3rem',
+        '6xl': '3.75rem',
+        '7xl': '4.5rem',
+        '8xl': '6rem',
+        '9xl': '8rem',
+        '10xl': '10rem',
+    },
+    fontWeights: {
+        hairline: 100,
+        thin: 200,
+        light: 300,
+        normal: 400,
+        medium: 500,
+        semibold: 600,
+        bold: 700,
+        extrabold: 800,
+        black: 900,
+    },
+    letterSpacings: {
+        tighter: "-0.05em",
+        tight: "-0.025em",
+        normal: "0",
+        wide: "0.025em",
+        wider: "0.05em",
+        widest: "0.1em",
+    },
+    lineHeights: {
+        normal: "normal",
+        none: 1,
+        shorter: 1.25,
+        short: 1.375,
+        base: 1.5,
+        tall: 1.625,
+        taller: "2",
+        "3": ".75rem",
+        "4": "1rem",
+        "5": "1.25rem",
+        "6": "1.5rem",
+        "7": "1.75rem",
+        "8": "2rem",
+        "9": "2.25rem",
+        "10": "2.5rem",
+    }
+};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "sve-ui",
-	"version": "0.1.0",
+	"version": "0.1.2",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run package",