Socket
Socket
Sign inDemoInstall

@duetds/components

Package Overview
Dependencies
Maintainers
2
Versions
593
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@duetds/components - npm Package Compare versions

Comparing version 0.0.1-alpha.41 to 0.0.1-alpha.42

2

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

@@ -292,3 +292,3 @@ "use strict";

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 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 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: 14px;\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 border: 0;\n padding: 0;\n margin: 0;\n padding: 14.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 -webkit-box-shadow: inset 0 0 0 2px #cfd2d4;\n box-shadow: inset 0 0 0 2px #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 -webkit-box-shadow: inset 0 0 0 2px #d1d1d1;\n box-shadow: inset 0 0 0 2px #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 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 -webkit-box-shadow: none !important;\n box-shadow: none !important;\n background: #f5f8fa !important;\n color: #657787 !important;\n}\n.duet-input:hover {\n -webkit-box-shadow: inset 0 0 0 2px #657787;\n box-shadow: inset 0 0 0 2px #657787;\n}\n.duet-theme-turva .duet-input:hover {\n -webkit-box-shadow: inset 0 0 0 2px #757575;\n box-shadow: inset 0 0 0 2px #757575;\n}\n.duet-input:focus {\n -webkit-box-shadow: inset 0 0 0 2px #0077b3;\n box-shadow: inset 0 0 0 2px #0077b3;\n outline: 0;\n}\n.duet-theme-turva .duet-input:focus {\n -webkit-box-shadow: inset 0 0 0 2px #111111;\n box-shadow: inset 0 0 0 2px #111111;\n}\n.duet-input:not(:placeholder-shown):focus:required:invalid {\n -webkit-box-shadow: inset 0 0 0 2px #de2362;\n box-shadow: inset 0 0 0 2px #de2362;\n}\n.duet-theme-turva .duet-input:not(:placeholder-shown):focus:required:invalid {\n -webkit-box-shadow: inset 0 0 0 2px #e02a0d;\n box-shadow: inset 0 0 0 2px #e02a0d;\n}\n.duet-input:focus:required:valid {\n -webkit-box-shadow: inset 0 0 0 2px #0077b3;\n box-shadow: inset 0 0 0 2px #0077b3;\n}\n.duet-theme-turva .duet-input:focus:required:valid {\n -webkit-box-shadow: inset 0 0 0 2px #111111;\n box-shadow: inset 0 0 0 2px #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 {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\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 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: 14px;\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 border: 0;\n padding: 0;\n margin: 0;\n padding: 14.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: inset 0 0 0 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 -webkit-box-shadow: inset 0 0 0 2px #d1d1d1;\n box-shadow: inset 0 0 0 2px #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 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 -webkit-box-shadow: none !important;\n box-shadow: none !important;\n background: #f5f8fa !important;\n color: #657787 !important;\n}\n.duet-input:hover {\n -webkit-box-shadow: inset 0 0 0 2px #657787;\n box-shadow: inset 0 0 0 2px #657787;\n}\n.duet-theme-turva .duet-input:hover {\n -webkit-box-shadow: inset 0 0 0 2px #757575;\n box-shadow: inset 0 0 0 2px #757575;\n}\n.duet-input:focus {\n -webkit-box-shadow: inset 0 0 0 2px #0077b3;\n box-shadow: inset 0 0 0 2px #0077b3;\n outline: 0;\n}\n.duet-theme-turva .duet-input:focus {\n -webkit-box-shadow: inset 0 0 0 2px #111111;\n box-shadow: inset 0 0 0 2px #111111;\n}\n.duet-input:not(:placeholder-shown):focus:required:invalid {\n -webkit-box-shadow: inset 0 0 0 2px #de2362;\n box-shadow: inset 0 0 0 2px #de2362;\n}\n.duet-theme-turva .duet-input:not(:placeholder-shown):focus:required:invalid {\n -webkit-box-shadow: inset 0 0 0 2px #e02a0d;\n box-shadow: inset 0 0 0 2px #e02a0d;\n}\n.duet-input:focus:required:valid {\n -webkit-box-shadow: inset 0 0 0 2px #0077b3;\n box-shadow: inset 0 0 0 2px #0077b3;\n}\n.duet-theme-turva .duet-input:focus:required:valid {\n -webkit-box-shadow: inset 0 0 0 2px #111111;\n box-shadow: inset 0 0 0 2px #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}"; },
enumerable: true,

@@ -295,0 +295,0 @@ configurable: true

2

lib/cjs/es5/build/duet-input.sc.entry.js

@@ -292,3 +292,3 @@ "use strict";

