tuix-webcomponents 0.62.0 → 0.64.0

package/package.json

@@ -1,50 +1,35 @@
 {
-  "name": "tuix-webcomponents",
-  "description": "Webcomponent tuix-webcomponents following open-wc recommendations",
-  "license": "MIT",
   "author": "tuix-webcomponents",
-  "version": "0.62.0",
-  "type": "module",
-  "main": "dist/src/index.js",
-  "module": "dist/src/index.js",
-  "exports": {
-    ".": "./dist/src/index.js",
-    "./tuix-webcomponents.js": "./dist/src/index.js",
-    "./dist/assets/tuix-styles.css": "./dist/assets/tuix-styles.css"
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
   },
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "prepare": "husky install",
-    "analyze": "cem analyze --litelement",
-    "start": "rm -rf build && tsc --outDir build && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wds\"",
-    "build": "rm -rf dist && tsc -p tsconfig.publish.json && npm run analyze -- --exclude dist && npm run build:css && tsc-esm-fix dist",
-    "build:css": "mkdir -p dist/assets && npm run compileStylesJss --silent > dist/assets/tuix-styles.css",
-    "compileStylesJss": "ts-node --project tsconfig.scripts.json ./scripts/build-styles.ts",
-    "createWebbundle": "ts-node --project tsconfig.scripts.json ./scripts/build-webbundle.ts",
-    "prepublish": "rm -rf dist && tsc -p tsconfig.publish.json && npm run analyze -- --exclude dist",
-    "publish:local": "./scripts/publish-local-npm.sh",
-    "calculateNextVersion": "ts-node --project tsconfig.scripts.json ./scripts/detect-changes.ts",
-    "lint": "eslint --ext .ts,.html . --ignore-path .gitignore && prettier \"**/*.ts\" --check --ignore-path .gitignore",
-    "format": "prettier --write './**/*.{mjs,js,ts,tsx,vue}'",
-    "format:check": "prettier --check \"**/**/*.ts\" ",
-    "storybook": "rm -rf build && tsc --outDir build && npm run analyze -- --exclude dist && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wds -c .storybook/server.mjs\"",
-    "storybook:build": "rm -rf build && tsc --outDir build && npm run analyze -- --exclude dist && build-storybook"
+  "customElements": "custom-elements.json",
+  "dependencies": {
+    "countries-list": "^3.0.6",
+    "lit": "^2.7.2"
   },
+  "description": "Webcomponent tuix-webcomponents following open-wc recommendations",
   "devDependencies": {
+    "@chromatic-com/storybook": "^4.1.1",
     "@commitlint/cli": "^17.6.1",
     "@commitlint/config-conventional": "^17.6.1",
     "@custom-elements-manifest/analyzer": "^0.8.0",
-    "@open-wc/eslint-config": "^10.0.0",
+    "@eslint/eslintrc": "^3.3.1",
+    "@eslint/js": "^9.37.0",
+    "@storybook/addon-a11y": "^9.1.10",
+    "@storybook/addon-docs": "^9.1.10",
+    "@storybook/addon-vitest": "^9.1.10",
+    "@storybook/web-components-vite": "^9.1.10",
+    "@types/debug": "^4.1.12",
     "@types/semver": "^7.5.0",
     "@types/uuid": "^10.0.0",
     "@typescript-eslint/eslint-plugin": "^5.59.1",
     "@typescript-eslint/parser": "^5.59.1",
-    "@web/dev-server": "^0.1.38",
-    "@web/dev-server-storybook": "^0.6.2",
+    "@vitest/browser": "^3.2.4",
+    "@vitest/coverage-v8": "^3.2.4",
     "commitlint": "^17.6.1",
-    "concurrently": "^8.0.1",
     "esbuild": "0.19.6",
     "eslint": "^8.39.0",
     "eslint-config-prettier": "^8.8.0",
@@ -53,64 +38,103 @@
     "eslint-plugin-n": "^15.7.0",
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-promise": "^6.1.1",
+    "eslint-plugin-storybook": "^9.1.10",
     "husky": "^8.0.3",
     "jss": "^10.10.0",
     "jss-plugin-global": "^10.10.0",
     "lint-staged": "^13.2.1",
+    "playwright": "^1.55.1",
     "prettier": "^2.8.8",
     "semver": "^7.5.4",
-    "tsc-esm-fix": "^3.1.2",
+    "storybook": "^9.1.10",
+    "stylelint": "^16.25.0",
+    "stylelint-config-standard-scss": "^16.0.0",
     "tslib": "^2.5.0",
-    "typescript": "^5.0.4",
-    "uuid": "^10.0.0"
+    "tsx": "^4.20.6",
+    "typescript": "~5.9.3",
+    "uuid": "^10.0.0",
+    "vite": "^7.1.7",
+    "vitest": "^3.2.4"
   },
-  "customElements": "custom-elements.json",
   "eslintConfig": {
-    "parser": "@typescript-eslint/parser",
     "extends": [
       "@open-wc",
       "prettier"
     ],
+    "parser": "@typescript-eslint/parser",
     "plugins": [
       "@typescript-eslint"
     ],
     "rules": {
-      "no-unused-vars": "off",
       "@typescript-eslint/no-unused-vars": [
         "error"
       ],
-      "import/no-unresolved": "off",
       "import/extensions": [
         "error",
         "always",
         {
           "ignorePackages": true
         }
-      ]
+      ],
+      "import/no-unresolved": "off",
+      "no-unused-vars": "off"
     }
   },
