@laerdal/life-react-components 3.5.1-dev.13 → 3.5.1-dev.14
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/styles/WriteThemedColors.cjs +20 -0
- package/dist/styles/WriteThemedColors.cjs.map +1 -0
- package/dist/styles/WriteThemedColors.d.ts +3 -0
- package/dist/styles/WriteThemedColors.js +12 -0
- package/dist/styles/WriteThemedColors.js.map +1 -0
- package/dist/styles/index.cjs +4 -4
- package/dist/styles/index.cjs.map +1 -1
- package/dist/styles/index.d.ts +2 -2
- package/dist/styles/index.js +2 -2
- package/dist/styles/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports["default"] = void 0;
|
|
8
|
+
var _react = require("react");
|
|
9
|
+
var _styledComponents = require("styled-components");
|
|
10
|
+
var _colors = _interopRequireDefault(require("./colors"));
|
|
11
|
+
var WriteThemedColors = function WriteThemedColors() {
|
|
12
|
+
var themeContext = (0, _react.useContext)(_styledComponents.ThemeContext);
|
|
13
|
+
for (var a in themeContext.colors) {
|
|
14
|
+
if (_colors["default"].hasOwnProperty(a)) _colors["default"][a] = themeContext.colors[a];
|
|
15
|
+
}
|
|
16
|
+
return null;
|
|
17
|
+
};
|
|
18
|
+
var _default = WriteThemedColors;
|
|
19
|
+
exports["default"] = _default;
|
|
20
|
+
//# sourceMappingURL=WriteThemedColors.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"WriteThemedColors.cjs","names":["_react","require","_styledComponents","_colors","_interopRequireDefault","WriteThemedColors","themeContext","useContext","ThemeContext","a","colors","COLORS","hasOwnProperty","_default","exports"],"sources":["../../src/styles/WriteThemedColors.tsx"],"sourcesContent":["import { useContext } from \"react\";\r\nimport { ThemeContext } from \"styled-components\";\r\nimport COLORS from \"./colors\";\r\n\r\n\r\nconst WriteThemedColors: React.FunctionComponent = () => {\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 null;\r\n}\r\n\r\nexport default WriteThemedColors;\r\n "],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAC,sBAAA,CAAAH,OAAA;AAGA,IAAMI,iBAA0C,GAAG,SAA7CA,iBAA0CA,CAAA,EAAS;EACrD,IAAMC,YAAY,GAAG,IAAAC,iBAAU,EAACC,8BAAY,CAAC;EAC7C,KAAI,IAAIC,CAAC,IAAIH,YAAY,CAACI,MAAM,EAAC;IAC/B,IAAGC,kBAAM,CAACC,cAAc,CAACH,CAAC,CAAC,EACzBE,kBAAM,CAACF,CAAC,CAAwB,GAAGH,YAAY,CAACI,MAAM,CAACD,CAAC,CAAC;EAC7D;EACA,OAAO,IAAI;AACf,CAAC;AAAA,IAAAI,QAAA,GAEcR,iBAAiB;AAAAS,OAAA,cAAAD,QAAA","ignoreList":[]}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { useContext } from "react";
|
|
2
|
+
import { ThemeContext } from "styled-components";
|
|
3
|
+
import COLORS from "./colors";
|
|
4
|
+
var WriteThemedColors = function WriteThemedColors() {
|
|
5
|
+
var themeContext = useContext(ThemeContext);
|
|
6
|
+
for (var a in themeContext.colors) {
|
|
7
|
+
if (COLORS.hasOwnProperty(a)) COLORS[a] = themeContext.colors[a];
|
|
8
|
+
}
|
|
9
|
+
return null;
|
|
10
|
+
};
|
|
11
|
+
export default WriteThemedColors;
|
|
12
|
+
//# sourceMappingURL=WriteThemedColors.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"WriteThemedColors.js","names":["useContext","ThemeContext","COLORS","WriteThemedColors","themeContext","a","colors","hasOwnProperty"],"sources":["../../src/styles/WriteThemedColors.tsx"],"sourcesContent":["import { useContext } from \"react\";\r\nimport { ThemeContext } from \"styled-components\";\r\nimport COLORS from \"./colors\";\r\n\r\n\r\nconst WriteThemedColors: React.FunctionComponent = () => {\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 null;\r\n}\r\n\r\nexport default WriteThemedColors;\r\n "],"mappings":"AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,YAAY,QAAQ,mBAAmB;AAChD,OAAOC,MAAM,MAAM,UAAU;AAG7B,IAAMC,iBAA0C,GAAG,SAA7CA,iBAA0CA,CAAA,EAAS;EACrD,IAAMC,YAAY,GAAGJ,UAAU,CAACC,YAAY,CAAC;EAC7C,KAAI,IAAII,CAAC,IAAID,YAAY,CAACE,MAAM,EAAC;IAC/B,IAAGJ,MAAM,CAACK,cAAc,CAACF,CAAC,CAAC,EACzBH,MAAM,CAACG,CAAC,CAAwB,GAAGD,YAAY,CAACE,MAAM,CAACD,CAAC,CAAC;EAC7D;EACA,OAAO,IAAI;AACf,CAAC;AAED,eAAeF,iBAAiB","ignoreList":[]}
|
package/dist/styles/index.cjs
CHANGED
|
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
var _exportNames = {
|
|
8
8
|
scrollBarStyling: true,
|
|
9
9
|
COLORS: true,
|
|
10
|
-
|
|
10
|
+
WriteThemedColors: true,
|
|
11
11
|
BREAKPOINTS: true,
|
|
12
12
|
BOXSHADOWS: true,
|
|
13
13
|
globalStyles: true,
|
|
@@ -31,10 +31,10 @@ Object.defineProperty(exports, "COLORS", {
|
|
|
31
31
|
return _colors["default"];
|
|
32
32
|
}
|
|
33
33
|
});
|
|
34
|
-
Object.defineProperty(exports, "
|
|
34
|
+
Object.defineProperty(exports, "WriteThemedColors", {
|
|
35
35
|
enumerable: true,
|
|
36
36
|
get: function get() {
|
|
37
|
-
return
|
|
37
|
+
return _WriteThemedColors["default"];
|
|
38
38
|
}
|
|
39
39
|
});
|
|
40
40
|
Object.defineProperty(exports, "Z_INDEXES", {
|
|
@@ -53,7 +53,7 @@ exports.scrollBarStyling = void 0;
|
|
|
53
53
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
54
54
|
var _styledComponents = require("styled-components");
|
|
55
55
|
var _colors = _interopRequireDefault(require("./colors"));
|
|
56
|
-
var
|
|
56
|
+
var _WriteThemedColors = _interopRequireDefault(require("./WriteThemedColors"));
|
|
57
57
|
var _breakpoints = _interopRequireDefault(require("./breakpoints"));
|
|
58
58
|
var _shadowstyles = require("./shadowstyles");
|
|
59
59
|
var _typography = require("./typography");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","names":["_styledComponents","require","_colors","_interopRequireDefault","
|
|
1
|
+
{"version":3,"file":"index.cjs","names":["_styledComponents","require","_colors","_interopRequireDefault","_WriteThemedColors","_breakpoints","_shadowstyles","_typography","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_global","_types","_zIndexes","_focusStyles","_templateObject","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 from './colors';\r\nimport WriteThemedColors from './WriteThemedColors';\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, WriteThemedColors };\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,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,YAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AAEA,IAAAM,WAAA,GAAAN,OAAA;AAAAO,MAAA,CAAAC,IAAA,CAAAF,WAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,WAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAZ,WAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AAEA,IAAAS,OAAA,GAAAjB,sBAAA,CAAAF,OAAA;AACA,IAAAoB,MAAA,GAAApB,OAAA;AAoCA,IAAAqB,SAAA,GAAArB,OAAA;AAEA,IAAAsB,YAAA,GAAAtB,OAAA;AAAAO,MAAA,CAAAC,IAAA,CAAAc,YAAA,EAAAb,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAY,YAAA,CAAAZ,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAI,YAAA,CAAAZ,GAAA;IAAA;EAAA;AAAA;AAA+B,IAAAa,eAAA;AAjCxB,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAA;EAAA,IAAIC,IAA8B,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGG,WAAI,CAACC,KAAK;EAAA,WAAKC,qBAAG,EAAAR,eAAA,KAAAA,eAAA,OAAAS,uBAAA,wfAGvEP,IAAI,IAAII,WAAI,CAACI,MAAM,GAAG,KAAK,GAAG,KAAK,EAClCR,IAAI,IAAII,WAAI,CAACI,MAAM,GAAG,KAAK,GAAG,KAAK,EAM/BC,kBAAM,CAACC,WAAW,EAMlBD,kBAAM,CAACE,WAAW,EAMlBF,kBAAM,CAACG,WAAW,EAKlBH,kBAAM,CAACI,WAAW;AAAA,CAEnC;AAACvB,OAAA,CAAAS,gBAAA,GAAAA,gBAAA","ignoreList":[]}
|
package/dist/styles/index.d.ts
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import COLORS from './colors';
|
|
2
|
-
import
|
|
2
|
+
import WriteThemedColors from './WriteThemedColors';
|
|
3
3
|
import BREAKPOINTS from './breakpoints';
|
|
4
4
|
import { BOXSHADOWS } from './shadowstyles';
|
|
5
5
|
export * from './typography';
|
|
6
6
|
import globalStyles from './global';
|
|
7
7
|
import { Size } from '../types';
|
|
8
|
-
export { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles,
|
|
8
|
+
export { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles, WriteThemedColors };
|
|
9
9
|
export declare const scrollBarStyling: (size?: Size.Small | Size.Medium) => import("styled-components").FlattenSimpleInterpolation;
|
|
10
10
|
export { Z_INDEXES } from './z-indexes';
|
|
11
11
|
export * from './focus-styles';
|
package/dist/styles/index.js
CHANGED
|
@@ -2,13 +2,13 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLit
|
|
|
2
2
|
var _templateObject;
|
|
3
3
|
import { css } from 'styled-components';
|
|
4
4
|
import COLORS from './colors';
|
|
5
|
-
import
|
|
5
|
+
import WriteThemedColors from './WriteThemedColors';
|
|
6
6
|
import BREAKPOINTS from './breakpoints';
|
|
7
7
|
import { BOXSHADOWS } from './shadowstyles';
|
|
8
8
|
export * from './typography';
|
|
9
9
|
import globalStyles from './global';
|
|
10
10
|
import { Size } from '../types';
|
|
11
|
-
export { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles,
|
|
11
|
+
export { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles, WriteThemedColors };
|
|
12
12
|
export var scrollBarStyling = function scrollBarStyling() {
|
|
13
13
|
var size = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Size.Small;
|
|
14
14
|
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","WriteThemedColors","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 from './colors';\r\nimport WriteThemedColors from './WriteThemedColors';\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, WriteThemedColors };\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,MAAM,UAAU;AAC7B,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,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,iBAAiB;AAGzE,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":[]}
|