@dnanpm/styleguide 3.3.1 → 3.5.0

package/build/es/themes/theme.d.ts

@@ -1,165 +1,165 @@
-declare const theme: {
-    base: {
-        baseHeight: {
-            value: number;
-            unit: string;
-        };
-        baseWidth: {
-            value: number;
-            unit: string;
-        };
-    };
-    breakpoints: import("./themeComponents/breakpoints").ViewBreakpoints;
-    color: {
-        default: {
-            pink: string;
-            plum: string;
-            white: string;
-            black: string;
-        };
-        accent: {
-            lemon: string;
-            sky: string;
-            orange: string;
-        };
-        hover: {
-            pink: string;
-        };
-        text: {
-            gray: string;
-            pink: string;
-            plum: string;
-            white: string;
-            black: string;
-        };
-        line: {
-            L01: string;
-            L02: string;
-            L03: string;
-            L04: string;
-        };
-        notification: {
-            info: string;
-            success: string;
-            warning: string;
-            error: string;
-        };
-        background: {
-            sand: {
-                default: string;
-                E01: string;
-                E02: string;
-            };
-            pink: {
-                default: string;
-                E01: string;
-                E02: string;
-            };
-            plum: {
-                default: string;
-                E01: string;
-                E02: string;
-            };
-            lemon: {
-                default: string;
-                E01: string;
-                E02: string;
-            };
-            sky: {
-                default: string;
-                E01: string;
-                E02: string;
-            };
-            orange: {
-                default: string;
-                E01: string;
-                E02: string;
-            };
-            white: {
-                default: string;
-            };
-        };
-        focus: {
-            dark: string;
-            light: string;
-        };
-        transparency: {
-            T0: string;
-            T10: string;
-            T20: string;
-            T30: string;
-            T40: string;
-            T50: string;
-            T60: string;
-            T70: string;
-            T80: string;
-            T90: string;
-            T100: string;
-        };
-    };
-    fontFamily: {
-        default: string;
-        heading: string;
-        numerals: string;
-    };
-    fontSize: {
-        default: string;
-        xl: string;
-        l: string;
-        s: string;
-        xs: string;
-        h1XL: string;
-        h1L: string;
-        h1M: string;
-        h1S: string;
-        h2M: string;
-        h2S: string;
-        h3: string;
-        h4: string;
-        h5: string;
-        h1: string;
-        h2: string;
-    };
-    fontWeight: {
-        book: number;
-        medium: number;
-        bold: number;
-        black: number;
-    };
-    form: {
-        smallSelectWidth: string;
-        smallSelectHeight: string;
-    };
-    grid: {
-        gutter: string;
-    };
-    lineHeight: {
-        default: string;
-        xl: string;
-        s: string;
-        xs: string;
-        xxs: string;
-        auto: string;
-        h1XL: string;
-        h1L: string;
-        h1M: string;
-        h1S: string;
-        h2M: string;
-        h2S: string;
-        h3: string;
-        h4: string;
-        h5: string;
-        h1: string;
-        h2: string;
-    };
-    media: Record<string | number, (l: TemplateStringsArray, ...p: (string | number)[]) => string>;
-    radius: {
-        default: string;
-        s: string;
-        xs: string;
-        circle: string;
-        pill: string;
-    };
-};
-export type ThemeInterface = typeof theme;
-export default theme;
+declare const theme: {
+    base: {
+        baseHeight: {
+            value: number;
+            unit: string;
+        };
+        baseWidth: {
+            value: number;
+            unit: string;
+        };
+    };
+    breakpoints: import("./themeComponents/breakpoints").ViewBreakpoints;
+    color: {
+        default: {
+            pink: string;
+            plum: string;
+            white: string;
+            black: string;
+        };
+        accent: {
+            lemon: string;
+            sky: string;
+            orange: string;
+        };
+        hover: {
+            pink: string;
+        };
+        text: {
+            gray: string;
+            pink: string;
+            plum: string;
+            white: string;
+            black: string;
+        };
+        line: {
+            L01: string;
+            L02: string;
+            L03: string;
+            L04: string;
+        };
+        notification: {
+            info: string;
+            success: string;
+            warning: string;
+            error: string;
+        };
+        background: {
+            sand: {
+                default: string;
+                E01: string;
+                E02: string;
+            };
+            pink: {
+                default: string;
+                E01: string;
+                E02: string;
+            };
+            plum: {
+                default: string;
+                E01: string;
+                E02: string;
+            };
+            lemon: {
+                default: string;
+                E01: string;
+                E02: string;
+            };
+            sky: {
+                default: string;
+                E01: string;
+                E02: string;
+            };
+            orange: {
+                default: string;
+                E01: string;
+                E02: string;
+            };
+            white: {
+                default: string;
+            };
+        };
+        focus: {
+            dark: string;
+            light: string;
+        };
+        transparency: {
+            T0: string;
+            T10: string;
+            T20: string;
+            T30: string;
+            T40: string;
+            T50: string;
+            T60: string;
+            T70: string;
+            T80: string;
+            T90: string;
+            T100: string;
+        };
+    };
+    fontFamily: {
+        default: string;
+        heading: string;
+        numerals: string;
+    };
+    fontSize: {
+        default: string;
+        xl: string;
+        l: string;
+        s: string;
+        xs: string;
+        h1XL: string;
+        h1L: string;
+        h1M: string;
+        h1S: string;
+        h2M: string;
+        h2S: string;
+        h3: string;
+        h4: string;
+        h5: string;
+        h1: string;
+        h2: string;
+    };
+    fontWeight: {
+        book: number;
+        medium: number;
+        bold: number;
+        black: number;
+    };
+    form: {
+        smallSelectWidth: string;
+        smallSelectHeight: string;
+    };
+    grid: {
+        gutter: string;
+    };
+    lineHeight: {
+        default: string;
+        xl: string;
+        s: string;
+        xs: string;
+        xxs: string;
+        auto: string;
+        h1XL: string;
+        h1L: string;
+        h1M: string;
+        h1S: string;
+        h2M: string;
+        h2S: string;
+        h3: string;
+        h4: string;
+        h5: string;
+        h1: string;
+        h2: string;
+    };
+    media: Record<string | number, (l: TemplateStringsArray, ...p: (string | number)[]) => string>;
+    radius: {
+        default: string;
+        s: string;
+        xs: string;
+        circle: string;
+        pill: string;
+    };
+};
+export type ThemeInterface = typeof theme;
+export default theme;

