@krumio/trailhand-ui 1.4.1 → 1.5.0

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.
Files changed (70) hide show
  1. package/README.md +119 -52
  2. package/dist/components/action-menu/action-menu.d.ts +79 -0
  3. package/dist/components/action-menu/action-menu.d.ts.map +1 -0
  4. package/dist/components/action-menu/action-menu.js +333 -0
  5. package/dist/components/action-menu/action-menu.js.map +1 -0
  6. package/dist/components/action-menu/action-menu.stories.d.ts +261 -0
  7. package/dist/components/action-menu/action-menu.stories.d.ts.map +1 -0
  8. package/dist/components/action-menu/action-menu.stories.js +363 -0
  9. package/dist/components/action-menu/action-menu.stories.js.map +1 -0
  10. package/dist/components/action-menu/index.d.ts +2 -0
  11. package/dist/components/action-menu/index.d.ts.map +1 -0
  12. package/dist/components/action-menu/index.js +2 -0
  13. package/dist/components/action-menu/index.js.map +1 -0
  14. package/dist/components/data-table/data-table.d.ts +191 -0
  15. package/dist/components/data-table/data-table.d.ts.map +1 -0
  16. package/dist/components/data-table/data-table.js +857 -0
  17. package/dist/components/data-table/data-table.js.map +1 -0
  18. package/dist/components/data-table/data-table.stories.d.ts +507 -0
  19. package/dist/components/data-table/data-table.stories.d.ts.map +1 -0
  20. package/dist/components/data-table/data-table.stories.js +601 -0
  21. package/dist/components/data-table/data-table.stories.js.map +1 -0
  22. package/dist/components/data-table/index.d.ts +2 -0
  23. package/dist/components/data-table/index.d.ts.map +1 -0
  24. package/dist/components/data-table/index.js +2 -0
  25. package/dist/components/data-table/index.js.map +1 -0
  26. package/dist/components/th-card/index.d.ts +3 -0
  27. package/dist/components/th-card/index.d.ts.map +1 -0
  28. package/dist/components/th-card/index.js +2 -0
  29. package/dist/components/th-card/index.js.map +1 -0
  30. package/dist/components/th-card/th-card.d.ts +78 -0
  31. package/dist/components/th-card/th-card.d.ts.map +1 -0
  32. package/dist/components/th-card/th-card.js +449 -0
  33. package/dist/components/th-card/th-card.js.map +1 -0
  34. package/dist/components/th-card/th-card.stories.d.ts +232 -0
  35. package/dist/components/th-card/th-card.stories.d.ts.map +1 -0
  36. package/dist/components/th-card/th-card.stories.js +385 -0
  37. package/dist/components/th-card/th-card.stories.js.map +1 -0
  38. package/dist/components/th-tag/index.d.ts +3 -0
  39. package/dist/components/th-tag/index.d.ts.map +1 -0
  40. package/dist/components/th-tag/index.js +2 -0
  41. package/dist/components/th-tag/index.js.map +1 -0
  42. package/dist/components/th-tag/th-tag.d.ts +65 -0
  43. package/dist/components/th-tag/th-tag.d.ts.map +1 -0
  44. package/dist/components/th-tag/th-tag.js +307 -0
  45. package/dist/components/th-tag/th-tag.js.map +1 -0
  46. package/dist/components/th-tag/th-tag.stories.d.ts +277 -0
  47. package/dist/components/th-tag/th-tag.stories.d.ts.map +1 -0
  48. package/dist/components/th-tag/th-tag.stories.js +415 -0
  49. package/dist/components/th-tag/th-tag.stories.js.map +1 -0
  50. package/dist/components/toggle-switch/index.d.ts +2 -0
  51. package/dist/components/toggle-switch/index.d.ts.map +1 -0
  52. package/dist/components/toggle-switch/index.js +2 -0
  53. package/dist/components/toggle-switch/index.js.map +1 -0
  54. package/dist/components/toggle-switch/toggle-switch.d.ts +38 -0
  55. package/dist/components/toggle-switch/toggle-switch.d.ts.map +1 -0
  56. package/dist/components/toggle-switch/toggle-switch.js +175 -0
  57. package/dist/components/toggle-switch/toggle-switch.js.map +1 -0
  58. package/dist/components/toggle-switch/toggle-switch.stories.d.ts +239 -0
  59. package/dist/components/toggle-switch/toggle-switch.stories.d.ts.map +1 -0
  60. package/dist/components/toggle-switch/toggle-switch.stories.js +408 -0
  61. package/dist/components/toggle-switch/toggle-switch.stories.js.map +1 -0
  62. package/dist/design-system/color-palette.stories.d.ts +24 -0
  63. package/dist/design-system/color-palette.stories.d.ts.map +1 -0
  64. package/dist/design-system/color-palette.stories.js +361 -0
  65. package/dist/design-system/color-palette.stories.js.map +1 -0
  66. package/dist/index.d.ts +4 -0
  67. package/dist/index.d.ts.map +1 -0
  68. package/dist/index.js +5 -0
  69. package/dist/index.js.map +1 -0
  70. package/package.json +11 -8