Object.defineProperty(DuetInput, "style", {
get: function () { return ".sc-duet-input-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\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.sc-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 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.sc-duet-input .duet-label.sc-duet-input {\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.sc-duet-input {\n pointer-events: none;\n z-index: 200;\n width: 20px;\n height: 20px;\n color: #00294d;\n position: absolute;\n bottom: 14px;\n right: 16px;\n}\n.duet-theme-turva.sc-duet-input .duet-input-icon.sc-duet-input {\n color: #c60c30;\n}\n\n.duet-input.sc-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 border: 0;\n padding: 0;\n margin: 0;\n padding: 14.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 -webkit-box-shadow: inset 0 0 0 2px #cfd2d4;\n box-shadow: inset 0 0 0 2px #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.sc-duet-input .duet-input.sc-duet-input {\n padding-right: 48px;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-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 -webkit-box-shadow: inset 0 0 0 2px #d1d1d1;\n box-shadow: inset 0 0 0 2px #d1d1d1;\n color: #111111;\n}\n.duet-input-container.sc-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 border: 0;\n padding: 0;\n margin: 0;\n position: relative;\n width: 100%;\n height: 100%;\n}\n.duet-input.sc-duet-input::-webkit-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-webkit-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input.sc-duet-input::-moz-placeholder {\n color: #cfd2d4;\n opacity: 1 !important;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-moz-placeholder {\n color: #d1d1d1;\n}\n.duet-input.sc-duet-input:-ms-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:-ms-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input[disabled].sc-duet-input, .duet-input.disabled.sc-duet-input {\n cursor: not-allowed !important;\n -webkit-box-shadow: none !important;\n box-shadow: none !important;\n background: #f5f8fa !important;\n color: #657787 !important;\n}\n.duet-input.sc-duet-input:hover {\n -webkit-box-shadow: inset 0 0 0 2px #657787;\n box-shadow: inset 0 0 0 2px #657787;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:hover {\n -webkit-box-shadow: inset 0 0 0 2px #757575;\n box-shadow: inset 0 0 0 2px #757575;\n}\n.duet-input.sc-duet-input:focus {\n -webkit-box-shadow: inset 0 0 0 2px #0077b3;\n box-shadow: inset 0 0 0 2px #0077b3;\n outline: 0;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus {\n -webkit-box-shadow: inset 0 0 0 2px #111111;\n box-shadow: inset 0 0 0 2px #111111;\n}\n.duet-input.sc-duet-input:not(:placeholder-shown):focus:required:invalid {\n -webkit-box-shadow: inset 0 0 0 2px #de2362;\n box-shadow: inset 0 0 0 2px #de2362;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:not(:placeholder-shown):focus:required:invalid {\n -webkit-box-shadow: inset 0 0 0 2px #e02a0d;\n box-shadow: inset 0 0 0 2px #e02a0d;\n}\n.duet-input.sc-duet-input:focus:required:valid {\n -webkit-box-shadow: inset 0 0 0 2px #0077b3;\n box-shadow: inset 0 0 0 2px #0077b3;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus:required:valid {\n -webkit-box-shadow: inset 0 0 0 2px #111111;\n box-shadow: inset 0 0 0 2px #111111;\n}\n.duet-input[type=number].sc-duet-input::-webkit-inner-spin-button, .duet-input[type=number].sc-duet-input::-webkit-outer-spin-button, .duet-input[type=time].sc-duet-input::-webkit-inner-spin-button, .duet-input[type=time].sc-duet-input::-webkit-outer-spin-button {\n -webkit-appearance: none;\n display: none;\n margin: 0;\n}"; },
get: function () { return ".sc-duet-input-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\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.sc-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 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.sc-duet-input .duet-label.sc-duet-input {\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.sc-duet-input {\n pointer-events: none;\n z-index: 200;\n width: 20px;\n height: 20px;\n color: #00294d;\n position: absolute;\n bottom: 14px;\n right: 16px;\n}\n.duet-theme-turva.sc-duet-input .duet-input-icon.sc-duet-input {\n color: #c60c30;\n}\n\n.duet-input.sc-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 border: 0;\n padding: 0;\n margin: 0;\n padding: 14.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: inset 0 0 0 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.sc-duet-input .duet-input.sc-duet-input {\n padding-right: 48px;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-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 -webkit-box-shadow: inset 0 0 0 2px #d1d1d1;\n box-shadow: inset 0 0 0 2px #d1d1d1;\n color: #111111;\n}\n.duet-input-container.sc-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 border: 0;\n padding: 0;\n margin: 0;\n position: relative;\n width: 100%;\n height: 100%;\n}\n.duet-input.sc-duet-input::-webkit-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-webkit-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input.sc-duet-input::-moz-placeholder {\n color: #cfd2d4;\n opacity: 1 !important;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-moz-placeholder {\n color: #d1d1d1;\n}\n.duet-input.sc-duet-input:-ms-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:-ms-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input[disabled].sc-duet-input, .duet-input.disabled.sc-duet-input {\n cursor: not-allowed !important;\n -webkit-box-shadow: none !important;\n box-shadow: none !important;\n background: #f5f8fa !important;\n color: #657787 !important;\n}\n.duet-input.sc-duet-input:hover {\n -webkit-box-shadow: inset 0 0 0 2px #657787;\n box-shadow: inset 0 0 0 2px #657787;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:hover {\n -webkit-box-shadow: inset 0 0 0 2px #757575;\n box-shadow: inset 0 0 0 2px #757575;\n}\n.duet-input.sc-duet-input:focus {\n -webkit-box-shadow: inset 0 0 0 2px #0077b3;\n box-shadow: inset 0 0 0 2px #0077b3;\n outline: 0;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus {\n -webkit-box-shadow: inset 0 0 0 2px #111111;\n box-shadow: inset 0 0 0 2px #111111;\n}\n.duet-input.sc-duet-input:not(:placeholder-shown):focus:required:invalid {\n -webkit-box-shadow: inset 0 0 0 2px #de2362;\n box-shadow: inset 0 0 0 2px #de2362;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:not(:placeholder-shown):focus:required:invalid {\n -webkit-box-shadow: inset 0 0 0 2px #e02a0d;\n box-shadow: inset 0 0 0 2px #e02a0d;\n}\n.duet-input.sc-duet-input:focus:required:valid {\n -webkit-box-shadow: inset 0 0 0 2px #0077b3;\n box-shadow: inset 0 0 0 2px #0077b3;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus:required:valid {\n -webkit-box-shadow: inset 0 0 0 2px #111111;\n box-shadow: inset 0 0 0 2px #111111;\n}\n.duet-input[type=number].sc-duet-input::-webkit-inner-spin-button, .duet-input[type=number].sc-duet-input::-webkit-outer-spin-button, .duet-input[type=time].sc-duet-input::-webkit-inner-spin-button, .duet-input[type=time].sc-duet-input::-webkit-outer-spin-button {\n -webkit-appearance: none;\n display: none;\n margin: 0;\n}"; },
enumerable: true,

@@ -295,0 +295,0 @@ configurable: true

2

lib/duet/duet-input.entry.js

@@ -273,5 +273,5 @@ const h = window.Duet.h;

}]; }
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 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 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: 14px;\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 border: 0;\n padding: 0;\n margin: 0;\n padding: 14.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 -webkit-box-shadow: inset 0 0 0 2px #cfd2d4;\n box-shadow: inset 0 0 0 2px #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 -webkit-box-shadow: inset 0 0 0 2px #d1d1d1;\n box-shadow: inset 0 0 0 2px #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 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 -webkit-box-shadow: none !important;\n box-shadow: none !important;\n background: #f5f8fa !important;\n color: #657787 !important;\n}\n.duet-input:hover {\n -webkit-box-shadow: inset 0 0 0 2px #657787;\n box-shadow: inset 0 0 0 2px #657787;\n}\n.duet-theme-turva .duet-input:hover {\n -webkit-box-shadow: inset 0 0 0 2px #757575;\n box-shadow: inset 0 0 0 2px #757575;\n}\n.duet-input:focus {\n -webkit-box-shadow: inset 0 0 0 2px #0077b3;\n box-shadow: inset 0 0 0 2px #0077b3;\n outline: 0;\n}\n.duet-theme-turva .duet-input:focus {\n -webkit-box-shadow: inset 0 0 0 2px #111111;\n box-shadow: inset 0 0 0 2px #111111;\n}\n.duet-input:not(:placeholder-shown):focus:required:invalid {\n -webkit-box-shadow: inset 0 0 0 2px #de2362;\n box-shadow: inset 0 0 0 2px #de2362;\n}\n.duet-theme-turva .duet-input:not(:placeholder-shown):focus:required:invalid {\n -webkit-box-shadow: inset 0 0 0 2px #e02a0d;\n box-shadow: inset 0 0 0 2px #e02a0d;\n}\n.duet-input:focus:required:valid {\n -webkit-box-shadow: inset 0 0 0 2px #0077b3;\n box-shadow: inset 0 0 0 2px #0077b3;\n}\n.duet-theme-turva .duet-input:focus:required:valid {\n -webkit-box-shadow: inset 0 0 0 2px #111111;\n box-shadow: inset 0 0 0 2px #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 {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\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 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: 14px;\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 border: 0;\n padding: 0;\n margin: 0;\n padding: 14.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: inset 0 0 0 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 -webkit-box-shadow: inset 0 0 0 2px #d1d1d1;\n box-shadow: inset 0 0 0 2px #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 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 -webkit-box-shadow: none !important;\n box-shadow: none !important;\n background: #f5f8fa !important;\n color: #657787 !important;\n}\n.duet-input:hover {\n -webkit-box-shadow: inset 0 0 0 2px #657787;\n box-shadow: inset 0 0 0 2px #657787;\n}\n.duet-theme-turva .duet-input:hover {\n -webkit-box-shadow: inset 0 0 0 2px #757575;\n box-shadow: inset 0 0 0 2px #757575;\n}\n.duet-input:focus {\n -webkit-box-shadow: inset 0 0 0 2px #0077b3;\n box-shadow: inset 0 0 0 2px #0077b3;\n outline: 0;\n}\n.duet-theme-turva .duet-input:focus {\n -webkit-box-shadow: inset 0 0 0 2px #111111;\n box-shadow: inset 0 0 0 2px #111111;\n}\n.duet-input:not(:placeholder-shown):focus:required:invalid {\n -webkit-box-shadow: inset 0 0 0 2px #de2362;\n box-shadow: inset 0 0 0 2px #de2362;\n}\n.duet-theme-turva .duet-input:not(:placeholder-shown):focus:required:invalid {\n -webkit-box-shadow: inset 0 0 0 2px #e02a0d;\n box-shadow: inset 0 0 0 2px #e02a0d;\n}\n.duet-input:focus:required:valid {\n -webkit-box-shadow: inset 0 0 0 2px #0077b3;\n box-shadow: inset 0 0 0 2px #0077b3;\n}\n.duet-theme-turva .duet-input:focus:required:valid {\n -webkit-box-shadow: inset 0 0 0 2px #111111;\n box-shadow: inset 0 0 0 2px #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}"; }
}
export { DuetInput };

