tuix-webcomponents 0.62.0 → 0.64.0

package/dist/src/tuix-input/TuixInput.styles.js

@@ -1,296 +0,0 @@
-import { css, unsafeCSS } from 'lit';
-import { ScreenSizes } from '../utils/screenSizes.enum.js';
-import { Palette } from '../utils/colors.js';
-import { DarkPalette } from '../utils/darkColors.js';
-import { hexToRgb } from '../utils/hex-rgb.js';
-const inputVars = {
-    gapX: '10px',
-    iconDesktopSize: '1.5rem',
-    iconMobileSize: '1rem',
-    paddingX: '1.25rem',
-};
-const rgbDarkValidation = hexToRgb(DarkPalette.VALIDATION);
-const rgbDarkError = hexToRgb(DarkPalette.ERROR);
-export const hostStyles = css `
-  :host {
-    --t-field-color-form: ${unsafeCSS(Palette.PRIMARY_50)};
-    --t-field-color-title: ${unsafeCSS(Palette.PRIMARY_600)};
-    --t-field-color-text: ${unsafeCSS(Palette.BLACK)};
-    --t-field-color-description: ${unsafeCSS(Palette.NEUTRAL_600)};
-    --t-field-color-stroke-hover: ${unsafeCSS(Palette.PRIMARY_300)};
-    --t-field-color-stroke-focus: ${unsafeCSS(Palette.MAIN)};
-    --t-field-color-text-disabled: ${unsafeCSS(Palette.PRIMARY_300)};
-    --t-field-color-stroke-validation: ${unsafeCSS(Palette.VALIDATION_200)};
-    --t-field-color-bg-validation: ${unsafeCSS(Palette.VALIDATION_50)};
-    --t-field-color-stroke-loading: ${unsafeCSS(Palette.PRIMARY_300)};
-    --t-field-color-bg-error: ${unsafeCSS(Palette.ERROR_50)};
-    --t-field-color-stroke-error: ${unsafeCSS(Palette.ERROR_200)};
-    --t-field-input-cursor: auto;
-    --t-field-font-size: 1rem;
-    --t-field-font-weight: 300;
-    --t-field-line-height: 1.25rem;
-    --t-field-padding-x: 1.25rem;
-    --t-field-padding-y: 1.125rem;
-    --t-field-padding-top: 1.625rem;
-    --t-field-padding-bottom: 0.625rem;
-    --t-field-title-left-position: 1.25rem;
-  }
-  :host([dark]) {
-    --t-field-color-form: ${unsafeCSS(DarkPalette.PRIMARY_950)};
-    --t-field-color-text: ${unsafeCSS(DarkPalette.PRIMARY_100)};
-    --t-field-color-description: ${unsafeCSS(DarkPalette.NEUTRAL_200)};
-    --t-field-color-stroke-focus: ${unsafeCSS(DarkPalette.SECONDARY)};
-    --t-field-color-text-disabled: ${unsafeCSS(DarkPalette.PRIMARY_800)};
-    --t-field-color-stroke-validation: ${unsafeCSS(DarkPalette.VALIDATION_200)};
-    --t-field-color-bg-validation: rgba(
-      ${rgbDarkValidation.r},
-      ${rgbDarkValidation.g},
-      ${rgbDarkValidation.b},
-      0.2
-    );
-    --t-field-color-bg-error: rgba(
-      ${rgbDarkError.r},
-      ${rgbDarkError.g},
-      ${rgbDarkError.b},
-      0.2
-    );
-    --t-field-color-stroke-error: ${unsafeCSS(DarkPalette.ERROR_200)};
-  }
-`;
-export const inputComponentStyles = css `
-  .t-textarea-main-container {
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-    height: 100%;
-  }
-  .t-input-container {
-    position: relative;
-    --t-padding-x-desktop-with-icon: calc(
-      var(--t-field-padding-x) + ${unsafeCSS(inputVars.iconDesktopSize)} +
-        ${unsafeCSS(inputVars.gapX)}
-    );
-    --t-padding-x-mobile-with-icon: calc(
-      var(--t-field-padding-x) + ${unsafeCSS(inputVars.iconMobileSize)} +
-        ${unsafeCSS(inputVars.gapX)}
-    );
-    --t-border-size: 1px;
-  }
-  .t-input-container.t-textarea-container {
-    height: 100%;
-  }
-  .t-input {
-    padding: calc(var(--t-field-padding-y) - var(--t-border-size))
-      var(--t-field-padding-x);
-    border-radius: 4px;
-    font-family: 'Rubik', sans-serif;
-    cursor: var(--t-field-input-cursor);
-    width: 100%;
-    box-sizing: border-box;
-  }
-  .t-input.t-textarea {
-    height: 100%;
-    display: block;
-  }
-  .t-input.with-title {
-    padding-top: calc(var(--t-field-padding-top) - var(--t-border-size));
-    padding-bottom: calc(var(--t-field-padding-bottom) - var(--t-border-size));
-  }
-  .t-input.with-icon-right {
-    padding-right: var(--t-padding-x-desktop-with-icon);
-  }
-  @media only screen and (max-width: ${ScreenSizes.MOBILE}px) {
-    .t-input.with-icon-right {
-      padding-right: var(--t-padding-x-mobile-with-icon);
-    }
-  }
-`;
-export const inputFontStyles = css `
-  .t-input::placeholder,
-  .t-input,
-  .t-title {
-    font-size: var(--t-field-font-size);
-    font-weight: var(--t-field-font-weight);
-    line-height: var(--t-field-line-height);
-  }
-  @media only screen and (max-width: ${ScreenSizes.TABLET}px) {
-    :host {
-      --t-field-font-size: 0.813rem;
-      --t-field-line-height: 1.125rem;
-      --t-field-padding-y: 1.063rem;
-      --t-field-padding-top: 1.5rem;
-    }
-  }
-  @media only screen and (max-width: ${ScreenSizes.MOBILE}px) {
-    :host {
-      --t-field-font-size: 0.813rem;
-      --t-field-line-height: 1rem;
-      --t-field-padding-y: 1rem;
-      --t-field-padding-top: 1.375rem;
-    }
-  }
-`;
-export const inputColorStyles = css `
-  .t-input {
-    background-color: var(--t-field-color-form);
-    border: 1px solid var(--t-field-color-form);
-    color: var(--t-field-color-text);
-  }
-  .t-input-container:hover .t-input,
-  .t-input:hover {
-    border: 1px solid var(--t-field-color-stroke-hover);
-  }
-  .t-input:focus {
-    border: 1px solid var(--t-field-color-stroke-focus);
-    outline: 1px solid var(--t-field-color-stroke-focus);
-  }
-  .t-input[disabled]:disabled {
-    cursor: not-allowed;
-    border: 1px solid var(--t-field-color-form);
-    color: var(--t-field-color-text-disabled);
-  }
-  .t-input.with-title::placeholder {
-    color: transparent;
-  }
-  .t-input::placeholder,
-  .t-input.with-title:focus::placeholder {
-    color: var(--t-field-color-title);
-  }
-  .t-input.with-warning {
-    border: 1px solid var(--t-field-color-stroke-validation);
-    background-color: var(--t-field-color-bg-validation);
-  }
-  .t-input.with-error {
-    border: 1px solid var(--t-field-color-stroke-error);
-    background-color: var(--t-field-color-bg-error);
-  }
-  .t-input.with-loading {
-    border: 1px solid var(--t-field-color-stroke-loading);
-  }
-`;
-export const inputTitleStyles = css `
-  .t-title {
-    position: absolute;
-    top: 50%;
-    left: var(--t-field-title-left-position);
-    font-family: 'Rubik', sans-serif;
-    color: var(--t-field-color-title);
-    transform: translateY(-50%);
-    transition-duration: 0.3s;
-    pointer-events: none;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-  }
-  .t-textarea-container .t-title {
-    top: 1rem;
-    transform: none;
-  }
-  .t-input.with-title:focus + .t-title,
-  .t-input.with-title:not(:placeholder-shown) + .t-title {
-    font-size: 0.75rem;
-    font-weight: 300;
-    line-height: 0.875rem;
-    transform: translateY(0);
-    top: 0.5rem;
-  }
-`;
-export const inputIconStyles = css `
-  .t-input-container .t-icon-set-container {
-    height: ${unsafeCSS(inputVars.iconDesktopSize)};
-    width: ${unsafeCSS(inputVars.iconDesktopSize)};
-    cursor: var(--t-field-input-cursor);
-  }
-  .t-icon-set-container.t-icon-click {
-    cursor: pointer;
-  }
-  .t-input-container .t-icon-set-container.t-icon-right {
-    position: absolute;
-    top: 50%;
-    right: var(--t-field-padding-x);
-    transform: translateY(-50%);
-  }
-  .t-input-container .t-icon-set-container.t-icon-left {
-    position: absolute;
-    top: 50%;
-    left: var(--t-field-padding-x);
-    transform: translateY(-50%);
-  }
-  .t-icon-inactive {
-    display: inline;
-  }
-  .t-icon-active {
-    display: none;
-  }
-  .t-icon-disabled {
-    display: none;
-  }
-  .t-input-container:hover .t-icon-set-container .t-icon-inactive,
-  .t-input:hover ~ .t-icon-set-container .t-icon-inactive,
-  .t-input:focus ~ .t-icon-set-container .t-icon-inactive {
-    display: none;
-  }
-  .t-input-container:hover .t-icon-set-container .t-icon-active,
-  .t-input:hover ~ .t-icon-set-container .t-icon-active,
-  .t-input:focus ~ .t-icon-set-container .t-icon-active {
-    display: inline;
-  }
-  .t-input[disabled] ~ .t-icon-set-container .t-icon-active {
-    display: none;
-  }
-  .t-input[disabled] ~ .t-icon-set-container .t-icon-inactive {
-    display: none;
-  }
-  .t-input[disabled] ~ .t-icon-set-container .t-icon-disabled {
-    display: inline;
-    cursor: not-allowed;
-  }
-  @media only screen and (max-width: ${ScreenSizes.MOBILE}px) {
-    .t-input-container .t-icon-set-container {
-      height: ${unsafeCSS(inputVars.iconMobileSize)};
-      width: ${unsafeCSS(inputVars.iconMobileSize)};
-    }
-  }
-`;
-export const inputSearchStyles = css `
-  .t-input[type='search'] {
-    padding-left: var(--t-padding-x-desktop-with-icon);
-  }
-  .t-input[type='search'] + .t-title {
-    left: var(--t-padding-x-desktop-with-icon);
-  }
-  @media only screen and (max-width: ${ScreenSizes.MOBILE}px) {
-    .t-input[type='search'] {
-      padding-left: var(--t-padding-x-mobile-with-icon);
-    }
-    .t-input[type='search'] + .t-title {
-      left: var(--t-padding-x-mobile-with-icon);
-    }
-  }
-  input[type='search']::-webkit-search-decoration,
-  input[type='search']::-webkit-search-cancel-button,
-  input[type='search']::-webkit-search-results-button,
-  input[type='search']::-webkit-search-results-decoration {
-    display: none;
-  }
-`;
-export const inputDescriptionStyles = css `
-  .t-input-description-container {
-    margin-top: 0.5rem;
-    font-family: 'Rubik', sans-serif;
-    font-size: 0.75rem;
-    line-height: 1rem;
-    color: var(--t-field-color-description);
-    display: flex;
-    justify-content: space-between;
-  }
-  .t-input-description-container .t-letter-counter {
-    align-self: flex-end;
-  }
-  .t-input-description-container .t-input-description {
-    display: flex;
-    gap: 0.5rem;
-  }
-`;
-//# sourceMappingURL=TuixInput.styles.js.map

