tuix-webcomponents 0.62.0 → 0.64.0

package/dist/src/tuix-table/interfaces/tuix-table.interface.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tuix-table.interface.js","sourceRoot":"","sources":["../../../../src/tuix-table/interfaces/tuix-table.interface.ts"],"names":[],"mappings":"","sourcesContent":["export interface IDataTableHeader<TRowData = Record<string, unknown>> {\n  cellColor?: (rowData: TRowData) => string | undefined;\n  isSlot?: boolean;\n  slotName?: string;\n  name?: string;\n  dataKey: Extract<keyof TRowData, string>;\n  width: number;\n}\n\nexport interface TablePaginationProps {\n  totalItems: number;\n  currentPage: number;\n  itemsPerPage: number;\n\n  startItem: number;\n  endItem: number;\n\n  onNextPage: () => void;\n  onPreviousPage: () => void;\n  onItemsPerPageChange: (newPageSize: number) => void;\n\n  isLoading?: boolean;\n  stickyInTablet?: boolean;\n}\n\nexport interface ThreeDotsLoaderConfig {\n  size?: string;\n  color?: string;\n  visible?: boolean;\n  ariaLabel?: string;\n  wrapperStyle?: Record<string, string | number>;\n}\n\nexport interface TuixTableElement<TRowData = any> extends HTMLElement {\n  data: TRowData[];\n  headers: IDataTableHeader<TRowData>[];\n  totalItems?: number;\n  currentPage?: number;\n  currentSize?: number;\n  isLoadingData?: boolean;\n  paginated?: boolean;\n  showMobileTableInTablet?: boolean;\n  disableMobileTable?: boolean;\n  pageSizeOptions?: number[];\n  loader?: ThreeDotsLoaderConfig;\n}\n\nexport interface PaginationEventDetail {\n  page: number;\n  pageSize: number;\n}\n\nexport type TuixPaginationEvent = CustomEvent<PaginationEventDetail>;\n"]}

package/dist/src/tuix-text/TuixText.d.ts

@@ -1,12 +0,0 @@
-import { LitElement } from 'lit';
-import { TextSize, TextVariant } from './enums/tuix-text.enums.js';
-export declare class TuixText extends LitElement {
-    size: TextSize;
-    color?: TextVariant | undefined;
-    dark: boolean;
-    static styles: import("lit").CSSResult[];
-    private _getTextColor;
-    private _getStyleMap;
-    private _getClassMap;
-    render(): import("lit-html").TemplateResult<1>;
-}

package/dist/src/tuix-text/TuixText.js

@@ -1,67 +0,0 @@
-import { __decorate } from "tslib";
-import { html, css, LitElement, unsafeCSS } from 'lit';
-import { styleMap } from 'lit/directives/style-map.js';
-import { customElement, property } from 'lit/decorators.js';
-import { TextSize, TextVariant, colorText, colorTextDark, } from './enums/tuix-text.enums.js';
-import { linkFontStyles, textStyles } from './TuixText.styles.js';
-import { buttonSizeStyles } from '../tuix-button/TuixButton.styles.js';
-import slottedClassName from '../utils/slottedClassName.js';
-import { classMap } from 'lit/directives/class-map.js';
-import { LINK_TEXT_COLOR_VAR_NAME } from '../tuix-link/TuixLink.styles.js';
-let TuixText = class TuixText extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.size = TextSize.Body1;
-        this.color = TextVariant.PRIMARY;
-        this.dark = false;
-        this._getStyleMap = () => {
-            return {
-                color: `var(${LINK_TEXT_COLOR_VAR_NAME}, ${this._getTextColor()})`,
-            };
-        };
-        this._getClassMap = () => {
-            return {
-                text: true,
-                [this.size]: true,
-            };
-        };
-    }
-    _getTextColor() {
-        const colorMap = this.dark ? colorTextDark : colorText;
-        return colorMap[this.color || TextVariant.PRIMARY];
-    }
-    render() {
-        return html ` <div
-      class="${classMap(this._getClassMap())}"
-      style="${styleMap(this._getStyleMap())}"
-    >
-      <slot></slot>
-    </div>`;
-    }
-};
-TuixText.styles = [
-    css `
-      ${unsafeCSS(slottedClassName('text'))} {
-        font-family: 'Rubik', sans-serif;
-        display: inline;
-        margin: 0;
-      }
-    `,
-    textStyles,
-    linkFontStyles,
-    buttonSizeStyles,
-];
-__decorate([
-    property({ type: TextSize })
-], TuixText.prototype, "size", void 0);
-__decorate([
-    property({ type: TextVariant })
-], TuixText.prototype, "color", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], TuixText.prototype, "dark", void 0);
-TuixText = __decorate([
-    customElement('tuix-text')
-], TuixText);
-export { TuixText };
-//# sourceMappingURL=TuixText.js.map

