@duetds/components - npm Package Compare versions

Comparing version 0.0.1-alpha.51 to 1.0.0

lib/cjs/duet-card.cjs.entry.js

@@ -5,4 +5,4 @@ 'use strict';
 
-const __chunk_1 = require('./chunk-bc3c0b86.js');
-const __chunk_2 = require('./chunk-6d677a78.js');
+const __chunk_1 = require('./chunk-375dab02.js');
+const __chunk_2 = require('./chunk-70c126fc.js');
 
@@ -23,3 +23,3 @@ class DuetCard {
          */
-        this.theme = "default";
+        this.theme = "";
     }
@@ -31,2 +31,6 @@ /**
     render() {
+        // Check whether global Turva theme is active
+        if (this.theme !== "default" && window.duetTheme === "turva") {
+            this.theme = "turva";
+        }
         // Set constants for card type and classes used.
@@ -46,5 +50,5 @@ const cardClasses = __chunk_2.classNames("duet-card", `${this.padding}`, {
     get element() { return __chunk_1.getElement(this); }
-    static get style() { return ":host {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  background: transparent;\n  border: 0;\n  padding: 0;\n  margin: 0;\n  margin-bottom: 20px;\n  display: -ms-flexbox;\n  display: flex;\n  vertical-align: top;\n  width: 100%;\n}\n\n.duet-card {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  background: transparent;\n  border: 0;\n  padding: 0;\n  margin: 0;\n  padding: 28px;\n  border-radius: 4px;\n  background: white;\n  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07);\n  box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07);\n  display: block;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  width: 100%;\n}\n.duet-card.duet-theme-turva {\n  -webkit-box-shadow: 0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07);\n  box-shadow: 0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07);\n}\n.duet-card.medium {\n  padding: 36px;\n}\n.duet-card.large {\n  padding: 48px;\n}\n\nh2 {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  background: transparent;\n  border: 0;\n  padding: 0;\n  margin: 0;\n  padding: 15px 28px 16px;\n  margin: -28px -28px 20px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n  font-weight: 800;\n  font-size: 1.25rem;\n  border-bottom: 1px solid #e1e3e6;\n  color: #00294d;\n}\n.duet-theme-turva h2 {\n  border-color: #e6e6e6;\n  color: #111111;\n}\n.medium h2 {\n  padding: 19px 36px 20px;\n  margin: -36px -36px 28px;\n}\n.large h2 {\n  padding: 26px 48px 27px;\n  margin: -48px -48px 36px;\n}"; }
+    static get style() { return ":host{background:transparent;padding:0;margin:0;margin-bottom:20px;display:-ms-flexbox;display:flex;vertical-align:top}.duet-card,:host{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;border:0;width:100%}.duet-card{background:transparent;padding:0;margin:0;padding:28px;border-radius:4px;background:#fff;-webkit-box-shadow:0 2px 6px 0 rgba(0,41,77,.07),0 -1px 0 0 rgba(0,0,0,.09),-1px 0 0 0 rgba(0,0,0,.07),1px 0 0 0 rgba(0,0,0,.07),0 1px 0 0 rgba(0,0,0,.07);box-shadow:0 2px 6px 0 rgba(0,41,77,.07),0 -1px 0 0 rgba(0,0,0,.09),-1px 0 0 0 rgba(0,0,0,.07),1px 0 0 0 rgba(0,0,0,.07),0 1px 0 0 rgba(0,0,0,.07);display:block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.duet-card.duet-theme-turva{-webkit-box-shadow:0 2px 6px 0 hsla(0,0%,45.9%,.13),0 -1px 0 0 rgba(0,0,0,.09),-1px 0 0 0 rgba(0,0,0,.07),1px 0 0 0 rgba(0,0,0,.07),0 1px 0 0 rgba(0,0,0,.07);box-shadow:0 2px 6px 0 hsla(0,0%,45.9%,.13),0 -1px 0 0 rgba(0,0,0,.09),-1px 0 0 0 rgba(0,0,0,.07),1px 0 0 0 rgba(0,0,0,.07),0 1px 0 0 rgba(0,0,0,.07)}.duet-card.medium{padding:36px}.duet-card.large{padding:48px}h2{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;border:0;padding:0;margin:0;padding:15px 28px 16px;margin:-28px -28px 20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:localtapiola-sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-weight:800;font-size:1.25rem;border-bottom:1px solid #e1e3e6;color:#00294d}.duet-theme-turva h2{border-color:#e6e6e6;color:#111}.medium h2{padding:19px 36px 20px;margin:-36px -36px 28px}.large h2{padding:26px 48px 27px;margin:-48px -48px 36px}"; }
 }
 
 exports.duet_card = DuetCard;

lib/cjs/duet-grid-cell.cjs.entry.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const __chunk_1 = require('./chunk-bc3c0b86.js');
+const __chunk_1 = require('./chunk-375dab02.js');
 
@@ -20,5 +20,5 @@ class DuetGridCell {
     get element() { return __chunk_1.getElement(this); }
-    static get style() { return ":host {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  background: transparent;\n  border: 0;\n  padding: 0;\n  margin: 0;\n}"; }
+    static get style() { return ":host{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;border:0;padding:0;margin:0}"; }
 }
 
 exports.duet_grid_cell = DuetGridCell;

lib/cjs/duet-grid.cjs.entry.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const __chunk_1 = require('./chunk-bc3c0b86.js');
+const __chunk_1 = require('./chunk-375dab02.js');
 
@@ -20,5 +20,5 @@ class DuetGrid {
     get element() { return __chunk_1.getElement(this); }
-    static get style() { return ":host {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  background: transparent;\n  border: 0;\n  padding: 0;\n  margin: 0;\n  margin-bottom: 20px;\n  display: -ms-flexbox;\n  display: flex;\n  vertical-align: top;\n  width: 100%;\n}\n\n.duet-grid {\n  display: grid;\n  grid-template-columns: calc(33.333% - 20px) calc(33.333% - 20px) calc( 33.333% - 20px );\n  grid-column-gap: 20px;\n  grid-row-gap: 0;\n  width: 100%;\n}"; }
+    static get style() { return ":host{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;border:0;padding:0;margin:0;margin-bottom:20px;display:-ms-flexbox;display:flex;vertical-align:top;width:100%}.duet-grid{display:grid;grid-template-columns:calc(33.333% - 20px) calc(33.333% - 20px) calc(33.333% - 20px);grid-column-gap:20px;grid-row-gap:0;width:100%}"; }
 }
 
 exports.duet_grid = DuetGrid;

lib/cjs/duet-input.cjs.entry.js

@@ -5,4 +5,4 @@ 'use strict';
 
-const __chunk_1 = require('./chunk-bc3c0b86.js');
-const __chunk_2 = require('./chunk-6d677a78.js');
+const __chunk_1 = require('./chunk-375dab02.js');
+const __chunk_2 = require('./chunk-70c126fc.js');
 const __chunk_3 = require('./chunk-ed4aae81.js');
@@ -16,3 +16,3 @@
          */