2

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

@@ -289,3 +289,3 @@ Duet.loadBundle('duet-input', ['exports', './chunk-fdfae928.js', './chunk-b11ffd06.js'], function (exports, __chunk_1, __chunk_2) {

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 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 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: 14px;\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 border: 0;\n padding: 0;\n margin: 0;\n padding: 14.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 -webkit-box-shadow: inset 0 0 0 2px #cfd2d4;\n box-shadow: inset 0 0 0 2px #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 -webkit-box-shadow: inset 0 0 0 2px #d1d1d1;\n box-shadow: inset 0 0 0 2px #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 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 -webkit-box-shadow: none !important;\n box-shadow: none !important;\n background: #f5f8fa !important;\n color: #657787 !important;\n}\n.duet-input:hover {\n -webkit-box-shadow: inset 0 0 0 2px #657787;\n box-shadow: inset 0 0 0 2px #657787;\n}\n.duet-theme-turva .duet-input:hover {\n -webkit-box-shadow: inset 0 0 0 2px #757575;\n box-shadow: inset 0 0 0 2px #757575;\n}\n.duet-input:focus {\n -webkit-box-shadow: inset 0 0 0 2px #0077b3;\n box-shadow: inset 0 0 0 2px #0077b3;\n outline: 0;\n}\n.duet-theme-turva .duet-input:focus {\n -webkit-box-shadow: inset 0 0 0 2px #111111;\n box-shadow: inset 0 0 0 2px #111111;\n}\n.duet-input:not(:placeholder-shown):focus:required:invalid {\n -webkit-box-shadow: inset 0 0 0 2px #de2362;\n box-shadow: inset 0 0 0 2px #de2362;\n}\n.duet-theme-turva .duet-input:not(:placeholder-shown):focus:required:invalid {\n -webkit-box-shadow: inset 0 0 0 2px #e02a0d;\n box-shadow: inset 0 0 0 2px #e02a0d;\n}\n.duet-input:focus:required:valid {\n -webkit-box-shadow: inset 0 0 0 2px #0077b3;\n box-shadow: inset 0 0 0 2px #0077b3;\n}\n.duet-theme-turva .duet-input:focus:required:valid {\n -webkit-box-shadow: inset 0 0 0 2px #111111;\n box-shadow: inset 0 0 0 2px #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 {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\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 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: 14px;\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 border: 0;\n padding: 0;\n margin: 0;\n padding: 14.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: inset 0 0 0 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 -webkit-box-shadow: inset 0 0 0 2px #d1d1d1;\n box-shadow: inset 0 0 0 2px #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 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 -webkit-box-shadow: none !important;\n box-shadow: none !important;\n background: #f5f8fa !important;\n color: #657787 !important;\n}\n.duet-input:hover {\n -webkit-box-shadow: inset 0 0 0 2px #657787;\n box-shadow: inset 0 0 0 2px #657787;\n}\n.duet-theme-turva .duet-input:hover {\n -webkit-box-shadow: inset 0 0 0 2px #757575;\n box-shadow: inset 0 0 0 2px #757575;\n}\n.duet-input:focus {\n -webkit-box-shadow: inset 0 0 0 2px #0077b3;\n box-shadow: inset 0 0 0 2px #0077b3;\n outline: 0;\n}\n.duet-theme-turva .duet-input:focus {\n -webkit-box-shadow: inset 0 0 0 2px #111111;\n box-shadow: inset 0 0 0 2px #111111;\n}\n.duet-input:not(:placeholder-shown):focus:required:invalid {\n -webkit-box-shadow: inset 0 0 0 2px #de2362;\n box-shadow: inset 0 0 0 2px #de2362;\n}\n.duet-theme-turva .duet-input:not(:placeholder-shown):focus:required:invalid {\n -webkit-box-shadow: inset 0 0 0 2px #e02a0d;\n box-shadow: inset 0 0 0 2px #e02a0d;\n}\n.duet-input:focus:required:valid {\n -webkit-box-shadow: inset 0 0 0 2px #0077b3;\n box-shadow: inset 0 0 0 2px #0077b3;\n}\n.duet-theme-turva .duet-input:focus:required:valid {\n -webkit-box-shadow: inset 0 0 0 2px #111111;\n box-shadow: inset 0 0 0 2px #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}"; },
enumerable: true,

@@ -292,0 +292,0 @@ configurable: true

2

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

@@ -273,5 +273,5 @@ const h = window.Duet.h;

}]; }
static get style() { return ".sc-duet-input-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\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.sc-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 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.sc-duet-input .duet-label.sc-duet-input {\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.sc-duet-input {\n pointer-events: none;\n z-index: 200;\n width: 20px;\n height: 20px;\n color: #00294d;\n position: absolute;\n bottom: 14px;\n right: 16px;\n}\n.duet-theme-turva.sc-duet-input .duet-input-icon.sc-duet-input {\n color: #c60c30;\n}\n\n.duet-input.sc-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 border: 0;\n padding: 0;\n margin: 0;\n padding: 14.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 -webkit-box-shadow: inset 0 0 0 2px #cfd2d4;\n box-shadow: inset 0 0 0 2px #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.sc-duet-input .duet-input.sc-duet-input {\n padding-right: 48px;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-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 -webkit-box-shadow: inset 0 0 0 2px #d1d1d1;\n box-shadow: inset 0 0 0 2px #d1d1d1;\n color: #111111;\n}\n.duet-input-container.sc-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 border: 0;\n padding: 0;\n margin: 0;\n position: relative;\n width: 100%;\n height: 100%;\n}\n.duet-input.sc-duet-input::-webkit-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-webkit-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input.sc-duet-input::-moz-placeholder {\n color: #cfd2d4;\n opacity: 1 !important;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-moz-placeholder {\n color: #d1d1d1;\n}\n.duet-input.sc-duet-input:-ms-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:-ms-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input[disabled].sc-duet-input, .duet-input.disabled.sc-duet-input {\n cursor: not-allowed !important;\n -webkit-box-shadow: none !important;\n box-shadow: none !important;\n background: #f5f8fa !important;\n color: #657787 !important;\n}\n.duet-input.sc-duet-input:hover {\n -webkit-box-shadow: inset 0 0 0 2px #657787;\n box-shadow: inset 0 0 0 2px #657787;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:hover {\n -webkit-box-shadow: inset 0 0 0 2px #757575;\n box-shadow: inset 0 0 0 2px #757575;\n}\n.duet-input.sc-duet-input:focus {\n -webkit-box-shadow: inset 0 0 0 2px #0077b3;\n box-shadow: inset 0 0 0 2px #0077b3;\n outline: 0;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus {\n -webkit-box-shadow: inset 0 0 0 2px #111111;\n box-shadow: inset 0 0 0 2px #111111;\n}\n.duet-input.sc-duet-input:not(:placeholder-shown):focus:required:invalid {\n -webkit-box-shadow: inset 0 0 0 2px #de2362;\n box-shadow: inset 0 0 0 2px #de2362;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:not(:placeholder-shown):focus:required:invalid {\n -webkit-box-shadow: inset 0 0 0 2px #e02a0d;\n box-shadow: inset 0 0 0 2px #e02a0d;\n}\n.duet-input.sc-duet-input:focus:required:valid {\n -webkit-box-shadow: inset 0 0 0 2px #0077b3;\n box-shadow: inset 0 0 0 2px #0077b3;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus:required:valid {\n -webkit-box-shadow: inset 0 0 0 2px #111111;\n box-shadow: inset 0 0 0 2px #111111;\n}\n.duet-input[type=number].sc-duet-input::-webkit-inner-spin-button, .duet-input[type=number].sc-duet-input::-webkit-outer-spin-button, .duet-input[type=time].sc-duet-input::-webkit-inner-spin-button, .duet-input[type=time].sc-duet-input::-webkit-outer-spin-button {\n -webkit-appearance: none;\n display: none;\n margin: 0;\n}"; }
static get style() { return ".sc-duet-input-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\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.sc-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 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.sc-duet-input .duet-label.sc-duet-input {\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.sc-duet-input {\n pointer-events: none;\n z-index: 200;\n width: 20px;\n height: 20px;\n color: #00294d;\n position: absolute;\n bottom: 14px;\n right: 16px;\n}\n.duet-theme-turva.sc-duet-input .duet-input-icon.sc-duet-input {\n color: #c60c30;\n}\n\n.duet-input.sc-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 border: 0;\n padding: 0;\n margin: 0;\n padding: 14.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: inset 0 0 0 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.sc-duet-input .duet-input.sc-duet-input {\n padding-right: 48px;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-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 -webkit-box-shadow: inset 0 0 0 2px #d1d1d1;\n box-shadow: inset 0 0 0 2px #d1d1d1;\n color: #111111;\n}\n.duet-input-container.sc-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 border: 0;\n padding: 0;\n margin: 0;\n position: relative;\n width: 100%;\n height: 100%;\n}\n.duet-input.sc-duet-input::-webkit-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-webkit-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input.sc-duet-input::-moz-placeholder {\n color: #cfd2d4;\n opacity: 1 !important;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-moz-placeholder {\n color: #d1d1d1;\n}\n.duet-input.sc-duet-input:-ms-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:-ms-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input[disabled].sc-duet-input, .duet-input.disabled.sc-duet-input {\n cursor: not-allowed !important;\n -webkit-box-shadow: none !important;\n box-shadow: none !important;\n background: #f5f8fa !important;\n color: #657787 !important;\n}\n.duet-input.sc-duet-input:hover {\n -webkit-box-shadow: inset 0 0 0 2px #657787;\n box-shadow: inset 0 0 0 2px #657787;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:hover {\n -webkit-box-shadow: inset 0 0 0 2px #757575;\n box-shadow: inset 0 0 0 2px #757575;\n}\n.duet-input.sc-duet-input:focus {\n -webkit-box-shadow: inset 0 0 0 2px #0077b3;\n box-shadow: inset 0 0 0 2px #0077b3;\n outline: 0;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus {\n -webkit-box-shadow: inset 0 0 0 2px #111111;\n box-shadow: inset 0 0 0 2px #111111;\n}\n.duet-input.sc-duet-input:not(:placeholder-shown):focus:required:invalid {\n -webkit-box-shadow: inset 0 0 0 2px #de2362;\n box-shadow: inset 0 0 0 2px #de2362;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:not(:placeholder-shown):focus:required:invalid {\n -webkit-box-shadow: inset 0 0 0 2px #e02a0d;\n box-shadow: inset 0 0 0 2px #e02a0d;\n}\n.duet-input.sc-duet-input:focus:required:valid {\n -webkit-box-shadow: inset 0 0 0 2px #0077b3;\n box-shadow: inset 0 0 0 2px #0077b3;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus:required:valid {\n -webkit-box-shadow: inset 0 0 0 2px #111111;\n box-shadow: inset 0 0 0 2px #111111;\n}\n.duet-input[type=number].sc-duet-input::-webkit-inner-spin-button, .duet-input[type=number].sc-duet-input::-webkit-outer-spin-button, .duet-input[type=time].sc-duet-input::-webkit-inner-spin-button, .duet-input[type=time].sc-duet-input::-webkit-outer-spin-button {\n -webkit-appearance: none;\n display: none;\n margin: 0;\n}"; }
}
export { DuetInput };

