tuix-webcomponents 0.63.0 → 0.64.0

package/dist/src/tuix-input/enums/tuix-input.enums.d.ts

@@ -1,38 +0,0 @@
-import { IconName } from '../../tuix-icon/enums/tuix-icon.enums';
-import { Palette } from '../../utils/colors';
-import { DarkPalette } from '../../utils/darkColors';
-export declare enum InputType {
-    TEXT = "text",
-    SEARCH = "search",
-    PASSWORD = "password",
-    TEXT_AREA = "textarea"
-}
-export declare enum InputIconLocation {
-    LEFT = "left",
-    RIGHT = "right"
-}
-export declare enum DescriptionType {
-    TEXT = "text",
-    WARNING = "warning",
-    ERROR = "error",
-    SUCCESS = "success",
-    LOADING = "loading"
-}
-export declare const IconByDescriptionType: {
-    warning: IconName;
-    error: IconName;
-    success: IconName;
-    loading: IconName;
-};
-export declare const IconDescriptionColorLight: {
-    warning: Palette;
-    error: Palette;
-    success: Palette;
-    loading: Palette;
-};
-export declare const IconDescriptionColorDark: {
-    warning: DarkPalette;
-    error: DarkPalette;
-    success: DarkPalette;
-    loading: DarkPalette;
-};

package/dist/src/tuix-input/enums/tuix-input.enums.js

@@ -1,41 +0,0 @@
-import { IconName } from '../../tuix-icon/enums/tuix-icon.enums';
-import { Palette } from '../../utils/colors';
-import { DarkPalette } from '../../utils/darkColors';
-export var InputType;
-(function (InputType) {
-    InputType["TEXT"] = "text";
-    InputType["SEARCH"] = "search";
-    InputType["PASSWORD"] = "password";
-    InputType["TEXT_AREA"] = "textarea";
-})(InputType || (InputType = {}));
-export var InputIconLocation;
-(function (InputIconLocation) {
-    InputIconLocation["LEFT"] = "left";
-    InputIconLocation["RIGHT"] = "right";
-})(InputIconLocation || (InputIconLocation = {}));
-export var DescriptionType;
-(function (DescriptionType) {
-    DescriptionType["TEXT"] = "text";
-    DescriptionType["WARNING"] = "warning";
-    DescriptionType["ERROR"] = "error";
-    DescriptionType["SUCCESS"] = "success";
-    DescriptionType["LOADING"] = "loading";
-})(DescriptionType || (DescriptionType = {}));
-export const IconByDescriptionType = {
-    [DescriptionType.WARNING]: IconName.TRIANGLE_EXCLAMATION,
-    [DescriptionType.ERROR]: IconName.CIRCLE_X,
-    [DescriptionType.SUCCESS]: IconName.CIRCLE_CHECK,
-    [DescriptionType.LOADING]: IconName.LOADER,
-};
-export const IconDescriptionColorLight = {
-    [DescriptionType.WARNING]: Palette.VALIDATION,
-    [DescriptionType.ERROR]: Palette.ERROR,
-    [DescriptionType.SUCCESS]: Palette.SUCCESS,
-    [DescriptionType.LOADING]: Palette.PRIMARY_300,
-};
-export const IconDescriptionColorDark = {
-    [DescriptionType.WARNING]: DarkPalette.VALIDATION,
-    [DescriptionType.ERROR]: DarkPalette.ERROR,
-    [DescriptionType.SUCCESS]: DarkPalette.SUCCESS,
-    [DescriptionType.LOADING]: DarkPalette.PRIMARY_300,
-};

package/dist/src/tuix-input/interfaces/tuix-input.interface.d.ts

@@ -1,18 +0,0 @@
-import { IconName } from '../../tuix-icon/enums/tuix-icon.enums';
-import { type DetailValue } from '../../utils/interfaces/detail-value.interface';
-import { InputIconLocation } from '../enums/tuix-input.enums';
-import { DarkPalette } from '../../utils/darkColors';
-import { Palette } from '../../utils/colors';
-export declare const InputState: {
-    INACTIVE: string;
-    ACTIVE: string;
-    DISABLED: string;
-};
-export type InputState = (typeof InputState)[keyof typeof InputState];
-export interface FormatIconSetParams {
-    iconName: IconName;
-    colorByState: Record<InputState, DarkPalette | Palette>;
-    location?: InputIconLocation;
-    clickHandler?: (e: MouseEvent) => void;
-}
-export type CustomEventTuixInput = CustomEvent<DetailValue<string>>;