-        this.theme = "default";
+        this.theme = "";
         /**
@@ -100,2 +100,6 @@ * Expands the input to fill 100% of the container width.
     render() {
+        // Check whether global Turva theme is active
+        if (this.theme !== "default" && window.duetTheme === "turva") {
+            this.theme = "turva";
+        }
         // If user wants expanded component, add necessary classes
@@ -123,5 +127,5 @@ if (this.expand) {
     get element() { return __chunk_1.getElement(this); }
-    static get style() { return ":host {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  background: transparent;\n  border: 0;\n  padding: 0;\n  margin: 0;\n  margin-right: 8px;\n  margin-bottom: 12px;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  vertical-align: bottom;\n  max-width: 100%;\n}\n\n.duet-label {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  background: transparent;\n  border: 0;\n  padding: 0;\n  margin: 0;\n  margin-bottom: 8px;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n  font-size: 1rem;\n  background: white;\n  color: #00294d;\n  font-weight: 600;\n  line-height: 1.25;\n  -webkit-transition: 300ms ease;\n  transition: 300ms ease;\n  z-index: 100;\n  width: 100%;\n  cursor: pointer;\n  position: relative;\n  display: block;\n}\n.duet-label-hidden .duet-label {\n  border: 0;\n  clip: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n}\n\n.duet-input-icon {\n  pointer-events: none;\n  z-index: 200;\n  width: 20px;\n  height: 20px;\n  color: #00294d;\n  position: absolute;\n  bottom: 16px;\n  right: 16px;\n}\n.duet-theme-turva .duet-input-icon {\n  color: #c60c30;\n}\n\n.duet-input {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  background: transparent;\n  border: 0;\n  padding: 0;\n  margin: 0;\n  padding: 13.5px;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n  border: 2px solid #cfd2d4;\n  border-radius: 4px;\n  font-size: 1rem;\n  background: white;\n  color: #00294d;\n  font-weight: 400;\n  line-height: 1.25;\n  -webkit-transition: 300ms ease;\n  transition: 300ms ease;\n  z-index: 100;\n  min-width: 13.75rem;\n  width: 100%;\n  position: relative;\n  display: block;\n}\n.has-icon .duet-input {\n  padding-right: 48px;\n}\n.duet-theme-turva .duet-input {\n  font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n  border-color: #d1d1d1;\n  color: #111111;\n}\n.duet-input-container {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  background: transparent;\n  border: 0;\n  padding: 0;\n  margin: 0;\n  position: relative;\n  width: 100%;\n  height: 100%;\n}\n.duet-input::-webkit-input-placeholder {\n  color: #cfd2d4;\n}\n.duet-theme-turva .duet-input::-webkit-input-placeholder {\n  color: #d1d1d1;\n}\n.duet-input::-moz-placeholder {\n  color: #cfd2d4;\n  opacity: 1 !important;\n}\n.duet-theme-turva .duet-input::-moz-placeholder {\n  color: #d1d1d1;\n}\n.duet-input:-ms-input-placeholder {\n  color: #cfd2d4;\n}\n.duet-theme-turva .duet-input:-ms-input-placeholder {\n  color: #d1d1d1;\n}\n.duet-input[disabled], .duet-input.disabled {\n  cursor: not-allowed !important;\n  border-color: #f5f8fa !important;\n  background: #f5f8fa !important;\n  color: #657787 !important;\n}\n.duet-input:hover {\n  border-color: #657787;\n}\n.duet-theme-turva .duet-input:hover {\n  border-color: #757575;\n}\n.duet-input:focus {\n  border-color: #0077b3;\n  outline: 0;\n}\n.duet-theme-turva .duet-input:focus {\n  border-color: #111111;\n}\n.duet-input:not(:placeholder-shown):focus:required:invalid {\n  border-color: #de2362;\n}\n.duet-theme-turva .duet-input:not(:placeholder-shown):focus:required:invalid {\n  border-color: #e02a0d;\n}\n.duet-input:focus:required:valid {\n  border-color: #0077b3;\n}\n.duet-theme-turva .duet-input:focus:required:valid {\n  border-color: #111111;\n}\n.duet-input[type=number]::-webkit-inner-spin-button, .duet-input[type=number]::-webkit-outer-spin-button, .duet-input[type=time]::-webkit-inner-spin-button, .duet-input[type=time]::-webkit-outer-spin-button {\n  -webkit-appearance: none;\n  display: none;\n  margin: 0;\n}"; }
+    static get style() { return ":host{background:transparent;margin:0;margin-right:8px;margin-bottom:12px;display:-ms-inline-flexbox;display:inline-flex;vertical-align:bottom;max-width:100%}.duet-label,:host{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;border:0;padding:0}.duet-label{background:transparent;margin:0;margin-bottom:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:localtapiola-sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:1rem;background:#fff;color:#00294d;font-weight:600;line-height:1.25;-webkit-transition:.3s ease;transition:.3s ease;z-index:100;width:100%;cursor:pointer;position:relative;display:block}.duet-label-hidden .duet-label{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.duet-input-icon{pointer-events:none;z-index:200;width:20px;height:20px;color:#00294d;position:absolute;bottom:16px;right:16px}.duet-theme-turva .duet-input-icon{color:#c60c30}.duet-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;border:0;padding:0;margin:0;padding:13.5px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:localtapiola-sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;border:2px solid #cfd2d4;border-radius:4px;font-size:1rem;background:#fff;color:#00294d;font-weight:400;line-height:1.25;-webkit-transition:.3s ease;transition:.3s ease;z-index:100;min-width:13.75rem;width:100%;position:relative;display:block}.has-icon .duet-input{padding-right:48px}.duet-theme-turva .duet-input{font-family:turva-sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;border-color:#d1d1d1;color:#111}.duet-input-container{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;border:0;padding:0;margin:0;position:relative;width:100%;height:100%}.duet-input::-webkit-input-placeholder{color:#cfd2d4}.duet-theme-turva .duet-input::-webkit-input-placeholder{color:#d1d1d1}.duet-input::-moz-placeholder{color:#cfd2d4;opacity:1!important}.duet-theme-turva .duet-input::-moz-placeholder{color:#d1d1d1}.duet-input:-ms-input-placeholder{color:#cfd2d4}.duet-theme-turva .duet-input:-ms-input-placeholder{color:#d1d1d1}.duet-input.disabled,.duet-input[disabled]{cursor:not-allowed!important;border-color:#f5f8fa!important;background:#f5f8fa!important;color:#657787!important}.duet-input:hover{border-color:#657787}.duet-theme-turva .duet-input:hover{border-color:#757575}.duet-input:focus{border-color:#0077b3;outline:0}.duet-theme-turva .duet-input:focus{border-color:#111}.duet-input:not(:placeholder-shown):focus:required:invalid{border-color:#de2362}.duet-theme-turva .duet-input:not(:placeholder-shown):focus:required:invalid{border-color:#e02a0d}.duet-input:focus:required:valid{border-color:#0077b3}.duet-theme-turva .duet-input:focus:required:valid{border-color:#111}.duet-input[type=number]::-webkit-inner-spin-button,.duet-input[type=number]::-webkit-outer-spin-button,.duet-input[type=time]::-webkit-inner-spin-button,.duet-input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;display:none;margin:0}"; }
 }
 
 exports.duet_input = DuetInput;

lib/cjs/duet-layout.cjs.entry.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const __chunk_1 = require('./chunk-bc3c0b86.js');
+const __chunk_1 = require('./chunk-375dab02.js');
 
@@ -24,5 +24,5 @@ class DuetLayout {
     get element() { return __chunk_1.getElement(this); }
-    static get style() { return ":host {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  background: transparent;\n  border: 0;\n  padding: 0;\n  margin: 0;\n  display: block;\n  margin: 0 auto;\n  max-width: 800px;\n  width: 100%;\n}\n\n.duet-layout {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  background: transparent;\n  border: 0;\n  padding: 0;\n  margin: 0;\n  padding: 36px;\n  padding-top: 48px;\n  padding-bottom: 48px;\n  width: 100%;\n}"; }
+    static get style() { return ":host{padding:0;margin:0;display:block;margin:0 auto;max-width:800px}.duet-layout,:host{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;border:0;width:100%}.duet-layout{padding:0;margin:0;padding:36px;padding-top:48px;padding-bottom:48px}"; }
 }
 
 exports.duet_layout = DuetLayout;

lib/cjs/duet.cjs.js

 'use strict';
 
-const __chunk_1 = require('./chunk-bc3c0b86.js');
+const __chunk_1 = require('./chunk-375dab02.js');
 
 __chunk_1.patchBrowser().then(resourcesUrl => {
-  __chunk_1.globals();
-  return __chunk_1.bootstrapLazy([["duet-button.cjs",[[1,"duet-button",{"accessibleLabel":[1,"accessible-label"],"accessibleControls":[1,"accessible-controls"],"accessibleExpanded":[4,"accessible-expanded"],"accessiblePressed":[4,"accessible-pressed"],"variation":[1],"theme":[1],"expand":[4],"disabled":[4],"identifier":[1],"submit":[4],"external":[4],"icon":[1],"iconRight":[4,"icon-right"],"url":[1]}]]],["duet-card.cjs",[[1,"duet-card",{"cardTitle":[1,"card-title"],"padding":[1],"theme":[1],"url":[1]}]]],["duet-grid.cjs",[[4,"duet-grid"]]],["duet-grid-cell.cjs",[[4,"duet-grid-cell"]]],["duet-header.cjs",[[1,"duet-header",{"theme":[1],"variant":[1],"position":[1]}]]],["duet-heading.cjs",[[1,"duet-heading",{"level":[1],"color":[1],"theme":[1]}]]],["duet-input.cjs",[[1,"duet-input",{"accessibleActiveDescendant":[1,"accessible-active-descendant"],"accessibleAutocomplete":[1,"accessible-autocomplete"],"accessibleControls":[1,"accessible-controls"],"accessibleOwns":[1,"accessible-owns"],"theme":[1],"expand":[4],"disabled":[4],"identifier":[1],"autofocus":[4],"required":[4],"type":[1],"label":[1],"labelHidden":[4,"label-hidden"],"helpText":[1,"help-text"],"maxLength":[2,"max-length"],"minLength":[2,"min-length"],"name":[1],"pattern":[1],"placeholder":[1],"role":[1],"inputSuffix":[1,"input-suffix"],"inputPrefix":[1,"input-prefix"],"spellCheck":[4,"spell-check"],"autoComplete":[1,"auto-complete"],"value":[1537]}]]],["duet-layout.cjs",[[1,"duet-layout",{"variation":[1]}]]],["duet-paragraph.cjs",[[1,"duet-paragraph",{"theme":[1],"color":[1]}]]],["duet-spinner.cjs",[[1,"duet-spinner",{"accessibleLabel":[1,"accessible-label"],"color":[1],"size":[1]}]]]], { resourcesUrl });
+  return __chunk_1.bootstrapLazy([["duet-card.cjs",[[1,"duet-card",{"cardTitle":[1,"card-title"],"padding":[1],"theme":[1],"url":[1]}]]],["duet-grid.cjs",[[4,"duet-grid"]]],["duet-grid-cell.cjs",[[4,"duet-grid-cell"]]],["duet-input.cjs",[[1,"duet-input",{"accessibleActiveDescendant":[1,"accessible-active-descendant"],"accessibleAutocomplete":[1,"accessible-autocomplete"],"accessibleControls":[1,"accessible-controls"],"accessibleOwns":[1,"accessible-owns"],"theme":[1],"expand":[4],"disabled":[4],"identifier":[1],"autofocus":[4],"required":[4],"type":[1],"label":[1],"labelHidden":[4,"label-hidden"],"helpText":[1,"help-text"],"maxLength":[2,"max-length"],"minLength":[2,"min-length"],"name":[1],"pattern":[1],"placeholder":[1],"role":[1],"inputSuffix":[1,"input-suffix"],"inputPrefix":[1,"input-prefix"],"spellCheck":[4,"spell-check"],"autoComplete":[1,"auto-complete"],"value":[1537]}]]],["duet-layout.cjs",[[1,"duet-layout",{"variation":[1]}]]],["duet-button_5.cjs",[[1,"duet-button",{"accessibleLabel":[1,"accessible-label"],"accessibleControls":[1,"accessible-controls"],"accessibleExpanded":[4,"accessible-expanded"],"accessiblePressed":[4,"accessible-pressed"],"variation":[1],"theme":[1],"expand":[4],"disabled":[4],"identifier":[1],"submit":[4],"external":[4],"icon":[1],"iconRight":[4,"icon-right"],"url":[1]}],[1,"duet-header",{"theme":[1],"variant":[1],"position":[1]}],[1,"duet-heading",{"level":[1],"color":[1],"theme":[1]}],[1,"duet-paragraph",{"theme":[1],"color":[1]}],[1,"duet-spinner",{"accessibleLabel":[1,"accessible-label"],"color":[1],"size":[1]}]]]], { resourcesUrl });
 });

lib/cjs/index.cjs.js

 'use strict';
 
-//! Autogenerated index

lib/cjs/loader.cjs.js

@@ -5,8 +5,7 @@ 'use strict';
 
-const __chunk_1 = require('./chunk-bc3c0b86.js');
+const __chunk_1 = require('./chunk-375dab02.js');
 
 const defineCustomElements = (win, options) => {
   return __chunk_1.patchEsm().then(() => {
-    __chunk_1.globals();
-    __chunk_1.bootstrapLazy([["duet-button.cjs",[[1,"duet-button",{"accessibleLabel":[1,"accessible-label"],"accessibleControls":[1,"accessible-controls"],"accessibleExpanded":[4,"accessible-expanded"],"accessiblePressed":[4,"accessible-pressed"],"variation":[1],"theme":[1],"expand":[4],"disabled":[4],"identifier":[1],"submit":[4],"external":[4],"icon":[1],"iconRight":[4,"icon-right"],"url":[1]}]]],["duet-card.cjs",[[1,"duet-card",{"cardTitle":[1,"card-title"],"padding":[1],"theme":[1],"url":[1]}]]],["duet-grid.cjs",[[4,"duet-grid"]]],["duet-grid-cell.cjs",[[4,"duet-grid-cell"]]],["duet-header.cjs",[[1,"duet-header",{"theme":[1],"variant":[1],"position":[1]}]]],["duet-heading.cjs",[[1,"duet-heading",{"level":[1],"color":[1],"theme":[1]}]]],["duet-input.cjs",[[1,"duet-input",{"accessibleActiveDescendant":[1,"accessible-active-descendant"],"accessibleAutocomplete":[1,"accessible-autocomplete"],"accessibleControls":[1,"accessible-controls"],"accessibleOwns":[1,"accessible-owns"],"theme":[1],"expand":[4],"disabled":[4],"identifier":[1],"autofocus":[4],"required":[4],"type":[1],"label":[1],"labelHidden":[4,"label-hidden"],"helpText":[1,"help-text"],"maxLength":[2,"max-length"],"minLength":[2,"min-length"],"name":[1],"pattern":[1],"placeholder":[1],"role":[1],"inputSuffix":[1,"input-suffix"],"inputPrefix":[1,"input-prefix"],"spellCheck":[4,"spell-check"],"autoComplete":[1,"auto-complete"],"value":[1537]}]]],["duet-layout.cjs",[[1,"duet-layout",{"variation":[1]}]]],["duet-paragraph.cjs",[[1,"duet-paragraph",{"theme":[1],"color":[1]}]]],["duet-spinner.cjs",[[1,"duet-spinner",{"accessibleLabel":[1,"accessible-label"],"color":[1],"size":[1]}]]]], options);
+    __chunk_1.bootstrapLazy([["duet-card.cjs",[[1,"duet-card",{"cardTitle":[1,"card-title"],"padding":[1],"theme":[1],"url":[1]}]]],["duet-grid.cjs",[[4,"duet-grid"]]],["duet-grid-cell.cjs",[[4,"duet-grid-cell"]]],["duet-input.cjs",[[1,"duet-input",{"accessibleActiveDescendant":[1,"accessible-active-descendant"],"accessibleAutocomplete":[1,"accessible-autocomplete"],"accessibleControls":[1,"accessible-controls"],"accessibleOwns":[1,"accessible-owns"],"theme":[1],"expand":[4],"disabled":[4],"identifier":[1],"autofocus":[4],"required":[4],"type":[1],"label":[1],"labelHidden":[4,"label-hidden"],"helpText":[1,"help-text"],"maxLength":[2,"max-length"],"minLength":[2,"min-length"],"name":[1],"pattern":[1],"placeholder":[1],"role":[1],"inputSuffix":[1,"input-suffix"],"inputPrefix":[1,"input-prefix"],"spellCheck":[4,"spell-check"],"autoComplete":[1,"auto-complete"],"value":[1537]}]]],["duet-layout.cjs",[[1,"duet-layout",{"variation":[1]}]]],["duet-button_5.cjs",[[1,"duet-button",{"accessibleLabel":[1,"accessible-label"],"accessibleControls":[1,"accessible-controls"],"accessibleExpanded":[4,"accessible-expanded"],"accessiblePressed":[4,"accessible-pressed"],"variation":[1],"theme":[1],"expand":[4],"disabled":[4],"identifier":[1],"submit":[4],"external":[4],"icon":[1],"iconRight":[4,"icon-right"],"url":[1]}],[1,"duet-header",{"theme":[1],"variant":[1],"position":[1]}],[1,"duet-heading",{"level":[1],"color":[1],"theme":[1]}],[1,"duet-paragraph",{"theme":[1],"color":[1]}],[1,"duet-spinner",{"accessibleLabel":[1,"accessible-label"],"color":[1],"size":[1]}]]]], options);
   });
@@ -13,0 +12,0 @@ };

lib/collection/collection-manifest.json

 {
   "entries": [
+    "components/duet-grid-cell/duet-grid-cell.js",
+    "components/duet-grid/duet-grid.js",
+    "components/duet-layout/duet-layout.js",
+    "components/duet-paragraph/duet-paragraph.js",
+    "components/duet-spinner/duet-spinner.js",
     "components/duet-card/duet-card.js",
-    "components/duet-grid/duet-grid.js",
+    "components/duet-heading/duet-heading.js",
     "components/duet-button/duet-button.js",
-    "components/duet-grid-cell/duet-grid-cell.js",
-    "components/duet-paragraph/duet-paragraph.js",
     "components/duet-input/duet-input.js",
-    "components/duet-heading/duet-heading.js",
-    "components/duet-layout/duet-layout.js",
-    "components/duet-spinner/duet-spinner.js",
     "components/duet-header/duet-header.js"
@@ -16,3 +16,3 @@ ],
     "name": "@stencil/core",
-    "version": "1.0.4",
+    "version": "1.0.6",
     "typescriptVersion": "3.5.2"
@@ -19,0 +19,0 @@ },

lib/collection/components/duet-button/duet-button.js

@@ -21,3 +21,3 @@ import { h } from "@stencil/core";
          */
