@dnanpm/styleguide 3.10.0 → 3.11.0

package/build/cjs/components/TooltipMenu/ChildComponents/TooltipMenuExportedStyles.d.ts

@@ -1,340 +1,10 @@
-export declare const Tail: import("styled-components").StyledComponent<"div", {
-    base: {
-        baseHeight: {
-            value: number;
-            unit: string;
-        };
-        baseWidth: {
-            value: number;
-            unit: string;
-        };
-    };
-    breakpoints: import("../../../themes/themeComponents/breakpoints").ViewBreakpoints;
-    color: {
-        default: {
-            pink: string;
-            plum: string;
-            white: string;
-            black: string;
-        };
-        accent: {
-            lemon: string;
-            sky: string;
-            orange: string;
-        };
-        active: {
-            pink: 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 declare const Tail: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     tooltipTop: string;
     zIndex: string;
     arrowPosition: string;
-}, never>;
-export declare const TailShadow: import("styled-components").StyledComponent<"div", {
-    base: {
-        baseHeight: {
-            value: number;
-            unit: string;
-        };
-        baseWidth: {
-            value: number;
-            unit: string;
-        };
-    };
-    breakpoints: import("../../../themes/themeComponents/breakpoints").ViewBreakpoints;
-    color: {
-        default: {
-            pink: string;
-            plum: string;
-            white: string;
-            black: string;
-        };
-        accent: {
-            lemon: string;
-            sky: string;
-            orange: string;
-        };
-        active: {
-            pink: 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;
-    };
-}, {
+}>> & string;
+export declare const TailShadow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     tooltipTop: string;
     zIndex: string;
     arrowPosition: string;
-}, never>;
+}>> & string;

package/build/cjs/components/TooltipMenu/ChildComponents/TooltipMenuExportedStyles.js

@@ -1,9 +1,10 @@
 'use strict';
 
-var styled = require('../../../themes/styled.js');
+var styledComponents = require('styled-components');
+var theme = require('../../../themes/theme.js');
 
 // Tooltip corner tail
-const Tail = styled.default.div `
+const Tail = styledComponents.styled.div `
     position: absolute;
     width: 0;
     height: 0;
@@ -16,7 +17,7 @@ const Tail = styled.default.div `
     transform: rotate(90deg);
 `;
 // Box shadow of the tooltip tail
-const TailShadow = styled.default.div `
+const TailShadow = styledComponents.styled.div `
     position: absolute;
     width: 0.25rem;
     height: 0.25rem;
@@ -26,7 +27,7 @@ const TailShadow = styled.default.div `
     z-index: ${p => Number(p.zIndex) + 1};
     right: ${p => p.arrowPosition};
     background-color: transparent;
-    box-shadow: 0 0 5px 0 ${p => p.theme.color.default.black};
+    box-shadow: 0 0 5px 0 ${theme.default.color.default.black};
 `;
 
 exports.Tail = Tail;

package/build/cjs/components/TooltipMenu/TooltipMenu.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var icons = require('@dnanpm/icons');
 var React = require('react');
 var useOutsideClick = require('../../hooks/useOutsideClick.js');
-var styled = require('../../themes/styled.js');
+var styledComponents = require('styled-components');
 var theme = require('../../themes/theme.js');
 var Icon = require('../Icon/Icon.js');
 var TooltipMenuExportedStyles = require('./ChildComponents/TooltipMenuExportedStyles.js');
@@ -14,7 +14,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-const Selector = styled.default.div `
+const Selector = styledComponents.styled.div `
     display: flex;
     align-items: center;
     justify-content: flex-end;
@@ -26,10 +26,10 @@ const Selector = styled.default.div `
         transition: transform 0.15s linear;
     }
 `;
-const Container = styled.default.div `
+const Container = styledComponents.styled.div `
     position: relative;
 `;
-const Tooltip = styled.default.div `
+const Tooltip = styledComponents.styled.div `
     background-color: ${theme.default.color.background.white.default};
     padding: 0.5rem;
     min-height: 3rem;
@@ -40,7 +40,7 @@ const Tooltip = styled.default.div `
     box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.48);
     z-index: ${p => p.zIndex};
 `;
-const ChildrenWrapper = styled.default.span `
+const ChildrenWrapper = styledComponents.styled.span `
     > * {
         white-space: nowrap;
     }

package/build/cjs/index.d.ts

@@ -1,6 +1,6 @@
 export * from './components';
 export { default as createStyled } from './utils/createStyled';
-export { default as styled } from './themes/styled';
+export { styled } from './themes/styled';
 export { default as theme } from './themes/theme';
 export { globalStyles } from './themes/globalStyles';
 export { default as navigation } from './themes/themeComponents/navigation';

package/build/cjs/index.js

@@ -163,7 +163,7 @@ var Toaster = require('./components/Toaster/Toaster.js');
 var Tooltip = require('./components/Tooltip/Tooltip.js');
 var TooltipMenu = require('./components/TooltipMenu/TooltipMenu.js');
 var createStyled = require('./utils/createStyled.js');
-var styled = require('./themes/styled.js');
+var styledComponents = require('styled-components');
 var theme = require('./themes/theme.js');
 var globalStyles = require('./themes/globalStyles.js');
 var navigation = require('./themes/themeComponents/navigation.js');
@@ -334,7 +334,10 @@ exports.Toaster = Toaster.default;
 exports.Tooltip = Tooltip.default;
 exports.TooltipMenu = TooltipMenu.default;
 exports.createStyled = createStyled.default;
-exports.styled = styled.default;
+Object.defineProperty(exports, 'styled', {
+	enumerable: true,
+	get: function () { return styledComponents.styled; }
+});
 exports.theme = theme.default;
 exports.globalStyles = globalStyles.globalStyles;
 exports.navigation = navigation.default;