package/dist/src/tuix-input/interfaces/tuix-input.interface.js

@@ -1,5 +0,0 @@
-export const InputState = {
-    INACTIVE: 'inactive',
-    ACTIVE: 'active',
-    DISABLED: 'disabled',
-};

package/dist/src/tuix-link/TuixLink.d.ts

@@ -1,15 +0,0 @@
-import { LitElement, type TemplateResult } from 'lit';
-import { MainVariant } from '../utils/mainVariant.enum';
-import { LinkTarget } from './enums/linkTarget.enum';
-export declare class TuixLink extends LitElement {
-    static styles: import("lit").CSSResult[];
-    href?: string;
-    target: LinkTarget;
-    variant: MainVariant;
-    disabled: boolean;
-    dark: boolean;
-    private _getClassMap;
-    private _anchorTemplate;
-    private _divTemplate;
-    render(): TemplateResult;
-}

package/dist/src/tuix-link/TuixLink.js

@@ -1,71 +0,0 @@
-import { __decorate } from "tslib";
-import { html, LitElement } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { MainVariant } from '../utils/mainVariant.enum';
-import { LinkTarget } from './enums/linkTarget.enum';
-import { classMap } from 'lit/directives/class-map.js';
-import { linkStyles } from './TuixLink.styles';
-import { linkFontStyles } from '../tuix-text/TuixText.styles';
-let TuixLink = class TuixLink extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.target = LinkTarget.BLANK;
-        this.variant = MainVariant.PRIMARY;
-        this.disabled = false;
-        this.dark = false;
-    }
-    static { this.styles = [linkStyles, linkFontStyles]; }
-    _getClassMap() {
-        return {
-            link: true,
-            disabled: this.disabled,
-            [MainVariant.SECONDARY]: this.variant === MainVariant.SECONDARY,
-        };
-    }
-    _anchorTemplate() {
-        return html `
-      <a
-        target="${this.disabled ? LinkTarget.SELF : this.target}"
-        class="${classMap(this._getClassMap())}"
-        href="${this.disabled ? 'javascript:void(0)' : this.href}"
-      >
-        <slot></slot>
-      </a>
-    `;
-    }
-    _divTemplate() {
-        return html `
-      <div class="${classMap(this._getClassMap())}">
-        <slot></slot>
-      </div>
-    `;
-    }
-    render() {
-        const isValidAnchor = this.href && !this.disabled;
-        if (isValidAnchor) {
-            return this._anchorTemplate();
-        }
-        else {
-            return this._divTemplate();
-        }
-    }
-};
-__decorate([
-    property({ type: String })
-], TuixLink.prototype, "href", void 0);
-__decorate([
-    property({ type: LinkTarget })
-], TuixLink.prototype, "target", void 0);
-__decorate([
-    property({ type: MainVariant, reflect: true })
-], TuixLink.prototype, "variant", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], TuixLink.prototype, "disabled", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], TuixLink.prototype, "dark", void 0);
-TuixLink = __decorate([
-    customElement('tuix-link')
-], TuixLink);
-export { TuixLink };

package/dist/src/tuix-link/TuixLink.styles.d.ts

@@ -1,2 +0,0 @@
-export declare const LINK_TEXT_COLOR_VAR_NAME = "--t-link-text-color";
-export declare const linkStyles: import("lit").CSSResult;

package/dist/src/tuix-link/TuixLink.styles.js