-        this.theme = "default";
+        this.theme = "";
         /**
@@ -80,2 +80,6 @@ * Expands the button to fill 100% of the container width.
     render() {
+        // Check whether global Turva theme is active
+        if (this.theme !== "default" && window.duetTheme === "turva") {
+            this.theme = "turva";
+        }
         // If user wants expanded component, add necessary classes
@@ -100,3 +104,3 @@ if (this.expand) {
         return (h("div", { class: containerClasses },
-            h(TagName, { type: type, href: this.url, class: buttonClasses, target: this.external ? "_blank" : "_self", "aria-controls": this.accessibleControls, "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded, "aria-pressed": this.accessiblePressed, onClick: e => this.handleClick(e), onBlur: e => this.handleBlur(e), onFocus: e => this.handleFocus(e), id: this.identifier },
+            h(TagName, { type: type, href: this.url, class: buttonClasses, target: this.external ? "_blank" : "_self", "aria-controls": this.accessibleControls, "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded, "aria-pressed": this.accessiblePressed, onClick: e => this.handleClick(e), onBlur: e => this.handleBlur(e), onFocus: e => this.handleFocus(e), disabled: this.disabled, id: this.identifier },
                 h("span", { class: "duet-button-contents" },
@@ -220,3 +224,3 @@ this.icon !== "" ? h("span", { class: iconClasses, innerHTML: duetIcons[this.icon].svg }) : "",
             "reflect": false,
-            "defaultValue": "\"default\""
+            "defaultValue": "\"\""
         },
@@ -223,0 +227,0 @@ "expand": {

lib/collection/components/duet-card/duet-card.js

@@ -16,3 +16,3 @@ import { h } from "@stencil/core";
          */
