@integrigo/integrigo-ui 1.1.3 → 1.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/index.esm.js +1 -1
- package/lib/index.js +1 -1
- package/package.json +1 -1
- package/src/styles/global.ts +1 -1
package/lib/index.esm.js
CHANGED
|
@@ -88,7 +88,7 @@ var Color;
|
|
|
88
88
|
Color["Green"] = "#6B8B4A";
|
|
89
89
|
})(Color || (Color = {}));
|
|
90
90
|
|
|
91
|
-
var GlobalStyles = createGlobalStyle(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,200;0,300;0,600;0,800;1,200;1,300;1,600;1,800&display=swap');\n\n html {\n --color-white: ", ";\n --color-ecru: ", ";\n --color-navy: ", ";\n --color-orange: ", ";\n --color-red: ", ";\n --color-green: ", ";\n\n --color-orange-translucent: ", "80;\n --color-orange-transparent: ", "33;\n\n --padding-s: 8px;\n --padding-m: 16px;\n --padding-l: 24px;\n --padding-xl: 32px;\n --padding-xxl: 48px;\n\n --font-bold: 800;\n --font-medium: 600;\n --font-thin: 300;\n\n --font-size-s: 10px;\n --font-size-m: 16px;\n --font-size-l: 20px;\n --font-size-xl: 32px;\n --font-size-xxl: 40px;\n\n --header-size-s: 16px;\n --header-size-m: 24px;\n --header-size-l: 32px;\n --header-size-xl: 48px;\n --header-size-xxl:
|
|
91
|
+
var GlobalStyles = createGlobalStyle(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,200;0,300;0,600;0,800;1,200;1,300;1,600;1,800&display=swap');\n\n html {\n --color-white: ", ";\n --color-ecru: ", ";\n --color-navy: ", ";\n --color-orange: ", ";\n --color-red: ", ";\n --color-green: ", ";\n\n --color-orange-translucent: ", "80;\n --color-orange-transparent: ", "33;\n\n --padding-s: 8px;\n --padding-m: 16px;\n --padding-l: 24px;\n --padding-xl: 32px;\n --padding-xxl: 48px;\n\n --font-bold: 800;\n --font-medium: 600;\n --font-thin: 300;\n\n --font-size-s: 10px;\n --font-size-m: 16px;\n --font-size-l: 20px;\n --font-size-xl: 32px;\n --font-size-xxl: 40px;\n\n --header-size-s: 16px;\n --header-size-m: 24px;\n --header-size-l: 32px;\n --header-size-xl: 48px;\n --header-size-xxl: 72px;\n\n --transition-speed: .3s;\n }\n\n body {\n background-color: var(--color-ecru);\n }\n\n * {\n box-sizing: border-box;\n color: var(--color-navy);\n font-family: Raleway, Arial, Helvetica, Sans-Serif;\n font-size: var(--font-size-m);\n font-weight: var(--font-thin);\n }\n\n h1 {\n font-size: var(--header-size-xxl);\n font-weight: var(--font-bold);\n }\n\n h2 {\n font-size: var(--header-size-xl);\n font-weight: var(--font-bold);\n }\n\n h3 {\n font-size: var(--header-size-l);\n font-weight: var(--font-bold);\n }\n\n h4 {\n font-size: var(--header-size-m);\n font-weight: var(--font-bold);\n }\n\n h5 {\n font-size: var(--header-size-s);\n font-weight: var(--font-bold);\n }\n"], ["\n@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,200;0,300;0,600;0,800;1,200;1,300;1,600;1,800&display=swap');\n\n html {\n --color-white: ", ";\n --color-ecru: ", ";\n --color-navy: ", ";\n --color-orange: ", ";\n --color-red: ", ";\n --color-green: ", ";\n\n --color-orange-translucent: ", "80;\n --color-orange-transparent: ", "33;\n\n --padding-s: 8px;\n --padding-m: 16px;\n --padding-l: 24px;\n --padding-xl: 32px;\n --padding-xxl: 48px;\n\n --font-bold: 800;\n --font-medium: 600;\n --font-thin: 300;\n\n --font-size-s: 10px;\n --font-size-m: 16px;\n --font-size-l: 20px;\n --font-size-xl: 32px;\n --font-size-xxl: 40px;\n\n --header-size-s: 16px;\n --header-size-m: 24px;\n --header-size-l: 32px;\n --header-size-xl: 48px;\n --header-size-xxl: 72px;\n\n --transition-speed: .3s;\n }\n\n body {\n background-color: var(--color-ecru);\n }\n\n * {\n box-sizing: border-box;\n color: var(--color-navy);\n font-family: Raleway, Arial, Helvetica, Sans-Serif;\n font-size: var(--font-size-m);\n font-weight: var(--font-thin);\n }\n\n h1 {\n font-size: var(--header-size-xxl);\n font-weight: var(--font-bold);\n }\n\n h2 {\n font-size: var(--header-size-xl);\n font-weight: var(--font-bold);\n }\n\n h3 {\n font-size: var(--header-size-l);\n font-weight: var(--font-bold);\n }\n\n h4 {\n font-size: var(--header-size-m);\n font-weight: var(--font-bold);\n }\n\n h5 {\n font-size: var(--header-size-s);\n font-weight: var(--font-bold);\n }\n"])), Color.White, Color.Ecru, Color.Navy, Color.Orange, Color.Red, Color.Green, Color.Orange, Color.Orange);
|
|
92
92
|
var templateObject_1;
|
|
93
93
|
|
|
94
94
|
export { Button, Card, Color, InfoCard, Input, GlobalStyles as IntegrigoUI, Pill, Typography };
|
package/lib/index.js
CHANGED
|
@@ -97,7 +97,7 @@ exports.Color = void 0;
|
|
|
97
97
|
Color["Green"] = "#6B8B4A";
|
|
98
98
|
})(exports.Color || (exports.Color = {}));
|
|
99
99
|
|
|
100
|
-
var GlobalStyles = styled.createGlobalStyle(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,200;0,300;0,600;0,800;1,200;1,300;1,600;1,800&display=swap');\n\n html {\n --color-white: ", ";\n --color-ecru: ", ";\n --color-navy: ", ";\n --color-orange: ", ";\n --color-red: ", ";\n --color-green: ", ";\n\n --color-orange-translucent: ", "80;\n --color-orange-transparent: ", "33;\n\n --padding-s: 8px;\n --padding-m: 16px;\n --padding-l: 24px;\n --padding-xl: 32px;\n --padding-xxl: 48px;\n\n --font-bold: 800;\n --font-medium: 600;\n --font-thin: 300;\n\n --font-size-s: 10px;\n --font-size-m: 16px;\n --font-size-l: 20px;\n --font-size-xl: 32px;\n --font-size-xxl: 40px;\n\n --header-size-s: 16px;\n --header-size-m: 24px;\n --header-size-l: 32px;\n --header-size-xl: 48px;\n --header-size-xxl:
|
|
100
|
+
var GlobalStyles = styled.createGlobalStyle(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,200;0,300;0,600;0,800;1,200;1,300;1,600;1,800&display=swap');\n\n html {\n --color-white: ", ";\n --color-ecru: ", ";\n --color-navy: ", ";\n --color-orange: ", ";\n --color-red: ", ";\n --color-green: ", ";\n\n --color-orange-translucent: ", "80;\n --color-orange-transparent: ", "33;\n\n --padding-s: 8px;\n --padding-m: 16px;\n --padding-l: 24px;\n --padding-xl: 32px;\n --padding-xxl: 48px;\n\n --font-bold: 800;\n --font-medium: 600;\n --font-thin: 300;\n\n --font-size-s: 10px;\n --font-size-m: 16px;\n --font-size-l: 20px;\n --font-size-xl: 32px;\n --font-size-xxl: 40px;\n\n --header-size-s: 16px;\n --header-size-m: 24px;\n --header-size-l: 32px;\n --header-size-xl: 48px;\n --header-size-xxl: 72px;\n\n --transition-speed: .3s;\n }\n\n body {\n background-color: var(--color-ecru);\n }\n\n * {\n box-sizing: border-box;\n color: var(--color-navy);\n font-family: Raleway, Arial, Helvetica, Sans-Serif;\n font-size: var(--font-size-m);\n font-weight: var(--font-thin);\n }\n\n h1 {\n font-size: var(--header-size-xxl);\n font-weight: var(--font-bold);\n }\n\n h2 {\n font-size: var(--header-size-xl);\n font-weight: var(--font-bold);\n }\n\n h3 {\n font-size: var(--header-size-l);\n font-weight: var(--font-bold);\n }\n\n h4 {\n font-size: var(--header-size-m);\n font-weight: var(--font-bold);\n }\n\n h5 {\n font-size: var(--header-size-s);\n font-weight: var(--font-bold);\n }\n"], ["\n@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,200;0,300;0,600;0,800;1,200;1,300;1,600;1,800&display=swap');\n\n html {\n --color-white: ", ";\n --color-ecru: ", ";\n --color-navy: ", ";\n --color-orange: ", ";\n --color-red: ", ";\n --color-green: ", ";\n\n --color-orange-translucent: ", "80;\n --color-orange-transparent: ", "33;\n\n --padding-s: 8px;\n --padding-m: 16px;\n --padding-l: 24px;\n --padding-xl: 32px;\n --padding-xxl: 48px;\n\n --font-bold: 800;\n --font-medium: 600;\n --font-thin: 300;\n\n --font-size-s: 10px;\n --font-size-m: 16px;\n --font-size-l: 20px;\n --font-size-xl: 32px;\n --font-size-xxl: 40px;\n\n --header-size-s: 16px;\n --header-size-m: 24px;\n --header-size-l: 32px;\n --header-size-xl: 48px;\n --header-size-xxl: 72px;\n\n --transition-speed: .3s;\n }\n\n body {\n background-color: var(--color-ecru);\n }\n\n * {\n box-sizing: border-box;\n color: var(--color-navy);\n font-family: Raleway, Arial, Helvetica, Sans-Serif;\n font-size: var(--font-size-m);\n font-weight: var(--font-thin);\n }\n\n h1 {\n font-size: var(--header-size-xxl);\n font-weight: var(--font-bold);\n }\n\n h2 {\n font-size: var(--header-size-xl);\n font-weight: var(--font-bold);\n }\n\n h3 {\n font-size: var(--header-size-l);\n font-weight: var(--font-bold);\n }\n\n h4 {\n font-size: var(--header-size-m);\n font-weight: var(--font-bold);\n }\n\n h5 {\n font-size: var(--header-size-s);\n font-weight: var(--font-bold);\n }\n"])), exports.Color.White, exports.Color.Ecru, exports.Color.Navy, exports.Color.Orange, exports.Color.Red, exports.Color.Green, exports.Color.Orange, exports.Color.Orange);
|
|
101
101
|
var templateObject_1;
|
|
102
102
|
|
|
103
103
|
exports.Button = Button;
|
package/package.json
CHANGED