@@ -1,55 +0,0 @@
-import { css, unsafeCSS } from 'lit';
-import { MainVariant } from '../utils/mainVariant.enum';
-import { Palette } from '../utils/colors';
-import { DarkPalette } from '../utils/darkColors';
-export const LINK_TEXT_COLOR_VAR_NAME = '--t-link-text-color';
-export const linkStyles = css `
-  ${unsafeCSS(`
-  :host {
-    --t-link-border-color: ${Palette.MAIN};
-    ${LINK_TEXT_COLOR_VAR_NAME}: ${Palette.MAIN}
-  }
-
-  :host([dark]) {
-    --t-link-border-color: ${DarkPalette.MAIN};
-    ${LINK_TEXT_COLOR_VAR_NAME}: ${DarkPalette.MAIN}
-  }
-
-  :host([variant=${MainVariant.SECONDARY}]) {
-    --t-link-border-color: ${Palette.WHITE};
-    ${LINK_TEXT_COLOR_VAR_NAME}: ${Palette.WHITE}
-  }
-
-  :host([variant=${MainVariant.SECONDARY}][dark]) {
-    --t-link-border-color: ${DarkPalette.WHITE};
-    ${LINK_TEXT_COLOR_VAR_NAME}: ${DarkPalette.WHITE}
-  }
-
-  :host([disabled]) .link.disabled {
-    --t-link-border-color: ${Palette.PRIMARY_300};
-    ${LINK_TEXT_COLOR_VAR_NAME}: ${Palette.PRIMARY_300}
-  }
-
-  .link {    
-    text-decoration: none;
-    display: inline;
-    color: var(${LINK_TEXT_COLOR_VAR_NAME});
-    border-bottom: solid 1px var(--t-link-border-active-color, transparent);
-  }
-  .link:hover {
-    border-bottom: solid 1px var(--t-link-border-color);
-    cursor: pointer;
-  }
-  .link.secondary {
-    color: var(${LINK_TEXT_COLOR_VAR_NAME});
-  }
-  .link.secondary:hover {
-    border-bottom: solid 1px var(--t-link-border-color);
-  }  
-  .link.disabled {
-    border-bottom: solid 1px var(--t-link-border-color);
-    color: var(${LINK_TEXT_COLOR_VAR_NAME});
-    cursor: not-allowed;
-  }  
-`)}
-`;

package/dist/src/tuix-link/enums/linkTarget.enum.d.ts

@@ -1,6 +0,0 @@
-export declare enum LinkTarget {
-    BLANK = "_blank",
-    SELF = "_self",
-    PARENT = "_parent",
-    TOP = "_top"
-}

package/dist/src/tuix-link/enums/linkTarget.enum.js

@@ -1,7 +0,0 @@
-export var LinkTarget;
-(function (LinkTarget) {
-    LinkTarget["BLANK"] = "_blank";
-    LinkTarget["SELF"] = "_self";
-    LinkTarget["PARENT"] = "_parent";
-    LinkTarget["TOP"] = "_top";
-})(LinkTarget || (LinkTarget = {}));

package/dist/src/tuix-modal/TuixModal.d.ts

@@ -1,9 +0,0 @@
-import { LitElement } from 'lit';
-export declare class TuixModal extends LitElement {
-    static styles: import("lit").CSSResult[];
-    visible: boolean;
-    dark: boolean;
-    scrollable: boolean;
-    protected _onClose(): void;
-    render(): import("lit-html").TemplateResult<1>;
-}

package/dist/src/tuix-modal/TuixModal.js