-        this.theme = "default";
+        this.theme = "";
     }
@@ -24,2 +24,6 @@ /**
     render() {
+        // Check whether global Turva theme is active
+        if (this.theme !== "default" && window.duetTheme === "turva") {
+            this.theme = "turva";
+        }
         // Set constants for card type and classes used.
@@ -103,3 +107,3 @@ const cardClasses = classNames("duet-card", `${this.padding}`, {
             "reflect": false,
-            "defaultValue": "\"default\""
+            "defaultValue": "\"\""
         },
@@ -106,0 +110,0 @@ "url": {

lib/collection/components/duet-header/duet-header.js

@@ -10,3 +10,3 @@ import { h } from "@stencil/core";
          */
-        this.theme = "default";
+        this.theme = "";
         /**
@@ -168,2 +168,6 @@ * Show public or private style variant. Can be one of: public, private.
     render() {
+        // Check whether global Turva theme is active
+        if (this.theme !== "default" && window.duetTheme === "turva") {
+            this.theme = "turva";
+        }
         // Set constants for card type and classes used.
@@ -276,3 +280,3 @@ const headerClasses = classNames("duet-header", {
             "reflect": false,
-            "defaultValue": "\"default\""
+            "defaultValue": "\"\""
         },
@@ -279,0 +283,0 @@ "variant": {

lib/collection/components/duet-heading/duet-heading.js

@@ -16,3 +16,3 @@ import { h } from "@stencil/core";
          */
-        this.theme = "default";
+        this.theme = "";
     }
@@ -24,2 +24,6 @@ /**
     render() {
+        // Check whether global Turva theme is active
+        if (this.theme !== "default" && window.duetTheme === "turva") {
+            this.theme = "turva";
+        }
         // Set constants for heading type and classes used.
@@ -118,3 +122,3 @@ const headingClasses = classNames("duet-heading", `${this.level}`, {
             "reflect": false,
-            "defaultValue": "\"default\""
+            "defaultValue": "\"\""
         }
@@ -121,0 +125,0 @@ }; }

lib/collection/components/duet-input/duet-input.js

@@ -9,3 +9,3 @@ import { h } from "@stencil/core";
          */
-        this.theme = "default";
+        this.theme = "";
         /**
@@ -89,2 +89,6 @@ * Expands the input to fill 100% of the container width.
     render() {
+        // Check whether global Turva theme is active
+        if (this.theme !== "default" && window.duetTheme === "turva") {
+            this.theme = "turva";
+        }
         // If user wants expanded component, add necessary classes
@@ -208,3 +212,3 @@ if (this.expand) {
             "reflect": false,
-            "defaultValue": "\"default\""
+            "defaultValue": "\"\""
         },
@@ -211,0 +215,0 @@ "expand": {

lib/collection/components/duet-paragraph/duet-paragraph.js

@@ -8,3 +8,3 @@ import { h } from "@stencil/core";
          */
-        this.theme = "default";
+        this.theme = "";
         /**
@@ -20,2 +20,6 @@ * Custom color for the paragraph.
     render() {
+        // Check whether global Turva theme is active
+        if (this.theme !== "default" && window.duetTheme === "turva") {
+            this.theme = "turva";
+        }
         // Set constants for heading type and classes used.
@@ -56,3 +60,3 @@ const paragraphClasses = classNames("duet-paragraph", {
             "reflect": false,
-            "defaultValue": "\"default\""
+            "defaultValue": "\"\""
         },
@@ -59,0 +63,0 @@ "color": {

lib/duet/duet.esm.js

@@ -1,6 +0,1 @@
-import { p as patchBrowser, g as globals, b as bootstrapLazy } from './chunk-294ebb45.js';
-
-patchBrowser().then(resourcesUrl => {
-  globals();
-  return bootstrapLazy([["duet-button",[[1,"duet-button",{"accessibleLabel":[1,"accessible-label"],"accessibleControls":[1,"accessible-controls"],"accessibleExpanded":[4,"accessible-expanded"],"accessiblePressed":[4,"accessible-pressed"],"variation":[1],"theme":[1],"expand":[4],"disabled":[4],"identifier":[1],"submit":[4],"external":[4],"icon":[1],"iconRight":[4,"icon-right"],"url":[1]}]]],["duet-card",[[1,"duet-card",{"cardTitle":[1,"card-title"],"padding":[1],"theme":[1],"url":[1]}]]],["duet-grid",[[4,"duet-grid"]]],["duet-grid-cell",[[4,"duet-grid-cell"]]],["duet-header",[[1,"duet-header",{"theme":[1],"variant":[1],"position":[1]}]]],["duet-heading",[[1,"duet-heading",{"level":[1],"color":[1],"theme":[1]}]]],["duet-input",[[1,"duet-input",{"accessibleActiveDescendant":[1,"accessible-active-descendant"],"accessibleAutocomplete":[1,"accessible-autocomplete"],"accessibleControls":[1,"accessible-controls"],"accessibleOwns":[1,"accessible-owns"],"theme":[1],"expand":[4],"disabled":[4],"identifier":[1],"autofocus":[4],"required":[4],"type":[1],"label":[1],"labelHidden":[4,"label-hidden"],"helpText":[1,"help-text"],"maxLength":[2,"max-length"],"minLength":[2,"min-length"],"name":[1],"pattern":[1],"placeholder":[1],"role":[1],"inputSuffix":[1,"input-suffix"],"inputPrefix":[1,"input-prefix"],"spellCheck":[4,"spell-check"],"autoComplete":[1,"auto-complete"],"value":[1537]}]]],["duet-layout",[[1,"duet-layout",{"variation":[1]}]]],["duet-paragraph",[[1,"duet-paragraph",{"theme":[1],"color":[1]}]]],["duet-spinner",[[1,"duet-spinner",{"accessibleLabel":[1,"accessible-label"],"color":[1],"size":[1]}]]]], { resourcesUrl });
-});
+import{p as e,b as i}from"./p-238a4a2f.js";e().then(e=>i([["p-c1keov5o",[[1,"duet-card",{cardTitle:[1,"card-title"],padding:[1],theme:[1],url:[1]}]]],["p-dvzmokcc",[[4,"duet-grid"]]],["p-ka1kpg9l",[[4,"duet-grid-cell"]]],["p-txumd0is",[[1,"duet-input",{accessibleActiveDescendant:[1,"accessible-active-descendant"],accessibleAutocomplete:[1,"accessible-autocomplete"],accessibleControls:[1,"accessible-controls"],accessibleOwns:[1,"accessible-owns"],theme:[1],expand:[4],disabled:[4],identifier:[1],autofocus:[4],required:[4],type:[1],label:[1],labelHidden:[4,"label-hidden"],helpText:[1,"help-text"],maxLength:[2,"max-length"],minLength:[2,"min-length"],name:[1],pattern:[1],placeholder:[1],role:[1],inputSuffix:[1,"input-suffix"],inputPrefix:[1,"input-prefix"],spellCheck:[4,"spell-check"],autoComplete:[1,"auto-complete"],value:[1537]}]]],["p-qkgh9xie",[[1,"duet-layout",{variation:[1]}]]],["p-ijhdzwn9",[[1,"duet-button",{accessibleLabel:[1,"accessible-label"],accessibleControls:[1,"accessible-controls"],accessibleExpanded:[4,"accessible-expanded"],accessiblePressed:[4,"accessible-pressed"],variation:[1],theme:[1],expand:[4],disabled:[4],identifier:[1],submit:[4],external:[4],icon:[1],iconRight:[4,"icon-right"],url:[1]}],[1,"duet-header",{theme:[1],variant:[1],position:[1]}],[1,"duet-heading",{level:[1],color:[1],theme:[1]}],[1,"duet-paragraph",{theme:[1],color:[1]}],[1,"duet-spinner",{accessibleLabel:[1,"accessible-label"],color:[1],size:[1]}]]]],{resourcesUrl:e}));

lib/esm/duet-card.entry.js

@@ -1,3 +0,3 @@
-import { r as registerInstance, h, d as getElement } from './chunk-51017e1c.js';
-import { c as classNames } from './chunk-b4bc4d1f.js';
+import { r as registerInstance, h, g as getElement } from './chunk-4de98b60.js';
+import { c as classNames } from './chunk-03097515.js';
 
@@ -18,3 +18,3 @@ class DuetCard {
          */
