@stenajs-webui/theme 18.12.1-next.0 → 18.12.1
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/index.d.ts +0 -1
- package/dist/index.es.js +1 -1
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/dist/util/CssColor.d.ts +1 -2
- package/package.json +2 -2
- package/dist/types/BrandColor.d.ts +0 -1
package/dist/index.d.ts
CHANGED
package/dist/index.es.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(){"use strict";try{var o=document.createElement("style");o.appendChild(document.createTextNode(':root{font-size:62.5%}:root{--lhds-color-blue-
|
|
1
|
+
(function(){"use strict";try{var o=document.createElement("style");o.appendChild(document.createTextNode(':root{font-size:62.5%}:root{--lhds-color-blue-100: #e1eefa;--lhds-color-blue-200: #afd0f1;--lhds-color-blue-300: #6ca9e6;--lhds-color-blue-400: #3a8cdd;--lhds-color-blue-50: #f2f8fd;--lhds-color-blue-500: #2378cd;--lhds-color-blue-600: #1a5a9a;--lhds-color-blue-700: #18518a;--lhds-color-blue-800: #143e62;--lhds-color-blue-900: #0f304d;--lhds-color-green-100: #d1efc1;--lhds-color-green-200: #aee492;--lhds-color-green-300: #8ad861;--lhds-color-green-400: #6cce38;--lhds-color-green-50: #f4fbf0;--lhds-color-green-500: #60bd2f;--lhds-color-green-600: #509e27;--lhds-color-green-700: #407e1f;--lhds-color-green-800: #305f18;--lhds-color-green-900: #284f14;--lhds-color-orange-100: #ffeac4;--lhds-color-orange-200: #ffd589;--lhds-color-orange-300: #ffc04e;--lhds-color-orange-400: #ffb633;--lhds-color-orange-50: #fff8eb;--lhds-color-orange-500: #ffa400;--lhds-color-orange-600: #eb9700;--lhds-color-orange-700: #d88b00;--lhds-color-orange-800: #b17200;--lhds-color-orange-900: #895800;--lhds-color-red-100: #ffdde4;--lhds-color-red-200: #ff899f;--lhds-color-red-300: #ff4e70;--lhds-color-red-400: #f1002e;--lhds-color-red-50: #fff1f4;--lhds-color-red-500: #d70029;--lhds-color-red-600: #b00022;--lhds-color-red-700: #8a0019;--lhds-color-red-800: #710015;--lhds-color-red-900: #570010;--lhds-color-turquoise-100: #daf8f4;--lhds-color-turquoise-200: #b9f2e9;--lhds-color-turquoise-300: #87e8da;--lhds-color-turquoise-400: #46dcc6;--lhds-color-turquoise-50: #eafbf9;--lhds-color-turquoise-500: #28d2b9;--lhds-color-turquoise-600: #24bda6;--lhds-color-turquoise-700: #1c9280;--lhds-color-turquoise-800: #156f62;--lhds-color-turquoise-900: #125f53;--lhds-color-ui-100: #fafafb;--lhds-color-ui-200: #efeff2;--lhds-color-ui-300: #e4e5e9;--lhds-color-ui-400: #ced0d7;--lhds-color-ui-50: #ffffff;--lhds-color-ui-500: #989cab;--lhds-color-ui-600: #5c6171;--lhds-color-ui-700: #424551;--lhds-color-ui-800: #282931;--lhds-color-ui-900: #0d0e10}:root{--swui-white: #fff;--swui-hidden: rgba(0, 0, 0, 0);--swui-primary-action-color: var(--lhds-color-blue-500);--swui-primary-action-color-hover: var(--lhds-color-blue-600);--swui-primary-action-color-hover-light: var(--lhds-color-blue-100);--swui-primary-action-color-focus: var(--lhds-color-blue-700);--swui-primary-action-color-focus-light: var(--lhds-color-blue-100);--swui-primary-action-color-active: var(--lhds-color-blue-800);--swui-primary-action-color-disabled: var(--lhds-color-ui-300);--swui-separator-color: var(--lhds-color-ui-300);--swui-handle-bg-enabled-color: var(--swui-white);--swui-handle-bg-disabled-color: var(--lhds-color-ui-300);--swui-modal-border-color: var(--lhds-color-ui-400);--swui-overlay-bg-color: rgba(13, 14, 16, .5);--swui-overlay-bg-color-light: rgba(255, 255, 255, .7);--swui-state-error-color: var(--lhds-color-red-300);--swui-state-error-light-color: var(--lhds-color-red-50);--swui-state-alert-color: var(--lhds-color-orange-400);--swui-state-alert-light-color: var(--lhds-color-orange-50);--swui-state-success-color: var(--lhds-color-green-600);--swui-state-success-light-color: var(--lhds-color-green-50);--swui-state-modified-color: var(--lhds-color-blue-500);--swui-state-modified-light-color: var(--lhds-color-blue-200);--swui-state-loading-color: var(--lhds-color-ui-400);--swui-state-loading-light-color: var(--lhds-color-ui-100);--swui-font-primary: "Stena Sans", "Open Sans", Arial, sans-serif;--swui-font-weight-text: 400;--swui-font-weight-text-bold: 500;--swui-font-weight-link: 400;--swui-font-buttons: var(--swui-font-primary);--swui-font-input: var(--swui-font-primary);--swui-line-height: 1.5;--swui-font-size-inputs: 1.4rem;--swui-font-size-large: 1.6rem;--swui-line-height-large: var(--swui-line-height);--swui-font-size-medium: 1.4rem;--swui-line-height-medium: var(--swui-line-height);--swui-font-size-small: 1.2rem;--swui-line-height-small: var(--swui-line-height);--swui-font-size-smaller: 1rem;--swui-line-height-smaller: var(--swui-line-height);--swui-font-weight-inputs: 400;--swui-text-primary-color: var(--lhds-color-ui-900);--swui-text-action-color: var(--lhds-color-blue-600);--swui-text-action-color-hover: var(--lhds-color-blue-500);--swui-text-action-color-focus: var(--lhds-color-blue-500);--swui-text-action-color-active: var(--lhds-color-blue-700);--swui-text-primary-color-light: var(--lhds-color-ui-400);--swui-text-disabled-color: var(--lhds-color-ui-600);--swui-text-disabled-color-light: var(--lhds-color-ui-300);--swui-text-darkmode-primary-color: var(--lhds-color-ui-400);--swui-text-darkmode-disabled-color: var(--lhds-color-ui-300);--swui-text-letter-spacing: 0;--swui-animation-time-fast: .1s;--swui-animation-time-medium: .25s;--swui-animation-time-slow: .5s;--swui-field-text-color: #424551;--swui-field-text-color-disabled: var(--lhds-color-ui-600);--swui-field-text-spacing: 6px;--swui-field-letter-spacing: 0;--swui-field-text-line-height: var(--swui-line-height);--swui-field-bg-enabled: var(--swui-white);--swui-field-bg-disabled: var(--lhds-color-ui-300);--swui-field-border-color: var(--lhds-color-ui-400);--swui-field-border-color-hover: var(--lhds-color-blue-500);--swui-field-border-color-disabled: #b1b1b1;--swui-field-shadow-color: rgba(0, 0, 0, .15);--swui-field-box-size-large: 32px;--swui-field-box-size-medium: 24px;--swui-field-box-size-small: 16px;--swui-field-border-radius: 4px;--swui-field-icon-color: var(--swui-text-primary-color);--swui-field-icon-size: 13px;--swui-field-indicator-active-color: var(--swui-white);--swui-field-indicator-inactive-color: var(--swui-hidden);--swui-field-placeholder-color: var(--lhds-color-ui-500);--swui-border-radius: 4px;--swui-shadow-modal: rgba(0, 0, 0, .2) 0px 0px 10px 4px;--swui-shadow-popover: 0 2px 4px -1px rgba(20, 62, 98, .15), 0 1px 10px 0 rgba(0, 0, 0, .12);--swui-shadow-box: rgba(0, 0, 0, .15) 0 2px 4px 0;--swui-field-focus-shadow: inset 0px 0px 3pt 0pt rgba(0, 0, 100, .3);--swui-field-focus-shadow-inverted: inset 0px 0px 3pt 0pt var(--lhds-color-blue-50);--swui-metrics-indent: 8px;--swui-metrics-spacing: 8px;--swui-metrics-space: 8px}')),document.head.appendChild(o)}catch(l){console.error("vite-plugin-css-injected-by-js",l)}})();
|
|
2
2
|
const s = (o) => `var(${o})`;
|
|
3
3
|
export {
|
|
4
4
|
s as cssColor
|
package/dist/index.es.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es.js","sources":["../src/util/CssColor.ts"],"sourcesContent":["import { LhdsColor } from \"../types/LhdsColor\";\nimport { ThemeColor } from \"../types/ThemeColor\";\
|
|
1
|
+
{"version":3,"file":"index.es.js","sources":["../src/util/CssColor.ts"],"sourcesContent":["import { LhdsColor } from \"../types/LhdsColor\";\nimport { ThemeColor } from \"../types/ThemeColor\";\n\nexport type CssPropColor = LhdsColor | ThemeColor;\n\nexport const cssColor = (cssPropColor: CssPropColor) => `var(${cssPropColor})`;\n"],"names":["cssColor","cssPropColor"],"mappings":"AAKa,MAAAA,IAAW,CAACC,MAA+B,OAAOA;"}
|
package/dist/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
(function(){"use strict";try{var o=document.createElement("style");o.appendChild(document.createTextNode(':root{font-size:62.5%}:root{--lhds-color-blue-
|
|
2
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e
|
|
1
|
+
(function(){"use strict";try{var o=document.createElement("style");o.appendChild(document.createTextNode(':root{font-size:62.5%}:root{--lhds-color-blue-100: #e1eefa;--lhds-color-blue-200: #afd0f1;--lhds-color-blue-300: #6ca9e6;--lhds-color-blue-400: #3a8cdd;--lhds-color-blue-50: #f2f8fd;--lhds-color-blue-500: #2378cd;--lhds-color-blue-600: #1a5a9a;--lhds-color-blue-700: #18518a;--lhds-color-blue-800: #143e62;--lhds-color-blue-900: #0f304d;--lhds-color-green-100: #d1efc1;--lhds-color-green-200: #aee492;--lhds-color-green-300: #8ad861;--lhds-color-green-400: #6cce38;--lhds-color-green-50: #f4fbf0;--lhds-color-green-500: #60bd2f;--lhds-color-green-600: #509e27;--lhds-color-green-700: #407e1f;--lhds-color-green-800: #305f18;--lhds-color-green-900: #284f14;--lhds-color-orange-100: #ffeac4;--lhds-color-orange-200: #ffd589;--lhds-color-orange-300: #ffc04e;--lhds-color-orange-400: #ffb633;--lhds-color-orange-50: #fff8eb;--lhds-color-orange-500: #ffa400;--lhds-color-orange-600: #eb9700;--lhds-color-orange-700: #d88b00;--lhds-color-orange-800: #b17200;--lhds-color-orange-900: #895800;--lhds-color-red-100: #ffdde4;--lhds-color-red-200: #ff899f;--lhds-color-red-300: #ff4e70;--lhds-color-red-400: #f1002e;--lhds-color-red-50: #fff1f4;--lhds-color-red-500: #d70029;--lhds-color-red-600: #b00022;--lhds-color-red-700: #8a0019;--lhds-color-red-800: #710015;--lhds-color-red-900: #570010;--lhds-color-turquoise-100: #daf8f4;--lhds-color-turquoise-200: #b9f2e9;--lhds-color-turquoise-300: #87e8da;--lhds-color-turquoise-400: #46dcc6;--lhds-color-turquoise-50: #eafbf9;--lhds-color-turquoise-500: #28d2b9;--lhds-color-turquoise-600: #24bda6;--lhds-color-turquoise-700: #1c9280;--lhds-color-turquoise-800: #156f62;--lhds-color-turquoise-900: #125f53;--lhds-color-ui-100: #fafafb;--lhds-color-ui-200: #efeff2;--lhds-color-ui-300: #e4e5e9;--lhds-color-ui-400: #ced0d7;--lhds-color-ui-50: #ffffff;--lhds-color-ui-500: #989cab;--lhds-color-ui-600: #5c6171;--lhds-color-ui-700: #424551;--lhds-color-ui-800: #282931;--lhds-color-ui-900: #0d0e10}:root{--swui-white: #fff;--swui-hidden: rgba(0, 0, 0, 0);--swui-primary-action-color: var(--lhds-color-blue-500);--swui-primary-action-color-hover: var(--lhds-color-blue-600);--swui-primary-action-color-hover-light: var(--lhds-color-blue-100);--swui-primary-action-color-focus: var(--lhds-color-blue-700);--swui-primary-action-color-focus-light: var(--lhds-color-blue-100);--swui-primary-action-color-active: var(--lhds-color-blue-800);--swui-primary-action-color-disabled: var(--lhds-color-ui-300);--swui-separator-color: var(--lhds-color-ui-300);--swui-handle-bg-enabled-color: var(--swui-white);--swui-handle-bg-disabled-color: var(--lhds-color-ui-300);--swui-modal-border-color: var(--lhds-color-ui-400);--swui-overlay-bg-color: rgba(13, 14, 16, .5);--swui-overlay-bg-color-light: rgba(255, 255, 255, .7);--swui-state-error-color: var(--lhds-color-red-300);--swui-state-error-light-color: var(--lhds-color-red-50);--swui-state-alert-color: var(--lhds-color-orange-400);--swui-state-alert-light-color: var(--lhds-color-orange-50);--swui-state-success-color: var(--lhds-color-green-600);--swui-state-success-light-color: var(--lhds-color-green-50);--swui-state-modified-color: var(--lhds-color-blue-500);--swui-state-modified-light-color: var(--lhds-color-blue-200);--swui-state-loading-color: var(--lhds-color-ui-400);--swui-state-loading-light-color: var(--lhds-color-ui-100);--swui-font-primary: "Stena Sans", "Open Sans", Arial, sans-serif;--swui-font-weight-text: 400;--swui-font-weight-text-bold: 500;--swui-font-weight-link: 400;--swui-font-buttons: var(--swui-font-primary);--swui-font-input: var(--swui-font-primary);--swui-line-height: 1.5;--swui-font-size-inputs: 1.4rem;--swui-font-size-large: 1.6rem;--swui-line-height-large: var(--swui-line-height);--swui-font-size-medium: 1.4rem;--swui-line-height-medium: var(--swui-line-height);--swui-font-size-small: 1.2rem;--swui-line-height-small: var(--swui-line-height);--swui-font-size-smaller: 1rem;--swui-line-height-smaller: var(--swui-line-height);--swui-font-weight-inputs: 400;--swui-text-primary-color: var(--lhds-color-ui-900);--swui-text-action-color: var(--lhds-color-blue-600);--swui-text-action-color-hover: var(--lhds-color-blue-500);--swui-text-action-color-focus: var(--lhds-color-blue-500);--swui-text-action-color-active: var(--lhds-color-blue-700);--swui-text-primary-color-light: var(--lhds-color-ui-400);--swui-text-disabled-color: var(--lhds-color-ui-600);--swui-text-disabled-color-light: var(--lhds-color-ui-300);--swui-text-darkmode-primary-color: var(--lhds-color-ui-400);--swui-text-darkmode-disabled-color: var(--lhds-color-ui-300);--swui-text-letter-spacing: 0;--swui-animation-time-fast: .1s;--swui-animation-time-medium: .25s;--swui-animation-time-slow: .5s;--swui-field-text-color: #424551;--swui-field-text-color-disabled: var(--lhds-color-ui-600);--swui-field-text-spacing: 6px;--swui-field-letter-spacing: 0;--swui-field-text-line-height: var(--swui-line-height);--swui-field-bg-enabled: var(--swui-white);--swui-field-bg-disabled: var(--lhds-color-ui-300);--swui-field-border-color: var(--lhds-color-ui-400);--swui-field-border-color-hover: var(--lhds-color-blue-500);--swui-field-border-color-disabled: #b1b1b1;--swui-field-shadow-color: rgba(0, 0, 0, .15);--swui-field-box-size-large: 32px;--swui-field-box-size-medium: 24px;--swui-field-box-size-small: 16px;--swui-field-border-radius: 4px;--swui-field-icon-color: var(--swui-text-primary-color);--swui-field-icon-size: 13px;--swui-field-indicator-active-color: var(--swui-white);--swui-field-indicator-inactive-color: var(--swui-hidden);--swui-field-placeholder-color: var(--lhds-color-ui-500);--swui-border-radius: 4px;--swui-shadow-modal: rgba(0, 0, 0, .2) 0px 0px 10px 4px;--swui-shadow-popover: 0 2px 4px -1px rgba(20, 62, 98, .15), 0 1px 10px 0 rgba(0, 0, 0, .12);--swui-shadow-box: rgba(0, 0, 0, .15) 0 2px 4px 0;--swui-field-focus-shadow: inset 0px 0px 3pt 0pt rgba(0, 0, 100, .3);--swui-field-focus-shadow-inverted: inset 0px 0px 3pt 0pt var(--lhds-color-blue-50);--swui-metrics-indent: 8px;--swui-metrics-spacing: 8px;--swui-metrics-space: 8px}')),document.head.appendChild(o)}catch(l){console.error("vite-plugin-css-injected-by-js",l)}})();
|
|
2
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=e=>`var(${e})`;exports.cssColor=o;
|
|
3
3
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../src/util/CssColor.ts"],"sourcesContent":["import { LhdsColor } from \"../types/LhdsColor\";\nimport { ThemeColor } from \"../types/ThemeColor\";\
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/util/CssColor.ts"],"sourcesContent":["import { LhdsColor } from \"../types/LhdsColor\";\nimport { ThemeColor } from \"../types/ThemeColor\";\n\nexport type CssPropColor = LhdsColor | ThemeColor;\n\nexport const cssColor = (cssPropColor: CssPropColor) => `var(${cssPropColor})`;\n"],"names":["cssColor","cssPropColor"],"mappings":"4GAKa,MAAAA,EAAYC,GAA+B,OAAOA"}
|
package/dist/util/CssColor.d.ts
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { LhdsColor } from "../types/LhdsColor";
|
|
2
2
|
import { ThemeColor } from "../types/ThemeColor";
|
|
3
|
-
|
|
4
|
-
export declare type CssPropColor = LhdsColor | ThemeColor | BrandColor;
|
|
3
|
+
export declare type CssPropColor = LhdsColor | ThemeColor;
|
|
5
4
|
export declare const cssColor: (cssPropColor: CssPropColor) => string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@stenajs-webui/theme",
|
|
3
|
-
"version": "18.12.1
|
|
3
|
+
"version": "18.12.1",
|
|
4
4
|
"description": "",
|
|
5
5
|
"author": "mattias800",
|
|
6
6
|
"license": "MIT",
|
|
@@ -41,5 +41,5 @@
|
|
|
41
41
|
"files": [
|
|
42
42
|
"dist"
|
|
43
43
|
],
|
|
44
|
-
"gitHead": "
|
|
44
|
+
"gitHead": "8818f001c7328f889eb570756dc9f7ad7b394ca9"
|
|
45
45
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare type BrandColor = "--core-blue" | "--modern-red" | "--snackskal" | "--sjobod" | "--tang" | "--modern-blue" | "--himmel" | "--himmel-light" | "--himmel-lighter" | "--hav" | "--mussla" | "--sand" | "--modern-green" | "--moln" | "--tjara" | "--sand-dark-10" | "--sand-dark-20" | "--sand-dark" | "--hav-30" | "--molnigare" | "--black" | "--silver" | "--silver-light" | "--silver-lighter" | "--silver-dark" | "--efp-premium" | "--efp-flexi" | "--efp-economy";
|