@scaleds/components - npm Package Compare versions

Comparing version 0.1.3 to 0.1.4

CHANGELOG.md

@@ -6,2 +6,13 @@ # Change Log
 
+## [0.1.4](https://github.com/telekom/scale/compare/v0.1.3...v0.1.4) (2020-04-29)
+
+
+### Bug Fixes
+
+* renames scale-react package to components-react and fixes all the paths ([#200](https://github.com/telekom/scale/issues/200)) ([2cd2fb1](https://github.com/telekom/scale/commit/2cd2fb11d29d82640b244108c3ba75f77fca3f1b))
+
+
+
+
+
 ## [0.1.3](https://github.com/telekom/scale/compare/v0.1.2...v0.1.3) (2020-04-24)
@@ -8,0 +19,0 @@

dist/cjs/index.cjs.js

@@ -5,7 +5,8 @@ 'use strict';
 
-const theme = require('./theme-913fa953.js');
+const theme = require('./theme-14f6a0d1.js');
 
 
 
+exports.THEME_MAGIC_STRING = theme.THEME_MAGIC_STRING;
 exports.getTheme = theme.getTheme;
 exports.useTheme = theme.useTheme;

dist/cjs/loader.cjs.js

@@ -5,8 +5,8 @@ 'use strict';
 
-const index = require('./index-2c2aac5a.js');
+const index = require('./index-b603b126.js');
 
 const defineCustomElements = (win, options) => index.patchEsm().then(() => {
-  return index.bootstrapLazy([["scale-alert_16.cjs",[[1,"scale-button",{"customClass":[1,"custom-class"],"size":[1],"variant":[1],"disabled":[4],"iconSize":[2,"icon-size"],"icon":[1],"iconBefore":[1,"icon-before"],"iconAfter":[1,"icon-after"],"href":[1],"target":[1],"ariaLabel":[1,"aria-label"],"focusable":[4],"role":[1],"styles":[16],"disable":[64],"enable":[64]}],[1,"scale-link",{"customClass":[1,"custom-class"],"href":[1],"disabled":[4],"block":[4],"underline":[4],"target":[1],"variant":[1],"iconSize":[2,"icon-size"],"icon":[1],"styles":[16]}],[1,"scale-tag",{"customClass":[1,"custom-class"],"size":[1],"variant":[1],"href":[1],"target":[1],"dismissable":[4],"disabled":[4],"styles":[16]}],[1,"scale-alert",{"customClass":[1,"custom-class"],"size":[1],"variant":[1],"headline":[513],"opened":[516],"timeout":[8],"icon":[1],"styles":[16],"open":[64]}],[1,"scale-breadcrumb",{"separator":[1],"styles":[16],"linksArray":[32],"separatorSlot":[32]}],[1,"scale-card",{"customClass":[1,"custom-class"],"href":[1],"target":[1],"interactive":[4],"disabled":[4],"styles":[16]}],[1,"scale-carousel",{"customClass":[1,"custom-class"],"vertical":[4],"styles":[16],"slidesArray":[32],"value":[32]}],[1,"scale-divider",{"customClass":[1,"custom-class"],"size":[1],"vertical":[4],"styles":[16]}],[1,"scale-input",{"customClass":[1,"custom-class"],"type":[1],"name":[1],"variant":[1],"label":[1],"size":[1],"helperText":[1,"helper-text"],"status":[1],"maxLength":[2,"max-length"],"minLength":[2,"min-length"],"placeholder":[1],"disabled":[4],"required":[4],"counter":[4],"value":[1025],"styles":[16]}],[1,"scale-modal",{"customClass":[1,"custom-class"],"size":[1],"variant":[1],"opened":[516],"styles":[16],"open":[64],"close":[64]}],[1,"scale-progress-bar",{"customClass":[1,"custom-class"],"percentage":[2],"variant":[1],"strokeWidth":[2,"stroke-width"],"showText":[4,"show-text"],"textInside":[4,"text-inside"],"styles":[16]}],[1,"scale-slider",{"customClass":[1,"custom-class"],"min":[2],"max":[2],"value":[2],"step":[2],"label":[4],"styles":[16]}],[1,"scale-switch",{"customClass":[1,"custom-class"],"active":[4],"disabled":[4],"styles":[16]}],[1,"scale-text",{"customClass":[1,"custom-class"],"variant":[1],"tag":[1],"styles":[16]}],[1,"scale-toast",{"customClass":[1,"custom-class"],"size":[1],"variant":[1],"opened":[516],"autoHide":[8,"auto-hide"],"animated":[4],"time":[2],"positionTop":[2,"position-top"],"positionRight":[2,"position-right"],"fadeDuration":[2,"fade-duration"],"styles":[16],"progress":[32],"toastHeightWithOffset":[32],"open":[64]}],[1,"scale-icon",{"customClass":[1,"custom-class"],"name":[1],"path":[1],"size":[2],"height":[2],"width":[2],"viewBox":[1,"view-box"],"focusable":[4],"styles":[16]}]]]], options);
+  return index.bootstrapLazy([["scale-ssr-slot-fix.cjs",[[4,"scale-ssr-slot-fix"]]],["scale-alert_16.cjs",[[1,"scale-button",{"customClass":[1,"custom-class"],"size":[1],"variant":[1],"disabled":[4],"iconSize":[2,"icon-size"],"icon":[1],"iconBefore":[1,"icon-before"],"iconAfter":[1,"icon-after"],"href":[1],"target":[1],"ariaLabel":[1,"aria-label"],"focusable":[4],"role":[1],"styles":[16],"disable":[64],"enable":[64]}],[1,"scale-link",{"customClass":[1,"custom-class"],"href":[1],"disabled":[4],"block":[4],"underline":[4],"target":[1],"variant":[1],"iconSize":[2,"icon-size"],"icon":[1],"styles":[16]}],[1,"scale-tag",{"customClass":[1,"custom-class"],"size":[1],"variant":[1],"href":[1],"target":[1],"dismissable":[4],"disabled":[4],"styles":[16]}],[1,"scale-alert",{"customClass":[1,"custom-class"],"size":[1],"variant":[1],"headline":[513],"opened":[516],"timeout":[8],"icon":[1],"styles":[16],"open":[64]}],[1,"scale-breadcrumb",{"separator":[1],"styles":[16],"linksArray":[32],"separatorSlot":[32]}],[1,"scale-card",{"customClass":[1,"custom-class"],"href":[1],"target":[1],"interactive":[4],"disabled":[4],"styles":[16]}],[1,"scale-carousel",{"customClass":[1,"custom-class"],"vertical":[4],"styles":[16],"slidesArray":[32],"value":[32]}],[1,"scale-divider",{"customClass":[1,"custom-class"],"size":[1],"vertical":[4],"styles":[16]}],[1,"scale-input",{"customClass":[1,"custom-class"],"type":[1],"name":[1],"variant":[1],"label":[1],"size":[1],"helperText":[1,"helper-text"],"status":[1],"maxLength":[2,"max-length"],"minLength":[2,"min-length"],"placeholder":[1],"disabled":[4],"required":[4],"counter":[4],"value":[1025],"styles":[16]}],[1,"scale-modal",{"customClass":[1,"custom-class"],"size":[1],"variant":[1],"opened":[516],"styles":[16],"open":[64],"close":[64]}],[1,"scale-progress-bar",{"customClass":[1,"custom-class"],"percentage":[2],"variant":[1],"strokeWidth":[2,"stroke-width"],"showText":[4,"show-text"],"textInside":[4,"text-inside"],"styles":[16]}],[1,"scale-slider",{"customClass":[1,"custom-class"],"min":[2],"max":[2],"value":[2],"step":[2],"label":[4],"styles":[16]}],[1,"scale-switch",{"customClass":[1,"custom-class"],"active":[4],"disabled":[4],"styles":[16]}],[1,"scale-text",{"customClass":[1,"custom-class"],"variant":[1],"tag":[1],"styles":[16]}],[1,"scale-toast",{"customClass":[1,"custom-class"],"size":[1],"variant":[1],"opened":[516],"autoHide":[8,"auto-hide"],"animated":[4],"time":[2],"positionTop":[2,"position-top"],"positionRight":[2,"position-right"],"fadeDuration":[2,"fade-duration"],"styles":[16],"progress":[32],"toastHeightWithOffset":[32],"open":[64]}],[1,"scale-icon",{"customClass":[1,"custom-class"],"name":[1],"path":[1],"size":[2],"height":[2],"width":[2],"viewBox":[1,"view-box"],"focusable":[4],"styles":[16]}]]]], options);
 });
 
 exports.defineCustomElements = defineCustomElements;

dist/cjs/scale-alert.cjs.entry.js

@@ -5,5 +5,5 @@ 'use strict';
 
-const index = require('./index-188ef92f.js');
-require('./theme-ba8090d0.js');
-const cssInJs = require('./css-in-js-896583e8.js');
+const index = require('./index-d220b36e.js');
+require('./theme-fc936d79.js');
+const cssInJs = require('./css-in-js-11a282fe.js');
 
@@ -10,0 +10,0 @@ const styles = {

dist/cjs/scale-breadcrumb.cjs.entry.js

@@ -5,5 +5,5 @@ 'use strict';
 
-const index = require('./index-188ef92f.js');
-require('./theme-ba8090d0.js');
-const cssInJs = require('./css-in-js-896583e8.js');
+const index = require('./index-d220b36e.js');
+require('./theme-fc936d79.js');
+const cssInJs = require('./css-in-js-11a282fe.js');
 
@@ -10,0 +10,0 @@ const styles = {

dist/cjs/scale-button.cjs.entry.js

@@ -5,5 +5,5 @@ 'use strict';
 
-const index = require('./index-188ef92f.js');
-require('./theme-ba8090d0.js');
-const cssInJs = require('./css-in-js-896583e8.js');
+const index = require('./index-d220b36e.js');
+require('./theme-fc936d79.js');
+const cssInJs = require('./css-in-js-11a282fe.js');
 
@@ -10,0 +10,0 @@ const getTransition = ({ transitions }, selectors, duration, easing) => `${selectors} ${transitions.duration[duration] / 1000}s ${transitions.easing[easing]}`;

dist/cjs/scale-card.cjs.entry.js

@@ -5,5 +5,5 @@ 'use strict';
 
-const index = require('./index-188ef92f.js');
-require('./theme-ba8090d0.js');
-const cssInJs = require('./css-in-js-896583e8.js');
+const index = require('./index-d220b36e.js');
+require('./theme-fc936d79.js');
+const cssInJs = require('./css-in-js-11a282fe.js');
 
@@ -10,0 +10,0 @@ const styles = {

dist/cjs/scale-carousel.cjs.entry.js

@@ -5,5 +5,5 @@ 'use strict';
 
-const index = require('./index-188ef92f.js');
-require('./theme-ba8090d0.js');
-const cssInJs = require('./css-in-js-896583e8.js');
+const index = require('./index-d220b36e.js');
+require('./theme-fc936d79.js');
+const cssInJs = require('./css-in-js-11a282fe.js');
 
@@ -10,0 +10,0 @@ const styles = {

dist/cjs/scale-components.cjs.js

 'use strict';
 
-const index = require('./index-2c2aac5a.js');
+const index = require('./index-b603b126.js');
 
 index.patchBrowser().then(options => {
-  return index.bootstrapLazy([["scale-alert_16.cjs",[[1,"scale-button",{"customClass":[1,"custom-class"],"size":[1],"variant":[1],"disabled":[4],"iconSize":[2,"icon-size"],"icon":[1],"iconBefore":[1,"icon-before"],"iconAfter":[1,"icon-after"],"href":[1],"target":[1],"ariaLabel":[1,"aria-label"],"focusable":[4],"role":[1],"styles":[16],"disable":[64],"enable":[64]}],[1,"scale-link",{"customClass":[1,"custom-class"],"href":[1],"disabled":[4],"block":[4],"underline":[4],"target":[1],"variant":[1],"iconSize":[2,"icon-size"],"icon":[1],"styles":[16]}],[1,"scale-tag",{"customClass":[1,"custom-class"],"size":[1],"variant":[1],"href":[1],"target":[1],"dismissable":[4],"disabled":[4],"styles":[16]}],[1,"scale-alert",{"customClass":[1,"custom-class"],"size":[1],"variant":[1],"headline":[513],"opened":[516],"timeout":[8],"icon":[1],"styles":[16],"open":[64]}],[1,"scale-breadcrumb",{"separator":[1],"styles":[16],"linksArray":[32],"separatorSlot":[32]}],[1,"scale-card",{"customClass":[1,"custom-class"],"href":[1],"target":[1],"interactive":[4],"disabled":[4],"styles":[16]}],[1,"scale-carousel",{"customClass":[1,"custom-class"],"vertical":[4],"styles":[16],"slidesArray":[32],"value":[32]}],[1,"scale-divider",{"customClass":[1,"custom-class"],"size":[1],"vertical":[4],"styles":[16]}],[1,"scale-input",{"customClass":[1,"custom-class"],"type":[1],"name":[1],"variant":[1],"label":[1],"size":[1],"helperText":[1,"helper-text"],"status":[1],"maxLength":[2,"max-length"],"minLength":[2,"min-length"],"placeholder":[1],"disabled":[4],"required":[4],"counter":[4],"value":[1025],"styles":[16]}],[1,"scale-modal",{"customClass":[1,"custom-class"],"size":[1],"variant":[1],"opened":[516],"styles":[16],"open":[64],"close":[64]}],[1,"scale-progress-bar",{"customClass":[1,"custom-class"],"percentage":[2],"variant":[1],"strokeWidth":[2,"stroke-width"],"showText":[4,"show-text"],"textInside":[4,"text-inside"],"styles":[16]}],[1,"scale-slider",{"customClass":[1,"custom-class"],"min":[2],"max":[2],"value":[2],"step":[2],"label":[4],"styles":[16]}],[1,"scale-switch",{"customClass":[1,"custom-class"],"active":[4],"disabled":[4],"styles":[16]}],[1,"scale-text",{"customClass":[1,"custom-class"],"variant":[1],"tag":[1],"styles":[16]}],[1,"scale-toast",{"customClass":[1,"custom-class"],"size":[1],"variant":[1],"opened":[516],"autoHide":[8,"auto-hide"],"animated":[4],"time":[2],"positionTop":[2,"position-top"],"positionRight":[2,"position-right"],"fadeDuration":[2,"fade-duration"],"styles":[16],"progress":[32],"toastHeightWithOffset":[32],"open":[64]}],[1,"scale-icon",{"customClass":[1,"custom-class"],"name":[1],"path":[1],"size":[2],"height":[2],"width":[2],"viewBox":[1,"view-box"],"focusable":[4],"styles":[16]}]]]], options);
+  return index.bootstrapLazy([["scale-ssr-slot-fix.cjs",[[4,"scale-ssr-slot-fix"]]],["scale-alert_16.cjs",[[1,"scale-button",{"customClass":[1,"custom-class"],"size":[1],"variant":[1],"disabled":[4],"iconSize":[2,"icon-size"],"icon":[1],"iconBefore":[1,"icon-before"],"iconAfter":[1,"icon-after"],"href":[1],"target":[1],"ariaLabel":[1,"aria-label"],"focusable":[4],"role":[1],"styles":[16],"disable":[64],"enable":[64]}],[1,"scale-link",{"customClass":[1,"custom-class"],"href":[1],"disabled":[4],"block":[4],"underline":[4],"target":[1],"variant":[1],"iconSize":[2,"icon-size"],"icon":[1],"styles":[16]}],[1,"scale-tag",{"customClass":[1,"custom-class"],"size":[1],"variant":[1],"href":[1],"target":[1],"dismissable":[4],"disabled":[4],"styles":[16]}],[1,"scale-alert",{"customClass":[1,"custom-class"],"size":[1],"variant":[1],"headline":[513],"opened":[516],"timeout":[8],"icon":[1],"styles":[16],"open":[64]}],[1,"scale-breadcrumb",{"separator":[1],"styles":[16],"linksArray":[32],"separatorSlot":[32]}],[1,"scale-card",{"customClass":[1,"custom-class"],"href":[1],"target":[1],"interactive":[4],"disabled":[4],"styles":[16]}],[1,"scale-carousel",{"customClass":[1,"custom-class"],"vertical":[4],"styles":[16],"slidesArray":[32],"value":[32]}],[1,"scale-divider",{"customClass":[1,"custom-class"],"size":[1],"vertical":[4],"styles":[16]}],[1,"scale-input",{"customClass":[1,"custom-class"],"type":[1],"name":[1],"variant":[1],"label":[1],"size":[1],"helperText":[1,"helper-text"],"status":[1],"maxLength":[2,"max-length"],"minLength":[2,"min-length"],"placeholder":[1],"disabled":[4],"required":[4],"counter":[4],"value":[1025],"styles":[16]}],[1,"scale-modal",{"customClass":[1,"custom-class"],"size":[1],"variant":[1],"opened":[516],"styles":[16],"open":[64],"close":[64]}],[1,"scale-progress-bar",{"customClass":[1,"custom-class"],"percentage":[2],"variant":[1],"strokeWidth":[2,"stroke-width"],"showText":[4,"show-text"],"textInside":[4,"text-inside"],"styles":[16]}],[1,"scale-slider",{"customClass":[1,"custom-class"],"min":[2],"max":[2],"value":[2],"step":[2],"label":[4],"styles":[16]}],[1,"scale-switch",{"customClass":[1,"custom-class"],"active":[4],"disabled":[4],"styles":[16]}],[1,"scale-text",{"customClass":[1,"custom-class"],"variant":[1],"tag":[1],"styles":[16]}],[1,"scale-toast",{"customClass":[1,"custom-class"],"size":[1],"variant":[1],"opened":[516],"autoHide":[8,"auto-hide"],"animated":[4],"time":[2],"positionTop":[2,"position-top"],"positionRight":[2,"position-right"],"fadeDuration":[2,"fade-duration"],"styles":[16],"progress":[32],"toastHeightWithOffset":[32],"open":[64]}],[1,"scale-icon",{"customClass":[1,"custom-class"],"name":[1],"path":[1],"size":[2],"height":[2],"width":[2],"viewBox":[1,"view-box"],"focusable":[4],"styles":[16]}]]]], options);
 });

dist/cjs/scale-divider.cjs.entry.js

@@ -5,5 +5,5 @@ 'use strict';
 
-const index = require('./index-188ef92f.js');
-require('./theme-ba8090d0.js');
-const cssInJs = require('./css-in-js-896583e8.js');
+const index = require('./index-d220b36e.js');
+require('./theme-fc936d79.js');
+const cssInJs = require('./css-in-js-11a282fe.js');
 
@@ -10,0 +10,0 @@ const styles = {

dist/cjs/scale-icon.cjs.entry.js

@@ -5,5 +5,5 @@ 'use strict';
 
-const index = require('./index-188ef92f.js');
-require('./theme-ba8090d0.js');
-const cssInJs = require('./css-in-js-896583e8.js');
+const index = require('./index-d220b36e.js');
+require('./theme-fc936d79.js');
+const cssInJs = require('./css-in-js-11a282fe.js');
 
@@ -10,0 +10,0 @@ const styles = {

dist/cjs/scale-input.cjs.entry.js

@@ -5,5 +5,5 @@ 'use strict';
 
-const index = require('./index-188ef92f.js');
-require('./theme-ba8090d0.js');
-const cssInJs = require('./css-in-js-896583e8.js');
+const index = require('./index-d220b36e.js');
+require('./theme-fc936d79.js');
+const cssInJs = require('./css-in-js-11a282fe.js');
 
@@ -10,0 +10,0 @@ const input = {

dist/cjs/scale-link.cjs.entry.js

@@ -5,5 +5,5 @@ 'use strict';
 
-const index = require('./index-188ef92f.js');
-require('./theme-ba8090d0.js');
-const cssInJs = require('./css-in-js-896583e8.js');
+const index = require('./index-d220b36e.js');
+require('./theme-fc936d79.js');
+const cssInJs = require('./css-in-js-11a282fe.js');
 
@@ -10,0 +10,0 @@ const styles = {

dist/cjs/scale-modal.cjs.entry.js

@@ -5,5 +5,5 @@ 'use strict';
 
-const index = require('./index-188ef92f.js');
-require('./theme-ba8090d0.js');
-const cssInJs = require('./css-in-js-896583e8.js');
+const index = require('./index-d220b36e.js');
+require('./theme-fc936d79.js');
+const cssInJs = require('./css-in-js-11a282fe.js');
 
@@ -10,0 +10,0 @@ const styles = {

dist/cjs/scale-progress-bar.cjs.entry.js

@@ -5,5 +5,5 @@ 'use strict';
 
-const index = require('./index-188ef92f.js');
-require('./theme-ba8090d0.js');
-const cssInJs = require('./css-in-js-896583e8.js');
+const index = require('./index-d220b36e.js');
+require('./theme-fc936d79.js');
+const cssInJs = require('./css-in-js-11a282fe.js');
 
@@ -10,0 +10,0 @@ const styles = {

dist/cjs/scale-slider.cjs.entry.js

@@ -5,5 +5,5 @@ 'use strict';
 
-const index = require('./index-188ef92f.js');
-require('./theme-ba8090d0.js');
-const cssInJs = require('./css-in-js-896583e8.js');
+const index = require('./index-d220b36e.js');
+require('./theme-fc936d79.js');
+const cssInJs = require('./css-in-js-11a282fe.js');
 
@@ -10,0 +10,0 @@ const sliderKnob = {

dist/cjs/scale-switch.cjs.entry.js

@@ -5,5 +5,5 @@ 'use strict';
 
-const index = require('./index-188ef92f.js');
-require('./theme-ba8090d0.js');
-const cssInJs = require('./css-in-js-896583e8.js');
+const index = require('./index-d220b36e.js');
+require('./theme-fc936d79.js');
+const cssInJs = require('./css-in-js-11a282fe.js');
 
@@ -10,0 +10,0 @@ const styles = {

dist/cjs/scale-tag.cjs.entry.js

@@ -5,5 +5,5 @@ 'use strict';
 
-const index = require('./index-188ef92f.js');
-const theme = require('./theme-ba8090d0.js');
-const cssInJs = require('./css-in-js-896583e8.js');
+const index = require('./index-d220b36e.js');
+const theme = require('./theme-fc936d79.js');
+const cssInJs = require('./css-in-js-11a282fe.js');
 
@@ -121,3 +121,5 @@ const tagVariant = (variant) => ({
             : {};
-        const theme$1 = window.scale && window.scale.theme;
+        const theme$1 = typeof window !== 'undefined' &&
+            window.scale &&
+            window.scale.theme;
         const { icons } = theme$1 || theme.defaultTheme;
@@ -124,0 +126,0 @@ return (index.h(index.Host, null, index.h("style", null, this.stylesheet.toString()), index.h(Element, Object.assign({ class: this.getCssClassMap() }, linkProps), index.h("slot", null), this.dismissable && (index.h("scale-icon", Object.assign({ size: 16, path: icons.close }, iconProps))))));

dist/cjs/scale-text.cjs.entry.js

@@ -5,5 +5,5 @@ 'use strict';
 
-const index = require('./index-188ef92f.js');
-const theme = require('./theme-ba8090d0.js');
-const cssInJs = require('./css-in-js-896583e8.js');
+const index = require('./index-d220b36e.js');
+const theme = require('./theme-fc936d79.js');
+const cssInJs = require('./css-in-js-11a282fe.js');
 
@@ -10,0 +10,0 @@ const styles = {

dist/collection/collection-manifest.json

@@ -15,2 +15,3 @@ {
     "./components/slider/slider.js",
+    "./components/ssr-slot-fix/ssr-slot-fix.js",
     "./components/switch/switch.js",
@@ -17,0 +18,0 @@ "./components/tag/tag.js",

dist/collection/components/tag/tag.js

@@ -50,3 +50,5 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
             : {};
-        const theme = window.scale && window.scale.theme;
+        const theme = typeof window !== 'undefined' &&
+            window.scale &&
+            window.scale.theme;
         const { icons } = theme || defaultTheme;
@@ -53,0 +55,0 @@ return (h(Host, null,

dist/collection/theme/theme.js

 import { combineObjects } from '../utils/utils';
 import { defaultTheme } from './defaultTheme';
+export const THEME_MAGIC_STRING = 'ʕ•ᴥ•ʔ theme store magic placeholder ʕ•ᴥ•ʔ';
+const store = typeof window !== 'undefined' && typeof window.Audio !== 'undefined'
+    ? window
+    : { scale: { theme: THEME_MAGIC_STRING } };
 export const getTheme = (overrides) => {
-    const scale = window.scale;
+    const scale = store.scale;
     if (scale) {
-        const injectedTheme = scale.theme;
+        const injectedTheme = typeof scale.theme === 'object' && scale.theme;
         if (injectedTheme) {
@@ -17,5 +21,6 @@ return combineObjects(defaultTheme, injectedTheme);
 export const useTheme = (overrides) => {
-    window.scale = Object.assign({}, window.scale);
-    const scale = window.scale;
+    store.scale = Object.assign({}, store.scale);
+    const scale = store.scale;
     scale.theme = getTheme(overrides);
+    return scale.theme;
 };

dist/esm/scale-alert.entry.js

@@ -1,4 +0,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-86d2458c.js';
-import './theme-391d72ab.js';
-import { c as classNames, C as CssInJs } from './css-in-js-a54ceef7.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-5d1d69bf.js';
+import './theme-14c69f4f.js';
+import { c as classNames, C as CssInJs } from './css-in-js-1363da0b.js';
 
@@ -5,0 +5,0 @@ const styles = {

dist/esm/scale-breadcrumb.entry.js

@@ -1,4 +0,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-86d2458c.js';
-import './theme-391d72ab.js';
-import { c as classNames, C as CssInJs } from './css-in-js-a54ceef7.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-5d1d69bf.js';
+import './theme-14c69f4f.js';
+import { c as classNames, C as CssInJs } from './css-in-js-1363da0b.js';
 
@@ -5,0 +5,0 @@ const styles = {

dist/esm/scale-button.entry.js

@@ -1,4 +0,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-86d2458c.js';
-import './theme-391d72ab.js';
-import { c as classNames, C as CssInJs } from './css-in-js-a54ceef7.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-5d1d69bf.js';
+import './theme-14c69f4f.js';
+import { c as classNames, C as CssInJs } from './css-in-js-1363da0b.js';
 
@@ -5,0 +5,0 @@ const getTransition = ({ transitions }, selectors, duration, easing) => `${selectors} ${transitions.duration[duration] / 1000}s ${transitions.easing[easing]}`;

dist/esm/scale-card.entry.js

@@ -1,4 +0,4 @@
-import { r as registerInstance, h, H as Host } from './index-86d2458c.js';
-import './theme-391d72ab.js';
-import { c as classNames, C as CssInJs } from './css-in-js-a54ceef7.js';
+import { r as registerInstance, h, H as Host } from './index-5d1d69bf.js';
+import './theme-14c69f4f.js';
+import { c as classNames, C as CssInJs } from './css-in-js-1363da0b.js';
 
@@ -5,0 +5,0 @@ const styles = {

dist/esm/scale-carousel.entry.js

@@ -1,4 +0,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-86d2458c.js';
-import './theme-391d72ab.js';
-import { c as classNames, C as CssInJs } from './css-in-js-a54ceef7.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-5d1d69bf.js';
+import './theme-14c69f4f.js';
+import { c as classNames, C as CssInJs } from './css-in-js-1363da0b.js';
 
@@ -5,0 +5,0 @@ const styles = {

dist/esm/scale-divider.entry.js

@@ -1,4 +0,4 @@
-import { r as registerInstance, h, H as Host } from './index-86d2458c.js';
-import './theme-391d72ab.js';
-import { c as classNames, C as CssInJs } from './css-in-js-a54ceef7.js';
+import { r as registerInstance, h, H as Host } from './index-5d1d69bf.js';
+import './theme-14c69f4f.js';
+import { c as classNames, C as CssInJs } from './css-in-js-1363da0b.js';
 
@@ -5,0 +5,0 @@ const styles = {

dist/esm/scale-icon.entry.js

@@ -1,4 +0,4 @@
-import { r as registerInstance, h, H as Host } from './index-86d2458c.js';
-import './theme-391d72ab.js';
-import { c as classNames, C as CssInJs } from './css-in-js-a54ceef7.js';
+import { r as registerInstance, h, H as Host } from './index-5d1d69bf.js';
+import './theme-14c69f4f.js';
+import { c as classNames, C as CssInJs } from './css-in-js-1363da0b.js';
 
@@ -5,0 +5,0 @@ const styles = {

dist/esm/scale-input.entry.js

@@ -1,4 +0,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-86d2458c.js';
-import './theme-391d72ab.js';
-import { c as classNames, C as CssInJs } from './css-in-js-a54ceef7.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-5d1d69bf.js';
+import './theme-14c69f4f.js';
+import { c as classNames, C as CssInJs } from './css-in-js-1363da0b.js';
 
@@ -5,0 +5,0 @@ const input = {

dist/esm/scale-link.entry.js

@@ -1,4 +0,4 @@
-import { r as registerInstance, h, H as Host } from './index-86d2458c.js';
-import './theme-391d72ab.js';
-import { c as classNames, C as CssInJs } from './css-in-js-a54ceef7.js';
+import { r as registerInstance, h, H as Host } from './index-5d1d69bf.js';
+import './theme-14c69f4f.js';
+import { c as classNames, C as CssInJs } from './css-in-js-1363da0b.js';
 
@@ -5,0 +5,0 @@ const styles = {

dist/esm/scale-modal.entry.js

@@ -1,4 +0,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-86d2458c.js';
-import './theme-391d72ab.js';
-import { c as classNames, C as CssInJs } from './css-in-js-a54ceef7.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-5d1d69bf.js';
+import './theme-14c69f4f.js';
+import { c as classNames, C as CssInJs } from './css-in-js-1363da0b.js';
 
@@ -5,0 +5,0 @@ const styles = {

dist/esm/scale-progress-bar.entry.js

@@ -1,4 +0,4 @@
-import { r as registerInstance, h, H as Host } from './index-86d2458c.js';
-import './theme-391d72ab.js';
-import { c as classNames, C as CssInJs } from './css-in-js-a54ceef7.js';
+import { r as registerInstance, h, H as Host } from './index-5d1d69bf.js';
+import './theme-14c69f4f.js';
+import { c as classNames, C as CssInJs } from './css-in-js-1363da0b.js';
 
@@ -5,0 +5,0 @@ const styles = {

dist/esm/scale-slider.entry.js

@@ -1,4 +0,4 @@
-import { r as registerInstance, h, H as Host } from './index-86d2458c.js';
-import './theme-391d72ab.js';
-import { c as classNames, C as CssInJs } from './css-in-js-a54ceef7.js';
+import { r as registerInstance, h, H as Host } from './index-5d1d69bf.js';
+import './theme-14c69f4f.js';
+import { c as classNames, C as CssInJs } from './css-in-js-1363da0b.js';
 
@@ -5,0 +5,0 @@ const sliderKnob = {

dist/esm/scale-switch.entry.js

@@ -1,4 +0,4 @@
-import { r as registerInstance, h, H as Host } from './index-86d2458c.js';
-import './theme-391d72ab.js';
-import { c as classNames, C as CssInJs } from './css-in-js-a54ceef7.js';
+import { r as registerInstance, h, H as Host } from './index-5d1d69bf.js';
+import './theme-14c69f4f.js';
+import { c as classNames, C as CssInJs } from './css-in-js-1363da0b.js';
 
@@ -5,0 +5,0 @@ const styles = {

dist/esm/scale-tag.entry.js

@@ -1,4 +0,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-86d2458c.js';
-import { l as defaultTheme } from './theme-391d72ab.js';
-import { c as classNames, C as CssInJs } from './css-in-js-a54ceef7.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-5d1d69bf.js';
+import { l as defaultTheme } from './theme-14c69f4f.js';
+import { c as classNames, C as CssInJs } from './css-in-js-1363da0b.js';
 
@@ -116,3 +116,5 @@ const tagVariant = (variant) => ({
             : {};
-        const theme = window.scale && window.scale.theme;
+        const theme = typeof window !== 'undefined' &&
+            window.scale &&
+            window.scale.theme;
         const { icons } = theme || defaultTheme;
@@ -119,0 +121,0 @@ return (h(Host, null, h("style", null, this.stylesheet.toString()), h(Element, Object.assign({ class: this.getCssClassMap() }, linkProps), h("slot", null), this.dismissable && (h("scale-icon", Object.assign({ size: 16, path: icons.close }, iconProps))))));

dist/esm/scale-text.entry.js

@@ -1,4 +0,4 @@
-import { r as registerInstance, h, H as Host } from './index-86d2458c.js';
-import { g as getTheme } from './theme-391d72ab.js';
-import { c as classNames, C as CssInJs } from './css-in-js-a54ceef7.js';
+import { r as registerInstance, h, H as Host } from './index-5d1d69bf.js';
+import { g as getTheme } from './theme-14c69f4f.js';
+import { c as classNames, C as CssInJs } from './css-in-js-1363da0b.js';
 
@@ -5,0 +5,0 @@ const styles = {

dist/scale-components.json

 {
-  "timestamp": "2020-04-24T00:49:28",
+  "timestamp": "2020-04-29T15:33:27",
   "compiler": {
@@ -1968,2 +1968,20 @@ "name": "@stencil/core",
     {
+      "filePath": "./src/components/ssr-slot-fix/ssr-slot-fix.tsx",
+      "encapsulation": "none",
+      "tag": "scale-ssr-slot-fix",
+      "readme": "# scale-ssr-slot-fix\n\n\n",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
       "filePath": "./src/components/switch/switch.tsx",
@@ -1970,0 +1988,0 @@ "encapsulation": "shadow",

dist/scale-components/index.esm.js

@@ -1,1 +0,1 @@
-export{g as getTheme,u as useTheme}from"./p-855fe22c.js";
+export{T as THEME_MAGIC_STRING,g as getTheme,u as useTheme}from"./p-de392c85.js";

dist/scale-components/index.system.js

@@ -1,2 +0,2 @@
-System.register(['./theme-50191b9f.system.js'], function (exports) {
+System.register(['./theme-1ccfaf57.system.js'], function (exports) {
     'use strict';
@@ -6,2 +6,3 @@ return {
                 var _setter = {};
+                _setter.THEME_MAGIC_STRING = module.T;
                 _setter.getTheme = module.g;
@@ -8,0 +9,0 @@ _setter.useTheme = module.u;

dist/scale-components/scale-alert.entry.js

@@ -1,4 +0,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-93061c9f.js';
-import './theme-391d72ab.js';
-import { c as classNames, C as CssInJs } from './css-in-js-a54ceef7.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-ee7c5abb.js';
+import './theme-14c69f4f.js';
+import { c as classNames, C as CssInJs } from './css-in-js-1363da0b.js';
 
@@ -5,0 +5,0 @@ const styles = {

dist/scale-components/scale-alert.system.entry.js

@@ -37,3 +37,3 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
 };
-System.register(['./index-c88b4262.system.js', './theme-50191b9f.system.js', './css-in-js-f3fe0497.system.js'], function (exports) {
+System.register(['./index-b3d5263f.system.js', './theme-1ccfaf57.system.js', './css-in-js-8262c00e.system.js'], function (exports) {
     'use strict';
@@ -40,0 +40,0 @@ var registerInstance, h, Host, getElement, classNames, CssInJs;

dist/scale-components/scale-breadcrumb.entry.js

@@ -1,4 +0,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-93061c9f.js';
-import './theme-391d72ab.js';
-import { c as classNames, C as CssInJs } from './css-in-js-a54ceef7.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-ee7c5abb.js';
+import './theme-14c69f4f.js';
+import { c as classNames, C as CssInJs } from './css-in-js-1363da0b.js';
 
@@ -5,0 +5,0 @@ const styles = {

dist/scale-components/scale-breadcrumb.system.entry.js

@@ -1,2 +0,2 @@
-System.register(['./index-c88b4262.system.js', './theme-50191b9f.system.js', './css-in-js-f3fe0497.system.js'], function (exports) {
+System.register(['./index-b3d5263f.system.js', './theme-1ccfaf57.system.js', './css-in-js-8262c00e.system.js'], function (exports) {
     'use strict';
@@ -3,0 +3,0 @@ var registerInstance, h, Host, getElement, classNames, CssInJs;

dist/scale-components/scale-button.entry.js

@@ -1,4 +0,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-93061c9f.js';
-import './theme-391d72ab.js';
-import { c as classNames, C as CssInJs } from './css-in-js-a54ceef7.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-ee7c5abb.js';
+import './theme-14c69f4f.js';
+import { c as classNames, C as CssInJs } from './css-in-js-1363da0b.js';
 
@@ -5,0 +5,0 @@ const getTransition = ({ transitions }, selectors, duration, easing) => `${selectors} ${transitions.duration[duration] / 1000}s ${transitions.easing[easing]}`;

dist/scale-components/scale-button.system.entry.js

@@ -37,3 +37,3 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
 };
-System.register(['./index-c88b4262.system.js', './theme-50191b9f.system.js', './css-in-js-f3fe0497.system.js'], function (exports) {
+System.register(['./index-b3d5263f.system.js', './theme-1ccfaf57.system.js', './css-in-js-8262c00e.system.js'], function (exports) {
     'use strict';
@@ -40,0 +40,0 @@ var registerInstance, h, Host, getElement, classNames, CssInJs;

dist/scale-components/scale-card.entry.js

@@ -1,4 +0,4 @@
-import { r as registerInstance, h, H as Host } from './index-93061c9f.js';
-import './theme-391d72ab.js';
-import { c as classNames, C as CssInJs } from './css-in-js-a54ceef7.js';
+import { r as registerInstance, h, H as Host } from './index-ee7c5abb.js';
+import './theme-14c69f4f.js';
+import { c as classNames, C as CssInJs } from './css-in-js-1363da0b.js';
 
@@ -5,0 +5,0 @@ const styles = {

dist/scale-components/scale-card.system.entry.js

@@ -1,2 +0,2 @@
-System.register(['./index-c88b4262.system.js', './theme-50191b9f.system.js', './css-in-js-f3fe0497.system.js'], function (exports) {
+System.register(['./index-b3d5263f.system.js', './theme-1ccfaf57.system.js', './css-in-js-8262c00e.system.js'], function (exports) {
     'use strict';
@@ -3,0 +3,0 @@ var registerInstance, h, Host, classNames, CssInJs;

dist/scale-components/scale-carousel.entry.js

@@ -1,4 +0,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-93061c9f.js';
-import './theme-391d72ab.js';
-import { c as classNames, C as CssInJs } from './css-in-js-a54ceef7.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-ee7c5abb.js';
+import './theme-14c69f4f.js';
+import { c as classNames, C as CssInJs } from './css-in-js-1363da0b.js';
 
@@ -5,0 +5,0 @@ const styles = {

dist/scale-components/scale-carousel.system.entry.js

@@ -1,2 +0,2 @@
-System.register(['./index-c88b4262.system.js', './theme-50191b9f.system.js', './css-in-js-f3fe0497.system.js'], function (exports) {
+System.register(['./index-b3d5263f.system.js', './theme-1ccfaf57.system.js', './css-in-js-8262c00e.system.js'], function (exports) {
     'use strict';
@@ -3,0 +3,0 @@ var registerInstance, h, Host, getElement, classNames, CssInJs;

dist/scale-components/scale-components.esm.js

@@ -1,1 +0,1 @@
-import{p as s,b as e}from"./p-2b05e0bf.js";s().then(s=>e([["p-91536a14",[[1,"scale-button",{customClass:[1,"custom-class"],size:[1],variant:[1],disabled:[4],iconSize:[2,"icon-size"],icon:[1],iconBefore:[1,"icon-before"],iconAfter:[1,"icon-after"],href:[1],target:[1],ariaLabel:[1,"aria-label"],focusable:[4],role:[1],styles:[16],disable:[64],enable:[64]}],[1,"scale-link",{customClass:[1,"custom-class"],href:[1],disabled:[4],block:[4],underline:[4],target:[1],variant:[1],iconSize:[2,"icon-size"],icon:[1],styles:[16]}],[1,"scale-tag",{customClass:[1,"custom-class"],size:[1],variant:[1],href:[1],target:[1],dismissable:[4],disabled:[4],styles:[16]}],[1,"scale-alert",{customClass:[1,"custom-class"],size:[1],variant:[1],headline:[513],opened:[516],timeout:[8],icon:[1],styles:[16],open:[64]}],[1,"scale-breadcrumb",{separator:[1],styles:[16],linksArray:[32],separatorSlot:[32]}],[1,"scale-card",{customClass:[1,"custom-class"],href:[1],target:[1],interactive:[4],disabled:[4],styles:[16]}],[1,"scale-carousel",{customClass:[1,"custom-class"],vertical:[4],styles:[16],slidesArray:[32],value:[32]}],[1,"scale-divider",{customClass:[1,"custom-class"],size:[1],vertical:[4],styles:[16]}],[1,"scale-input",{customClass:[1,"custom-class"],type:[1],name:[1],variant:[1],label:[1],size:[1],helperText:[1,"helper-text"],status:[1],maxLength:[2,"max-length"],minLength:[2,"min-length"],placeholder:[1],disabled:[4],required:[4],counter:[4],value:[1025],styles:[16]}],[1,"scale-modal",{customClass:[1,"custom-class"],size:[1],variant:[1],opened:[516],styles:[16],open:[64],close:[64]}],[1,"scale-progress-bar",{customClass:[1,"custom-class"],percentage:[2],variant:[1],strokeWidth:[2,"stroke-width"],showText:[4,"show-text"],textInside:[4,"text-inside"],styles:[16]}],[1,"scale-slider",{customClass:[1,"custom-class"],min:[2],max:[2],value:[2],step:[2],label:[4],styles:[16]}],[1,"scale-switch",{customClass:[1,"custom-class"],active:[4],disabled:[4],styles:[16]}],[1,"scale-text",{customClass:[1,"custom-class"],variant:[1],tag:[1],styles:[16]}],[1,"scale-toast",{customClass:[1,"custom-class"],size:[1],variant:[1],opened:[516],autoHide:[8,"auto-hide"],animated:[4],time:[2],positionTop:[2,"position-top"],positionRight:[2,"position-right"],fadeDuration:[2,"fade-duration"],styles:[16],progress:[32],toastHeightWithOffset:[32],open:[64]}],[1,"scale-icon",{customClass:[1,"custom-class"],name:[1],path:[1],size:[2],height:[2],width:[2],viewBox:[1,"view-box"],focusable:[4],styles:[16]}]]]],s));
+import{p as s,b as e}from"./p-b8d20e11.js";s().then(s=>e([["p-48f23533",[[4,"scale-ssr-slot-fix"]]],["p-b61fd56f",[[1,"scale-button",{customClass:[1,"custom-class"],size:[1],variant:[1],disabled:[4],iconSize:[2,"icon-size"],icon:[1],iconBefore:[1,"icon-before"],iconAfter:[1,"icon-after"],href:[1],target:[1],ariaLabel:[1,"aria-label"],focusable:[4],role:[1],styles:[16],disable:[64],enable:[64]}],[1,"scale-link",{customClass:[1,"custom-class"],href:[1],disabled:[4],block:[4],underline:[4],target:[1],variant:[1],iconSize:[2,"icon-size"],icon:[1],styles:[16]}],[1,"scale-tag",{customClass:[1,"custom-class"],size:[1],variant:[1],href:[1],target:[1],dismissable:[4],disabled:[4],styles:[16]}],[1,"scale-alert",{customClass:[1,"custom-class"],size:[1],variant:[1],headline:[513],opened:[516],timeout:[8],icon:[1],styles:[16],open:[64]}],[1,"scale-breadcrumb",{separator:[1],styles:[16],linksArray:[32],separatorSlot:[32]}],[1,"scale-card",{customClass:[1,"custom-class"],href:[1],target:[1],interactive:[4],disabled:[4],styles:[16]}],[1,"scale-carousel",{customClass:[1,"custom-class"],vertical:[4],styles:[16],slidesArray:[32],value:[32]}],[1,"scale-divider",{customClass:[1,"custom-class"],size:[1],vertical:[4],styles:[16]}],[1,"scale-input",{customClass:[1,"custom-class"],type:[1],name:[1],variant:[1],label:[1],size:[1],helperText:[1,"helper-text"],status:[1],maxLength:[2,"max-length"],minLength:[2,"min-length"],placeholder:[1],disabled:[4],required:[4],counter:[4],value:[1025],styles:[16]}],[1,"scale-modal",{customClass:[1,"custom-class"],size:[1],variant:[1],opened:[516],styles:[16],open:[64],close:[64]}],[1,"scale-progress-bar",{customClass:[1,"custom-class"],percentage:[2],variant:[1],strokeWidth:[2,"stroke-width"],showText:[4,"show-text"],textInside:[4,"text-inside"],styles:[16]}],[1,"scale-slider",{customClass:[1,"custom-class"],min:[2],max:[2],value:[2],step:[2],label:[4],styles:[16]}],[1,"scale-switch",{customClass:[1,"custom-class"],active:[4],disabled:[4],styles:[16]}],[1,"scale-text",{customClass:[1,"custom-class"],variant:[1],tag:[1],styles:[16]}],[1,"scale-toast",{customClass:[1,"custom-class"],size:[1],variant:[1],opened:[516],autoHide:[8,"auto-hide"],animated:[4],time:[2],positionTop:[2,"position-top"],positionRight:[2,"position-right"],fadeDuration:[2,"fade-duration"],styles:[16],progress:[32],toastHeightWithOffset:[32],open:[64]}],[1,"scale-icon",{customClass:[1,"custom-class"],name:[1],path:[1],size:[2],height:[2],width:[2],viewBox:[1,"view-box"],focusable:[4],styles:[16]}]]]],s));

dist/scale-components/scale-components.system.js

@@ -1,2 +0,2 @@
-System.register(['./index-c88b4262.system.js', './app-globals-497eb362.system.js'], function () {
+System.register(['./index-b3d5263f.system.js', './app-globals-497eb362.system.js'], function () {
     'use strict';
@@ -14,3 +14,3 @@ var patchBrowser, bootstrapLazy, globalScripts;
                 globalScripts();
-                return bootstrapLazy([["scale-button.system", [[1, "scale-button", { "customClass": [1, "custom-class"], "size": [1], "variant": [1], "disabled": [4], "iconSize": [2, "icon-size"], "icon": [1], "iconBefore": [1, "icon-before"], "iconAfter": [1, "icon-after"], "href": [1], "target": [1], "ariaLabel": [1, "aria-label"], "focusable": [4], "role": [1], "styles": [16], "disable": [64], "enable": [64] }]]], ["scale-link.system", [[1, "scale-link", { "customClass": [1, "custom-class"], "href": [1], "disabled": [4], "block": [4], "underline": [4], "target": [1], "variant": [1], "iconSize": [2, "icon-size"], "icon": [1], "styles": [16] }]]], ["scale-tag.system", [[1, "scale-tag", { "customClass": [1, "custom-class"], "size": [1], "variant": [1], "href": [1], "target": [1], "dismissable": [4], "disabled": [4], "styles": [16] }]]], ["scale-alert.system", [[1, "scale-alert", { "customClass": [1, "custom-class"], "size": [1], "variant": [1], "headline": [513], "opened": [516], "timeout": [8], "icon": [1], "styles": [16], "open": [64] }]]], ["scale-breadcrumb.system", [[1, "scale-breadcrumb", { "separator": [1], "styles": [16], "linksArray": [32], "separatorSlot": [32] }]]], ["scale-card.system", [[1, "scale-card", { "customClass": [1, "custom-class"], "href": [1], "target": [1], "interactive": [4], "disabled": [4], "styles": [16] }]]], ["scale-carousel.system", [[1, "scale-carousel", { "customClass": [1, "custom-class"], "vertical": [4], "styles": [16], "slidesArray": [32], "value": [32] }]]], ["scale-divider.system", [[1, "scale-divider", { "customClass": [1, "custom-class"], "size": [1], "vertical": [4], "styles": [16] }]]], ["scale-input.system", [[1, "scale-input", { "customClass": [1, "custom-class"], "type": [1], "name": [1], "variant": [1], "label": [1], "size": [1], "helperText": [1, "helper-text"], "status": [1], "maxLength": [2, "max-length"], "minLength": [2, "min-length"], "placeholder": [1], "disabled": [4], "required": [4], "counter": [4], "value": [1025], "styles": [16] }]]], ["scale-modal.system", [[1, "scale-modal", { "customClass": [1, "custom-class"], "size": [1], "variant": [1], "opened": [516], "styles": [16], "open": [64], "close": [64] }]]], ["scale-progress-bar.system", [[1, "scale-progress-bar", { "customClass": [1, "custom-class"], "percentage": [2], "variant": [1], "strokeWidth": [2, "stroke-width"], "showText": [4, "show-text"], "textInside": [4, "text-inside"], "styles": [16] }]]], ["scale-slider.system", [[1, "scale-slider", { "customClass": [1, "custom-class"], "min": [2], "max": [2], "value": [2], "step": [2], "label": [4], "styles": [16] }]]], ["scale-switch.system", [[1, "scale-switch", { "customClass": [1, "custom-class"], "active": [4], "disabled": [4], "styles": [16] }]]], ["scale-text.system", [[1, "scale-text", { "customClass": [1, "custom-class"], "variant": [1], "tag": [1], "styles": [16] }]]], ["scale-toast.system", [[1, "scale-toast", { "customClass": [1, "custom-class"], "size": [1], "variant": [1], "opened": [516], "autoHide": [8, "auto-hide"], "animated": [4], "time": [2], "positionTop": [2, "position-top"], "positionRight": [2, "position-right"], "fadeDuration": [2, "fade-duration"], "styles": [16], "progress": [32], "toastHeightWithOffset": [32], "open": [64] }]]], ["scale-icon.system", [[1, "scale-icon", { "customClass": [1, "custom-class"], "name": [1], "path": [1], "size": [2], "height": [2], "width": [2], "viewBox": [1, "view-box"], "focusable": [4], "styles": [16] }]]]], options);
+                return bootstrapLazy([["scale-button.system", [[1, "scale-button", { "customClass": [1, "custom-class"], "size": [1], "variant": [1], "disabled": [4], "iconSize": [2, "icon-size"], "icon": [1], "iconBefore": [1, "icon-before"], "iconAfter": [1, "icon-after"], "href": [1], "target": [1], "ariaLabel": [1, "aria-label"], "focusable": [4], "role": [1], "styles": [16], "disable": [64], "enable": [64] }]]], ["scale-link.system", [[1, "scale-link", { "customClass": [1, "custom-class"], "href": [1], "disabled": [4], "block": [4], "underline": [4], "target": [1], "variant": [1], "iconSize": [2, "icon-size"], "icon": [1], "styles": [16] }]]], ["scale-tag.system", [[1, "scale-tag", { "customClass": [1, "custom-class"], "size": [1], "variant": [1], "href": [1], "target": [1], "dismissable": [4], "disabled": [4], "styles": [16] }]]], ["scale-alert.system", [[1, "scale-alert", { "customClass": [1, "custom-class"], "size": [1], "variant": [1], "headline": [513], "opened": [516], "timeout": [8], "icon": [1], "styles": [16], "open": [64] }]]], ["scale-breadcrumb.system", [[1, "scale-breadcrumb", { "separator": [1], "styles": [16], "linksArray": [32], "separatorSlot": [32] }]]], ["scale-card.system", [[1, "scale-card", { "customClass": [1, "custom-class"], "href": [1], "target": [1], "interactive": [4], "disabled": [4], "styles": [16] }]]], ["scale-carousel.system", [[1, "scale-carousel", { "customClass": [1, "custom-class"], "vertical": [4], "styles": [16], "slidesArray": [32], "value": [32] }]]], ["scale-divider.system", [[1, "scale-divider", { "customClass": [1, "custom-class"], "size": [1], "vertical": [4], "styles": [16] }]]], ["scale-input.system", [[1, "scale-input", { "customClass": [1, "custom-class"], "type": [1], "name": [1], "variant": [1], "label": [1], "size": [1], "helperText": [1, "helper-text"], "status": [1], "maxLength": [2, "max-length"], "minLength": [2, "min-length"], "placeholder": [1], "disabled": [4], "required": [4], "counter": [4], "value": [1025], "styles": [16] }]]], ["scale-modal.system", [[1, "scale-modal", { "customClass": [1, "custom-class"], "size": [1], "variant": [1], "opened": [516], "styles": [16], "open": [64], "close": [64] }]]], ["scale-progress-bar.system", [[1, "scale-progress-bar", { "customClass": [1, "custom-class"], "percentage": [2], "variant": [1], "strokeWidth": [2, "stroke-width"], "showText": [4, "show-text"], "textInside": [4, "text-inside"], "styles": [16] }]]], ["scale-slider.system", [[1, "scale-slider", { "customClass": [1, "custom-class"], "min": [2], "max": [2], "value": [2], "step": [2], "label": [4], "styles": [16] }]]], ["scale-ssr-slot-fix.system", [[4, "scale-ssr-slot-fix"]]], ["scale-switch.system", [[1, "scale-switch", { "customClass": [1, "custom-class"], "active": [4], "disabled": [4], "styles": [16] }]]], ["scale-text.system", [[1, "scale-text", { "customClass": [1, "custom-class"], "variant": [1], "tag": [1], "styles": [16] }]]], ["scale-toast.system", [[1, "scale-toast", { "customClass": [1, "custom-class"], "size": [1], "variant": [1], "opened": [516], "autoHide": [8, "auto-hide"], "animated": [4], "time": [2], "positionTop": [2, "position-top"], "positionRight": [2, "position-right"], "fadeDuration": [2, "fade-duration"], "styles": [16], "progress": [32], "toastHeightWithOffset": [32], "open": [64] }]]], ["scale-icon.system", [[1, "scale-icon", { "customClass": [1, "custom-class"], "name": [1], "path": [1], "size": [2], "height": [2], "width": [2], "viewBox": [1, "view-box"], "focusable": [4], "styles": [16] }]]]], options);
             });
@@ -17,0 +17,0 @@ }

dist/scale-components/scale-divider.entry.js

@@ -1,4 +0,4 @@
-import { r as registerInstance, h, H as Host } from './index-93061c9f.js';
-import './theme-391d72ab.js';
-import { c as classNames, C as CssInJs } from './css-in-js-a54ceef7.js';
+import { r as registerInstance, h, H as Host } from './index-ee7c5abb.js';
+import './theme-14c69f4f.js';
+import { c as classNames, C as CssInJs } from './css-in-js-1363da0b.js';
 
@@ -5,0 +5,0 @@ const styles = {

dist/scale-components/scale-divider.system.entry.js

@@ -1,2 +0,2 @@
-System.register(['./index-c88b4262.system.js', './theme-50191b9f.system.js', './css-in-js-f3fe0497.system.js'], function (exports) {
+System.register(['./index-b3d5263f.system.js', './theme-1ccfaf57.system.js', './css-in-js-8262c00e.system.js'], function (exports) {
     'use strict';
@@ -3,0 +3,0 @@ var registerInstance, h, Host, classNames, CssInJs;

dist/scale-components/scale-icon.entry.js

@@ -1,4 +0,4 @@
-import { r as registerInstance, h, H as Host } from './index-93061c9f.js';
-import './theme-391d72ab.js';
-import { c as classNames, C as CssInJs } from './css-in-js-a54ceef7.js';
+import { r as registerInstance, h, H as Host } from './index-ee7c5abb.js';
+import './theme-14c69f4f.js';
+import { c as classNames, C as CssInJs } from './css-in-js-1363da0b.js';
 
@@ -5,0 +5,0 @@ const styles = {

dist/scale-components/scale-icon.system.entry.js

@@ -1,2 +0,2 @@
-System.register(['./index-c88b4262.system.js', './theme-50191b9f.system.js', './css-in-js-f3fe0497.system.js'], function (exports) {
+System.register(['./index-b3d5263f.system.js', './theme-1ccfaf57.system.js', './css-in-js-8262c00e.system.js'], function (exports) {
     'use strict';
@@ -3,0 +3,0 @@ var registerInstance, h, Host, classNames, CssInJs;

dist/scale-components/scale-input.entry.js

@@ -1,4 +0,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-93061c9f.js';
-import './theme-391d72ab.js';
-import { c as classNames, C as CssInJs } from './css-in-js-a54ceef7.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-ee7c5abb.js';
+import './theme-14c69f4f.js';
+import { c as classNames, C as CssInJs } from './css-in-js-1363da0b.js';
 
@@ -5,0 +5,0 @@ const input = {

dist/scale-components/scale-input.system.entry.js

@@ -1,2 +0,2 @@
-System.register(['./index-c88b4262.system.js', './theme-50191b9f.system.js', './css-in-js-f3fe0497.system.js'], function (exports) {
+System.register(['./index-b3d5263f.system.js', './theme-1ccfaf57.system.js', './css-in-js-8262c00e.system.js'], function (exports) {
     'use strict';
@@ -3,0 +3,0 @@ var registerInstance, createEvent, h, Host, classNames, CssInJs;

dist/scale-components/scale-link.entry.js

@@ -1,4 +0,4 @@
-import { r as registerInstance, h, H as Host } from './index-93061c9f.js';
-import './theme-391d72ab.js';
-import { c as classNames, C as CssInJs } from './css-in-js-a54ceef7.js';
+import { r as registerInstance, h, H as Host } from './index-ee7c5abb.js';
+import './theme-14c69f4f.js';
+import { c as classNames, C as CssInJs } from './css-in-js-1363da0b.js';
 
@@ -5,0 +5,0 @@ const styles = {

dist/scale-components/scale-link.system.entry.js

@@ -1,2 +0,2 @@
-System.register(['./index-c88b4262.system.js', './theme-50191b9f.system.js', './css-in-js-f3fe0497.system.js'], function (exports) {
+System.register(['./index-b3d5263f.system.js', './theme-1ccfaf57.system.js', './css-in-js-8262c00e.system.js'], function (exports) {
     'use strict';
@@ -3,0 +3,0 @@ var registerInstance, h, Host, classNames, CssInJs;

dist/scale-components/scale-modal.entry.js

@@ -1,4 +0,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-93061c9f.js';
-import './theme-391d72ab.js';
-import { c as classNames, C as CssInJs } from './css-in-js-a54ceef7.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-ee7c5abb.js';
+import './theme-14c69f4f.js';
+import { c as classNames, C as CssInJs } from './css-in-js-1363da0b.js';
 
@@ -5,0 +5,0 @@ const styles = {

dist/scale-components/scale-modal.system.entry.js

@@ -37,3 +37,3 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
 };
-System.register(['./index-c88b4262.system.js', './theme-50191b9f.system.js', './css-in-js-f3fe0497.system.js'], function (exports) {
+System.register(['./index-b3d5263f.system.js', './theme-1ccfaf57.system.js', './css-in-js-8262c00e.system.js'], function (exports) {
     'use strict';
@@ -40,0 +40,0 @@ var registerInstance, h, Host, getElement, classNames, CssInJs;

dist/scale-components/scale-progress-bar.entry.js

@@ -1,4 +0,4 @@
-import { r as registerInstance, h, H as Host } from './index-93061c9f.js';
-import './theme-391d72ab.js';
-import { c as classNames, C as CssInJs } from './css-in-js-a54ceef7.js';
+import { r as registerInstance, h, H as Host } from './index-ee7c5abb.js';
+import './theme-14c69f4f.js';
+import { c as classNames, C as CssInJs } from './css-in-js-1363da0b.js';
 
@@ -5,0 +5,0 @@ const styles = {

dist/scale-components/scale-progress-bar.system.entry.js

@@ -1,2 +0,2 @@
-System.register(['./index-c88b4262.system.js', './theme-50191b9f.system.js', './css-in-js-f3fe0497.system.js'], function (exports) {
+System.register(['./index-b3d5263f.system.js', './theme-1ccfaf57.system.js', './css-in-js-8262c00e.system.js'], function (exports) {
     'use strict';
@@ -3,0 +3,0 @@ var registerInstance, h, Host, classNames, CssInJs;

dist/scale-components/scale-slider.entry.js

@@ -1,4 +0,4 @@
-import { r as registerInstance, h, H as Host } from './index-93061c9f.js';
-import './theme-391d72ab.js';
-import { c as classNames, C as CssInJs } from './css-in-js-a54ceef7.js';
+import { r as registerInstance, h, H as Host } from './index-ee7c5abb.js';
+import './theme-14c69f4f.js';
+import { c as classNames, C as CssInJs } from './css-in-js-1363da0b.js';
 
@@ -5,0 +5,0 @@ const sliderKnob = {

dist/scale-components/scale-slider.system.entry.js

@@ -1,2 +0,2 @@
-System.register(['./index-c88b4262.system.js', './theme-50191b9f.system.js', './css-in-js-f3fe0497.system.js'], function (exports) {
+System.register(['./index-b3d5263f.system.js', './theme-1ccfaf57.system.js', './css-in-js-8262c00e.system.js'], function (exports) {
     'use strict';
@@ -3,0 +3,0 @@ var registerInstance, h, Host, classNames, CssInJs;

dist/scale-components/scale-switch.entry.js

@@ -1,4 +0,4 @@
-import { r as registerInstance, h, H as Host } from './index-93061c9f.js';
-import './theme-391d72ab.js';
-import { c as classNames, C as CssInJs } from './css-in-js-a54ceef7.js';
+import { r as registerInstance, h, H as Host } from './index-ee7c5abb.js';
+import './theme-14c69f4f.js';
+import { c as classNames, C as CssInJs } from './css-in-js-1363da0b.js';
 
@@ -5,0 +5,0 @@ const styles = {

dist/scale-components/scale-switch.system.entry.js

@@ -1,2 +0,2 @@
-System.register(['./index-c88b4262.system.js', './theme-50191b9f.system.js', './css-in-js-f3fe0497.system.js'], function (exports) {
+System.register(['./index-b3d5263f.system.js', './theme-1ccfaf57.system.js', './css-in-js-8262c00e.system.js'], function (exports) {
     'use strict';
@@ -3,0 +3,0 @@ var registerInstance, h, Host, classNames, CssInJs;

dist/scale-components/scale-tag.entry.js

@@ -1,4 +0,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-93061c9f.js';
-import { l as defaultTheme } from './theme-391d72ab.js';
-import { c as classNames, C as CssInJs } from './css-in-js-a54ceef7.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-ee7c5abb.js';
+import { l as defaultTheme } from './theme-14c69f4f.js';
+import { c as classNames, C as CssInJs } from './css-in-js-1363da0b.js';
 
@@ -116,3 +116,5 @@ const tagVariant = (variant) => ({
             : {};
-        const theme = window.scale && window.scale.theme;
+        const theme = typeof window !== 'undefined' &&
+            window.scale &&
+            window.scale.theme;
         const { icons } = theme || defaultTheme;
@@ -119,0 +121,0 @@ return (h(Host, null, h("style", null, this.stylesheet.toString()), h(Element, Object.assign({ class: this.getCssClassMap() }, linkProps), h("slot", null), this.dismissable && (h("scale-icon", Object.assign({ size: 16, path: icons.close }, iconProps))))));

dist/scale-components/scale-tag.system.entry.js

@@ -1,2 +0,2 @@
-System.register(['./index-c88b4262.system.js', './theme-50191b9f.system.js', './css-in-js-f3fe0497.system.js'], function (exports) {
+System.register(['./index-b3d5263f.system.js', './theme-1ccfaf57.system.js', './css-in-js-8262c00e.system.js'], function (exports) {
     'use strict';
@@ -161,3 +161,5 @@ var registerInstance, createEvent, h, Host, defaultTheme, classNames, CssInJs;
                         : {};
-                    var theme = window.scale && window.scale.theme;
+                    var theme = typeof window !== 'undefined' &&
+                        window.scale &&
+                        window.scale.theme;
                     var icons = (theme || defaultTheme).icons;
@@ -164,0 +166,0 @@ return (h(Host, null, h("style", null, this.stylesheet.toString()), h(Element, Object.assign({ class: this.getCssClassMap() }, linkProps), h("slot", null), this.dismissable && (h("scale-icon", Object.assign({ size: 16, path: icons.close }, iconProps))))));

dist/scale-components/scale-text.entry.js

@@ -1,4 +0,4 @@
-import { r as registerInstance, h, H as Host } from './index-93061c9f.js';
-import { g as getTheme } from './theme-391d72ab.js';
-import { c as classNames, C as CssInJs } from './css-in-js-a54ceef7.js';
+import { r as registerInstance, h, H as Host } from './index-ee7c5abb.js';
+import { g as getTheme } from './theme-14c69f4f.js';
+import { c as classNames, C as CssInJs } from './css-in-js-1363da0b.js';
 
@@ -5,0 +5,0 @@ const styles = {

dist/scale-components/scale-text.system.entry.js

@@ -1,2 +0,2 @@
-System.register(['./index-c88b4262.system.js', './theme-50191b9f.system.js', './css-in-js-f3fe0497.system.js'], function (exports) {
+System.register(['./index-b3d5263f.system.js', './theme-1ccfaf57.system.js', './css-in-js-8262c00e.system.js'], function (exports) {
     'use strict';
@@ -3,0 +3,0 @@ var registerInstance, h, Host, getTheme, classNames, CssInJs;

dist/theme.d.ts

 export * from './theme/theme';

dist/theme.esm.d.ts

 export * from './theme/theme';

dist/theme.iife.d.ts

 export * from './theme/theme';

dist/theme/defaultTheme.d.ts

 import { Theme } from './interfaces';
 export declare const defaultTheme: Theme;

dist/theme/helpers.d.ts

 import { Theme } from '../theme/interfaces';
 export declare const getTransition: ({ transitions }: Theme, selectors: string, duration: string, easing: string) => string;

dist/theme/interfaces.d.ts

@@ -0,0 +0,0 @@ export interface Theme {

dist/theme/theme.d.ts

@@ -0,2 +1,3 @@
+export declare const THEME_MAGIC_STRING = "\u0295\u2022\u1D25\u2022\u0294 theme store magic placeholder \u0295\u2022\u1D25\u2022\u0294";
 export declare const getTheme: (overrides?: Partial<any>) => any;
-export declare const useTheme: (overrides?: any) => void;
+export declare const useTheme: (overrides?: any) => any;

dist/types/components.d.ts

@@ -388,2 +388,4 @@ /* eslint-disable */
     }
+    interface ScaleSsrSlotFix {
+    }
     interface ScaleSwitch {
@@ -583,2 +585,8 @@ /**
     };
+    interface HTMLScaleSsrSlotFixElement extends Components.ScaleSsrSlotFix, HTMLStencilElement {
+    }
+    var HTMLScaleSsrSlotFixElement: {
+        prototype: HTMLScaleSsrSlotFixElement;
+        new (): HTMLScaleSsrSlotFixElement;
+    };
     interface HTMLScaleSwitchElement extends Components.ScaleSwitch, HTMLStencilElement {
@@ -621,2 +629,3 @@ }
         "scale-slider": HTMLScaleSliderElement;
+        "scale-ssr-slot-fix": HTMLScaleSsrSlotFixElement;
         "scale-switch": HTMLScaleSwitchElement;
@@ -994,2 +1003,4 @@ "scale-tag": HTMLScaleTagElement;
     }
+    interface ScaleSsrSlotFix {
+    }
     interface ScaleSwitch {
@@ -1125,2 +1136,3 @@ /**
         "scale-slider": ScaleSlider;
+        "scale-ssr-slot-fix": ScaleSsrSlotFix;
         "scale-switch": ScaleSwitch;
@@ -1148,2 +1160,3 @@ "scale-tag": ScaleTag;
             "scale-slider": LocalJSX.ScaleSlider & JSXBase.HTMLAttributes<HTMLScaleSliderElement>;
+            "scale-ssr-slot-fix": LocalJSX.ScaleSsrSlotFix & JSXBase.HTMLAttributes<HTMLScaleSsrSlotFixElement>;
             "scale-switch": LocalJSX.ScaleSwitch & JSXBase.HTMLAttributes<HTMLScaleSwitchElement>;
@@ -1150,0 +1163,0 @@ "scale-tag": LocalJSX.ScaleTag & JSXBase.HTMLAttributes<HTMLScaleTagElement>;

dist/types/theme/theme.d.ts

@@ -0,2 +1,3 @@
+export declare const THEME_MAGIC_STRING = "\u0295\u2022\u1D25\u2022\u0294 theme store magic placeholder \u0295\u2022\u1D25\u2022\u0294";
 export declare const getTheme: (overrides?: Partial<any>) => any;
-export declare const useTheme: (overrides?: any) => void;
+export declare const useTheme: (overrides?: any) => any;

package.json

 {
   "name": "@scaleds/components",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "Scale Components",
@@ -15,3 +15,4 @@ "main": "dist/index.js",
     "dist/",
-    "loader/"
+    "loader/",
+    "hydrate/"
   ],
@@ -35,2 +36,3 @@ "scripts": {
   "devDependencies": {
+    "@nowseemee/stencil-react-output-target": "^0.0.8",
     "@rollup/plugin-commonjs": "^11.0.2",
@@ -40,3 +42,2 @@ "@rollup/plugin-node-resolve": "^7.1.1",
     "@stencil/core": "1.12.0",
-    "@stencil/react-output-target": "^0.0.6",
     "@types/classnames": "^2.2.8",
@@ -43,0 +44,0 @@ "@types/jest": "24.9.1",

readme.md

@@ -87,3 +87,3 @@ # Scale Components
 import React from 'react';
-import { ScaleButton } from '@scaleds/scale-react';
+import { ScaleButton } from '@scaleds/components-react';
 
@@ -90,0 +90,0 @@ const { colors } = require('@scaleds/components/dist/theme').getTheme()

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Dynamic require

Supply chain risk

Dynamic require can indicate the package is performing dangerous or unsafe dynamic code execution.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

6913084

increased by13.26%

Number of package files

263

increased by4.78%

Lines of code

164684

increased by13.28%

Worsened metrics

Number of low supply chain risk alerts

3

increased by50%

Number of medium supply chain risk alerts

30

increased by11.11%

No dependency changes