@dnanpm/styleguide 3.7.1 → 3.8.1

package/build/cjs/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/cjs/themes/theme.js

@@ -14,18 +14,18 @@ var forms = require('./themeComponents/forms.js');
 var lineHeight = require('./themeComponents/lineHeight.js');
 var radius = require('./themeComponents/radius.js');
 
-const theme = {
-    base: base["default"],
-    breakpoints: breakpoints["default"],
-    color: color["default"],
-    fontFamily: fontFamily["default"],
-    fontSize: fontSize["default"],
-    fontWeight: fontWeight["default"],
-    form: forms["default"],
-    grid: gridTheme["default"],
-    lineHeight: lineHeight["default"],
-    media: styledUtils.media,
-    radius: radius["default"],
+const theme = {
+    base: base["default"],
+    breakpoints: breakpoints["default"],
+    color: color["default"],
+    fontFamily: fontFamily["default"],
+    fontSize: fontSize["default"],
+    fontWeight: fontWeight["default"],
+    form: forms["default"],
+    grid: gridTheme["default"],
+    lineHeight: lineHeight["default"],
+    media: styledUtils.media,
+    radius: radius["default"],
 };
 
 exports["default"] = theme;

package/build/cjs/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/cjs/themes/themeComponents/base.js

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-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
 };
 
 exports["default"] = base;

package/build/cjs/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/cjs/themes/themeComponents/breakpoints.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const breakpoints = {
-    xl: 1200,
-    lg: 992,
-    md: 768,
-    sm: 576,
-    xs: 480,
+const breakpoints = {
+    xl: 1200,
+    lg: 992,
+    md: 768,
+    sm: 576,
+    xs: 480,
 };
 
 exports["default"] = breakpoints;

package/build/cjs/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;