2

lib/duet/duet-input.sc.es5.entry.js

@@ -289,3 +289,3 @@ Duet.loadBundle('duet-input', ['exports', './chunk-fdfae928.js', './chunk-b11ffd06.js'], function (exports, __chunk_1, __chunk_2) {

Object.defineProperty(DuetInput, "style", {
get: function () { return ".sc-duet-input-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\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.sc-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 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.sc-duet-input .duet-label.sc-duet-input {\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.sc-duet-input {\n pointer-events: none;\n z-index: 200;\n width: 20px;\n height: 20px;\n color: #00294d;\n position: absolute;\n bottom: 14px;\n right: 16px;\n}\n.duet-theme-turva.sc-duet-input .duet-input-icon.sc-duet-input {\n color: #c60c30;\n}\n\n.duet-input.sc-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 border: 0;\n padding: 0;\n margin: 0;\n padding: 14.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 -webkit-box-shadow: inset 0 0 0 2px #cfd2d4;\n box-shadow: inset 0 0 0 2px #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.sc-duet-input .duet-input.sc-duet-input {\n padding-right: 48px;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-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 -webkit-box-shadow: inset 0 0 0 2px #d1d1d1;\n box-shadow: inset 0 0 0 2px #d1d1d1;\n color: #111111;\n}\n.duet-input-container.sc-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 border: 0;\n padding: 0;\n margin: 0;\n position: relative;\n width: 100%;\n height: 100%;\n}\n.duet-input.sc-duet-input::-webkit-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-webkit-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input.sc-duet-input::-moz-placeholder {\n color: #cfd2d4;\n opacity: 1 !important;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-moz-placeholder {\n color: #d1d1d1;\n}\n.duet-input.sc-duet-input:-ms-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:-ms-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input[disabled].sc-duet-input, .duet-input.disabled.sc-duet-input {\n cursor: not-allowed !important;\n -webkit-box-shadow: none !important;\n box-shadow: none !important;\n background: #f5f8fa !important;\n color: #657787 !important;\n}\n.duet-input.sc-duet-input:hover {\n -webkit-box-shadow: inset 0 0 0 2px #657787;\n box-shadow: inset 0 0 0 2px #657787;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:hover {\n -webkit-box-shadow: inset 0 0 0 2px #757575;\n box-shadow: inset 0 0 0 2px #757575;\n}\n.duet-input.sc-duet-input:focus {\n -webkit-box-shadow: inset 0 0 0 2px #0077b3;\n box-shadow: inset 0 0 0 2px #0077b3;\n outline: 0;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus {\n -webkit-box-shadow: inset 0 0 0 2px #111111;\n box-shadow: inset 0 0 0 2px #111111;\n}\n.duet-input.sc-duet-input:not(:placeholder-shown):focus:required:invalid {\n -webkit-box-shadow: inset 0 0 0 2px #de2362;\n box-shadow: inset 0 0 0 2px #de2362;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:not(:placeholder-shown):focus:required:invalid {\n -webkit-box-shadow: inset 0 0 0 2px #e02a0d;\n box-shadow: inset 0 0 0 2px #e02a0d;\n}\n.duet-input.sc-duet-input:focus:required:valid {\n -webkit-box-shadow: inset 0 0 0 2px #0077b3;\n box-shadow: inset 0 0 0 2px #0077b3;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus:required:valid {\n -webkit-box-shadow: inset 0 0 0 2px #111111;\n box-shadow: inset 0 0 0 2px #111111;\n}\n.duet-input[type=number].sc-duet-input::-webkit-inner-spin-button, .duet-input[type=number].sc-duet-input::-webkit-outer-spin-button, .duet-input[type=time].sc-duet-input::-webkit-inner-spin-button, .duet-input[type=time].sc-duet-input::-webkit-outer-spin-button {\n -webkit-appearance: none;\n display: none;\n margin: 0;\n}"; },
get: function () { return ".sc-duet-input-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\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.sc-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 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.sc-duet-input .duet-label.sc-duet-input {\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.sc-duet-input {\n pointer-events: none;\n z-index: 200;\n width: 20px;\n height: 20px;\n color: #00294d;\n position: absolute;\n bottom: 14px;\n right: 16px;\n}\n.duet-theme-turva.sc-duet-input .duet-input-icon.sc-duet-input {\n color: #c60c30;\n}\n\n.duet-input.sc-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 border: 0;\n padding: 0;\n margin: 0;\n padding: 14.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: inset 0 0 0 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.sc-duet-input .duet-input.sc-duet-input {\n padding-right: 48px;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-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 -webkit-box-shadow: inset 0 0 0 2px #d1d1d1;\n box-shadow: inset 0 0 0 2px #d1d1d1;\n color: #111111;\n}\n.duet-input-container.sc-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 border: 0;\n padding: 0;\n margin: 0;\n position: relative;\n width: 100%;\n height: 100%;\n}\n.duet-input.sc-duet-input::-webkit-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-webkit-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input.sc-duet-input::-moz-placeholder {\n color: #cfd2d4;\n opacity: 1 !important;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-moz-placeholder {\n color: #d1d1d1;\n}\n.duet-input.sc-duet-input:-ms-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:-ms-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input[disabled].sc-duet-input, .duet-input.disabled.sc-duet-input {\n cursor: not-allowed !important;\n -webkit-box-shadow: none !important;\n box-shadow: none !important;\n background: #f5f8fa !important;\n color: #657787 !important;\n}\n.duet-input.sc-duet-input:hover {\n -webkit-box-shadow: inset 0 0 0 2px #657787;\n box-shadow: inset 0 0 0 2px #657787;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:hover {\n -webkit-box-shadow: inset 0 0 0 2px #757575;\n box-shadow: inset 0 0 0 2px #757575;\n}\n.duet-input.sc-duet-input:focus {\n -webkit-box-shadow: inset 0 0 0 2px #0077b3;\n box-shadow: inset 0 0 0 2px #0077b3;\n outline: 0;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus {\n -webkit-box-shadow: inset 0 0 0 2px #111111;\n box-shadow: inset 0 0 0 2px #111111;\n}\n.duet-input.sc-duet-input:not(:placeholder-shown):focus:required:invalid {\n -webkit-box-shadow: inset 0 0 0 2px #de2362;\n box-shadow: inset 0 0 0 2px #de2362;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:not(:placeholder-shown):focus:required:invalid {\n -webkit-box-shadow: inset 0 0 0 2px #e02a0d;\n box-shadow: inset 0 0 0 2px #e02a0d;\n}\n.duet-input.sc-duet-input:focus:required:valid {\n -webkit-box-shadow: inset 0 0 0 2px #0077b3;\n box-shadow: inset 0 0 0 2px #0077b3;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus:required:valid {\n -webkit-box-shadow: inset 0 0 0 2px #111111;\n box-shadow: inset 0 0 0 2px #111111;\n}\n.duet-input[type=number].sc-duet-input::-webkit-inner-spin-button, .duet-input[type=number].sc-duet-input::-webkit-outer-spin-button, .duet-input[type=time].sc-duet-input::-webkit-inner-spin-button, .duet-input[type=time].sc-duet-input::-webkit-outer-spin-button {\n -webkit-appearance: none;\n display: none;\n margin: 0;\n}"; },
enumerable: true,

@@ -292,0 +292,0 @@ configurable: true

2

lib/esm/es2017/build/duet-input.entry.js

@@ -273,5 +273,5 @@ import { h } from '../duet.core.js';

}]; }
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 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 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: 14px;\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 border: 0;\n padding: 0;\n margin: 0;\n padding: 14.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 -webkit-box-shadow: inset 0 0 0 2px #cfd2d4;\n box-shadow: inset 0 0 0 2px #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 -webkit-box-shadow: inset 0 0 0 2px #d1d1d1;\n box-shadow: inset 0 0 0 2px #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 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 -webkit-box-shadow: none !important;\n box-shadow: none !important;\n background: #f5f8fa !important;\n color: #657787 !important;\n}\n.duet-input:hover {\n -webkit-box-shadow: inset 0 0 0 2px #657787;\n box-shadow: inset 0 0 0 2px #657787;\n}\n.duet-theme-turva .duet-input:hover {\n -webkit-box-shadow: inset 0 0 0 2px #757575;\n box-shadow: inset 0 0 0 2px #757575;\n}\n.duet-input:focus {\n -webkit-box-shadow: inset 0 0 0 2px #0077b3;\n box-shadow: inset 0 0 0 2px #0077b3;\n outline: 0;\n}\n.duet-theme-turva .duet-input:focus {\n -webkit-box-shadow: inset 0 0 0 2px #111111;\n box-shadow: inset 0 0 0 2px #111111;\n}\n.duet-input:not(:placeholder-shown):focus:required:invalid {\n -webkit-box-shadow: inset 0 0 0 2px #de2362;\n box-shadow: inset 0 0 0 2px #de2362;\n}\n.duet-theme-turva .duet-input:not(:placeholder-shown):focus:required:invalid {\n -webkit-box-shadow: inset 0 0 0 2px #e02a0d;\n box-shadow: inset 0 0 0 2px #e02a0d;\n}\n.duet-input:focus:required:valid {\n -webkit-box-shadow: inset 0 0 0 2px #0077b3;\n box-shadow: inset 0 0 0 2px #0077b3;\n}\n.duet-theme-turva .duet-input:focus:required:valid {\n -webkit-box-shadow: inset 0 0 0 2px #111111;\n box-shadow: inset 0 0 0 2px #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 {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\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 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: 14px;\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 border: 0;\n padding: 0;\n margin: 0;\n padding: 14.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: inset 0 0 0 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 -webkit-box-shadow: inset 0 0 0 2px #d1d1d1;\n box-shadow: inset 0 0 0 2px #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 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 -webkit-box-shadow: none !important;\n box-shadow: none !important;\n background: #f5f8fa !important;\n color: #657787 !important;\n}\n.duet-input:hover {\n -webkit-box-shadow: inset 0 0 0 2px #657787;\n box-shadow: inset 0 0 0 2px #657787;\n}\n.duet-theme-turva .duet-input:hover {\n -webkit-box-shadow: inset 0 0 0 2px #757575;\n box-shadow: inset 0 0 0 2px #757575;\n}\n.duet-input:focus {\n -webkit-box-shadow: inset 0 0 0 2px #0077b3;\n box-shadow: inset 0 0 0 2px #0077b3;\n outline: 0;\n}\n.duet-theme-turva .duet-input:focus {\n -webkit-box-shadow: inset 0 0 0 2px #111111;\n box-shadow: inset 0 0 0 2px #111111;\n}\n.duet-input:not(:placeholder-shown):focus:required:invalid {\n -webkit-box-shadow: inset 0 0 0 2px #de2362;\n box-shadow: inset 0 0 0 2px #de2362;\n}\n.duet-theme-turva .duet-input:not(:placeholder-shown):focus:required:invalid {\n -webkit-box-shadow: inset 0 0 0 2px #e02a0d;\n box-shadow: inset 0 0 0 2px #e02a0d;\n}\n.duet-input:focus:required:valid {\n -webkit-box-shadow: inset 0 0 0 2px #0077b3;\n box-shadow: inset 0 0 0 2px #0077b3;\n}\n.duet-theme-turva .duet-input:focus:required:valid {\n -webkit-box-shadow: inset 0 0 0 2px #111111;\n box-shadow: inset 0 0 0 2px #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}"; }
}
export { DuetInput };

