tuix-webcomponents 0.62.0 → 0.64.0

package/dist/src/tuix-toggle-button/TuixToggleButton.d.ts

@@ -1,13 +0,0 @@
-import { LitElement } from 'lit';
-import { CheckboxLabelSide } from '../tuix-checkbox/enums/tuix-checkbox.enums.js';
-export declare class TuixToggleButton extends LitElement {
-    static styles: import("lit").CSSResult[];
-    checked: boolean;
-    disabled: boolean;
-    dark: boolean;
-    label: string;
-    labelSide: CheckboxLabelSide;
-    private _onToggleButtonChange;
-    private _getFullContainerClasses;
-    protected render(): import("lit-html").TemplateResult<1>;
-}

package/dist/src/tuix-toggle-button/TuixToggleButton.js

@@ -1,86 +0,0 @@
-import { __decorate } from "tslib";
-import { LitElement, html } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { classMap } from 'lit/directives/class-map.js';
-import { CheckboxLabelSide } from '../tuix-checkbox/enums/tuix-checkbox.enums.js';
-import { TextSize, TextVariant } from '../tuix-text/enums/tuix-text.enums.js';
-import { toggleButtonCheckmarkStyles, toggleButtonContainerStyles, toggleButtonHostStyles, toggleButtonInnerStyles, toggleButtonLabelStyles, } from './TuixToggleButton.styles.js';
-let TuixToggleButton = class TuixToggleButton extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.checked = false;
-        this.disabled = false;
-        this.dark = false;
-        this.label = '';
-        this.labelSide = CheckboxLabelSide.RIGHT;
-    }
-    _onToggleButtonChange(event) {
-        this.dispatchEvent(new CustomEvent('change', {
-            detail: {
-                value: event.target.checked,
-                label: this.label,
-            },
-            bubbles: true,
-        }));
-    }
-    _getFullContainerClasses() {
-        return {
-            't-toggle-button-full-container': true,
-            't-with-label-left': this.labelSide === CheckboxLabelSide.LEFT,
-        };
-    }
-    render() {
-        return html `<label class="${classMap(this._getFullContainerClasses())}">
-      <div class="t-toggle-button-container">
-        <input
-          type="checkbox"
-          class="t-toggle-button"
-          .checked="${this.checked}"
-          ?disabled="${this.disabled}"
-          @change="${this._onToggleButtonChange}"
-        />
-        <div class="t-toggle-button-checkmark">
-          <div class="t-toggle-button-inner"></div>
-        </div>
-      </div>
-      <div class="t-toggle-button-label">
-        <slot>
-          <tuix-text
-            size="${TextSize.Field1}"
-            color="${TextVariant.PRIMARY}"
-            ?dark="${this.dark}"
-          >
-            ${this.label}
-          </tuix-text>
-        </slot>
-      </div>
-    </label>`;
-    }
-};
-TuixToggleButton.styles = [
-    toggleButtonHostStyles,
-    toggleButtonContainerStyles,
-    toggleButtonCheckmarkStyles,
-    toggleButtonInnerStyles,
-    toggleButtonLabelStyles,
-];
-__decorate([
-    property({ type: Boolean })
-], TuixToggleButton.prototype, "checked", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], TuixToggleButton.prototype, "disabled", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], TuixToggleButton.prototype, "dark", void 0);
-__decorate([
-    property({ type: String })
-], TuixToggleButton.prototype, "label", void 0);
-__decorate([
-    property({ type: String })
-], TuixToggleButton.prototype, "labelSide", void 0);
-TuixToggleButton = __decorate([
-    customElement('tuix-toggle-button')
-], TuixToggleButton);
-export { TuixToggleButton };
-//# sourceMappingURL=TuixToggleButton.js.map

