@zonos/elements 1.3.248 → 1.3.250

package/dist/cjs/zonos-toggle.cjs.entry.js

@@ -1,35 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-69fa8852.js');
-const zonosStore = require('./zonosStore-37a4b4f4.js');
-const classes = require('./classes-b7918f56.js');
-require('./VarianceTest-bec00ea8.js');
-
-const zonosToggleCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-inline-flexbox;display:inline-flex}:host .wrapper{position:relative;border-radius:6px;background-color:var(--zonos-elements-gray-50);display:-ms-flexbox;display:flex}:host .zonos--toggle-selected-slider{z-index:1;position:absolute;background-color:var(--zonos-elements-raised-surface-color);height:100%;-webkit-box-shadow:var(--zonos-elements-shadow-button-standard);box-shadow:var(--zonos-elements-shadow-button-standard);border-radius:6px;-webkit-animation:translate 0.3s ease-in-out;animation:translate 0.3s ease-in-out}:host .zonos--option{background:transparent;border:0;z-index:2;cursor:pointer;padding:4px 12px;border-radius:6px;-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);font-size:var(--zonos-elements-font-size-base);font-weight:500;color:var(--zonos-elements-text-color-secondary)}:host .zonos--option:focus{outline:none}:host .zonos--option:hover:not(.selected){color:var(--zonos-elements-text-color)}:host .zonos--option.selected{color:var(--zonos-elements-text-color);background-color:var(--zonos-elements-raised-surface-color);height:100%;-webkit-box-shadow:var(--zonos-elements-shadow-button-standard);box-shadow:var(--zonos-elements-shadow-button-standard);border-radius:6px;-webkit-animation:translate 0.3s ease-in-out;animation:translate 0.3s ease-in-out}";
-const ZonosToggleStyle0 = zonosToggleCss;
-
-const ZonosToggle = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.toggleChanged = index.createEvent(this, "toggleChanged", 7);
-        /**
-         * Options for the toggle
-         */
-        this.options = [];
-    }
-    render() {
-        return (index.h(index.Host, { key: 'e6be1b38ea1fd978a231a1c3dc85a92c1d86a24b', class: classes.classes(['zonos--elements zonos--toggle']), style: {
-                '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: 'e9ccac29c3f653e3e9d81d336089d6aaea6bbf6c', class: "wrapper" }, this.options.map(option => {
-            const selected = option.value === this.value;
-            return (index.h("button", { class: classes.classes(['zonos--option', selected && 'selected']), key: option.value, onClick: () => {
-                    this.toggleChanged.emit(option.value);
-                } }, option.label));
-        }))));
-    }
-};
-ZonosToggle.style = ZonosToggleStyle0;
-
-exports.zonos_toggle = ZonosToggle;