-  "prettier": {
-    "singleQuote": true,
-    "arrowParens": "avoid"
+  "exports": {
+    ".": "./dist/src/index.js",
+    "./dist/assets/tuix-styles.css": "./dist/assets/tuix-styles.css",
+    "./tuix-webcomponents.js": "./dist/src/index.js"
   },
+  "files": [
+    "dist"
+  ],
   "husky": {
     "hooks": {
       "pre-commit": "lint-staged"
     }
   },
+  "license": "MIT",
   "lint-staged": {
+    "*.scss": [
+      "stylelint --fix",
+      "prettier --write"
+    ],
+    "*.{gql,graphql,mjs,js,jsx,ts,tsx,json}": [
+      "eslint --quiet --fix"
+    ],
+    "*.{tf,tfvars,tftest.hcl}": [
+      "terraform fmt -recursive"
+    ],
     "*.{ts,tsx}": [
       "npm run format",
       "npm run lint"
     ]
   },
-  "commitlint": {
-    "extends": [
-      "@commitlint/config-conventional"
-    ]
+  "main": "dist/src/index.js",
+  "module": "dist/src/index.js",
+  "name": "tuix-webcomponents",
+  "prettier": {
+    "arrowParens": "avoid",
+    "singleQuote": true
   },
-  "dependencies": {
-    "countries-list": "^3.0.6",
-    "lit": "^2.7.2"
-  }
+  "scripts": {
+    "analyze": "cem analyze --litelement",
+    "build": "rm -rf dist && tsc -p tsconfig.publish.json && npm run analyze -- --exclude dist && npm run build:css",
+    "build:css": "mkdir -p dist/assets && npm run compileStylesJss --silent -- dist/assets/tuix-styles.css",
+    "calculateNextVersion": "tsx ./scripts/detect-changes.ts",
+    "compileStylesJss": "tsx ./scripts/build-styles.ts",
+    "createWebbundle": "tsx ./scripts/build-webbundle.ts",
+    "format": "prettier --write './**/*.{mjs,js,ts,tsx,vue}'",
+    "format:check": "prettier --check \"**/**/*.ts\" ",
+    "lint": "eslint './src/**/*.{ts,tsx}' --fix",
+    "prepare": "husky install",
+    "prepublish": "rm -rf dist && tsc -p tsconfig.publish.json && npm run analyze -- --exclude dist",
+    "publish:local": "./scripts/publish-local-npm.sh",
+    "start": "rm -rf build && tsc --outDir build && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wds\"",
+    "storybook": "rm -rf build && npm run analyze -- --exclude dist && storybook dev -p 6006",
+    "storybook:build": "rm -rf dist && npm run analyze -- --exclude dist && storybook build -o dist",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "type": "module",
+  "version": "0.64.0"
 }

package/dist/assets/tuix-styles.css

@@ -1,58 +0,0 @@
-:root {
-  --tuix-light-color-primary-50: #F5F5FA;
-  --tuix-light-color-primary-100: #EBEAF4;
-  --tuix-light-color-primary-200: #D1D1E6;
-  --tuix-light-color-primary-300: #A8A9D1;
-  --tuix-light-color-primary-400: #7A7CB6;
-  --tuix-light-color-main: #585A9D;
-  --tuix-light-color-dark-main: #33355B;
-  --tuix-light-color-primary-600: #454584;
-  --tuix-light-color-primary-700: #3A396B;
-  --tuix-light-color-primary-800: #32325A;
-  --tuix-light-color-primary-900: #2E2D4D;
-  --tuix-light-color-primary-950: #1F1E33;
-  --tuix-light-color-secondary: #BBADFF;
-  --tuix-light-color-white: #FFFFFF;
-  --tuix-light-color-black: #121212;
-  --tuix-light-color-neutral-200: #C9C8D3;
-  --tuix-light-color-neutral-600: #8A8894;
-  --tuix-light-color-success: #439F6E;
-  --tuix-light-color-success-50: #F1F9F5;
-  --tuix-light-color-validation: #FFB82E;
-  --tuix-light-color-validation-50: #FFFBF4;
-  --tuix-light-color-validation-200: #FFEAC1;
-  --tuix-light-color-error: #F93232;
-  --tuix-light-color-error-50: #FFF5F5;
-  --tuix-light-color-error-200: #FFD8D8;
-  --tuix-light-color-section-bg: #FAFAFA;
-  --tuix-light-color-shadow: rgba(66, 79, 101, 0.16);
-  --tuix-dark-color-primary-50: #F5F5FA;
-  --tuix-dark-color-primary-100: #EBEAF4;
-  --tuix-dark-color-primary-200: #D1D1E6;
-  --tuix-dark-color-primary-300: #A8A9D1;
-  --tuix-dark-color-main: #7A7CB6;
-  --tuix-dark-color-dark-main: #33355B;
-  --tuix-dark-color-primary-600: #454584;
-  --tuix-dark-color-primary-700: #3A396B;
-  --tuix-dark-color-primary-800: #32325A;
-  --tuix-dark-color-primary-900: #2E2D4D;
-  --tuix-dark-color-primary-950: #1F1E33;
-  --tuix-dark-color-secondary: #BBADFF;
-  --tuix-dark-color-white: rgba(255, 255, 255, 0.87);
-  --tuix-dark-color-black: #121212;
-  --tuix-dark-color-neutral-200: #C9C8D3;
-  --tuix-dark-color-neutral-600: rgba(255, 255, 255, 0.60);
-  --tuix-dark-color-success: #82C5A9;
-  --tuix-dark-color-success-50: rgba(241, 249, 245, 0.30);
-  --tuix-dark-color-validation: #FFD489;
-  --tuix-dark-color-validation-50: rgba(255, 212, 137, 0.20);
-  --tuix-dark-color-validation-200: #FFEAC1;
-  --tuix-dark-color-error: #FF8486;
-  --tuix-dark-color-error-50: rgba(255, 132, 134, 0.20);
-  --tuix-dark-color-error-200: #FFD8D8;
-  --tuix-dark-color-section-bg: #0E0E0E;
-  --tuix-dark-color-elevation-1: #17171A;
-  --tuix-dark-color-elevation-2: #1A1A1F;
-  --tuix-dark-color-elevation-3: #1D1E24;
-  --tuix-dark-color-elevation-4: #212128;
-}

package/dist/src/index.d.ts

@@ -1,36 +0,0 @@
-export { CustomEventTuixButton } from './tuix-button/interfaces/tuix-button.interface.js';
-export { CustomEventTuixCheckbox, DetailValueCheckbox, } from './tuix-checkbox/interfaces/tuix-checkbox.interface.js';
-export { CustomEventTuixDropdownInput, CustomEventTuixDropdownSelect, TuixDropdownOption, TuixDropdownObjectOption, TuixDropdownPlainOption, } from './tuix-dropdown/interfaces/tuix-dropdown.interface.js';
-export { CustomEventTuixInput } from './tuix-input/interfaces/tuix-input.interface.js';
-export { CustomEventTuixRadioButton } from './tuix-radio-button/interfaces/tuix-radio-button.interface.js';
-export { CustomEventTuixToggle } from './tuix-toggle-button/interfaces/tuix-toggle.interface.js';
-export { DetailValue } from './utils/interfaces/detail-value.interface.js';
-export { TuixText } from './tuix-text/TuixText.js';
-export { TuixIcon } from './tuix-icon/TuixIcon.js';
-export { TuixButton } from './tuix-button/TuixButton.js';
-export { TuixPaper } from './tuix-paper/TuixPaper.js';
-export { TuixIconButton } from './tuix-icon-button/TuixIconButton.js';
-export { TuixLink } from './tuix-link/TuixLink.js';
-export { TuixInput } from './tuix-input/TuixInput.js';
-export { TuixDropdown } from './tuix-dropdown/TuixDropdown.js';
-export { TuixCheckbox } from './tuix-checkbox/TuixCheckbox.js';
-export { TuixRadioButton } from './tuix-radio-button/TuixRadioButton.js';
-export { TuixToggleButton } from './tuix-toggle-button/TuixToggleButton.js';
-export { TuixTable } from './tuix-table/TuixTable.js';
-export { IDataTableHeader, TuixTableElement, } from './tuix-table/interfaces/tuix-table.interface.js';
-export { TuixToast } from './tuix-toast/TuixToast.js';
-export { TuixModal } from './tuix-modal/TuixModal.js';
-export { ToastType } from './tuix-toast/enums/tuix-toast.enums.js';
-export { TextSize, TextVariant } from './tuix-text/enums/tuix-text.enums.js';
-export { MainVariant } from './utils/mainVariant.enum.js';
-export { CheckboxLabelSide } from './tuix-checkbox/enums/tuix-checkbox.enums.js';
-export { PaperElevation } from './tuix-paper/enums/tuix-paper.enum.js';
-export { LinkTarget } from './tuix-link/enums/linkTarget.enum.js';
-export { IconName, IconSizeVariant, } from './tuix-icon/enums/tuix-icon.enums.js';
-export { DescriptionType, InputType, } from './tuix-input/enums/tuix-input.enums.js';
-export { Palette } from './utils/colors.js';
-export { DarkPalette } from './utils/darkColors.js';
-export { DropdownType } from './tuix-dropdown/enums/tuix-dropdown.enums.js';
-export { BorderRadiusPaper } from './tuix-paper/enums/tuix-paper.enum.js';
-export { ScreenSizes } from './utils/screenSizes.enum.js';
-export declare function loadFonts(): void;

package/dist/src/index.js

@@ -1,43 +0,0 @@
-export { TuixText } from './tuix-text/TuixText.js';
-export { TuixIcon } from './tuix-icon/TuixIcon.js';
-export { TuixButton } from './tuix-button/TuixButton.js';
-export { TuixPaper } from './tuix-paper/TuixPaper.js';
-export { TuixIconButton } from './tuix-icon-button/TuixIconButton.js';
-export { TuixLink } from './tuix-link/TuixLink.js';
-export { TuixInput } from './tuix-input/TuixInput.js';
-export { TuixDropdown } from './tuix-dropdown/TuixDropdown.js';
-export { TuixCheckbox } from './tuix-checkbox/TuixCheckbox.js';
-export { TuixRadioButton } from './tuix-radio-button/TuixRadioButton.js';
-export { TuixToggleButton } from './tuix-toggle-button/TuixToggleButton.js';
-export { TuixTable } from './tuix-table/TuixTable.js';
-export { TuixToast } from './tuix-toast/TuixToast.js';
-export { TuixModal } from './tuix-modal/TuixModal.js';
-export { ToastType } from './tuix-toast/enums/tuix-toast.enums.js';
-export { TextSize, TextVariant } from './tuix-text/enums/tuix-text.enums.js';
-export { MainVariant } from './utils/mainVariant.enum.js';
-export { CheckboxLabelSide } from './tuix-checkbox/enums/tuix-checkbox.enums.js';
-export { PaperElevation } from './tuix-paper/enums/tuix-paper.enum.js';
-export { LinkTarget } from './tuix-link/enums/linkTarget.enum.js';
-export { IconName, IconSizeVariant, } from './tuix-icon/enums/tuix-icon.enums.js';
-export { DescriptionType, InputType, } from './tuix-input/enums/tuix-input.enums.js';
-export { Palette } from './utils/colors.js';
-export { DarkPalette } from './utils/darkColors.js';
-export { DropdownType } from './tuix-dropdown/enums/tuix-dropdown.enums.js';
-export { BorderRadiusPaper } from './tuix-paper/enums/tuix-paper.enum.js';
-export { ScreenSizes } from './utils/screenSizes.enum.js';
-export function loadFonts() {
-    const link1 = document.createElement('link');
-    link1.rel = 'preconnect';
-    link1.href = 'https://fonts.googleapis.com';
-    const link2 = document.createElement('link');
-    link2.rel = 'preconnect';
-    link2.href = 'https://fonts.gstatic.com';
-    const link3 = document.createElement('link');
-    link3.rel = 'stylesheet';
-    link3.href =
-        'https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap';
-    document.head.appendChild(link1);
-    document.head.appendChild(link2);
-    document.head.appendChild(link3);
-}
-//# sourceMappingURL=index.js.map

package/dist/src/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAgBA,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAKtD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,8CAA8C,CAAC;AACjF,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAClE,OAAO,EACL,QAAQ,EACR,eAAe,GAChB,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EACL,eAAe,EACf,SAAS,GACV,MAAM,wCAAwC,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,8CAA8C,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAE1D,MAAM,UAAU,SAAS;IACvB,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAC7C,KAAK,CAAC,GAAG,GAAG,YAAY,CAAC;IACzB,KAAK,CAAC,IAAI,GAAG,8BAA8B,CAAC;IAC5C,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAC7C,KAAK,CAAC,GAAG,GAAG,YAAY,CAAC;IACzB,KAAK,CAAC,IAAI,GAAG,2BAA2B,CAAC;IACzC,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAC7C,KAAK,CAAC,GAAG,GAAG,YAAY,CAAC;IACzB,KAAK,CAAC,IAAI;QACR,2JAA2J,CAAC;IAC9J,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IACjC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IACjC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AACnC,CAAC","sourcesContent":["export { CustomEventTuixButton } from './tuix-button/interfaces/tuix-button.interface.js';\nexport {\n  CustomEventTuixCheckbox,\n  DetailValueCheckbox,\n} from './tuix-checkbox/interfaces/tuix-checkbox.interface.js';\nexport {\n  CustomEventTuixDropdownInput,\n  CustomEventTuixDropdownSelect,\n  TuixDropdownOption,\n  TuixDropdownObjectOption,\n  TuixDropdownPlainOption,\n} from './tuix-dropdown/interfaces/tuix-dropdown.interface.js';\nexport { CustomEventTuixInput } from './tuix-input/interfaces/tuix-input.interface.js';\nexport { CustomEventTuixRadioButton } from './tuix-radio-button/interfaces/tuix-radio-button.interface.js';\nexport { CustomEventTuixToggle } from './tuix-toggle-button/interfaces/tuix-toggle.interface.js';\nexport { DetailValue } from './utils/interfaces/detail-value.interface.js';\nexport { TuixText } from './tuix-text/TuixText.js';\nexport { TuixIcon } from './tuix-icon/TuixIcon.js';\nexport { TuixButton } from './tuix-button/TuixButton.js';\nexport { TuixPaper } from './tuix-paper/TuixPaper.js';\nexport { TuixIconButton } from './tuix-icon-button/TuixIconButton.js';\nexport { TuixLink } from './tuix-link/TuixLink.js';\nexport { TuixInput } from './tuix-input/TuixInput.js';\nexport { TuixDropdown } from './tuix-dropdown/TuixDropdown.js';\nexport { TuixCheckbox } from './tuix-checkbox/TuixCheckbox.js';\nexport { TuixRadioButton } from './tuix-radio-button/TuixRadioButton.js';\nexport { TuixToggleButton } from './tuix-toggle-button/TuixToggleButton.js';\nexport { TuixTable } from './tuix-table/TuixTable.js';\nexport {\n  IDataTableHeader,\n  TuixTableElement,\n} from './tuix-table/interfaces/tuix-table.interface.js';\nexport { TuixToast } from './tuix-toast/TuixToast.js';\nexport { TuixModal } from './tuix-modal/TuixModal.js';\nexport { ToastType } from './tuix-toast/enums/tuix-toast.enums.js';\nexport { TextSize, TextVariant } from './tuix-text/enums/tuix-text.enums.js';\nexport { MainVariant } from './utils/mainVariant.enum.js';\nexport { CheckboxLabelSide } from './tuix-checkbox/enums/tuix-checkbox.enums.js';\nexport { PaperElevation } from './tuix-paper/enums/tuix-paper.enum.js';\nexport { LinkTarget } from './tuix-link/enums/linkTarget.enum.js';\nexport {\n  IconName,\n  IconSizeVariant,\n} from './tuix-icon/enums/tuix-icon.enums.js';\nexport {\n  DescriptionType,\n  InputType,\n} from './tuix-input/enums/tuix-input.enums.js';\nexport { Palette } from './utils/colors.js';\nexport { DarkPalette } from './utils/darkColors.js';\nexport { DropdownType } from './tuix-dropdown/enums/tuix-dropdown.enums.js';\nexport { BorderRadiusPaper } from './tuix-paper/enums/tuix-paper.enum.js';\nexport { ScreenSizes } from './utils/screenSizes.enum.js';\n\nexport function loadFonts() {\n  const link1 = document.createElement('link');\n  link1.rel = 'preconnect';\n  link1.href = 'https://fonts.googleapis.com';\n  const link2 = document.createElement('link');\n  link2.rel = 'preconnect';\n  link2.href = 'https://fonts.gstatic.com';\n  const link3 = document.createElement('link');\n  link3.rel = 'stylesheet';\n  link3.href =\n    'https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap';\n  document.head.appendChild(link1);\n  document.head.appendChild(link2);\n  document.head.appendChild(link3);\n}\n"]}

package/dist/src/tuix-button/TuixBaseButton.d.ts

@@ -1,17 +0,0 @@
-import { LitElement, TemplateResult } from 'lit';
-import { MainVariant } from '../utils/mainVariant.enum.js';
-import { IconName, IconSizeVariant } from '../tuix-icon/enums/tuix-icon.enums.js';
-import '../tuix-icon/TuixIcon.js';
-export declare abstract class TuixBaseButton extends LitElement {
-    variant: MainVariant;
-    disabled: boolean;
-    dark: boolean;
-    protected iconColor: string;
-    updated(): void;
-    protected _getTextColor(): string;
-    protected abstract _updateIconColor(): void;
-    protected _handleClick(): void;
-    protected _iconTemplate(iconName: IconName, iconSize: IconSizeVariant): TemplateResult;
-    protected abstract _buttonContent(): TemplateResult;
-    protected render(): TemplateResult;
-}

package/dist/src/tuix-button/TuixBaseButton.js

@@ -1,62 +0,0 @@
-import { __decorate } from "tslib";
-import { LitElement, html } from 'lit';
-import { MainVariant } from '../utils/mainVariant.enum.js';
-import { property, state } from 'lit/decorators.js';
-import { buttonTextColor } from './enums/tuix-button.enums.js';
-import '../tuix-icon/TuixIcon.js';
-export class TuixBaseButton extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.variant = MainVariant.PRIMARY;
-        this.disabled = false;
-        this.dark = false;
-        this.iconColor = '';
-    }
-    updated() {
-        this._updateIconColor();
-    }
-    _getTextColor() {
-        var _a;
-        const element = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.button');
-        if (!element)
-            return buttonTextColor[this.variant];
-        const computedStyle = getComputedStyle(element);
-        return computedStyle.color;
-    }
-    _handleClick() {
-        this.dispatchEvent(new CustomEvent('customClick', { bubbles: true }));
-    }
-    _iconTemplate(iconName, iconSize) {
-        this._updateIconColor();
-        return html `<tuix-icon
-      size="${iconSize}"
-      name="${iconName}"
-      color="${this.iconColor}"
-    ></tuix-icon>`;
-    }
-    render() {
-        return html `<button
-      @click=${this._handleClick}
-      @mouseenter=${this._updateIconColor}
-      @mouseleave=${this._updateIconColor}
-      @blur=${this._updateIconColor}
-      ?disabled="${this.disabled}"
-      class="button"
-    >
-      ${this._buttonContent()}
-    </button>`;
-    }
-}
-__decorate([
-    property({ type: MainVariant, reflect: true })
-], TuixBaseButton.prototype, "variant", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], TuixBaseButton.prototype, "disabled", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], TuixBaseButton.prototype, "dark", void 0);
-__decorate([
-    state()
-], TuixBaseButton.prototype, "iconColor", void 0);
-//# sourceMappingURL=TuixBaseButton.js.map

