@laerdal/life-react-components 3.5.1-dev.10 → 3.5.1-dev.11
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/dist/src/styles/colors.d.ts +1 -1
- package/dist/src/styles/index.d.ts +2 -2
- package/dist/styles/colors.cjs +3 -3
- package/dist/styles/colors.cjs.map +1 -1
- package/dist/styles/colors.js +1 -1
- package/dist/styles/colors.js.map +1 -1
- package/dist/styles/index.cjs +7 -7
- package/dist/styles/index.cjs.map +1 -1
- package/dist/styles/index.js +2 -2
- package/dist/styles/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import COLORS, {
|
|
1
|
+
import COLORS, { OverwriteColors } from './colors';
|
|
2
2
|
import BREAKPOINTS from './breakpoints';
|
|
3
3
|
import { BOXSHADOWS } from './shadowstyles';
|
|
4
4
|
export * from './typography';
|
|
5
5
|
import globalStyles from './global';
|
|
6
6
|
import { Size } from '../types';
|
|
7
|
-
export { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles,
|
|
7
|
+
export { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles, OverwriteColors };
|
|
8
8
|
export declare const scrollBarStyling: (size?: Size.Small | Size.Medium) => import("styled-components").FlattenSimpleInterpolation;
|
|
9
9
|
export { Z_INDEXES } from './z-indexes';
|
|
10
10
|
export * from './focus-styles';
|
package/dist/styles/colors.cjs
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports
|
|
6
|
+
exports["default"] = exports.OverwriteColors = void 0;
|
|
7
7
|
var _react = require("react");
|
|
8
8
|
var _styledComponents = require("styled-components");
|
|
9
9
|
var COLORS = {
|
|
@@ -114,14 +114,14 @@ var COLORS = {
|
|
|
114
114
|
toast_warning: '#E97116',
|
|
115
115
|
toast_error: '#DC3449'
|
|
116
116
|
};
|
|
117
|
-
var
|
|
117
|
+
var OverwriteColors = function OverwriteColors() {
|
|
118
118
|
var themeContext = (0, _react.useContext)(_styledComponents.ThemeContext);
|
|
119
119
|
for (var a in themeContext.colors) {
|
|
120
120
|
if (COLORS.hasOwnProperty(a)) COLORS[a] = themeContext.colors[a];
|
|
121
121
|
}
|
|
122
122
|
return true;
|
|
123
123
|
};
|
|
124
|
-
exports.
|
|
124
|
+
exports.OverwriteColors = OverwriteColors;
|
|
125
125
|
var _default = COLORS;
|
|
126
126
|
exports["default"] = _default;
|
|
127
127
|
//# sourceMappingURL=colors.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.cjs","names":["_react","require","_styledComponents","COLORS","black","white","grey","primary","accent1","accent2","correct","warning","critical","primary_20","primary_50","primary_100","primary_200","primary_300","primary_400","primary_500","primary_600","primary_700","primary_800","accent1_20","accent1_50","accent1_100","accent1_200","accent1_300","accent1_400","accent1_500","accent1_600","accent1_700","accent1_800","accent2_20","accent2_50","accent2_100","accent2_200","accent2_300","accent2_400","accent2_500","accent2_600","accent2_700","accent2_800","correct_20","correct_50","correct_100","correct_200","correct_300","correct_400","correct_500","correct_600","correct_700","correct_800","warning_20","warning_50","warning_100","warning_200","warning_300","warning_400","warning_500","warning_600","warning_700","warning_800","critical_20","critical_50","critical_100","critical_200","critical_300","critical_400","critical_500","critical_600","critical_700","critical_800","neutral_20","neutral_50","neutral_100","neutral_200","neutral_300","neutral_400","neutral_500","neutral_600","neutral_700","neutral_800","focus","focus_25","white_gradient","toast_info","toast_success","toast_warning","toast_error","
|
|
1
|
+
{"version":3,"file":"colors.cjs","names":["_react","require","_styledComponents","COLORS","black","white","grey","primary","accent1","accent2","correct","warning","critical","primary_20","primary_50","primary_100","primary_200","primary_300","primary_400","primary_500","primary_600","primary_700","primary_800","accent1_20","accent1_50","accent1_100","accent1_200","accent1_300","accent1_400","accent1_500","accent1_600","accent1_700","accent1_800","accent2_20","accent2_50","accent2_100","accent2_200","accent2_300","accent2_400","accent2_500","accent2_600","accent2_700","accent2_800","correct_20","correct_50","correct_100","correct_200","correct_300","correct_400","correct_500","correct_600","correct_700","correct_800","warning_20","warning_50","warning_100","warning_200","warning_300","warning_400","warning_500","warning_600","warning_700","warning_800","critical_20","critical_50","critical_100","critical_200","critical_300","critical_400","critical_500","critical_600","critical_700","critical_800","neutral_20","neutral_50","neutral_100","neutral_200","neutral_300","neutral_400","neutral_500","neutral_600","neutral_700","neutral_800","focus","focus_25","white_gradient","toast_info","toast_success","toast_warning","toast_error","OverwriteColors","themeContext","useContext","ThemeContext","a","colors","hasOwnProperty","exports","_default"],"sources":["../../src/styles/colors.ts"],"sourcesContent":["import { useContext } from 'react';\r\nimport { ThemeContext } from 'styled-components';\r\n\r\nconst COLORS = {\r\n black: '#1F1F1F', // Neutrals / Black\r\n white: '#FFFFFF', // Neutrals / White\r\n grey: '#949494', // Neutrals / grey\r\n primary: '#2E7FA1', // Brand / Primary - Core 500\r\n accent1: '#25837E', // Brand / Accent 1 - Core 500\r\n accent2: '#EAC785', // Brand / Accent 2 - Core 200\r\n correct: '#37A851', // Semantic / Correct - Core 400\r\n warning: '#E97116', // Semantic / Warning - Core 400\r\n critical: '#DC3449', // Semantic / Critical - Core 500\r\n\r\n primary_20: '#F1FBFE',\r\n primary_50: '#E3F5FC',\r\n primary_100: '#D4E9F2',\r\n primary_200: '#A9D3E5',\r\n primary_300: '#7FBCD7',\r\n primary_400: '#519DBD',\r\n primary_500: '#2E7FA1', // 500 Core\r\n primary_600: '#276D8B',\r\n primary_700: '#215369',\r\n primary_800: '#163746',\r\n\r\n accent1_20: '#EDFCFB',\r\n accent1_50: '#E4F6F6',\r\n accent1_100: '#C8EEEC',\r\n accent1_200: '#98D8D5',\r\n accent1_300: '#6BC2BE',\r\n accent1_400: '#3EA39E',\r\n accent1_500: '#25837E', // 500 Core\r\n accent1_600: '#23716D',\r\n accent1_700: '#145653',\r\n accent1_800: '#0F3937',\r\n\r\n accent2_20: '#FFFAEE',\r\n accent2_50: '#FDF0DE',\r\n accent2_100: '#F8E2BF',\r\n accent2_200: '#EAC785', // 200 Core\r\n accent2_300: '#D6AD61',\r\n accent2_400: '#B58E45',\r\n accent2_500: '#92702F',\r\n accent2_600: '#806128',\r\n accent2_700: '#604920',\r\n accent2_800: '#42300F',\r\n\r\n correct_20: '#ECFEF1',\r\n correct_50: '#E2F8E4',\r\n correct_100: '#CCEED2',\r\n correct_200: '#A0D9AD',\r\n correct_300: '#77C589',\r\n correct_400: '#37A851', // 400 Core\r\n correct_500: '#14892F',\r\n correct_600: '#13772A',\r\n correct_700: '#025A15',\r\n correct_800: '#003D0E',\r\n\r\n warning_20: '#FEF7F1',\r\n warning_50: '#FDF0E7',\r\n warning_100: '#FCDDC5',\r\n warning_200: '#F8C096',\r\n warning_300: '#F4A162',\r\n warning_400: '#E97116', // 400 Core\r\n warning_500: '#C45402',\r\n warning_600: '#AD4B00',\r\n warning_700: '#803700',\r\n warning_800: '#572600',\r\n\r\n critical_20: '#FEF5F7',\r\n critical_50: '#FEECF1',\r\n critical_100: '#FDDEE2',\r\n critical_200: '#FDBAC2',\r\n critical_300: '#FD96A4',\r\n critical_400: '#FC5A6F',\r\n critical_500: '#DC3449', // 500 Core\r\n critical_600: '#C32238',\r\n critical_700: '#9C0D1D',\r\n critical_800: '#6B0613',\r\n\r\n neutral_20: '#FAFAFA', // 020 Core\r\n neutral_50: '#F2F2F2',\r\n neutral_100: '#E5E5E5',\r\n neutral_200: '#CCCCCC',\r\n neutral_300: '#B3B3B3',\r\n neutral_400: '#949494',\r\n neutral_500: '#767676',\r\n neutral_600: '#666666',\r\n neutral_700: '#4D4D4D',\r\n neutral_800: '#333333',\r\n\r\n focus: 'rgba(46, 127, 161, 1)', // Semantic / Focus 100%\r\n focus_25: 'rgba(46, 127, 161, 0.25)', // Semantic / Focus 25%\r\n\r\n white_gradient: 'linear-gradient(255deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%)',\r\n\r\n toast_info: '#2E7FA1',\r\n toast_success: '#37A851',\r\n toast_warning: '#E97116',\r\n toast_error: '#DC3449',\r\n};\r\n\r\nexport const OverwriteColors = () => {\r\n const themeContext = useContext(ThemeContext);\r\n for(var a in themeContext.colors){\r\n if(COLORS.hasOwnProperty(a))\r\n COLORS[a as keyof typeof COLORS] = themeContext.colors[a];\r\n } \r\n return true;\r\n}\r\n\r\nexport default COLORS;\r\n\r\n"],"mappings":"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","ignoreList":[]}
|
package/dist/styles/colors.js
CHANGED
|
@@ -108,7 +108,7 @@ var COLORS = {
|
|
|
108
108
|
toast_warning: '#E97116',
|
|
109
109
|
toast_error: '#DC3449'
|
|
110
110
|
};
|
|
111
|
-
export var
|
|
111
|
+
export var OverwriteColors = function OverwriteColors() {
|
|
112
112
|
var themeContext = useContext(ThemeContext);
|
|
113
113
|
for (var a in themeContext.colors) {
|
|
114
114
|
if (COLORS.hasOwnProperty(a)) COLORS[a] = themeContext.colors[a];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.js","names":["useContext","ThemeContext","COLORS","black","white","grey","primary","accent1","accent2","correct","warning","critical","primary_20","primary_50","primary_100","primary_200","primary_300","primary_400","primary_500","primary_600","primary_700","primary_800","accent1_20","accent1_50","accent1_100","accent1_200","accent1_300","accent1_400","accent1_500","accent1_600","accent1_700","accent1_800","accent2_20","accent2_50","accent2_100","accent2_200","accent2_300","accent2_400","accent2_500","accent2_600","accent2_700","accent2_800","correct_20","correct_50","correct_100","correct_200","correct_300","correct_400","correct_500","correct_600","correct_700","correct_800","warning_20","warning_50","warning_100","warning_200","warning_300","warning_400","warning_500","warning_600","warning_700","warning_800","critical_20","critical_50","critical_100","critical_200","critical_300","critical_400","critical_500","critical_600","critical_700","critical_800","neutral_20","neutral_50","neutral_100","neutral_200","neutral_300","neutral_400","neutral_500","neutral_600","neutral_700","neutral_800","focus","focus_25","white_gradient","toast_info","toast_success","toast_warning","toast_error","
|
|
1
|
+
{"version":3,"file":"colors.js","names":["useContext","ThemeContext","COLORS","black","white","grey","primary","accent1","accent2","correct","warning","critical","primary_20","primary_50","primary_100","primary_200","primary_300","primary_400","primary_500","primary_600","primary_700","primary_800","accent1_20","accent1_50","accent1_100","accent1_200","accent1_300","accent1_400","accent1_500","accent1_600","accent1_700","accent1_800","accent2_20","accent2_50","accent2_100","accent2_200","accent2_300","accent2_400","accent2_500","accent2_600","accent2_700","accent2_800","correct_20","correct_50","correct_100","correct_200","correct_300","correct_400","correct_500","correct_600","correct_700","correct_800","warning_20","warning_50","warning_100","warning_200","warning_300","warning_400","warning_500","warning_600","warning_700","warning_800","critical_20","critical_50","critical_100","critical_200","critical_300","critical_400","critical_500","critical_600","critical_700","critical_800","neutral_20","neutral_50","neutral_100","neutral_200","neutral_300","neutral_400","neutral_500","neutral_600","neutral_700","neutral_800","focus","focus_25","white_gradient","toast_info","toast_success","toast_warning","toast_error","OverwriteColors","themeContext","a","colors","hasOwnProperty"],"sources":["../../src/styles/colors.ts"],"sourcesContent":["import { useContext } from 'react';\r\nimport { ThemeContext } from 'styled-components';\r\n\r\nconst COLORS = {\r\n black: '#1F1F1F', // Neutrals / Black\r\n white: '#FFFFFF', // Neutrals / White\r\n grey: '#949494', // Neutrals / grey\r\n primary: '#2E7FA1', // Brand / Primary - Core 500\r\n accent1: '#25837E', // Brand / Accent 1 - Core 500\r\n accent2: '#EAC785', // Brand / Accent 2 - Core 200\r\n correct: '#37A851', // Semantic / Correct - Core 400\r\n warning: '#E97116', // Semantic / Warning - Core 400\r\n critical: '#DC3449', // Semantic / Critical - Core 500\r\n\r\n primary_20: '#F1FBFE',\r\n primary_50: '#E3F5FC',\r\n primary_100: '#D4E9F2',\r\n primary_200: '#A9D3E5',\r\n primary_300: '#7FBCD7',\r\n primary_400: '#519DBD',\r\n primary_500: '#2E7FA1', // 500 Core\r\n primary_600: '#276D8B',\r\n primary_700: '#215369',\r\n primary_800: '#163746',\r\n\r\n accent1_20: '#EDFCFB',\r\n accent1_50: '#E4F6F6',\r\n accent1_100: '#C8EEEC',\r\n accent1_200: '#98D8D5',\r\n accent1_300: '#6BC2BE',\r\n accent1_400: '#3EA39E',\r\n accent1_500: '#25837E', // 500 Core\r\n accent1_600: '#23716D',\r\n accent1_700: '#145653',\r\n accent1_800: '#0F3937',\r\n\r\n accent2_20: '#FFFAEE',\r\n accent2_50: '#FDF0DE',\r\n accent2_100: '#F8E2BF',\r\n accent2_200: '#EAC785', // 200 Core\r\n accent2_300: '#D6AD61',\r\n accent2_400: '#B58E45',\r\n accent2_500: '#92702F',\r\n accent2_600: '#806128',\r\n accent2_700: '#604920',\r\n accent2_800: '#42300F',\r\n\r\n correct_20: '#ECFEF1',\r\n correct_50: '#E2F8E4',\r\n correct_100: '#CCEED2',\r\n correct_200: '#A0D9AD',\r\n correct_300: '#77C589',\r\n correct_400: '#37A851', // 400 Core\r\n correct_500: '#14892F',\r\n correct_600: '#13772A',\r\n correct_700: '#025A15',\r\n correct_800: '#003D0E',\r\n\r\n warning_20: '#FEF7F1',\r\n warning_50: '#FDF0E7',\r\n warning_100: '#FCDDC5',\r\n warning_200: '#F8C096',\r\n warning_300: '#F4A162',\r\n warning_400: '#E97116', // 400 Core\r\n warning_500: '#C45402',\r\n warning_600: '#AD4B00',\r\n warning_700: '#803700',\r\n warning_800: '#572600',\r\n\r\n critical_20: '#FEF5F7',\r\n critical_50: '#FEECF1',\r\n critical_100: '#FDDEE2',\r\n critical_200: '#FDBAC2',\r\n critical_300: '#FD96A4',\r\n critical_400: '#FC5A6F',\r\n critical_500: '#DC3449', // 500 Core\r\n critical_600: '#C32238',\r\n critical_700: '#9C0D1D',\r\n critical_800: '#6B0613',\r\n\r\n neutral_20: '#FAFAFA', // 020 Core\r\n neutral_50: '#F2F2F2',\r\n neutral_100: '#E5E5E5',\r\n neutral_200: '#CCCCCC',\r\n neutral_300: '#B3B3B3',\r\n neutral_400: '#949494',\r\n neutral_500: '#767676',\r\n neutral_600: '#666666',\r\n neutral_700: '#4D4D4D',\r\n neutral_800: '#333333',\r\n\r\n focus: 'rgba(46, 127, 161, 1)', // Semantic / Focus 100%\r\n focus_25: 'rgba(46, 127, 161, 0.25)', // Semantic / Focus 25%\r\n\r\n white_gradient: 'linear-gradient(255deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%)',\r\n\r\n toast_info: '#2E7FA1',\r\n toast_success: '#37A851',\r\n toast_warning: '#E97116',\r\n toast_error: '#DC3449',\r\n};\r\n\r\nexport const OverwriteColors = () => {\r\n const themeContext = useContext(ThemeContext);\r\n for(var a in themeContext.colors){\r\n if(COLORS.hasOwnProperty(a))\r\n COLORS[a as keyof typeof COLORS] = themeContext.colors[a];\r\n } \r\n return true;\r\n}\r\n\r\nexport default COLORS;\r\n\r\n"],"mappings":"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","ignoreList":[]}
|
package/dist/styles/index.cjs
CHANGED
|
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
8
8
|
var _exportNames = {
|
|
9
9
|
scrollBarStyling: true,
|
|
10
10
|
COLORS: true,
|
|
11
|
-
|
|
11
|
+
OverwriteColors: true,
|
|
12
12
|
BREAKPOINTS: true,
|
|
13
13
|
BOXSHADOWS: true,
|
|
14
14
|
globalStyles: true,
|
|
@@ -32,22 +32,22 @@ Object.defineProperty(exports, "COLORS", {
|
|
|
32
32
|
return _colors["default"];
|
|
33
33
|
}
|
|
34
34
|
});
|
|
35
|
-
Object.defineProperty(exports, "
|
|
35
|
+
Object.defineProperty(exports, "OverwriteColors", {
|
|
36
36
|
enumerable: true,
|
|
37
37
|
get: function get() {
|
|
38
|
-
return
|
|
38
|
+
return _colors.OverwriteColors;
|
|
39
39
|
}
|
|
40
40
|
});
|
|
41
|
-
Object.defineProperty(exports, "
|
|
41
|
+
Object.defineProperty(exports, "Z_INDEXES", {
|
|
42
42
|
enumerable: true,
|
|
43
43
|
get: function get() {
|
|
44
|
-
return
|
|
44
|
+
return _zIndexes.Z_INDEXES;
|
|
45
45
|
}
|
|
46
46
|
});
|
|
47
|
-
Object.defineProperty(exports, "
|
|
47
|
+
Object.defineProperty(exports, "globalStyles", {
|
|
48
48
|
enumerable: true,
|
|
49
49
|
get: function get() {
|
|
50
|
-
return
|
|
50
|
+
return _global["default"];
|
|
51
51
|
}
|
|
52
52
|
});
|
|
53
53
|
exports.scrollBarStyling = void 0;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","names":["_styledComponents","require","_colors","_interopRequireWildcard","_breakpoints","_interopRequireDefault","_shadowstyles","_typography","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_global","_types","_zIndexes","_focusStyles","_templateObject","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","n","__proto__","a","getOwnPropertyDescriptor","u","i","set","scrollBarStyling","size","arguments","length","undefined","Size","Small","css","_taggedTemplateLiteral2","Medium","COLORS","neutral_100","neutral_500","primary_700","primary_800"],"sources":["../../src/styles/index.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport COLORS, {
|
|
1
|
+
{"version":3,"file":"index.cjs","names":["_styledComponents","require","_colors","_interopRequireWildcard","_breakpoints","_interopRequireDefault","_shadowstyles","_typography","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_global","_types","_zIndexes","_focusStyles","_templateObject","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","n","__proto__","a","getOwnPropertyDescriptor","u","i","set","scrollBarStyling","size","arguments","length","undefined","Size","Small","css","_taggedTemplateLiteral2","Medium","COLORS","neutral_100","neutral_500","primary_700","primary_800"],"sources":["../../src/styles/index.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport COLORS, { OverwriteColors } from './colors';\r\nimport BREAKPOINTS from './breakpoints';\r\nimport { BOXSHADOWS } from './shadowstyles';\r\n\r\nexport * from './typography';\r\n\r\nimport globalStyles from './global';\r\nimport { Size } from '../types';\r\n\r\nexport { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles, OverwriteColors };\r\n\r\n\r\nexport const scrollBarStyling = (size: Size.Small | Size.Medium = Size.Small) => css`\r\n \r\n ::-webkit-scrollbar {\r\n width: ${size == Size.Medium ? '6px' : '4px'};\r\n height: ${size == Size.Medium ? '6px' : '4px'};\r\n cursor: pointer;\r\n }\r\n\r\n /* Track */\r\n ::-webkit-scrollbar-track {\r\n background: ${COLORS.neutral_100};\r\n border-radius: 6px;\r\n }\r\n\r\n /* Handle */\r\n ::-webkit-scrollbar-thumb {\r\n background: ${COLORS.neutral_500};\r\n border-radius: 4px;\r\n }\r\n\r\n /* Handle on hover */\r\n ::-webkit-scrollbar-thumb:hover {\r\n background: ${COLORS.primary_700};\r\n }\r\n\r\n /* Handle on hover */\r\n ::-webkit-scrollbar-thumb:active {\r\n background: ${COLORS.primary_800};\r\n }\r\n`;\r\n\r\nexport {Z_INDEXES} from './z-indexes'\r\n\r\nexport * from './focus-styles';\r\n"],"mappings":"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","ignoreList":[]}
|
package/dist/styles/index.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
|
|
2
2
|
var _templateObject;
|
|
3
3
|
import { css } from 'styled-components';
|
|
4
|
-
import COLORS, {
|
|
4
|
+
import COLORS, { OverwriteColors } from './colors';
|
|
5
5
|
import BREAKPOINTS from './breakpoints';
|
|
6
6
|
import { BOXSHADOWS } from './shadowstyles';
|
|
7
7
|
export * from './typography';
|
|
8
8
|
import globalStyles from './global';
|
|
9
9
|
import { Size } from '../types';
|
|
10
|
-
export { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles,
|
|
10
|
+
export { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles, OverwriteColors };
|
|
11
11
|
export var scrollBarStyling = function scrollBarStyling() {
|
|
12
12
|
var size = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Size.Small;
|
|
13
13
|
return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n \n ::-webkit-scrollbar {\n width: ", ";\n height: ", ";\n cursor: pointer;\n }\n\n /* Track */\n ::-webkit-scrollbar-track {\n background: ", ";\n border-radius: 6px;\n }\n\n /* Handle */\n ::-webkit-scrollbar-thumb {\n background: ", ";\n border-radius: 4px;\n }\n\n /* Handle on hover */\n ::-webkit-scrollbar-thumb:hover {\n background: ", ";\n }\n\n /* Handle on hover */\n ::-webkit-scrollbar-thumb:active {\n background: ", ";\n }\n"])), size == Size.Medium ? '6px' : '4px', size == Size.Medium ? '6px' : '4px', COLORS.neutral_100, COLORS.neutral_500, COLORS.primary_700, COLORS.primary_800);
|
package/dist/styles/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["css","COLORS","
|
|
1
|
+
{"version":3,"file":"index.js","names":["css","COLORS","OverwriteColors","BREAKPOINTS","BOXSHADOWS","globalStyles","Size","scrollBarStyling","size","arguments","length","undefined","Small","_templateObject","_taggedTemplateLiteral","Medium","neutral_100","neutral_500","primary_700","primary_800","Z_INDEXES"],"sources":["../../src/styles/index.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport COLORS, { OverwriteColors } from './colors';\r\nimport BREAKPOINTS from './breakpoints';\r\nimport { BOXSHADOWS } from './shadowstyles';\r\n\r\nexport * from './typography';\r\n\r\nimport globalStyles from './global';\r\nimport { Size } from '../types';\r\n\r\nexport { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles, OverwriteColors };\r\n\r\n\r\nexport const scrollBarStyling = (size: Size.Small | Size.Medium = Size.Small) => css`\r\n \r\n ::-webkit-scrollbar {\r\n width: ${size == Size.Medium ? '6px' : '4px'};\r\n height: ${size == Size.Medium ? '6px' : '4px'};\r\n cursor: pointer;\r\n }\r\n\r\n /* Track */\r\n ::-webkit-scrollbar-track {\r\n background: ${COLORS.neutral_100};\r\n border-radius: 6px;\r\n }\r\n\r\n /* Handle */\r\n ::-webkit-scrollbar-thumb {\r\n background: ${COLORS.neutral_500};\r\n border-radius: 4px;\r\n }\r\n\r\n /* Handle on hover */\r\n ::-webkit-scrollbar-thumb:hover {\r\n background: ${COLORS.primary_700};\r\n }\r\n\r\n /* Handle on hover */\r\n ::-webkit-scrollbar-thumb:active {\r\n background: ${COLORS.primary_800};\r\n }\r\n`;\r\n\r\nexport {Z_INDEXES} from './z-indexes'\r\n\r\nexport * from './focus-styles';\r\n"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,MAAM,IAAIC,eAAe,QAAQ,UAAU;AAClD,OAAOC,WAAW,MAAM,eAAe;AACvC,SAASC,UAAU,QAAQ,gBAAgB;AAE3C,cAAe,cAAc;AAE7B,OAAOC,YAAY,MAAM,UAAU;AACnC,SAASC,IAAI,QAAQ,UAAU;AAE/B,SAASL,MAAM,EAAEE,WAAW,EAAEC,UAAU,EAAEC,YAAY,EAAEH,eAAe;AAGvE,OAAO,IAAMK,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAA;EAAA,IAAIC,IAA8B,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGH,IAAI,CAACM,KAAK;EAAA,OAAKZ,GAAG,CAAAa,eAAA,KAAAA,eAAA,GAAAC,sBAAA,4eAGvEN,IAAI,IAAIF,IAAI,CAACS,MAAM,GAAG,KAAK,GAAG,KAAK,EAClCP,IAAI,IAAIF,IAAI,CAACS,MAAM,GAAG,KAAK,GAAG,KAAK,EAM/Bd,MAAM,CAACe,WAAW,EAMlBf,MAAM,CAACgB,WAAW,EAMlBhB,MAAM,CAACiB,WAAW,EAKlBjB,MAAM,CAACkB,WAAW;AAAA,CAEnC;AAED,SAAQC,SAAS,QAAO,aAAa;AAErC,cAAc,gBAAgB","ignoreList":[]}
|