@momentum-design/components 0.16.9 → 0.16.11

package/dist/components/labelandhelper/index.d.ts

@@ -0,0 +1,9 @@
+import LabelAndHelper from './labelandhelper.component';
+import '../icon';
+import '../text';
+declare global {
+    interface HTMLElementTagNameMap {
+        ['mdc-labelandhelper']: LabelAndHelper;
+    }
+}
+export default LabelAndHelper;

package/dist/components/labelandhelper/index.js

@@ -0,0 +1,6 @@
+import LabelAndHelper from './labelandhelper.component';
+import { TAG_NAME } from './labelandhelper.constants';
+import '../icon';
+import '../text';
+LabelAndHelper.register(TAG_NAME);
+export default LabelAndHelper;

package/dist/components/labelandhelper/labelandhelper.component.d.ts

@@ -0,0 +1,72 @@
+import { CSSResult, nothing } from 'lit';
+import { Component } from '../../models';
+import type { ValidationType } from './labelandhelper.types';
+/**
+ * labelandhelper is a component that contains the label and helper/validation text
+ *  that can be configured in various ways to suit different use cases (most of the input related components).
+ * It is used as an internal component and is not intended to be used directly by consumers.
+ *
+ * @tagname mdc-labelandhelper
+ *
+ */
+declare class LabelAndHelper extends Component {
+    /**
+     * The label of the input field. It is linked to the input field using the `for` attribute.
+     */
+    label?: string;
+    /**
+     * The unique id of the input field. It is used to link the input field with the label.
+     * @default `mdc-input-${uuidv4()}`
+     */
+    id: string;
+    /**
+     * The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.
+     */
+    helpTextType: ValidationType;
+    /**
+     * The help text that is displayed below the input field.
+     */
+    helpText?: string;
+    /**
+     * @beta this attribute is in beta, and is subject to change (given the toggletip component is not ready yet)
+     * The text that is displayed when the labelInfoToggleTip is hovered over.
+     */
+    labelInfoText?: string;
+    /**
+     * creates the label element when the label property is set.
+     * id is used to link the label with the input field.
+     * @returns void
+     */
+    protected renderLabelElement(): import("lit-html").TemplateResult<1> | typeof nothing;
+    /**
+     * displays a info icon, which when hovered over, displays the labelInfoText.
+     * This is in beta and is subject to change once the toggletip component is ready.
+     * @returns void
+     */
+    protected renderLabelInfoToggleTip(): import("lit-html").TemplateResult<1> | typeof nothing;
+    /**
+     * creates the helpertext icon based on the helpTextType for validation.
+     * If the helpTextType is not set, it defaults to 'default' and it doesn't display any icon.
+     * @returns void
+     */
+    protected renderHelpTextIcon(): import("lit-html").TemplateResult<1> | typeof nothing;
+    /**
+     * creates the helper text component when the helpertext value is set.
+     * It is also used to display the validation message based on the helpTextType.
+     * @returns void
+     */
+    protected renderHelpText(): import("lit-html").TemplateResult<1> | typeof nothing;
+    /**
+     * renders the mdc-label-text container that contains the label and labelInfoToggleTip.
+     * @returns void
+     */
+    protected renderLabel(): import("lit-html").TemplateResult<1>;
+    /**
+     * renders the mdc-help-text container that contains the helpertext icon and helpertext.
+     * @returns void
+     */
+    protected renderHelperText(): import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: Array<CSSResult>;
+}
+export default LabelAndHelper;

package/dist/components/labelandhelper/labelandhelper.component.js

@@ -0,0 +1,137 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { html, nothing } from 'lit';
+import { v4 as uuidv4 } from 'uuid';
+import { property } from 'lit/decorators.js';
+import styles from './labelandhelper.styles';
+import { Component } from '../../models';
+import { DEFAULTS, MDC_TEXT_OPTIONS } from './labelandhelper.constants';
+import { getHelperIcon } from './labelandhelper.utils';
+/**
+ * labelandhelper is a component that contains the label and helper/validation text
+ *  that can be configured in various ways to suit different use cases (most of the input related components).
+ * It is used as an internal component and is not intended to be used directly by consumers.
+ *
+ * @tagname mdc-labelandhelper
+ *
+ */
+class LabelAndHelper extends Component {
+    constructor() {
+        super(...arguments);
+        /**
+         * The unique id of the input field. It is used to link the input field with the label.
+         * @default `mdc-input-${uuidv4()}`
+         */
+        this.id = `mdc-input-${uuidv4()}`;
+        /**
+         * The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.
+         */
+        this.helpTextType = DEFAULTS.VALIDATION;
+    }
+    /**
+     * creates the label element when the label property is set.
+     * id is used to link the label with the input field.
+     * @returns void
+     */
+    renderLabelElement() {
+        if (!this.label) {
+            return nothing;
+        }
+        return html `<label for="${this.id}" class="mdc-label">${this.label}</label>`;
+    }
+    /**
+     * displays a info icon, which when hovered over, displays the labelInfoText.
+     * This is in beta and is subject to change once the toggletip component is ready.
+     * @returns void
+     */
+    renderLabelInfoToggleTip() {
+        if (!this.labelInfoText) {
+            return nothing;
+        }
+        return html `<mdc-icon name=${DEFAULTS.INFO_ICON_NAME} size="1.25" length-unit="rem"></mdc-icon>`;
+    }
+    /**
+     * creates the helpertext icon based on the helpTextType for validation.
+     * If the helpTextType is not set, it defaults to 'default' and it doesn't display any icon.
+     * @returns void
+     */
+    renderHelpTextIcon() {
+        if (!this.helpText) {
+            return nothing;
+        }
+        const helperIcon = getHelperIcon(this.helpTextType || DEFAULTS.VALIDATION);
+        if (helperIcon) {
+            return html `<mdc-icon size="1" length-unit="rem" name=${helperIcon}></mdc-icon>`;
+        }
+        return nothing;
+    }
+    /**
+     * creates the helper text component when the helpertext value is set.
+     * It is also used to display the validation message based on the helpTextType.
+     * @returns void
+     */
+    renderHelpText() {
+        if (!this.helpText) {
+            return nothing;
+        }
+        return html `
+      <mdc-text tagname=${MDC_TEXT_OPTIONS.TAGNAME} type=${MDC_TEXT_OPTIONS.TYPE}> ${this.helpText} </mdc-text>
+    `;
+    }
+    /**
+     * renders the mdc-label-text container that contains the label and labelInfoToggleTip.
+     * @returns void
+     */
+    renderLabel() {
+        return html `<div class="mdc-label-text" part="mdc-label-text">
+      <slot name="label">${this.renderLabelElement()}</slot>
+      <slot name="label-icon">${this.renderLabelInfoToggleTip()}</slot>
+    </div>`;
+    }
+    /**
+     * renders the mdc-help-text container that contains the helpertext icon and helpertext.
+     * @returns void
+     */
+    renderHelperText() {
+        return html `<div class="mdc-help-text" part="mdc-help-text">
+      <slot name="help-icon">${this.renderHelpTextIcon()}</slot>
+      <slot name="help-text">${this.renderHelpText()}</slot>
+    </div>`;
+    }
+    render() {
+        return html `
+      ${this.renderLabel()}
+      <slot></slot>
+      ${this.renderHelperText()}
+    `;
+    }
+}
+LabelAndHelper.styles = [...Component.styles, ...styles];
+__decorate([
+    property({ reflect: true, type: String }),
+    __metadata("design:type", String)
+], LabelAndHelper.prototype, "label", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", Object)
+], LabelAndHelper.prototype, "id", void 0);
+__decorate([
+    property({ reflect: true, attribute: 'help-text-type' }),
+    __metadata("design:type", String)
+], LabelAndHelper.prototype, "helpTextType", void 0);
+__decorate([
+    property({ type: String, reflect: true, attribute: 'help-text' }),
+    __metadata("design:type", String)
+], LabelAndHelper.prototype, "helpText", void 0);
+__decorate([
+    property({ type: String, attribute: 'label-info-text' }),
+    __metadata("design:type", String)
+], LabelAndHelper.prototype, "labelInfoText", void 0);
+export default LabelAndHelper;

package/dist/components/labelandhelper/labelandhelper.constants.d.ts