package/dist/src/tuix-input/TuixInput.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TuixInput.styles.js","sourceRoot":"","sources":["../../../src/tuix-input/TuixInput.styles.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, unsafeCSS } from 'lit';\nimport { ScreenSizes } from '../utils/screenSizes.enum';\nimport { Palette } from '../utils/colors';\nimport { DarkPalette } from '../utils/darkColors';\nimport { hexToRgb } from '../utils/hex-rgb';\n\nconst inputVars = {\n  gapX: '10px',\n  iconDesktopSize: '1.5rem',\n  iconMobileSize: '1rem',\n  paddingX: '1.25rem',\n};\n\nconst rgbDarkValidation = hexToRgb(DarkPalette.VALIDATION);\nconst rgbDarkError = hexToRgb(DarkPalette.ERROR);\n\nexport const hostStyles = css`\n  :host {\n    --t-field-color-form: ${unsafeCSS(Palette.PRIMARY_50)};\n    --t-field-color-title: ${unsafeCSS(Palette.PRIMARY_600)};\n    --t-field-color-text: ${unsafeCSS(Palette.BLACK)};\n    --t-field-color-description: ${unsafeCSS(Palette.NEUTRAL_600)};\n    --t-field-color-stroke-hover: ${unsafeCSS(Palette.PRIMARY_300)};\n    --t-field-color-stroke-focus: ${unsafeCSS(Palette.MAIN)};\n    --t-field-color-text-disabled: ${unsafeCSS(Palette.PRIMARY_300)};\n    --t-field-color-stroke-validation: ${unsafeCSS(Palette.VALIDATION_200)};\n    --t-field-color-bg-validation: ${unsafeCSS(Palette.VALIDATION_50)};\n    --t-field-color-stroke-loading: ${unsafeCSS(Palette.PRIMARY_300)};\n    --t-field-color-bg-error: ${unsafeCSS(Palette.ERROR_50)};\n    --t-field-color-stroke-error: ${unsafeCSS(Palette.ERROR_200)};\n    --t-field-input-cursor: auto;\n    --t-field-font-size: 1rem;\n    --t-field-font-weight: 300;\n    --t-field-line-height: 1.25rem;\n    --t-field-padding-x: 1.25rem;\n    --t-field-padding-y: 1.125rem;\n    --t-field-padding-top: 1.625rem;\n    --t-field-padding-bottom: 0.625rem;\n    --t-field-title-left-position: 1.25rem;\n  }\n  :host([dark]) {\n    --t-field-color-form: ${unsafeCSS(DarkPalette.PRIMARY_950)};\n    --t-field-color-text: ${unsafeCSS(DarkPalette.PRIMARY_100)};\n    --t-field-color-description: ${unsafeCSS(DarkPalette.NEUTRAL_200)};\n    --t-field-color-stroke-focus: ${unsafeCSS(DarkPalette.SECONDARY)};\n    --t-field-color-text-disabled: ${unsafeCSS(DarkPalette.PRIMARY_800)};\n    --t-field-color-stroke-validation: ${unsafeCSS(DarkPalette.VALIDATION_200)};\n    --t-field-color-bg-validation: rgba(\n      ${rgbDarkValidation.r},\n      ${rgbDarkValidation.g},\n      ${rgbDarkValidation.b},\n      0.2\n    );\n    --t-field-color-bg-error: rgba(\n      ${rgbDarkError.r},\n      ${rgbDarkError.g},\n      ${rgbDarkError.b},\n      0.2\n    );\n    --t-field-color-stroke-error: ${unsafeCSS(DarkPalette.ERROR_200)};\n  }\n`;\n\nexport const inputComponentStyles = css`\n  .t-textarea-main-container {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n  }\n  .t-input-container {\n    position: relative;\n    --t-padding-x-desktop-with-icon: calc(\n      var(--t-field-padding-x) + ${unsafeCSS(inputVars.iconDesktopSize)} +\n        ${unsafeCSS(inputVars.gapX)}\n    );\n    --t-padding-x-mobile-with-icon: calc(\n      var(--t-field-padding-x) + ${unsafeCSS(inputVars.iconMobileSize)} +\n        ${unsafeCSS(inputVars.gapX)}\n    );\n    --t-border-size: 1px;\n  }\n  .t-input-container.t-textarea-container {\n    height: 100%;\n  }\n  .t-input {\n    padding: calc(var(--t-field-padding-y) - var(--t-border-size))\n      var(--t-field-padding-x);\n    border-radius: 4px;\n    font-family: 'Rubik', sans-serif;\n    cursor: var(--t-field-input-cursor);\n    width: 100%;\n    box-sizing: border-box;\n  }\n  .t-input.t-textarea {\n    height: 100%;\n    display: block;\n  }\n  .t-input.with-title {\n    padding-top: calc(var(--t-field-padding-top) - var(--t-border-size));\n    padding-bottom: calc(var(--t-field-padding-bottom) - var(--t-border-size));\n  }\n  .t-input.with-icon-right {\n    padding-right: var(--t-padding-x-desktop-with-icon);\n  }\n  @media only screen and (max-width: ${ScreenSizes.MOBILE}px) {\n    .t-input.with-icon-right {\n      padding-right: var(--t-padding-x-mobile-with-icon);\n    }\n  }\n`;\n\nexport const inputFontStyles = css`\n  .t-input::placeholder,\n  .t-input,\n  .t-title {\n    font-size: var(--t-field-font-size);\n    font-weight: var(--t-field-font-weight);\n    line-height: var(--t-field-line-height);\n  }\n  @media only screen and (max-width: ${ScreenSizes.TABLET}px) {\n    :host {\n      --t-field-font-size: 0.813rem;\n      --t-field-line-height: 1.125rem;\n      --t-field-padding-y: 1.063rem;\n      --t-field-padding-top: 1.5rem;\n    }\n  }\n  @media only screen and (max-width: ${ScreenSizes.MOBILE}px) {\n    :host {\n      --t-field-font-size: 0.813rem;\n      --t-field-line-height: 1rem;\n      --t-field-padding-y: 1rem;\n      --t-field-padding-top: 1.375rem;\n    }\n  }\n`;\n\nexport const inputColorStyles = css`\n  .t-input {\n    background-color: var(--t-field-color-form);\n    border: 1px solid var(--t-field-color-form);\n    color: var(--t-field-color-text);\n  }\n  .t-input-container:hover .t-input,\n  .t-input:hover {\n    border: 1px solid var(--t-field-color-stroke-hover);\n  }\n  .t-input:focus {\n    border: 1px solid var(--t-field-color-stroke-focus);\n    outline: 1px solid var(--t-field-color-stroke-focus);\n  }\n  .t-input[disabled]:disabled {\n    cursor: not-allowed;\n    border: 1px solid var(--t-field-color-form);\n    color: var(--t-field-color-text-disabled);\n  }\n  .t-input.with-title::placeholder {\n    color: transparent;\n  }\n  .t-input::placeholder,\n  .t-input.with-title:focus::placeholder {\n    color: var(--t-field-color-title);\n  }\n  .t-input.with-warning {\n    border: 1px solid var(--t-field-color-stroke-validation);\n    background-color: var(--t-field-color-bg-validation);\n  }\n  .t-input.with-error {\n    border: 1px solid var(--t-field-color-stroke-error);\n    background-color: var(--t-field-color-bg-error);\n  }\n  .t-input.with-loading {\n    border: 1px solid var(--t-field-color-stroke-loading);\n  }\n`;\n\nexport const inputTitleStyles = css`\n  .t-title {\n    position: absolute;\n    top: 50%;\n    left: var(--t-field-title-left-position);\n    font-family: 'Rubik', sans-serif;\n    color: var(--t-field-color-title);\n    transform: translateY(-50%);\n    transition-duration: 0.3s;\n    pointer-events: none;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n  }\n  .t-textarea-container .t-title {\n    top: 1rem;\n    transform: none;\n  }\n  .t-input.with-title:focus + .t-title,\n  .t-input.with-title:not(:placeholder-shown) + .t-title {\n    font-size: 0.75rem;\n    font-weight: 300;\n    line-height: 0.875rem;\n    transform: translateY(0);\n    top: 0.5rem;\n  }\n`;\n\nexport const inputIconStyles = css`\n  .t-input-container .t-icon-set-container {\n    height: ${unsafeCSS(inputVars.iconDesktopSize)};\n    width: ${unsafeCSS(inputVars.iconDesktopSize)};\n    cursor: var(--t-field-input-cursor);\n  }\n  .t-icon-set-container.t-icon-click {\n    cursor: pointer;\n  }\n  .t-input-container .t-icon-set-container.t-icon-right {\n    position: absolute;\n    top: 50%;\n    right: var(--t-field-padding-x);\n    transform: translateY(-50%);\n  }\n  .t-input-container .t-icon-set-container.t-icon-left {\n    position: absolute;\n    top: 50%;\n    left: var(--t-field-padding-x);\n    transform: translateY(-50%);\n  }\n  .t-icon-inactive {\n    display: inline;\n  }\n  .t-icon-active {\n    display: none;\n  }\n  .t-icon-disabled {\n    display: none;\n  }\n  .t-input-container:hover .t-icon-set-container .t-icon-inactive,\n  .t-input:hover ~ .t-icon-set-container .t-icon-inactive,\n  .t-input:focus ~ .t-icon-set-container .t-icon-inactive {\n    display: none;\n  }\n  .t-input-container:hover .t-icon-set-container .t-icon-active,\n  .t-input:hover ~ .t-icon-set-container .t-icon-active,\n  .t-input:focus ~ .t-icon-set-container .t-icon-active {\n    display: inline;\n  }\n  .t-input[disabled] ~ .t-icon-set-container .t-icon-active {\n    display: none;\n  }\n  .t-input[disabled] ~ .t-icon-set-container .t-icon-inactive {\n    display: none;\n  }\n  .t-input[disabled] ~ .t-icon-set-container .t-icon-disabled {\n    display: inline;\n    cursor: not-allowed;\n  }\n  @media only screen and (max-width: ${ScreenSizes.MOBILE}px) {\n    .t-input-container .t-icon-set-container {\n      height: ${unsafeCSS(inputVars.iconMobileSize)};\n      width: ${unsafeCSS(inputVars.iconMobileSize)};\n    }\n  }\n`;\n\nexport const inputSearchStyles = css`\n  .t-input[type='search'] {\n    padding-left: var(--t-padding-x-desktop-with-icon);\n  }\n  .t-input[type='search'] + .t-title {\n    left: var(--t-padding-x-desktop-with-icon);\n  }\n  @media only screen and (max-width: ${ScreenSizes.MOBILE}px) {\n    .t-input[type='search'] {\n      padding-left: var(--t-padding-x-mobile-with-icon);\n    }\n    .t-input[type='search'] + .t-title {\n      left: var(--t-padding-x-mobile-with-icon);\n    }\n  }\n  input[type='search']::-webkit-search-decoration,\n  input[type='search']::-webkit-search-cancel-button,\n  input[type='search']::-webkit-search-results-button,\n  input[type='search']::-webkit-search-results-decoration {\n    display: none;\n  }\n`;\n\nexport const inputDescriptionStyles = css`\n  .t-input-description-container {\n    margin-top: 0.5rem;\n    font-family: 'Rubik', sans-serif;\n    font-size: 0.75rem;\n    line-height: 1rem;\n    color: var(--t-field-color-description);\n    display: flex;\n    justify-content: space-between;\n  }\n  .t-input-description-container .t-letter-counter {\n    align-self: flex-end;\n  }\n  .t-input-description-container .t-input-description {\n    display: flex;\n    gap: 0.5rem;\n  }\n`;\n"]}

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