-        this.theme = "default";
+        this.theme = "";
     }
@@ -26,2 +26,6 @@ /**
     render() {
+        // Check whether global Turva theme is active
+        if (this.theme !== "default" && window.duetTheme === "turva") {
+            this.theme = "turva";
+        }
         // Set constants for card type and classes used.
@@ -41,5 +45,5 @@ const cardClasses = classNames("duet-card", `${this.padding}`, {
     get element() { return getElement(this); }
-    static get style() { return ":host {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  background: transparent;\n  border: 0;\n  padding: 0;\n  margin: 0;\n  margin-bottom: 20px;\n  display: -ms-flexbox;\n  display: flex;\n  vertical-align: top;\n  width: 100%;\n}\n\n.duet-card {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  background: transparent;\n  border: 0;\n  padding: 0;\n  margin: 0;\n  padding: 28px;\n  border-radius: 4px;\n  background: white;\n  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07);\n  box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07);\n  display: block;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  width: 100%;\n}\n.duet-card.duet-theme-turva {\n  -webkit-box-shadow: 0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07);\n  box-shadow: 0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07);\n}\n.duet-card.medium {\n  padding: 36px;\n}\n.duet-card.large {\n  padding: 48px;\n}\n\nh2 {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  background: transparent;\n  border: 0;\n  padding: 0;\n  margin: 0;\n  padding: 15px 28px 16px;\n  margin: -28px -28px 20px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n  font-weight: 800;\n  font-size: 1.25rem;\n  border-bottom: 1px solid #e1e3e6;\n  color: #00294d;\n}\n.duet-theme-turva h2 {\n  border-color: #e6e6e6;\n  color: #111111;\n}\n.medium h2 {\n  padding: 19px 36px 20px;\n  margin: -36px -36px 28px;\n}\n.large h2 {\n  padding: 26px 48px 27px;\n  margin: -48px -48px 36px;\n}"; }
+    static get style() { return ":host{background:transparent;padding:0;margin:0;margin-bottom:20px;display:-ms-flexbox;display:flex;vertical-align:top}.duet-card,:host{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;border:0;width:100%}.duet-card{background:transparent;padding:0;margin:0;padding:28px;border-radius:4px;background:#fff;-webkit-box-shadow:0 2px 6px 0 rgba(0,41,77,.07),0 -1px 0 0 rgba(0,0,0,.09),-1px 0 0 0 rgba(0,0,0,.07),1px 0 0 0 rgba(0,0,0,.07),0 1px 0 0 rgba(0,0,0,.07);box-shadow:0 2px 6px 0 rgba(0,41,77,.07),0 -1px 0 0 rgba(0,0,0,.09),-1px 0 0 0 rgba(0,0,0,.07),1px 0 0 0 rgba(0,0,0,.07),0 1px 0 0 rgba(0,0,0,.07);display:block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.duet-card.duet-theme-turva{-webkit-box-shadow:0 2px 6px 0 hsla(0,0%,45.9%,.13),0 -1px 0 0 rgba(0,0,0,.09),-1px 0 0 0 rgba(0,0,0,.07),1px 0 0 0 rgba(0,0,0,.07),0 1px 0 0 rgba(0,0,0,.07);box-shadow:0 2px 6px 0 hsla(0,0%,45.9%,.13),0 -1px 0 0 rgba(0,0,0,.09),-1px 0 0 0 rgba(0,0,0,.07),1px 0 0 0 rgba(0,0,0,.07),0 1px 0 0 rgba(0,0,0,.07)}.duet-card.medium{padding:36px}.duet-card.large{padding:48px}h2{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;border:0;padding:0;margin:0;padding:15px 28px 16px;margin:-28px -28px 20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:localtapiola-sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-weight:800;font-size:1.25rem;border-bottom:1px solid #e1e3e6;color:#00294d}.duet-theme-turva h2{border-color:#e6e6e6;color:#111}.medium h2{padding:19px 36px 20px;margin:-36px -36px 28px}.large h2{padding:26px 48px 27px;margin:-48px -48px 36px}"; }
 }
 
 export { DuetCard as duet_card };

lib/esm/duet-grid-cell.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, d as getElement } from './chunk-51017e1c.js';
+import { r as registerInstance, h, g as getElement } from './chunk-4de98b60.js';
 
@@ -15,5 +15,5 @@ class DuetGridCell {
     get element() { return getElement(this); }
-    static get style() { return ":host {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  background: transparent;\n  border: 0;\n  padding: 0;\n  margin: 0;\n}"; }
+    static get style() { return ":host{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;border:0;padding:0;margin:0}"; }
 }
 
 export { DuetGridCell as duet_grid_cell };

lib/esm/duet-grid.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, d as getElement } from './chunk-51017e1c.js';
+import { r as registerInstance, h, g as getElement } from './chunk-4de98b60.js';
 
@@ -15,5 +15,5 @@ class DuetGrid {
     get element() { return getElement(this); }
-    static get style() { return ":host {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  background: transparent;\n  border: 0;\n  padding: 0;\n  margin: 0;\n  margin-bottom: 20px;\n  display: -ms-flexbox;\n  display: flex;\n  vertical-align: top;\n  width: 100%;\n}\n\n.duet-grid {\n  display: grid;\n  grid-template-columns: calc(33.333% - 20px) calc(33.333% - 20px) calc( 33.333% - 20px );\n  grid-column-gap: 20px;\n  grid-row-gap: 0;\n  width: 100%;\n}"; }
+    static get style() { return ":host{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;border:0;padding:0;margin:0;margin-bottom:20px;display:-ms-flexbox;display:flex;vertical-align:top;width:100%}.duet-grid{display:grid;grid-template-columns:calc(33.333% - 20px) calc(33.333% - 20px) calc(33.333% - 20px);grid-column-gap:20px;grid-row-gap:0;width:100%}"; }
 }
 
 export { DuetGrid as duet_grid };

lib/esm/duet-input.entry.js

@@ -1,3 +0,3 @@
-import { r as registerInstance, c as createEvent, h, d as getElement } from './chunk-51017e1c.js';
-import { c as classNames } from './chunk-b4bc4d1f.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './chunk-4de98b60.js';
+import { c as classNames } from './chunk-03097515.js';
 import { d as duetIcons } from './chunk-94f81923.js';
@@ -11,3 +11,3 @@
          */