package/dist/src/tuix-text/TuixText.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TuixText.js","sourceRoot":"","sources":["../../../src/tuix-text/TuixText.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EACL,QAAQ,EACR,WAAW,EACX,SAAS,EACT,aAAa,GACd,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,gBAAgB,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAa,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC;AAG3E,IAAa,QAAQ,GAArB,MAAa,QAAS,SAAQ,UAAU;IAAxC;;QAEE,SAAI,GAAG,QAAQ,CAAC,KAAK,CAAC;QAGtB,UAAK,GAAI,WAAW,CAAC,OAAO,CAAC;QAG7B,SAAI,GAAG,KAAK,CAAC;QAoBL,iBAAY,GAAG,GAAG,EAAE;YAC1B,OAAO;gBACL,KAAK,EAAE,OAAO,wBAAwB,KAAK,IAAI,CAAC,aAAa,EAAE,GAAG;aACnE,CAAC;QACJ,CAAC,CAAC;QAEM,iBAAY,GAAG,GAAc,EAAE;YACrC,OAAO;gBACL,IAAI,EAAE,IAAI;gBACV,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI;aAClB,CAAC;QACJ,CAAC,CAAC;IAUJ,CAAC;IA1BS,aAAa;QACnB,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC;QACvD,OAAO,QAAQ,CAAC,IAAI,CAAC,KAAK,IAAI,WAAW,CAAC,OAAO,CAAC,CAAC;IACrD,CAAC;IAeD,MAAM;QACJ,OAAO,IAAI,CAAA;eACA,QAAQ,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;eAC7B,QAAQ,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;;;WAGjC,CAAC;IACV,CAAC;;AAtCM,eAAM,GAAG;IACd,GAAG,CAAA;QACC,SAAS,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;;;;;KAKtC;IACD,UAAU;IACV,cAAc;IACd,gBAAgB;CACjB,AAXY,CAWX;AAnBF;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;sCACP;AAGtB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC;uCACH;AAG7B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sCAC9B;AARF,QAAQ;IADpB,aAAa,CAAC,WAAW,CAAC;GACd,QAAQ,CAiDpB;SAjDY,QAAQ","sourcesContent":["import { html, css, LitElement, unsafeCSS } from 'lit';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { customElement, property } from 'lit/decorators.js';\nimport {\n  TextSize,\n  TextVariant,\n  colorText,\n  colorTextDark,\n} from './enums/tuix-text.enums.js';\nimport { linkFontStyles, textStyles } from './TuixText.styles.js';\nimport { buttonSizeStyles } from '../tuix-button/TuixButton.styles.js';\nimport slottedClassName from '../utils/slottedClassName.js';\nimport { ClassInfo, classMap } from 'lit/directives/class-map.js';\nimport { LINK_TEXT_COLOR_VAR_NAME } from '../tuix-link/TuixLink.styles.js';\n\n@customElement('tuix-text')\nexport class TuixText extends LitElement {\n  @property({ type: TextSize })\n  size = TextSize.Body1;\n\n  @property({ type: TextVariant })\n  color? = TextVariant.PRIMARY;\n\n  @property({ type: Boolean, reflect: true })\n  dark = false;\n\n  static styles = [\n    css`\n      ${unsafeCSS(slottedClassName('text'))} {\n        font-family: 'Rubik', sans-serif;\n        display: inline;\n        margin: 0;\n      }\n    `,\n    textStyles,\n    linkFontStyles,\n    buttonSizeStyles,\n  ];\n\n  private _getTextColor() {\n    const colorMap = this.dark ? colorTextDark : colorText;\n    return colorMap[this.color || TextVariant.PRIMARY];\n  }\n\n  private _getStyleMap = () => {\n    return {\n      color: `var(${LINK_TEXT_COLOR_VAR_NAME}, ${this._getTextColor()})`,\n    };\n  };\n\n  private _getClassMap = (): ClassInfo => {\n    return {\n      text: true,\n      [this.size]: true,\n    };\n  };\n\n  render() {\n    return html` <div\n      class=\"${classMap(this._getClassMap())}\"\n      style=\"${styleMap(this._getStyleMap())}\"\n    >\n      <slot></slot>\n    </div>`;\n  }\n}\n"]}

package/dist/src/tuix-text/TuixText.styles.d.ts

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

package/dist/src/tuix-text/TuixText.styles.js

@@ -1,159 +0,0 @@
-import { css, unsafeCSS } from 'lit';
-import { ScreenSizes } from '../utils/screenSizes.enum.js';
-import { TextSize } from './enums/tuix-text.enums.js';
-import slottedClassName from '../utils/slottedClassName.js';
-export const linkFontStyles = css `
-  ${unsafeCSS(`
-  ${slottedClassName(TextSize.Link)} {
-    font-family: 'Rubik', sans-serif;
-    font-size: 1rem;
-    font-weight: 400;
-    line-height: 1.25rem;    
-  }
-  @media only screen and (max-width: ${ScreenSizes.TABLET}px) {
-    ${slottedClassName(TextSize.Link)} {   
-      font-size: 0.938rem;
-      line-height: 1.125rem;    
-    }  
-  }
-  @media only screen and (max-width: ${ScreenSizes.MOBILE}px) {
-    ${slottedClassName(TextSize.Link)} {   
-      font-size: 0.875rem;
-      line-height: 1rem;    
-    }  
-  }
-`)}
-`;
-export const textStyles = css `
-  ${unsafeCSS(`
-  ${slottedClassName(TextSize.XL)} {
-    font-size: 3.375rem;
-    font-weight: 600;
-    line-height: 3.688rem;
-  }
-
-  ${slottedClassName(TextSize.L)} {
-    font-size: 2.813rem;
-    font-weight: 600;
-    line-height: 3.375rem;
-  }
-
-  ${slottedClassName(TextSize.M)} {
-    font-size: 2.313rem;
-    font-weight: 600;
-    line-height: 2.75rem;
-  }
-
-  ${slottedClassName(TextSize.S)} {
-    font-size: 1.938rem;
-    font-weight: 600;
-    line-height: 2.313rem;
-  }
-
-  ${slottedClassName(TextSize.XS)} {
-    font-size: 1.313rem;
-    font-weight: 600;
-    line-height: 1.563rem;
-  }
-
-  ${slottedClassName(TextSize.Body1)} {
-    font-size: 1.125rem;
-    font-weight: 300;
-    line-height: 1.688rem;
-  }
-
-  ${slottedClassName(TextSize.Body2)} {
-    font-size: 0.938rem;
-    font-weight: 300;
-    line-height: 1.313rem;
-  }
-
-  ${slottedClassName(TextSize.Field1)} {
-    font-size: 1rem;
-    font-weight: 300;
-    line-height: 1.25rem;
-  }
-
-  ${slottedClassName(TextSize.Field2)} {
-    font-size: 0.75rem;
-    font-weight: 300;
-    line-height: 0.875rem;
-  }
-
-  @media only screen and (max-width: ${ScreenSizes.TABLET}px) {
-    ${slottedClassName(TextSize.XL)} {
-      font-size: 3rem;
-      line-height: 3.313rem;
-    }
-    ${slottedClassName(TextSize.L)} {
-      font-size: 2.5rem;
-      line-height: 3rem;
-    }
-    ${slottedClassName(TextSize.M)} {
-      font-size: 2.063rem;
-      line-height: 2.5rem;
-    }
-    ${slottedClassName(TextSize.S)} {
-      font-size: 1.75rem;
-      line-height: 2.125rem;
-    }
-    ${slottedClassName(TextSize.XS)} {
-      font-size: 1.188rem;
-      line-height: 1.438rem;
-    }
-
-    ${slottedClassName(TextSize.Body1)} {
-      font-size: 1rem;
-      line-height: 1.5rem;
-    }
-
-    ${slottedClassName(TextSize.Body2)} {
-      font-size: 0.875rem;
-      line-height: 1.125rem;
-    }
-
-    ${slottedClassName(TextSize.Field1)} {
-      font-size: 0.938rem;
-      line-height: 1.125rem;
-    }
-  }
-
-  @media only screen and (max-width: ${ScreenSizes.MOBILE}px) {
-    ${slottedClassName(TextSize.Body1)} {
-      font-size: 0.875rem;
-      font-weight: 300;
-      line-height: 1.313rem;
-    }
-    ${slottedClassName(TextSize.Body2)} {
-      font-size: 0.75rem;
-      line-height: 1rem;
-    }
-    ${slottedClassName(TextSize.Field1)} {
-      font-size: 0.875rem;
-      font-weight: 300;
-      line-height: 1rem;
-    }
-    ${slottedClassName(TextSize.XL)} {
-      font-size: 2.625rem;
-      line-height: 2.875rem;
-    }
-    ${slottedClassName(TextSize.L)} {
-      font-size: 2.188rem;
-      line-height: 2.438rem;
-    }
-    ${slottedClassName(TextSize.M)} {
-      font-size: 1.813rem;
-      line-height: 2rem;
-    }
-    ${slottedClassName(TextSize.S)} {
-      font-size: 1.5rem;
-      line-height: 1.625rem;
-    }
-    ${slottedClassName(TextSize.XS)} {
-      font-size: 1.063rem;
-      line-height: 1.188rem;
-    }
-  }
-`)}
-`;
-//# sourceMappingURL=TuixText.styles.js.map