package/dist/src/tuix-button/TuixBaseButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TuixBaseButton.js","sourceRoot":"","sources":["../../../src/tuix-button/TuixBaseButton.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAkB,IAAI,EAAE,MAAM,KAAK,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAE5D,OAAO,0BAA0B,CAAC;AAElC,MAAM,OAAgB,cAAe,SAAQ,UAAU;IAAvD;;QAEE,YAAO,GAAG,WAAW,CAAC,OAAO,CAAC;QAG9B,aAAQ,GAAG,KAAK,CAAC;QAGjB,SAAI,GAAG,KAAK,CAAC;QAGH,cAAS,GAAG,EAAE,CAAC;IA6C3B,CAAC;IA3CC,OAAO;QACL,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAC1B,CAAC;IAES,aAAa;;QACrB,MAAM,OAAO,GAAG,MAAA,IAAI,CAAC,UAAU,0CAAE,aAAa,CAAC,SAAS,CAAC,CAAC;QAC1D,IAAI,CAAC,OAAO;YAAE,OAAO,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACnD,MAAM,aAAa,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;QAChD,OAAO,aAAa,CAAC,KAAK,CAAC;IAC7B,CAAC;IAIS,YAAY;QACpB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,aAAa,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IACxE,CAAC;IAES,aAAa,CACrB,QAAkB,EAClB,QAAyB;QAEzB,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACxB,OAAO,IAAI,CAAA;cACD,QAAQ;cACR,QAAQ;eACP,IAAI,CAAC,SAAS;kBACX,CAAC;IACjB,CAAC;IAIS,MAAM;QACd,OAAO,IAAI,CAAA;eACA,IAAI,CAAC,YAAY;oBACZ,IAAI,CAAC,gBAAgB;oBACrB,IAAI,CAAC,gBAAgB;cAC3B,IAAI,CAAC,gBAAgB;mBAChB,IAAI,CAAC,QAAQ;;;QAGxB,IAAI,CAAC,cAAc,EAAE;cACf,CAAC;IACb,CAAC;CACF;AAtDC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;+CACjB;AAG9B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDAC1B;AAGjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CAC9B;AAGH;IADT,KAAK,EAAE;iDACiB","sourcesContent":["import { LitElement, TemplateResult, html } from 'lit';\nimport { MainVariant } from '../utils/mainVariant.enum';\nimport { property, state } from 'lit/decorators.js';\nimport { buttonTextColor } from './enums/tuix-button.enums';\nimport { IconName, IconSizeVariant } from '../tuix-icon/enums/tuix-icon.enums';\nimport '../tuix-icon/TuixIcon.js';\n\nexport abstract class TuixBaseButton extends LitElement {\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  @state()\n  protected iconColor = '';\n\n  updated() {\n    this._updateIconColor();\n  }\n\n  protected _getTextColor() {\n    const element = this.shadowRoot?.querySelector('.button');\n    if (!element) return buttonTextColor[this.variant];\n    const computedStyle = getComputedStyle(element);\n    return computedStyle.color;\n  }\n\n  protected abstract _updateIconColor(): void;\n\n  protected _handleClick() {\n    this.dispatchEvent(new CustomEvent('customClick', { bubbles: true }));\n  }\n\n  protected _iconTemplate(\n    iconName: IconName,\n    iconSize: IconSizeVariant\n  ): TemplateResult {\n    this._updateIconColor();\n    return html`<tuix-icon\n      size=\"${iconSize}\"\n      name=\"${iconName}\"\n      color=\"${this.iconColor}\"\n    ></tuix-icon>`;\n  }\n\n  protected abstract _buttonContent(): TemplateResult;\n\n  protected render(): TemplateResult {\n    return html`<button\n      @click=${this._handleClick}\n      @mouseenter=${this._updateIconColor}\n      @mouseleave=${this._updateIconColor}\n      @blur=${this._updateIconColor}\n      ?disabled=\"${this.disabled}\"\n      class=\"button\"\n    >\n      ${this._buttonContent()}\n    </button>`;\n  }\n}\n"]}