2

lib/esm/es2017/build/duet-input.sc.entry.js

@@ -273,5 +273,5 @@ import { h } from '../duet.core.js';

}]; }
static get style() { return ".sc-duet-input-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\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.sc-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 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.sc-duet-input .duet-label.sc-duet-input {\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.sc-duet-input {\n pointer-events: none;\n z-index: 200;\n width: 20px;\n height: 20px;\n color: #00294d;\n position: absolute;\n bottom: 14px;\n right: 16px;\n}\n.duet-theme-turva.sc-duet-input .duet-input-icon.sc-duet-input {\n color: #c60c30;\n}\n\n.duet-input.sc-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 border: 0;\n padding: 0;\n margin: 0;\n padding: 14.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 -webkit-box-shadow: inset 0 0 0 2px #cfd2d4;\n box-shadow: inset 0 0 0 2px #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.sc-duet-input .duet-input.sc-duet-input {\n padding-right: 48px;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-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 -webkit-box-shadow: inset 0 0 0 2px #d1d1d1;\n box-shadow: inset 0 0 0 2px #d1d1d1;\n color: #111111;\n}\n.duet-input-container.sc-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 border: 0;\n padding: 0;\n margin: 0;\n position: relative;\n width: 100%;\n height: 100%;\n}\n.duet-input.sc-duet-input::-webkit-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-webkit-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input.sc-duet-input::-moz-placeholder {\n color: #cfd2d4;\n opacity: 1 !important;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-moz-placeholder {\n color: #d1d1d1;\n}\n.duet-input.sc-duet-input:-ms-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:-ms-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input[disabled].sc-duet-input, .duet-input.disabled.sc-duet-input {\n cursor: not-allowed !important;\n -webkit-box-shadow: none !important;\n box-shadow: none !important;\n background: #f5f8fa !important;\n color: #657787 !important;\n}\n.duet-input.sc-duet-input:hover {\n -webkit-box-shadow: inset 0 0 0 2px #657787;\n box-shadow: inset 0 0 0 2px #657787;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:hover {\n -webkit-box-shadow: inset 0 0 0 2px #757575;\n box-shadow: inset 0 0 0 2px #757575;\n}\n.duet-input.sc-duet-input:focus {\n -webkit-box-shadow: inset 0 0 0 2px #0077b3;\n box-shadow: inset 0 0 0 2px #0077b3;\n outline: 0;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus {\n -webkit-box-shadow: inset 0 0 0 2px #111111;\n box-shadow: inset 0 0 0 2px #111111;\n}\n.duet-input.sc-duet-input:not(:placeholder-shown):focus:required:invalid {\n -webkit-box-shadow: inset 0 0 0 2px #de2362;\n box-shadow: inset 0 0 0 2px #de2362;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:not(:placeholder-shown):focus:required:invalid {\n -webkit-box-shadow: inset 0 0 0 2px #e02a0d;\n box-shadow: inset 0 0 0 2px #e02a0d;\n}\n.duet-input.sc-duet-input:focus:required:valid {\n -webkit-box-shadow: inset 0 0 0 2px #0077b3;\n box-shadow: inset 0 0 0 2px #0077b3;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus:required:valid {\n -webkit-box-shadow: inset 0 0 0 2px #111111;\n box-shadow: inset 0 0 0 2px #111111;\n}\n.duet-input[type=number].sc-duet-input::-webkit-inner-spin-button, .duet-input[type=number].sc-duet-input::-webkit-outer-spin-button, .duet-input[type=time].sc-duet-input::-webkit-inner-spin-button, .duet-input[type=time].sc-duet-input::-webkit-outer-spin-button {\n -webkit-appearance: none;\n display: none;\n margin: 0;\n}"; }
static get style() { return ".sc-duet-input-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\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.sc-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 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.sc-duet-input .duet-label.sc-duet-input {\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.sc-duet-input {\n pointer-events: none;\n z-index: 200;\n width: 20px;\n height: 20px;\n color: #00294d;\n position: absolute;\n bottom: 14px;\n right: 16px;\n}\n.duet-theme-turva.sc-duet-input .duet-input-icon.sc-duet-input {\n color: #c60c30;\n}\n\n.duet-input.sc-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 border: 0;\n padding: 0;\n margin: 0;\n padding: 14.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: inset 0 0 0 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.sc-duet-input .duet-input.sc-duet-input {\n padding-right: 48px;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-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 -webkit-box-shadow: inset 0 0 0 2px #d1d1d1;\n box-shadow: inset 0 0 0 2px #d1d1d1;\n color: #111111;\n}\n.duet-input-container.sc-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 border: 0;\n padding: 0;\n margin: 0;\n position: relative;\n width: 100%;\n height: 100%;\n}\n.duet-input.sc-duet-input::-webkit-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-webkit-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input.sc-duet-input::-moz-placeholder {\n color: #cfd2d4;\n opacity: 1 !important;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-moz-placeholder {\n color: #d1d1d1;\n}\n.duet-input.sc-duet-input:-ms-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:-ms-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input[disabled].sc-duet-input, .duet-input.disabled.sc-duet-input {\n cursor: not-allowed !important;\n -webkit-box-shadow: none !important;\n box-shadow: none !important;\n background: #f5f8fa !important;\n color: #657787 !important;\n}\n.duet-input.sc-duet-input:hover {\n -webkit-box-shadow: inset 0 0 0 2px #657787;\n box-shadow: inset 0 0 0 2px #657787;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:hover {\n -webkit-box-shadow: inset 0 0 0 2px #757575;\n box-shadow: inset 0 0 0 2px #757575;\n}\n.duet-input.sc-duet-input:focus {\n -webkit-box-shadow: inset 0 0 0 2px #0077b3;\n box-shadow: inset 0 0 0 2px #0077b3;\n outline: 0;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus {\n -webkit-box-shadow: inset 0 0 0 2px #111111;\n box-shadow: inset 0 0 0 2px #111111;\n}\n.duet-input.sc-duet-input:not(:placeholder-shown):focus:required:invalid {\n -webkit-box-shadow: inset 0 0 0 2px #de2362;\n box-shadow: inset 0 0 0 2px #de2362;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:not(:placeholder-shown):focus:required:invalid {\n -webkit-box-shadow: inset 0 0 0 2px #e02a0d;\n box-shadow: inset 0 0 0 2px #e02a0d;\n}\n.duet-input.sc-duet-input:focus:required:valid {\n -webkit-box-shadow: inset 0 0 0 2px #0077b3;\n box-shadow: inset 0 0 0 2px #0077b3;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus:required:valid {\n -webkit-box-shadow: inset 0 0 0 2px #111111;\n box-shadow: inset 0 0 0 2px #111111;\n}\n.duet-input[type=number].sc-duet-input::-webkit-inner-spin-button, .duet-input[type=number].sc-duet-input::-webkit-outer-spin-button, .duet-input[type=time].sc-duet-input::-webkit-inner-spin-button, .duet-input[type=time].sc-duet-input::-webkit-outer-spin-button {\n -webkit-appearance: none;\n display: none;\n margin: 0;\n}"; }
}
export { DuetInput };