@@ -0,0 +1,19 @@
+declare const TAG_NAME: "mdc-labelandhelper";
+declare const VALIDATION: {
+    readonly ERROR: "error";
+    readonly WARNING: "warning";
+    readonly SUCCESS: "success";
+    readonly PRIORITY: "priority";
+    readonly DEFAULT: "default";
+};
+declare const DEFAULTS: {
+    readonly NAME: undefined;
+    readonly INFO_ICON_NAME: "accessibility-bold" | "accessibility-light" | "accessibility-regular" | "accessories-bold" | "accessories-filled" | "accessories-light" | "accessories-regular" | "accordian-bold" | "accordian-light" | "accordian-regular" | "active-presence-small-filled" | "active-speaker-alert-bold" | "active-speaker-alert-light" | "active-speaker-alert-regular" | "active-speaker-bold" | "active-speaker-light" | "active-speaker-lock-bold" | "active-speaker-lock-light" | "active-speaker-lock-regular" | "active-speaker-regular" | "add-option-bold" | "add-option-light" | "add-option-regular" | "add-photo-bold" | "add-photo-light" | "add-photo-regular" | "add-poll-bold" | "add-poll-light" | "add-poll-regular" | "add-question-bold" | "add-question-light" | "add-question-regular" | "add-video-marker-bold" | "add-video-marker-light" | "add-video-marker-regular" | "adjust-audio-bold" | "adjust-audio-light" | "adjust-audio-regular" | "adjust-bold" | "adjust-filled" | "adjust-horizontal-bold" | "adjust-horizontal-filled" | "adjust-horizontal-light" | "adjust-horizontal-regular" | "adjust-light" | "adjust-microphone-bold" | "adjust-microphone-light" | "adjust-microphone-regular" | "adjust-regular" | "adjust-video-bold" | "adjust-video-light" | "adjust-video-regular" | "admin-bold" | "admin-filled" | "admin-light" | "admin-regular" | "advance-schedule-bold" | "advance-schedule-light" | "advance-schedule-regular" | "advanced-noise-removal-bold" | "advanced-noise-removal-light" | "advanced-noise-removal-regular" | "agent-unique-code-bold" | "agent-unique-code-light" | "agent-unique-code-regular" | "airplay-bold" | "airplay-light" | "airplay-regular" | "alarm-bold" | "alarm-filled" | "alarm-light" | "alarm-regular" | "alert-active-bold" | "alert-active-filled" | "alert-active-light" | "alert-active-regular" | "alert-bold" | "alert-filled" | "alert-light" | "alert-muted-bold" | "alert-muted-filled" | "alert-muted-light" | "alert-muted-regular" | "alert-regular" | "align-bottom-bold" | "align-bottom-filled" | "align-bottom-light" | "align-bottom-regular" | "align-horizontal-center-bold" | "align-horizontal-center-filled" | "align-horizontal-center-light" | "align-horizontal-center-regular" | "align-left-bold" | "align-left-filled" | "align-left-light" | "align-left-regular" | "align-right-bold" | "align-right-filled" | "align-right-light" | "align-right-regular" | "align-top-bold" | "align-top-filled" | "align-top-light" | "align-top-regular" | "align-vertical-center-bold" | "align-vertical-center-filled" | "align-vertical-center-light" | "align-vertical-center-regular" | "allow-to-annotate-bold" | "allow-to-annotate-light" | "allow-to-annotate-regular" | "alternate-response-bold" | "alternate-response-light" | "alternate-response-regular" | "analog-headset-bold" | "analog-headset-light" | "analog-headset-regular" | "analysis-bold" | "analysis-filled" | "analysis-light" | "analysis-regular" | "annotate-bold" | "annotate-filled" | "annotate-light" | "annotate-regular" | "announcement-bold" | "announcement-filled" | "announcement-light" | "announcement-muted-bold" | "announcement-muted-filled" | "announcement-muted-light" | "announcement-muted-regular" | "announcement-regular" | "app-push-bold" | "app-push-light" | "app-push-regular" | "appearance-bold" | "appearance-light" | "appearance-regular" | "applause-bold" | "applause-light" | "applause-regular" | "apple-bold" | "apple-filled" | "apple-light" | "apple-regular" | "application-bold" | "application-light" | "application-panel-bold" | "application-panel-light" | "application-panel-regular" | "application-regular" | "applications-bold" | "applications-filled" | "applications-light" | "applications-regular" | "approval-pending-bold" | "approval-pending-light" | "approval-pending-regular" | "approvals-bold" | "approvals-light" | "approvals-regular" | "apps-bold" | "apps-filled" | "apps-light" | "apps-regular" | "archive-bold" | "archive-filled" | "archive-light" | "archive-regular" | "area-chart-bold" | "area-chart-filled" | "area-chart-light" | "area-chart-regular" | "area-selector-bold" | "area-selector-light" | "area-selector-regular" | "arrow-circle-down-bold" | "arrow-circle-down-filled" | "arrow-circle-down-light" | "arrow-circle-down-regular" | "arrow-circle-left-bold" | "arrow-circle-left-filled" | "arrow-circle-left-light" | "arrow-circle-left-regular" | "arrow-circle-right-bold" | "arrow-circle-right-filled" | "arrow-circle-right-light" | "arrow-circle-right-regular" | "arrow-circle-up-bold" | "arrow-circle-up-filled" | "arrow-circle-up-light" | "arrow-circle-up-regular" | "arrow-down-bold" | "arrow-down-filled" | "arrow-down-light" | "arrow-down-regular" | "arrow-left-bold" | "arrow-left-filled" | "arrow-left-light" | "arrow-left-regular" | "arrow-right-bold" | "arrow-right-filled" | "arrow-right-light" | "arrow-right-regular" | "arrow-tail-down-bold" | "arrow-tail-down-light" | "arrow-tail-down-regular" | "arrow-tail-up-bold" | "arrow-tail-up-light" | "arrow-tail-up-regular" | "arrow-up-bold" | "arrow-up-filled" | "arrow-up-light" | "arrow-up-regular" | "ask-for-help-bold" | "ask-for-help-filled" | "ask-for-help-light" | "ask-for-help-regular" | "assets-bold" | "assets-filled" | "assets-light" | "assets-regular" | "assign-host-bold" | "assign-host-light" | "assign-host-regular" | "assign-privilege-bold" | "assign-privilege-filled" | "assign-privilege-light" | "assign-privilege-regular" | "attachment-bold" | "attachment-light" | "attachment-regular" | "attendant-console-bold" | "attendant-console-filled" | "attendant-console-light" | "attendant-console-regular" | "audio-broadcast-bold" | "audio-broadcast-light" | "audio-broadcast-regular" | "audio-call-bold" | "audio-call-filled" | "audio-call-light" | "audio-call-regular" | "audio-enhancement-bold" | "audio-enhancement-filled" | "audio-enhancement-light" | "audio-enhancement-regular" | "audio-only-bold" | "audio-only-light" | "audio-only-regular" | "audio-opt-all-bold" | "audio-opt-all-light" | "audio-opt-all-regular" | "auto-detection-bold" | "auto-detection-light" | "auto-detection-regular" | "automation-bold" | "automation-light" | "automation-regular" | "away-calling-presence-bold" | "away-calling-presence-filled" | "away-calling-presence-light" | "away-calling-presence-regular" | "back-bold" | "back-light" | "back-regular" | "back-to-full-screen-bold" | "back-to-full-screen-light" | "back-to-full-screen-regular" | "back-to-top-bold" | "back-to-top-light" | "back-to-top-regular" | "backlight-bold" | "backlight-light" | "backlight-regular" | "backspace-bold" | "backspace-light" | "backspace-regular" | "backup-data-bold" | "backup-data-light" | "backup-data-regular" | "barcode-bold" | "barcode-light" | "barcode-regular" | "battery-charging-bold" | "battery-charging-light" | "battery-charging-regular" | "battery-empty-bold" | "battery-empty-light" | "battery-empty-regular" | "battery-high-bold" | "battery-high-light" | "battery-high-regular" | "battery-low-bold" | "battery-low-light" | "battery-low-regular" | "battery-medium-bold" | "battery-medium-light" | "battery-medium-regular" | "bitmoji-connect-bold" | "bitmoji-connect-light" | "bitmoji-connect-regular" | "bitmoji-connected-bold" | "bitmoji-connected-filled" | "bitmoji-connected-light" | "bitmoji-connected-regular" | "blind-transfer-bold" | "blind-transfer-light" | "blind-transfer-regular" | "block-quote-bold" | "block-quote-light" | "block-quote-regular" | "blocked-bold" | "blocked-light" | "blocked-regular" | "bluetooth-bold" | "bluetooth-filled" | "bluetooth-light" | "bluetooth-muted-bold" | "bluetooth-muted-light" | "bluetooth-muted-regular" | "bluetooth-regular" | "bold-bold" | "bold-filled" | "bold-light" | "bold-regular" | "bookmark-bold" | "bookmark-light" | "bookmark-regular" | "bot-bold" | "bot-customer-assistant-bold" | "bot-customer-assistant-light" | "bot-customer-assistant-regular" | "bot-expert-assistant-bold" | "bot-expert-assistant-light" | "bot-expert-assistant-regular" | "bot-light" | "bot-regular" | "box-bold" | "box-light" | "box-regular" | "breakout-session-bold" | "breakout-session-filled" | "breakout-session-light" | "breakout-session-regular" | "brightness-auto-bold" | "brightness-auto-light" | "brightness-auto-regular" | "brightness-bold" | "brightness-high-bold" | "brightness-high-light" | "brightness-high-regular" | "brightness-light" | "brightness-low-bold" | "brightness-low-light" | "brightness-low-regular" | "brightness-regular" | "broken-file-bold" | "broken-file-filled" | "broken-file-light" | "broken-file-regular" | "browser-bold" | "browser-light" | "browser-regular" | "busy-presence-bold" | "busy-presence-light" | "busy-presence-regular" | "button-cursor-bold" | "button-cursor-light" | "button-cursor-regular" | "calendar-add-bold" | "calendar-add-filled" | "calendar-add-light" | "calendar-add-regular" | "calendar-day-bold" | "calendar-day-filled" | "calendar-day-light" | "calendar-day-regular" | "calendar-empty-bold" | "calendar-empty-filled" | "calendar-empty-light" | "calendar-empty-regular" | "calendar-external-bold" | "calendar-external-light" | "calendar-external-regular" | "calendar-filter-bold" | "calendar-filter-light" | "calendar-filter-regular" | "calendar-month-bold" | "calendar-month-filled" | "calendar-month-light" | "calendar-month-more-bold" | "calendar-month-more-light" | "calendar-month-more-regular" | "calendar-month-regular" | "calendar-today-bold" | "calendar-today-light" | "calendar-today-regular" | "calendar-week-bold" | "calendar-week-filled" | "calendar-week-light" | "calendar-week-regular" | "calendar-week-view-bold" | "calendar-week-view-filled" | "calendar-week-view-light" | "calendar-week-view-regular" | "calendar-work-week-bold" | "calendar-work-week-filled" | "calendar-work-week-light" | "calendar-work-week-regular" | "call-barge-bold" | "call-barge-filled" | "call-barge-light" | "call-barge-regular" | "call-barge-silent-bold" | "call-barge-silent-light" | "call-barge-silent-regular" | "call-forward-settings-bold" | "call-forward-settings-filled" | "call-forward-settings-light" | "call-forward-settings-regular" | "call-group-pickup-bold" | "call-group-pickup-filled" | "call-group-pickup-light" | "call-group-pickup-regular" | "call-handling-bold" | "call-handling-light" | "call-handling-regular" | "call-hold-bold" | "call-hold-filled" | "call-hold-light" | "call-hold-regular" | "call-incoming-bold" | "call-incoming-light" | "call-incoming-regular" | "call-list-bold" | "call-list-light" | "call-list-regular" | "call-merge-bold" | "call-merge-light" | "call-merge-regular" | "call-missed-bold" | "call-missed-filled" | "call-missed-light" | "call-missed-regular" | "call-more-bold" | "call-more-light" | "call-more-regular" | "call-outgoing-bold" | "call-outgoing-light" | "call-outgoing-regular" | "call-pickup-bold" | "call-pickup-filled" | "call-pickup-light" | "call-pickup-other-bold" | "call-pickup-other-filled" | "call-pickup-other-light" | "call-pickup-other-regular" | "call-pickup-regular" | "call-private-bold" | "call-private-filled" | "call-private-light" | "call-private-regular" | "call-remote-bold" | "call-remote-filled" | "call-remote-light" | "call-remote-regular" | "call-request-bold" | "call-request-filled" | "call-request-light" | "call-request-regular" | "call-return-bold" | "call-return-filled" | "call-return-light" | "call-return-regular" | "call-room-bold" | "call-room-light" | "call-room-regular" | "call-settings-bold" | "call-settings-light" | "call-settings-regular" | "call-split-bold" | "call-split-light" | "call-split-regular" | "call-swap-bold" | "call-swap-light" | "call-swap-regular" | "call-voicemail-bold" | "call-voicemail-light" | "call-voicemail-regular" | "callrate-bold" | "callrate-light" | "callrate-regular" | "camera-aux-bold" | "camera-aux-filled" | "camera-aux-light" | "camera-aux-regular" | "camera-bold" | "camera-filled" | "camera-light" | "camera-muted-bold" | "camera-muted-circle-filled" | "camera-muted-filled" | "camera-muted-light" | "camera-muted-regular" | "camera-on-bold" | "camera-on-filled" | "camera-on-light" | "camera-on-regular" | "camera-photo-bold" | "camera-photo-filled" | "camera-photo-light" | "camera-photo-regular" | "camera-presence-bold" | "camera-presence-filled" | "camera-presence-light" | "camera-presence-regular" | "camera-regular" | "camera-swap-bold" | "camera-swap-light" | "camera-swap-regular" | "campaign-management-bold" | "campaign-management-light" | "campaign-management-regular" | "cancel-bold" | "cancel-light" | "cancel-regular" | "caps-lock-bold" | "caps-lock-light" | "caps-lock-regular" | "capture-rewind-bold" | "capture-rewind-light" | "capture-rewind-regular" | "carosel-bold" | "carosel-light" | "carosel-regular" | "carousel-text-bold" | "carousel-text-light" | "carousel-text-regular" | "cellular-bold" | "cellular-light" | "cellular-regular" | "center-aligned-bold" | "center-aligned-light" | "center-aligned-regular" | "center-bold" | "center-light" | "center-regular" | "certificate-bold" | "certificate-invalid-bold" | "certificate-invalid-light" | "certificate-invalid-regular" | "certificate-light" | "certificate-regular" | "certified-bold" | "certified-light" | "certified-regular" | "ch-p-search-bold" | "ch-p-search-light" | "ch-p-search-regular" | "channel-ussd-bold" | "channel-ussd-light" | "channel-ussd-regular" | "chat-bold" | "chat-filled" | "chat-group-bold" | "chat-group-filled" | "chat-group-light" | "chat-group-regular" | "chat-light" | "chat-mute-bold" | "chat-mute-light" | "chat-mute-regular" | "chat-regular" | "check-bold" | "check-circle-badge-filled" | "check-circle-bold" | "check-circle-filled" | "check-circle-light" | "check-circle-regular" | "check-light" | "check-regular" | "checkbox-group-bold" | "checkbox-group-light" | "checkbox-group-regular" | "cisco-ai-assistant-solid-bold" | "clean-up-bold" | "clean-up-light" | "clean-up-regular" | "clear-badge-filled" | "clear-bold" | "clear-filled" | "clear-light" | "clear-regular" | "close-space-bold" | "close-space-light" | "close-space-regular" | "closed-caption-badge-bold" | "closed-caption-badge-filled" | "closed-caption-badge-light" | "closed-caption-badge-regular" | "closed-captions-bold" | "closed-captions-filled" | "closed-captions-light" | "closed-captions-regular" | "cloud-bold" | "cloud-download-bold" | "cloud-download-light" | "cloud-download-regular" | "cloud-filled" | "cloud-frame-bold" | "cloud-frame-filled" | "cloud-frame-light" | "cloud-frame-regular" | "cloud-light" | "cloud-muted-bold" | "cloud-muted-filled" | "cloud-muted-light" | "cloud-muted-regular" | "cloud-regular" | "cloud-upload-bold" | "cloud-upload-light" | "cloud-upload-regular" | "code-block-bold" | "code-block-light" | "code-block-regular" | "coffee-bold" | "coffee-light" | "coffee-regular" | "color-bold" | "color-filled" | "color-light" | "color-regular" | "colour-palette-bold" | "colour-palette-filled" | "colour-palette-light" | "colour-palette-regular" | "commenting-bold" | "commenting-filled" | "commenting-light" | "commenting-regular" | "company-bold" | "company-light" | "company-regular" | "completed-by-base-bold" | "completed-by-base-light" | "completed-by-base-regular" | "completed-by-time-bold" | "completed-by-time-light" | "completed-by-time-regular" | "computer-bold" | "computer-light" | "computer-regular" | "concierge-bold" | "concierge-light" | "concierge-regular" | "conditional-block-bold" | "conditional-block-light" | "conditional-block-regular" | "connect-bold" | "connect-light" | "connect-regular" | "contact-card-bold" | "contact-card-filled" | "contact-card-light" | "contact-card-regular" | "contacts-bold" | "contacts-filled" | "contacts-light" | "contacts-regular" | "content-download-bold" | "content-download-filled" | "content-download-light" | "content-download-regular" | "content-share-bold" | "content-share-light" | "content-share-regular" | "contrast-bold" | "contrast-light" | "contrast-regular" | "copy-bold" | "copy-light" | "copy-regular" | "cpu-bold" | "cpu-light" | "cpu-regular" | "create-a-group-bold" | "create-a-group-filled" | "create-a-group-light" | "create-a-group-regular" | "crop-bold" | "crop-light" | "crop-regular" | "cucm-connection-bold" | "cucm-connection-light" | "cucm-connection-regular" | "custom-code-editor-bold" | "custom-code-editor-light" | "custom-code-editor-regular" | "daily-recurring-schedule-bold" | "daily-recurring-schedule-light" | "daily-recurring-schedule-regular" | "dashboard-bold" | "dashboard-filled" | "dashboard-light" | "dashboard-regular" | "data-management-bold" | "data-management-filled" | "data-management-light" | "data-management-regular" | "data-range-selection-bold" | "data-range-selection-filled" | "data-range-selection-light" | "data-range-selection-regular" | "decline-bold" | "decline-filled" | "decline-light" | "decline-regular" | "delete-bold" | "delete-filled" | "delete-light" | "delete-regular" | "deployment-evaluation-progress-bold" | "deployment-evaluation-progress-light" | "deployment-evaluation-progress-regular" | "deployment-progress-bold" | "deployment-progress-light" | "deployment-progress-regular" | "deployment-recurring-bold" | "deployment-recurring-light" | "deployment-recurring-regular" | "deployment-winner-pending-bold" | "deployment-winner-pending-light" | "deployment-winner-pending-regular" | "desk-phone-bold" | "desk-phone-filled" | "desk-phone-light" | "desk-phone-regular" | "desk-phone-warning-bold" | "desk-phone-warning-light" | "desk-phone-warning-regular" | "device-connection-bold" | "device-connection-filled" | "device-connection-light" | "device-connection-regular" | "device-in-room-bold" | "device-in-room-end-bold" | "device-in-room-end-light" | "device-in-room-end-regular" | "device-in-room-filled" | "device-in-room-light" | "device-in-room-regular" | "device-muted-bold" | "device-muted-light" | "device-muted-regular" | "device-policy-controller-bold" | "device-policy-controller-light" | "device-policy-controller-regular" | "diagnostics-bold" | "diagnostics-light" | "diagnostics-regular" | "dialpad-bold" | "dialpad-light" | "dialpad-regular" | "directional-pad-bold" | "directional-pad-filled" | "directional-pad-light" | "directional-pad-regular" | "directory-bold" | "directory-light" | "directory-regular" | "disappearing-pen-bold" | "disappearing-pen-light" | "disappearing-pen-regular" | "disc-bold" | "disc-connected-bold" | "disc-connected-light" | "disc-connected-regular" | "disc-light" | "disc-regular" | "disconnect-bold" | "disconnect-filled" | "disconnect-light" | "disconnect-regular" | "dislike-bold" | "dislike-filled" | "dislike-light" | "dislike-regular" | "display-bold" | "display-input-bold" | "display-input-light" | "display-input-regular" | "display-light" | "display-regular" | "display-warning-bold" | "display-warning-light" | "display-warning-regular" | "distribute-horizontal-bold" | "distribute-horizontal-filled" | "distribute-horizontal-light" | "distribute-horizontal-regular" | "distribute-vertically-bold" | "distribute-vertically-filled" | "distribute-vertically-light" | "distribute-vertically-regular" | "dnd-presence-badge-filled" | "dnd-presence-bold" | "dnd-presence-filled" | "dnd-presence-light" | "dnd-presence-regular" | "document-bold" | "document-camera-bold" | "document-camera-disconnected-bold" | "document-camera-disconnected-light" | "document-camera-disconnected-regular" | "document-camera-light" | "document-camera-regular" | "document-create-bold" | "document-create-filled" | "document-create-light" | "document-create-regular" | "document-filled" | "document-light" | "document-move-bold" | "document-move-filled" | "document-move-light" | "document-move-regular" | "document-regular" | "document-share-bold" | "document-share-filled" | "document-share-light" | "document-share-regular" | "done-all-bold" | "done-all-light" | "done-all-regular" | "donut-chart-bold" | "donut-chart-filled" | "donut-chart-light" | "donut-chart-regular" | "download-bold" | "download-filled" | "download-light" | "download-regular" | "draft-bold" | "draft-filled" | "draft-indicator-bold" | "draft-indicator-small-filled" | "draft-light" | "draft-regular" | "drag-bold" | "drag-light" | "drag-regular" | "dragger-horizontal-bold" | "dragger-horizontal-light" | "dragger-horizontal-regular" | "dragger-vertical-bold" | "dragger-vertical-light" | "dragger-vertical-regular" | "drive-mode-bold" | "drive-mode-light" | "drive-mode-regular" | "dropdown-bold" | "dropdown-light" | "dropdown-regular" | "dx-eighty-bold" | "dx-eighty-filled" | "dx-eighty-light" | "dx-eighty-regular" | "dx-seventy-bold" | "dx-seventy-light" | "dx-seventy-regular" | "edit-bold" | "edit-filled" | "edit-light" | "edit-regular" | "editable-partial-bold" | "editable-partial-light" | "editable-partial-regular" | "education-bold" | "education-filled" | "education-light" | "education-regular" | "email-bold" | "email-delivered-bold" | "email-delivered-light" | "email-delivered-regular" | "email-failure-bold" | "email-failure-light" | "email-failure-regular" | "email-filled" | "email-invite-bold" | "email-invite-light" | "email-invite-regular" | "email-light" | "email-outgoing-bold" | "email-outgoing-filled" | "email-outgoing-light" | "email-outgoing-regular" | "email-read-bold" | "email-read-filled" | "email-read-light" | "email-read-regular" | "email-regular" | "emoji-excited-bold" | "emoji-excited-filled" | "emoji-excited-light" | "emoji-excited-regular" | "emoji-happy-bold" | "emoji-happy-filled" | "emoji-happy-light" | "emoji-happy-regular" | "emoji-passive-bold" | "emoji-passive-filled" | "emoji-passive-light" | "emoji-passive-regular" | "emoji-sad-bold" | "emoji-sad-filled" | "emoji-sad-light" | "emoji-sad-regular" | "emoji-unhappy-bold" | "emoji-unhappy-filled" | "emoji-unhappy-light" | "emoji-unhappy-regular" | "encryption-circle-filled" | "encryption-filled" | "end-remote-desktop-control-bold" | "end-remote-desktop-control-light" | "end-remote-desktop-control-regular" | "end-to-end-encryption-circle-filled" | "end-to-end-encryption-filled" | "endpoint-blocked-bold" | "endpoint-blocked-light" | "endpoint-blocked-regular" | "endpoint-bold" | "endpoint-g-two-bold" | "endpoint-g-two-light" | "endpoint-g-two-regular" | "endpoint-g-two-seventy-bold" | "endpoint-g-two-seventy-dual-bold" | "endpoint-g-two-seventy-dual-light" | "endpoint-g-two-seventy-dual-regular" | "endpoint-g-two-seventy-light" | "endpoint-g-two-seventy-regular" | "endpoint-g-two-stand-bold" | "endpoint-g-two-stand-light" | "endpoint-g-two-stand-regular" | "endpoint-light" | "endpoint-mx-eight-hundred-bold" | "endpoint-mx-eight-hundred-dual-bold" | "endpoint-mx-eight-hundred-dual-light" | "endpoint-mx-eight-hundred-dual-regular" | "endpoint-mx-eight-hundred-light" | "endpoint-mx-eight-hundred-regular" | "endpoint-regular" | "endpoint-stand-bold" | "endpoint-stand-filled" | "endpoint-stand-light" | "endpoint-stand-regular" | "endpoint-warning-bold" | "endpoint-warning-light" | "endpoint-warning-regular" | "enter-bold" | "enter-light" | "enter-regular" | "enter-room-bold" | "enter-room-filled" | "enter-room-light" | "enter-room-regular" | "eraser-bold" | "eraser-filled" | "eraser-light" | "eraser-regular" | "error-legacy-badge-filled" | "error-legacy-bold" | "error-legacy-filled" | "error-legacy-light" | "error-legacy-regular" | "ethernet-bold" | "ethernet-filled" | "ethernet-light" | "ethernet-regular" | "exchange-bold" | "exchange-light" | "exchange-regular" | "exclamation-bold" | "exclamation-light" | "exclamation-regular" | "exclude-bold" | "exclude-light" | "exclude-regular" | "existing-target-group-bold" | "existing-target-group-light" | "existing-target-group-regular" | "exit-room-bold" | "exit-room-light" | "exit-room-regular" | "explore-bold" | "explore-light" | "explore-regular" | "export-bold" | "export-light" | "export-regular" | "extension-mobility-bold" | "extension-mobility-light" | "extension-mobility-regular" | "external-message-bold" | "external-message-light" | "external-message-regular" | "external-user-bold" | "external-user-light" | "external-user-regular" | "family-font-bold" | "family-font-light" | "family-font-regular" | "fast-forward-bold" | "fast-forward-light" | "fast-forward-regular" | "favorite-bold" | "favorite-filled" | "favorite-light" | "favorite-regular" | "favorites-bold" | "favorites-filled" | "favorites-light" | "favorites-regular" | "fbw-bold" | "fbw-filled" | "fbw-light" | "fbw-regular" | "ffw-bold" | "ffw-filled" | "ffw-light" | "ffw-regular" | "file-analysis-bold" | "file-analysis-filled" | "file-analysis-light" | "file-analysis-regular" | "file-annotation-bold" | "file-annotation-filled" | "file-annotation-light" | "file-annotation-regular" | "file-audio-bold" | "file-audio-filled" | "file-audio-light" | "file-audio-regular" | "file-bug-bold" | "file-bug-filled" | "file-bug-light" | "file-bug-regular" | "file-code-bold" | "file-code-filled" | "file-code-light" | "file-code-regular" | "file-dashboard-bold" | "file-dashboard-filled" | "file-dashboard-light" | "file-dashboard-regular" | "file-excel-bold" | "file-excel-filled" | "file-excel-light" | "file-excel-regular" | "file-graph-bold" | "file-graph-filled" | "file-graph-light" | "file-graph-regular" | "file-image-bold" | "file-image-filled" | "file-image-light" | "file-image-none-bold" | "file-image-none-light" | "file-image-none-regular" | "file-image-regular" | "file-keynote-bold" | "file-keynote-filled" | "file-keynote-light" | "file-keynote-regular" | "file-locked-bold" | "file-locked-filled" | "file-locked-light" | "file-locked-regular" | "file-missing-bold" | "file-missing-filled" | "file-missing-light" | "file-missing-regular" | "file-music-bold" | "file-music-filled" | "file-music-light" | "file-music-regular" | "file-onenote-bold" | "file-onenote-filled" | "file-onenote-light" | "file-onenote-regular" | "file-pdf-bold" | "file-pdf-filled" | "file-pdf-light" | "file-pdf-regular" | "file-powerpoint-bold" | "file-powerpoint-filled" | "file-powerpoint-light" | "file-powerpoint-regular" | "file-spreadsheet-bold" | "file-spreadsheet-filled" | "file-spreadsheet-light" | "file-spreadsheet-regular" | "file-text-bold" | "file-text-filled" | "file-text-light" | "file-text-regular" | "file-three-d-bold" | "file-three-d-filled" | "file-three-d-light" | "file-three-d-regular" | "file-vector-bold" | "file-vector-filled" | "file-vector-light" | "file-vector-regular" | "file-video-bold" | "file-video-filled" | "file-video-light" | "file-video-regular" | "file-word-bold" | "file-word-filled" | "file-word-light" | "file-word-regular" | "file-zip-bold" | "file-zip-filled" | "file-zip-light" | "file-zip-regular" | "files-bold" | "files-filled" | "files-light" | "files-regular" | "fill-colour-bold" | "fill-colour-filled" | "fill-colour-light" | "fill-colour-regular" | "filter-bold" | "filter-circle-bold" | "filter-circle-filled" | "filter-circle-light" | "filter-circle-regular" | "filter-light" | "filter-regular" | "fit-to-width-bold" | "fit-to-width-light" | "fit-to-width-regular" | "fit-to-window-expand-bold" | "fit-to-window-expand-light" | "fit-to-window-expand-regular" | "fit-to-window-shrink-bold" | "fit-to-window-shrink-light" | "fit-to-window-shrink-regular" | "flag-bold" | "flag-circle-bold" | "flag-circle-filled" | "flag-circle-light" | "flag-circle-regular" | "flag-filled" | "flag-light" | "flag-regular" | "folder-bold" | "folder-edit-bold" | "folder-edit-light" | "folder-edit-regular" | "folder-light" | "folder-lock-bold" | "folder-lock-light" | "folder-lock-regular" | "folder-regular" | "folder-view-bold" | "folder-view-light" | "folder-view-regular" | "follow-up-bold" | "follow-up-light" | "follow-up-regular" | "food-bold" | "food-light" | "food-regular" | "format-bold" | "format-default-app-bold" | "format-default-app-filled" | "format-default-app-light" | "format-default-app-regular" | "format-light" | "format-panel-control-bar-bold" | "format-panel-control-bar-light" | "format-panel-control-bar-regular" | "format-panel-control-down-bold" | "format-panel-control-down-light" | "format-panel-control-down-regular" | "format-panel-control-left-bold" | "format-panel-control-left-light" | "format-panel-control-left-regular" | "format-panel-control-right-bold" | "format-panel-control-right-light" | "format-panel-control-right-regular" | "format-panel-control-up-bold" | "format-panel-control-up-down-bold" | "format-panel-control-up-down-light" | "format-panel-control-up-down-regular" | "format-panel-control-up-light" | "format-panel-control-up-regular" | "format-regular" | "format-view-mixed-bold" | "format-view-mixed-light" | "format-view-mixed-regular" | "forward-message-bold" | "forward-message-filled" | "forward-message-light" | "forward-message-regular" | "forward-ten-sec-bold" | "forward-ten-sec-light" | "forward-ten-sec-regular" | "four-column-bold" | "four-column-light" | "four-column-regular" | "four-way-navigation-bold" | "four-way-navigation-light" | "four-way-navigation-regular" | "frequency-capping-bold" | "frequency-capping-light" | "frequency-capping-regular" | "fulfillment-bold" | "fulfillment-light" | "fulfillment-regular" | "fullscreen-bold" | "fullscreen-exit-bold" | "fullscreen-exit-light" | "fullscreen-exit-regular" | "fullscreen-light" | "fullscreen-regular" | "generic-device-video-badge-filled" | "generic-device-video-bold" | "generic-device-video-filled" | "generic-device-video-light" | "generic-device-video-regular" | "gif-bold" | "gif-filled" | "gif-horizontal-bold" | "gif-horizontal-filled" | "gif-horizontal-light" | "gif-horizontal-regular" | "gif-light" | "gif-regular" | "gift-bold" | "gift-filled" | "gift-light" | "gift-regular" | "green-leaf-bold" | "green-leaf-filled" | "green-leaf-light" | "green-leaf-regular" | "green-room-bold" | "green-room-filled" | "green-room-light" | "green-room-regular" | "guest-issuer-bold" | "guest-issuer-light" | "guest-issuer-regular" | "guide-bold" | "guide-light" | "guide-regular" | "hand-pointer-bold" | "hand-pointer-light" | "hand-pointer-regular" | "handler-bold" | "handler-horizontal-bold" | "handler-horizontal-light" | "handler-horizontal-regular" | "handler-light" | "handler-regular" | "handset-alert-bold" | "handset-alert-filled" | "handset-alert-light" | "handset-alert-regular" | "handset-bold" | "handset-down-slash-bold" | "handset-down-slash-filled" | "handset-down-slash-light" | "handset-down-slash-regular" | "handset-filled" | "handset-light" | "handset-muted-bold" | "handset-muted-filled" | "handset-muted-light" | "handset-muted-regular" | "handset-regular" | "handsets-arrow-left-bold" | "handsets-arrow-left-light" | "handsets-arrow-left-regular" | "handshake-bold" | "handshake-light" | "handshake-regular" | "heading-one-bold" | "heading-one-light" | "heading-one-regular" | "heading-three-bold" | "heading-three-light" | "heading-three-regular" | "heading-two-bold" | "heading-two-light" | "heading-two-regular" | "headphones-bold" | "headphones-filled" | "headphones-light" | "headphones-muted-bold" | "headphones-muted-filled" | "headphones-muted-light" | "headphones-muted-regular" | "headphones-regular" | "headset-alert-bold" | "headset-alert-light" | "headset-alert-regular" | "headset-arrow-down-bold" | "headset-arrow-down-filled" | "headset-arrow-down-light" | "headset-arrow-down-regular" | "headset-bold" | "headset-filled" | "headset-light" | "headset-muted-bold" | "headset-muted-light" | "headset-muted-regular" | "headset-private-bold" | "headset-private-light" | "headset-private-regular" | "headset-regular" | "hearing-bold" | "hearing-impaired-bold" | "hearing-impaired-light" | "hearing-impaired-regular" | "hearing-light" | "hearing-regular" | "help-bold" | "help-circle-bold" | "help-circle-filled" | "help-circle-light" | "help-circle-regular" | "help-light" | "help-regular" | "helpdesk-bold" | "helpdesk-filled" | "helpdesk-light" | "helpdesk-regular" | "hide-bold" | "hide-filled" | "hide-light" | "hide-regular" | "home-bold" | "home-filled" | "home-light" | "home-regular" | "horizontal-line-bold" | "horizontal-line-light" | "horizontal-line-regular" | "hoteling-bold" | "hoteling-filled" | "hoteling-light" | "hoteling-regular" | "humidity-bold" | "humidity-light" | "humidity-regular" | "hunt-group-bold" | "hunt-group-filled" | "hunt-group-light" | "hunt-group-regular" | "idle-bold" | "idle-filled" | "idle-light" | "idle-regular" | "immediate-bold" | "immediate-filled" | "immediate-light" | "immediate-regular" | "import-bold" | "import-light" | "import-regular" | "in-common-bold" | "in-common-light" | "in-common-regular" | "inbox-bold" | "inbox-filled" | "inbox-light" | "inbox-regular" | "include-bold" | "include-light" | "include-regular" | "incognito-bold" | "incognito-filled" | "incognito-light" | "incognito-regular" | "incoming-call-legacy-bold" | "incoming-call-legacy-filled" | "incoming-call-legacy-light" | "incoming-call-legacy-regular" | "indent-decrease-bold" | "indent-decrease-light" | "indent-decrease-regular" | "indent-increase-bold" | "indent-increase-light" | "indent-increase-regular" | "info-badge-filled" | "info-circle-bold" | "info-circle-filled" | "info-circle-light" | "info-circle-regular" | "info-circle-two-bold" | "info-circle-two-filled" | "info-circle-two-light" | "info-circle-two-regular" | "input-bold" | "input-disconnected-bold" | "input-disconnected-light" | "input-disconnected-regular" | "input-light" | "input-regular" | "instant-schedule-bold" | "instant-schedule-filled" | "instant-schedule-light" | "instant-schedule-regular" | "integrations-bold" | "integrations-light" | "integrations-regular" | "intelligent-routing-bold" | "intelligent-routing-light" | "intelligent-routing-regular" | "invited-user-bold" | "invited-user-light" | "invited-user-regular" | "italic-bold" | "italic-filled" | "italic-light" | "italic-regular" | "join-audio-bold" | "join-audio-filled" | "join-audio-light" | "join-audio-regular" | "keep-in-touch-bold" | "keep-in-touch-filled" | "keep-in-touch-light" | "keep-in-touch-regular" | "keyboard-bold" | "keyboard-close-bold" | "keyboard-close-light" | "keyboard-close-regular" | "keyboard-light" | "keyboard-regular" | "language-bold" | "language-filled" | "language-light" | "language-regular" | "laptop-bold" | "laptop-disconnected-bold" | "laptop-disconnected-light" | "laptop-disconnected-regular" | "laptop-filled" | "laptop-light" | "laptop-regular" | "laser-pointer-bold" | "laser-pointer-light" | "laser-pointer-regular" | "launch-bold" | "launch-light" | "launch-regular" | "layout-side-by-side-vertical-bold" | "layout-side-by-side-vertical-filled" | "layout-side-by-side-vertical-light" | "layout-side-by-side-vertical-regular" | "leave-breakout-session-bold" | "leave-breakout-session-light" | "leave-breakout-session-regular" | "leave-device-bold" | "leave-device-light" | "leave-device-regular" | "like-bold" | "like-filled" | "like-light" | "like-regular" | "link-bold" | "link-light" | "link-regular" | "list-bulleted-bold" | "list-bulleted-light" | "list-bulleted-regular" | "list-menu-bold" | "list-menu-light" | "list-menu-regular" | "list-numbered-bold" | "list-numbered-light" | "list-numbered-regular" | "live-bold" | "live-filled" | "live-light" | "live-regular" | "location-bold" | "location-filled" | "location-light" | "location-regular" | "long-text-box-bold" | "long-text-box-light" | "long-text-box-regular" | "lower-hand-bold" | "lower-hand-light" | "lower-hand-regular" | "magic-pen-bold" | "magic-pen-filled" | "magic-pen-light" | "magic-pen-regular" | "mark-as-unread-bold" | "mark-as-unread-light" | "mark-as-unread-regular" | "markdown-bold" | "markdown-light" | "markdown-regular" | "marker-bold" | "marker-filled" | "marker-light" | "marker-regular" | "maximize-bold" | "maximize-light" | "maximize-regular" | "media-player-bold" | "media-player-light" | "media-player-regular" | "media-quality-good-bold" | "media-quality-good-filled" | "media-quality-good-light" | "media-quality-good-regular" | "media-quality-poor-bold" | "media-quality-poor-filled" | "media-quality-poor-light" | "media-quality-poor-regular" | "media-quality-unstable-bold" | "media-quality-unstable-filled" | "media-quality-unstable-light" | "media-quality-unstable-regular" | "meet-bold" | "meet-end-bold" | "meet-end-light" | "meet-end-regular" | "meet-filled" | "meet-light" | "meet-regular" | "meeting-summary-bold" | "meeting-summary-filled" | "meeting-summary-light" | "meeting-summary-regular" | "meetings-bold" | "meetings-filled" | "meetings-focus-month-bold" | "meetings-focus-month-light" | "meetings-focus-month-regular" | "meetings-focus-one-day-bold" | "meetings-focus-one-day-light" | "meetings-focus-one-day-regular" | "meetings-focus-three-day-bold" | "meetings-focus-three-day-light" | "meetings-focus-three-day-regular" | "meetings-focus-upcoming-bold" | "meetings-focus-upcoming-light" | "meetings-focus-upcoming-regular" | "meetings-light" | "meetings-presence-badge-filled" | "meetings-presence-bold" | "meetings-presence-filled" | "meetings-presence-light" | "meetings-presence-regular" | "meetings-regular" | "meetings-team-bold" | "meetings-team-filled" | "meetings-team-light" | "meetings-team-new-bold" | "meetings-team-new-light" | "meetings-team-new-regular" | "meetings-team-regular" | "mention-bold" | "mention-light" | "mention-regular" | "message-queing-bold" | "message-queing-light" | "message-queing-regular" | "microphone-bold" | "microphone-filled" | "microphone-hard-muted-bold" | "microphone-hard-muted-circle-filled" | "microphone-hard-muted-light" | "microphone-hard-muted-regular" | "microphone-light" | "microphone-music-mode-bold" | "microphone-music-mode-light" | "microphone-music-mode-on-bold" | "microphone-music-mode-on-light" | "microphone-music-mode-on-regular" | "microphone-music-mode-regular" | "microphone-muted-bold" | "microphone-muted-circle-filled" | "microphone-muted-filled" | "microphone-muted-light" | "microphone-muted-regular" | "microphone-on-bold" | "microphone-on-light" | "microphone-on-regular" | "microphone-opt-all-bold" | "microphone-opt-all-light" | "microphone-opt-all-muted-bold" | "microphone-opt-all-muted-light" | "microphone-opt-all-muted-regular" | "microphone-opt-all-on-bold" | "microphone-opt-all-on-light" | "microphone-opt-all-on-regular" | "microphone-opt-all-regular" | "microphone-opt-me-bold" | "microphone-opt-me-light" | "microphone-opt-me-muted-bold" | "microphone-opt-me-muted-light" | "microphone-opt-me-muted-regular" | "microphone-opt-me-on-bold" | "microphone-opt-me-on-light" | "microphone-opt-me-on-regular" | "microphone-opt-me-regular" | "microphone-regular" | "mind-map-bold" | "mind-map-light" | "mind-map-regular" | "minimize-bold" | "minimize-light" | "minimize-regular" | "minus-bold" | "minus-light" | "minus-regular" | "mirror-bold" | "mirror-filled" | "mirror-light" | "mirror-regular" | "mms-filled" | "moderator-bold" | "moderator-light" | "moderator-regular" | "monitoring-bold" | "monitoring-light" | "monitoring-regular" | "monthly-recurring-schedule-node-bold" | "monthly-recurring-schedule-node-light" | "monthly-recurring-schedule-node-regular" | "more-adr-bold" | "more-adr-light" | "more-adr-regular" | "more-bold" | "more-circle-bold" | "more-circle-filled" | "more-circle-light" | "more-circle-regular" | "more-light" | "more-regular" | "mouse-cursor-bold" | "mouse-cursor-light" | "mouse-cursor-regular" | "move-call-in-adr-bold" | "move-call-in-adr-light" | "move-call-in-adr-regular" | "move-call-in-iph-bold" | "move-call-in-iph-light" | "move-call-in-iph-regular" | "move-call-in-laptop-bold" | "move-call-in-laptop-light" | "move-call-in-laptop-regular" | "move-call-in-out-adr-bold" | "move-call-in-out-adr-light" | "move-call-in-out-adr-regular" | "move-call-in-out-iph-bold" | "move-call-in-out-iph-light" | "move-call-in-out-iph-regular" | "move-call-in-tablet-bold" | "move-call-in-tablet-light" | "move-call-in-tablet-regular" | "move-call-out-adr-bold" | "move-call-out-adr-light" | "move-call-out-adr-regular" | "move-call-out-iph-bold" | "move-call-out-iph-light" | "move-call-out-iph-regular" | "move-call-out-laptop-bold" | "move-call-out-laptop-light" | "move-call-out-laptop-regular" | "move-call-out-tablet-bold" | "move-call-out-tablet-light" | "move-call-out-tablet-regular" | "move-to-screen-bold" | "move-to-screen-light" | "move-to-screen-regular" | "multiline-chart-bold" | "multiline-chart-filled" | "multiline-chart-light" | "multiline-chart-regular" | "multimedia-bold" | "multimedia-filled" | "multimedia-light" | "multimedia-regular" | "multipled-devices-bold" | "multipled-devices-light" | "multipled-devices-regular" | "music-mode-circle-bold" | "music-mode-circle-filled" | "music-mode-circle-light" | "music-mode-circle-regular" | "music-note-bold" | "music-note-filled" | "music-note-light" | "music-note-regular" | "mute-on-entry-bold" | "mute-on-entry-filled" | "mute-on-entry-light" | "mute-on-entry-regular" | "new-manager-bold" | "new-manager-light" | "new-manager-regular" | "new-title-bold" | "new-title-light" | "new-title-regular" | "new-voicemail-bold" | "new-voicemail-light" | "new-voicemail-regular" | "new-whiteboard-bold" | "new-whiteboard-light" | "new-whiteboard-regular" | "next-bold" | "next-light" | "next-regular" | "no-devices-bold" | "no-devices-light" | "no-devices-regular" | "noise-detected-canceled-filled" | "noise-detected-filled" | "noise-none-canceled-filled" | "noise-none-filled" | "noise-removal-bold" | "noise-removal-light" | "noise-removal-regular" | "note-bold" | "note-light" | "note-ppt-bold" | "note-ppt-light" | "note-ppt-regular" | "note-regular" | "notes-bold" | "notes-filled" | "notes-light" | "notes-regular" | "number-bold" | "number-light" | "number-regular" | "old-remote-bold" | "old-remote-light" | "old-remote-regular" | "old-touch-bold" | "old-touch-light" | "old-touch-regular" | "one-column-bold" | "one-column-light" | "one-column-regular" | "one-time-bold" | "one-time-light" | "one-time-regular" | "open-in-folder-bold" | "open-in-folder-light" | "open-in-folder-regular" | "open-pages-bold" | "open-pages-light" | "open-pages-regular" | "other-number-bold" | "other-number-filled" | "other-number-light" | "other-number-regular" | "other-number-warning-bold" | "other-number-warning-light" | "other-number-warning-regular" | "outgoing-call-legacy-bold" | "outgoing-call-legacy-filled" | "outgoing-call-legacy-light" | "outgoing-call-legacy-regular" | "overflow-left-bold" | "overflow-left-light" | "overflow-left-regular" | "overflow-right-bold" | "overflow-right-light" | "overflow-right-regular" | "paired-camera-bold" | "paired-camera-light" | "paired-camera-regular" | "paired-device-bold" | "paired-device-light" | "paired-device-regular" | "paired-handset-bold" | "paired-handset-light" | "paired-handset-regular" | "pairing-bold" | "pairing-light" | "pairing-regular" | "parked-bold" | "parked-filled" | "parked-light" | "parked-regular" | "parse-bold" | "parse-light" | "parse-regular" | "partial-bold" | "partial-light" | "partial-regular" | "participant-add-bold" | "participant-add-light" | "participant-add-regular" | "participant-blocked-bold" | "participant-blocked-light" | "participant-blocked-regular" | "participant-bold" | "participant-filled" | "participant-light" | "participant-list-bold" | "participant-list-filled" | "participant-list-light" | "participant-list-regular" | "participant-regular" | "participant-remove-bold" | "participant-remove-light" | "participant-remove-regular" | "participant-unknown-bold" | "participant-unknown-light" | "participant-unknown-regular" | "pass-mouse-bold" | "pass-mouse-light" | "pass-mouse-regular" | "pause-badge-filled" | "pause-bold" | "pause-filled" | "pause-light" | "pause-regular" | "people-add-bold" | "people-add-filled" | "people-add-light" | "people-add-regular" | "people-bold" | "people-circle-bold" | "people-circle-filled" | "people-circle-light" | "people-circle-regular" | "people-filled" | "people-insights-bold" | "people-insights-filled" | "people-insights-light" | "people-insights-regular" | "people-light" | "people-regular" | "phone-alert-bold" | "phone-alert-light" | "phone-alert-regular" | "phone-badge-filled" | "phone-bold" | "phone-filled" | "phone-light" | "phone-muted-bold" | "phone-muted-light" | "phone-muted-regular" | "phone-private-bold" | "phone-private-light" | "phone-private-regular" | "phone-regular" | "phone-reply-all-bold" | "phone-reply-all-light" | "phone-reply-all-regular" | "phone-reply-bold" | "phone-reply-light" | "phone-reply-regular" | "picker-bold" | "picker-light" | "picker-regular" | "pie-chart-bold" | "pie-chart-filled" | "pie-chart-light" | "pie-chart-regular" | "pin-bold" | "pin-filled" | "pin-light" | "pin-list-activity-bold" | "pin-list-activity-light" | "pin-list-activity-regular" | "pin-list-bold" | "pin-list-light" | "pin-list-regular" | "pin-muted-bold" | "pin-muted-filled" | "pin-muted-light" | "pin-muted-regular" | "pin-regular" | "pip-bold" | "pip-enter-bold" | "pip-enter-light" | "pip-enter-regular" | "pip-exit-bold" | "pip-exit-light" | "pip-exit-regular" | "pip-filled" | "pip-light" | "pip-regular" | "placeholder-bold" | "placeholder-filled" | "placeholder-light" | "placeholder-regular" | "play-bold" | "play-circle-bold" | "play-circle-filled" | "play-circle-light" | "play-circle-regular" | "play-filled" | "play-light" | "play-regular" | "plug-ac-bold" | "plug-ac-light" | "plug-ac-regular" | "plus-bold" | "plus-circle-bold" | "plus-circle-filled" | "plus-circle-light" | "plus-circle-regular" | "plus-light" | "plus-regular" | "pmr-bold" | "pmr-filled" | "pmr-light" | "pmr-regular" | "poll-bold" | "poll-filled" | "poll-light" | "poll-regular" | "pop-in-bold" | "pop-in-light" | "pop-in-regular" | "pop-out-bold" | "pop-out-light" | "pop-out-regular" | "pop-up-bold" | "pop-up-light" | "pop-up-regular" | "portrait-landscape-bold" | "portrait-landscape-light" | "portrait-landscape-regular" | "power-ac-bold" | "power-ac-light" | "power-ac-regular" | "power-bold" | "power-light" | "power-regular" | "pre-header-bold" | "pre-header-light" | "pre-header-regular" | "premium-bold" | "premium-light" | "premium-regular" | "presentation-bold" | "presentation-light" | "presentation-regular" | "prevent-download-bold" | "prevent-download-filled" | "prevent-download-light" | "prevent-download-regular" | "primary-participant-bold" | "primary-participant-light" | "primary-participant-regular" | "print-bold" | "print-light" | "print-regular" | "priority-badge-filled" | "priority-circle-bold" | "priority-circle-filled" | "priority-circle-light" | "priority-circle-regular" | "priority-circle-two-bold" | "priority-circle-two-filled" | "priority-circle-two-light" | "priority-circle-two-regular" | "priority-wave-bold" | "priority-wave-light" | "priority-wave-regular" | "privacy-circle-bold" | "privacy-circle-filled" | "privacy-circle-light" | "privacy-circle-regular" | "private-bold" | "private-circle-bold" | "private-circle-filled" | "private-circle-light" | "private-circle-regular" | "private-light" | "private-meeting-bold" | "private-meeting-light" | "private-meeting-regular" | "private-regular" | "product-demo-bold" | "product-demo-light" | "product-demo-regular" | "proximity-bold" | "proximity-light" | "proximity-muted-bold" | "proximity-muted-light" | "proximity-muted-regular" | "proximity-regular" | "proximity-video-bold" | "proximity-video-light" | "proximity-video-regular" | "pto-presence-bold" | "pto-presence-filled" | "pto-presence-light" | "pto-presence-regular" | "pull-call-bold" | "pull-call-filled" | "pull-call-light" | "pull-call-regular" | "q-a-bold" | "q-a-light" | "q-a-regular" | "qr-code-bold" | "qr-code-light" | "qr-code-regular" | "qr-code-scan-bold" | "qr-code-scan-light" | "qr-code-scan-regular" | "quality-bold" | "quality-light" | "quality-regular" | "queue-contact-bold" | "queue-contact-filled" | "queue-contact-light" | "queue-contact-regular" | "quiet-bold" | "quiet-hours-presence-bold" | "quiet-hours-presence-filled" | "quiet-hours-presence-light" | "quiet-hours-presence-regular" | "quiet-light" | "quiet-regular" | "radio-button-group-bold" | "radio-button-group-light" | "radio-button-group-regular" | "raise-hand-bold" | "raise-hand-circle-filled" | "raise-hand-filled" | "raise-hand-light" | "raise-hand-regular" | "ram-bold" | "ram-light" | "ram-regular" | "reactions-bold" | "reactions-filled" | "reactions-light" | "reactions-regular" | "reactivate-bold" | "reactivate-light" | "reactivate-regular" | "receive-voice-bold" | "receive-voice-filled" | "receive-voice-light" | "receive-voice-regular" | "recents-bold" | "recents-filled" | "recents-light" | "recents-presence-badge-filled" | "recents-presence-bold" | "recents-presence-filled" | "recents-presence-light" | "recents-presence-regular" | "recents-regular" | "record-active-badge-filled" | "record-active-bold" | "record-active-filled" | "record-active-light" | "record-active-regular" | "record-bold" | "record-filled" | "record-light" | "record-paused-badge-filled" | "record-paused-bold" | "record-paused-filled" | "record-paused-light" | "record-paused-regular" | "record-regular" | "recurring-bold" | "recurring-light" | "recurring-off-bold" | "recurring-off-light" | "recurring-off-regular" | "recurring-regular" | "redo-bold" | "redo-light" | "redo-regular" | "refresh-bold" | "refresh-light" | "refresh-regular" | "remote-desktop-control-bold" | "remote-desktop-control-filled" | "remote-desktop-control-light" | "remote-desktop-control-regular" | "remove-bold" | "remove-filled" | "remove-light" | "remove-regular" | "reply-bold" | "reply-filled" | "reply-light" | "reply-list-bold" | "reply-list-light" | "reply-list-regular" | "reply-privately-bold" | "reply-privately-light" | "reply-privately-regular" | "reply-regular" | "reset-bold" | "reset-light" | "reset-regular" | "resize-corner-bold" | "resize-corner-light" | "resize-corner-regular" | "responsive-mobile-bold" | "responsive-mobile-light" | "responsive-mobile-regular" | "restart-bold" | "restart-light" | "restart-regular" | "retrieve-call-bold" | "retrieve-call-filled" | "retrieve-call-light" | "retrieve-call-regular" | "return-bold" | "return-light" | "return-regular" | "rewind-ten-sec-bold" | "rewind-ten-sec-light" | "rewind-ten-sec-regular" | "ringtone-bold" | "ringtone-light" | "ringtone-regular" | "room-calendar-bold" | "room-calendar-light" | "room-calendar-regular" | "room-lights-bold" | "room-lights-filled" | "room-lights-light" | "room-lights-regular" | "rotate-content-bold" | "rotate-content-filled" | "rotate-content-light" | "rotate-content-regular" | "rss-bold" | "rss-filled" | "rss-light" | "rss-regular" | "rule-based-bold" | "rule-based-light" | "rule-based-regular" | "running-application-bold" | "running-application-filled" | "running-application-light" | "running-application-regular" | "save-bold" | "save-light" | "save-regular" | "save-transcript-bold" | "save-transcript-filled" | "save-transcript-light" | "save-transcript-regular" | "scan-bold" | "scan-light" | "scan-regular" | "schedule-send-bold" | "schedule-send-filled" | "schedule-send-light" | "schedule-send-regular" | "schedule-winner-bold" | "schedule-winner-filled" | "schedule-winner-light" | "schedule-winner-regular" | "scheduler-available-bold" | "scheduler-available-light" | "scheduler-available-regular" | "scheduler-not-working-hours-bold" | "scheduler-not-working-hours-light" | "scheduler-not-working-hours-regular" | "scheduler-unavailable-bold" | "scheduler-unavailable-light" | "scheduler-unavailable-regular" | "scheduler-unknown-bold" | "scheduler-unknown-light" | "scheduler-unknown-regular" | "screenshot-bold" | "screenshot-doc-bold" | "screenshot-doc-filled" | "screenshot-doc-light" | "screenshot-doc-regular" | "screenshot-light" | "screenshot-regular" | "search-bold" | "search-filled" | "search-light" | "search-regular" | "secondary-arrow-bold" | "secondary-arrow-light" | "secondary-arrow-regular" | "secure-call-lock-bold" | "secure-call-lock-filled" | "secure-call-lock-light" | "secure-call-lock-regular" | "secure-call-shield-bold" | "secure-call-shield-filled" | "secure-call-shield-light" | "secure-call-shield-regular" | "secure-circle-bold" | "secure-circle-filled" | "secure-circle-light" | "secure-circle-regular" | "secure-lock-bold" | "secure-lock-filled" | "secure-lock-light" | "secure-lock-regular" | "segment-exclude-filled" | "segment-filter-filled" | "segment-include-filled" | "select-all-bold" | "select-all-filled" | "select-all-light" | "select-all-regular" | "selection-bold" | "selection-light" | "selection-regular" | "send-bold" | "send-filled" | "send-light" | "send-regular" | "send-voice-bold" | "send-voice-filled" | "send-voice-light" | "send-voice-regular" | "server-bold" | "server-error-bold" | "server-error-light" | "server-error-regular" | "server-light" | "server-regular" | "services-bold" | "services-light" | "services-regular" | "set-variable-bold" | "set-variable-light" | "set-variable-regular" | "settings-bold" | "settings-filled" | "settings-light" | "settings-regular" | "setup-assistant-bold" | "setup-assistant-light" | "setup-assistant-regular" | "sftp-bold" | "sftp-light" | "sftp-regular" | "shape-circle-bold" | "shape-circle-filled" | "shape-circle-light" | "shape-circle-md-filled" | "shape-circle-regular" | "shape-circle-sm-filled" | "shape-diagonal-line-bold" | "shape-diagonal-line-light" | "shape-diagonal-line-regular" | "shape-diamond-bold" | "shape-diamond-filled" | "shape-diamond-light" | "shape-diamond-regular" | "shape-oval-bold" | "shape-oval-light" | "shape-oval-regular" | "shape-square-bold" | "shape-square-filled" | "shape-square-light" | "shape-square-regular" | "shape-triangle-bold" | "shape-triangle-filled" | "shape-triangle-light" | "shape-triangle-regular" | "shapes-bold" | "shapes-light" | "shapes-regular" | "share-c-native-adr-bold" | "share-c-native-adr-filled" | "share-c-native-adr-light" | "share-c-native-adr-regular" | "share-c-native-iph-bold" | "share-c-native-iph-light" | "share-c-native-iph-regular" | "share-content-on-device-bold" | "share-content-on-device-light" | "share-content-on-device-regular" | "share-screen-add-bold" | "share-screen-add-light" | "share-screen-add-regular" | "share-screen-badge-filled" | "share-screen-bold" | "share-screen-filled" | "share-screen-light" | "share-screen-regular" | "share-space-bold" | "share-space-light" | "share-space-regular" | "shield-bold" | "shield-light" | "shield-regular" | "shopping-cart-bold" | "shopping-cart-filled" | "shopping-cart-light" | "shopping-cart-regular" | "short-text-box-bold" | "short-text-box-light" | "short-text-box-regular" | "show-bold" | "show-filled" | "show-light" | "show-regular" | "sign-in-bold" | "sign-in-filled" | "sign-in-forced-bold" | "sign-in-forced-light" | "sign-in-forced-regular" | "sign-in-light" | "sign-in-regular" | "sign-lang-int-bold" | "sign-lang-int-light" | "sign-lang-int-regular" | "sign-out-bold" | "sign-out-light" | "sign-out-regular" | "signal-four-bold" | "signal-four-light" | "signal-four-regular" | "signal-one-bold" | "signal-one-light" | "signal-one-regular" | "signal-three-bold" | "signal-three-light" | "signal-three-regular" | "signal-two-bold" | "signal-two-light" | "signal-two-regular" | "signal-zero-bold" | "signal-zero-light" | "signal-zero-regular" | "simple-promotion-bold" | "simple-promotion-light" | "simple-promotion-regular" | "single-number-reach-bold" | "single-number-reach-light" | "single-number-reach-regular" | "sip-registration-in-progress-bold" | "sip-registration-in-progress-filled" | "sip-registration-in-progress-light" | "sip-registration-in-progress-regular" | "skip-bold" | "skip-bw-bold" | "skip-bw-filled" | "skip-bw-light" | "skip-bw-regular" | "skip-fw-bold" | "skip-fw-filled" | "skip-fw-light" | "skip-fw-regular" | "skip-light" | "skip-regular" | "smart-audio-bold" | "smart-audio-light" | "smart-audio-regular" | "sms-filled" | "sms-inbound-bold" | "sms-inbound-light" | "sms-inbound-regular" | "sms-message-bold" | "sms-message-filled" | "sms-message-light" | "sms-message-regular" | "sms-outgoing-filled" | "sms-unread-bold" | "sms-unread-light" | "sms-unread-regular" | "sort-ascending-bold" | "sort-ascending-light" | "sort-ascending-regular" | "sort-descending-bold" | "sort-descending-light" | "sort-descending-regular" | "sound-default-bold" | "sound-default-light" | "sound-default-regular" | "sparkle-bold" | "sparkle-filled" | "sparkle-light" | "sparkle-regular" | "speaker-bold" | "speaker-disconnected-bold" | "speaker-disconnected-filled" | "speaker-disconnected-light" | "speaker-disconnected-regular" | "speaker-filled" | "speaker-light" | "speaker-muted-bold" | "speaker-muted-filled" | "speaker-muted-light" | "speaker-muted-regular" | "speaker-off-bold" | "speaker-off-filled" | "speaker-off-light" | "speaker-off-regular" | "speaker-on-bold" | "speaker-on-light" | "speaker-on-regular" | "speaker-regular" | "speaker-turn-down-bold" | "speaker-turn-down-filled" | "speaker-turn-down-light" | "speaker-turn-down-regular" | "speaker-turn-up-bold" | "speaker-turn-up-filled" | "speaker-turn-up-light" | "speaker-turn-up-regular" | "speed-dial-bold" | "speed-dial-filled" | "speed-dial-light" | "speed-dial-regular" | "spell-checker-bold" | "spell-checker-light" | "spell-checker-regular" | "spinner-bold" | "spinner-in-progress-bold" | "spinner-in-progress-light" | "spinner-in-progress-regular" | "spinner-light" | "spinner-regular" | "split-view-bold" | "split-view-light" | "split-view-regular" | "stacked-area-chart-bold" | "stacked-area-chart-filled" | "stacked-area-chart-full-bold" | "stacked-area-chart-full-filled" | "stacked-area-chart-full-light" | "stacked-area-chart-full-regular" | "stacked-area-chart-light" | "stacked-area-chart-regular" | "stacked-bar-chart-bold" | "stacked-bar-chart-filled" | "stacked-bar-chart-full-bold" | "stacked-bar-chart-full-filled" | "stacked-bar-chart-full-light" | "stacked-bar-chart-full-regular" | "stacked-bar-chart-light" | "stacked-bar-chart-regular" | "start-chat-bold" | "start-chat-light" | "start-chat-regular" | "stethoscope-bold" | "stethoscope-light" | "stethoscope-regular" | "stickers-bold" | "stickers-light" | "stickers-regular" | "stickies-bold" | "stickies-light" | "stickies-regular" | "stop-bold" | "stop-circle-bold" | "stop-circle-filled" | "stop-circle-light" | "stop-circle-regular" | "stop-content-share-bold" | "stop-content-share-light" | "stop-content-share-regular" | "stop-filled" | "stop-light" | "stop-regular" | "stored-info-bold" | "stored-info-filled" | "stored-info-light" | "stored-info-regular" | "streaming-bold" | "streaming-light" | "streaming-regular" | "strikethrough-bold" | "strikethrough-filled" | "strikethrough-light" | "strikethrough-regular" | "studio-mode-bold" | "studio-mode-light" | "studio-mode-regular" | "subscript-bold" | "subscript-light" | "subscript-regular" | "superscript-bold" | "superscript-light" | "superscript-regular" | "survey-bold" | "survey-filled" | "survey-light" | "survey-regular" | "sx-eighty-codec-bold" | "sx-eighty-codec-light" | "sx-eighty-codec-regular" | "sx-ten-bold" | "sx-ten-light" | "sx-ten-regular" | "sx-twenty-bold" | "sx-twenty-light" | "sx-twenty-regular" | "table-bold" | "table-light" | "table-regular" | "tablet-bold" | "tablet-light" | "tablet-regular" | "tabs-bold" | "tabs-light" | "tabs-regular" | "tag-bold" | "tag-light" | "tag-regular" | "tap-bold" | "tap-filled" | "tap-light" | "tap-regular" | "telepresence-alert-bold" | "telepresence-alert-light" | "telepresence-alert-muted-bold" | "telepresence-alert-muted-light" | "telepresence-alert-muted-regular" | "telepresence-alert-regular" | "telepresence-bold" | "telepresence-ix-five-thousand-bold" | "telepresence-ix-five-thousand-light" | "telepresence-ix-five-thousand-regular" | "telepresence-light" | "telepresence-muted-bold" | "telepresence-muted-light" | "telepresence-muted-regular" | "telepresence-private-bold" | "telepresence-private-light" | "telepresence-private-regular" | "telepresence-regular" | "temperature-bold" | "temperature-light" | "temperature-regular" | "test-tube-bold" | "test-tube-filled" | "test-tube-light" | "test-tube-regular" | "text-align-center-bold" | "text-align-center-filled" | "text-align-center-light" | "text-align-center-regular" | "text-align-left-bold" | "text-align-left-filled" | "text-align-left-light" | "text-align-left-regular" | "text-align-right-bold" | "text-align-right-filled" | "text-align-right-light" | "text-align-right-regular" | "text-bold" | "text-box-cursor-light" | "text-code-block-bold" | "text-code-block-light" | "text-code-block-regular" | "text-highlight-bold" | "text-highlight-filled" | "text-highlight-light" | "text-highlight-regular" | "text-light" | "text-regular" | "three-column-bold" | "three-column-light" | "three-column-regular" | "three-d-object-bold" | "three-d-object-light" | "three-d-object-regular" | "time-exclusion-bold" | "time-exclusion-light" | "time-exclusion-regular" | "too-fast-bold" | "too-fast-light" | "too-fast-regular" | "too-slow-bold" | "too-slow-light" | "too-slow-regular" | "tools-bold" | "tools-filled" | "tools-light" | "tools-regular" | "touch-ten-bold" | "touch-ten-light" | "touch-ten-regular" | "transcript-bold" | "transcript-filled" | "transcript-light" | "transcript-regular" | "translate-bold" | "translate-light" | "translate-regular" | "translate-undo-bold" | "translate-undo-light" | "translate-undo-regular" | "trending-bold" | "trending-down-bold" | "trending-down-filled" | "trending-down-light" | "trending-down-regular" | "trending-filled" | "trending-light" | "trending-regular" | "trim-bold" | "trim-light" | "trim-regular" | "two-column-bold" | "two-column-light" | "two-column-regular" | "two-way-voice-stream-bold" | "two-way-voice-stream-filled" | "two-way-voice-stream-light" | "two-way-voice-stream-regular" | "ucm-cloud-bold" | "ucm-cloud-light" | "ucm-cloud-regular" | "underline-bold" | "underline-filled" | "underline-light" | "underline-regular" | "undo-bold" | "undo-light" | "undo-regular" | "unlink-bold" | "unlink-light" | "unlink-regular" | "unread-bold" | "unread-filled" | "unread-light" | "unread-regular" | "unsecure-unlocked-bold" | "unsecure-unlocked-filled" | "unsecure-unlocked-light" | "unsecure-unlocked-regular" | "unsorted-bold" | "unsorted-light" | "unsorted-regular" | "update-file-share-bold" | "update-file-share-light" | "update-file-share-regular" | "upload-bold" | "upload-image-bold" | "upload-image-light" | "upload-image-regular" | "upload-light" | "upload-regular" | "urgent-voicemail-bold" | "urgent-voicemail-filled" | "usb-bold" | "usb-headset-bold" | "usb-headset-light" | "usb-headset-muted-bold" | "usb-headset-muted-light" | "usb-headset-muted-regular" | "usb-headset-regular" | "usb-light" | "usb-regular" | "user-bold" | "user-deactivate-bold" | "user-deactivate-light" | "user-deactivate-regular" | "user-light" | "user-regular" | "video-blur-bold" | "video-blur-filled" | "video-blur-light" | "video-blur-regular" | "video-bold" | "video-effect-bold" | "video-effect-filled" | "video-effect-light" | "video-effect-regular" | "video-filled" | "video-layout-bold" | "video-layout-equal-bold" | "video-layout-equal-dual-bold" | "video-layout-equal-dual-light" | "video-layout-equal-dual-regular" | "video-layout-equal-filled" | "video-layout-equal-light" | "video-layout-equal-regular" | "video-layout-filled" | "video-layout-light" | "video-layout-overlay-bold" | "video-layout-overlay-filled" | "video-layout-overlay-light" | "video-layout-overlay-regular" | "video-layout-presenter-dominant-bold" | "video-layout-presenter-dominant-light" | "video-layout-presenter-dominant-regular" | "video-layout-prominent-bold" | "video-layout-prominent-filled" | "video-layout-prominent-light" | "video-layout-prominent-regular" | "video-layout-regular" | "video-layout-share-dominant-bold" | "video-layout-share-dominant-light" | "video-layout-share-dominant-regular" | "video-layout-single-bold" | "video-layout-single-filled" | "video-layout-single-light" | "video-layout-single-regular" | "video-layout-stack-bold" | "video-layout-stack-filled" | "video-layout-stack-light" | "video-layout-stack-regular" | "video-layout-video-dominant-bold" | "video-layout-video-dominant-filled" | "video-layout-video-dominant-light" | "video-layout-video-dominant-regular" | "video-light" | "video-plus-bold" | "video-plus-filled" | "video-plus-light" | "video-plus-regular" | "video-regular" | "video-speaker-track-bold" | "video-speaker-track-filled" | "video-speaker-track-light" | "video-speaker-track-regular" | "view-all-bold" | "view-all-light" | "view-all-regular" | "view-list-bold" | "view-list-filled" | "view-list-light" | "view-list-regular" | "view-stacked-bold" | "view-stacked-filled" | "view-stacked-light" | "view-stacked-regular" | "view-thumbnail-bold" | "view-thumbnail-filled" | "view-thumbnail-light" | "view-thumbnail-regular" | "visionpro-bold" | "visionpro-filled" | "visionpro-light" | "visionpro-move-call-in-bold" | "visionpro-move-call-in-filled" | "visionpro-move-call-in-light" | "visionpro-move-call-in-out-bold" | "visionpro-move-call-in-out-filled" | "visionpro-move-call-in-out-light" | "visionpro-move-call-in-out-regular" | "visionpro-move-call-in-regular" | "visionpro-move-call-out-bold" | "visionpro-move-call-out-filled" | "visionpro-move-call-out-light" | "visionpro-move-call-out-regular" | "visionpro-regular" | "voicemail-bold" | "voicemail-filled" | "voicemail-light" | "voicemail-regular" | "vpn-bold" | "vpn-filled" | "vpn-light" | "vpn-regular" | "vsc-bold" | "vsc-light" | "vsc-regular" | "waffle-menu-bold" | "waffle-menu-light" | "waffle-menu-regular" | "waiting-room-bold" | "waiting-room-light" | "waiting-room-regular" | "wallpaper-bold" | "wallpaper-light" | "wallpaper-regular" | "warning-badge-filled" | "warning-bold" | "warning-filled" | "warning-light" | "warning-regular" | "webex-board-bold" | "webex-board-light" | "webex-board-regular" | "webex-codec-plus-bold" | "webex-codec-plus-light" | "webex-codec-plus-regular" | "webex-desk-camera-bold" | "webex-desk-camera-light" | "webex-desk-camera-regular" | "webex-helix-bold" | "webex-helix-light" | "webex-helix-regular" | "webex-meetings-bold" | "webex-meetings-filled" | "webex-meetings-light" | "webex-meetings-regular" | "webex-quad-camera-bold" | "webex-quad-camera-light" | "webex-quad-camera-regular" | "webex-room-kit-bold" | "webex-room-kit-light" | "webex-room-kit-plus-bold" | "webex-room-kit-plus-light" | "webex-room-kit-plus-regular" | "webex-room-kit-regular" | "webex-share-bold" | "webex-share-light" | "webex-share-regular" | "webex-teams-bold" | "webex-teams-filled" | "webex-teams-light" | "webex-teams-new-bold" | "webex-teams-new-filled" | "webex-teams-new-light" | "webex-teams-new-regular" | "webex-teams-regular" | "webex-teams-remove-bold" | "webex-teams-remove-light" | "webex-teams-remove-regular" | "webinar-bold" | "webinar-filled" | "webinar-light" | "webinar-regular" | "weekly-recurring-schedule-bold" | "weekly-recurring-schedule-light" | "weekly-recurring-schedule-regular" | "whisper-coach-bold" | "whisper-coach-filled" | "whisper-coach-light" | "whisper-coach-regular" | "whiteboard-bold" | "whiteboard-content-bold" | "whiteboard-content-filled" | "whiteboard-content-light" | "whiteboard-content-regular" | "whiteboard-filled" | "whiteboard-light" | "whiteboard-regular" | "widget-bold" | "widget-filled" | "widget-light" | "widget-regular" | "wifi-bold" | "wifi-error-bold" | "wifi-error-light" | "wifi-error-regular" | "wifi-light" | "wifi-regular" | "wifi-signal-good-bold" | "wifi-signal-good-light" | "wifi-signal-good-regular" | "wifi-signal-poor-bold" | "wifi-signal-poor-light" | "wifi-signal-poor-regular" | "wifi-signal-unstable-bold" | "wifi-signal-unstable-light" | "wifi-signal-unstable-regular" | "window-corner-scrub-bold" | "window-corner-scrub-light" | "window-corner-scrub-regular" | "window-right-corner-scrub-bold" | "window-right-corner-scrub-light" | "window-right-corner-scrub-regular" | "window-vertical-scrub-bold" | "window-vertical-scrub-light" | "window-vertical-scrub-regular" | "workflow-deployments-bold" | "workflow-deployments-filled" | "workflow-deployments-light" | "workflow-deployments-regular" | "workphone-bold" | "workphone-light" | "workphone-regular" | "zoom-in-bold" | "zoom-in-light" | "zoom-in-regular" | "zoom-out-bold" | "zoom-out-light" | "zoom-out-regular";
+    readonly SIZE: 1;
+    readonly VALIDATION: "default";
+};
+declare const MDC_TEXT_OPTIONS: {
+    TAGNAME: "span";
+    TYPE: "body-midsize-regular";
+};
+export { TAG_NAME, VALIDATION, DEFAULTS, MDC_TEXT_OPTIONS };

