@tet/tet-components 1.4.37-testing → 1.4.38-staging

package/dist/components/p-6e580e3f.js

@@ -0,0 +1,160 @@
+import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-aa122c92.js';
+import { d as defineCustomElement$1 } from './p-0c8da52b.js';
+
+const tetCheckboxCss = ":host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:\"\\e86e\"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:\"\\e85a\"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:\"\\e85b\"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:\"\\e86c\"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:\"\\e855\"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:\"\\e859\"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:\"\\e856\"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:\"\\e86a\"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:\"\\e81d\"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:\"\\e867\"}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:root{--tet-link-color:var(--tc-text-primary);--tet-link-color-hover:var(--tc-text-secondary);--tet-link-color-active:var(--tc-text-tertiary);--tet-link-color-focus:var(--tc-blue-40);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled);--tet-link-secondary-color:var(--tc-text-secondary);--tet-link-secondary-color-hover:var(--tc-text-primary)}.tet-link,.tet-link__arrow{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;color:var(--tet-link-color);position:relative;line-height:1.5rem;cursor:pointer}.tet-link.dark,.tet-link__arrow.dark{--tet-link-color:var(--tc-text-primary-dark);--tet-link-color-hover:var(--tc-text-secondary-dark);--tet-link-color-active:var(--tc-text-tertiary-dark);--tet-link-color-focus:var(--tc-blue-40-dark);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled-dark);--tet-link-secondary-color:var(--tc-text-secondary-dark);--tet-link-secondary-color-hover:var(--tc-text-primary-dark)}.tet-link.tet-link--secondary,.tet-link__arrow.tet-link--secondary{--tet-link-color:var(--tet-link-secondary-color);--tet-link-color-hover:var(--tet-link-secondary-color-hover)}.tet-link tet-icon,.tet-link__arrow tet-icon{--icon-color:var(--tet-link-color)}.tet-link:hover,.tet-link__arrow:hover{color:var(--tet-link-color-hover)}.tet-link:hover tet-icon,.tet-link__arrow:hover tet-icon{--icon-color:var(--tet-link-color-hover)}.tet-link:active,.tet-link__arrow:active{color:var(--tet-link-color-active)}.tet-link:active tet-icon,.tet-link__arrow:active tet-icon{--icon-color:var(--tet-link-color-active)}.tet-link:focus-visible,.tet-link__arrow:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--tet-link-color-focus);border-radius:0.125rem}.tet-link.disabled,.tet-link__arrow.disabled{color:var(--tet-link-color-disabled);pointer-events:none;cursor:auto}.tet-link.disabled tet-icon,.tet-link__arrow.disabled tet-icon{--icon-color:var(--tet-link-color-disabled)}.tet-link.disabled:focus-visible,.tet-link__arrow.disabled:focus-visible{outline:none}.tet-link tet-icon,.tet-link__arrow tet-icon{padding-left:0.25rem;padding-right:0.25rem;--icon-container-display:inline-block}.tet-link__arrow{padding-right:1.5rem}.tet-link__arrow::after{content:\"-->\";position:absolute;white-space:nowrap;display:inline-block;text-decoration:none;padding-left:0.25rem;letter-spacing:initial;transition:all 0.15s ease-in}.tet-link__arrow:hover::after{padding-left:0.375rem}:host{--checkbox-border-color:var(--tc-border-secondary);--checkbox-background-color:transparent;--checkbox-checked-background-color:var(--tc-checkbox-active-default);--checkbox-pressed-background-color:var(--tc-checkbox-pressed);--checkbox-icon-color:var(--tc-checkbox-default);--checkbox-text-color:var(--tc-text-primary);--checkbox-text-size:0.875rem;--checkbox-flex-direction:row;--checkbox-justify-content:normal;--checkbox-alignment:center;--checkbox-gap:0.5rem;--checkbox-container-outline-offset:0.125rem;--checkbox-hover-border-color:var(--tc-border-secondary);--checkbox-hover-background-color:var(--tc-checkbox-hover);--checkbox-checked-hover-background-color:var(--tc-checkbox-active-hover);--checkbox-checked-pressed-background-color:var(--tc-checkbox-active-pressed);--checkbox-focus-background-color:transparent;--checkbox-focus-shadow-color:var(--tc-checkbox-active-focus);--checkbox-outline-focus-color:var(--tc-blue-40);--checkbox-disabled-border-color:var(--tc-border-quaternary);--checkbox-disabled-background-color:var(--tc-checkbox-disabled);--checkbox-disabled-checked-background-color:var(--tc-checkbox-active-disabled);--checkbox-disabled-text-color:var(--tc-grey-40);--checkbox-error-border-color:var(--tc-alert-accent-error);--checkbox-unavailable-text-color:var(--tc-text-tertiary);display:block;position:relative}.checkbox.dark,.checkbox.mint{--checkbox-border-color:var(--tc-border-secondary-dark);--checkbox-checked-background-color:var(--tc-checkbox-active-default-dark);--checkbox-pressed-background-color:var(--tc-checkbox-pressed-dark);--checkbox-icon-color:var(--tc-checkbox-default-dark);--checkbox-text-color:var(--tc-text-primary-dark);--checkbox-hover-border-color:var(--tc-border-secondary-dark);--checkbox-hover-background-color:var(--tc-checkbox-hover-dark);--checkbox-checked-hover-background-color:var(--tc-checkbox-active-hover-dark);--checkbox-checked-pressed-background-color:var(--tc-checkbox-active-pressed-dark);--checkbox-focus-background-color:transparent;--checkbox-focus-shadow-color:var(--tc-checkbox-active-focus-dark);--checkbox-outline-focus-color:var(--tc-blue-40-dark);--checkbox-disabled-border-color:var(--tc-border-quaternary-dark);--checkbox-disabled-background-color:var(--tc-checkbox-disabled-dark);--checkbox-disabled-checked-background-color:var(--tc-checkbox-active-disabled-dark);--checkbox-disabled-text-color:var(--tc-grey-40-dark);--checkbox-error-border-color:var(--tc-alert-accent-error-dark);--checkbox-unavailable-text-color:var(--tc-text-tertiary-dark)}.checkbox.dark .checkbox__html-input:focus-visible~.checkbox__input,.checkbox.mint .checkbox__html-input:focus-visible~.checkbox__input{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}.checkbox.dark .checkbox__html-input:focus-visible~.checkbox__input--hide-focus-style,.checkbox.mint .checkbox__html-input:focus-visible~.checkbox__input--hide-focus-style{outline:none}.checkbox.mint{--checkbox-checked-background-color:rgb(31, 208, 214);--checkbox-hover-background-color:rgba(31, 208, 214, 0.16);--checkbox-focus-border-color:rgb(31, 208, 214);--checkbox-focus-shadow-color:rgba(31, 208, 214, 0.24);--checkbox-checked-hover-background-color:var(--checkbox-checked-background-color);--checkbox-checked-pressed-background-color:var(--checkbox-checked-background-color)}.checkbox__container{font:500 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\";display:flex;gap:var(--checkbox-gap);flex-direction:var(--checkbox-flex-direction);justify-content:var(--checkbox-justify-content);align-items:var(--checkbox-alignment);user-select:none;cursor:pointer;color:var(--checkbox-text-color);font-size:var(--checkbox-text-size)}.checkbox__container--focus-style:has(.checkbox__html-input:focus-visible){outline:0.125rem solid var(--checkbox-outline-focus-color);outline-offset:var(--checkbox-container-outline-offset);border-radius:0.125rem}.checkbox__container:has(.checkbox__html-input:disabled){cursor:auto}.checkbox__container--align-start{align-items:flex-start}.checkbox__container--align-start .checkbox__input--sm{margin-top:0.0625rem}.checkbox__container--align-start .checkbox__input--md{margin-top:0.15625rem}.checkbox__container--align-start .checkbox__input--lg-inter,.checkbox__container--align-start .checkbox__input--lg-gilroy{margin-top:0.1875rem}.checkbox__container:hover .checkbox__input{border-color:var(--checkbox-hover-border-color);background-color:var(--checkbox-hover-background-color)}.checkbox__container:hover .checkbox__input--error{border-color:var(--checkbox-error-border-color)}.checkbox__container:active .checkbox__input{background-color:var(--checkbox-pressed-background-color)}.checkbox__container:hover .checkbox__html-input:checked:not(:disabled)~.checkbox__input{border-color:transparent;background-color:var(--checkbox-checked-hover-background-color)}.checkbox__container:active .checkbox__html-input:checked:not(:disabled)~.checkbox__input{border-color:transparent;background-color:var(--checkbox-checked-pressed-background-color)}.checkbox__icon{--icon-color:var(--checkbox-icon-color);--icon-size:100%;opacity:0;position:absolute}.checkbox__html-input{position:absolute;opacity:0;width:0;height:0}.checkbox__html-input:focus~.checkbox__input{background-color:var(--checkbox-focus-background-color);border-color:var(--checkbox-focus-border-color)}.checkbox__html-input:focus~.checkbox__input--error{border-color:var(--checkbox-error-border-color)}.checkbox__html-input:focus-visible~.checkbox__input{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s}.checkbox__html-input:focus-visible~.checkbox__input--hide-focus-style{outline:none;border-color:var(--checkbox-border-color)}.checkbox__html-input:focus-visible~.checkbox__input--error{border-color:var(--checkbox-error-border-color)}.checkbox__html-input:indeterminate~.checkbox__input,.checkbox__html-input:checked~.checkbox__input{border-color:var(--checkbox-checked-background-color);background-color:var(--checkbox-checked-background-color)}.checkbox__html-input:indeterminate~.checkbox__input .checkbox__icon,.checkbox__html-input:checked~.checkbox__input .checkbox__icon{opacity:1}.checkbox__html-input:indeterminate~.checkbox__input .checkbox__icon--indeterminate,.checkbox__html-input:checked~.checkbox__input .checkbox__icon--indeterminate{opacity:0}.checkbox__html-input:indeterminate .checkbox__icon,.checkbox__html-input:checked .checkbox__icon{opacity:1}.checkbox__html-input:indeterminate~.checkbox__input .checkbox__icon{opacity:0}.checkbox__html-input:indeterminate~.checkbox__input .checkbox__icon--indeterminate{opacity:1}.checkbox__html-input[disabled]~.checkbox__input{border-color:var(--checkbox-disabled-border-color);background-color:var(--checkbox-disabled-background-color)}.checkbox__html-input[disabled]~.checkbox__label-container .checkbox__label{color:var(--checkbox-disabled-text-color)}.checkbox__html-input[disabled]:checked~.checkbox__input,.checkbox__html-input[disabled]:indeterminate~.checkbox__input{border:none;background-color:var(--checkbox-disabled-checked-background-color)}.checkbox__html-input[disabled].checkbox__html-input--unavailable~.checkbox__label-container .checkbox__label{color:var(--checkbox-unavailable-text-color)}.checkbox__input{display:inline-flex;align-items:center;justify-content:center;background-color:var(--checkbox-background-color);width:1.125rem;min-width:1.125rem;height:1.125rem;min-height:1.125rem;border:0.1rem solid var(--checkbox-border-color);border-radius:0.25rem}.checkbox__input--error{border-color:var(--checkbox-error-border-color)}.checkbox__label-container{position:relative}.checkbox__label-slot-icon{display:inline-flex;vertical-align:middle}.checkbox__label-slot-icon--hidden{display:none}.checkbox__label-slot-icon ::slotted(*){width:auto;height:1rem;margin-right:0.5rem}.checkbox__label-slot-icon--sm{vertical-align:text-bottom}.checkbox__label-slot-icon--md ::slotted(*){height:1.25rem}.checkbox__label-slot-icon--lg-inter ::slotted(*),.checkbox__label-slot-icon--lg-gilroy ::slotted(*){height:1.5rem}.checkbox__label--sm{font:500 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\"}.checkbox__label--md{font:500 1rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\";vertical-align:middle}.checkbox__label--lg-inter{font:500 1.25rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\";vertical-align:middle}.checkbox__label--lg-gilroy{font:600 1.25rem/1.5rem \"Gilroy\", \"Gilroy, Arial, sans-serif\";vertical-align:middle}.checkbox__label-icon--sm{--label-icon-gap:0.5rem;--icon-size:1.25rem;--icon-container-display:flex;position:absolute;top:calc((1.25rem - 1.25rem) / 2)}.checkbox__label-icon--sm+.checkbox__label{padding-left:calc(1.25rem + var(--label-icon-gap, 0.5rem))}.checkbox__label-icon--md{--label-icon-gap:0.5rem;--icon-size:1.5rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 1.5rem) / 2)}.checkbox__label-icon--md+.checkbox__label{padding-left:calc(1.5rem + var(--label-icon-gap, 0.5rem))}.checkbox__label-icon--lg-inter,.checkbox__label-icon--lg-gilroy{--label-icon-gap:0.5rem;--icon-size:1.5rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 1.5rem) / 2)}.checkbox__label-icon--lg-inter+.checkbox__label,.checkbox__label-icon--lg-gilroy+.checkbox__label{padding-left:calc(1.5rem + var(--label-icon-gap, 0.5rem))}.checkbox__label-icon--tc-netflix-2.checkbox__label-icon--sm{--label-icon-gap:0.5rem;--icon-size:1.375rem;--icon-container-display:flex;position:absolute;top:calc((1.25rem - 1.375rem) / 2)}.checkbox__label-icon--tc-netflix-2.checkbox__label-icon--sm+.checkbox__label{padding-left:calc(1.375rem + var(--label-icon-gap, 0.5rem))}.checkbox__label-icon--tc-netflix-2.checkbox__label-icon--md{--label-icon-gap:0.5rem;--icon-size:1.625rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 1.625rem) / 2)}.checkbox__label-icon--tc-netflix-2.checkbox__label-icon--md+.checkbox__label{padding-left:calc(1.625rem + var(--label-icon-gap, 0.5rem))}.checkbox__label-icon--tc-netflix-2.checkbox__label-icon--lg-inter,.checkbox__label-icon--tc-netflix-2.checkbox__label-icon--lg-gilroy{--label-icon-gap:0.5rem;--icon-size:1.875rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 1.875rem) / 2)}.checkbox__label-icon--tc-netflix-2.checkbox__label-icon--lg-inter+.checkbox__label,.checkbox__label-icon--tc-netflix-2.checkbox__label-icon--lg-gilroy+.checkbox__label{padding-left:calc(1.875rem + var(--label-icon-gap, 0.5rem))}.checkbox__label-icon--tc-tet-tv.checkbox__label-icon--sm{--label-icon-gap:0.5rem;--icon-size:1.5rem;--icon-container-display:flex;position:absolute;top:calc((1.25rem - 1.5rem) / 2)}.checkbox__label-icon--tc-tet-tv.checkbox__label-icon--sm+.checkbox__label{padding-left:calc(1.5rem + var(--label-icon-gap, 0.5rem))}.checkbox__label-icon--tc-tet-tv.checkbox__label-icon--md{--label-icon-gap:0.5rem;--icon-size:1.875rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 1.875rem) / 2)}.checkbox__label-icon--tc-tet-tv.checkbox__label-icon--md+.checkbox__label{padding-left:calc(1.875rem + var(--label-icon-gap, 0.5rem))}.checkbox__label-icon--tc-tet-tv.checkbox__label-icon--lg-inter,.checkbox__label-icon--tc-tet-tv.checkbox__label-icon--lg-gilroy{--label-icon-gap:0.5rem;--icon-size:2.5rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 2.5rem) / 2)}.checkbox__label-icon--tc-tet-tv.checkbox__label-icon--lg-inter+.checkbox__label,.checkbox__label-icon--tc-tet-tv.checkbox__label-icon--lg-gilroy+.checkbox__label{padding-left:calc(2.5rem + var(--label-icon-gap, 0.5rem))}.checkbox__label-icon--tc-tet-plus.checkbox__label-icon--sm{--label-icon-gap:0.5rem;--icon-size:1.75rem;--icon-container-display:flex;position:absolute;top:calc((1.25rem - 1.75rem) / 2)}.checkbox__label-icon--tc-tet-plus.checkbox__label-icon--sm+.checkbox__label{padding-left:calc(1.75rem + var(--label-icon-gap, 0.5rem))}.checkbox__label-icon--tc-tet-plus.checkbox__label-icon--md{--label-icon-gap:0.5rem;--icon-size:2rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 2rem) / 2)}.checkbox__label-icon--tc-tet-plus.checkbox__label-icon--md+.checkbox__label{padding-left:calc(2rem + var(--label-icon-gap, 0.5rem))}.checkbox__label-icon--tc-tet-plus.checkbox__label-icon--lg-inter,.checkbox__label-icon--tc-tet-plus.checkbox__label-icon--lg-gilroy{--label-icon-gap:0.5rem;--icon-size:2.625rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 2.625rem) / 2)}.checkbox__label-icon--tc-tet-plus.checkbox__label-icon--lg-inter+.checkbox__label,.checkbox__label-icon--tc-tet-plus.checkbox__label-icon--lg-gilroy+.checkbox__label{padding-left:calc(2.625rem + var(--label-icon-gap, 0.5rem))}.checkbox__label-icon--tc-whalebone.checkbox__label-icon--sm{--label-icon-gap:0.5rem;--icon-size:1rem;--icon-container-display:flex;position:absolute;top:calc((1.25rem - 1rem) / 2)}.checkbox__label-icon--tc-whalebone.checkbox__label-icon--sm+.checkbox__label{padding-left:calc(1rem + var(--label-icon-gap, 0.5rem))}.checkbox__label-icon--tc-whalebone.checkbox__label-icon--md{--label-icon-gap:0.5rem;--icon-size:1.25rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 1.25rem) / 2)}.checkbox__label-icon--tc-whalebone.checkbox__label-icon--md+.checkbox__label{padding-left:calc(1.25rem + var(--label-icon-gap, 0.5rem))}.checkbox__label-icon--tc-whalebone.checkbox__label-icon--lg-inter,.checkbox__label-icon--tc-whalebone.checkbox__label-icon--lg-gilroy{--label-icon-gap:0.5rem;--icon-size:1.5rem;--icon-container-display:flex;position:absolute;top:calc((1.5rem - 1.5rem) / 2)}.checkbox__label-icon--tc-whalebone.checkbox__label-icon--lg-inter+.checkbox__label,.checkbox__label-icon--tc-whalebone.checkbox__label-icon--lg-gilroy+.checkbox__label{padding-left:calc(1.5rem + var(--label-icon-gap, 0.5rem))}";
+const TetCheckboxStyle0 = tetCheckboxCss;
+
+const TetCheckbox = /*@__PURE__*/ proxyCustomElement(class TetCheckbox extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.check = createEvent(this, "check", 7);
+        this.theme = 'light';
+        this.label = undefined;
+        this.accessibilityLabel = '';
+        this.name = undefined;
+        this.value = 0;
+        this.disabled = false;
+        this.unavailable = false;
+        this.checked = false;
+        this.error = false;
+        this.indeterminate = false;
+        this.focusStyleOnContainer = false;
+        this.iconName = undefined;
+        this.labelFont = undefined;
+        this.alignCenter = true;
+        this.hasSlotIcon = false;
+    }
+    /** The HTML input element. */
+    inputEl;
+    /** The event that is emitted whenever the control element is checked. */
+    check;
+    /**
+     * Updates the indeterminate state whenever the component mounts or updates.
+     */
+    updateIndeterminateState() {
+        this.inputEl.indeterminate = this.indeterminate;
+    }
+    /**
+     * Handles change on the html input element.
+     */
+    handleChange = ({ target }) => {
+        const { checked, indeterminate, error, value } = this;
+        const element = target;
+        this.checked = element.checked;
+        this.indeterminate = element.indeterminate;
+        this.check.emit({ checked: !checked, indeterminate, error, value });
+    };
+    /**
+     * Changes the checked prop of the component.
+     *
+     * @param value
+     */
+    async setChecked(value) {
+        this.checked = value;
+    }
+    /**
+     * Changes the indeterminate prop of the component.
+     *
+     * @param value
+     */
+    async setIndeterminate(value) {
+        this.indeterminate = value;
+    }
+    /**
+     * Changes the error prop of the component.
+     *
+     * @param value
+     */
+    async setError(value) {
+        this.error = value;
+    }
+    onIconSlotChange = (event) => {
+        const slot = event.target;
+        this.hasSlotIcon = slot.assignedElements().length > 0;
+    };
+    get iconType() {
+        const { unavailable, disabled } = this;
+        switch (true) {
+            case unavailable:
+                return 'secondary';
+            case disabled:
+                return 'tertiary';
+            default:
+                return 'primary';
+        }
+    }
+    render() {
+        const { label, name, checked, value, disabled, error, iconName, labelFont, alignCenter, hasSlotIcon, accessibilityLabel, unavailable, iconType } = this;
+        return (h(Host, { key: '2b137f96b9a158928e7bf13edd24064fc9a67fcf' }, h("div", { key: 'd9ad8a40fb6c0a0a1fe2705b99cb14f092a821e3', class: { checkbox: true, [`${this.theme}`]: true } }, h("label", { key: '73de7eae4cad137187ea5fbd9b355dab804074f6', class: {
+                'checkbox__container': true,
+                'checkbox__container--focus-style': this.focusStyleOnContainer,
+                'checkbox__container--align-start': !alignCenter,
+            }, part: "checkbox-container", htmlFor: "tet-checkbox" }, h("input", { key: '12fbd0566b9b43771e84fe1bc6bd41ebee30178b', ref: (el) => (this.inputEl = el), class: {
+                "checkbox__html-input": true,
+                'checkbox__html-input--unavailable': unavailable,
+            }, id: "tet-checkbox", type: "checkbox", name: name, value: value, ...(accessibilityLabel ? { 'aria-label': accessibilityLabel } : {}), disabled: disabled || unavailable, checked: checked, onChange: this.handleChange }), h("span", { key: 'd57b60f2c25914cd0469ca9500a3b8e6548ad096', class: {
+                'checkbox__input': true,
+                'checkbox__input--error': error,
+                'checkbox__input--hide-focus-style': this.focusStyleOnContainer,
+                ...(labelFont ? { [`checkbox__input--${labelFont}`]: true } : {}),
+            } }, h("tet-icon", { key: '19057fad568cc1e4a917b6566d4764f1a9b9bf93', name: "remove", class: "checkbox__icon checkbox__icon--indeterminate indicator" }), h("tet-icon", { key: '39d38a6dd295e60d4cbb0c0aafe2ec9d7f7bfddd', name: "check", class: "checkbox__icon" })), h("div", { key: '2ac221e6a4818bec7c32980a0fe5a7aa7cc0ddd6', class: "checkbox__label-container" }, iconName ? (h("tet-icon", { theme: this.theme === 'light' ? 'light' : 'dark', name: iconName, type: iconType, class: {
+                'checkbox__label-icon': true,
+                [`checkbox__label-icon--${iconName}`]: true,
+                ...(labelFont ? { [`checkbox__label-icon--${labelFont}`]: true } : {}),
+            } })) : (h("div", { class: {
+                'checkbox__label-slot-icon': true,
+                'checkbox__label-slot-icon--hidden': !hasSlotIcon,
+                ...(labelFont ? { [`checkbox__label-slot-icon--${labelFont}`]: true } : {}),
+            } }, h("slot", { name: "label-icon", onSlotchange: this.onIconSlotChange }))), h("span", { key: '2f1efb33e50c2e00d464399c950e77528e98ed67', class: {
+                'checkbox__label': true,
+                ...(labelFont ? { [`checkbox__label--${labelFont}`]: true } : {}),
+            }, innerHTML: label }, h("slot", { key: 'c72b3d2b6323c243cf7a58ce25a7b67cc3b6fca2' })))))));
+    }
+    static get watchers() { return {
+        "indeterminate": ["updateIndeterminateState"]
+    }; }
+    static get style() { return TetCheckboxStyle0; }
+}, [1, "tet-checkbox", {
+        "theme": [1],
+        "label": [1],
+        "accessibilityLabel": [1, "accessibility-label"],
+        "name": [1],
+        "value": [8],
+        "disabled": [4],
+        "unavailable": [4],
+        "checked": [1540],
+        "error": [1540],
+        "indeterminate": [1540],
+        "focusStyleOnContainer": [4, "focus-style-on-container"],
+        "iconName": [1, "icon-name"],
+        "labelFont": [1, "label-font"],
+        "alignCenter": [4, "align-center"],
+        "hasSlotIcon": [32],
+        "setChecked": [64],
+        "setIndeterminate": [64],
+        "setError": [64]
+    }, undefined, {
+        "indeterminate": ["updateIndeterminateState"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["tet-checkbox", "tet-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "tet-checkbox":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, TetCheckbox);
+            }
+            break;
+        case "tet-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { TetCheckbox as T, defineCustomElement as d };

package/dist/components/{p-b453369c.js → p-6ecba6d0.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h } from './p-25b93e8f.js';
+import { p as proxyCustomElement, H, h } from './p-aa122c92.js';
 
 const tetSpinnerCss = ":host{display:flex;--spinner-primary-color:var(--tc-blue-40);--spinner-secondary-color:transparent;--spinner-size:1.5rem;--spinner-indicator-size:0.23rem;--spinner-progress:0}.dark-theme{--spinner-primary-color:var(--tc-spinner-gradient-value-1-dark);--spinner-secondary-color:var(--tc-spinner-gradient-value-2-dark)}.light-theme{--spinner-primary-color:var(--tc-spinner-gradient-value-1);--spinner-secondary-color:var(--tc-spinner-gradient-value-2)}.size--medium{--spinner-size:2rem;--spinner-indicator-size:0.3rem}.size--large{--spinner-size:2.5rem;--spinner-indicator-size:0.375rem}@keyframes indeterminate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.spinner{position:relative;width:var(--spinner-size);height:var(--spinner-size)}.spinner::before{display:block;content:\"\";right:0;top:43%;width:var(--spinner-indicator-size);aspect-ratio:1;position:absolute;background-color:var(--spinner-primary-color);border-radius:50%}.spinner__gradient{width:2.5rem;height:2.5rem;border-radius:50%;background:conic-gradient(from 90deg, var(--spinner-secondary-color) 0%, var(--spinner-primary-color) 76%, var(--spinner-primary-color) 100%) border-box}.spinner--indeterminate{animation:indeterminate 1.5s infinite steps(100)}.spinner--determinate{transform:rotate(calc(var(--spinner-progress) * 2.7deg))}.spinner--determinate .spinner__gradient{background:conic-gradient(from 90deg, var(--spinner-secondary-color) 0%, var(--spinner-primary-color) calc(76% - var(--spinner-progress) * 0.76%), var(--spinner-primary-color) 100%) border-box}";
 const TetSpinnerStyle0 = tetSpinnerCss;