package/dist/src/tuix-toggle-button/TuixToggleButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TuixToggleButton.js","sourceRoot":"","sources":["../../../src/tuix-toggle-button/TuixToggleButton.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAa,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAC/E,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EACL,2BAA2B,EAC3B,2BAA2B,EAC3B,sBAAsB,EACtB,uBAAuB,EACvB,uBAAuB,GACxB,MAAM,2BAA2B,CAAC;AAGnC,IAAa,gBAAgB,GAA7B,MAAa,gBAAiB,SAAQ,UAAU;IAAhD;;QAUE,YAAO,GAAG,KAAK,CAAC;QAGhB,aAAQ,GAAG,KAAK,CAAC;QAGjB,SAAI,GAAG,KAAK,CAAC;QAGb,UAAK,GAAG,EAAE,CAAC;QAGX,cAAS,GAAG,iBAAiB,CAAC,KAAK,CAAC;IAgDtC,CAAC;IA9CS,qBAAqB,CAAC,KAAiB;QAC7C,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,QAAQ,EAAE;YACxB,MAAM,EAAE;gBACN,KAAK,EAAG,KAAK,CAAC,MAA2B,CAAC,OAAO;gBACjD,KAAK,EAAE,IAAI,CAAC,KAAK;aAClB;YACD,OAAO,EAAE,IAAI;SACd,CAAC,CACH,CAAC;IACJ,CAAC;IAEO,wBAAwB;QAC9B,OAAO;YACL,gCAAgC,EAAE,IAAI;YACtC,mBAAmB,EAAE,IAAI,CAAC,SAAS,KAAK,iBAAiB,CAAC,IAAI;SAC/D,CAAC;IACJ,CAAC;IAES,MAAM;QACd,OAAO,IAAI,CAAA,iBAAiB,QAAQ,CAAC,IAAI,CAAC,wBAAwB,EAAE,CAAC;;;;;sBAKnD,IAAI,CAAC,OAAO;uBACX,IAAI,CAAC,QAAQ;qBACf,IAAI,CAAC,qBAAqB;;;;;;;;;oBAS3B,QAAQ,CAAC,MAAM;qBACd,WAAW,CAAC,OAAO;qBACnB,IAAI,CAAC,IAAI;;cAEhB,IAAI,CAAC,KAAK;;;;aAIX,CAAC;IACZ,CAAC;;AApEM,uBAAM,GAAG;IACd,sBAAsB;IACtB,2BAA2B;IAC3B,2BAA2B;IAC3B,uBAAuB;IACvB,uBAAuB;CACxB,AANY,CAMX;AAGF;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;iDACZ;AAGhB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDAC1B;AAGjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8CAC9B;AAGb;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CAChB;AAGX;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mDACS;AAtBzB,gBAAgB;IAD5B,aAAa,CAAC,oBAAoB,CAAC;GACvB,gBAAgB,CAsE5B;SAtEY,gBAAgB","sourcesContent":["import { LitElement, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { ClassInfo, classMap } from 'lit/directives/class-map.js';\nimport { CheckboxLabelSide } from '../tuix-checkbox/enums/tuix-checkbox.enums';\nimport { TextSize, TextVariant } from '../tuix-text/enums/tuix-text.enums';\nimport {\n  toggleButtonCheckmarkStyles,\n  toggleButtonContainerStyles,\n  toggleButtonHostStyles,\n  toggleButtonInnerStyles,\n  toggleButtonLabelStyles,\n} from './TuixToggleButton.styles';\n\n@customElement('tuix-toggle-button')\nexport class TuixToggleButton extends LitElement {\n  static styles = [\n    toggleButtonHostStyles,\n    toggleButtonContainerStyles,\n    toggleButtonCheckmarkStyles,\n    toggleButtonInnerStyles,\n    toggleButtonLabelStyles,\n  ];\n\n  @property({ type: Boolean })\n  checked = false;\n\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  @property({ type: Boolean, reflect: true })\n  dark = false;\n\n  @property({ type: String })\n  label = '';\n\n  @property({ type: String })\n  labelSide = CheckboxLabelSide.RIGHT;\n\n  private _onToggleButtonChange(event: InputEvent) {\n    this.dispatchEvent(\n      new CustomEvent('change', {\n        detail: {\n          value: (event.target as HTMLInputElement).checked,\n          label: this.label,\n        },\n        bubbles: true,\n      })\n    );\n  }\n\n  private _getFullContainerClasses(): ClassInfo {\n    return {\n      't-toggle-button-full-container': true,\n      't-with-label-left': this.labelSide === CheckboxLabelSide.LEFT,\n    };\n  }\n\n  protected render() {\n    return html`<label class=\"${classMap(this._getFullContainerClasses())}\">\n      <div class=\"t-toggle-button-container\">\n        <input\n          type=\"checkbox\"\n          class=\"t-toggle-button\"\n          .checked=\"${this.checked}\"\n          ?disabled=\"${this.disabled}\"\n          @change=\"${this._onToggleButtonChange}\"\n        />\n        <div class=\"t-toggle-button-checkmark\">\n          <div class=\"t-toggle-button-inner\"></div>\n        </div>\n      </div>\n      <div class=\"t-toggle-button-label\">\n        <slot>\n          <tuix-text\n            size=\"${TextSize.Field1}\"\n            color=\"${TextVariant.PRIMARY}\"\n            ?dark=\"${this.dark}\"\n          >\n            ${this.label}\n          </tuix-text>\n        </slot>\n      </div>\n    </label>`;\n  }\n}\n"]}

package/dist/src/tuix-toggle-button/TuixToggleButton.styles.d.ts

@@ -1,5 +0,0 @@
-export declare const toggleButtonHostStyles: import("lit").CSSResult;
-export declare const toggleButtonContainerStyles: import("lit").CSSResult;
-export declare const toggleButtonCheckmarkStyles: import("lit").CSSResult;
-export declare const toggleButtonInnerStyles: import("lit").CSSResult;
-export declare const toggleButtonLabelStyles: import("lit").CSSResult;

package/dist/src/tuix-toggle-button/TuixToggleButton.styles.js

@@ -1,135 +0,0 @@
-import { css, unsafeCSS } from 'lit';
-import { hostStyles } from '../tuix-checkbox/TuixCheckbox.styles.js';
-import { Palette } from '../utils/colors.js';
-import { DarkPalette } from '../utils/darkColors.js';
-import { ScreenSizes } from '../utils/screenSizes.enum.js';
-export const toggleButtonHostStyles = css `
-  ${hostStyles}
-  :host {
-    --t-bg-color-primary: ${unsafeCSS(Palette.PRIMARY_300)};
-    --t-bg-color-disabled: ${unsafeCSS(Palette.PRIMARY_100)};
-    --t-toggle-shadow-color-focus: rgba(142, 141, 208, 0.16);
-  }
-  :host([dark]) {
-    --t-bg-color-primary: ${unsafeCSS(DarkPalette.PRIMARY_800)};
-    --t-bg-color-disabled: ${unsafeCSS(DarkPalette.PRIMARY_800)};
-    --t-bg-color-inner: ${unsafeCSS(DarkPalette.WHITE)};
-  }
-  :host([dark][disabled]) {
-    --t-bg-color-inner: ${unsafeCSS(DarkPalette.MAIN)};
-  }
-`;
-export const toggleButtonContainerStyles = css `
-  .t-toggle-button-full-container {
-    display: flex;
-    justify-content: var(--t-label-right-default-justify, flex-start);
-    cursor: pointer;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-  }
-  :host([disabled]) .t-toggle-button-full-container {
-    cursor: not-allowed;
-  }
-  .t-toggle-button-container {
-    --t-toggle-button-size-box: 3rem;
-    --t-toggle-button-shadow-width: 2px;
-    --t-toggle-inner-radio: 1rem;
-    display: block;
-    position: relative;
-    height: calc(var(--t-toggle-button-size-box) / 2);
-    width: var(--t-toggle-button-size-box);
-    min-width: var(--t-toggle-button-size-box);
-  }
-  .t-toggle-button-container .t-toggle-button {
-    position: absolute;
-    opacity: 0;
-    height: 0;
-    width: 0;
-  }
-  .t-radio-button-full-container:not(.t-with-label-left) {
-    justify-content: flex-start;
-  }
-  @media only screen and (max-width: ${ScreenSizes.MOBILE}px) {
-    .t-toggle-button-container {
-      --t-toggle-button-size-box: 2rem;
-      --t-toggle-button-shadow-width: 1px;
-      --t-toggle-inner-radio: 0.75rem;
-      margin-top: 1px;
-    }
-  }
-`;
-export const toggleButtonCheckmarkStyles = css `
-  .t-toggle-button-container .t-toggle-button-checkmark {
-    position: absolute;
-    top: 0;
-    left: 0;
-    display: flex;
-    height: calc(var(--t-toggle-button-size-box) / 2);
-    width: var(--t-toggle-button-size-box);
-    border-radius: 0.75rem;
-    background-color: var(--t-bg-color-primary);
-    box-sizing: border-box;
-  }
-  .t-toggle-button-container
-    .t-toggle-button:checked
-    ~ .t-toggle-button-checkmark {
-    background-color: var(--t-main-color-tuix);
-  }
-  .t-toggle-button-full-container:hover
-    .t-toggle-button-container
-    .t-toggle-button-checkmark {
-    box-shadow: 0px 4px 4px 0px var(--t-toggle-shadow-color-focus);
-  }
-  .t-toggle-button-container
-    .t-toggle-button:focus
-    ~ .t-toggle-button-checkmark {
-    box-shadow: 0 0 0px var(--t-toggle-button-shadow-width)
-      var(--t-stroke-color-focus);
-  }
-  .t-toggle-button-container
-    .t-toggle-button:disabled
-    ~ .t-toggle-button-checkmark {
-    background-color: var(--t-bg-color-disabled);
-    box-shadow: none;
-  }
-`;
-export const toggleButtonInnerStyles = css `
-  .t-toggle-button-container .t-toggle-button-checkmark .t-toggle-button-inner {
-    background-color: var(--t-bg-color-inner, ${unsafeCSS(Palette.WHITE)});
-    margin: auto auto auto calc(var(--t-toggle-button-shadow-width) * 2);
-    height: var(--t-toggle-inner-radio);
-    width: var(--t-toggle-inner-radio);
-    border-radius: 50%;
-    display: block;
-    transition: 0.3s;
-  }
-  .t-toggle-button-container
-    .t-toggle-button:checked
-    ~ .t-toggle-button-checkmark
-    .t-toggle-button-inner {
-    transform: translateX(
-      calc(
-        var(--t-toggle-button-size-box) - var(--t-toggle-inner-radio) -
-          var(--t-toggle-button-shadow-width) * 4
-      )
-    );
-  }
-`;
-export const toggleButtonLabelStyles = css `
-  .t-toggle-button-label {
-    display: block;
-    color: var(--t-text-color-label);
-    margin-left: 0.625rem;
-  }
-  .t-toggle-button-full-container.t-with-label-left {
-    flex-direction: row-reverse;
-    justify-content: var(--t-label-left-default-justify, space-between);
-  }
-  .t-toggle-button-full-container.t-with-label-left .t-toggle-button-label {
-    margin-right: 0.625rem;
-    margin-left: 0;
-  }
-`;
-//# sourceMappingURL=TuixToggleButton.styles.js.map

package/dist/src/tuix-toggle-button/TuixToggleButton.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TuixToggleButton.styles.js","sourceRoot":"","sources":["../../../src/tuix-toggle-button/TuixToggleButton.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAExD,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAA;IACrC,UAAU;;4BAEc,SAAS,CAAC,OAAO,CAAC,WAAW,CAAC;6BAC7B,SAAS,CAAC,OAAO,CAAC,WAAW,CAAC;;;;4BAI/B,SAAS,CAAC,WAAW,CAAC,WAAW,CAAC;6BACjC,SAAS,CAAC,WAAW,CAAC,WAAW,CAAC;0BACrC,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC;;;0BAG5B,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC;;CAEpD,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uCAgCP,WAAW,CAAC,MAAM;;;;;;;;CAQxD,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkC7C,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,CAAA;;gDAEM,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC;;;;;;;;;;;;;;;;;;;CAmBvE,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;CAczC,CAAC","sourcesContent":["import { css, unsafeCSS } from 'lit';\nimport { hostStyles } from '../tuix-checkbox/TuixCheckbox.styles';\nimport { Palette } from '../utils/colors';\nimport { DarkPalette } from '../utils/darkColors';\nimport { ScreenSizes } from '../utils/screenSizes.enum';\n\nexport const toggleButtonHostStyles = css`\n  ${hostStyles}\n  :host {\n    --t-bg-color-primary: ${unsafeCSS(Palette.PRIMARY_300)};\n    --t-bg-color-disabled: ${unsafeCSS(Palette.PRIMARY_100)};\n    --t-toggle-shadow-color-focus: rgba(142, 141, 208, 0.16);\n  }\n  :host([dark]) {\n    --t-bg-color-primary: ${unsafeCSS(DarkPalette.PRIMARY_800)};\n    --t-bg-color-disabled: ${unsafeCSS(DarkPalette.PRIMARY_800)};\n    --t-bg-color-inner: ${unsafeCSS(DarkPalette.WHITE)};\n  }\n  :host([dark][disabled]) {\n    --t-bg-color-inner: ${unsafeCSS(DarkPalette.MAIN)};\n  }\n`;\n\nexport const toggleButtonContainerStyles = css`\n  .t-toggle-button-full-container {\n    display: flex;\n    justify-content: var(--t-label-right-default-justify, flex-start);\n    cursor: pointer;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n  }\n  :host([disabled]) .t-toggle-button-full-container {\n    cursor: not-allowed;\n  }\n  .t-toggle-button-container {\n    --t-toggle-button-size-box: 3rem;\n    --t-toggle-button-shadow-width: 2px;\n    --t-toggle-inner-radio: 1rem;\n    display: block;\n    position: relative;\n    height: calc(var(--t-toggle-button-size-box) / 2);\n    width: var(--t-toggle-button-size-box);\n    min-width: var(--t-toggle-button-size-box);\n  }\n  .t-toggle-button-container .t-toggle-button {\n    position: absolute;\n    opacity: 0;\n    height: 0;\n    width: 0;\n  }\n  .t-radio-button-full-container:not(.t-with-label-left) {\n    justify-content: flex-start;\n  }\n  @media only screen and (max-width: ${ScreenSizes.MOBILE}px) {\n    .t-toggle-button-container {\n      --t-toggle-button-size-box: 2rem;\n      --t-toggle-button-shadow-width: 1px;\n      --t-toggle-inner-radio: 0.75rem;\n      margin-top: 1px;\n    }\n  }\n`;\n\nexport const toggleButtonCheckmarkStyles = css`\n  .t-toggle-button-container .t-toggle-button-checkmark {\n    position: absolute;\n    top: 0;\n    left: 0;\n    display: flex;\n    height: calc(var(--t-toggle-button-size-box) / 2);\n    width: var(--t-toggle-button-size-box);\n    border-radius: 0.75rem;\n    background-color: var(--t-bg-color-primary);\n    box-sizing: border-box;\n  }\n  .t-toggle-button-container\n    .t-toggle-button:checked\n    ~ .t-toggle-button-checkmark {\n    background-color: var(--t-main-color-tuix);\n  }\n  .t-toggle-button-full-container:hover\n    .t-toggle-button-container\n    .t-toggle-button-checkmark {\n    box-shadow: 0px 4px 4px 0px var(--t-toggle-shadow-color-focus);\n  }\n  .t-toggle-button-container\n    .t-toggle-button:focus\n    ~ .t-toggle-button-checkmark {\n    box-shadow: 0 0 0px var(--t-toggle-button-shadow-width)\n      var(--t-stroke-color-focus);\n  }\n  .t-toggle-button-container\n    .t-toggle-button:disabled\n    ~ .t-toggle-button-checkmark {\n    background-color: var(--t-bg-color-disabled);\n    box-shadow: none;\n  }\n`;\n\nexport const toggleButtonInnerStyles = css`\n  .t-toggle-button-container .t-toggle-button-checkmark .t-toggle-button-inner {\n    background-color: var(--t-bg-color-inner, ${unsafeCSS(Palette.WHITE)});\n    margin: auto auto auto calc(var(--t-toggle-button-shadow-width) * 2);\n    height: var(--t-toggle-inner-radio);\n    width: var(--t-toggle-inner-radio);\n    border-radius: 50%;\n    display: block;\n    transition: 0.3s;\n  }\n  .t-toggle-button-container\n    .t-toggle-button:checked\n    ~ .t-toggle-button-checkmark\n    .t-toggle-button-inner {\n    transform: translateX(\n      calc(\n        var(--t-toggle-button-size-box) - var(--t-toggle-inner-radio) -\n          var(--t-toggle-button-shadow-width) * 4\n      )\n    );\n  }\n`;\n\nexport const toggleButtonLabelStyles = css`\n  .t-toggle-button-label {\n    display: block;\n    color: var(--t-text-color-label);\n    margin-left: 0.625rem;\n  }\n  .t-toggle-button-full-container.t-with-label-left {\n    flex-direction: row-reverse;\n    justify-content: var(--t-label-left-default-justify, space-between);\n  }\n  .t-toggle-button-full-container.t-with-label-left .t-toggle-button-label {\n    margin-right: 0.625rem;\n    margin-left: 0;\n  }\n`;\n"]}

package/dist/src/tuix-toggle-button/interfaces/tuix-toggle.interface.d.ts

@@ -1,2 +0,0 @@
-import { CustomEventTuixCheckbox } from '../../tuix-checkbox/interfaces/tuix-checkbox.interface.js';
-export type CustomEventTuixToggle = CustomEventTuixCheckbox;

package/dist/src/tuix-toggle-button/interfaces/tuix-toggle.interface.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=tuix-toggle.interface.js.map

package/dist/src/tuix-toggle-button/interfaces/tuix-toggle.interface.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tuix-toggle.interface.js","sourceRoot":"","sources":["../../../../src/tuix-toggle-button/interfaces/tuix-toggle.interface.ts"],"names":[],"mappings":"","sourcesContent":["import { CustomEventTuixCheckbox } from '../../tuix-checkbox/interfaces/tuix-checkbox.interface';\n\nexport type CustomEventTuixToggle = CustomEventTuixCheckbox;\n"]}

package/dist/src/utils/colors.d.ts

@@ -1,29 +0,0 @@
-export declare enum Palette {
-    PRIMARY_50 = "#F5F5FA",
-    PRIMARY_100 = "#EBEAF4",
-    PRIMARY_200 = "#D1D1E6",
-    PRIMARY_300 = "#A8A9D1",
-    PRIMARY_400 = "#7A7CB6",
-    MAIN = "#585A9D",
-    DARK_MAIN = "#33355B",
-    PRIMARY_600 = "#454584",
-    PRIMARY_700 = "#3A396B",
-    PRIMARY_800 = "#32325A",
-    PRIMARY_900 = "#2E2D4D",
-    PRIMARY_950 = "#1F1E33",
-    SECONDARY = "#BBADFF",
-    WHITE = "#FFFFFF",
-    BLACK = "#121212",
-    NEUTRAL_200 = "#C9C8D3",
-    NEUTRAL_600 = "#8A8894",
-    SUCCESS = "#439F6E",
-    SUCCESS_50 = "#F1F9F5",
-    VALIDATION = "#FFB82E",
-    VALIDATION_50 = "#FFFBF4",
-    VALIDATION_200 = "#FFEAC1",
-    ERROR = "#F93232",
-    ERROR_50 = "#FFF5F5",
-    ERROR_200 = "#FFD8D8",
-    SECTION_BG = "#FAFAFA",
-    SHADOW = "rgba(66, 79, 101, 0.16)"
-}

package/dist/src/utils/colors.js

@@ -1,31 +0,0 @@
-export var Palette;
-(function (Palette) {
-    Palette["PRIMARY_50"] = "#F5F5FA";
-    Palette["PRIMARY_100"] = "#EBEAF4";
-    Palette["PRIMARY_200"] = "#D1D1E6";
-    Palette["PRIMARY_300"] = "#A8A9D1";
-    Palette["PRIMARY_400"] = "#7A7CB6";
-    Palette["MAIN"] = "#585A9D";
-    Palette["DARK_MAIN"] = "#33355B";
-    Palette["PRIMARY_600"] = "#454584";
-    Palette["PRIMARY_700"] = "#3A396B";
-    Palette["PRIMARY_800"] = "#32325A";
-    Palette["PRIMARY_900"] = "#2E2D4D";
-    Palette["PRIMARY_950"] = "#1F1E33";
-    Palette["SECONDARY"] = "#BBADFF";
-    Palette["WHITE"] = "#FFFFFF";
-    Palette["BLACK"] = "#121212";
-    Palette["NEUTRAL_200"] = "#C9C8D3";
-    Palette["NEUTRAL_600"] = "#8A8894";
-    Palette["SUCCESS"] = "#439F6E";
-    Palette["SUCCESS_50"] = "#F1F9F5";
-    Palette["VALIDATION"] = "#FFB82E";
-    Palette["VALIDATION_50"] = "#FFFBF4";
-    Palette["VALIDATION_200"] = "#FFEAC1";
-    Palette["ERROR"] = "#F93232";
-    Palette["ERROR_50"] = "#FFF5F5";
-    Palette["ERROR_200"] = "#FFD8D8";
-    Palette["SECTION_BG"] = "#FAFAFA";
-    Palette["SHADOW"] = "rgba(66, 79, 101, 0.16)";
-})(Palette || (Palette = {}));
-//# sourceMappingURL=colors.js.map

package/dist/src/utils/colors.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../../src/utils/colors.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,OA4BX;AA5BD,WAAY,OAAO;IACjB,iCAAsB,CAAA;IACtB,kCAAuB,CAAA;IACvB,kCAAuB,CAAA;IACvB,kCAAuB,CAAA;IACvB,kCAAuB,CAAA;IACvB,2BAAgB,CAAA;IAChB,gCAAqB,CAAA;IACrB,kCAAuB,CAAA;IACvB,kCAAuB,CAAA;IACvB,kCAAuB,CAAA;IACvB,kCAAuB,CAAA;IACvB,kCAAuB,CAAA;IACvB,gCAAqB,CAAA;IACrB,4BAAiB,CAAA;IACjB,4BAAiB,CAAA;IACjB,kCAAuB,CAAA;IACvB,kCAAuB,CAAA;IACvB,8BAAmB,CAAA;IACnB,iCAAsB,CAAA;IACtB,iCAAsB,CAAA;IACtB,oCAAyB,CAAA;IACzB,qCAA0B,CAAA;IAC1B,4BAAiB,CAAA;IACjB,+BAAoB,CAAA;IACpB,gCAAqB,CAAA;IACrB,iCAAsB,CAAA;IACtB,6CAAkC,CAAA;AACpC,CAAC,EA5BW,OAAO,KAAP,OAAO,QA4BlB","sourcesContent":["export enum Palette {\n  PRIMARY_50 = '#F5F5FA',\n  PRIMARY_100 = '#EBEAF4',\n  PRIMARY_200 = '#D1D1E6',\n  PRIMARY_300 = '#A8A9D1',\n  PRIMARY_400 = '#7A7CB6',\n  MAIN = '#585A9D',\n  DARK_MAIN = '#33355B',\n  PRIMARY_600 = '#454584',\n  PRIMARY_700 = '#3A396B',\n  PRIMARY_800 = '#32325A',\n  PRIMARY_900 = '#2E2D4D',\n  PRIMARY_950 = '#1F1E33',\n  SECONDARY = '#BBADFF',\n  WHITE = '#FFFFFF',\n  BLACK = '#121212',\n  NEUTRAL_200 = '#C9C8D3',\n  NEUTRAL_600 = '#8A8894',\n  SUCCESS = '#439F6E',\n  SUCCESS_50 = '#F1F9F5',\n  VALIDATION = '#FFB82E',\n  VALIDATION_50 = '#FFFBF4',\n  VALIDATION_200 = '#FFEAC1',\n  ERROR = '#F93232',\n  ERROR_50 = '#FFF5F5',\n  ERROR_200 = '#FFD8D8',\n  SECTION_BG = '#FAFAFA',\n  SHADOW = 'rgba(66, 79, 101, 0.16)',\n}\n"]}

package/dist/src/utils/darkColors.d.ts

@@ -1,31 +0,0 @@
-export declare enum DarkPalette {
-    PRIMARY_50 = "#F5F5FA",
-    PRIMARY_100 = "#EBEAF4",
-    PRIMARY_200 = "#D1D1E6",
-    PRIMARY_300 = "#A8A9D1",
-    MAIN = "#7A7CB6",
-    DARK_MAIN = "#33355B",
-    PRIMARY_600 = "#454584",
-    PRIMARY_700 = "#3A396B",
-    PRIMARY_800 = "#32325A",
-    PRIMARY_900 = "#2E2D4D",
-    PRIMARY_950 = "#1F1E33",
-    SECONDARY = "#BBADFF",
-    WHITE = "rgba(255, 255, 255, 0.87)",
-    BLACK = "#121212",
-    NEUTRAL_200 = "#C9C8D3",
-    NEUTRAL_600 = "rgba(255, 255, 255, 0.60)",
-    SUCCESS = "#82C5A9",
-    SUCCESS_50 = "rgba(241, 249, 245, 0.30)",
-    VALIDATION = "#FFD489",
-    VALIDATION_50 = "rgba(255, 212, 137, 0.20)",
-    VALIDATION_200 = "#FFEAC1",
-    ERROR = "#FF8486",
-    ERROR_50 = "rgba(255, 132, 134, 0.20)",
-    ERROR_200 = "#FFD8D8",
-    SECTION_BG = "#0E0E0E",
-    ELEVATION_1 = "#17171A",
-    ELEVATION_2 = "#1A1A1F",
-    ELEVATION_3 = "#1D1E24",
-    ELEVATION_4 = "#212128"
-}

package/dist/src/utils/darkColors.js

@@ -1,33 +0,0 @@
-export var DarkPalette;
-(function (DarkPalette) {
-    DarkPalette["PRIMARY_50"] = "#F5F5FA";
-    DarkPalette["PRIMARY_100"] = "#EBEAF4";
-    DarkPalette["PRIMARY_200"] = "#D1D1E6";
-    DarkPalette["PRIMARY_300"] = "#A8A9D1";
-    DarkPalette["MAIN"] = "#7A7CB6";
-    DarkPalette["DARK_MAIN"] = "#33355B";
-    DarkPalette["PRIMARY_600"] = "#454584";
-    DarkPalette["PRIMARY_700"] = "#3A396B";
-    DarkPalette["PRIMARY_800"] = "#32325A";
-    DarkPalette["PRIMARY_900"] = "#2E2D4D";
-    DarkPalette["PRIMARY_950"] = "#1F1E33";
-    DarkPalette["SECONDARY"] = "#BBADFF";
-    DarkPalette["WHITE"] = "rgba(255, 255, 255, 0.87)";
-    DarkPalette["BLACK"] = "#121212";
-    DarkPalette["NEUTRAL_200"] = "#C9C8D3";
-    DarkPalette["NEUTRAL_600"] = "rgba(255, 255, 255, 0.60)";
-    DarkPalette["SUCCESS"] = "#82C5A9";
-    DarkPalette["SUCCESS_50"] = "rgba(241, 249, 245, 0.30)";
-    DarkPalette["VALIDATION"] = "#FFD489";
-    DarkPalette["VALIDATION_50"] = "rgba(255, 212, 137, 0.20)";
-    DarkPalette["VALIDATION_200"] = "#FFEAC1";
-    DarkPalette["ERROR"] = "#FF8486";
-    DarkPalette["ERROR_50"] = "rgba(255, 132, 134, 0.20)";
-    DarkPalette["ERROR_200"] = "#FFD8D8";
-    DarkPalette["SECTION_BG"] = "#0E0E0E";
-    DarkPalette["ELEVATION_1"] = "#17171A";
-    DarkPalette["ELEVATION_2"] = "#1A1A1F";
-    DarkPalette["ELEVATION_3"] = "#1D1E24";
-    DarkPalette["ELEVATION_4"] = "#212128";
-})(DarkPalette || (DarkPalette = {}));
-//# sourceMappingURL=darkColors.js.map

package/dist/src/utils/darkColors.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"darkColors.js","sourceRoot":"","sources":["../../../src/utils/darkColors.ts"],"names":[],"mappings":"AAEA,MAAM,CAAN,IAAY,WA8BX;AA9BD,WAAY,WAAW;IACrB,qCAA+B,CAAA;IAC/B,sCAAiC,CAAA;IACjC,sCAAiC,CAAA;IACjC,sCAAiC,CAAA;IACjC,+BAAgB,CAAA;IAChB,oCAA6B,CAAA;IAC7B,sCAAiC,CAAA;IACjC,sCAAiC,CAAA;IACjC,sCAAiC,CAAA;IACjC,sCAAiC,CAAA;IACjC,sCAAiC,CAAA;IACjC,oCAA6B,CAAA;IAC7B,kDAAmC,CAAA;IACnC,gCAAiB,CAAA;IACjB,sCAAiC,CAAA;IACjC,wDAAyC,CAAA;IACzC,kCAAmB,CAAA;IACnB,uDAAwC,CAAA;IACxC,qCAAsB,CAAA;IACtB,0DAA2C,CAAA;IAC3C,yCAA0B,CAAA;IAC1B,gCAAiB,CAAA;IACjB,qDAAsC,CAAA;IACtC,oCAA6B,CAAA;IAC7B,qCAAsB,CAAA;IACtB,sCAAuB,CAAA;IACvB,sCAAuB,CAAA;IACvB,sCAAuB,CAAA;IACvB,sCAAuB,CAAA;AACzB,CAAC,EA9BW,WAAW,KAAX,WAAW,QA8BtB","sourcesContent":["import { Palette } from './colors';\n\nexport enum DarkPalette {\n  PRIMARY_50 = Palette.PRIMARY_50,\n  PRIMARY_100 = Palette.PRIMARY_100,\n  PRIMARY_200 = Palette.PRIMARY_200,\n  PRIMARY_300 = Palette.PRIMARY_300,\n  MAIN = '#7A7CB6',\n  DARK_MAIN = Palette.DARK_MAIN,\n  PRIMARY_600 = Palette.PRIMARY_600,\n  PRIMARY_700 = Palette.PRIMARY_700,\n  PRIMARY_800 = Palette.PRIMARY_800,\n  PRIMARY_900 = Palette.PRIMARY_900,\n  PRIMARY_950 = Palette.PRIMARY_950,\n  SECONDARY = Palette.SECONDARY,\n  WHITE = 'rgba(255, 255, 255, 0.87)',\n  BLACK = '#121212',\n  NEUTRAL_200 = Palette.NEUTRAL_200,\n  NEUTRAL_600 = 'rgba(255, 255, 255, 0.60)',\n  SUCCESS = '#82C5A9',\n  SUCCESS_50 = 'rgba(241, 249, 245, 0.30)',\n  VALIDATION = '#FFD489',\n  VALIDATION_50 = 'rgba(255, 212, 137, 0.20)',\n  VALIDATION_200 = '#FFEAC1',\n  ERROR = '#FF8486',\n  ERROR_50 = 'rgba(255, 132, 134, 0.20)',\n  ERROR_200 = Palette.ERROR_200,\n  SECTION_BG = '#0E0E0E',\n  ELEVATION_1 = '#17171A',\n  ELEVATION_2 = '#1A1A1F',\n  ELEVATION_3 = '#1D1E24',\n  ELEVATION_4 = '#212128',\n}\n"]}