package/dist/src/tuix-text/TuixText.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TuixText.styles.js","sourceRoot":"","sources":["../../../src/tuix-text/TuixText.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,gBAAgB,MAAM,2BAA2B,CAAC;AAEzD,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;IAC7B,SAAS,CAAC;IACV,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC;;;;;;uCAMI,WAAW,CAAC,MAAM;MACnD,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC;;;;;uCAKE,WAAW,CAAC,MAAM;MACnD,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC;;;;;CAKpC,CAAC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;IACzB,SAAS,CAAC;IACV,gBAAgB,CAAC,QAAQ,CAAC,EAAE,CAAC;;;;;;IAM7B,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC;;;;;;IAM5B,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC;;;;;;IAM5B,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC;;;;;;IAM5B,gBAAgB,CAAC,QAAQ,CAAC,EAAE,CAAC;;;;;;IAM7B,gBAAgB,CAAC,QAAQ,CAAC,KAAK,CAAC;;;;;;IAMhC,gBAAgB,CAAC,QAAQ,CAAC,KAAK,CAAC;;;;;;IAMhC,gBAAgB,CAAC,QAAQ,CAAC,MAAM,CAAC;;;;;;IAMjC,gBAAgB,CAAC,QAAQ,CAAC,MAAM,CAAC;;;;;;uCAME,WAAW,CAAC,MAAM;MACnD,gBAAgB,CAAC,QAAQ,CAAC,EAAE,CAAC;;;;MAI7B,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC;;;;MAI5B,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC;;;;MAI5B,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC;;;;MAI5B,gBAAgB,CAAC,QAAQ,CAAC,EAAE,CAAC;;;;;MAK7B,gBAAgB,CAAC,QAAQ,CAAC,KAAK,CAAC;;;;;MAKhC,gBAAgB,CAAC,QAAQ,CAAC,KAAK,CAAC;;;;;MAKhC,gBAAgB,CAAC,QAAQ,CAAC,MAAM,CAAC;;;;;;uCAMA,WAAW,CAAC,MAAM;MACnD,gBAAgB,CAAC,QAAQ,CAAC,KAAK,CAAC;;;;;MAKhC,gBAAgB,CAAC,QAAQ,CAAC,KAAK,CAAC;;;;MAIhC,gBAAgB,CAAC,QAAQ,CAAC,MAAM,CAAC;;;;;MAKjC,gBAAgB,CAAC,QAAQ,CAAC,EAAE,CAAC;;;;MAI7B,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC;;;;MAI5B,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC;;;;MAI5B,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC;;;;MAI5B,gBAAgB,CAAC,QAAQ,CAAC,EAAE,CAAC;;;;;CAKlC,CAAC;CACD,CAAC","sourcesContent":["import { css, unsafeCSS } from 'lit';\nimport { ScreenSizes } from '../utils/screenSizes.enum';\nimport { TextSize } from './enums/tuix-text.enums';\nimport slottedClassName from '../utils/slottedClassName';\n\nexport const linkFontStyles = css`\n  ${unsafeCSS(`\n  ${slottedClassName(TextSize.Link)} {\n    font-family: 'Rubik', sans-serif;\n    font-size: 1rem;\n    font-weight: 400;\n    line-height: 1.25rem;    \n  }\n  @media only screen and (max-width: ${ScreenSizes.TABLET}px) {\n    ${slottedClassName(TextSize.Link)} {   \n      font-size: 0.938rem;\n      line-height: 1.125rem;    \n    }  \n  }\n  @media only screen and (max-width: ${ScreenSizes.MOBILE}px) {\n    ${slottedClassName(TextSize.Link)} {   \n      font-size: 0.875rem;\n      line-height: 1rem;    \n    }  \n  }\n`)}\n`;\n\nexport const textStyles = css`\n  ${unsafeCSS(`\n  ${slottedClassName(TextSize.XL)} {\n    font-size: 3.375rem;\n    font-weight: 600;\n    line-height: 3.688rem;\n  }\n\n  ${slottedClassName(TextSize.L)} {\n    font-size: 2.813rem;\n    font-weight: 600;\n    line-height: 3.375rem;\n  }\n\n  ${slottedClassName(TextSize.M)} {\n    font-size: 2.313rem;\n    font-weight: 600;\n    line-height: 2.75rem;\n  }\n\n  ${slottedClassName(TextSize.S)} {\n    font-size: 1.938rem;\n    font-weight: 600;\n    line-height: 2.313rem;\n  }\n\n  ${slottedClassName(TextSize.XS)} {\n    font-size: 1.313rem;\n    font-weight: 600;\n    line-height: 1.563rem;\n  }\n\n  ${slottedClassName(TextSize.Body1)} {\n    font-size: 1.125rem;\n    font-weight: 300;\n    line-height: 1.688rem;\n  }\n\n  ${slottedClassName(TextSize.Body2)} {\n    font-size: 0.938rem;\n    font-weight: 300;\n    line-height: 1.313rem;\n  }\n\n  ${slottedClassName(TextSize.Field1)} {\n    font-size: 1rem;\n    font-weight: 300;\n    line-height: 1.25rem;\n  }\n\n  ${slottedClassName(TextSize.Field2)} {\n    font-size: 0.75rem;\n    font-weight: 300;\n    line-height: 0.875rem;\n  }\n\n  @media only screen and (max-width: ${ScreenSizes.TABLET}px) {\n    ${slottedClassName(TextSize.XL)} {\n      font-size: 3rem;\n      line-height: 3.313rem;\n    }\n    ${slottedClassName(TextSize.L)} {\n      font-size: 2.5rem;\n      line-height: 3rem;\n    }\n    ${slottedClassName(TextSize.M)} {\n      font-size: 2.063rem;\n      line-height: 2.5rem;\n    }\n    ${slottedClassName(TextSize.S)} {\n      font-size: 1.75rem;\n      line-height: 2.125rem;\n    }\n    ${slottedClassName(TextSize.XS)} {\n      font-size: 1.188rem;\n      line-height: 1.438rem;\n    }\n\n    ${slottedClassName(TextSize.Body1)} {\n      font-size: 1rem;\n      line-height: 1.5rem;\n    }\n\n    ${slottedClassName(TextSize.Body2)} {\n      font-size: 0.875rem;\n      line-height: 1.125rem;\n    }\n\n    ${slottedClassName(TextSize.Field1)} {\n      font-size: 0.938rem;\n      line-height: 1.125rem;\n    }\n  }\n\n  @media only screen and (max-width: ${ScreenSizes.MOBILE}px) {\n    ${slottedClassName(TextSize.Body1)} {\n      font-size: 0.875rem;\n      font-weight: 300;\n      line-height: 1.313rem;\n    }\n    ${slottedClassName(TextSize.Body2)} {\n      font-size: 0.75rem;\n      line-height: 1rem;\n    }\n    ${slottedClassName(TextSize.Field1)} {\n      font-size: 0.875rem;\n      font-weight: 300;\n      line-height: 1rem;\n    }\n    ${slottedClassName(TextSize.XL)} {\n      font-size: 2.625rem;\n      line-height: 2.875rem;\n    }\n    ${slottedClassName(TextSize.L)} {\n      font-size: 2.188rem;\n      line-height: 2.438rem;\n    }\n    ${slottedClassName(TextSize.M)} {\n      font-size: 1.813rem;\n      line-height: 2rem;\n    }\n    ${slottedClassName(TextSize.S)} {\n      font-size: 1.5rem;\n      line-height: 1.625rem;\n    }\n    ${slottedClassName(TextSize.XS)} {\n      font-size: 1.063rem;\n      line-height: 1.188rem;\n    }\n  }\n`)}\n`;\n"]}

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