package/dist/components/labelandhelper/labelandhelper.constants.js

@@ -0,0 +1,21 @@
+import utils from '../../utils/tag-name';
+import { TYPE, VALID_TEXT_TAGS } from '../text/text.constants';
+const TAG_NAME = utils.constructTagName('labelandhelper');
+const VALIDATION = {
+    ERROR: 'error',
+    WARNING: 'warning',
+    SUCCESS: 'success',
+    PRIORITY: 'priority',
+    DEFAULT: 'default',
+};
+const DEFAULTS = {
+    NAME: undefined,
+    INFO_ICON_NAME: 'info-circle-filled',
+    SIZE: 1,
+    VALIDATION: VALIDATION.DEFAULT,
+};
+const MDC_TEXT_OPTIONS = {
+    TAGNAME: VALID_TEXT_TAGS.SPAN,
+    TYPE: TYPE.BODY_MIDSIZE_REGULAR,
+};
+export { TAG_NAME, VALIDATION, DEFAULTS, MDC_TEXT_OPTIONS };

package/dist/components/labelandhelper/labelandhelper.styles.d.ts

@@ -0,0 +1,2 @@
+declare const styles: import("lit").CSSResult[];
+export default styles;

package/dist/components/labelandhelper/labelandhelper.styles.js

@@ -0,0 +1,48 @@
+import { css } from 'lit';
+import { hostFitContentStyles } from '../../utils/styles';
+const styles = [
+    hostFitContentStyles,
+    css `
+    :host {
+      flex-direction: column;
+      align-items: flex-start;
+      gap: 0.5rem;
+    }
+
+    :host([disabled]) .mdc-label,
+    :host([disabled]) .mdc-help-text {
+      color: var(--mds-color-theme-text-primary-disabled);
+    }
+
+    .mdc-label-text,
+    .mdc-help-text {
+      font-size: var(--mds-font-size-body-midsize);
+      line-height: var(--mds-font-lineheight-body-midsize);
+      display: flex;
+      align-items: center;
+      gap: 0.5rem;
+    }
+
+    .mdc-label {
+      color: var(--mds-color-theme-text-primary-normal);
+    }
+
+    .mdc-help-text {
+      color: var(--mds-color-theme-text-secondary-normal);
+    }
+
+    :host([help-text-type='error']) .mdc-help-text {
+      color: var(--mds-color-theme-text-error-normal);
+    }
+    :host([help-text-type='warning']) .mdc-help-text {
+      color: var(--mds-color-theme-text-warning-normal);
+    }
+    :host([help-text-type='success']) .mdc-help-text {
+      color: var(--mds-color-theme-text-success-normal);
+    }
+    :host([help-text-type='priority']) .mdc-help-text {
+      color: var(--mds-color-theme-text-accent-normal);
+    }
+  `,
+];
+export default styles;