@@ -1,38 +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 InputType {
-    TEXT = "text",
-    SEARCH = "search",
-    PASSWORD = "password",
-    TEXT_AREA = "textarea"
-}
-export declare enum InputIconLocation {
-    LEFT = "left",
-    RIGHT = "right"
-}
-export declare enum DescriptionType {
-    TEXT = "text",
-    WARNING = "warning",
-    ERROR = "error",
-    SUCCESS = "success",
-    LOADING = "loading"
-}
-export declare const IconByDescriptionType: {
-    warning: IconName;
-    error: IconName;
-    success: IconName;
-    loading: IconName;
-};
-export declare const IconDescriptionColorLight: {
-    warning: Palette;
-    error: Palette;
-    success: Palette;
-    loading: Palette;
-};
-export declare const IconDescriptionColorDark: {
-    warning: DarkPalette;
-    error: DarkPalette;
-    success: DarkPalette;
-    loading: DarkPalette;
-};

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

@@ -1,42 +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 InputType;
-(function (InputType) {
-    InputType["TEXT"] = "text";
-    InputType["SEARCH"] = "search";
-    InputType["PASSWORD"] = "password";
-    InputType["TEXT_AREA"] = "textarea";
-})(InputType || (InputType = {}));
-export var InputIconLocation;
-(function (InputIconLocation) {
-    InputIconLocation["LEFT"] = "left";
-    InputIconLocation["RIGHT"] = "right";
-})(InputIconLocation || (InputIconLocation = {}));
-export var DescriptionType;
-(function (DescriptionType) {
-    DescriptionType["TEXT"] = "text";
-    DescriptionType["WARNING"] = "warning";
-    DescriptionType["ERROR"] = "error";
-    DescriptionType["SUCCESS"] = "success";
-    DescriptionType["LOADING"] = "loading";
-})(DescriptionType || (DescriptionType = {}));
-export const IconByDescriptionType = {
-    [DescriptionType.WARNING]: IconName.TRIANGLE_EXCLAMATION,
-    [DescriptionType.ERROR]: IconName.CIRCLE_X,
-    [DescriptionType.SUCCESS]: IconName.CIRCLE_CHECK,
-    [DescriptionType.LOADING]: IconName.LOADER,
-};
-export const IconDescriptionColorLight = {
-    [DescriptionType.WARNING]: Palette.VALIDATION,
-    [DescriptionType.ERROR]: Palette.ERROR,
-    [DescriptionType.SUCCESS]: Palette.SUCCESS,
-    [DescriptionType.LOADING]: Palette.PRIMARY_300,
-};
-export const IconDescriptionColorDark = {
-    [DescriptionType.WARNING]: DarkPalette.VALIDATION,
-    [DescriptionType.ERROR]: DarkPalette.ERROR,
-    [DescriptionType.SUCCESS]: DarkPalette.SUCCESS,
-    [DescriptionType.LOADING]: DarkPalette.PRIMARY_300,
-};
-//# sourceMappingURL=tuix-input.enums.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"tuix-input.enums.js","sourceRoot":"","sources":["../../../../src/tuix-input/enums/tuix-input.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,SAKX;AALD,WAAY,SAAS;IACnB,0BAAa,CAAA;IACb,8BAAiB,CAAA;IACjB,kCAAqB,CAAA;IACrB,mCAAsB,CAAA;AACxB,CAAC,EALW,SAAS,KAAT,SAAS,QAKpB;AAED,MAAM,CAAN,IAAY,iBAGX;AAHD,WAAY,iBAAiB;IAC3B,kCAAa,CAAA;IACb,oCAAe,CAAA;AACjB,CAAC,EAHW,iBAAiB,KAAjB,iBAAiB,QAG5B;AAED,MAAM,CAAN,IAAY,eAMX;AAND,WAAY,eAAe;IACzB,gCAAa,CAAA;IACb,sCAAmB,CAAA;IACnB,kCAAe,CAAA;IACf,sCAAmB,CAAA;IACnB,sCAAmB,CAAA;AACrB,CAAC,EANW,eAAe,KAAf,eAAe,QAM1B;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE,QAAQ,CAAC,oBAAoB;IACxD,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC,QAAQ;IAC1C,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE,QAAQ,CAAC,YAAY;IAChD,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE,QAAQ,CAAC,MAAM;CAC3C,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACvC,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,UAAU;IAC7C,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,KAAK;IACtC,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,OAAO;IAC1C,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,WAAW;CAC/C,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG;IACtC,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC,UAAU;IACjD,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,KAAK;IAC1C,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC,OAAO;IAC9C,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC,WAAW;CACnD,CAAC","sourcesContent":["import { IconName } from '../../tuix-icon/enums/tuix-icon.enums';\nimport { Palette } from '../../utils/colors';\nimport { DarkPalette } from '../../utils/darkColors';\n\nexport enum InputType {\n  TEXT = 'text',\n  SEARCH = 'search',\n  PASSWORD = 'password',\n  TEXT_AREA = 'textarea',\n}\n\nexport enum InputIconLocation {\n  LEFT = 'left',\n  RIGHT = 'right',\n}\n\nexport enum DescriptionType {\n  TEXT = 'text',\n  WARNING = 'warning',\n  ERROR = 'error',\n  SUCCESS = 'success',\n  LOADING = 'loading',\n}\n\nexport const IconByDescriptionType = {\n  [DescriptionType.WARNING]: IconName.TRIANGLE_EXCLAMATION,\n  [DescriptionType.ERROR]: IconName.CIRCLE_X,\n  [DescriptionType.SUCCESS]: IconName.CIRCLE_CHECK,\n  [DescriptionType.LOADING]: IconName.LOADER,\n};\n\nexport const IconDescriptionColorLight = {\n  [DescriptionType.WARNING]: Palette.VALIDATION,\n  [DescriptionType.ERROR]: Palette.ERROR,\n  [DescriptionType.SUCCESS]: Palette.SUCCESS,\n  [DescriptionType.LOADING]: Palette.PRIMARY_300,\n};\n\nexport const IconDescriptionColorDark = {\n  [DescriptionType.WARNING]: DarkPalette.VALIDATION,\n  [DescriptionType.ERROR]: DarkPalette.ERROR,\n  [DescriptionType.SUCCESS]: DarkPalette.SUCCESS,\n  [DescriptionType.LOADING]: DarkPalette.PRIMARY_300,\n};\n"]}

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

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

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