2

lib/esm/es5/build/duet-input.entry.js

@@ -290,3 +290,3 @@ import { h } from '../duet.core.js';

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 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 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: 14px;\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 border: 0;\n padding: 0;\n margin: 0;\n padding: 14.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 -webkit-box-shadow: inset 0 0 0 2px #cfd2d4;\n box-shadow: inset 0 0 0 2px #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 -webkit-box-shadow: inset 0 0 0 2px #d1d1d1;\n box-shadow: inset 0 0 0 2px #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 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 -webkit-box-shadow: none !important;\n box-shadow: none !important;\n background: #f5f8fa !important;\n color: #657787 !important;\n}\n.duet-input:hover {\n -webkit-box-shadow: inset 0 0 0 2px #657787;\n box-shadow: inset 0 0 0 2px #657787;\n}\n.duet-theme-turva .duet-input:hover {\n -webkit-box-shadow: inset 0 0 0 2px #757575;\n box-shadow: inset 0 0 0 2px #757575;\n}\n.duet-input:focus {\n -webkit-box-shadow: inset 0 0 0 2px #0077b3;\n box-shadow: inset 0 0 0 2px #0077b3;\n outline: 0;\n}\n.duet-theme-turva .duet-input:focus {\n -webkit-box-shadow: inset 0 0 0 2px #111111;\n box-shadow: inset 0 0 0 2px #111111;\n}\n.duet-input:not(:placeholder-shown):focus:required:invalid {\n -webkit-box-shadow: inset 0 0 0 2px #de2362;\n box-shadow: inset 0 0 0 2px #de2362;\n}\n.duet-theme-turva .duet-input:not(:placeholder-shown):focus:required:invalid {\n -webkit-box-shadow: inset 0 0 0 2px #e02a0d;\n box-shadow: inset 0 0 0 2px #e02a0d;\n}\n.duet-input:focus:required:valid {\n -webkit-box-shadow: inset 0 0 0 2px #0077b3;\n box-shadow: inset 0 0 0 2px #0077b3;\n}\n.duet-theme-turva .duet-input:focus:required:valid {\n -webkit-box-shadow: inset 0 0 0 2px #111111;\n box-shadow: inset 0 0 0 2px #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 {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\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 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: 14px;\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 border: 0;\n padding: 0;\n margin: 0;\n padding: 14.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: inset 0 0 0 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 -webkit-box-shadow: inset 0 0 0 2px #d1d1d1;\n box-shadow: inset 0 0 0 2px #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 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 -webkit-box-shadow: none !important;\n box-shadow: none !important;\n background: #f5f8fa !important;\n color: #657787 !important;\n}\n.duet-input:hover {\n -webkit-box-shadow: inset 0 0 0 2px #657787;\n box-shadow: inset 0 0 0 2px #657787;\n}\n.duet-theme-turva .duet-input:hover {\n -webkit-box-shadow: inset 0 0 0 2px #757575;\n box-shadow: inset 0 0 0 2px #757575;\n}\n.duet-input:focus {\n -webkit-box-shadow: inset 0 0 0 2px #0077b3;\n box-shadow: inset 0 0 0 2px #0077b3;\n outline: 0;\n}\n.duet-theme-turva .duet-input:focus {\n -webkit-box-shadow: inset 0 0 0 2px #111111;\n box-shadow: inset 0 0 0 2px #111111;\n}\n.duet-input:not(:placeholder-shown):focus:required:invalid {\n -webkit-box-shadow: inset 0 0 0 2px #de2362;\n box-shadow: inset 0 0 0 2px #de2362;\n}\n.duet-theme-turva .duet-input:not(:placeholder-shown):focus:required:invalid {\n -webkit-box-shadow: inset 0 0 0 2px #e02a0d;\n box-shadow: inset 0 0 0 2px #e02a0d;\n}\n.duet-input:focus:required:valid {\n -webkit-box-shadow: inset 0 0 0 2px #0077b3;\n box-shadow: inset 0 0 0 2px #0077b3;\n}\n.duet-theme-turva .duet-input:focus:required:valid {\n -webkit-box-shadow: inset 0 0 0 2px #111111;\n box-shadow: inset 0 0 0 2px #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}"; },
enumerable: true,