@@ -1,63 +0,0 @@
-import { __decorate } from "tslib";
-import { html, LitElement } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { BorderRadiusPaper, PaperElevation, } from '../tuix-paper/enums/tuix-paper.enum.js';
-import { commonModalStyles, mobileModalStyles } from './TuixModal.styles.js';
-import { TextVariant } from '../tuix-text/enums/tuix-text.enums.js';
-import { IconName, IconSizeVariant, } from '../tuix-icon/enums/tuix-icon.enums.js';
-let TuixModal = class TuixModal extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.visible = false;
-        this.dark = false;
-        this.scrollable = false;
-    }
-    static { this.styles = [commonModalStyles, mobileModalStyles]; }
-    _onClose() {
-        this.visible = false;
-        this.dispatchEvent(new CustomEvent('on-close', { bubbles: true }));
-    }
-    render() {
-        return html `
-      <tuix-paper
-        class="modal-container"
-        elevation=${PaperElevation.VARIANT_4}
-        border-radius=${BorderRadiusPaper.SOFT}
-        ?dark=${this.dark}
-      >
-        <div class="content">
-          <header>
-            <slot name="title"></slot>
-            <tuix-icon
-              @click=${this._onClose}
-              class="close-icon"
-              size="${IconSizeVariant.MEDIUM}"
-              name="${IconName.X}"
-              color="${TextVariant.MAIN}"
-              ?dark=${this.dark}
-            ></tuix-icon>
-          </header>
-          <div class="body" ?scrollable=${this.scrollable}>
-            <slot name="body"></slot>
-          </div>
-          <div class="action-buttons">
-            <slot name="actions"></slot>
-          </div>
-        </div>
-      </tuix-paper>
-    `;
-    }
-};
-__decorate([
-    property({ type: Boolean, reflect: true })
-], TuixModal.prototype, "visible", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], TuixModal.prototype, "dark", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], TuixModal.prototype, "scrollable", void 0);
-TuixModal = __decorate([
-    customElement('tuix-modal')
-], TuixModal);
-export { TuixModal };

package/dist/src/tuix-modal/TuixModal.styles.d.ts

@@ -1,2 +0,0 @@
-export declare const commonModalStyles: import("lit").CSSResult;
-export declare const mobileModalStyles: import("lit").CSSResult;

package/dist/src/tuix-modal/TuixModal.styles.js

@@ -1,55 +0,0 @@
-import { css, unsafeCSS } from 'lit';
-import { ScreenSizes } from '../utils/screenSizes.enum';
-import { Palette } from '../utils/colors';
-export const commonModalStyles = css `
-  :host {
-    display: none;
-    position: fixed;
-    width: 100%;
-    height: 100vh;
-    align-items: center;
-    top: 0;
-    left: 0;
-    background-color: ${unsafeCSS(Palette.BLACK + '80')};
-  }
-
-  :host([visible]) {
-    display: flex;
-  }
-
-  .modal-container {
-    margin: auto;
-    max-width: 96%;
-    max-height: 96vh;
-
-    .content {
-      border-radius: 4px;
-
-      header {
-        display: flex;
-        justify-content: space-between;
-        padding: 16px 16px 8px;
-
-        .close-icon {
-          cursor: pointer;
-        }
-      }
-
-      div.body {
-        padding: 8px 16px 32px;
-      }
-
-      div.action-buttons {
-        padding: 8px 16px 16px 16px;
-      }
-    }
-  }
-`;
-export const mobileModalStyles = css `
-  @media only screen and (max-width: ${ScreenSizes.MOBILE}px) {
-    .modal-container {
-      min-width: 100%;
-      max-height: 100%;
-    }
-  }
-`;

package/dist/src/tuix-paper/TuixPaper.d.ts

@@ -1,10 +0,0 @@
-import { LitElement, type TemplateResult } from 'lit';
-import { BorderRadiusPaper, PaperElevation } from './enums/tuix-paper.enum';
-export declare class TuixPaper extends LitElement {
-    static styles: import("lit").CSSResult[];
-    elevation: PaperElevation;
-    borderRadius: BorderRadiusPaper;
-    dark: boolean;
-    private _getOptionalClasses;
-    render(): TemplateResult;
-}

package/dist/src/tuix-paper/TuixPaper.js