package/dist/src/utils/hex-rgb.d.ts

@@ -1,5 +0,0 @@
-export declare const hexToRgb: (hex: string) => {
-    r: number;
-    g: number;
-    b: number;
-};

package/dist/src/utils/hex-rgb.js

@@ -1,16 +0,0 @@
-export const hexToRgb = (hex) => {
-    const hexExp = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i;
-    const result = hexExp.exec(hex);
-    return result
-        ? {
-            r: parseInt(result[1], 16),
-            g: parseInt(result[2], 16),
-            b: parseInt(result[3], 16),
-        }
-        : {
-            r: 0,
-            g: 0,
-            b: 0,
-        };
-};
-//# sourceMappingURL=hex-rgb.js.map

package/dist/src/utils/hex-rgb.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hex-rgb.js","sourceRoot":"","sources":["../../../src/utils/hex-rgb.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,GAAW,EAAE,EAAE;IACtC,MAAM,MAAM,GAAG,2CAA2C,CAAC;IAC3D,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAChC,OAAO,MAAM;QACX,CAAC,CAAC;YACE,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;YAC1B,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;YAC1B,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;SAC3B;QACH,CAAC,CAAC;YACE,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;SACL,CAAC;AACR,CAAC,CAAC","sourcesContent":["export const hexToRgb = (hex: string) => {\n  const hexExp = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i;\n  const result = hexExp.exec(hex);\n  return result\n    ? {\n        r: parseInt(result[1], 16),\n        g: parseInt(result[2], 16),\n        b: parseInt(result[3], 16),\n      }\n    : {\n        r: 0,\n        g: 0,\n        b: 0,\n      };\n};\n"]}