package/dist/src/tuix-button/TuixButton.d.ts

@@ -1,11 +0,0 @@
-import { TemplateResult } from 'lit';
-import { IconName } from '../tuix-icon/enums/tuix-icon.enums.js';
-import { TuixBaseButton } from './TuixBaseButton.js';
-export declare class TuixButton extends TuixBaseButton {
-    static styles: import("lit").CSSResult[];
-    full: boolean;
-    iconRight?: IconName;
-    iconLeft?: IconName;
-    protected _updateIconColor(): void;
-    protected _buttonContent(): TemplateResult;
-}

package/dist/src/tuix-button/TuixButton.js

@@ -1,85 +0,0 @@
-import { __decorate } from "tslib";
-import { css, html, nothing } from 'lit';
-import { IconName, IconSizeVariant } from '../tuix-icon/enums/tuix-icon.enums.js';
-import { buttonSizeStyles, buttonColorStyles, hostButtonStyles, } from './TuixButton.styles.js';
-import { customElement, property } from 'lit/decorators.js';
-import { ScreenSizes } from '../utils/screenSizes.enum.js';
-import { TuixBaseButton } from './TuixBaseButton.js';
-let TuixButton = class TuixButton extends TuixBaseButton {
-    constructor() {
-        super(...arguments);
-        this.full = false;
-    }
-    _updateIconColor() {
-        if (!this.iconLeft && !this.iconRight)
-            return;
-        this.iconColor = this._getTextColor();
-    }
-    _buttonContent() {
-        let iconSize = IconSizeVariant.MEDIUM;
-        if (screen.width <= ScreenSizes.TABLET) {
-            iconSize = IconSizeVariant.SMALL;
-        }
-        return html ` <div class="container">
-      ${this.iconLeft ? this._iconTemplate(this.iconLeft, iconSize) : nothing}
-      <slot></slot>
-      ${this.iconRight ? this._iconTemplate(this.iconRight, iconSize) : nothing}
-    </div>`;
-    }
-};
-TuixButton.styles = [
-    css `
-      :host([full]) .button {
-        width: 100%;
-      }
-      .button {
-        padding: 16px 32px;
-        border-radius: 4px;
-        border: none;
-        font-family: 'Rubik', sans-serif;
-      }
-
-      @media only screen and (max-width: ${ScreenSizes.TABLET}px) {
-        .button {
-          padding: 14px 32px;
-        }
-      }
-
-      @media only screen and (max-width: ${ScreenSizes.MOBILE}px) {
-        .button {
-          padding: 12px 24px;
-        }
-      }
-
-      .container {
-        display: flex;
-        flex-direction: row;
-        justify-content: center;
-        align-items: center;
-        gap: 8px;
-      }
-
-      @media only screen and (max-width: ${ScreenSizes.MOBILE}px) {
-        .container {
-          gap: 6px;
-        }
-      }
-    `,
-    hostButtonStyles,
-    buttonColorStyles,
-    buttonSizeStyles,
-];
-__decorate([
-    property({ type: Boolean, reflect: true })
-], TuixButton.prototype, "full", void 0);
-__decorate([
-    property({ type: IconName })
-], TuixButton.prototype, "iconRight", void 0);
-__decorate([
-    property({ type: IconName })
-], TuixButton.prototype, "iconLeft", void 0);
-TuixButton = __decorate([
-    customElement('tuix-button')
-], TuixButton);
-export { TuixButton };
-//# sourceMappingURL=TuixButton.js.map

