@stenajs-webui/theme 19.0.4 → 19.0.5
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.es.js +3 -3
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/package.json +9 -2
package/dist/index.es.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
(function(){"use strict";try{var o=document.createElement("style");o.appendChild(document.createTextNode(':root{font-size:62.5%}:root{--lhds-color-blue-50: var(--himmel-lighter);--lhds-color-blue-100: var(--himmel-light);--lhds-color-blue-200: var(--himmel);--lhds-color-blue-300: #6ca9e6;--lhds-color-blue-400: #3a8cdd;--lhds-color-blue-500: var(--modern-blue);--lhds-color-blue-600: var(--core-blue);--lhds-color-blue-700: #18518a;--lhds-color-blue-800: var(--mussla);--lhds-color-blue-900: #0f304d;--lhds-color-green-50: #f4fbf0;--lhds-color-green-100: #d1efc1;--lhds-color-green-200: #aee492;--lhds-color-green-300: #8ad861;--lhds-color-green-400: #6cce38;--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-50: #fff8eb;--lhds-color-orange-100: #ffe184;--lhds-color-orange-200: #ffd656;--lhds-color-orange-300: #ffc400;--lhds-color-orange-400: #ffb633;--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-50: #fff1f4;--lhds-color-red-100: var(--snackskal-light);--lhds-color-red-200: var(--snackskal);--lhds-color-red-300: #ff4e70;--lhds-color-red-400: #f1002e;--lhds-color-red-500: #d70029;--lhds-color-red-600: var(--sjobod);--lhds-color-red-700: var(--tang);--lhds-color-red-800: #710015;--lhds-color-red-900: #570010;--lhds-color-turquoise-50: #eafbf9;--lhds-color-turquoise-100: #daf8f4;--lhds-color-turquoise-200: #b9f2e9;--lhds-color-turquoise-300: #87e8da;--lhds-color-turquoise-400: #46dcc6;--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-50: #ffffff;--lhds-color-ui-100: #fafafb;--lhds-color-ui-200: var(--silver-lighter);--lhds-color-ui-300: var(--silver-ui);--lhds-color-ui-400: var(--silver-light);--lhds-color-ui-500: var(--silver);--lhds-color-ui-600: #5c6171;--lhds-color-ui-700: #424551;--lhds-color-ui-800: #282931;--lhds-color-ui-900: var(--black)}:root{--swui-white: #fff;--swui-hidden: rgba(0, 0, 0, 0);--swui-primary-action-color: var(--core-blue);--swui-primary-action-color-hover: var(--mussla);--swui-primary-action-color-hover-light: var(--lhds-color-blue-100);--swui-primary-action-color-focus: var(--modern-blue);--swui-primary-action-color-focus-light: var(--lhds-color-blue-100);--swui-primary-action-color-active: var(--lhds-color-blue-900);--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-100);--swui-state-alert-color: var(--lhds-color-orange-400);--swui-state-alert-light-color: var(--lhds-color-orange-100);--swui-state-success-color: var(--lhds-color-green-600);--swui-state-success-light-color: var(--lhds-color-green-100);--swui-state-modified-color: var(--lhds-color-blue-500);--swui-state-modified-light-color: var(--lhds-color-blue-100);--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.6rem;--swui-font-size-inputs-large: 2rem;--swui-font-size-large: 1.8rem;--swui-line-height-large: var(--swui-line-height);--swui-font-size-medium: 1.6rem;--swui-line-height-medium: var(--swui-line-height);--swui-font-size-small: 1.4rem;--swui-line-height-small: var(--swui-line-height);--swui-font-size-smaller: 1.2rem;--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: #0c0e10;--swui-field-text-color-disabled: #0c0e10;--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: var(--lhds-color-ui-400);--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(--lhds-color-ui-900);--swui-field-icon-size: 20px;--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-field-placeholder-font-weight: var(--swui-font-weight-text-bold);--swui-border-radius-small: 4px;--swui-border-radius: 8px;--swui-border-radius-large: 16px;--swui-max-border-radius: 10000px;--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: 0 3px 1px -2px rgba(0, 0, 0, .15), 0 0 4px 0 rgba(0, 0, 0, .15);--swui-shadow-bottom: rgba(0, 0, 0, .2) 0 5px 5px -4px;--swui-metrics-indent: 8px;--swui-metrics-spacing: 8px;--swui-metrics-space: 8px;--swui-default-item-height: 40px;--swui-focus-outline-width: 2px;--swui-focus-outline: var(--swui-focus-outline-width) solid var(--modern-blue)}:root{--black: #000000;--core-blue: #004a93;--efp-economy: var(--sjobod);--efp-flexi: var(--hav);--efp-premium: #e7ae2f;--hav-30: rgba(26, 90, 154, .3);--hav: rgb(26, 90, 154);--himmel-light: #cae2fb;--himmel-lighter: #e1edfd;--himmel: #b4d4f9;--modern-blue: #1178df;--modern-green: rgb(116, 179, 70);--modern-red: rgb(234, 20, 61);--moln: rgb(255, 255, 255);--molnigare: rgb(250, 250, 248);--mussla: #122f66;--sand-dark-10: rgba(155, 147, 123, .1);--sand-dark-20: rgba(155, 147, 123, .2);--sand-dark: rgba(155, 147, 123);--sand: rgb(250, 246, 235);--silver-dark: #6b6b6b;--silver-light: #c9c9c9;--silver-lighter: #f4f4f4;--silver-ui: #ebebeb;--silver: #949494;--sjobod: rgb(176, 15, 46);--snackskal-light: #fce1db;--snackskal: #fbd4cd;--tang: #80091b;--tjara: rgb(51, 51, 51)}')),document.head.appendChild(o)}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
|
|
2
|
-
const
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode(':root{font-size:62.5%}:root{--lhds-color-blue-50: var(--himmel-lighter);--lhds-color-blue-100: var(--himmel-light);--lhds-color-blue-200: var(--himmel);--lhds-color-blue-300: #6ca9e6;--lhds-color-blue-400: #3a8cdd;--lhds-color-blue-500: var(--modern-blue);--lhds-color-blue-600: var(--core-blue);--lhds-color-blue-700: #18518a;--lhds-color-blue-800: var(--mussla);--lhds-color-blue-900: #0f304d;--lhds-color-green-50: #f4fbf0;--lhds-color-green-100: #d1efc1;--lhds-color-green-200: #aee492;--lhds-color-green-300: #8ad861;--lhds-color-green-400: #6cce38;--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-50: #fff8eb;--lhds-color-orange-100: #ffe184;--lhds-color-orange-200: #ffd656;--lhds-color-orange-300: #ffc400;--lhds-color-orange-400: #ffb633;--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-50: #fff1f4;--lhds-color-red-100: var(--snackskal-light);--lhds-color-red-200: var(--snackskal);--lhds-color-red-300: #ff4e70;--lhds-color-red-400: #f1002e;--lhds-color-red-500: #d70029;--lhds-color-red-600: var(--sjobod);--lhds-color-red-700: var(--tang);--lhds-color-red-800: #710015;--lhds-color-red-900: #570010;--lhds-color-turquoise-50: #eafbf9;--lhds-color-turquoise-100: #daf8f4;--lhds-color-turquoise-200: #b9f2e9;--lhds-color-turquoise-300: #87e8da;--lhds-color-turquoise-400: #46dcc6;--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-50: #ffffff;--lhds-color-ui-100: #fafafb;--lhds-color-ui-200: var(--silver-lighter);--lhds-color-ui-300: var(--silver-ui);--lhds-color-ui-400: var(--silver-light);--lhds-color-ui-500: var(--silver);--lhds-color-ui-600: #5c6171;--lhds-color-ui-700: #424551;--lhds-color-ui-800: #282931;--lhds-color-ui-900: var(--black)}:root{--swui-white: #fff;--swui-hidden: rgba(0, 0, 0, 0);--swui-primary-action-color: var(--core-blue);--swui-primary-action-color-hover: var(--mussla);--swui-primary-action-color-hover-light: var(--lhds-color-blue-100);--swui-primary-action-color-focus: var(--modern-blue);--swui-primary-action-color-focus-light: var(--lhds-color-blue-100);--swui-primary-action-color-active: var(--lhds-color-blue-900);--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-100);--swui-state-alert-color: var(--lhds-color-orange-400);--swui-state-alert-light-color: var(--lhds-color-orange-100);--swui-state-success-color: var(--lhds-color-green-600);--swui-state-success-light-color: var(--lhds-color-green-100);--swui-state-modified-color: var(--lhds-color-blue-500);--swui-state-modified-light-color: var(--lhds-color-blue-100);--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.6rem;--swui-font-size-inputs-large: 2rem;--swui-font-size-large: 1.8rem;--swui-line-height-large: var(--swui-line-height);--swui-font-size-medium: 1.6rem;--swui-line-height-medium: var(--swui-line-height);--swui-font-size-small: 1.4rem;--swui-line-height-small: var(--swui-line-height);--swui-font-size-smaller: 1.2rem;--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: #0c0e10;--swui-field-text-color-disabled: #0c0e10;--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: var(--lhds-color-ui-400);--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(--lhds-color-ui-900);--swui-field-icon-size: 20px;--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-field-placeholder-font-weight: var(--swui-font-weight-text-bold);--swui-border-radius-small: 4px;--swui-border-radius: 8px;--swui-border-radius-large: 16px;--swui-max-border-radius: 10000px;--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: 0 3px 1px -2px rgba(0, 0, 0, .15), 0 0 4px 0 rgba(0, 0, 0, .15);--swui-shadow-bottom: rgba(0, 0, 0, .2) 0 5px 5px -4px;--swui-metrics-indent: 8px;--swui-metrics-spacing: 8px;--swui-metrics-space: 8px;--swui-default-item-height: 40px;--swui-focus-outline-width: 2px;--swui-focus-outline: var(--swui-focus-outline-width) solid var(--modern-blue)}:root{--black: #000000;--core-blue: #004a93;--efp-economy: var(--sjobod);--efp-flexi: var(--hav);--efp-premium: #e7ae2f;--hav-30: rgba(26, 90, 154, .3);--hav: rgb(26, 90, 154);--himmel-light: #cae2fb;--himmel-lighter: #e1edfd;--himmel: #b4d4f9;--modern-blue: #1178df;--modern-green: rgb(116, 179, 70);--modern-red: rgb(234, 20, 61);--moln: rgb(255, 255, 255);--molnigare: rgb(250, 250, 248);--mussla: #122f66;--sand-dark-10: rgba(155, 147, 123, .1);--sand-dark-20: rgba(155, 147, 123, .2);--sand-dark: rgba(155, 147, 123);--sand: rgb(250, 246, 235);--silver-dark: #6b6b6b;--silver-light: #c9c9c9;--silver-lighter: #f4f4f4;--silver-ui: #ebebeb;--silver: #949494;--sjobod: rgb(176, 15, 46);--snackskal-light: #fce1db;--snackskal: #fbd4cd;--tang: #80091b;--tjara: rgb(51, 51, 51)}')),document.head.appendChild(o)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
|
|
2
|
+
const r = (o) => `var(${o})`;
|
|
3
3
|
export {
|
|
4
|
-
|
|
4
|
+
r as cssColor
|
|
5
5
|
};
|
|
6
6
|
//# sourceMappingURL=index.es.js.map
|
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\";\nimport { BrandColor } from \"../types/BrandColor\";\n\nexport type CssPropColor = LhdsColor | ThemeColor | BrandColor;\n\nexport const cssColor = (cssPropColor: CssPropColor) => `var(${cssPropColor})`;\n"],"names":["cssColor","cssPropColor"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.es.js","sources":["../src/util/CssColor.ts"],"sourcesContent":["import { LhdsColor } from \"../types/LhdsColor\";\nimport { ThemeColor } from \"../types/ThemeColor\";\nimport { BrandColor } from \"../types/BrandColor\";\n\nexport type CssPropColor = LhdsColor | ThemeColor | BrandColor;\n\nexport const cssColor = (cssPropColor: CssPropColor) => `var(${cssPropColor})`;\n"],"names":["cssColor","cssPropColor"],"mappings":"AAMO,MAAMA,IAAW,CAACC,MAA+B,OAAOA,CAAY;"}
|
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-50: var(--himmel-lighter);--lhds-color-blue-100: var(--himmel-light);--lhds-color-blue-200: var(--himmel);--lhds-color-blue-300: #6ca9e6;--lhds-color-blue-400: #3a8cdd;--lhds-color-blue-500: var(--modern-blue);--lhds-color-blue-600: var(--core-blue);--lhds-color-blue-700: #18518a;--lhds-color-blue-800: var(--mussla);--lhds-color-blue-900: #0f304d;--lhds-color-green-50: #f4fbf0;--lhds-color-green-100: #d1efc1;--lhds-color-green-200: #aee492;--lhds-color-green-300: #8ad861;--lhds-color-green-400: #6cce38;--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-50: #fff8eb;--lhds-color-orange-100: #ffe184;--lhds-color-orange-200: #ffd656;--lhds-color-orange-300: #ffc400;--lhds-color-orange-400: #ffb633;--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-50: #fff1f4;--lhds-color-red-100: var(--snackskal-light);--lhds-color-red-200: var(--snackskal);--lhds-color-red-300: #ff4e70;--lhds-color-red-400: #f1002e;--lhds-color-red-500: #d70029;--lhds-color-red-600: var(--sjobod);--lhds-color-red-700: var(--tang);--lhds-color-red-800: #710015;--lhds-color-red-900: #570010;--lhds-color-turquoise-50: #eafbf9;--lhds-color-turquoise-100: #daf8f4;--lhds-color-turquoise-200: #b9f2e9;--lhds-color-turquoise-300: #87e8da;--lhds-color-turquoise-400: #46dcc6;--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-50: #ffffff;--lhds-color-ui-100: #fafafb;--lhds-color-ui-200: var(--silver-lighter);--lhds-color-ui-300: var(--silver-ui);--lhds-color-ui-400: var(--silver-light);--lhds-color-ui-500: var(--silver);--lhds-color-ui-600: #5c6171;--lhds-color-ui-700: #424551;--lhds-color-ui-800: #282931;--lhds-color-ui-900: var(--black)}:root{--swui-white: #fff;--swui-hidden: rgba(0, 0, 0, 0);--swui-primary-action-color: var(--core-blue);--swui-primary-action-color-hover: var(--mussla);--swui-primary-action-color-hover-light: var(--lhds-color-blue-100);--swui-primary-action-color-focus: var(--modern-blue);--swui-primary-action-color-focus-light: var(--lhds-color-blue-100);--swui-primary-action-color-active: var(--lhds-color-blue-900);--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-100);--swui-state-alert-color: var(--lhds-color-orange-400);--swui-state-alert-light-color: var(--lhds-color-orange-100);--swui-state-success-color: var(--lhds-color-green-600);--swui-state-success-light-color: var(--lhds-color-green-100);--swui-state-modified-color: var(--lhds-color-blue-500);--swui-state-modified-light-color: var(--lhds-color-blue-100);--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.6rem;--swui-font-size-inputs-large: 2rem;--swui-font-size-large: 1.8rem;--swui-line-height-large: var(--swui-line-height);--swui-font-size-medium: 1.6rem;--swui-line-height-medium: var(--swui-line-height);--swui-font-size-small: 1.4rem;--swui-line-height-small: var(--swui-line-height);--swui-font-size-smaller: 1.2rem;--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: #0c0e10;--swui-field-text-color-disabled: #0c0e10;--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: var(--lhds-color-ui-400);--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(--lhds-color-ui-900);--swui-field-icon-size: 20px;--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-field-placeholder-font-weight: var(--swui-font-weight-text-bold);--swui-border-radius-small: 4px;--swui-border-radius: 8px;--swui-border-radius-large: 16px;--swui-max-border-radius: 10000px;--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: 0 3px 1px -2px rgba(0, 0, 0, .15), 0 0 4px 0 rgba(0, 0, 0, .15);--swui-shadow-bottom: rgba(0, 0, 0, .2) 0 5px 5px -4px;--swui-metrics-indent: 8px;--swui-metrics-spacing: 8px;--swui-metrics-space: 8px;--swui-default-item-height: 40px;--swui-focus-outline-width: 2px;--swui-focus-outline: var(--swui-focus-outline-width) solid var(--modern-blue)}:root{--black: #000000;--core-blue: #004a93;--efp-economy: var(--sjobod);--efp-flexi: var(--hav);--efp-premium: #e7ae2f;--hav-30: rgba(26, 90, 154, .3);--hav: rgb(26, 90, 154);--himmel-light: #cae2fb;--himmel-lighter: #e1edfd;--himmel: #b4d4f9;--modern-blue: #1178df;--modern-green: rgb(116, 179, 70);--modern-red: rgb(234, 20, 61);--moln: rgb(255, 255, 255);--molnigare: rgb(250, 250, 248);--mussla: #122f66;--sand-dark-10: rgba(155, 147, 123, .1);--sand-dark-20: rgba(155, 147, 123, .2);--sand-dark: rgba(155, 147, 123);--sand: rgb(250, 246, 235);--silver-dark: #6b6b6b;--silver-light: #c9c9c9;--silver-lighter: #f4f4f4;--silver-ui: #ebebeb;--silver: #949494;--sjobod: rgb(176, 15, 46);--snackskal-light: #fce1db;--snackskal: #fbd4cd;--tang: #80091b;--tjara: rgb(51, 51, 51)}')),document.head.appendChild(o)}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
|
|
2
|
-
"use strict";Object.
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode(':root{font-size:62.5%}:root{--lhds-color-blue-50: var(--himmel-lighter);--lhds-color-blue-100: var(--himmel-light);--lhds-color-blue-200: var(--himmel);--lhds-color-blue-300: #6ca9e6;--lhds-color-blue-400: #3a8cdd;--lhds-color-blue-500: var(--modern-blue);--lhds-color-blue-600: var(--core-blue);--lhds-color-blue-700: #18518a;--lhds-color-blue-800: var(--mussla);--lhds-color-blue-900: #0f304d;--lhds-color-green-50: #f4fbf0;--lhds-color-green-100: #d1efc1;--lhds-color-green-200: #aee492;--lhds-color-green-300: #8ad861;--lhds-color-green-400: #6cce38;--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-50: #fff8eb;--lhds-color-orange-100: #ffe184;--lhds-color-orange-200: #ffd656;--lhds-color-orange-300: #ffc400;--lhds-color-orange-400: #ffb633;--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-50: #fff1f4;--lhds-color-red-100: var(--snackskal-light);--lhds-color-red-200: var(--snackskal);--lhds-color-red-300: #ff4e70;--lhds-color-red-400: #f1002e;--lhds-color-red-500: #d70029;--lhds-color-red-600: var(--sjobod);--lhds-color-red-700: var(--tang);--lhds-color-red-800: #710015;--lhds-color-red-900: #570010;--lhds-color-turquoise-50: #eafbf9;--lhds-color-turquoise-100: #daf8f4;--lhds-color-turquoise-200: #b9f2e9;--lhds-color-turquoise-300: #87e8da;--lhds-color-turquoise-400: #46dcc6;--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-50: #ffffff;--lhds-color-ui-100: #fafafb;--lhds-color-ui-200: var(--silver-lighter);--lhds-color-ui-300: var(--silver-ui);--lhds-color-ui-400: var(--silver-light);--lhds-color-ui-500: var(--silver);--lhds-color-ui-600: #5c6171;--lhds-color-ui-700: #424551;--lhds-color-ui-800: #282931;--lhds-color-ui-900: var(--black)}:root{--swui-white: #fff;--swui-hidden: rgba(0, 0, 0, 0);--swui-primary-action-color: var(--core-blue);--swui-primary-action-color-hover: var(--mussla);--swui-primary-action-color-hover-light: var(--lhds-color-blue-100);--swui-primary-action-color-focus: var(--modern-blue);--swui-primary-action-color-focus-light: var(--lhds-color-blue-100);--swui-primary-action-color-active: var(--lhds-color-blue-900);--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-100);--swui-state-alert-color: var(--lhds-color-orange-400);--swui-state-alert-light-color: var(--lhds-color-orange-100);--swui-state-success-color: var(--lhds-color-green-600);--swui-state-success-light-color: var(--lhds-color-green-100);--swui-state-modified-color: var(--lhds-color-blue-500);--swui-state-modified-light-color: var(--lhds-color-blue-100);--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.6rem;--swui-font-size-inputs-large: 2rem;--swui-font-size-large: 1.8rem;--swui-line-height-large: var(--swui-line-height);--swui-font-size-medium: 1.6rem;--swui-line-height-medium: var(--swui-line-height);--swui-font-size-small: 1.4rem;--swui-line-height-small: var(--swui-line-height);--swui-font-size-smaller: 1.2rem;--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: #0c0e10;--swui-field-text-color-disabled: #0c0e10;--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: var(--lhds-color-ui-400);--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(--lhds-color-ui-900);--swui-field-icon-size: 20px;--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-field-placeholder-font-weight: var(--swui-font-weight-text-bold);--swui-border-radius-small: 4px;--swui-border-radius: 8px;--swui-border-radius-large: 16px;--swui-max-border-radius: 10000px;--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: 0 3px 1px -2px rgba(0, 0, 0, .15), 0 0 4px 0 rgba(0, 0, 0, .15);--swui-shadow-bottom: rgba(0, 0, 0, .2) 0 5px 5px -4px;--swui-metrics-indent: 8px;--swui-metrics-spacing: 8px;--swui-metrics-space: 8px;--swui-default-item-height: 40px;--swui-focus-outline-width: 2px;--swui-focus-outline: var(--swui-focus-outline-width) solid var(--modern-blue)}:root{--black: #000000;--core-blue: #004a93;--efp-economy: var(--sjobod);--efp-flexi: var(--hav);--efp-premium: #e7ae2f;--hav-30: rgba(26, 90, 154, .3);--hav: rgb(26, 90, 154);--himmel-light: #cae2fb;--himmel-lighter: #e1edfd;--himmel: #b4d4f9;--modern-blue: #1178df;--modern-green: rgb(116, 179, 70);--modern-red: rgb(234, 20, 61);--moln: rgb(255, 255, 255);--molnigare: rgb(250, 250, 248);--mussla: #122f66;--sand-dark-10: rgba(155, 147, 123, .1);--sand-dark-20: rgba(155, 147, 123, .2);--sand-dark: rgba(155, 147, 123);--sand: rgb(250, 246, 235);--silver-dark: #6b6b6b;--silver-light: #c9c9c9;--silver-lighter: #f4f4f4;--silver-ui: #ebebeb;--silver: #949494;--sjobod: rgb(176, 15, 46);--snackskal-light: #fce1db;--snackskal: #fbd4cd;--tang: #80091b;--tjara: rgb(51, 51, 51)}')),document.head.appendChild(o)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
|
|
2
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=o=>`var(${o})`;exports.cssColor=e;
|
|
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\";\nimport { BrandColor } from \"../types/BrandColor\";\n\nexport type CssPropColor = LhdsColor | ThemeColor | BrandColor;\n\nexport const cssColor = (cssPropColor: CssPropColor) => `var(${cssPropColor})`;\n"],"names":["cssColor","cssPropColor"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/util/CssColor.ts"],"sourcesContent":["import { LhdsColor } from \"../types/LhdsColor\";\nimport { ThemeColor } from \"../types/ThemeColor\";\nimport { BrandColor } from \"../types/BrandColor\";\n\nexport type CssPropColor = LhdsColor | ThemeColor | BrandColor;\n\nexport const cssColor = (cssPropColor: CssPropColor) => `var(${cssPropColor})`;\n"],"names":["cssColor","cssPropColor"],"mappings":"gFAMO,MAAMA,EAAYC,GAA+B,OAAOA,CAAY"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@stenajs-webui/theme",
|
|
3
|
-
"version": "19.0.
|
|
3
|
+
"version": "19.0.5",
|
|
4
|
+
"type": "module",
|
|
4
5
|
"description": "",
|
|
5
6
|
"author": "mattias800",
|
|
6
7
|
"license": "MIT",
|
|
@@ -12,6 +13,11 @@
|
|
|
12
13
|
"types": "dist/index.d.ts",
|
|
13
14
|
"module": "dist/index.es.js",
|
|
14
15
|
"jsnext:main": "dist/index.es.js",
|
|
16
|
+
"exports": {
|
|
17
|
+
"require": "dist/index.js",
|
|
18
|
+
"import": "dist/index.es.js",
|
|
19
|
+
"types": "dist/index.d.ts"
|
|
20
|
+
},
|
|
15
21
|
"sideEffects": true,
|
|
16
22
|
"engines": {
|
|
17
23
|
"node": ">=8",
|
|
@@ -20,6 +26,7 @@
|
|
|
20
26
|
"scripts": {
|
|
21
27
|
"build": "yarn tsc -p tsconfig.build.json && yarn vite build",
|
|
22
28
|
"start": "yarn tsc -p tsconfig.build.json && yarn vite build --watch",
|
|
29
|
+
"test": "vitest run",
|
|
23
30
|
"clean": "rimraf dist",
|
|
24
31
|
"prepare": "yarn clean && yarn run build",
|
|
25
32
|
"predeploy": "cd example && yarn install && yarn run build",
|
|
@@ -41,5 +48,5 @@
|
|
|
41
48
|
"files": [
|
|
42
49
|
"dist"
|
|
43
50
|
],
|
|
44
|
-
"gitHead": "
|
|
51
|
+
"gitHead": "36e2d14bb36897ef637580b66bc40e2dda274348"
|
|
45
52
|
}
|