@@ -1,46 +0,0 @@
-import { __decorate } from "tslib";
-import { LitElement, html } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { BorderRadiusPaper, PaperElevation } from './enums/tuix-paper.enum';
-import { classMap } from 'lit/directives/class-map.js';
-import { styleMap } from 'lit/directives/style-map.js';
-import { paperStyles } from './TuixPaper.styles';
-let TuixPaper = class TuixPaper extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.elevation = PaperElevation.VARIANT_1;
-        this.borderRadius = BorderRadiusPaper.NONE;
-        this.dark = false;
-    }
-    static { this.styles = [paperStyles]; }
-    _getOptionalClasses() {
-        const variantClass = `variant_${this.elevation}`;
-        const darkClass = `dark_${this.elevation}`;
-        return {
-            elevation: true,
-            [variantClass]: !this.dark,
-            [darkClass]: this.dark,
-        };
-    }
-    render() {
-        return html ` <div
-      class="${classMap(this._getOptionalClasses())}"
-      style="${styleMap({ borderRadius: this.borderRadius })}"
-    >
-      <slot></slot>
-    </div>`;
-    }
-};
-__decorate([
-    property({ type: PaperElevation })
-], TuixPaper.prototype, "elevation", void 0);
-__decorate([
-    property({ type: String, attribute: 'border-radius' })
-], TuixPaper.prototype, "borderRadius", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], TuixPaper.prototype, "dark", void 0);
-TuixPaper = __decorate([
-    customElement('tuix-paper')
-], TuixPaper);
-export { TuixPaper };

package/dist/src/tuix-paper/TuixPaper.styles.d.ts

@@ -1 +0,0 @@
-export declare const paperStyles: import("lit").CSSResult;

package/dist/src/tuix-paper/TuixPaper.styles.js

@@ -1,30 +0,0 @@
-import { css, unsafeCSS } from 'lit';
-import { PaperElevation } from './enums/tuix-paper.enum';
-import { Palette } from '../utils/colors';
-const calculatedStyles = Object.values(PaperElevation)
-    .slice(1, -1)
-    .map((variant, index) => `
-  .elevation.variant_${variant} {
-    box-shadow: 0px ${2 ** index}px ${2 ** (index + 2)}px ${Palette.SHADOW};
-  }
-  .elevation.dark_${variant} {
-    background-color:rgb(${23 + 3 * index},${23 + 3 * index},${26 + 5 * index});
-  }`)
-    .join('\n');
-export const paperStyles = css `
-  ${unsafeCSS(`
-  .elevation {
-    background-color: ${Palette.WHITE};
-  }
-  .elevation.dark_${PaperElevation.VARIANT_0} {
-    background-color: ${Palette.BLACK};
-  }
-  ${calculatedStyles}
-  .elevation.variant_${PaperElevation.VARIANT_4} {
-    box-shadow: 0px 7px 24px ${Palette.SHADOW};
-  }
-  .elevation.dark_${PaperElevation.VARIANT_4} {
-    background-color: rgb(33, 33, 40);
-  }
-`)}
-`;

package/dist/src/tuix-paper/enums/tuix-paper.enum.d.ts

@@ -1,13 +0,0 @@
-export declare enum PaperElevation {
-    VARIANT_0 = "0",
-    VARIANT_1 = "1",
-    VARIANT_2 = "2",
-    VARIANT_3 = "3",
-    VARIANT_4 = "4"
-}
-export declare enum BorderRadiusPaper {
-    NONE = "0px",
-    SOFT = "4px",
-    MEDIUM = "10px",
-    STRONG = "20px"
-}

package/dist/src/tuix-paper/enums/tuix-paper.enum.js

@@ -1,15 +0,0 @@
-export var PaperElevation;
-(function (PaperElevation) {
-    PaperElevation["VARIANT_0"] = "0";
-    PaperElevation["VARIANT_1"] = "1";
-    PaperElevation["VARIANT_2"] = "2";
-    PaperElevation["VARIANT_3"] = "3";
-    PaperElevation["VARIANT_4"] = "4";
-})(PaperElevation || (PaperElevation = {}));
-export var BorderRadiusPaper;
-(function (BorderRadiusPaper) {
-    BorderRadiusPaper["NONE"] = "0px";
-    BorderRadiusPaper["SOFT"] = "4px";
-    BorderRadiusPaper["MEDIUM"] = "10px";
-    BorderRadiusPaper["STRONG"] = "20px";
-})(BorderRadiusPaper || (BorderRadiusPaper = {}));

package/dist/src/tuix-radio-button/TuixRadioButton.d.ts