@@ -293,0 +293,0 @@ configurable: true

2

lib/esm/es5/build/duet-input.sc.entry.js

@@ -290,3 +290,3 @@ import { h } from '../duet.core.js';

Object.defineProperty(DuetInput, "style", {
get: function () { return ".sc-duet-input-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\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.sc-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 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.sc-duet-input .duet-label.sc-duet-input {\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.sc-duet-input {\n pointer-events: none;\n z-index: 200;\n width: 20px;\n height: 20px;\n color: #00294d;\n position: absolute;\n bottom: 14px;\n right: 16px;\n}\n.duet-theme-turva.sc-duet-input .duet-input-icon.sc-duet-input {\n color: #c60c30;\n}\n\n.duet-input.sc-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 border: 0;\n padding: 0;\n margin: 0;\n padding: 14.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 -webkit-box-shadow: inset 0 0 0 2px #cfd2d4;\n box-shadow: inset 0 0 0 2px #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.sc-duet-input .duet-input.sc-duet-input {\n padding-right: 48px;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-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 -webkit-box-shadow: inset 0 0 0 2px #d1d1d1;\n box-shadow: inset 0 0 0 2px #d1d1d1;\n color: #111111;\n}\n.duet-input-container.sc-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 border: 0;\n padding: 0;\n margin: 0;\n position: relative;\n width: 100%;\n height: 100%;\n}\n.duet-input.sc-duet-input::-webkit-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-webkit-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input.sc-duet-input::-moz-placeholder {\n color: #cfd2d4;\n opacity: 1 !important;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-moz-placeholder {\n color: #d1d1d1;\n}\n.duet-input.sc-duet-input:-ms-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:-ms-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input[disabled].sc-duet-input, .duet-input.disabled.sc-duet-input {\n cursor: not-allowed !important;\n -webkit-box-shadow: none !important;\n box-shadow: none !important;\n background: #f5f8fa !important;\n color: #657787 !important;\n}\n.duet-input.sc-duet-input:hover {\n -webkit-box-shadow: inset 0 0 0 2px #657787;\n box-shadow: inset 0 0 0 2px #657787;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:hover {\n -webkit-box-shadow: inset 0 0 0 2px #757575;\n box-shadow: inset 0 0 0 2px #757575;\n}\n.duet-input.sc-duet-input:focus {\n -webkit-box-shadow: inset 0 0 0 2px #0077b3;\n box-shadow: inset 0 0 0 2px #0077b3;\n outline: 0;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus {\n -webkit-box-shadow: inset 0 0 0 2px #111111;\n box-shadow: inset 0 0 0 2px #111111;\n}\n.duet-input.sc-duet-input:not(:placeholder-shown):focus:required:invalid {\n -webkit-box-shadow: inset 0 0 0 2px #de2362;\n box-shadow: inset 0 0 0 2px #de2362;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:not(:placeholder-shown):focus:required:invalid {\n -webkit-box-shadow: inset 0 0 0 2px #e02a0d;\n box-shadow: inset 0 0 0 2px #e02a0d;\n}\n.duet-input.sc-duet-input:focus:required:valid {\n -webkit-box-shadow: inset 0 0 0 2px #0077b3;\n box-shadow: inset 0 0 0 2px #0077b3;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus:required:valid {\n -webkit-box-shadow: inset 0 0 0 2px #111111;\n box-shadow: inset 0 0 0 2px #111111;\n}\n.duet-input[type=number].sc-duet-input::-webkit-inner-spin-button, .duet-input[type=number].sc-duet-input::-webkit-outer-spin-button, .duet-input[type=time].sc-duet-input::-webkit-inner-spin-button, .duet-input[type=time].sc-duet-input::-webkit-outer-spin-button {\n -webkit-appearance: none;\n display: none;\n margin: 0;\n}"; },
get: function () { return ".sc-duet-input-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\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.sc-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 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.sc-duet-input .duet-label.sc-duet-input {\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.sc-duet-input {\n pointer-events: none;\n z-index: 200;\n width: 20px;\n height: 20px;\n color: #00294d;\n position: absolute;\n bottom: 14px;\n right: 16px;\n}\n.duet-theme-turva.sc-duet-input .duet-input-icon.sc-duet-input {\n color: #c60c30;\n}\n\n.duet-input.sc-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 border: 0;\n padding: 0;\n margin: 0;\n padding: 14.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: inset 0 0 0 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.sc-duet-input .duet-input.sc-duet-input {\n padding-right: 48px;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-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 -webkit-box-shadow: inset 0 0 0 2px #d1d1d1;\n box-shadow: inset 0 0 0 2px #d1d1d1;\n color: #111111;\n}\n.duet-input-container.sc-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 border: 0;\n padding: 0;\n margin: 0;\n position: relative;\n width: 100%;\n height: 100%;\n}\n.duet-input.sc-duet-input::-webkit-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-webkit-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input.sc-duet-input::-moz-placeholder {\n color: #cfd2d4;\n opacity: 1 !important;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-moz-placeholder {\n color: #d1d1d1;\n}\n.duet-input.sc-duet-input:-ms-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:-ms-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input[disabled].sc-duet-input, .duet-input.disabled.sc-duet-input {\n cursor: not-allowed !important;\n -webkit-box-shadow: none !important;\n box-shadow: none !important;\n background: #f5f8fa !important;\n color: #657787 !important;\n}\n.duet-input.sc-duet-input:hover {\n -webkit-box-shadow: inset 0 0 0 2px #657787;\n box-shadow: inset 0 0 0 2px #657787;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:hover {\n -webkit-box-shadow: inset 0 0 0 2px #757575;\n box-shadow: inset 0 0 0 2px #757575;\n}\n.duet-input.sc-duet-input:focus {\n -webkit-box-shadow: inset 0 0 0 2px #0077b3;\n box-shadow: inset 0 0 0 2px #0077b3;\n outline: 0;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus {\n -webkit-box-shadow: inset 0 0 0 2px #111111;\n box-shadow: inset 0 0 0 2px #111111;\n}\n.duet-input.sc-duet-input:not(:placeholder-shown):focus:required:invalid {\n -webkit-box-shadow: inset 0 0 0 2px #de2362;\n box-shadow: inset 0 0 0 2px #de2362;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:not(:placeholder-shown):focus:required:invalid {\n -webkit-box-shadow: inset 0 0 0 2px #e02a0d;\n box-shadow: inset 0 0 0 2px #e02a0d;\n}\n.duet-input.sc-duet-input:focus:required:valid {\n -webkit-box-shadow: inset 0 0 0 2px #0077b3;\n box-shadow: inset 0 0 0 2px #0077b3;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus:required:valid {\n -webkit-box-shadow: inset 0 0 0 2px #111111;\n box-shadow: inset 0 0 0 2px #111111;\n}\n.duet-input[type=number].sc-duet-input::-webkit-inner-spin-button, .duet-input[type=number].sc-duet-input::-webkit-outer-spin-button, .duet-input[type=time].sc-duet-input::-webkit-inner-spin-button, .duet-input[type=time].sc-duet-input::-webkit-outer-spin-button {\n -webkit-appearance: none;\n display: none;\n margin: 0;\n}"; },
enumerable: true,

@@ -293,0 +293,0 @@ configurable: true

6

package.json
{
"name": "@duetds/components",
"version": "0.0.1-alpha.41",
"version": "0.0.1-alpha.42",
"description": "This package includes Duet Components and related tools.",

@@ -42,7 +42,7 @@ "author": "Viljami Salminen <ext-viljami.salminen@lahitapiola.fi>",

},
"gitHead": "3f324d247d9aaca28f27b750c7ff591bf1dd4871",
"gitHead": "1c3e8633b2f5f09ad0693d75b099701c2cffd381",
"devDependencies": {
"@duetds/fonts": "^1.1.0",
"@duetds/icons": "^1.0.3",
"@duetds/tokens": "^1.2.0",
"@duetds/tokens": "^1.2.1",
"@stencil/core": "^0.18.1",

@@ -49,0 +49,0 @@ "@stencil/sass": "^0.2.1",

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

Sorry, the diff of this file is not supported yet

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

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc