tuix-webcomponents 0.0.12 → 0.0.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,82 +0,0 @@
1
- import { html, TemplateResult } from 'lit';
2
- import '../src/tuix-text/TuixText.js';
3
- import { TextColor, TextSize, TextType } from '../src/enums/tuix-text.enums.js';
4
-
5
- export default {
6
- title: 'TextComponent',
7
- component: 'tuix-text',
8
- argTypes: {
9
- value: {
10
- type: 'string',
11
- required: true,
12
- defaultValue: 'Headline 1',
13
- },
14
- size: {
15
- control: {
16
- type: 'select',
17
- options: TextSize,
18
- },
19
- },
20
- type: {
21
- control: {
22
- type: 'select',
23
- options: TextType,
24
- },
25
- },
26
- color: {
27
- control: {
28
- type: 'select',
29
- options: TextColor,
30
- },
31
- },
32
- },
33
- };
34
-
35
- interface Story<T> {
36
- (args: T): TemplateResult;
37
- args?: Partial<T>;
38
- argTypes?: Record<string, unknown>;
39
- }
40
-
41
- interface ArgTypes {
42
- size?: TextSize;
43
- type?: TextType;
44
- color?: TextColor;
45
- value?: String;
46
- }
47
-
48
- const Template: Story<ArgTypes> = ({
49
- color = TextColor.Primary,
50
- size = TextSize.XL,
51
- type = TextType.Headline,
52
- value,
53
- }: ArgTypes) => html`
54
- <div
55
- style="display: flex; justify-content: center; align-items: center; height: 100vh;"
56
- >
57
- <tuix-text size="${size}" type="${type}" color="${color}">
58
- ${value}
59
- </tuix-text>
60
- </div>
61
- `;
62
-
63
- export const headline = Template.bind({});
64
- headline.args = {
65
- value: 'Headline 1',
66
- size: TextSize.XL,
67
- type: TextType.Headline,
68
- };
69
-
70
- export const body = Template.bind({});
71
- body.args = {
72
- value: 'Body',
73
- size: TextSize.M,
74
- type: TextType.Body,
75
- };
76
-
77
- export const button = Template.bind({});
78
- button.args = {
79
- value: 'Button/Link',
80
- size: TextSize.XL,
81
- type: TextType.Button,
82
- };
package/tsconfig.json DELETED
@@ -1,22 +0,0 @@
1
- {
2
- "compilerOptions": {
3
- "target": "es2018",
4
- "module": "esnext",
5
- "moduleResolution": "node",
6
- "noEmitOnError": true,
7
- "lib": ["es2017", "dom"],
8
- "strict": true,
9
- "esModuleInterop": false,
10
- "allowSyntheticDefaultImports": true,
11
- "experimentalDecorators": true,
12
- "importHelpers": true,
13
- "outDir": "dist",
14
- "sourceMap": true,
15
- "inlineSources": true,
16
- "rootDir": "./",
17
- "declaration": true,
18
- "incremental": true
19
- },
20
- "include": ["**/*.ts", "bin/build.sh"],
21
- "exclude": ["stories"]
22
- }
@@ -1,27 +0,0 @@
1
- // import { hmrPlugin, presets } from '@open-wc/dev-server-hmr';
2
-
3
- /** Use Hot Module replacement by adding --hmr to the start command */
4
- const hmr = process.argv.includes('--hmr');
5
-
6
- export default /** @type {import('@web/dev-server').DevServerConfig} */ ({
7
- open: '/demo/',
8
- /** Use regular watch mode if HMR is not enabled. */
9
- watch: !hmr,
10
- /** Resolve bare module imports */
11
- nodeResolve: {
12
- exportConditions: ['browser', 'development'],
13
- },
14
-
15
- /** Compile JS for older browsers. Requires @web/dev-server-esbuild plugin */
16
- // esbuildTarget: 'auto'
17
-
18
- /** Set appIndex to enable SPA routing */
19
- // appIndex: 'demo/index.html',
20
-
21
- plugins: [
22
- /** Use Hot Module Replacement by uncommenting. Requires @open-wc/dev-server-hmr plugin */
23
- // hmr && hmrPlugin({ exclude: ['**/*/node_modules/**/*'], presets: [presets.litElement] }),
24
- ],
25
-
26
- // See documentation for all available options
27
- });