@@ -1,31 +0,0 @@
-export declare enum TextSize {
-    XL = "xl",
-    L = "l",
-    M = "m",
-    S = "s",
-    XS = "xs",
-    Body1 = "body1",
-    Body2 = "body2",
-    Link = "link",
-    Button = "button",
-    Field1 = "field1",
-    Field2 = "field2"
-}
-export declare enum TextVariant {
-    PRIMARY = "primary",
-    SECONDARY = "secondary",
-    MAIN = "main",
-    DARK_MAIN = "dark_main",
-    GREY = "grey",
-    LIGHT_GREY = "light_grey",
-    DISABLED = "disabled",
-    VALIDATION = "validation",
-    ERROR = "error",
-    SUCCESS = "success",
-    LIGHT = "light",
-    DARK = "dark",
-    DARK_BLUE = "dark_blue",
-    TITLE_BLUE = "title_blue"
-}
-export declare const colorText: Record<TextVariant, string>;
-export declare const colorTextDark: Record<TextVariant, string>;

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

@@ -1,64 +0,0 @@
-import { Palette } from '../../utils/colors.js';
-import { DarkPalette } from '../../utils/darkColors.js';
-export var TextSize;
-(function (TextSize) {
-    TextSize["XL"] = "xl";
-    TextSize["L"] = "l";
-    TextSize["M"] = "m";
-    TextSize["S"] = "s";
-    TextSize["XS"] = "xs";
-    TextSize["Body1"] = "body1";
-    TextSize["Body2"] = "body2";
-    TextSize["Link"] = "link";
-    TextSize["Button"] = "button";
-    TextSize["Field1"] = "field1";
-    TextSize["Field2"] = "field2";
-})(TextSize || (TextSize = {}));
-export var TextVariant;
-(function (TextVariant) {
-    TextVariant["PRIMARY"] = "primary";
-    TextVariant["SECONDARY"] = "secondary";
-    TextVariant["MAIN"] = "main";
-    TextVariant["DARK_MAIN"] = "dark_main";
-    TextVariant["GREY"] = "grey";
-    TextVariant["LIGHT_GREY"] = "light_grey";
-    TextVariant["DISABLED"] = "disabled";
-    TextVariant["VALIDATION"] = "validation";
-    TextVariant["ERROR"] = "error";
-    TextVariant["SUCCESS"] = "success";
-    TextVariant["LIGHT"] = "light";
-    TextVariant["DARK"] = "dark";
-    TextVariant["DARK_BLUE"] = "dark_blue";
-    TextVariant["TITLE_BLUE"] = "title_blue";
-})(TextVariant || (TextVariant = {}));
-export const colorText = {
-    [TextVariant.MAIN]: Palette.MAIN,
-    [TextVariant.DARK_MAIN]: Palette.DARK_MAIN,
-    [TextVariant.PRIMARY]: Palette.BLACK,
-    [TextVariant.SECONDARY]: Palette.WHITE,
-    [TextVariant.GREY]: Palette.NEUTRAL_600,
-    [TextVariant.LIGHT_GREY]: Palette.NEUTRAL_200,
-    [TextVariant.DISABLED]: Palette.PRIMARY_200,
-    [TextVariant.VALIDATION]: Palette.VALIDATION,
-    [TextVariant.ERROR]: Palette.ERROR,
-    [TextVariant.SUCCESS]: Palette.SUCCESS,
-    [TextVariant.LIGHT]: Palette.WHITE,
-    [TextVariant.DARK]: Palette.BLACK,
-    [TextVariant.DARK_BLUE]: Palette.DARK_MAIN,
-    [TextVariant.TITLE_BLUE]: Palette.DARK_MAIN,
-};
-export const colorTextDark = {
-    ...colorText,
-    [TextVariant.MAIN]: DarkPalette.MAIN,
-    [TextVariant.DARK_MAIN]: DarkPalette.NEUTRAL_600,
-    [TextVariant.PRIMARY]: DarkPalette.WHITE,
-    [TextVariant.SECONDARY]: Palette.BLACK,
-    [TextVariant.GREY]: DarkPalette.NEUTRAL_600,
-    [TextVariant.VALIDATION]: DarkPalette.VALIDATION,
-    [TextVariant.ERROR]: DarkPalette.ERROR,
-    [TextVariant.SUCCESS]: DarkPalette.SUCCESS,
-    [TextVariant.LIGHT]: DarkPalette.WHITE,
-    [TextVariant.DARK_BLUE]: DarkPalette.PRIMARY_800,
-    [TextVariant.TITLE_BLUE]: DarkPalette.PRIMARY_300,
-};
-//# sourceMappingURL=tuix-text.enums.js.map

