tuix-webcomponents 0.0.3 → 0.0.4

package/package.json

@@ -3,7 +3,7 @@
   "description": "Webcomponent tuix-webcomponents following open-wc recommendations",
   "license": "MIT",
   "author": "tuix-webcomponents",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "type": "commonjs",
   "main": "src/index.js",
   "module": "src/index.js",
@@ -11,8 +11,8 @@
     ".": "./src/index.js"
   },
   "files": [
-    "dist/**/*.{js,json}",
-    "!dist"
+    "src/**/*.{js,json}",
+    "!dist/**"
   ],
   "scripts": {
     "prepare": "husky install",

package/dist/package.json

@@ -1,93 +0,0 @@
-{
-  "name": "tuix-webcomponents",
-  "description": "Webcomponent tuix-webcomponents following open-wc recommendations",
-  "license": "MIT",
-  "author": "tuix-webcomponents",
-  "version": "0.0.1",
-  "type": "commonjs",
-  "main": "src/index.js",
-  "module": "src/index.js",
-  "exports": {
-    ".": "./src/index.js"
-  },
-  "files": ["dist/**/*"],
-  "scripts": {
-    "prepare": "husky install",
-    "analyze": "cem analyze --litelement",
-    "start": "rm -rf dist && tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wds\"",
-    "build": "rm -rf dist && tsc && cp package.json dist && npm run analyze -- --exclude dist",
-    "prepublish": "tsc && npm run analyze -- --exclude dist",
-    "lint": "eslint --ext .ts,.html . --ignore-path .gitignore && prettier \"**/*.ts\" --check --ignore-path .gitignore",
-    "format": "prettier --write \"src/**/*.ts\" \"stories/**/*.ts\"",
-    "format:check": "prettier --check \"src/**/*.ts\" \"stories/**/*.ts\"",
-    "storybook": "rm -rf dist && tsc && npm run analyze -- --exclude dist && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wds -c .storybook/server.mjs\"",
-    "storybook:build": "rm -rf dist && tsc && npm run analyze -- --exclude dist && build-storybook"
-  },
-  "devDependencies": {
-    "@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",
-    "@typescript-eslint/eslint-plugin": "^5.59.0",
-    "@typescript-eslint/parser": "^5.59.0",
-    "@web/dev-server": "^0.1.38",
-    "@web/dev-server-storybook": "^0.6.2",
-    "commitlint": "^17.6.1",
-    "concurrently": "^8.0.1",
-    "eslint": "^8.38.0",
-    "eslint-config-prettier": "^8.8.0",
-    "husky": "^8.0.3",
-    "lint-staged": "^13.2.1",
-    "prettier": "^2.8.7",
-    "tslib": "^2.5.0",
-    "typescript": "^5.0.4"
-  },
-  "customElements": "custom-elements.json",
-  "eslintConfig": {
-    "parser": "@typescript-eslint/parser",
-    "extends": [
-      "@open-wc",
-      "prettier"
-    ],
-    "plugins": [
-      "@typescript-eslint"
-    ],
-    "rules": {
-      "no-unused-vars": "off",
-      "@typescript-eslint/no-unused-vars": [
-        "error"
-      ],
-      "import/no-unresolved": "off",
-      "import/extensions": [
-        "error",
-        "always",
-        {
-          "ignorePackages": true
-        }
-      ]
-    }
-  },
-  "prettier": {
-    "singleQuote": true,
-    "arrowParens": "avoid"
-  },
-  "husky": {
-    "hooks": {
-      "pre-commit": "lint-staged"
-    }
-  },
-  "lint-staged": {
-    "*.{ts,tsx}": [
-      "npm run format",
-      "npm run lint"
-    ]
-  },
-  "commitlint": {
-    "extends": [
-      "@commitlint/config-conventional"
-    ]
-  },
-  "dependencies": {
-    "lit": "^2.7.2"
-  }
-}

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

@@ -1,29 +0,0 @@
-/* eslint-disable */
-export var TextSize;
-(function (TextSize) {
-    TextSize["XL"] = "xl";
-    TextSize["L"] = "l";
-    TextSize["M"] = "m";
-    TextSize["S"] = "s";
-    TextSize["XS"] = "xs";
-})(TextSize || (TextSize = {}));
-export var TextColor;
-(function (TextColor) {
-    TextColor["Primary"] = "primary";
-    TextColor["Secondary"] = "secondary";
-    TextColor["Grey"] = "grey";
-    TextColor["LightGrey"] = "lightGrey";
-    TextColor["Disabled"] = "disabled";
-    TextColor["Validation"] = "validation";
-    TextColor["Error"] = "error";
-    TextColor["Success"] = "success";
-})(TextColor || (TextColor = {}));
-export var TextType;
-(function (TextType) {
-    TextType["Headline"] = "headline";
-    TextType["Body"] = "body";
-    TextType["Button"] = "button_link";
-    TextType["Link"] = "button_link";
-    TextType["Fields"] = "fields";
-})(TextType || (TextType = {}));
-//# sourceMappingURL=tuix-text.enums.js.map

package/dist/src/index.js

@@ -1,2 +0,0 @@
-export { TuixText } from './tuix-text/TuixText.js';
-//# sourceMappingURL=index.js.map

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

@@ -1,152 +0,0 @@
-import { __decorate } from "tslib";
-import { html, css, LitElement } from 'lit';
-import { styleMap } from 'lit/directives/style-map.js';
-import { customElement, property } from 'lit/decorators.js';
-import { TextType, TextColor } from '../enums/tuix-text.enums.js';
-import { ColorText } from '../utils/colors.js';
-let TuixText = class TuixText extends LitElement {
-    getTextClass() {
-        return `${this.type} ${this.size}`;
-    }
-    render() {
-        return html `<slot
-      class="text ${this.getTextClass()}"
-      style="${styleMap({ color: ColorText[this.color || TextColor.Primary] })}"
-    ></slot>`;
-    }
-};
-TuixText.styles = css `
-    .text {
-      font-family: 'Rubik', sans-serif;
-    }
-
-    .text.headline.xl {
-      font-size: 4rem;
-      font-weight: 600;
-      line-height: 4.4rem;
-    }
-
-    .text.headline.l {
-      font-size: 3.5rem;
-      font-weight: 600;
-      line-height: 4.2rem;
-    }
-
-    .text.headline.m {
-      font-size: 2.25rem;
-      font-weight: 500;
-      line-height: 2.7rem;
-    }
-
-    .text.headline.s {
-      font-size: 1.5rem;
-      font-weight: 500;
-      line-height: 1.8rem;
-    }
-
-    .text.headline.xs {
-      font-size: 1.125rem;
-      font-weight: 500;
-      line-height: 1.35;
-    }
-
-    .text.body.m {
-      font-size: 1rem;
-      font-weight: 300;
-      line-height: 1.4rem;
-    }
-
-    .text.body.s {
-      font-size: 0.875rem;
-      font-weight: 300;
-      line-height: 1.225rem;
-    }
-
-    .text.button_link.xl {
-      font-size: 1.25rem;
-      font-weight: 400;
-      line-height: 1.5rem;
-    }
-
-    .text.button_link.l {
-      font-size: 1.25rem;
-      font-weight: 400;
-      line-height: 1.5rem;
-    }
-
-    @media only screen and (max-width: 40rem) {
-      .text.button_link.m {
-        font-size: 1rem;
-        font-weight: 400;
-        line-height: 1.25rem;
-      }
-
-      .text.body.m {
-        line-height: 1.3rem;
-      }
-
-      .text.body.s {
-        line-height: 1.1375rem;
-      }
-
-      .text.headline.xl {
-        font-size: 3rem;
-        line-height: 3.3rem;
-      }
-      .text.headline.l {
-        font-size: 2rem;
-        line-height: 2.4rem;
-      }
-      .text.headline.m {
-        font-size: 1.5rem;
-        line-height: 1.8rem;
-      }
-      .text.headline.s {
-        font-size: 1.125rem;
-        line-height: 1.35rem;
-      }
-      .text.headline.xs {
-        font-size: 1rem;
-        line-height: 1.2rem;
-      }
-    }
-
-    @media only screen and (max-width: 20rem) {
-      .text.button_link.s {
-        font-size: 0.875rem;
-        font-weight: 400;
-        line-height: 1rem;
-      }
-      .text.button_link.xs {
-        font-size: 0.875rem;
-        font-weight: 400;
-        line-height: 1rem;
-      }
-      .text.headline.xl {
-        font-size: 1.5rem;
-        line-height: 1.8rem;
-      }
-      .text.headline.l {
-        font-size: 1.375rem;
-        line-height: 1.65rem;
-      }
-      .text.headline.m {
-        font-size: 1.25rem;
-        line-height: 1.5rem;
-      }
-    }
-  `;
-__decorate([
-    property({ type: String })
-], TuixText.prototype, "size", void 0);
-__decorate([
-    property({ type: TextColor })
-], TuixText.prototype, "color", void 0);
-__decorate([
-    property({ type: TextType })
-], TuixText.prototype, "type", void 0);
-TuixText = __decorate([
-    customElement('tuix-text')
-], TuixText);
-export { TuixText };
-//# sourceMappingURL=TuixText.js.map

package/dist/src/utils/colors.js

@@ -1,11 +0,0 @@
-export const ColorText = {
-    primary: '#000000',
-    secondary: '#FFFFFF',
-    grey: '#8A8894',
-    lightGrey: '#C9C8D3',
-    disabled: '#BEC0DA',
-    validation: '#FFB82E',
-    error: '#F93232',
-    success: '#439F6E',
-};
-//# sourceMappingURL=colors.js.map