feat: input component

.lintstagedrc

@@ -1,7 +1,7 @@
 {
  "*.{ts,tsx,js}": [
  "eslint --rule 'no-console: error' --fix",
- "prettier --write"
+ "prettier --write src/"
  ],
  "*.{json,md}": [
  "prettier --write"

.storybook/preview-head.html

@@ -1,2 +1,7 @@
 <link rel="stylesheet" href="/themes/default.css" />
 <script type="module" src="/baklava.js"></script>
+<style>
+ .innerZoomElementWrapper > * {
+ vertical-align: top;
+ }
+</style>

.storybook/preview.js

@@ -1,5 +1,5 @@
 import { setCustomElementsManifest } from '@storybook/web-components';
-import customElements from '../src/custom-elements.json';
+import customElements from '../dist/custom-elements.json';
 
 setCustomElementsManifest(customElements);
 

custom-elements-manifest.config.mjs

@@ -0,0 +1,27 @@
+export default {
+ globs: ['src/components/**/!(*.test).ts'],
+ exclude: ['src/**/*.css', 'src/components/icon/icon-list.ts'],
+ outdir: 'dist/',
+ dev: false,
+ watch: false,
+ dependencies: false,
+ packagejson: true,
+ litelement: true,
+ plugins: [
+ {
+ name: 'filter',
+ analyzePhase({ ts, node, moduleDoc }) {
+ switch (node.kind) {
+ case ts.SyntaxKind.ClassDeclaration: {
+ const className = node.name.getText();
+ const classDoc = moduleDoc?.declarations?.find(declaration => declaration.name === className);
+
+ if (classDoc?.members) {
+ classDoc.members = classDoc.members.filter(member => member.privacy !== 'private');
+ }
+ }
+ }
+ },
+ }
+ ],
+};