package/dist/src/tuix-text/enums/tuix-text.enums.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tuix-text.enums.js","sourceRoot":"","sources":["../../../../src/tuix-text/enums/tuix-text.enums.ts"],"names":[],"mappings":"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","sourcesContent":["import { Palette } from '../../utils/colors';\nimport { DarkPalette } from '../../utils/darkColors';\nimport { MainVariant } from '../../utils/mainVariant.enum';\n\nexport enum TextSize {\n  XL = 'xl',\n  L = 'l',\n  M = 'm',\n  S = 's',\n  XS = 'xs',\n  Body1 = 'body1',\n  Body2 = 'body2',\n  Link = 'link',\n  Button = 'button',\n  Field1 = 'field1',\n  Field2 = 'field2',\n}\n\nexport enum TextVariant {\n  PRIMARY = MainVariant.PRIMARY,\n  SECONDARY = MainVariant.SECONDARY,\n  MAIN = 'main',\n  DARK_MAIN = 'dark_main',\n  GREY = 'grey',\n  LIGHT_GREY = 'light_grey',\n  DISABLED = 'disabled',\n  VALIDATION = 'validation',\n  ERROR = 'error',\n  SUCCESS = 'success',\n  LIGHT = 'light',\n  DARK = 'dark',\n  DARK_BLUE = 'dark_blue',\n  TITLE_BLUE = 'title_blue',\n}\n\nexport const colorText: Record<TextVariant, string> = {\n  [TextVariant.MAIN]: Palette.MAIN,\n  [TextVariant.DARK_MAIN]: Palette.DARK_MAIN,\n  [TextVariant.PRIMARY]: Palette.BLACK,\n  [TextVariant.SECONDARY]: Palette.WHITE,\n  [TextVariant.GREY]: Palette.NEUTRAL_600,\n  [TextVariant.LIGHT_GREY]: Palette.NEUTRAL_200,\n  [TextVariant.DISABLED]: Palette.PRIMARY_200,\n  [TextVariant.VALIDATION]: Palette.VALIDATION,\n  [TextVariant.ERROR]: Palette.ERROR,\n  [TextVariant.SUCCESS]: Palette.SUCCESS,\n  [TextVariant.LIGHT]: Palette.WHITE,\n  [TextVariant.DARK]: Palette.BLACK,\n  [TextVariant.DARK_BLUE]: Palette.DARK_MAIN,\n  [TextVariant.TITLE_BLUE]: Palette.DARK_MAIN,\n};\n\nexport const colorTextDark: Record<TextVariant, string> = {\n  ...colorText,\n  [TextVariant.MAIN]: DarkPalette.MAIN,\n  [TextVariant.DARK_MAIN]: DarkPalette.NEUTRAL_600,\n  [TextVariant.PRIMARY]: DarkPalette.WHITE,\n  [TextVariant.SECONDARY]: Palette.BLACK,\n  [TextVariant.GREY]: DarkPalette.NEUTRAL_600,\n  [TextVariant.VALIDATION]: DarkPalette.VALIDATION,\n  [TextVariant.ERROR]: DarkPalette.ERROR,\n  [TextVariant.SUCCESS]: DarkPalette.SUCCESS,\n  [TextVariant.LIGHT]: DarkPalette.WHITE,\n  [TextVariant.DARK_BLUE]: DarkPalette.PRIMARY_800,\n  [TextVariant.TITLE_BLUE]: DarkPalette.PRIMARY_300,\n};\n"]}

package/dist/src/tuix-toast/TuixToast.d.ts

@@ -1,15 +0,0 @@
-import { LitElement, PropertyValueMap } from 'lit';
-import { ToastType, ToastTypeExcludingNone } from './enums/tuix-toast.enums.js';
-export declare class TuixToast extends LitElement {
-    static styles: import("lit").CSSResult[];
-    type: ToastType;
-    visibilityDuration: number;
-    dark: boolean;
-    lastType: ToastTypeExcludingNone;
-    updated(changedProperties: PropertyValueMap<unknown>): void;
-    private _handleOnClose;
-    private _saveType;
-    private _getStyleMap;
-    private _getIcon;
-    render(): import("lit-html").TemplateResult<1>;
-}

package/dist/src/tuix-toast/TuixToast.js

@@ -1,101 +0,0 @@
-import { __decorate } from "tslib";
-import { html, LitElement } from 'lit';
-import { customElement, property, state } from 'lit/decorators.js';
-import { styleMap } from 'lit/directives/style-map.js';
-import { IconSizeVariant } from '../tuix-icon/enums/tuix-icon.enums.js';
-import { BorderRadiusPaper, PaperElevation, } from '../tuix-paper/enums/tuix-paper.enum.js';
-import { Palette } from '../utils/colors.js';
-import { iconDarkPropertiesMap, iconPropertiesMap, toastBgColorMap, toastBgDarkColorMap, ToastType, } from './enums/tuix-toast.enums.js';
-import { commonToastStyles, mobileToastStyles, tabletToastStyles, } from './TuixToast.styles.js';
-let TuixToast = class TuixToast extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.type = ToastType.NONE;
-        this.visibilityDuration = 4000;
-        this.dark = false;
-        this.lastType = ToastType.SUCCESS;
-        this._saveType = () => {
-            if (this.type !== ToastType.NONE) {
-                this.lastType = this.type;
-            }
-        };
-        this._getStyleMap = () => {
-            this._saveType();
-            const bgColorMap = this.dark ? toastBgDarkColorMap : toastBgColorMap;
-            const backgroundColor = bgColorMap[this.lastType];
-            return { backgroundColor };
-        };
-        this._getIcon = () => {
-            this._saveType();
-            if (this.lastType === ToastType.TEXT)
-                return;
-            const { name: iconName, color: iconColor } = this.dark
-                ? iconDarkPropertiesMap[this.lastType]
-                : iconPropertiesMap[this.lastType];
-            return html `
-      <tuix-icon
-        size="${IconSizeVariant.MEDIUM}"
-        name="${iconName}"
-        color="${iconColor}"
-      ></tuix-icon>
-    `;
-        };
-    }
-    updated(changedProperties) {
-        super.updated(changedProperties);
-        if (this.type === ToastType.NONE || this.visibilityDuration === 0)
-            return;
-        setTimeout(() => {
-            this.type = ToastType.NONE;
-            this._handleOnClose();
-        }, this.visibilityDuration);
-    }
-    _handleOnClose() {
-        if (this.visibilityDuration === 0)
-            return;
-        this.dispatchEvent(new CustomEvent('on-close', {
-            bubbles: true,
-        }));
-    }
-    render() {
-        return html `
-      <tuix-paper
-        elevation=${PaperElevation.VARIANT_4}
-        border-radius=${BorderRadiusPaper.SOFT}
-        ?dark=${this.dark}
-      >
-        <div
-          style="${styleMap({
-            backgroundColor: this.dark ? Palette.BLACK : Palette.WHITE,
-            borderRadius: BorderRadiusPaper.SOFT,
-        })}"
-        >
-          <div class="toast-container" style="${styleMap(this._getStyleMap())}">
-            ${this._getIcon()}
-            <tuix-text ?dark=${this.dark}>
-              <slot></slot>
-            </tuix-text>
-          </div>
-        </div>
-      </tuix-paper>
-    `;
-    }
-};
-TuixToast.styles = [commonToastStyles, tabletToastStyles, mobileToastStyles];
-__decorate([
-    property({ type: ToastType, reflect: true })
-], TuixToast.prototype, "type", void 0);
-__decorate([
-    property({ type: Number, attribute: 'visibility-duration' })
-], TuixToast.prototype, "visibilityDuration", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], TuixToast.prototype, "dark", void 0);
-__decorate([
-    state()
-], TuixToast.prototype, "lastType", void 0);
-TuixToast = __decorate([
-    customElement('tuix-toast')
-], TuixToast);
-export { TuixToast };
-//# sourceMappingURL=TuixToast.js.map

