tuix-webcomponents 0.3.0 → 0.4.0

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

@@ -1,52 +1,42 @@
 import { __decorate } from "tslib";
-import { LitElement, css, html, unsafeCSS } from 'lit';
+import { LitElement, html } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
-import { PaperVariant } from './enums/tuix-paper.enum';
+import { BorderRadiusPaper, PaperElevation } from './enums/tuix-paper.enum';
 import { classMap } from 'lit/directives/class-map.js';
+import { styleMap } from 'lit/directives/style-map.js';
+import { paperStyles } from './TuixPaper.styles';
 let TuixPaper = class TuixPaper extends LitElement {
     constructor() {
         super(...arguments);
-        this.elevation = PaperVariant.VARIANT_1;
+        this.elevation = PaperElevation.VARIANT_1;
+        this.borderRadius = BorderRadiusPaper.NONE;
         this.dark = false;
     }
     _getOptionalClasses() {
-        const elevationClass = `elevation `;
         const variantClass = `variant_${this.elevation}`;
         const darkClass = `dark_${this.elevation}`;
         return {
-            [elevationClass]: true,
+            elevation: true,
             [variantClass]: !this.dark,
             [darkClass]: this.dark,
         };
     }
     render() {
-        return html ` <div class="${classMap(this._getOptionalClasses())}">
+        return html ` <div
+      class="${classMap(this._getOptionalClasses())}"
+      style="${styleMap({ borderRadius: this.borderRadius })}"
+    >
       <slot></slot>
     </div>`;
     }
 };
-// prettier-ignore
-TuixPaper.styles = css `
-    .elevation {
-      border-radius: 20px;
-    }
-
-    ${unsafeCSS(Object.values(PaperVariant).slice(1)
-    .map((variant, index) => {
-    return `
-            .elevation.variant_${variant} {
-              box-shadow: 0px ${Math.pow(2, index)}px ${Math.pow(2, (index + 2))}px rgba(66, 79, 101, 0.16);
-            }
-            .elevation.dark_${variant} {
-              background-color: ${unsafeCSS(`rgb(${23 + 3 * (index)}, ${23 + 3 * (index)}, ${26 + 5 * (index)})`)};
-            }
-          `;
-})
-    .join('\n'))}
-  `;
+TuixPaper.styles = [paperStyles];
 __decorate([
-    property({ type: PaperVariant })
+    property({ type: PaperElevation })
 ], TuixPaper.prototype, "elevation", void 0);
+__decorate([
+    property({ type: String, attribute: 'border-radius' })
+], TuixPaper.prototype, "borderRadius", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
 ], TuixPaper.prototype, "dark", void 0);

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

@@ -1 +1 @@
-{"version":3,"file":"TuixPaper.js","sourceRoot":"","sources":["../../../src/tuix-paper/TuixPaper.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAkB,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACvE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAa,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAGlE,IAAa,SAAS,GAAtB,MAAa,SAAU,SAAQ,UAAU;IAAzC;;QAEE,cAAS,GAAG,YAAY,CAAC,SAAS,CAAC;QAGnC,SAAI,GAAG,KAAK,CAAC;IAwCf,CAAC;IAhBS,mBAAmB;QACzB,MAAM,cAAc,GAAG,YAAY,CAAC;QACpC,MAAM,YAAY,GAAG,WAAW,IAAI,CAAC,SAAS,EAAE,CAAC;QACjD,MAAM,SAAS,GAAG,QAAQ,IAAI,CAAC,SAAS,EAAE,CAAC;QAC3C,OAAO;YACL,CAAC,cAAc,CAAC,EAAE,IAAI;YACtB,CAAC,YAAY,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI;YAC1B,CAAC,SAAS,CAAC,EAAE,IAAI,CAAC,IAAI;SACvB,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA,gBAAgB,QAAQ,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC;;WAExD,CAAC;IACV,CAAC;;AArCD,kBAAkB;AACX,gBAAM,GAAG,GAAG,CAAA;;;;;MAKf,SAAS,CACT,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;KACjC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;IACtB,OAAO;iCACgB,OAAO;gCACR,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;;8BAElD,OAAO;kCACH,SAAS,CAAC,OAAO,EAAE,GAAG,CAAC,GAAC,CAAC,KAAK,CAAC,KAAK,EAAE,GAAG,CAAC,GAAC,CAAC,KAAK,CAAC,KAAK,EAAE,GAAG,CAAC,GAAC,CAAC,KAAK,CAAC,GAAG,CAAC;;WAEhG,CAAC;AACJ,CAAC,CAAC;KACD,IAAI,CAAC,IAAI,CAAC,CACd;GACF,AAnBY,CAmBX;AAzBF;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC;4CACE;AAGnC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uCAC9B;AALF,SAAS;IADrB,aAAa,CAAC,YAAY,CAAC;GACf,SAAS,CA6CrB;SA7CY,SAAS","sourcesContent":["import { LitElement, TemplateResult, css, html, unsafeCSS } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { PaperVariant } from './enums/tuix-paper.enum';\nimport { ClassInfo, classMap } from 'lit/directives/class-map.js';\n\n@customElement('tuix-paper')\nexport class TuixPaper extends LitElement {\n  @property({ type: PaperVariant })\n  elevation = PaperVariant.VARIANT_1;\n\n  @property({ type: Boolean, reflect: true })\n  dark = false;\n\n  // prettier-ignore\n  static styles = css`\n    .elevation {\n      border-radius: 20px;\n    }\n\n    ${unsafeCSS(\n      Object.values(PaperVariant).slice(1)\n        .map((variant, index) => {\n          return `\n            .elevation.variant_${variant} {\n              box-shadow: 0px ${Math.pow(2, index)}px ${Math.pow(2, (index + 2))}px rgba(66, 79, 101, 0.16);\n            }\n            .elevation.dark_${variant} {\n              background-color: ${unsafeCSS(`rgb(${23 + 3*(index)}, ${23 + 3*(index)}, ${26 + 5*(index)})`)};\n            }\n          `;\n        })\n        .join('\\n')\n    )}\n  `;\n\n  private _getOptionalClasses(): ClassInfo {\n    const elevationClass = `elevation `;\n    const variantClass = `variant_${this.elevation}`;\n    const darkClass = `dark_${this.elevation}`;\n    return {\n      [elevationClass]: true,\n      [variantClass]: !this.dark,\n      [darkClass]: this.dark,\n    };\n  }\n\n  render(): TemplateResult {\n    return html` <div class=\"${classMap(this._getOptionalClasses())}\">\n      <slot></slot>\n    </div>`;\n  }\n}\n"]}
+{"version":3,"file":"TuixPaper.js","sourceRoot":"","sources":["../../../src/tuix-paper/TuixPaper.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAkB,IAAI,EAAE,MAAM,KAAK,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAC5E,OAAO,EAAa,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAGjD,IAAa,SAAS,GAAtB,MAAa,SAAU,SAAQ,UAAU;IAAzC;;QAEE,cAAS,GAAG,cAAc,CAAC,SAAS,CAAC;QAGrC,iBAAY,GAAG,iBAAiB,CAAC,IAAI,CAAC;QAGtC,SAAI,GAAG,KAAK,CAAC;IAsBf,CAAC;IAlBS,mBAAmB;QACzB,MAAM,YAAY,GAAG,WAAW,IAAI,CAAC,SAAS,EAAE,CAAC;QACjD,MAAM,SAAS,GAAG,QAAQ,IAAI,CAAC,SAAS,EAAE,CAAC;QAC3C,OAAO;YACL,SAAS,EAAE,IAAI;YACf,CAAC,YAAY,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI;YAC1B,CAAC,SAAS,CAAC,EAAE,IAAI,CAAC,IAAI;SACvB,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;eACA,QAAQ,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC;eACpC,QAAQ,CAAC,EAAE,YAAY,EAAE,IAAI,CAAC,YAAY,EAAE,CAAC;;;WAGjD,CAAC;IACV,CAAC;;AAnBM,gBAAM,GAAG,CAAC,WAAW,CAAC,AAAhB,CAAiB;AAR9B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC;4CACE;AAGrC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;+CACjB;AAGtC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uCAC9B;AARF,SAAS;IADrB,aAAa,CAAC,YAAY,CAAC;GACf,SAAS,CA8BrB;SA9BY,SAAS","sourcesContent":["import { LitElement, TemplateResult, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { BorderRadiusPaper, PaperElevation } from './enums/tuix-paper.enum';\nimport { ClassInfo, classMap } from 'lit/directives/class-map.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { paperStyles } from './TuixPaper.styles';\n\n@customElement('tuix-paper')\nexport class TuixPaper extends LitElement {\n  @property({ type: PaperElevation })\n  elevation = PaperElevation.VARIANT_1;\n\n  @property({ type: String, attribute: 'border-radius' })\n  borderRadius = BorderRadiusPaper.NONE;\n\n  @property({ type: Boolean, reflect: true })\n  dark = false;\n\n  static styles = [paperStyles];\n\n  private _getOptionalClasses(): ClassInfo {\n    const variantClass = `variant_${this.elevation}`;\n    const darkClass = `dark_${this.elevation}`;\n    return {\n      elevation: true,\n      [variantClass]: !this.dark,\n      [darkClass]: this.dark,\n    };\n  }\n\n  render(): TemplateResult {\n    return html` <div\n      class=\"${classMap(this._getOptionalClasses())}\"\n      style=\"${styleMap({ borderRadius: this.borderRadius })}\"\n    >\n      <slot></slot>\n    </div>`;\n  }\n}\n"]}

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

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

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

@@ -0,0 +1,22 @@
+import { css, unsafeCSS } from 'lit';
+import { PaperElevation } from './enums/tuix-paper.enum';
+const calculatedStyles = Object.values(PaperElevation)
+    .slice(1, -1)
+    .map((variant, index) => `
+  .elevation.variant_${variant} {
+    box-shadow: 0px ${2 ** index}px ${2 ** (index + 2)}px #424f6529;
+  }
+  .elevation.dark_${variant} {
+    background-color:rgb(${23 + 3 * index},${23 + 3 * index},${26 + 5 * index});
+  }`)
+    .join('\n');
+export const paperStyles = css `
+  ${unsafeCSS(calculatedStyles)}
+  .elevation.variant_${unsafeCSS(PaperElevation.VARIANT_4)} {
+    box-shadow: 0px 7px 24px #424f6529;
+  }
+  .elevation.dark_${unsafeCSS(PaperElevation.VARIANT_4)} {
+    background-color: rgb(33, 33, 40);
+  }
+`;
+//# sourceMappingURL=TuixPaper.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TuixPaper.styles.js","sourceRoot":"","sources":["../../../src/tuix-paper/TuixPaper.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAEzD,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC;KACnD,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;KACZ,GAAG,CACF,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC;uBACD,OAAO;sBACR,CAAC,IAAI,KAAK,MAAM,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;;oBAElC,OAAO;2BACA,EAAE,GAAG,CAAC,GAAG,KAAK,IAAI,EAAE,GAAG,CAAC,GAAG,KAAK,IAAI,EAAE,GAAG,CAAC,GAAG,KAAK;IACzE,CACD;KACA,IAAI,CAAC,IAAI,CAAC,CAAC;AAEd,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;IAC1B,SAAS,CAAC,gBAAgB,CAAC;uBACR,SAAS,CAAC,cAAc,CAAC,SAAS,CAAC;;;oBAGtC,SAAS,CAAC,cAAc,CAAC,SAAS,CAAC;;;CAGtD,CAAC","sourcesContent":["import { css, unsafeCSS } from 'lit';\nimport { PaperElevation } from './enums/tuix-paper.enum';\n\nconst calculatedStyles = Object.values(PaperElevation)\n  .slice(1, -1)\n  .map(\n    (variant, index) => `\n  .elevation.variant_${variant} {\n    box-shadow: 0px ${2 ** index}px ${2 ** (index + 2)}px #424f6529;\n  }\n  .elevation.dark_${variant} {\n    background-color:rgb(${23 + 3 * index},${23 + 3 * index},${26 + 5 * index});\n  }`\n  )\n  .join('\\n');\n\nexport const paperStyles = css`\n  ${unsafeCSS(calculatedStyles)}\n  .elevation.variant_${unsafeCSS(PaperElevation.VARIANT_4)} {\n    box-shadow: 0px 7px 24px #424f6529;\n  }\n  .elevation.dark_${unsafeCSS(PaperElevation.VARIANT_4)} {\n    background-color: rgb(33, 33, 40);\n  }\n`;\n"]}

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

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

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

@@ -1,9 +1,16 @@
-export var PaperVariant;
-(function (PaperVariant) {
-    PaperVariant["VARIANT_0"] = "0";
-    PaperVariant["VARIANT_1"] = "1";
-    PaperVariant["VARIANT_2"] = "2";
-    PaperVariant["VARIANT_3"] = "3";
-    PaperVariant["VARIANT_4"] = "4";
-})(PaperVariant || (PaperVariant = {}));
+export var PaperElevation;
+(function (PaperElevation) {
+    PaperElevation["VARIANT_0"] = "0";
+    PaperElevation["VARIANT_1"] = "1";
+    PaperElevation["VARIANT_2"] = "2";
+    PaperElevation["VARIANT_3"] = "3";
+    PaperElevation["VARIANT_4"] = "4";
+})(PaperElevation || (PaperElevation = {}));
+export var BorderRadiusPaper;
+(function (BorderRadiusPaper) {
+    BorderRadiusPaper["NONE"] = "0px";
+    BorderRadiusPaper["SOFT"] = "4px";
+    BorderRadiusPaper["MEDIUM"] = "10px";
+    BorderRadiusPaper["STRONG"] = "20px";
+})(BorderRadiusPaper || (BorderRadiusPaper = {}));
 //# sourceMappingURL=tuix-paper.enum.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tuix-paper.enum.js","sourceRoot":"","sources":["../../../../src/tuix-paper/enums/tuix-paper.enum.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,YAMX;AAND,WAAY,YAAY;IACtB,+BAAe,CAAA;IACf,+BAAe,CAAA;IACf,+BAAe,CAAA;IACf,+BAAe,CAAA;IACf,+BAAe,CAAA;AACjB,CAAC,EANW,YAAY,KAAZ,YAAY,QAMvB","sourcesContent":["export enum PaperVariant {\n  VARIANT_0 = '0',\n  VARIANT_1 = '1',\n  VARIANT_2 = '2',\n  VARIANT_3 = '3',\n  VARIANT_4 = '4',\n}\n"]}
+{"version":3,"file":"tuix-paper.enum.js","sourceRoot":"","sources":["../../../../src/tuix-paper/enums/tuix-paper.enum.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,cAMX;AAND,WAAY,cAAc;IACxB,iCAAe,CAAA;IACf,iCAAe,CAAA;IACf,iCAAe,CAAA;IACf,iCAAe,CAAA;IACf,iCAAe,CAAA;AACjB,CAAC,EANW,cAAc,KAAd,cAAc,QAMzB;AAED,MAAM,CAAN,IAAY,iBAKX;AALD,WAAY,iBAAiB;IAC3B,iCAAY,CAAA;IACZ,iCAAY,CAAA;IACZ,oCAAe,CAAA;IACf,oCAAe,CAAA;AACjB,CAAC,EALW,iBAAiB,KAAjB,iBAAiB,QAK5B","sourcesContent":["export enum PaperElevation {\n  VARIANT_0 = '0',\n  VARIANT_1 = '1',\n  VARIANT_2 = '2',\n  VARIANT_3 = '3',\n  VARIANT_4 = '4',\n}\n\nexport enum BorderRadiusPaper {\n  NONE = '0px',\n  SOFT = '4px',\n  MEDIUM = '10px',\n  STRONG = '20px',\n}\n"]}

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

@@ -2,7 +2,7 @@ import { LitElement } from 'lit';
 import { TextSize, TextVariant } from './enums/tuix-text.enums.js';
 export declare class TuixText extends LitElement {
     size: TextSize;
-    color?: TextVariant;
+    color?: TextVariant | undefined;
     dark: boolean;
     static styles: import("lit").CSSResult[];
     private _getTextColor;

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

@@ -1,22 +1,21 @@
 import { __decorate } from "tslib";
-import { html, css, LitElement } from 'lit';
+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 { textStyles } from './TuixText.styles.js';
 import { buttonSizeStyles } from '../tuix-button/TuixButton.styles.js';
+import slottedClassName from '../utils/slottedClassName.js';
 let TuixText = class TuixText extends LitElement {
     constructor() {
         super(...arguments);
         this.size = TextSize.Body1;
+        this.color = TextVariant.PRIMARY;
         this.dark = false;
     }
     _getTextColor() {
-        const defaultColor = this.dark
-            ? TextVariant.SECONDARY
-            : TextVariant.PRIMARY;
         const colorMap = this.dark ? colorTextDark : colorText;
-        return colorMap[this.color || defaultColor];
+        return colorMap[this.color || TextVariant.PRIMARY];
     }
     render() {
         return html ` <div
@@ -31,8 +30,10 @@ let TuixText = class TuixText extends LitElement {
 };
 TuixText.styles = [
     css `
-      .text {
+      ${unsafeCSS(slottedClassName('text'))} {
         font-family: 'Rubik', sans-serif;
+        display: block;
+        margin: 0;
       }
     `,
     textStyles,

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

@@ -1 +1 @@
-{"version":3,"file":"TuixText.js","sourceRoot":"","sources":["../../../src/tuix-text/TuixText.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAC5C,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,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AAGvE,IAAa,QAAQ,GAArB,MAAa,QAAS,SAAQ,UAAU;IAAxC;;QAEE,SAAI,GAAG,QAAQ,CAAC,KAAK,CAAC;QAMtB,SAAI,GAAG,KAAK,CAAC;IA8Bf,CAAC;IAlBS,aAAa;QACnB,MAAM,YAAY,GAAG,IAAI,CAAC,IAAI;YAC5B,CAAC,CAAC,WAAW,CAAC,SAAS;YACvB,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC;QACxB,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC;QACvD,OAAO,QAAQ,CAAC,IAAI,CAAC,KAAK,IAAI,YAAY,CAAC,CAAC;IAC9C,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;oBACK,IAAI,CAAC,IAAI;eACd,QAAQ,CAAC;YAChB,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE;SAC5B,CAAC;;;WAGG,CAAC;IACV,CAAC;;AA3BM,eAAM,GAAG;IACd,GAAG,CAAA;;;;KAIF;IACD,UAAU;IACV,gBAAgB;CACjB,AARY,CAQX;AAhBF;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;sCACP;AAGtB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC;uCACZ;AAGpB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sCAC9B;AARF,QAAQ;IADpB,aAAa,CAAC,WAAW,CAAC;GACd,QAAQ,CAsCpB;SAtCY,QAAQ","sourcesContent":["import { html, css, LitElement } 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 { textStyles } from './TuixText.styles.js';\nimport { buttonSizeStyles } from '../tuix-button/TuixButton.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;\n\n  @property({ type: Boolean, reflect: true })\n  dark = false;\n\n  static styles = [\n    css`\n      .text {\n        font-family: 'Rubik', sans-serif;\n      }\n    `,\n    textStyles,\n    buttonSizeStyles,\n  ];\n\n  private _getTextColor() {\n    const defaultColor = this.dark\n      ? TextVariant.SECONDARY\n      : TextVariant.PRIMARY;\n    const colorMap = this.dark ? colorTextDark : colorText;\n    return colorMap[this.color || defaultColor];\n  }\n\n  render() {\n    return html` <div\n      class=\"text ${this.size}\"\n      style=\"${styleMap({\n        color: this._getTextColor(),\n      })}\"\n    >\n      <slot></slot>\n    </div>`;\n  }\n}\n"]}
+{"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,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,gBAAgB,MAAM,8BAA8B,CAAC;AAG5D,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;IA6Bf,CAAC;IAfS,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;oBACK,IAAI,CAAC,IAAI;eACd,QAAQ,CAAC;YAChB,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE;SAC5B,CAAC;;;WAGG,CAAC;IACV,CAAC;;AA1BM,eAAM,GAAG;IACd,GAAG,CAAA;QACC,SAAS,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;;;;;KAKtC;IACD,UAAU;IACV,gBAAgB;CACjB,AAVY,CAUX;AAlBF;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,CAqCpB;SArCY,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 { textStyles } from './TuixText.styles.js';\nimport { buttonSizeStyles } from '../tuix-button/TuixButton.styles.js';\nimport slottedClassName from '../utils/slottedClassName.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: block;\n        margin: 0;\n      }\n    `,\n    textStyles,\n    buttonSizeStyles,\n  ];\n\n  private _getTextColor() {\n    const colorMap = this.dark ? colorTextDark : colorText;\n    return colorMap[this.color || TextVariant.PRIMARY];\n  }\n\n  render() {\n    return html` <div\n      class=\"text ${this.size}\"\n      style=\"${styleMap({\n        color: this._getTextColor(),\n      })}\"\n    >\n      <slot></slot>\n    </div>`;\n  }\n}\n"]}

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

@@ -1,86 +1,89 @@
-import { css } from 'lit';
+import { css, unsafeCSS } from 'lit';
 import { ScreenSizes } from '../utils/screenSizes.enum';
+import { TextSize } from './enums/tuix-text.enums';
+import slottedClassName from '../utils/slottedClassName';
 export const textStyles = css `
-  .xl {
+  ${unsafeCSS(`
+  ${slottedClassName(TextSize.XL)} {
     font-size: 4rem;
     font-weight: 600;
     line-height: 4.4rem;
   }
 
-  .l {
+  ${slottedClassName(TextSize.L)} {
     font-size: 3.5rem;
     font-weight: 600;
     line-height: 4.2rem;
   }
 
-  .m {
+  ${slottedClassName(TextSize.M)} {
     font-size: 2.25rem;
     font-weight: 500;
     line-height: 2.7rem;
   }
 
-  .s {
+  ${slottedClassName(TextSize.S)} {
     font-size: 1.5rem;
     font-weight: 500;
     line-height: 1.8rem;
   }
 
-  .xs {
+  ${slottedClassName(TextSize.XS)} {
     font-size: 1.125rem;
     font-weight: 500;
     line-height: 1.35rem;
   }
 
-  .body1 {
+  ${slottedClassName(TextSize.Body1)} {
     font-size: 1rem;
     font-weight: 300;
     line-height: 1.4rem;
   }
 
-  .body2 {
+  ${slottedClassName(TextSize.Body2)} {
     font-size: 0.875rem;
     font-weight: 300;
     line-height: 1.225rem;
   }
 
-  .field1 {
+  ${slottedClassName(TextSize.Field1)} {
     font-size: 1rem;
     font-weight: 300;
     line-height: 1.5rem;
   }
 
-  .field2 {
+  ${slottedClassName(TextSize.Field2)} {
     font-size: 0.75rem;
     font-weight: 300;
     line-height: 1rem;
   }
 
   @media only screen and (max-width: ${ScreenSizes.TABLET}px) {
-    .body1 {
+    ${slottedClassName(TextSize.Body1)} {
       line-height: 1.3rem;
     }
 
-    .body2 {
+    ${slottedClassName(TextSize.Body2)} {
       line-height: 1.1375rem;
     }
 
-    .xl {
+    ${slottedClassName(TextSize.XL)} {
       font-size: 3rem;
       line-height: 3.3rem;
     }
-    .l {
+    ${slottedClassName(TextSize.L)} {
       font-size: 2rem;
       line-height: 2.4rem;
     }
-    .m {
+    ${slottedClassName(TextSize.M)} {
       font-size: 1.5rem;
       line-height: 1.8rem;
     }
-    .s {
+    ${slottedClassName(TextSize.S)} {
       font-size: 1.125rem;
       line-height: 1.35rem;
     }
-    .xs {
+    ${slottedClassName(TextSize.XS)} {
       font-size: 1rem;
       line-height: 1.2rem;
       font-weight: 400;
@@ -88,27 +91,28 @@ export const textStyles = css `
   }
 
   @media only screen and (max-width: ${ScreenSizes.MOBILE}px) {
-    .body1 {
+    ${slottedClassName(TextSize.Body1)} {
       font-size: 0.875rem;
       font-weight: 300;
       line-height: 1.1375rem;
     }
-    .body2 {
+    ${slottedClassName(TextSize.Body2)} {
       font-size: 0.75rem;
       line-height: 0.975rem;
     }
-    .xl {
+    ${slottedClassName(TextSize.XL)} {
       font-size: 1.5rem;
       line-height: 1.8rem;
     }
-    .l {
+    ${slottedClassName(TextSize.L)} {
       font-size: 1.375rem;
       line-height: 1.65rem;
     }
-    .m {
+    ${slottedClassName(TextSize.M)} {
       font-size: 1.25rem;
       line-height: 1.5rem;
     }
   }
+`)}
 `;
 //# sourceMappingURL=TuixText.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TuixText.styles.js","sourceRoot":"","sources":["../../../src/tuix-text/TuixText.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAExD,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uCAuDU,WAAW,CAAC,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uCAgClB,WAAW,CAAC,MAAM;;;;;;;;;;;;;;;;;;;;;;;CAuBxD,CAAC","sourcesContent":["import { css } from 'lit';\nimport { ScreenSizes } from '../utils/screenSizes.enum';\n\nexport const textStyles = css`\n  .xl {\n    font-size: 4rem;\n    font-weight: 600;\n    line-height: 4.4rem;\n  }\n\n  .l {\n    font-size: 3.5rem;\n    font-weight: 600;\n    line-height: 4.2rem;\n  }\n\n  .m {\n    font-size: 2.25rem;\n    font-weight: 500;\n    line-height: 2.7rem;\n  }\n\n  .s {\n    font-size: 1.5rem;\n    font-weight: 500;\n    line-height: 1.8rem;\n  }\n\n  .xs {\n    font-size: 1.125rem;\n    font-weight: 500;\n    line-height: 1.35rem;\n  }\n\n  .body1 {\n    font-size: 1rem;\n    font-weight: 300;\n    line-height: 1.4rem;\n  }\n\n  .body2 {\n    font-size: 0.875rem;\n    font-weight: 300;\n    line-height: 1.225rem;\n  }\n\n  .field1 {\n    font-size: 1rem;\n    font-weight: 300;\n    line-height: 1.5rem;\n  }\n\n  .field2 {\n    font-size: 0.75rem;\n    font-weight: 300;\n    line-height: 1rem;\n  }\n\n  @media only screen and (max-width: ${ScreenSizes.TABLET}px) {\n    .body1 {\n      line-height: 1.3rem;\n    }\n\n    .body2 {\n      line-height: 1.1375rem;\n    }\n\n    .xl {\n      font-size: 3rem;\n      line-height: 3.3rem;\n    }\n    .l {\n      font-size: 2rem;\n      line-height: 2.4rem;\n    }\n    .m {\n      font-size: 1.5rem;\n      line-height: 1.8rem;\n    }\n    .s {\n      font-size: 1.125rem;\n      line-height: 1.35rem;\n    }\n    .xs {\n      font-size: 1rem;\n      line-height: 1.2rem;\n      font-weight: 400;\n    }\n  }\n\n  @media only screen and (max-width: ${ScreenSizes.MOBILE}px) {\n    .body1 {\n      font-size: 0.875rem;\n      font-weight: 300;\n      line-height: 1.1375rem;\n    }\n    .body2 {\n      font-size: 0.75rem;\n      line-height: 0.975rem;\n    }\n    .xl {\n      font-size: 1.5rem;\n      line-height: 1.8rem;\n    }\n    .l {\n      font-size: 1.375rem;\n      line-height: 1.65rem;\n    }\n    .m {\n      font-size: 1.25rem;\n      line-height: 1.5rem;\n    }\n  }\n`;\n"]}
+{"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,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,KAAK,CAAC;;;;MAIhC,gBAAgB,CAAC,QAAQ,CAAC,KAAK,CAAC;;;;MAIhC,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;;;;;;;uCAOI,WAAW,CAAC,MAAM;MACnD,gBAAgB,CAAC,QAAQ,CAAC,KAAK,CAAC;;;;;MAKhC,gBAAgB,CAAC,QAAQ,CAAC,KAAK,CAAC;;;;MAIhC,gBAAgB,CAAC,QAAQ,CAAC,EAAE,CAAC;;;;MAI7B,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC;;;;MAI5B,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC;;;;;CAKjC,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 textStyles = css`\n  ${unsafeCSS(`\n  ${slottedClassName(TextSize.XL)} {\n    font-size: 4rem;\n    font-weight: 600;\n    line-height: 4.4rem;\n  }\n\n  ${slottedClassName(TextSize.L)} {\n    font-size: 3.5rem;\n    font-weight: 600;\n    line-height: 4.2rem;\n  }\n\n  ${slottedClassName(TextSize.M)} {\n    font-size: 2.25rem;\n    font-weight: 500;\n    line-height: 2.7rem;\n  }\n\n  ${slottedClassName(TextSize.S)} {\n    font-size: 1.5rem;\n    font-weight: 500;\n    line-height: 1.8rem;\n  }\n\n  ${slottedClassName(TextSize.XS)} {\n    font-size: 1.125rem;\n    font-weight: 500;\n    line-height: 1.35rem;\n  }\n\n  ${slottedClassName(TextSize.Body1)} {\n    font-size: 1rem;\n    font-weight: 300;\n    line-height: 1.4rem;\n  }\n\n  ${slottedClassName(TextSize.Body2)} {\n    font-size: 0.875rem;\n    font-weight: 300;\n    line-height: 1.225rem;\n  }\n\n  ${slottedClassName(TextSize.Field1)} {\n    font-size: 1rem;\n    font-weight: 300;\n    line-height: 1.5rem;\n  }\n\n  ${slottedClassName(TextSize.Field2)} {\n    font-size: 0.75rem;\n    font-weight: 300;\n    line-height: 1rem;\n  }\n\n  @media only screen and (max-width: ${ScreenSizes.TABLET}px) {\n    ${slottedClassName(TextSize.Body1)} {\n      line-height: 1.3rem;\n    }\n\n    ${slottedClassName(TextSize.Body2)} {\n      line-height: 1.1375rem;\n    }\n\n    ${slottedClassName(TextSize.XL)} {\n      font-size: 3rem;\n      line-height: 3.3rem;\n    }\n    ${slottedClassName(TextSize.L)} {\n      font-size: 2rem;\n      line-height: 2.4rem;\n    }\n    ${slottedClassName(TextSize.M)} {\n      font-size: 1.5rem;\n      line-height: 1.8rem;\n    }\n    ${slottedClassName(TextSize.S)} {\n      font-size: 1.125rem;\n      line-height: 1.35rem;\n    }\n    ${slottedClassName(TextSize.XS)} {\n      font-size: 1rem;\n      line-height: 1.2rem;\n      font-weight: 400;\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.1375rem;\n    }\n    ${slottedClassName(TextSize.Body2)} {\n      font-size: 0.75rem;\n      line-height: 0.975rem;\n    }\n    ${slottedClassName(TextSize.XL)} {\n      font-size: 1.5rem;\n      line-height: 1.8rem;\n    }\n    ${slottedClassName(TextSize.L)} {\n      font-size: 1.375rem;\n      line-height: 1.65rem;\n    }\n    ${slottedClassName(TextSize.M)} {\n      font-size: 1.25rem;\n      line-height: 1.5rem;\n    }\n  }\n`)}\n`;\n"]}

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

@@ -13,12 +13,15 @@ export declare enum TextSize {
 export declare enum TextVariant {
     PRIMARY = "primary",
     SECONDARY = "secondary",
+    MAIN = "main",
     GREY = "grey",
     LIGHT_GREY = "light_grey",
     DISABLED = "disabled",
     VALIDATION = "validation",
     ERROR = "error",
-    SUCCESS = "success"
+    SUCCESS = "success",
+    LIGHT = "light",
+    DARK = "dark"
 }
 export declare const colorText: Record<TextVariant, string>;
 export declare const colorTextDark: Record<TextVariant, string>;

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

@@ -17,14 +17,18 @@ export var TextVariant;
 (function (TextVariant) {
     TextVariant["PRIMARY"] = "primary";
     TextVariant["SECONDARY"] = "secondary";
+    TextVariant["MAIN"] = "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 || (TextVariant = {}));
 export const colorText = {
+    [TextVariant.MAIN]: Palette.MAIN,
     [TextVariant.PRIMARY]: Palette.BLACK,
     [TextVariant.SECONDARY]: Palette.WHITE,
     [TextVariant.GREY]: Palette.NEUTRAL_600,
@@ -33,11 +37,17 @@ export const colorText = {
     [TextVariant.VALIDATION]: Palette.VALIDATION,
     [TextVariant.ERROR]: Palette.ERROR,
     [TextVariant.SUCCESS]: Palette.SUCCESS,
+    [TextVariant.LIGHT]: Palette.WHITE,
+    [TextVariant.DARK]: Palette.BLACK,
 };
 export const colorTextDark = {
     ...colorText,
+    [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,
 };
 //# sourceMappingURL=tuix-text.enums.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tuix-text.enums.js","sourceRoot":"","sources":["../../../../src/tuix-text/enums/tuix-text.enums.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAGrD,MAAM,CAAN,IAAY,QAWX;AAXD,WAAY,QAAQ;IAClB,qBAAS,CAAA;IACT,mBAAO,CAAA;IACP,mBAAO,CAAA;IACP,mBAAO,CAAA;IACP,qBAAS,CAAA;IACT,2BAAe,CAAA;IACf,2BAAe,CAAA;IACf,6BAAiB,CAAA;IACjB,6BAAiB,CAAA;IACjB,6BAAiB,CAAA;AACnB,CAAC,EAXW,QAAQ,KAAR,QAAQ,QAWnB;AAED,MAAM,CAAN,IAAY,WASX;AATD,WAAY,WAAW;IACrB,kCAA6B,CAAA;IAC7B,sCAAiC,CAAA;IACjC,4BAAa,CAAA;IACb,wCAAyB,CAAA;IACzB,oCAAqB,CAAA;IACrB,wCAAyB,CAAA;IACzB,8BAAe,CAAA;IACf,kCAAmB,CAAA;AACrB,CAAC,EATW,WAAW,KAAX,WAAW,QAStB;AAED,MAAM,CAAC,MAAM,SAAS,GAAgC;IACpD,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,KAAK;IACpC,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC,KAAK;IACtC,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,WAAW;IACvC,CAAC,WAAW,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC,WAAW;IAC7C,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,WAAW;IAC3C,CAAC,WAAW,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC,UAAU;IAC5C,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,KAAK;IAClC,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,OAAO;CACvC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAgC;IACxD,GAAG,SAAS;IACZ,CAAC,WAAW,CAAC,UAAU,CAAC,EAAE,WAAW,CAAC,UAAU;IAChD,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,KAAK;IACtC,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC,OAAO;CAC3C,CAAC","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  Button = 'button',\n  Field1 = 'field1',\n  Field2 = 'field2',\n}\n\nexport enum TextVariant {\n  PRIMARY = MainVariant.PRIMARY,\n  SECONDARY = MainVariant.SECONDARY,\n  GREY = 'grey',\n  LIGHT_GREY = 'light_grey',\n  DISABLED = 'disabled',\n  VALIDATION = 'validation',\n  ERROR = 'error',\n  SUCCESS = 'success',\n}\n\nexport const colorText: Record<TextVariant, string> = {\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};\n\nexport const colorTextDark: Record<TextVariant, string> = {\n  ...colorText,\n  [TextVariant.VALIDATION]: DarkPalette.VALIDATION,\n  [TextVariant.ERROR]: DarkPalette.ERROR,\n  [TextVariant.SUCCESS]: DarkPalette.SUCCESS,\n};\n"]}
+{"version":3,"file":"tuix-text.enums.js","sourceRoot":"","sources":["../../../../src/tuix-text/enums/tuix-text.enums.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAGrD,MAAM,CAAN,IAAY,QAWX;AAXD,WAAY,QAAQ;IAClB,qBAAS,CAAA;IACT,mBAAO,CAAA;IACP,mBAAO,CAAA;IACP,mBAAO,CAAA;IACP,qBAAS,CAAA;IACT,2BAAe,CAAA;IACf,2BAAe,CAAA;IACf,6BAAiB,CAAA;IACjB,6BAAiB,CAAA;IACjB,6BAAiB,CAAA;AACnB,CAAC,EAXW,QAAQ,KAAR,QAAQ,QAWnB;AAED,MAAM,CAAN,IAAY,WAYX;AAZD,WAAY,WAAW;IACrB,kCAA6B,CAAA;IAC7B,sCAAiC,CAAA;IACjC,4BAAa,CAAA;IACb,4BAAa,CAAA;IACb,wCAAyB,CAAA;IACzB,oCAAqB,CAAA;IACrB,wCAAyB,CAAA;IACzB,8BAAe,CAAA;IACf,kCAAmB,CAAA;IACnB,8BAAe,CAAA;IACf,4BAAa,CAAA;AACf,CAAC,EAZW,WAAW,KAAX,WAAW,QAYtB;AAED,MAAM,CAAC,MAAM,SAAS,GAAgC;IACpD,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,IAAI;IAChC,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,KAAK;IACpC,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC,KAAK;IACtC,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,WAAW;IACvC,CAAC,WAAW,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC,WAAW;IAC7C,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,WAAW;IAC3C,CAAC,WAAW,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC,UAAU;IAC5C,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,KAAK;IAClC,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,OAAO;IACtC,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,KAAK;IAClC,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK;CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAgC;IACxD,GAAG,SAAS;IACZ,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC,KAAK;IACxC,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC,KAAK;IACtC,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC,WAAW;IAC3C,CAAC,WAAW,CAAC,UAAU,CAAC,EAAE,WAAW,CAAC,UAAU;IAChD,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,KAAK;IACtC,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC,OAAO;IAC1C,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,KAAK;CACvC,CAAC","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  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  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}\n\nexport const colorText: Record<TextVariant, string> = {\n  [TextVariant.MAIN]: Palette.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};\n\nexport const colorTextDark: Record<TextVariant, string> = {\n  ...colorText,\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};\n"]}

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

@@ -20,5 +20,6 @@ export declare enum Palette {
     VALIDATION_200 = "#FFEAC1",
     ERROR = "#F93232",
     ERROR_50 = "#FFF5F5",
-    ERROR_200 = "#FFD8D8"
+    ERROR_200 = "#FFD8D8",
+    SECTION_BG = "#FAFAFA"
 }

package/dist/src/utils/colors.js

@@ -22,5 +22,6 @@ export var Palette;
     Palette["ERROR"] = "#F93232";
     Palette["ERROR_50"] = "#FFF5F5";
     Palette["ERROR_200"] = "#FFD8D8";
+    Palette["SECTION_BG"] = "#FAFAFA";
 })(Palette || (Palette = {}));
 //# sourceMappingURL=colors.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../../src/utils/colors.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,OAuBX;AAvBD,WAAY,OAAO;IACjB,iCAAsB,CAAA;IACtB,kCAAuB,CAAA;IACvB,kCAAuB,CAAA;IACvB,kCAAuB,CAAA;IACvB,2BAAgB,CAAA;IAChB,kCAAuB,CAAA;IACvB,kCAAuB,CAAA;IACvB,kCAAuB,CAAA;IACvB,kCAAuB,CAAA;IACvB,kCAAuB,CAAA;IACvB,gCAAqB,CAAA;IACrB,4BAAiB,CAAA;IACjB,4BAAiB,CAAA;IACjB,kCAAuB,CAAA;IACvB,kCAAuB,CAAA;IACvB,8BAAmB,CAAA;IACnB,iCAAsB,CAAA;IACtB,oCAAyB,CAAA;IACzB,qCAA0B,CAAA;IAC1B,4BAAiB,CAAA;IACjB,+BAAoB,CAAA;IACpB,gCAAqB,CAAA;AACvB,CAAC,EAvBW,OAAO,KAAP,OAAO,QAuBlB","sourcesContent":["export enum Palette {\n  PRIMARY_50 = '#F5F5FA',\n  PRIMARY_100 = '#EBEAF4',\n  PRIMARY_200 = '#D1D1E6',\n  PRIMARY_300 = '#A8A9D1',\n  MAIN = '#585A9D',\n  PRIMARY_600 = '#454584',\n  PRIMARY_700 = '#3A396B',\n  PRIMARY_800 = '#32325A',\n  PRIMARY_900 = '#2E2D4D',\n  PRIMARY_950 = '#1F1E33',\n  SECONDARY = '#BBADFF',\n  WHITE = '#FFFFFF',\n  BLACK = '#121212',\n  NEUTRAL_200 = '#C9C8D3',\n  NEUTRAL_600 = '#8A8894',\n  SUCCESS = '#439F6E',\n  VALIDATION = '#FFB82E',\n  VALIDATION_50 = '#FFFBF4',\n  VALIDATION_200 = '#FFEAC1',\n  ERROR = '#F93232',\n  ERROR_50 = '#FFF5F5',\n  ERROR_200 = '#FFD8D8',\n}\n"]}
+{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../../src/utils/colors.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,OAwBX;AAxBD,WAAY,OAAO;IACjB,iCAAsB,CAAA;IACtB,kCAAuB,CAAA;IACvB,kCAAuB,CAAA;IACvB,kCAAuB,CAAA;IACvB,2BAAgB,CAAA;IAChB,kCAAuB,CAAA;IACvB,kCAAuB,CAAA;IACvB,kCAAuB,CAAA;IACvB,kCAAuB,CAAA;IACvB,kCAAuB,CAAA;IACvB,gCAAqB,CAAA;IACrB,4BAAiB,CAAA;IACjB,4BAAiB,CAAA;IACjB,kCAAuB,CAAA;IACvB,kCAAuB,CAAA;IACvB,8BAAmB,CAAA;IACnB,iCAAsB,CAAA;IACtB,oCAAyB,CAAA;IACzB,qCAA0B,CAAA;IAC1B,4BAAiB,CAAA;IACjB,+BAAoB,CAAA;IACpB,gCAAqB,CAAA;IACrB,iCAAsB,CAAA;AACxB,CAAC,EAxBW,OAAO,KAAP,OAAO,QAwBlB","sourcesContent":["export enum Palette {\n  PRIMARY_50 = '#F5F5FA',\n  PRIMARY_100 = '#EBEAF4',\n  PRIMARY_200 = '#D1D1E6',\n  PRIMARY_300 = '#A8A9D1',\n  MAIN = '#585A9D',\n  PRIMARY_600 = '#454584',\n  PRIMARY_700 = '#3A396B',\n  PRIMARY_800 = '#32325A',\n  PRIMARY_900 = '#2E2D4D',\n  PRIMARY_950 = '#1F1E33',\n  SECONDARY = '#BBADFF',\n  WHITE = '#FFFFFF',\n  BLACK = '#121212',\n  NEUTRAL_200 = '#C9C8D3',\n  NEUTRAL_600 = '#8A8894',\n  SUCCESS = '#439F6E',\n  VALIDATION = '#FFB82E',\n  VALIDATION_50 = '#FFFBF4',\n  VALIDATION_200 = '#FFEAC1',\n  ERROR = '#F93232',\n  ERROR_50 = '#FFF5F5',\n  ERROR_200 = '#FFD8D8',\n  SECTION_BG = '#FAFAFA',\n}\n"]}

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

@@ -10,15 +10,16 @@ export declare enum DarkPalette {
     PRIMARY_900 = "#2E2D4D",
     PRIMARY_950 = "#1F1E33",
     SECONDARY = "#BBADFF",
-    WHITE = "#ffffffde",
+    WHITE = "rgba(255, 255, 255, 0.87)",
     BLACK = "#1A1A1F",
     NEUTRAL_200 = "#C9C8D3",
-    NEUTRAL_600 = "#8A8894",
+    NEUTRAL_600 = "rgba(255, 255, 255, 0.60)",
     SUCCESS = "#82C5A9",
     VALIDATION = "#FFD489",
     VALIDATION_50 = "#FFFBF4",
     VALIDATION_200 = "#FFEAC1",
     ERROR = "#FF8486",
     ERROR_50 = "#FFF5F5",
-    ERROR_200 = "#FFD8D8"
+    ERROR_200 = "#FFD8D8",
+    SECTION_BG = "#0E0E0E"
 }

package/dist/src/utils/darkColors.js

@@ -11,10 +11,10 @@ export var DarkPalette;
     DarkPalette["PRIMARY_900"] = "#2E2D4D";
     DarkPalette["PRIMARY_950"] = "#1F1E33";
     DarkPalette["SECONDARY"] = "#BBADFF";
-    DarkPalette["WHITE"] = "#ffffffde";
+    DarkPalette["WHITE"] = "rgba(255, 255, 255, 0.87)";
     DarkPalette["BLACK"] = "#1A1A1F";
     DarkPalette["NEUTRAL_200"] = "#C9C8D3";
-    DarkPalette["NEUTRAL_600"] = "#8A8894";
+    DarkPalette["NEUTRAL_600"] = "rgba(255, 255, 255, 0.60)";
     DarkPalette["SUCCESS"] = "#82C5A9";
     DarkPalette["VALIDATION"] = "#FFD489";
     DarkPalette["VALIDATION_50"] = "#FFFBF4";
@@ -22,5 +22,6 @@ export var DarkPalette;
     DarkPalette["ERROR"] = "#FF8486";
     DarkPalette["ERROR_50"] = "#FFF5F5";
     DarkPalette["ERROR_200"] = "#FFD8D8";
+    DarkPalette["SECTION_BG"] = "#0E0E0E";
 })(DarkPalette || (DarkPalette = {}));
 //# sourceMappingURL=darkColors.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"darkColors.js","sourceRoot":"","sources":["../../../src/utils/darkColors.ts"],"names":[],"mappings":"AAEA,MAAM,CAAN,IAAY,WAuBX;AAvBD,WAAY,WAAW;IACrB,qCAA+B,CAAA;IAC/B,sCAAiC,CAAA;IACjC,sCAAiC,CAAA;IACjC,sCAAiC,CAAA;IACjC,+BAAgB,CAAA;IAChB,sCAAiC,CAAA;IACjC,sCAAiC,CAAA;IACjC,sCAAiC,CAAA;IACjC,sCAAiC,CAAA;IACjC,sCAAiC,CAAA;IACjC,oCAA6B,CAAA;IAC7B,kCAAmB,CAAA;IACnB,gCAAiB,CAAA;IACjB,sCAAiC,CAAA;IACjC,sCAAiC,CAAA;IACjC,kCAAmB,CAAA;IACnB,qCAAsB,CAAA;IACtB,wCAAyB,CAAA;IACzB,yCAA0B,CAAA;IAC1B,gCAAiB,CAAA;IACjB,mCAA2B,CAAA;IAC3B,oCAA6B,CAAA;AAC/B,CAAC,EAvBW,WAAW,KAAX,WAAW,QAuBtB","sourcesContent":["import { Palette } from './colors';\n\nexport enum DarkPalette {\n  PRIMARY_50 = Palette.PRIMARY_50,\n  PRIMARY_100 = Palette.PRIMARY_100,\n  PRIMARY_200 = Palette.PRIMARY_200,\n  PRIMARY_300 = Palette.PRIMARY_300,\n  MAIN = '#7A7CB6',\n  PRIMARY_600 = Palette.PRIMARY_600,\n  PRIMARY_700 = Palette.PRIMARY_700,\n  PRIMARY_800 = Palette.PRIMARY_800,\n  PRIMARY_900 = Palette.PRIMARY_900,\n  PRIMARY_950 = Palette.PRIMARY_950,\n  SECONDARY = Palette.SECONDARY,\n  WHITE = '#ffffffde',\n  BLACK = '#1A1A1F',\n  NEUTRAL_200 = Palette.NEUTRAL_200,\n  NEUTRAL_600 = Palette.NEUTRAL_600,\n  SUCCESS = '#82C5A9',\n  VALIDATION = '#FFD489',\n  VALIDATION_50 = '#FFFBF4',\n  VALIDATION_200 = '#FFEAC1',\n  ERROR = '#FF8486',\n  ERROR_50 = Palette.ERROR_50,\n  ERROR_200 = Palette.ERROR_200,\n}\n"]}
+{"version":3,"file":"darkColors.js","sourceRoot":"","sources":["../../../src/utils/darkColors.ts"],"names":[],"mappings":"AAEA,MAAM,CAAN,IAAY,WAwBX;AAxBD,WAAY,WAAW;IACrB,qCAA+B,CAAA;IAC/B,sCAAiC,CAAA;IACjC,sCAAiC,CAAA;IACjC,sCAAiC,CAAA;IACjC,+BAAgB,CAAA;IAChB,sCAAiC,CAAA;IACjC,sCAAiC,CAAA;IACjC,sCAAiC,CAAA;IACjC,sCAAiC,CAAA;IACjC,sCAAiC,CAAA;IACjC,oCAA6B,CAAA;IAC7B,kDAAmC,CAAA;IACnC,gCAAiB,CAAA;IACjB,sCAAiC,CAAA;IACjC,wDAAyC,CAAA;IACzC,kCAAmB,CAAA;IACnB,qCAAsB,CAAA;IACtB,wCAAyB,CAAA;IACzB,yCAA0B,CAAA;IAC1B,gCAAiB,CAAA;IACjB,mCAA2B,CAAA;IAC3B,oCAA6B,CAAA;IAC7B,qCAAsB,CAAA;AACxB,CAAC,EAxBW,WAAW,KAAX,WAAW,QAwBtB","sourcesContent":["import { Palette } from './colors';\n\nexport enum DarkPalette {\n  PRIMARY_50 = Palette.PRIMARY_50,\n  PRIMARY_100 = Palette.PRIMARY_100,\n  PRIMARY_200 = Palette.PRIMARY_200,\n  PRIMARY_300 = Palette.PRIMARY_300,\n  MAIN = '#7A7CB6',\n  PRIMARY_600 = Palette.PRIMARY_600,\n  PRIMARY_700 = Palette.PRIMARY_700,\n  PRIMARY_800 = Palette.PRIMARY_800,\n  PRIMARY_900 = Palette.PRIMARY_900,\n  PRIMARY_950 = Palette.PRIMARY_950,\n  SECONDARY = Palette.SECONDARY,\n  WHITE = 'rgba(255, 255, 255, 0.87)',\n  BLACK = '#1A1A1F',\n  NEUTRAL_200 = Palette.NEUTRAL_200,\n  NEUTRAL_600 = 'rgba(255, 255, 255, 0.60)',\n  SUCCESS = '#82C5A9',\n  VALIDATION = '#FFD489',\n  VALIDATION_50 = '#FFFBF4',\n  VALIDATION_200 = '#FFEAC1',\n  ERROR = '#FF8486',\n  ERROR_50 = Palette.ERROR_50,\n  ERROR_200 = Palette.ERROR_200,\n  SECTION_BG = '#0E0E0E',\n}\n"]}

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

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

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

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

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

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

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

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

package/dist/src/utils/slottedClassName.js

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

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

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