package/dist/src/tuix-button/TuixButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TuixButton.js","sourceRoot":"","sources":["../../../src/tuix-button/TuixButton.ts"],"names":[],"mappings":";AAAA,OAAO,EAAkB,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAC/E,OAAO,EACL,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGlD,IAAa,UAAU,GAAvB,MAAa,UAAW,SAAQ,cAAc;IAA9C;;QA6CE,SAAI,GAAG,KAAK,CAAC;IAyBf,CAAC;IAjBoB,gBAAgB;QACjC,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,SAAS;YAAE,OAAO;QAC9C,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;IACxC,CAAC;IAEkB,cAAc;QAC/B,IAAI,QAAQ,GAAG,eAAe,CAAC,MAAM,CAAC;QAEtC,IAAI,MAAM,CAAC,KAAK,IAAI,WAAW,CAAC,MAAM,EAAE;YACtC,QAAQ,GAAG,eAAe,CAAC,KAAK,CAAC;SAClC;QACD,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO;;QAErE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO;WACpE,CAAC;IACV,CAAC;;AApEM,iBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;2CAWoC,WAAW,CAAC,MAAM;;;;;;2CAMlB,WAAW,CAAC,MAAM;;;;;;;;;;;;;;2CAclB,WAAW,CAAC,MAAM;;;;;KAKxD;IACD,gBAAgB;IAChB,iBAAiB;IACjB,gBAAgB;CACjB,AAzCY,CAyCX;AAGF;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wCAC9B;AAGb;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;6CACR;AAGrB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;4CACT;AAnDT,UAAU;IADtB,aAAa,CAAC,aAAa,CAAC;GAChB,UAAU,CAsEtB;SAtEY,UAAU","sourcesContent":["import { TemplateResult, css, html, nothing } from 'lit';\nimport { IconName, IconSizeVariant } from '../tuix-icon/enums/tuix-icon.enums';\nimport {\n  buttonSizeStyles,\n  buttonColorStyles,\n  hostButtonStyles,\n} from './TuixButton.styles';\nimport { customElement, property } from 'lit/decorators.js';\nimport { ScreenSizes } from '../utils/screenSizes.enum';\nimport { TuixBaseButton } from './TuixBaseButton';\n\n@customElement('tuix-button')\nexport class TuixButton extends TuixBaseButton {\n  static styles = [\n    css`\n      :host([full]) .button {\n        width: 100%;\n      }\n      .button {\n        padding: 16px 32px;\n        border-radius: 4px;\n        border: none;\n        font-family: 'Rubik', sans-serif;\n      }\n\n      @media only screen and (max-width: ${ScreenSizes.TABLET}px) {\n        .button {\n          padding: 14px 32px;\n        }\n      }\n\n      @media only screen and (max-width: ${ScreenSizes.MOBILE}px) {\n        .button {\n          padding: 12px 24px;\n        }\n      }\n\n      .container {\n        display: flex;\n        flex-direction: row;\n        justify-content: center;\n        align-items: center;\n        gap: 8px;\n      }\n\n      @media only screen and (max-width: ${ScreenSizes.MOBILE}px) {\n        .container {\n          gap: 6px;\n        }\n      }\n    `,\n    hostButtonStyles,\n    buttonColorStyles,\n    buttonSizeStyles,\n  ];\n\n  @property({ type: Boolean, reflect: true })\n  full = false;\n\n  @property({ type: IconName })\n  iconRight?: IconName;\n\n  @property({ type: IconName })\n  iconLeft?: IconName;\n\n  protected override _updateIconColor() {\n    if (!this.iconLeft && !this.iconRight) return;\n    this.iconColor = this._getTextColor();\n  }\n\n  protected override _buttonContent(): TemplateResult {\n    let iconSize = IconSizeVariant.MEDIUM;\n\n    if (screen.width <= ScreenSizes.TABLET) {\n      iconSize = IconSizeVariant.SMALL;\n    }\n    return html` <div class=\"container\">\n      ${this.iconLeft ? this._iconTemplate(this.iconLeft, iconSize) : nothing}\n      <slot></slot>\n      ${this.iconRight ? this._iconTemplate(this.iconRight, iconSize) : nothing}\n    </div>`;\n  }\n}\n"]}

package/dist/src/tuix-button/TuixButton.styles.d.ts

@@ -1,3 +0,0 @@
-export declare const hostButtonStyles: import("lit").CSSResult;
-export declare const buttonSizeStyles: import("lit").CSSResult;
-export declare const buttonColorStyles: import("lit").CSSResult;