package/dist/src/tuix-toast/TuixToast.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TuixToast.js","sourceRoot":"","sources":["../../../src/tuix-toast/TuixToast.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAoB,MAAM,KAAK,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAAO,EACL,iBAAiB,EACjB,cAAc,GACf,MAAM,wCAAwC,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EACL,qBAAqB,EACrB,iBAAiB,EACjB,eAAe,EACf,mBAAmB,EACnB,SAAS,GAEV,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,uBAAuB,CAAC;AAG/B,IAAa,SAAS,GAAtB,MAAa,SAAU,SAAQ,UAAU;IAAzC;;QAIE,SAAI,GAAG,SAAS,CAAC,IAAI,CAAC;QAGtB,uBAAkB,GAAG,IAAI,CAAC;QAG1B,SAAI,GAAG,KAAK,CAAC;QAGb,aAAQ,GAAG,SAAS,CAAC,OAAiC,CAAC;QAoB/C,cAAS,GAAG,GAAG,EAAE;YACvB,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,IAAI,EAAE;gBAChC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,IAA8B,CAAC;aACrD;QACH,CAAC,CAAC;QAEM,iBAAY,GAAG,GAAG,EAAE;YAC1B,IAAI,CAAC,SAAS,EAAE,CAAC;YACjB,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,eAAe,CAAC;YACrE,MAAM,eAAe,GAAG,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YAElD,OAAO,EAAE,eAAe,EAAE,CAAC;QAC7B,CAAC,CAAC;QAEM,aAAQ,GAAG,GAAG,EAAE;YACtB,IAAI,CAAC,SAAS,EAAE,CAAC;YACjB,IAAI,IAAI,CAAC,QAAQ,KAAK,SAAS,CAAC,IAAI;gBAAE,OAAO;YAC7C,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,IAAI;gBACpD,CAAC,CAAC,qBAAqB,CAAC,IAAI,CAAC,QAAQ,CAAC;gBACtC,CAAC,CAAC,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YACrC,OAAO,IAAI,CAAA;;gBAEC,eAAe,CAAC,MAAM;gBACtB,QAAQ;iBACP,SAAS;;KAErB,CAAC;QACJ,CAAC,CAAC;IAyBJ,CAAC;IAtEC,OAAO,CAAC,iBAA4C;QAClD,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;QACjC,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,IAAI,IAAI,IAAI,CAAC,kBAAkB,KAAK,CAAC;YAAE,OAAO;QAC1E,UAAU,CAAC,GAAG,EAAE;YACd,IAAI,CAAC,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC;YAC3B,IAAI,CAAC,cAAc,EAAE,CAAC;QACxB,CAAC,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;IAC9B,CAAC;IAEO,cAAc;QACpB,IAAI,IAAI,CAAC,kBAAkB,KAAK,CAAC;YAAE,OAAO;QAC1C,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,UAAU,EAAE;YAC1B,OAAO,EAAE,IAAI;SACd,CAAC,CACH,CAAC;IACJ,CAAC;IA+BD,MAAM;QACJ,OAAO,IAAI,CAAA;;oBAEK,cAAc,CAAC,SAAS;wBACpB,iBAAiB,CAAC,IAAI;gBAC9B,IAAI,CAAC,IAAI;;;mBAGN,QAAQ,CAAC;YAChB,eAAe,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK;YAC1D,YAAY,EAAE,iBAAiB,CAAC,IAAI;SACrC,CAAC;;gDAEoC,QAAQ,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;cAC/D,IAAI,CAAC,QAAQ,EAAE;+BACE,IAAI,CAAC,IAAI;;;;;;KAMnC,CAAC;IACJ,CAAC;;AAnFM,gBAAM,GAAG,CAAC,iBAAiB,EAAE,iBAAiB,EAAE,iBAAiB,CAAC,AAA5D,CAA6D;AAG1E;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uCACvB;AAGtB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,qBAAqB,EAAE,CAAC;qDACnC;AAG1B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uCAC9B;AAGb;IADC,KAAK,EAAE;2CAC+C;AAb5C,SAAS;IADrB,aAAa,CAAC,YAAY,CAAC;GACf,SAAS,CAqFrB;SArFY,SAAS","sourcesContent":["import { html, LitElement, PropertyValueMap } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { IconSizeVariant } from '../tuix-icon/enums/tuix-icon.enums.js';\nimport {\n  BorderRadiusPaper,\n  PaperElevation,\n} from '../tuix-paper/enums/tuix-paper.enum.js';\nimport { Palette } from '../utils/colors.js';\nimport {\n  iconDarkPropertiesMap,\n  iconPropertiesMap,\n  toastBgColorMap,\n  toastBgDarkColorMap,\n  ToastType,\n  ToastTypeExcludingNone,\n} from './enums/tuix-toast.enums.js';\nimport {\n  commonToastStyles,\n  mobileToastStyles,\n  tabletToastStyles,\n} from './TuixToast.styles.js';\n\n@customElement('tuix-toast')\nexport class TuixToast extends LitElement {\n  static styles = [commonToastStyles, tabletToastStyles, mobileToastStyles];\n\n  @property({ type: ToastType, reflect: true })\n  type = ToastType.NONE;\n\n  @property({ type: Number, attribute: 'visibility-duration' })\n  visibilityDuration = 4000;\n\n  @property({ type: Boolean, reflect: true })\n  dark = false;\n\n  @state()\n  lastType = ToastType.SUCCESS as ToastTypeExcludingNone;\n\n  updated(changedProperties: PropertyValueMap<unknown>) {\n    super.updated(changedProperties);\n    if (this.type === ToastType.NONE || this.visibilityDuration === 0) return;\n    setTimeout(() => {\n      this.type = ToastType.NONE;\n      this._handleOnClose();\n    }, this.visibilityDuration);\n  }\n\n  private _handleOnClose() {\n    if (this.visibilityDuration === 0) return;\n    this.dispatchEvent(\n      new CustomEvent('on-close', {\n        bubbles: true,\n      })\n    );\n  }\n\n  private _saveType = () => {\n    if (this.type !== ToastType.NONE) {\n      this.lastType = this.type as ToastTypeExcludingNone;\n    }\n  };\n\n  private _getStyleMap = () => {\n    this._saveType();\n    const bgColorMap = this.dark ? toastBgDarkColorMap : toastBgColorMap;\n    const backgroundColor = bgColorMap[this.lastType];\n\n    return { backgroundColor };\n  };\n\n  private _getIcon = () => {\n    this._saveType();\n    if (this.lastType === ToastType.TEXT) return;\n    const { name: iconName, color: iconColor } = this.dark\n      ? iconDarkPropertiesMap[this.lastType]\n      : iconPropertiesMap[this.lastType];\n    return html`\n      <tuix-icon\n        size=\"${IconSizeVariant.MEDIUM}\"\n        name=\"${iconName}\"\n        color=\"${iconColor}\"\n      ></tuix-icon>\n    `;\n  };\n\n  render() {\n    return html`\n      <tuix-paper\n        elevation=${PaperElevation.VARIANT_4}\n        border-radius=${BorderRadiusPaper.SOFT}\n        ?dark=${this.dark}\n      >\n        <div\n          style=\"${styleMap({\n            backgroundColor: this.dark ? Palette.BLACK : Palette.WHITE,\n            borderRadius: BorderRadiusPaper.SOFT,\n          })}\"\n        >\n          <div class=\"toast-container\" style=\"${styleMap(this._getStyleMap())}\">\n            ${this._getIcon()}\n            <tuix-text ?dark=${this.dark}>\n              <slot></slot>\n            </tuix-text>\n          </div>\n        </div>\n      </tuix-paper>\n    `;\n  }\n}\n"]}

