@lmvz-ds/components 0.17.1 → 0.18.0

package/package.json

@@ -1,108 +1,79 @@
 {
   "name": "@lmvz-ds/components",
   "private": false,
+  "version": "0.18.0",
   "type": "module",
-  "version": "0.17.1",
   "description": "The components of the design system",
   "author": "Patrick Nemenz <patrick.nemenz@adesso.at>",
-  "volta": {
-    "extends": "../../package.json"
-  },
   "publishConfig": {
-    "access": "public"
-  },
-  "lerna": {
-    "command": {
-      "publish": {
-        "directory": "./",
-        "assets": [
-          "dist/",
-          "loader/",
-          "hydrate/",
-          {
-            "from": "src/assets/*",
-            "to": "assets"
-          }
-        ]
-      }
-    }
+    "access": "public",
+    "linkDirectory": false
   },
-  "files": [
-    "dist/",
-    "loader/",
-    "hydrate/",
-    "assets/"
-  ],
   "exports": {
     ".": {
-      "types": "./dist/components/index.d.ts",
-      "import": "./dist/components/index.js"
+      "types": "./components/index.d.ts",
+      "import": "./components/index.js"
     },
     "./components": {
-      "types": "./dist/components/index.d.ts",
-      "import": "./dist/components/index.js"
+      "types": "./components/index.d.ts",
+      "import": "./components/index.js"
     },
-    "./components/*": {
-      "types": "./dist/components/*",
-      "import": "./dist/components/*"
+    "./manifest.json": "./manifest.json",
+    "./assets/*": "./dist/assets/*",
+    "./hydrate": {
+      "types": "./hydrate/index.d.ts",
+      "import": "./hydrate/index.js"
     },
-    "./manifest.json": "./dist/manifest.json",
-    "./assets/*": "./assets/*",
     "./components/hydrate": {
       "types": "./hydrate/index.d.ts",
       "import": "./hydrate/index.js"
     },
     "./loader": {
       "types": "./loader/index.d.ts",
-      "import": "./loader/index.js",
-      "require": "./loader/index.cjs"
+      "import": "./loader/index.js"
     },
     "./lmvz-action": {
-      "import": "./dist/components/lmvz-action.js",
-      "types": "./dist/components/lmvz-action.d.ts"
+      "types": "./components/lmvz-action.d.ts",
+      "import": "./components/lmvz-action.js"
     },
     "./lmvz-button": {
-      "types": "./dist/components/lmvz-button.d.ts",
-      "import": "./dist/components/lmvz-button.js"
+      "types": "./components/lmvz-button.d.ts",
+      "import": "./components/lmvz-button.js"
     },
     "./lmvz-card": {
-      "types": "./dist/components/lmvz-card.d.ts",
-      "import": "./dist/components/lmvz-card.js"
+      "types": "./components/lmvz-card.d.ts",
+      "import": "./components/lmvz-card.js"
     },
     "./lmvz-chip": {
-      "types": "./dist/components/lmvz-chip.d.ts",
-      "import": "./dist/components/lmvz-chip.js"
+      "types": "./components/lmvz-chip.d.ts",
+      "import": "./components/lmvz-chip.js"
+    },
+    "./lmvz-header": {
+      "types": "./components/lmvz-header.d.ts",
+      "import": "./components/lmvz-header.js"
     },
     "./lmvz-icon": {
-      "types": "./dist/components/lmvz-icon.d.ts",
-      "import": "./dist/components/lmvz-icon.js"
+      "types": "./components/lmvz-icon.d.ts",
+      "import": "./components/lmvz-icon.js"
     },
     "./lmvz-input": {
-      "import": "./dist/components/lmvz-input.js",
-      "types": "./dist/components/lmvz-input.d.ts"
-    },
-    "./lmvz-header": {
-      "import": "./dist/components/lmvz-header.js",
-      "types": "./dist/components/lmvz-header.d.ts"
-    },
-    "./header-integration": {
-      "import": "./dist/components/header-integration.js",
-      "types": "./dist/components/header-integration.d.ts"
+      "types": "./components/lmvz-input.d.ts",
+      "import": "./components/lmvz-input.js"
     },
     "./lmvz-menuitem": {
-      "import": "./dist/components/lmvz-menuitem.js",
-      "types": "./dist/components/lmvz-menuitem.d.ts"
+      "types": "./components/lmvz-menuitem.d.ts",
+      "import": "./components/lmvz-menuitem.js"
     },
     "./lmvz-select": {
-      "import": "./dist/components/lmvz-select.js",
-      "types": "./dist/components/lmvz-select.d.ts"
+      "types": "./components/lmvz-select.d.ts",
+      "import": "./components/lmvz-select.js"
     }
   },
-  "main": "dist/index.cjs.js",
-  "module": "dist/components/index.js",
-  "unpkg": "dist/lmvz-components/index.esm.js",
-  "types": "dist/components/index.d.ts",
-  "collection": "dist/collection/collection-manifest.json",
+  "main": "./index.cjs.js",
+  "module": "./components/index.js",
+  "unpkg": "./lmvz-components/index.esm.js",
+  "types": "./components/index.d.ts",
+  "collection": "./collection/collection-manifest.json",
   "license": "UNLICENSED",
   "repository": {
     "type": "git",
@@ -110,44 +81,12 @@
   },
   "dependencies": {
     "classnames": "^2.5.1",
-    "effect": "^3.21.0",
-    "@lmvz-ds/aria-validation": "~0.16.0"
+    "effect": "^3.21.1"
   },
-  "devDependencies": {
-    "@stencil-community/postcss": "2.2.0",
-    "@stencil/angular-output-target": "1.3.0",
-    "@stencil/core": "^4.43.3",
-    "@stencil/react-output-target": "1.4.2",
-    "@stencil/vitest": "1.8.3",
-    "@stencil/vue-output-target": "0.13.1",
-    "@types/postcss-import": "^14.0.3",
-    "concurrently": "^9.2.1",
-    "happy-dom": "^20.8.4",
-    "postcss-auto-var-fallback": "1.1.0",
-    "postcss-import": "^16.1.1",
-    "rollup-plugin-postcss": "^4.0.2",
-    "stylelint": "^16.0.1",
-    "stylelint-config-standard": "^38.0.0",
-    "stylelint-value-no-unknown-custom-properties": "6.1.1",
-    "tslib": "^2.8.1",
-    "tsx": "^4.8.1",
-    "vite": "^8.0.2",
-    "vitest": "^4.1.0",
-    "@lmvz-ds/design-tokens": "~0.17.1",
-    "@lmvz-ds/lib-styles": "~0.16.0",
-    "@lmvz-ds/lib-config": "0.15.2",
-    "@lmvz-ds/styles": "~0.17.1"
+  "optionalDependencies": {
+    "@lmvz-ds/aria-validation": "~0.16.1"
   },
-  "gitHead": "aaec2215b0239d6fa4a5876af444e0b7abba2c7d",
-  "scripts": {
-    "start": "pnpm run build:integration -- --watch",
-    "dev": "stencil build --watch --dev --serve --config stencil.config.dev.ts",
-    "build": "stencil build --docs --prod --config stencil.config.prod.ts",
-    "build:debug": "node --inspect-brk ../../node_modules/.bin/stencil build --debug --docs --config ./stencil.config.dev.ts",
-    "build:integration": "stencil build --config stencil.config.integration.ts",
-    "test": "pnpm stencil-test",
-    "test:watch": "pnpm stencil-test --watch",
-    "lint": "concurrently 'eslint \"src/**\"' 'stylelint \"src/**/*.css\" --config ./stylelint.config.mjs'",
-    "generate": "stencil generate"
-  }
+  "files": [
+    "**/*"
+  ]
 }

package/types/api/ds.constants.d.ts

@@ -0,0 +1,29 @@
+export declare const variants: readonly ["primary", "secondary", "tertiary"];
+export declare const scaleValues: readonly ["small", "default", "large"];
+export declare const sizes: readonly ["xs", "sm", "md", "lg"];
+export declare const textSizes: readonly ["xs", "sm", "md", "lg", "xl"];
+export declare const inputTypes: readonly ["text", "email", "password", "tel", "url", "search", "number"];
+export declare const iconSizes: readonly ["xs", "sm", "md", "lg", "inherit"];
+export declare const iconWeights: readonly ["thin", "medium", "bold", "filled"];
+export declare namespace LmvzDS {
+    type Variant = (typeof variants)[number];
+    type Size = (typeof sizes)[number];
+}
+export declare namespace Typography {
+    type Size = (typeof textSizes)[number];
+}
+export declare namespace Button {
+    type Scale = (typeof scaleValues)[number];
+    type Variant = LmvzDS.Variant;
+}
+export declare namespace Icon {
+    type Size = (typeof iconSizes)[number];
+    type IconWeight = (typeof iconWeights)[number];
+}
+export declare namespace Input {
+    type Type = (typeof inputTypes)[number];
+    type Autocomplete = HTMLInputElement['autocomplete'];
+    type Inputmode = 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
+    type Autocapitalize = 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters';
+}
+//# sourceMappingURL=ds.constants.d.ts.map

package/types/api/ds.types.d.ts

@@ -0,0 +1,4 @@
+export type * from './ds.constants';
+
+export type Attributes = { [key: string]: unknown };
+export type FormRef = string | HTMLFormElement | undefined;

package/{dist/types → types}/api/index.d.ts

@@ -1,3 +1,2 @@
 export type * from './aria-types';
-export * from './ds.constants';
 export type * from './ds.types';

package/{dist/types → types}/components/lmvz-action/lmvz-action.d.ts

@@ -4,3 +4,4 @@ export declare class LmvzAction {
     private _onClick;
     render(): any;
 }
+//# sourceMappingURL=lmvz-action.d.ts.map

package/{dist/types → types}/components/lmvz-button/lmvz-button.d.ts

@@ -1,8 +1,7 @@
 import { type EventEmitter } from '../../stencil-public-runtime';
-import type { Button } from '../../api';
+import type { Button, FormRef } from '../../api';
 import { type AriaValidationHost } from '../../utils/aria/aria-validation-controller';
 import { type ElementActivationHost } from '../../utils/aria/element-activation-controller';
-import { type FormRef } from '../../utils/component';
 import { ReactiveControllerHost } from '../../utils/reactive-controller-host';
 export declare class LmvzButton extends ReactiveControllerHost implements AriaValidationHost, ElementActivationHost {
     el: HTMLLmvzButtonElement;
@@ -24,3 +23,4 @@ export declare class LmvzButton extends ReactiveControllerHost implements AriaVa
     private handleClick;
     render(): any;
 }
+//# sourceMappingURL=lmvz-button.d.ts.map

package/{dist/types → types}/components/lmvz-card/lmvz-card.d.ts

@@ -10,3 +10,4 @@ export declare class LmvzCard {
     private _onOverflowClick;
     render(): any;
 }
+//# sourceMappingURL=lmvz-card.d.ts.map

package/{dist/types → types}/components/lmvz-chip/lmvz-chip.d.ts

@@ -2,3 +2,4 @@ export declare class LmvzChip {
     text: string;
     render(): any;
 }
+//# sourceMappingURL=lmvz-chip.d.ts.map

package/{dist/types → types}/components/lmvz-header/lmvz-header.d.ts

@@ -23,3 +23,4 @@ export declare class LmvzHeader extends ReactiveControllerHost implements AriaVa
     private delegateFocus;
     render(): any;
 }
+//# sourceMappingURL=lmvz-header.d.ts.map

package/{dist/types → types}/components/lmvz-icon/lmvz-icon.d.ts

@@ -1,3 +1,4 @@
+import type { SVGString } from '@lmvz-ds/lib-ts/validation/SVGString.d.ts';
 import type { Icon } from '../../api';
 import { type AriaValidationHost } from '../../utils/aria/aria-validation-controller';
 import { ReactiveControllerHost } from '../../utils/reactive-controller-host';
@@ -6,9 +7,10 @@ export declare class LmvzIcon extends ReactiveControllerHost implements AriaVali
     private readonly ariaValidationController;
     el: HTMLElement;
     validationEl: HTMLElement | undefined;
-    icon: Icon.IconName;
+    icon: SVGString | string;
     weight?: Icon.IconWeight;
     size?: Icon.Size;
+    iconset?: string;
     private iconData?;
     private visible;
     ariaLabel?: string;
@@ -21,3 +23,4 @@ export declare class LmvzIcon extends ReactiveControllerHost implements AriaVali
     render(): any;
     private waitUntilVisible;
 }
+//# sourceMappingURL=lmvz-icon.d.ts.map

package/{dist/types → types}/components/lmvz-input/lmvz-input.d.ts

@@ -62,3 +62,4 @@ export declare class LmvzInput extends ReactiveControllerHost implements AriaVal
     private updateNativeError;
     render(): any;
 }
+//# sourceMappingURL=lmvz-input.d.ts.map

package/{dist/types → types}/components/lmvz-menuitem/lmvz-menuitem.d.ts

@@ -12,3 +12,4 @@ export declare class LmvzMenuItem extends ReactiveControllerHost implements Aria
     constructor();
     render(): any;
 }
+//# sourceMappingURL=lmvz-menuitem.d.ts.map

package/{dist/types → types}/components/lmvz-select/lmvz-select.d.ts

@@ -22,3 +22,4 @@ export declare class LmvzSelect extends ReactiveControllerHost implements AriaVa
     private handleChange;
     render(): any;
 }
+//# sourceMappingURL=lmvz-select.d.ts.map