-        this.theme = "default";
+        this.theme = "";
         /**
@@ -95,2 +95,6 @@ * Expands the input to fill 100% of the container width.
     render() {
+        // Check whether global Turva theme is active
+        if (this.theme !== "default" && window.duetTheme === "turva") {
+            this.theme = "turva";
+        }
         // If user wants expanded component, add necessary classes
@@ -118,5 +122,5 @@ if (this.expand) {
     get element() { return getElement(this); }
-    static get style() { return ":host {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  background: transparent;\n  border: 0;\n  padding: 0;\n  margin: 0;\n  margin-right: 8px;\n  margin-bottom: 12px;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  vertical-align: bottom;\n  max-width: 100%;\n}\n\n.duet-label {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  background: transparent;\n  border: 0;\n  padding: 0;\n  margin: 0;\n  margin-bottom: 8px;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n  font-size: 1rem;\n  background: white;\n  color: #00294d;\n  font-weight: 600;\n  line-height: 1.25;\n  -webkit-transition: 300ms ease;\n  transition: 300ms ease;\n  z-index: 100;\n  width: 100%;\n  cursor: pointer;\n  position: relative;\n  display: block;\n}\n.duet-label-hidden .duet-label {\n  border: 0;\n  clip: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n}\n\n.duet-input-icon {\n  pointer-events: none;\n  z-index: 200;\n  width: 20px;\n  height: 20px;\n  color: #00294d;\n  position: absolute;\n  bottom: 16px;\n  right: 16px;\n}\n.duet-theme-turva .duet-input-icon {\n  color: #c60c30;\n}\n\n.duet-input {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  background: transparent;\n  border: 0;\n  padding: 0;\n  margin: 0;\n  padding: 13.5px;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n  border: 2px solid #cfd2d4;\n  border-radius: 4px;\n  font-size: 1rem;\n  background: white;\n  color: #00294d;\n  font-weight: 400;\n  line-height: 1.25;\n  -webkit-transition: 300ms ease;\n  transition: 300ms ease;\n  z-index: 100;\n  min-width: 13.75rem;\n  width: 100%;\n  position: relative;\n  display: block;\n}\n.has-icon .duet-input {\n  padding-right: 48px;\n}\n.duet-theme-turva .duet-input {\n  font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n  border-color: #d1d1d1;\n  color: #111111;\n}\n.duet-input-container {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  background: transparent;\n  border: 0;\n  padding: 0;\n  margin: 0;\n  position: relative;\n  width: 100%;\n  height: 100%;\n}\n.duet-input::-webkit-input-placeholder {\n  color: #cfd2d4;\n}\n.duet-theme-turva .duet-input::-webkit-input-placeholder {\n  color: #d1d1d1;\n}\n.duet-input::-moz-placeholder {\n  color: #cfd2d4;\n  opacity: 1 !important;\n}\n.duet-theme-turva .duet-input::-moz-placeholder {\n  color: #d1d1d1;\n}\n.duet-input:-ms-input-placeholder {\n  color: #cfd2d4;\n}\n.duet-theme-turva .duet-input:-ms-input-placeholder {\n  color: #d1d1d1;\n}\n.duet-input[disabled], .duet-input.disabled {\n  cursor: not-allowed !important;\n  border-color: #f5f8fa !important;\n  background: #f5f8fa !important;\n  color: #657787 !important;\n}\n.duet-input:hover {\n  border-color: #657787;\n}\n.duet-theme-turva .duet-input:hover {\n  border-color: #757575;\n}\n.duet-input:focus {\n  border-color: #0077b3;\n  outline: 0;\n}\n.duet-theme-turva .duet-input:focus {\n  border-color: #111111;\n}\n.duet-input:not(:placeholder-shown):focus:required:invalid {\n  border-color: #de2362;\n}\n.duet-theme-turva .duet-input:not(:placeholder-shown):focus:required:invalid {\n  border-color: #e02a0d;\n}\n.duet-input:focus:required:valid {\n  border-color: #0077b3;\n}\n.duet-theme-turva .duet-input:focus:required:valid {\n  border-color: #111111;\n}\n.duet-input[type=number]::-webkit-inner-spin-button, .duet-input[type=number]::-webkit-outer-spin-button, .duet-input[type=time]::-webkit-inner-spin-button, .duet-input[type=time]::-webkit-outer-spin-button {\n  -webkit-appearance: none;\n  display: none;\n  margin: 0;\n}"; }
+    static get style() { return ":host{background:transparent;margin:0;margin-right:8px;margin-bottom:12px;display:-ms-inline-flexbox;display:inline-flex;vertical-align:bottom;max-width:100%}.duet-label,:host{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;border:0;padding:0}.duet-label{background:transparent;margin:0;margin-bottom:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:localtapiola-sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:1rem;background:#fff;color:#00294d;font-weight:600;line-height:1.25;-webkit-transition:.3s ease;transition:.3s ease;z-index:100;width:100%;cursor:pointer;position:relative;display:block}.duet-label-hidden .duet-label{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.duet-input-icon{pointer-events:none;z-index:200;width:20px;height:20px;color:#00294d;position:absolute;bottom:16px;right:16px}.duet-theme-turva .duet-input-icon{color:#c60c30}.duet-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;border:0;padding:0;margin:0;padding:13.5px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:localtapiola-sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;border:2px solid #cfd2d4;border-radius:4px;font-size:1rem;background:#fff;color:#00294d;font-weight:400;line-height:1.25;-webkit-transition:.3s ease;transition:.3s ease;z-index:100;min-width:13.75rem;width:100%;position:relative;display:block}.has-icon .duet-input{padding-right:48px}.duet-theme-turva .duet-input{font-family:turva-sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;border-color:#d1d1d1;color:#111}.duet-input-container{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;border:0;padding:0;margin:0;position:relative;width:100%;height:100%}.duet-input::-webkit-input-placeholder{color:#cfd2d4}.duet-theme-turva .duet-input::-webkit-input-placeholder{color:#d1d1d1}.duet-input::-moz-placeholder{color:#cfd2d4;opacity:1!important}.duet-theme-turva .duet-input::-moz-placeholder{color:#d1d1d1}.duet-input:-ms-input-placeholder{color:#cfd2d4}.duet-theme-turva .duet-input:-ms-input-placeholder{color:#d1d1d1}.duet-input.disabled,.duet-input[disabled]{cursor:not-allowed!important;border-color:#f5f8fa!important;background:#f5f8fa!important;color:#657787!important}.duet-input:hover{border-color:#657787}.duet-theme-turva .duet-input:hover{border-color:#757575}.duet-input:focus{border-color:#0077b3;outline:0}.duet-theme-turva .duet-input:focus{border-color:#111}.duet-input:not(:placeholder-shown):focus:required:invalid{border-color:#de2362}.duet-theme-turva .duet-input:not(:placeholder-shown):focus:required:invalid{border-color:#e02a0d}.duet-input:focus:required:valid{border-color:#0077b3}.duet-theme-turva .duet-input:focus:required:valid{border-color:#111}.duet-input[type=number]::-webkit-inner-spin-button,.duet-input[type=number]::-webkit-outer-spin-button,.duet-input[type=time]::-webkit-inner-spin-button,.duet-input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;display:none;margin:0}"; }
 }
 
 export { DuetInput as duet_input };

lib/esm/duet-layout.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, d as getElement } from './chunk-51017e1c.js';
+import { r as registerInstance, h, g as getElement } from './chunk-4de98b60.js';
 
@@ -19,5 +19,5 @@ class DuetLayout {
     get element() { return getElement(this); }
-    static get style() { return ":host {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  background: transparent;\n  border: 0;\n  padding: 0;\n  margin: 0;\n  display: block;\n  margin: 0 auto;\n  max-width: 800px;\n  width: 100%;\n}\n\n.duet-layout {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  background: transparent;\n  border: 0;\n  padding: 0;\n  margin: 0;\n  padding: 36px;\n  padding-top: 48px;\n  padding-bottom: 48px;\n  width: 100%;\n}"; }
+    static get style() { return ":host{padding:0;margin:0;display:block;margin:0 auto;max-width:800px}.duet-layout,:host{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;border:0;width:100%}.duet-layout{padding:0;margin:0;padding:36px;padding-top:48px;padding-bottom:48px}"; }
 }
 
 export { DuetLayout as duet_layout };

lib/esm/legacy/duet-card.entry.js

@@ -1,3 +0,3 @@
-import { r as registerInstance, h, d as getElement } from './chunk-51017e1c.js';
-import { c as classNames } from './chunk-b4bc4d1f.js';
+import { r as registerInstance, h, g as getElement } from './chunk-4de98b60.js';
+import { c as classNames } from './chunk-03097515.js';
 var DuetCard = /** @class */ (function () {
@@ -17,3 +17,3 @@ function DuetCard(hostRef) {
          */
-        this.theme = "default";
+        this.theme = "";
     }
@@ -25,2 +25,6 @@ /**
     DuetCard.prototype.render = function () {
+        // Check whether global Turva theme is active
+        if (this.theme !== "default" && window.duetTheme === "turva") {
+            this.theme = "turva";
+        }
         // Set constants for card type and classes used.
@@ -45,3 +49,3 @@ var cardClasses = classNames("duet-card", "" + this.padding, {
     Object.defineProperty(DuetCard, "style", {
-        get: function () { return ":host {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  background: transparent;\n  border: 0;\n  padding: 0;\n  margin: 0;\n  margin-bottom: 20px;\n  display: -ms-flexbox;\n  display: flex;\n  vertical-align: top;\n  width: 100%;\n}\n\n.duet-card {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  background: transparent;\n  border: 0;\n  padding: 0;\n  margin: 0;\n  padding: 28px;\n  border-radius: 4px;\n  background: white;\n  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07);\n  box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07);\n  display: block;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  width: 100%;\n}\n.duet-card.duet-theme-turva {\n  -webkit-box-shadow: 0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07);\n  box-shadow: 0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07);\n}\n.duet-card.medium {\n  padding: 36px;\n}\n.duet-card.large {\n  padding: 48px;\n}\n\nh2 {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  background: transparent;\n  border: 0;\n  padding: 0;\n  margin: 0;\n  padding: 15px 28px 16px;\n  margin: -28px -28px 20px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n  font-weight: 800;\n  font-size: 1.25rem;\n  border-bottom: 1px solid #e1e3e6;\n  color: #00294d;\n}\n.duet-theme-turva h2 {\n  border-color: #e6e6e6;\n  color: #111111;\n}\n.medium h2 {\n  padding: 19px 36px 20px;\n  margin: -36px -36px 28px;\n}\n.large h2 {\n  padding: 26px 48px 27px;\n  margin: -48px -48px 36px;\n}"; },
+        get: function () { return ":host{background:transparent;padding:0;margin:0;margin-bottom:20px;display:-ms-flexbox;display:flex;vertical-align:top}.duet-card,:host{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;border:0;width:100%}.duet-card{background:transparent;padding:0;margin:0;padding:28px;border-radius:4px;background:#fff;-webkit-box-shadow:0 2px 6px 0 rgba(0,41,77,.07),0 -1px 0 0 rgba(0,0,0,.09),-1px 0 0 0 rgba(0,0,0,.07),1px 0 0 0 rgba(0,0,0,.07),0 1px 0 0 rgba(0,0,0,.07);box-shadow:0 2px 6px 0 rgba(0,41,77,.07),0 -1px 0 0 rgba(0,0,0,.09),-1px 0 0 0 rgba(0,0,0,.07),1px 0 0 0 rgba(0,0,0,.07),0 1px 0 0 rgba(0,0,0,.07);display:block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.duet-card.duet-theme-turva{-webkit-box-shadow:0 2px 6px 0 hsla(0,0%,45.9%,.13),0 -1px 0 0 rgba(0,0,0,.09),-1px 0 0 0 rgba(0,0,0,.07),1px 0 0 0 rgba(0,0,0,.07),0 1px 0 0 rgba(0,0,0,.07);box-shadow:0 2px 6px 0 hsla(0,0%,45.9%,.13),0 -1px 0 0 rgba(0,0,0,.09),-1px 0 0 0 rgba(0,0,0,.07),1px 0 0 0 rgba(0,0,0,.07),0 1px 0 0 rgba(0,0,0,.07)}.duet-card.medium{padding:36px}.duet-card.large{padding:48px}h2{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;border:0;padding:0;margin:0;padding:15px 28px 16px;margin:-28px -28px 20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:localtapiola-sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-weight:800;font-size:1.25rem;border-bottom:1px solid #e1e3e6;color:#00294d}.duet-theme-turva h2{border-color:#e6e6e6;color:#111}.medium h2{padding:19px 36px 20px;margin:-36px -36px 28px}.large h2{padding:26px 48px 27px;margin:-48px -48px 36px}"; },
         enumerable: true,
@@ -48,0 +52,0 @@ configurable: true

lib/esm/legacy/duet-grid-cell.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, d as getElement } from './chunk-51017e1c.js';
+import { r as registerInstance, h, g as getElement } from './chunk-4de98b60.js';
 var DuetGridCell = /** @class */ (function () {
@@ -19,3 +19,3 @@ function DuetGridCell(hostRef) {
     Object.defineProperty(DuetGridCell, "style", {
-        get: function () { return ":host {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  background: transparent;\n  border: 0;\n  padding: 0;\n  margin: 0;\n}"; },
+        get: function () { return ":host{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;border:0;padding:0;margin:0}"; },
         enumerable: true,
@@ -22,0 +22,0 @@ configurable: true

lib/esm/legacy/duet-grid.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, d as getElement } from './chunk-51017e1c.js';
+import { r as registerInstance, h, g as getElement } from './chunk-4de98b60.js';
 var DuetGrid = /** @class */ (function () {
@@ -19,3 +19,3 @@ function DuetGrid(hostRef) {
     Object.defineProperty(DuetGrid, "style", {
-        get: function () { return ":host {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  background: transparent;\n  border: 0;\n  padding: 0;\n  margin: 0;\n  margin-bottom: 20px;\n  display: -ms-flexbox;\n  display: flex;\n  vertical-align: top;\n  width: 100%;\n}\n\n.duet-grid {\n  display: grid;\n  grid-template-columns: calc(33.333% - 20px) calc(33.333% - 20px) calc( 33.333% - 20px );\n  grid-column-gap: 20px;\n  grid-row-gap: 0;\n  width: 100%;\n}"; },
+        get: function () { return ":host{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;border:0;padding:0;margin:0;margin-bottom:20px;display:-ms-flexbox;display:flex;vertical-align:top;width:100%}.duet-grid{display:grid;grid-template-columns:calc(33.333% - 20px) calc(33.333% - 20px) calc(33.333% - 20px);grid-column-gap:20px;grid-row-gap:0;width:100%}"; },
         enumerable: true,
@@ -22,0 +22,0 @@ configurable: true

lib/esm/legacy/duet-input.entry.js

@@ -1,3 +0,3 @@
-import { r as registerInstance, c as createEvent, h, d as getElement } from './chunk-51017e1c.js';
-import { c as classNames } from './chunk-b4bc4d1f.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './chunk-4de98b60.js';
+import { c as classNames } from './chunk-03097515.js';
 import { d as duetIcons } from './chunk-94f81923.js';
@@ -10,3 +10,3 @@ var DuetInput = /** @class */ (function () {
          */
-        this.theme = "default";
+        this.theme = "";
         /**
@@ -95,2 +95,6 @@ * Expands the input to fill 100% of the container width.
         var _this = this;
+        // Check whether global Turva theme is active
+        if (this.theme !== "default" && window.duetTheme === "turva") {
+            this.theme = "turva";
+        }
         // If user wants expanded component, add necessary classes
@@ -123,3 +127,3 @@ if (this.expand) {
     Object.defineProperty(DuetInput, "style", {
-        get: function () { return ":host {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  background: transparent;\n  border: 0;\n  padding: 0;\n  margin: 0;\n  margin-right: 8px;\n  margin-bottom: 12px;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  vertical-align: bottom;\n  max-width: 100%;\n}\n\n.duet-label {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  background: transparent;\n  border: 0;\n  padding: 0;\n  margin: 0;\n  margin-bottom: 8px;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n  font-size: 1rem;\n  background: white;\n  color: #00294d;\n  font-weight: 600;\n  line-height: 1.25;\n  -webkit-transition: 300ms ease;\n  transition: 300ms ease;\n  z-index: 100;\n  width: 100%;\n  cursor: pointer;\n  position: relative;\n  display: block;\n}\n.duet-label-hidden .duet-label {\n  border: 0;\n  clip: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n}\n\n.duet-input-icon {\n  pointer-events: none;\n  z-index: 200;\n  width: 20px;\n  height: 20px;\n  color: #00294d;\n  position: absolute;\n  bottom: 16px;\n  right: 16px;\n}\n.duet-theme-turva .duet-input-icon {\n  color: #c60c30;\n}\n\n.duet-input {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  background: transparent;\n  border: 0;\n  padding: 0;\n  margin: 0;\n  padding: 13.5px;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n  border: 2px solid #cfd2d4;\n  border-radius: 4px;\n  font-size: 1rem;\n  background: white;\n  color: #00294d;\n  font-weight: 400;\n  line-height: 1.25;\n  -webkit-transition: 300ms ease;\n  transition: 300ms ease;\n  z-index: 100;\n  min-width: 13.75rem;\n  width: 100%;\n  position: relative;\n  display: block;\n}\n.has-icon .duet-input {\n  padding-right: 48px;\n}\n.duet-theme-turva .duet-input {\n  font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n  border-color: #d1d1d1;\n  color: #111111;\n}\n.duet-input-container {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  background: transparent;\n  border: 0;\n  padding: 0;\n  margin: 0;\n  position: relative;\n  width: 100%;\n  height: 100%;\n}\n.duet-input::-webkit-input-placeholder {\n  color: #cfd2d4;\n}\n.duet-theme-turva .duet-input::-webkit-input-placeholder {\n  color: #d1d1d1;\n}\n.duet-input::-moz-placeholder {\n  color: #cfd2d4;\n  opacity: 1 !important;\n}\n.duet-theme-turva .duet-input::-moz-placeholder {\n  color: #d1d1d1;\n}\n.duet-input:-ms-input-placeholder {\n  color: #cfd2d4;\n}\n.duet-theme-turva .duet-input:-ms-input-placeholder {\n  color: #d1d1d1;\n}\n.duet-input[disabled], .duet-input.disabled {\n  cursor: not-allowed !important;\n  border-color: #f5f8fa !important;\n  background: #f5f8fa !important;\n  color: #657787 !important;\n}\n.duet-input:hover {\n  border-color: #657787;\n}\n.duet-theme-turva .duet-input:hover {\n  border-color: #757575;\n}\n.duet-input:focus {\n  border-color: #0077b3;\n  outline: 0;\n}\n.duet-theme-turva .duet-input:focus {\n  border-color: #111111;\n}\n.duet-input:not(:placeholder-shown):focus:required:invalid {\n  border-color: #de2362;\n}\n.duet-theme-turva .duet-input:not(:placeholder-shown):focus:required:invalid {\n  border-color: #e02a0d;\n}\n.duet-input:focus:required:valid {\n  border-color: #0077b3;\n}\n.duet-theme-turva .duet-input:focus:required:valid {\n  border-color: #111111;\n}\n.duet-input[type=number]::-webkit-inner-spin-button, .duet-input[type=number]::-webkit-outer-spin-button, .duet-input[type=time]::-webkit-inner-spin-button, .duet-input[type=time]::-webkit-outer-spin-button {\n  -webkit-appearance: none;\n  display: none;\n  margin: 0;\n}"; },
+        get: function () { return ":host{background:transparent;margin:0;margin-right:8px;margin-bottom:12px;display:-ms-inline-flexbox;display:inline-flex;vertical-align:bottom;max-width:100%}.duet-label,:host{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;border:0;padding:0}.duet-label{background:transparent;margin:0;margin-bottom:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:localtapiola-sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:1rem;background:#fff;color:#00294d;font-weight:600;line-height:1.25;-webkit-transition:.3s ease;transition:.3s ease;z-index:100;width:100%;cursor:pointer;position:relative;display:block}.duet-label-hidden .duet-label{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.duet-input-icon{pointer-events:none;z-index:200;width:20px;height:20px;color:#00294d;position:absolute;bottom:16px;right:16px}.duet-theme-turva .duet-input-icon{color:#c60c30}.duet-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;border:0;padding:0;margin:0;padding:13.5px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:localtapiola-sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;border:2px solid #cfd2d4;border-radius:4px;font-size:1rem;background:#fff;color:#00294d;font-weight:400;line-height:1.25;-webkit-transition:.3s ease;transition:.3s ease;z-index:100;min-width:13.75rem;width:100%;position:relative;display:block}.has-icon .duet-input{padding-right:48px}.duet-theme-turva .duet-input{font-family:turva-sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;border-color:#d1d1d1;color:#111}.duet-input-container{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;border:0;padding:0;margin:0;position:relative;width:100%;height:100%}.duet-input::-webkit-input-placeholder{color:#cfd2d4}.duet-theme-turva .duet-input::-webkit-input-placeholder{color:#d1d1d1}.duet-input::-moz-placeholder{color:#cfd2d4;opacity:1!important}.duet-theme-turva .duet-input::-moz-placeholder{color:#d1d1d1}.duet-input:-ms-input-placeholder{color:#cfd2d4}.duet-theme-turva .duet-input:-ms-input-placeholder{color:#d1d1d1}.duet-input.disabled,.duet-input[disabled]{cursor:not-allowed!important;border-color:#f5f8fa!important;background:#f5f8fa!important;color:#657787!important}.duet-input:hover{border-color:#657787}.duet-theme-turva .duet-input:hover{border-color:#757575}.duet-input:focus{border-color:#0077b3;outline:0}.duet-theme-turva .duet-input:focus{border-color:#111}.duet-input:not(:placeholder-shown):focus:required:invalid{border-color:#de2362}.duet-theme-turva .duet-input:not(:placeholder-shown):focus:required:invalid{border-color:#e02a0d}.duet-input:focus:required:valid{border-color:#0077b3}.duet-theme-turva .duet-input:focus:required:valid{border-color:#111}.duet-input[type=number]::-webkit-inner-spin-button,.duet-input[type=number]::-webkit-outer-spin-button,.duet-input[type=time]::-webkit-inner-spin-button,.duet-input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;display:none;margin:0}"; },
         enumerable: true,
@@ -126,0 +130,0 @@ configurable: true

lib/esm/legacy/duet-layout.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, d as getElement } from './chunk-51017e1c.js';
+import { r as registerInstance, h, g as getElement } from './chunk-4de98b60.js';
 var DuetLayout = /** @class */ (function () {
@@ -23,3 +23,3 @@ function DuetLayout(hostRef) {
     Object.defineProperty(DuetLayout, "style", {
-        get: function () { return ":host {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  background: transparent;\n  border: 0;\n  padding: 0;\n  margin: 0;\n  display: block;\n  margin: 0 auto;\n  max-width: 800px;\n  width: 100%;\n}\n\n.duet-layout {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  background: transparent;\n  border: 0;\n  padding: 0;\n  margin: 0;\n  padding: 36px;\n  padding-top: 48px;\n  padding-bottom: 48px;\n  width: 100%;\n}"; },
+        get: function () { return ":host{padding:0;margin:0;display:block;margin:0 auto;max-width:800px}.duet-layout,:host{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;border:0;width:100%}.duet-layout{padding:0;margin:0;padding:36px;padding-top:48px;padding-bottom:48px}"; },
         enumerable: true,
@@ -26,0 +26,0 @@ configurable: true

package.json

 {
   "name": "@duetds/components",
-  "version": "0.0.1-alpha.51",
+  "version": "1.0.0",
   "description": "This package includes Duet Components and related tools.",
@@ -26,14 +26,14 @@ "author": "Viljami Salminen <[e-mail]>",
     "test": "echo \"Error: run tests from root\" && exit 1",
-    "build": "copyfiles --flat src/*.js lib",
+    "build": "stencil build --docs-readme --es5",
     "start": "npm-run-all --parallel copy:fonts clean:build copy:docs copy:build duet:onchange duet:start",
-    "accessibility:start": "wait-on http://localhost:3333/ --delay 20000 && npm run accessibility",
-    "accessibility:exit": "wait-on http://localhost:3333/ --delay 60000 && kill $(lsof -t -i :3333)",
-    "accessibility:stop": "wait-on http://localhost:3333/ --reverse --delay 1000 && killall \"Stencil: Duet\"",
-    "accessibility": "axe http://localhost:3333/ --disable frame-title,html-has-lang,document-title,landmark-one-main,page-has-heading-one,region,heading-order --timeout=15000 --exit",
+    "accessibility:start": "wait-on http://localhost:4444/ --delay 30000 && npm run accessibility",
+    "accessibility:stop": "wait-on http://localhost:4444/ --delay 60000 && kill $(lsof -t -i :4444)",
+    "accessibility:server": "http-server ./www -p 4444",
+    "accessibility": "axe http://localhost:4444, http://localhost:4444/button.html, http://localhost:4444/index-logged.html --disable frame-title,html-has-lang,document-title,bypass,landmark-one-main,page-has-heading-one,region,heading-order --timeout=15000 --exit",
     "clean:build": "rm -rf ../../docs/src/docs/components/duet*",
-    "duet:build": "stencil build --docs-readme --es5",
     "duet:start": "stencil build --docs-readme --es5 --dev --watch --serve",
+    "duet:build:testsite": "stencil build --serve",
     "duet:test": "stencil test --spec --e2e --es5",
     "duet:test.watch": "stencil test --spec --e2e --es5 --watchAll",
-    "duet:test:accessibility": "concurrently --success last \"npm run accessibility:start\" \"npm run duet:start\" \"npm run accessibility:exit\" \"npm run accessibility:stop\"",
+    "duet:test:accessibility": "concurrently \"npm run accessibility:start\" \"npm run duet:build:testsite\" \"npm run accessibility:server\" \"npm run accessibility:stop\"",
     "duet:onchange": "onchange \"./src/components/**/*\" -- npm-run-all copy:build copy:docs",
@@ -47,8 +47,8 @@ "copy:fonts": "copyfiles --flat node_modules/@duetds/fonts/lib/* src/assets/fonts && echo 'Fonts cloned from Duet'",
   },
-  "gitHead": "820c678fb6dc2be505180bd9d35d897ac9a60726",
+  "gitHead": "2d51941c2774ea975f4ed7ac991335c9c8fb47b9",
   "devDependencies": {
-    "@duetds/fonts": "^1.2.0",
-    "@duetds/icons": "^1.0.11",
-    "@duetds/tokens": "^1.2.9",
-    "@stencil/core": "^1.0.4",
+    "@duetds/fonts": "^1.2.1",
+    "@duetds/icons": "^1.0.12",
+    "@duetds/tokens": "^1.2.10",
+    "@stencil/core": "^1.0.6",
     "@stencil/sass": "^1.0.0",
@@ -61,2 +61,3 @@ "@stencil/utils": "latest",
     "copyfiles": "^2.1.0",
+    "http-server": "^0.11.1",
     "jest": "^24.8.0",
@@ -63,0 +64,0 @@ "jest-cli": "^24.8.0",

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

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

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

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Number of low quality alerts

1

decreased by-50%

Number of low supply chain risk alerts

31

decreased by-11.43%

Worsened metrics

Total package byte prevSize

2380092

decreased by-18.12%

Dev dependency count

20

increased by5.26%

Number of package files

124

decreased by-13.89%

Lines of code

22404

decreased by-38.37%

No dependency changes