package/dist/src/tuix-toast/TuixToast.styles.d.ts

@@ -1,3 +0,0 @@
-export declare const commonToastStyles: import("lit").CSSResult;
-export declare const tabletToastStyles: import("lit").CSSResult;
-export declare const mobileToastStyles: import("lit").CSSResult;

package/dist/src/tuix-toast/TuixToast.styles.js

@@ -1,44 +0,0 @@
-import { css } from 'lit';
-import { ScreenSizes } from '../utils/screenSizes.enum.js';
-export const commonToastStyles = css `
-  :host {
-    position: fixed;
-    bottom: -100%;
-    left: 50%;
-    transform: translateX(-50%);
-    transition: bottom 600ms linear;
-    width: 640px;
-    z-index: 99;
-  }
-
-  :host([type='text']),
-  :host([type='warning']),
-  :host([type='error']),
-  :host([type='success']) {
-    bottom: 1.5rem;
-  }
-
-  .toast-container {
-    padding: 12px 16px;
-    display: flex;
-    gap: 16px;
-    align-items: center;
-    border-radius: 4px;
-  }
-`;
-export const tabletToastStyles = css `
-  @media only screen and (max-width: ${ScreenSizes.TABLET}px) {
-    :host {
-      width: 520px;
-    }
-  }
-`;
-export const mobileToastStyles = css `
-  @media only screen and (max-width: ${ScreenSizes.MOBILE}px) {
-    :host {
-      max-width: 343px;
-      width: 90%;
-    }
-  }
-`;
-//# sourceMappingURL=TuixToast.styles.js.map

package/dist/src/tuix-toast/TuixToast.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TuixToast.styles.js","sourceRoot":"","sources":["../../../src/tuix-toast/TuixToast.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAExD,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;CAyBnC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;uCACG,WAAW,CAAC,MAAM;;;;;CAKxD,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;uCACG,WAAW,CAAC,MAAM;;;;;;CAMxD,CAAC","sourcesContent":["import { css } from 'lit';\nimport { ScreenSizes } from '../utils/screenSizes.enum';\n\nexport const commonToastStyles = css`\n  :host {\n    position: fixed;\n    bottom: -100%;\n    left: 50%;\n    transform: translateX(-50%);\n    transition: bottom 600ms linear;\n    width: 640px;\n    z-index: 99;\n  }\n\n  :host([type='text']),\n  :host([type='warning']),\n  :host([type='error']),\n  :host([type='success']) {\n    bottom: 1.5rem;\n  }\n\n  .toast-container {\n    padding: 12px 16px;\n    display: flex;\n    gap: 16px;\n    align-items: center;\n    border-radius: 4px;\n  }\n`;\n\nexport const tabletToastStyles = css`\n  @media only screen and (max-width: ${ScreenSizes.TABLET}px) {\n    :host {\n      width: 520px;\n    }\n  }\n`;\n\nexport const mobileToastStyles = css`\n  @media only screen and (max-width: ${ScreenSizes.MOBILE}px) {\n    :host {\n      max-width: 343px;\n      width: 90%;\n    }\n  }\n`;\n"]}

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

@@ -1,20 +0,0 @@
-import { IconName } from '../../tuix-icon/enums/tuix-icon.enums.js';
-import { Palette } from '../../utils/colors.js';
-import { DarkPalette } from '../../utils/darkColors.js';
-export declare enum ToastType {
-    NONE = "none",
-    TEXT = "text",
-    WARNING = "warning",
-    ERROR = "error",
-    SUCCESS = "success"
-}
-export type ToastTypeExcludingNone = Exclude<ToastType, ToastType.NONE>;
-interface IconProperties {
-    name: IconName;
-    color: Palette | DarkPalette;
-}
-export declare const toastBgColorMap: Record<ToastTypeExcludingNone, string>;
-export declare const toastBgDarkColorMap: Record<ToastTypeExcludingNone, string>;
-export declare const iconPropertiesMap: Record<ToastTypeExcludingNone, IconProperties>;
-export declare const iconDarkPropertiesMap: Record<ToastTypeExcludingNone, IconProperties>;
-export {};

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