package/build/es/themes/theme.js

@@ -10,18 +10,18 @@ import forms from './themeComponents/forms.js';
 import lineHeight from './themeComponents/lineHeight.js';
 import radius from './themeComponents/radius.js';
 
-const theme = {
-    base,
-    breakpoints,
-    color,
-    fontFamily,
-    fontSize,
-    fontWeight,
-    form: forms,
-    grid: gridTheme,
-    lineHeight,
-    media,
-    radius,
+const theme = {
+    base,
+    breakpoints,
+    color,
+    fontFamily,
+    fontSize,
+    fontWeight,
+    form: forms,
+    grid: gridTheme,
+    lineHeight,
+    media,
+    radius,
 };
 
 export { theme as default };

package/build/es/themes/themeComponents/base.d.ts

@@ -1,11 +1,11 @@
-declare const base: {
-    baseHeight: {
-        value: number;
-        unit: string;
-    };
-    baseWidth: {
-        value: number;
-        unit: string;
-    };
-};
-export default base;
+declare const base: {
+    baseHeight: {
+        value: number;
+        unit: string;
+    };
+    baseWidth: {
+        value: number;
+        unit: string;
+    };
+};
+export default base;

package/build/es/themes/themeComponents/base.js

@@ -1,12 +1,12 @@
-const base = {
-    baseHeight: {
-        value: 0.625,
-        unit: 'rem',
-    },
-    baseWidth: {
-        value: 0.625,
-        unit: 'rem',
-    }, // 10px
+const base = {
+    baseHeight: {
+        value: 0.625,
+        unit: 'rem',
+    },
+    baseWidth: {
+        value: 0.625,
+        unit: 'rem',
+    }, // 10px
 };
 
 export { base as default };

package/build/es/themes/themeComponents/breakpoints.d.ts

@@ -1,5 +1,5 @@
-export interface ViewBreakpoints {
-    [key: string]: number;
-}
-declare const breakpoints: ViewBreakpoints;
-export default breakpoints;
+export interface ViewBreakpoints {
+    [key: string]: number;
+}
+declare const breakpoints: ViewBreakpoints;
+export default breakpoints;

package/build/es/themes/themeComponents/breakpoints.js

@@ -1,9 +1,9 @@
-const breakpoints = {
-    xl: 1200,
-    lg: 992,
-    md: 768,
-    sm: 576,
-    xs: 480,
+const breakpoints = {
+    xl: 1200,
+    lg: 992,
+    md: 768,
+    sm: 576,
+    xs: 480,
 };
 
 export { breakpoints as default };

package/build/es/themes/themeComponents/color.d.ts

@@ -1,88 +1,88 @@
-declare const color: {
-    default: {
-        pink: string;
-        plum: string;
-        white: string;
-        black: string;
-    };
-    accent: {
-        lemon: string;
-        sky: string;
-        orange: string;
-    };
-    hover: {
-        pink: string;
-    };
-    text: {
-        gray: string;
-        pink: string;
-        plum: string;
-        white: string;
-        black: string;
-    };
-    line: {
-        L01: string;
-        L02: string;
-        L03: string;
-        L04: string;
-    };
-    notification: {
-        info: string;
-        success: string;
-        warning: string;
-        error: string;
-    };
-    background: {
-        sand: {
-            default: string;
-            E01: string;
-            E02: string;
-        };
-        pink: {
-            default: string;
-            E01: string;
-            E02: string;
-        };
-        plum: {
-            default: string;
-            E01: string;
-            E02: string;
-        };
-        lemon: {
-            default: string;
-            E01: string;
-            E02: string;
-        };
-        sky: {
-            default: string;
-            E01: string;
-            E02: string;
-        };
-        orange: {
-            default: string;
-            E01: string;
-            E02: string;
-        };
-        white: {
-            default: string;
-        };
-    };
-    focus: {
-        dark: string;
-        light: string;
-    };
-    transparency: {
-        T0: string;
-        T10: string;
-        T20: string;
-        T30: string;
-        T40: string;
-        T50: string;
-        T60: string;
-        T70: string;
-        T80: string;
-        T90: string;
-        T100: string;
-    };
-};
-export default color;
+declare const color: {
+    default: {
+        pink: string;
+        plum: string;
+        white: string;
+        black: string;
+    };
+    accent: {
+        lemon: string;
+        sky: string;
+        orange: string;
+    };
+    hover: {
+        pink: string;
+    };
+    text: {
+        gray: string;
+        pink: string;
+        plum: string;
+        white: string;
+        black: string;
+    };
+    line: {
+        L01: string;
+        L02: string;
+        L03: string;
+        L04: string;
+    };
+    notification: {
+        info: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+    background: {
+        sand: {
+            default: string;
+            E01: string;
+            E02: string;
+        };
+        pink: {
+            default: string;
+            E01: string;
+            E02: string;
+        };
+        plum: {
+            default: string;
+            E01: string;
+            E02: string;
+        };
+        lemon: {
+            default: string;
+            E01: string;
+            E02: string;
+        };
+        sky: {
+            default: string;
+            E01: string;
+            E02: string;
+        };
+        orange: {
+            default: string;
+            E01: string;
+            E02: string;
+        };
+        white: {
+            default: string;
+        };
+    };
+    focus: {
+        dark: string;
+        light: string;
+    };
+    transparency: {
+        T0: string;
+        T10: string;
+        T20: string;
+        T30: string;
+        T40: string;
+        T50: string;
+        T60: string;
+        T70: string;
+        T80: string;
+        T90: string;
+        T100: string;
+    };
+};
+export default color;