@@ -0,0 +1,65 @@
1
+ import { LitElement, TemplateResult } from 'lit';
2
+ /**
3
+ * Tag variant types for different visual styles
4
+ */
5
+ export type TagVariant = 'default' | 'primary' | 'success' | 'warning' | 'error' | 'info';
6
+ /**
7
+ * Tag size options
8
+ */
9
+ export type TagSize = 'sm' | 'md' | 'lg';
10
+ /**
11
+ * A tag/badge component for displaying labels, statuses, or categories.
12
+ * Can be used for status indicators, category labels, or dismissible chips.
13
+ *
14
+ * @fires tag-dismiss - Fired when the dismiss button is clicked (if dismissible)
15
+ *
16
+ * @slot - Default slot for tag content (alternative to label prop)
17
+ */
18
+ export declare class ThTag extends LitElement {
19
+ /**
20
+ * The text label to display in the tag
21
+ */
22
+ label: string;
23
+ /**
24
+ * Visual variant/color scheme
25
+ */
26
+ variant: TagVariant;
27
+ /**
28
+ * Size of the tag
29
+ */
30
+ size: TagSize;
31
+ /**
32
+ * Whether the tag can be dismissed/closed
33
+ */
34
+ dismissible: boolean;
35
+ /**
36
+ * Whether the tag is disabled
37
+ */
38
+ disabled: boolean;
39
+ /**
40
+ * Whether to use outlined style (border instead of filled background)
41
+ */
42
+ outlined: boolean;
43
+ /**
44
+ * Optional icon to display before the label (iconify icon name)
45
+ */
46
+ icon: string;
47
+ /**
48
+ * Value passed in the dismiss event (useful for identifying which tag was dismissed)
49
+ */
50
+ value: string;
51
+ static styles: import("lit").CSSResult;
52
+ /**
53
+ * Handle dismiss button click
54
+ */
55
+ private _handleDismiss;
56
+ /**
57
+ * Render the dismiss button SVG icon
58
+ */
59
+ private _renderDismissIcon;
60
+ /**
61
+ * Render the component
62
+ */
63
+ render(): TemplateResult;
64
+ }
65
+ //# sourceMappingURL=th-tag.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"th-tag.d.ts","sourceRoot":"","sources":["../../../src/components/th-tag/th-tag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,cAAc,EAAW,MAAM,KAAK,CAAC;AAGrE;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAE1F;;GAEG;AACH,MAAM,MAAM,OAAO,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AASzC;;;;;;;GAOG;AACH,qBAAa,KAAM,SAAQ,UAAU;IACnC;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,OAAO,EAAE,UAAU,CAAa;IAEhC;;OAEG;IAEH,IAAI,EAAE,OAAO,CAAQ;IAErB;;OAEG;IAEH,WAAW,UAAS;IAEpB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,KAAK,SAAM;IAEX,OAAgB,MAAM,0BA+JpB;IAEF;;OAEG;IACH,OAAO,CAAC,cAAc;IAWtB;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAiB1B;;OAEG;IACM,MAAM,IAAI,cAAc;CAkClC"}
@@ -0,0 +1,307 @@
1
+ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
6
+ };
7
+ import { LitElement, html, css, nothing } from 'lit';
8
+ import { property } from 'lit/decorators.js';
9
+ /**
10
+ * A tag/badge component for displaying labels, statuses, or categories.
11
+ * Can be used for status indicators, category labels, or dismissible chips.
12
+ *
13
+ * @fires tag-dismiss - Fired when the dismiss button is clicked (if dismissible)
14
+ *
15
+ * @slot - Default slot for tag content (alternative to label prop)
16
+ */
17
+ export class ThTag extends LitElement {
18
+ constructor() {
19
+ super(...arguments);
20
+ /**
21
+ * The text label to display in the tag
22
+ */
23
+ this.label = '';
24
+ /**
25
+ * Visual variant/color scheme
26
+ */
27
+ this.variant = 'default';
28
+ /**
29
+ * Size of the tag
30
+ */
31
+ this.size = 'md';
32
+ /**
33
+ * Whether the tag can be dismissed/closed
34
+ */
35
+ this.dismissible = false;
36
+ /**
37
+ * Whether the tag is disabled
38
+ */
39
+ this.disabled = false;
40
+ /**
41
+ * Whether to use outlined style (border instead of filled background)
42
+ */
43
+ this.outlined = false;
44
+ /**
45
+ * Optional icon to display before the label (iconify icon name)
46
+ */
47
+ this.icon = '';
48
+ /**
49
+ * Value passed in the dismiss event (useful for identifying which tag was dismissed)
50
+ */
51
+ this.value = '';
52
+ }
53
+ /**
54
+ * Handle dismiss button click
55
+ */
56
+ _handleDismiss(e) {
57
+ e.stopPropagation();
58
+ const event = new CustomEvent('tag-dismiss', {
59
+ bubbles: true,
60
+ composed: true,
61
+ detail: { value: this.value || this.label },
62
+ });
63
+ this.dispatchEvent(event);
64
+ }
65
+ /**
66
+ * Render the dismiss button SVG icon
67
+ */
68
+ _renderDismissIcon() {
69
+ return html `
70
+ <svg
71
+ xmlns="http://www.w3.org/2000/svg"
72
+ viewBox="0 0 20 20"
73
+ fill="currentColor"
74
+ aria-hidden="true"
75
+ >
76
+ <path
77
+ fill-rule="evenodd"
78
+ d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
79
+ clip-rule="evenodd"
80
+ />
81
+ </svg>
82
+ `;
83
+ }
84
+ /**
85
+ * Render the component
86
+ */
87
+ render() {
88
+ const classes = [
89
+ 'tag',
90
+ `tag--${this.variant}`,
91
+ `tag--${this.size}`,
92
+ this.outlined ? 'tag--outlined' : '',
93
+ ].filter(Boolean).join(' ');
94
+ return html `
95
+ <span class=${classes} part="tag">
96
+ ${this.icon
97
+ ? html `<span class="tag__icon" part="icon">
98
+ <iconify-icon icon=${this.icon}></iconify-icon>
99
+ </span>`
100
+ : nothing}
101
+ <span class="tag__label" part="label">
102
+ ${this.label || html `<slot></slot>`}
103
+ </span>
104
+ ${this.dismissible
105
+ ? html `
106
+ <button
107
+ class="tag__dismiss"
108
+ part="dismiss"
109
+ type="button"
110
+ aria-label="Remove tag"
111
+ @click=${this._handleDismiss}
112
+ >
113
+ ${this._renderDismissIcon()}
114
+ </button>
115
+ `
116
+ : nothing}
117
+ </span>
118
+ `;
119
+ }
120
+ }
121
+ ThTag.styles = css `
122
+ :host {
123
+ display: inline-flex;
124
+ }
125
+
126
+ :host([disabled]) {
127
+ opacity: 0.5;
128
+ pointer-events: none;
129
+ }
130
+
131
+ .tag {
132
+ display: inline-flex;
133
+ align-items: center;
134
+ gap: 6px;
135
+ border-radius: 9999px;
136
+ font-weight: 500;
137
+ white-space: nowrap;
138
+ transition: all 0.15s ease;
139
+ }
140
+
141
+ /* Size variants */
142
+ .tag--sm {
143
+ padding: 2px 8px;
144
+ font-size: 12px;
145
+ line-height: 16px;
146
+ }
147
+
148
+ .tag--md {
149
+ padding: 4px 12px;
150
+ font-size: 14px;
151
+ line-height: 20px;
152
+ }
153
+
154
+ .tag--lg {
155
+ padding: 6px 16px;
156
+ font-size: 16px;
157
+ line-height: 24px;
158
+ }
159
+
160
+ /* Color variants - soft pastel backgrounds with colored text */
161
+ .tag--default {
162
+ background-color: var(--th-tag-default-bg, #f3f4f6);
163
+ color: var(--th-tag-default-text, #4b5563);
164
+ }
165
+
166
+ .tag--primary {
167
+ background-color: var(--th-tag-primary-bg, #dbeafe);
168
+ color: var(--th-tag-primary-text, #1d4ed8);
169
+ }
170
+
171
+ .tag--success {
172
+ background-color: var(--th-tag-success-bg, #dcfce7);
173
+ color: var(--th-tag-success-text, #15803d);
174
+ }
175
+
176
+ .tag--warning {
177
+ background-color: var(--th-tag-warning-bg, #fef3c7);
178
+ color: var(--th-tag-warning-text, #b45309);
179
+ }
180
+
181
+ .tag--error {
182
+ background-color: var(--th-tag-error-bg, #fee2e2);
183
+ color: var(--th-tag-error-text, #dc2626);
184
+ }
185
+
186
+ .tag--info {
187
+ background-color: var(--th-tag-info-bg, #e0f2fe);
188
+ color: var(--th-tag-info-text, #0284c7);
189
+ }
190
+
191
+ /* Outlined variants */
192
+ .tag--outlined {
193
+ background-color: transparent;
194
+ border: 1px solid currentColor;
195
+ }
196
+
197
+ .tag--outlined.tag--default {
198
+ background-color: transparent;
199
+ color: var(--th-tag-default-text, #4b5563);
200
+ border-color: var(--th-tag-default-border, #d1d5db);
201
+ }
202
+
203
+ .tag--outlined.tag--primary {
204
+ background-color: transparent;
205
+ color: var(--th-tag-primary-text, #1d4ed8);
206
+ }
207
+
208
+ .tag--outlined.tag--success {
209
+ background-color: transparent;
210
+ color: var(--th-tag-success-text, #15803d);
211
+ }
212
+
213
+ .tag--outlined.tag--warning {
214
+ background-color: transparent;
215
+ color: var(--th-tag-warning-text, #b45309);
216
+ }
217
+
218
+ .tag--outlined.tag--error {
219
+ background-color: transparent;
220
+ color: var(--th-tag-error-text, #dc2626);
221
+ }
222
+
223
+ .tag--outlined.tag--info {
224
+ background-color: transparent;
225
+ color: var(--th-tag-info-text, #0284c7);
226
+ }
227
+
228
+ /* Icon styling */
229
+ .tag__icon {
230
+ display: flex;
231
+ align-items: center;
232
+ font-size: 1em;
233
+ }
234
+
235
+ /* Dismiss button */
236
+ .tag__dismiss {
237
+ display: flex;
238
+ align-items: center;
239
+ justify-content: center;
240
+ background: none;
241
+ border: none;
242
+ padding: 0;
243
+ margin-left: 2px;
244
+ cursor: pointer;
245
+ color: inherit;
246
+ opacity: 0.7;
247
+ transition: opacity 0.15s ease;
248
+ line-height: 1;
249
+ }
250
+
251
+ .tag__dismiss:hover {
252
+ opacity: 1;
253
+ }
254
+
255
+ .tag__dismiss:focus {
256
+ outline: none;
257
+ opacity: 1;
258
+ }
259
+
260
+ .tag__dismiss svg {
261
+ width: 1em;
262
+ height: 1em;
263
+ }
264
+
265
+ /* Size-specific dismiss button adjustments */
266
+ .tag--sm .tag__dismiss svg {
267
+ width: 12px;
268
+ height: 12px;
269
+ }
270
+
271
+ .tag--md .tag__dismiss svg {
272
+ width: 14px;
273
+ height: 14px;
274
+ }
275
+
276
+ .tag--lg .tag__dismiss svg {
277
+ width: 16px;
278
+ height: 16px;
279
+ }
280
+ `;
281
+ __decorate([
282
+ property({ type: String })
283
+ ], ThTag.prototype, "label", void 0);
284
+ __decorate([
285
+ property({ type: String })
286
+ ], ThTag.prototype, "variant", void 0);
287
+ __decorate([
288
+ property({ type: String })
289
+ ], ThTag.prototype, "size", void 0);
290
+ __decorate([
291
+ property({ type: Boolean })
292
+ ], ThTag.prototype, "dismissible", void 0);
293
+ __decorate([
294
+ property({ type: Boolean })
295
+ ], ThTag.prototype, "disabled", void 0);
296
+ __decorate([
297
+ property({ type: Boolean })
298
+ ], ThTag.prototype, "outlined", void 0);
299
+ __decorate([
300
+ property({ type: String })
301
+ ], ThTag.prototype, "icon", void 0);
302
+ __decorate([
303
+ property({ type: String })
304
+ ], ThTag.prototype, "value", void 0);
305
+ // Register the element
306
+ customElements.define('th-tag', ThTag);
307
+ //# sourceMappingURL=th-tag.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"th-tag.js","sourceRoot":"","sources":["../../../src/components/th-tag/th-tag.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAkB,OAAO,EAAE,MAAM,KAAK,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAmB7C;;;;;;;GAOG;AACH,MAAM,OAAO,KAAM,SAAQ,UAAU;IAArC;;QACE;;WAEG;QAEH,UAAK,GAAG,EAAE,CAAC;QAEX;;WAEG;QAEH,YAAO,GAAe,SAAS,CAAC;QAEhC;;WAEG;QAEH,SAAI,GAAY,IAAI,CAAC;QAErB;;WAEG;QAEH,gBAAW,GAAG,KAAK,CAAC;QAEpB;;WAEG;QAEH,aAAQ,GAAG,KAAK,CAAC;QAEjB;;WAEG;QAEH,aAAQ,GAAG,KAAK,CAAC;QAEjB;;WAEG;QAEH,SAAI,GAAG,EAAE,CAAC;QAEV;;WAEG;QAEH,UAAK,GAAG,EAAE,CAAC;IA0Ob,CAAC;IAvEC;;OAEG;IACK,cAAc,CAAC,CAAQ;QAC7B,CAAC,CAAC,eAAe,EAAE,CAAC;QAEpB,MAAM,KAAK,GAAG,IAAI,WAAW,CAAmB,aAAa,EAAE;YAC7D,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,EAAE;SAC5C,CAAC,CAAC;QACH,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC;IAED;;OAEG;IACK,kBAAkB;QACxB,OAAO,IAAI,CAAA;;;;;;;;;;;;;KAaV,CAAC;IACJ,CAAC;IAED;;OAEG;IACM,MAAM;QACb,MAAM,OAAO,GAAG;YACd,KAAK;YACL,QAAQ,IAAI,CAAC,OAAO,EAAE;YACtB,QAAQ,IAAI,CAAC,IAAI,EAAE;YACnB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE;SACrC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAE5B,OAAO,IAAI,CAAA;oBACK,OAAO;UACjB,IAAI,CAAC,IAAI;YACT,CAAC,CAAC,IAAI,CAAA;mCACmB,IAAI,CAAC,IAAI;oBACxB;YACV,CAAC,CAAC,OAAO;;YAEP,IAAI,CAAC,KAAK,IAAI,IAAI,CAAA,eAAe;;UAEnC,IAAI,CAAC,WAAW;YAChB,CAAC,CAAC,IAAI,CAAA;;;;;;yBAMS,IAAI,CAAC,cAAc;;kBAE1B,IAAI,CAAC,kBAAkB,EAAE;;aAE9B;YACH,CAAC,CAAC,OAAO;;KAEd,CAAC;IACJ,CAAC;;AAvOe,YAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+J3B,AA/JqB,CA+JpB;AA3MF;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oCAChB;AAMX;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sCACK;AAMhC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mCACN;AAMrB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0CACR;AAMpB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;uCACX;AAMjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;uCACX;AAMjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mCACjB;AAMV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oCAChB;AA4Ob,uBAAuB;AACvB,cAAc,CAAC,MAAM,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC"}
@@ -0,0 +1,277 @@
1
+ declare namespace _default {
2
+ let title: string;
3
+ let tags: string[];
4
+ function render(args: any): HTMLElement;
5
+ namespace argTypes {
6
+ namespace label {
7
+ let control: string;
8
+ let description: string;
9
+ let defaultValue: string;
10
+ }
11
+ namespace variant {
12
+ let control_1: string;
13
+ export { control_1 as control };
14
+ export let options: string[];
15
+ let description_1: string;
16
+ export { description_1 as description };
17
+ let defaultValue_1: string;
18
+ export { defaultValue_1 as defaultValue };
19
+ }
20
+ namespace size {
21
+ let control_2: string;
22
+ export { control_2 as control };
23
+ let options_1: string[];
24
+ export { options_1 as options };
25
+ let description_2: string;
26
+ export { description_2 as description };
27
+ let defaultValue_2: string;
28
+ export { defaultValue_2 as defaultValue };
29
+ }
30
+ namespace dismissible {
31
+ let control_3: string;
32
+ export { control_3 as control };
33
+ let description_3: string;
34
+ export { description_3 as description };
35
+ let defaultValue_3: boolean;
36
+ export { defaultValue_3 as defaultValue };
37
+ }
38
+ namespace disabled {
39
+ let control_4: string;
40
+ export { control_4 as control };
41
+ let description_4: string;
42
+ export { description_4 as description };
43
+ let defaultValue_4: boolean;
44
+ export { defaultValue_4 as defaultValue };
45
+ }
46
+ namespace outlined {
47
+ let control_5: string;
48
+ export { control_5 as control };
49
+ let description_5: string;
50
+ export { description_5 as description };
51
+ let defaultValue_5: boolean;
52
+ export { defaultValue_5 as defaultValue };
53
+ }
54
+ namespace icon {
55
+ let control_6: string;
56
+ export { control_6 as control };
57
+ let description_6: string;
58
+ export { description_6 as description };
59
+ }
60
+ namespace value {
61
+ let control_7: string;
62
+ export { control_7 as control };
63
+ let description_7: string;
64
+ export { description_7 as description };
65
+ }
66
+ }
67
+ namespace parameters {
68
+ namespace docs {
69
+ export namespace description_8 {
70
+ let component: string;
71
+ }
72
+ export { description_8 as description };
73
+ }
74
+ }
75
+ }
76
+ export default _default;
77
+ export namespace Default {
78
+ export namespace args {
79
+ let label_1: string;
80
+ export { label_1 as label };
81
+ let variant_1: string;
82
+ export { variant_1 as variant };
83
+ let size_1: string;
84
+ export { size_1 as size };
85
+ }
86
+ export namespace parameters_1 {
87
+ export namespace docs_1 {
88
+ namespace source {
89
+ let code: string;
90
+ }
91
+ }
92
+ export { docs_1 as docs };
93
+ }
94
+ export { parameters_1 as parameters };
95
+ }
96
+ export namespace Variants {
97
+ export function render_1(): HTMLDivElement;
98
+ export { render_1 as render };
99
+ export namespace parameters_2 {
100
+ export namespace docs_2 {
101
+ export namespace description_9 {
102
+ let story: string;
103
+ }
104
+ export { description_9 as description };
105
+ export namespace source_1 {
106
+ let code_1: string;
107
+ export { code_1 as code };
108
+ }
109
+ export { source_1 as source };
110
+ }
111
+ export { docs_2 as docs };
112
+ }
113
+ export { parameters_2 as parameters };
114
+ }
115
+ export namespace Outlined {
116
+ export function render_2(): HTMLDivElement;
117
+ export { render_2 as render };
118
+ export namespace parameters_3 {
119
+ export namespace docs_3 {
120
+ export namespace description_10 {
121
+ let story_1: string;
122
+ export { story_1 as story };
123
+ }
124
+ export { description_10 as description };
125
+ export namespace source_2 {
126
+ let code_2: string;
127
+ export { code_2 as code };
128
+ }
129
+ export { source_2 as source };
130
+ }
131
+ export { docs_3 as docs };
132
+ }
133
+ export { parameters_3 as parameters };
134
+ }
135
+ export namespace Sizes {
136
+ export function render_3(): HTMLDivElement;
137
+ export { render_3 as render };
138
+ export namespace parameters_4 {
139
+ export namespace docs_4 {
140
+ export namespace description_11 {
141
+ let story_2: string;
142
+ export { story_2 as story };
143
+ }
144
+ export { description_11 as description };
145
+ export namespace source_3 {
146
+ let code_3: string;
147
+ export { code_3 as code };
148
+ }
149
+ export { source_3 as source };
150
+ }
151
+ export { docs_4 as docs };
152
+ }
153
+ export { parameters_4 as parameters };
154
+ }
155
+ export namespace Dismissible {
156
+ export function render_4(): HTMLDivElement;
157
+ export { render_4 as render };
158
+ export namespace parameters_5 {
159
+ export namespace docs_5 {
160
+ export namespace description_12 {
161
+ let story_3: string;
162
+ export { story_3 as story };
163
+ }
164
+ export { description_12 as description };
165
+ export namespace source_4 {
166
+ let code_4: string;
167
+ export { code_4 as code };
168
+ }
169
+ export { source_4 as source };
170
+ }
171
+ export { docs_5 as docs };
172
+ }
173
+ export { parameters_5 as parameters };
174
+ }
175
+ export namespace WithIcons {
176
+ export function render_5(): HTMLDivElement;
177
+ export { render_5 as render };
178
+ export namespace parameters_6 {
179
+ export namespace docs_6 {
180
+ export namespace description_13 {
181
+ let story_4: string;
182
+ export { story_4 as story };
183
+ }
184
+ export { description_13 as description };
185
+ export namespace source_5 {
186
+ let code_5: string;
187
+ export { code_5 as code };
188
+ }
189
+ export { source_5 as source };
190
+ }
191
+ export { docs_6 as docs };
192
+ }
193
+ export { parameters_6 as parameters };
194
+ }
195
+ export namespace StatusIndicators {
196
+ export function render_6(): HTMLDivElement;
197
+ export { render_6 as render };
198
+ export namespace parameters_7 {
199
+ export namespace docs_7 {
200
+ export namespace description_14 {
201
+ let story_5: string;
202
+ export { story_5 as story };
203
+ }
204
+ export { description_14 as description };
205
+ export namespace source_6 {
206
+ let code_6: string;
207
+ export { code_6 as code };
208
+ }
209
+ export { source_6 as source };
210
+ }
211
+ export { docs_7 as docs };
212
+ }
213
+ export { parameters_7 as parameters };
214
+ }
215
+ export namespace VersionBadge {
216
+ export namespace args_1 {
217
+ let label_2: string;
218
+ export { label_2 as label };
219
+ let variant_2: string;
220
+ export { variant_2 as variant };
221
+ let size_2: string;
222
+ export { size_2 as size };
223
+ }
224
+ export { args_1 as args };
225
+ export namespace parameters_8 {
226
+ export namespace docs_8 {
227
+ export namespace description_15 {
228
+ let story_6: string;
229
+ export { story_6 as story };
230
+ }
231
+ export { description_15 as description };
232
+ export namespace source_7 {
233
+ let code_7: string;
234
+ export { code_7 as code };
235
+ }
236
+ export { source_7 as source };
237
+ }
238
+ export { docs_8 as docs };
239
+ }
240
+ export { parameters_8 as parameters };
241
+ }
242
+ export namespace Disabled {
243
+ export function render_7(): HTMLDivElement;
244
+ export { render_7 as render };
245
+ export namespace parameters_9 {
246
+ export namespace docs_9 {
247
+ export namespace description_16 {
248
+ let story_7: string;
249
+ export { story_7 as story };
250
+ }
251
+ export { description_16 as description };
252
+ export namespace source_8 {
253
+ let code_8: string;
254
+ export { code_8 as code };
255
+ }
256
+ export { source_8 as source };
257
+ }
258
+ export { docs_9 as docs };
259
+ }
260
+ export { parameters_9 as parameters };
261
+ }
262
+ export namespace FilterChips {
263
+ export function render_8(): HTMLDivElement;
264
+ export { render_8 as render };
265
+ export namespace parameters_10 {
266
+ export namespace docs_10 {
267
+ export namespace description_17 {
268
+ let story_8: string;
269
+ export { story_8 as story };
270
+ }
271
+ export { description_17 as description };
272
+ }
273
+ export { docs_10 as docs };
274
+ }
275
+ export { parameters_10 as parameters };
276
+ }
277
+ //# sourceMappingURL=th-tag.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"th-tag.stories.d.ts","sourceRoot":"","sources":["../../../src/components/th-tag/th-tag.stories.js"],"names":[],"mappings":";;;IASU,wCAiBP;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAoFO,2CAcP;;;;;;;;;;;;;;;;;;;IAsBO,2CAeP;;;;;;;;;;;;;;;;;;;;IAsBO,2CAeP;;;;;;;;;;;;;;;;;;;;IAmBO,2CAsBP;;;;;;;;;;;;;;;;;;;;IAyBO,2CAoBP;;;;;;;;;;;;;;;;;;;;IAmBO,2CA+BP;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAyCO,2CAiBP;;;;;;;;;;;;;;;;;;;;IAkBO,2CAoCP"}