package/dist/src/utils/interfaces/detail-value.interface.d.ts

@@ -1,3 +0,0 @@
-export interface DetailValue<T = unknown> {
-    value: T;
-}

package/dist/src/utils/interfaces/detail-value.interface.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=detail-value.interface.js.map

package/dist/src/utils/interfaces/detail-value.interface.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"detail-value.interface.js","sourceRoot":"","sources":["../../../../src/utils/interfaces/detail-value.interface.ts"],"names":[],"mappings":"","sourcesContent":["export interface DetailValue<T = unknown> {\n  value: T;\n}\n"]}

package/dist/src/utils/mainVariant.enum.d.ts

@@ -1,4 +0,0 @@
-export declare enum MainVariant {
-    PRIMARY = "primary",
-    SECONDARY = "secondary"
-}

package/dist/src/utils/mainVariant.enum.js

@@ -1,6 +0,0 @@
-export var MainVariant;
-(function (MainVariant) {
-    MainVariant["PRIMARY"] = "primary";
-    MainVariant["SECONDARY"] = "secondary";
-})(MainVariant || (MainVariant = {}));
-//# sourceMappingURL=mainVariant.enum.js.map

package/dist/src/utils/mainVariant.enum.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mainVariant.enum.js","sourceRoot":"","sources":["../../../src/utils/mainVariant.enum.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,WAGX;AAHD,WAAY,WAAW;IACrB,kCAAmB,CAAA;IACnB,sCAAuB,CAAA;AACzB,CAAC,EAHW,WAAW,KAAX,WAAW,QAGtB","sourcesContent":["export enum MainVariant {\n  PRIMARY = 'primary',\n  SECONDARY = 'secondary',\n}\n"]}