@@ -1,7 +0,0 @@
-export var InputState;
-(function (InputState) {
-    InputState["INACTIVE"] = "inactive";
-    InputState["ACTIVE"] = "active";
-    InputState["DISABLED"] = "disabled";
-})(InputState || (InputState = {}));
-//# sourceMappingURL=tuix-input.interface.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"tuix-input.interface.js","sourceRoot":"","sources":["../../../../src/tuix-input/interfaces/tuix-input.interface.ts"],"names":[],"mappings":"AAMA,MAAM,CAAN,IAAY,UAIX;AAJD,WAAY,UAAU;IACpB,mCAAqB,CAAA;IACrB,+BAAiB,CAAA;IACjB,mCAAqB,CAAA;AACvB,CAAC,EAJW,UAAU,KAAV,UAAU,QAIrB","sourcesContent":["import { IconName } from '../../tuix-icon/enums/tuix-icon.enums';\nimport { DetailValue } from '../../utils/interfaces/detail-value.interface';\nimport { InputIconLocation } from '../enums/tuix-input.enums';\nimport { DarkPalette } from '../../utils/darkColors';\nimport { Palette } from '../../utils/colors';\n\nexport enum InputState {\n  INACTIVE = 'inactive',\n  ACTIVE = 'active',\n  DISABLED = 'disabled',\n}\nexport interface FormatIconSetParams {\n  iconName: IconName;\n  colorByState: Record<InputState, DarkPalette | Palette>;\n  location?: InputIconLocation;\n  clickHandler?: (e: MouseEvent) => void;\n}\n\nexport type CustomEventTuixInput = CustomEvent<DetailValue<string>>;\n"]}

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"TuixLink.js","sourceRoot":"","sources":["../../../src/tuix-link/TuixLink.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAa,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAG9D,IAAa,QAAQ,GAArB,MAAa,QAAS,SAAQ,UAAU;IAAxC;;QAOE,WAAM,GAAG,UAAU,CAAC,KAAK,CAAC;QAG1B,YAAO,GAAG,WAAW,CAAC,OAAO,CAAC;QAG9B,aAAQ,GAAG,KAAK,CAAC;QAGjB,SAAI,GAAG,KAAK,CAAC;IAsCf,CAAC;IApCS,YAAY;QAClB,OAAO;YACL,IAAI,EAAE,IAAI;YACV,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,IAAI,CAAC,OAAO,KAAK,WAAW,CAAC,SAAS;SAChE,CAAC;IACJ,CAAC;IAEO,eAAe;QACrB,OAAO,IAAI,CAAA;;kBAEG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM;iBAC9C,QAAQ,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;gBAC9B,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI;;;;KAI3D,CAAC;IACJ,CAAC;IAEO,YAAY;QAClB,OAAO,IAAI,CAAA;oBACK,QAAQ,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;;;KAG5C,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,MAAM,aAAa,GAAG,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;QAClD,IAAI,aAAa,EAAE;YACjB,OAAO,IAAI,CAAC,eAAe,EAAE,CAAC;SAC/B;aAAM;YACL,OAAO,IAAI,CAAC,YAAY,EAAE,CAAC;SAC5B;IACH,CAAC;;AApDM,eAAM,GAAG,CAAC,UAAU,EAAE,cAAc,CAAC,AAA/B,CAAgC;AAG7C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sCACb;AAGd;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;wCACL;AAG1B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yCACjB;AAG9B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CAC1B;AAGjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sCAC9B;AAhBF,QAAQ;IADpB,aAAa,CAAC,WAAW,CAAC;GACd,QAAQ,CAsDpB;SAtDY,QAAQ","sourcesContent":["import { html, LitElement, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { MainVariant } from '../utils/mainVariant.enum';\nimport { LinkTarget } from './enums/linkTarget.enum';\nimport { ClassInfo, classMap } from 'lit/directives/class-map.js';\nimport { linkStyles } from './TuixLink.styles';\nimport { linkFontStyles } from '../tuix-text/TuixText.styles';\n\n@customElement('tuix-link')\nexport class TuixLink extends LitElement {\n  static styles = [linkStyles, linkFontStyles];\n\n  @property({ type: String })\n  href?: string;\n\n  @property({ type: LinkTarget })\n  target = LinkTarget.BLANK;\n\n  @property({ type: MainVariant, reflect: true })\n  variant = MainVariant.PRIMARY;\n\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  @property({ type: Boolean, reflect: true })\n  dark = false;\n\n  private _getClassMap(): ClassInfo {\n    return {\n      link: true,\n      disabled: this.disabled,\n      [MainVariant.SECONDARY]: this.variant === MainVariant.SECONDARY,\n    };\n  }\n\n  private _anchorTemplate(): TemplateResult {\n    return html`\n      <a\n        target=\"${this.disabled ? LinkTarget.SELF : this.target}\"\n        class=\"${classMap(this._getClassMap())}\"\n        href=\"${this.disabled ? 'javascript:void(0)' : this.href}\"\n      >\n        <slot></slot>\n      </a>\n    `;\n  }\n\n  private _divTemplate(): TemplateResult {\n    return html`\n      <div class=\"${classMap(this._getClassMap())}\">\n        <slot></slot>\n      </div>\n    `;\n  }\n\n  render() {\n    const isValidAnchor = this.href && !this.disabled;\n    if (isValidAnchor) {\n      return this._anchorTemplate();\n    } else {\n      return this._divTemplate();\n    }\n  }\n}\n"]}

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"TuixLink.styles.js","sourceRoot":"","sources":["../../../src/tuix-link/TuixLink.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,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,MAAM,CAAC,MAAM,wBAAwB,GAAG,qBAAqB,CAAC;AAE9D,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;IACzB,SAAS,CAAC;;6BAEe,OAAO,CAAC,IAAI;MACnC,wBAAwB,KAAK,OAAO,CAAC,IAAI;;;;6BAIlB,WAAW,CAAC,IAAI;MACvC,wBAAwB,KAAK,WAAW,CAAC,IAAI;;;mBAGhC,WAAW,CAAC,SAAS;6BACX,OAAO,CAAC,KAAK;MACpC,wBAAwB,KAAK,OAAO,CAAC,KAAK;;;mBAG7B,WAAW,CAAC,SAAS;6BACX,WAAW,CAAC,KAAK;MACxC,wBAAwB,KAAK,WAAW,CAAC,KAAK;;;;6BAIvB,OAAO,CAAC,WAAW;MAC1C,wBAAwB,KAAK,OAAO,CAAC,WAAW;;;;;;iBAMrC,wBAAwB;;;;;;;;iBAQxB,wBAAwB;;;;;;;iBAOxB,wBAAwB;;;CAGxC,CAAC;CACD,CAAC","sourcesContent":["import { css, unsafeCSS } from 'lit';\nimport { MainVariant } from '../utils/mainVariant.enum';\nimport { Palette } from '../utils/colors';\nimport { DarkPalette } from '../utils/darkColors';\n\nexport const LINK_TEXT_COLOR_VAR_NAME = '--t-link-text-color';\n\nexport const linkStyles = css`\n  ${unsafeCSS(`\n  :host {\n    --t-link-border-color: ${Palette.MAIN};\n    ${LINK_TEXT_COLOR_VAR_NAME}: ${Palette.MAIN}\n  }\n\n  :host([dark]) {\n    --t-link-border-color: ${DarkPalette.MAIN};\n    ${LINK_TEXT_COLOR_VAR_NAME}: ${DarkPalette.MAIN}\n  }\n\n  :host([variant=${MainVariant.SECONDARY}]) {\n    --t-link-border-color: ${Palette.WHITE};\n    ${LINK_TEXT_COLOR_VAR_NAME}: ${Palette.WHITE}\n  }\n\n  :host([variant=${MainVariant.SECONDARY}][dark]) {\n    --t-link-border-color: ${DarkPalette.WHITE};\n    ${LINK_TEXT_COLOR_VAR_NAME}: ${DarkPalette.WHITE}\n  }\n\n  :host([disabled]) .link.disabled {\n    --t-link-border-color: ${Palette.PRIMARY_300};\n    ${LINK_TEXT_COLOR_VAR_NAME}: ${Palette.PRIMARY_300}\n  }\n\n  .link {    \n    text-decoration: none;\n    display: inline;\n    color: var(${LINK_TEXT_COLOR_VAR_NAME});\n    border-bottom: solid 1px var(--t-link-border-active-color, transparent);\n  }\n  .link:hover {\n    border-bottom: solid 1px var(--t-link-border-color);\n    cursor: pointer;\n  }\n  .link.secondary {\n    color: var(${LINK_TEXT_COLOR_VAR_NAME});\n  }\n  .link.secondary:hover {\n    border-bottom: solid 1px var(--t-link-border-color);\n  }  \n  .link.disabled {\n    border-bottom: solid 1px var(--t-link-border-color);\n    color: var(${LINK_TEXT_COLOR_VAR_NAME});\n    cursor: not-allowed;\n  }  \n`)}\n`;\n"]}

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

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

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

@@ -1,8 +0,0 @@
-export var LinkTarget;
-(function (LinkTarget) {
-    LinkTarget["BLANK"] = "_blank";
-    LinkTarget["SELF"] = "_self";
-    LinkTarget["PARENT"] = "_parent";
-    LinkTarget["TOP"] = "_top";
-})(LinkTarget || (LinkTarget = {}));
-//# sourceMappingURL=linkTarget.enum.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"linkTarget.enum.js","sourceRoot":"","sources":["../../../../src/tuix-link/enums/linkTarget.enum.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,UAKX;AALD,WAAY,UAAU;IACpB,8BAAgB,CAAA;IAChB,4BAAc,CAAA;IACd,gCAAkB,CAAA;IAClB,0BAAY,CAAA;AACd,CAAC,EALW,UAAU,KAAV,UAAU,QAKrB","sourcesContent":["export enum LinkTarget {\n  BLANK = '_blank',\n  SELF = '_self',\n  PARENT = '_parent',\n  TOP = '_top',\n}\n"]}

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

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