@@ -1,16 +0,0 @@
-import { LitElement } from 'lit';
-import { CheckboxLabelSide } from '../tuix-checkbox/enums/tuix-checkbox.enums';
-import type { TuixRadioButtonOption } from './interfaces/tuix-radio-button.interface';
-export declare class TuixRadioButton extends LitElement {
-    static styles: import("lit").CSSResult[];
-    disabled: boolean;
-    dark: boolean;
-    error: boolean;
-    options: TuixRadioButtonOption[];
-    labelSide: CheckboxLabelSide;
-    selectedOption: TuixRadioButtonOption | null;
-    private _onRadioButtonChange;
-    private _getFullContainerClasses;
-    private _formatTemplate;
-    render(): import("lit-html").TemplateResult<1>;
-}

package/dist/src/tuix-radio-button/TuixRadioButton.js

@@ -1,95 +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';
-import { TextSize, TextVariant } from '../tuix-text/enums/tuix-text.enums';
-import { radioButtonContainerStyles, radioButtonInnerStyles, radioButtonLabelStyles, radioButtonStyles, radioHostStyles, } from './TuixRadioButton.styles';
-let TuixRadioButton = class TuixRadioButton extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.disabled = false;
-        this.dark = false;
-        this.error = false;
-        this.options = [];
-        this.labelSide = CheckboxLabelSide.RIGHT;
-        this.selectedOption = null;
-    }
-    static { this.styles = [
-        radioHostStyles,
-        radioButtonContainerStyles,
-        radioButtonStyles,
-        radioButtonInnerStyles,
-        radioButtonLabelStyles,
-    ]; }
-    _onRadioButtonChange(event) {
-        this.dispatchEvent(new CustomEvent('change', {
-            detail: {
-                value: event.target.value,
-            },
-            bubbles: true,
-        }));
-    }
-    _getFullContainerClasses() {
-        return {
-            't-radio-button-full-container': true,
-            't-with-error': this.error && !this.disabled,
-            't-with-label-left': this.labelSide === CheckboxLabelSide.LEFT,
-            't-multiple-options': this.options.length > 1,
-        };
-    }
-    _formatTemplate(option, index) {
-        return html `<label class="${classMap(this._getFullContainerClasses())}">
-      <div class="t-radio-button-container">
-        <input
-          type="radio"
-          class="t-radio-button"
-          ?disabled="${this.disabled}"
-          .value="${option}"
-          name="tuix-radio-button"
-          ?checked="${this.selectedOption === option}"
-          @change="${this._onRadioButtonChange}"
-        />
-        <div class="t-radio-button-checkmark">
-          <div class="t-radio-button-inner"></div>
-        </div>
-      </div>
-      <div class="t-radio-button-label">
-        <slot name="label-${index}">
-          <tuix-text
-            size="${TextSize.Field1}"
-            color="${TextVariant.PRIMARY}"
-            ?dark="${this.dark}"
-          >
-            ${option}
-          </tuix-text>
-        </slot>
-      </div>
-    </label>`;
-    }
-    render() {
-        return html `${this.options.map((option, index) => this._formatTemplate(option, index))}`;
-    }
-};
-__decorate([
-    property({ type: Boolean, reflect: true })
-], TuixRadioButton.prototype, "disabled", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], TuixRadioButton.prototype, "dark", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], TuixRadioButton.prototype, "error", void 0);
-__decorate([
-    property({ type: Array })
-], TuixRadioButton.prototype, "options", void 0);
-__decorate([
-    property({ type: String })
-], TuixRadioButton.prototype, "labelSide", void 0);
-__decorate([
-    property({ type: String })
-], TuixRadioButton.prototype, "selectedOption", void 0);
-TuixRadioButton = __decorate([
-    customElement('tuix-radio-button')
-], TuixRadioButton);
-export { TuixRadioButton };

package/dist/src/tuix-radio-button/TuixRadioButton.styles.d.ts

@@ -1,5 +0,0 @@
-export declare const radioHostStyles: import("lit").CSSResult;
-export declare const radioButtonContainerStyles: import("lit").CSSResult;
-export declare const radioButtonStyles: import("lit").CSSResult;
-export declare const radioButtonInnerStyles: import("lit").CSSResult;
-export declare const radioButtonLabelStyles: import("lit").CSSResult;