package/dist/src/utils/screenSizes.enum.d.ts

@@ -1,4 +0,0 @@
-export declare enum ScreenSizes {
-    TABLET = 1280,
-    MOBILE = 640
-}

package/dist/src/utils/screenSizes.enum.js

@@ -1,6 +0,0 @@
-export var ScreenSizes;
-(function (ScreenSizes) {
-    ScreenSizes[ScreenSizes["TABLET"] = 1280] = "TABLET";
-    ScreenSizes[ScreenSizes["MOBILE"] = 640] = "MOBILE";
-})(ScreenSizes || (ScreenSizes = {}));
-//# sourceMappingURL=screenSizes.enum.js.map

package/dist/src/utils/screenSizes.enum.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"screenSizes.enum.js","sourceRoot":"","sources":["../../../src/utils/screenSizes.enum.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,WAGX;AAHD,WAAY,WAAW;IACrB,oDAAa,CAAA;IACb,mDAAY,CAAA;AACd,CAAC,EAHW,WAAW,KAAX,WAAW,QAGtB","sourcesContent":["export enum ScreenSizes {\n  TABLET = 1280,\n  MOBILE = 640,\n}\n"]}

package/dist/src/utils/slottedClassName.d.ts

@@ -1,2 +0,0 @@
-declare const _default: (className: string) => string;
-export default _default;

package/dist/src/utils/slottedClassName.js

@@ -1,2 +0,0 @@
-export default (className) => `.${className}, .${className} ::slotted(*)`;
-//# sourceMappingURL=slottedClassName.js.map

package/dist/src/utils/slottedClassName.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"slottedClassName.js","sourceRoot":"","sources":["../../../src/utils/slottedClassName.ts"],"names":[],"mappings":"AAAA,eAAe,CAAC,SAAiB,EAAE,EAAE,CACnC,IAAI,SAAS,MAAM,SAAS,eAAe,CAAC","sourcesContent":["export default (className: string) =>\n  `.${className}, .${className} ::slotted(*)`;\n"]}