@@ -1,60 +0,0 @@
-import { IconName } from '../../tuix-icon/enums/tuix-icon.enums.js';
-import { Palette } from '../../utils/colors.js';
-import { DarkPalette } from '../../utils/darkColors.js';
-export var ToastType;
-(function (ToastType) {
-    ToastType["NONE"] = "none";
-    ToastType["TEXT"] = "text";
-    ToastType["WARNING"] = "warning";
-    ToastType["ERROR"] = "error";
-    ToastType["SUCCESS"] = "success";
-})(ToastType || (ToastType = {}));
-export const toastBgColorMap = {
-    [ToastType.TEXT]: Palette.WHITE,
-    [ToastType.WARNING]: Palette.VALIDATION_50,
-    [ToastType.ERROR]: Palette.ERROR_50,
-    [ToastType.SUCCESS]: Palette.SUCCESS_50,
-};
-export const toastBgDarkColorMap = {
-    [ToastType.TEXT]: Palette.PRIMARY_950,
-    [ToastType.WARNING]: DarkPalette.VALIDATION_50,
-    [ToastType.ERROR]: DarkPalette.ERROR_50,
-    [ToastType.SUCCESS]: DarkPalette.SUCCESS_50,
-};
-export const iconPropertiesMap = {
-    [ToastType.TEXT]: {
-        name: IconName.ARROW_DOWN,
-        color: Palette.BLACK,
-    },
-    [ToastType.WARNING]: {
-        name: IconName.TRIANGLE_EXCLAMATION,
-        color: Palette.VALIDATION,
-    },
-    [ToastType.ERROR]: {
-        name: IconName.CIRCLE_EXCLAMATION,
-        color: Palette.ERROR,
-    },
-    [ToastType.SUCCESS]: {
-        name: IconName.CIRCLE_CHECK,
-        color: Palette.SUCCESS,
-    },
-};
-export const iconDarkPropertiesMap = {
-    [ToastType.TEXT]: {
-        name: IconName.ARROW_DOWN,
-        color: Palette.WHITE,
-    },
-    [ToastType.WARNING]: {
-        name: IconName.TRIANGLE_EXCLAMATION,
-        color: DarkPalette.VALIDATION,
-    },
-    [ToastType.ERROR]: {
-        name: IconName.CIRCLE_EXCLAMATION,
-        color: DarkPalette.ERROR,
-    },
-    [ToastType.SUCCESS]: {
-        name: IconName.CIRCLE_CHECK,
-        color: DarkPalette.SUCCESS,
-    },
-};
-//# sourceMappingURL=tuix-toast.enums.js.map

package/dist/src/tuix-toast/enums/tuix-toast.enums.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tuix-toast.enums.js","sourceRoot":"","sources":["../../../../src/tuix-toast/enums/tuix-toast.enums.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,MAAM,CAAN,IAAY,SAMX;AAND,WAAY,SAAS;IACnB,0BAAa,CAAA;IACb,0BAAa,CAAA;IACb,gCAAmB,CAAA;IACnB,4BAAe,CAAA;IACf,gCAAmB,CAAA;AACrB,CAAC,EANW,SAAS,KAAT,SAAS,QAMpB;AASD,MAAM,CAAC,MAAM,eAAe,GAA2C;IACrE,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK;IAC/B,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,aAAa;IAC1C,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,QAAQ;IACnC,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,UAAU;CACxC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAA2C;IACzE,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,WAAW;IACrC,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC,aAAa;IAC9C,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,QAAQ;IACvC,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC,UAAU;CAC5C,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAC5B;IACE,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE;QAChB,IAAI,EAAE,QAAQ,CAAC,UAAU;QACzB,KAAK,EAAE,OAAO,CAAC,KAAK;KACrB;IACD,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE;QACnB,IAAI,EAAE,QAAQ,CAAC,oBAAoB;QACnC,KAAK,EAAE,OAAO,CAAC,UAAU;KAC1B;IACD,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE;QACjB,IAAI,EAAE,QAAQ,CAAC,kBAAkB;QACjC,KAAK,EAAE,OAAO,CAAC,KAAK;KACrB;IACD,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE;QACnB,IAAI,EAAE,QAAQ,CAAC,YAAY;QAC3B,KAAK,EAAE,OAAO,CAAC,OAAO;KACvB;CACF,CAAC;AAEJ,MAAM,CAAC,MAAM,qBAAqB,GAG9B;IACF,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE;QAChB,IAAI,EAAE,QAAQ,CAAC,UAAU;QACzB,KAAK,EAAE,OAAO,CAAC,KAAK;KACrB;IACD,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE;QACnB,IAAI,EAAE,QAAQ,CAAC,oBAAoB;QACnC,KAAK,EAAE,WAAW,CAAC,UAAU;KAC9B;IACD,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE;QACjB,IAAI,EAAE,QAAQ,CAAC,kBAAkB;QACjC,KAAK,EAAE,WAAW,CAAC,KAAK;KACzB;IACD,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE;QACnB,IAAI,EAAE,QAAQ,CAAC,YAAY;QAC3B,KAAK,EAAE,WAAW,CAAC,OAAO;KAC3B;CACF,CAAC","sourcesContent":["import { IconName } from '../../tuix-icon/enums/tuix-icon.enums';\nimport { Palette } from '../../utils/colors';\nimport { DarkPalette } from '../../utils/darkColors';\n\nexport enum ToastType {\n  NONE = 'none',\n  TEXT = 'text',\n  WARNING = 'warning',\n  ERROR = 'error',\n  SUCCESS = 'success',\n}\n\nexport type ToastTypeExcludingNone = Exclude<ToastType, ToastType.NONE>;\n\ninterface IconProperties {\n  name: IconName;\n  color: Palette | DarkPalette;\n}\n\nexport const toastBgColorMap: Record<ToastTypeExcludingNone, string> = {\n  [ToastType.TEXT]: Palette.WHITE,\n  [ToastType.WARNING]: Palette.VALIDATION_50,\n  [ToastType.ERROR]: Palette.ERROR_50,\n  [ToastType.SUCCESS]: Palette.SUCCESS_50,\n};\n\nexport const toastBgDarkColorMap: Record<ToastTypeExcludingNone, string> = {\n  [ToastType.TEXT]: Palette.PRIMARY_950,\n  [ToastType.WARNING]: DarkPalette.VALIDATION_50,\n  [ToastType.ERROR]: DarkPalette.ERROR_50,\n  [ToastType.SUCCESS]: DarkPalette.SUCCESS_50,\n};\n\nexport const iconPropertiesMap: Record<ToastTypeExcludingNone, IconProperties> =\n  {\n    [ToastType.TEXT]: {\n      name: IconName.ARROW_DOWN,\n      color: Palette.BLACK,\n    },\n    [ToastType.WARNING]: {\n      name: IconName.TRIANGLE_EXCLAMATION,\n      color: Palette.VALIDATION,\n    },\n    [ToastType.ERROR]: {\n      name: IconName.CIRCLE_EXCLAMATION,\n      color: Palette.ERROR,\n    },\n    [ToastType.SUCCESS]: {\n      name: IconName.CIRCLE_CHECK,\n      color: Palette.SUCCESS,\n    },\n  };\n\nexport const iconDarkPropertiesMap: Record<\n  ToastTypeExcludingNone,\n  IconProperties\n> = {\n  [ToastType.TEXT]: {\n    name: IconName.ARROW_DOWN,\n    color: Palette.WHITE,\n  },\n  [ToastType.WARNING]: {\n    name: IconName.TRIANGLE_EXCLAMATION,\n    color: DarkPalette.VALIDATION,\n  },\n  [ToastType.ERROR]: {\n    name: IconName.CIRCLE_EXCLAMATION,\n    color: DarkPalette.ERROR,\n  },\n  [ToastType.SUCCESS]: {\n    name: IconName.CIRCLE_CHECK,\n    color: DarkPalette.SUCCESS,\n  },\n};\n"]}