package/dist/components/labelandhelper/labelandhelper.types.d.ts

@@ -0,0 +1,4 @@
+import type { ValueOf } from '../../utils/types';
+import { VALIDATION } from './labelandhelper.constants';
+type ValidationType = ValueOf<typeof VALIDATION>;
+export { ValidationType };

package/dist/components/labelandhelper/labelandhelper.types.js

@@ -0,0 +1 @@
+export {};

package/dist/components/labelandhelper/labelandhelper.utils.d.ts

@@ -0,0 +1,4 @@
+import type { IconNames } from '../icon/icon.types';
+import type { ValidationType } from './labelandhelper.types';
+declare const getHelperIcon: (type: ValidationType) => IconNames | '';
+export { getHelperIcon };

package/dist/components/labelandhelper/labelandhelper.utils.js

@@ -0,0 +1,12 @@
+import { VALIDATION } from './labelandhelper.constants';
+const getHelperIcon = (type) => {
+    const helperIconSizeMap = {
+        [VALIDATION.ERROR]: 'error-legacy-filled',
+        [VALIDATION.WARNING]: 'warning-filled',
+        [VALIDATION.SUCCESS]: 'check-circle-filled',
+        [VALIDATION.PRIORITY]: 'priority-circle-filled',
+        [VALIDATION.DEFAULT]: '',
+    };
+    return helperIconSizeMap[type] || '';
+};
+export { getHelperIcon };

package/dist/components/text/fonts.styles.js

@@ -6,6 +6,9 @@ export const fontsStyles = css `
     line-height: unset;
     text-decoration: unset;
     text-transform: unset;
+    white-space: inherit;
+    overflow: inherit;
+    text-overflow: inherit;
   }
 
   :host([type="headline-small-regular"]) {