@3t-transform/threeteeui 0.0.16 → 0.0.18
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.
- package/dist/cjs/{index-864b7110.js → index-bf777121.js} +3 -0
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/tttx-button.cjs.entry.js +25 -19
- package/dist/cjs/tttx-checkbox.cjs.entry.js +18 -18
- package/dist/cjs/tttx-form.cjs.entry.js +365 -365
- package/dist/cjs/tttx-icon.cjs.entry.js +14 -1856
- package/dist/cjs/tttx-input-calendar.cjs.entry.js +125 -0
- package/dist/cjs/tttx-keyvalue-block.cjs.entry.js +33 -0
- package/dist/cjs/tttx-list.cjs.entry.js +188 -188
- package/dist/cjs/tttx-loading-spinner.cjs.entry.js +16 -16
- package/dist/cjs/tttx-popover-content.cjs.entry.js +13 -13
- package/dist/cjs/tttx-standalone-input.cjs.entry.js +127 -127
- package/dist/cjs/tttx-table.cjs.entry.js +50 -50
- package/dist/cjs/tttx.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +2 -0
- package/dist/collection/components/atoms/tttx-button/tttx-button.css +94 -18
- package/dist/collection/components/atoms/tttx-button/tttx-button.js +110 -93
- package/dist/collection/components/atoms/tttx-button/tttx-button.stories.js +74 -27
- package/dist/collection/components/atoms/tttx-icon/tttx-icon.css +8 -5
- package/dist/collection/components/atoms/tttx-icon/tttx-icon.js +62 -116
- package/dist/collection/components/atoms/tttx-icon/tttx-icon.stories.js +22 -47
- package/dist/collection/components/atoms/tttx-keyvalue-block/tttx-keyvalue-block.css +26 -0
- package/dist/collection/components/atoms/tttx-keyvalue-block/tttx-keyvalue-block.js +56 -0
- package/dist/collection/components/atoms/tttx-keyvalue-block/tttx-keyvalue-block.stories.js +12 -0
- package/dist/collection/components/atoms/tttx-loading-spinner/tttx-loading-spinner.js +67 -66
- package/dist/collection/components/atoms/tttx-loading-spinner/tttx-loading-spinner.stories.js +17 -17
- package/dist/collection/components/atoms/tttx-popover-content/tttx-popover-content.js +97 -96
- package/dist/collection/components/atoms/tttx-popover-content/tttx-popover-content.stories.js +23 -23
- package/dist/collection/components/atoms/ttx-checkbox/tttx-checkbox.js +102 -101
- package/dist/collection/components/atoms/ttx-checkbox/tttx-checkbox.stories.js +9 -9
- package/dist/collection/components/molecules/tttx-form/tttx-form.css +95 -11
- package/dist/collection/components/molecules/tttx-form/tttx-form.js +452 -451
- package/dist/collection/components/molecules/tttx-form/tttx-form.stories.js +109 -109
- package/dist/collection/components/molecules/tttx-input-calendar/tttx-input-calendar.css +93 -0
- package/dist/collection/components/molecules/tttx-input-calendar/tttx-input-calendar.js +174 -0
- package/dist/collection/components/molecules/tttx-input-calendar/tttx-input-calendar.stories.js +27 -0
- package/dist/collection/components/molecules/tttx-list/tttx-list.js +312 -311
- package/dist/collection/components/molecules/tttx-list/tttx-list.stories.js +14 -14
- package/dist/collection/components/molecules/tttx-standalone-input/tttx-standalone-input.js +570 -569
- package/dist/collection/components/molecules/tttx-standalone-input/tttx-standalone-input.stories.js +134 -134
- package/dist/collection/components/molecules/tttx-table/tttx-table.js +174 -177
- package/dist/collection/components/molecules/tttx-table/tttx-table.stories.js +65 -65
- package/dist/collection/components/palette.stories.js +7 -7
- package/dist/collection/docs/gettingstarted-developer.stories.js +5 -5
- package/dist/collection/icons.js +2838 -2838
- package/dist/collection/index.js +1 -1
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.js +2 -0
- package/dist/components/tttx-button.js +1 -40
- package/dist/components/tttx-button2.js +56 -0
- package/dist/components/tttx-checkbox.js +36 -36
- package/dist/components/tttx-form.js +382 -382
- package/dist/components/tttx-icon2.js +32 -1874
- package/dist/components/tttx-input-calendar.d.ts +11 -0
- package/dist/components/tttx-input-calendar.js +157 -0
- package/dist/components/tttx-keyvalue-block.d.ts +11 -0
- package/dist/components/tttx-keyvalue-block.js +49 -0
- package/dist/components/tttx-list.js +214 -214
- package/dist/components/tttx-loading-spinner2.js +33 -33
- package/dist/components/tttx-popover-content2.js +32 -32
- package/dist/components/tttx-standalone-input.js +168 -169
- package/dist/components/tttx-table.js +79 -79
- package/dist/esm/{index-232e347b.js → index-a05bd606.js} +3 -0
- package/dist/esm/loader.js +3 -3
- package/dist/esm/polyfills/core-js.js +0 -0
- package/dist/esm/polyfills/dom.js +0 -0
- package/dist/esm/polyfills/es5-html-element.js +0 -0
- package/dist/esm/polyfills/index.js +0 -0
- package/dist/esm/polyfills/system.js +0 -0
- package/dist/esm/tttx-button.entry.js +25 -19
- package/dist/esm/tttx-checkbox.entry.js +18 -18
- package/dist/esm/tttx-form.entry.js +365 -365
- package/dist/esm/tttx-icon.entry.js +14 -1856
- package/dist/esm/tttx-input-calendar.entry.js +121 -0
- package/dist/esm/tttx-keyvalue-block.entry.js +29 -0
- package/dist/esm/tttx-list.entry.js +188 -188
- package/dist/esm/tttx-loading-spinner.entry.js +16 -16
- package/dist/esm/tttx-popover-content.entry.js +13 -13
- package/dist/esm/tttx-standalone-input.entry.js +127 -127
- package/dist/esm/tttx-table.entry.js +50 -50
- package/dist/esm/tttx.js +3 -3
- package/dist/tttx/{p-3973b7dd.entry.js → p-037d286f.entry.js} +1 -1
- package/dist/tttx/{p-184c4fae.js → p-07b134af.js} +1 -1
- package/dist/tttx/{p-125f06b3.entry.js → p-1b63f16a.entry.js} +1 -1
- package/dist/tttx/p-45afb84c.entry.js +1 -0
- package/dist/tttx/p-68ff0f39.entry.js +1 -0
- package/dist/tttx/{p-6828fe6f.entry.js → p-93763d3c.entry.js} +1 -1
- package/dist/tttx/p-a5808741.entry.js +1 -0
- package/dist/tttx/{p-fe4c70b2.entry.js → p-a92ca87e.entry.js} +1 -1
- package/dist/tttx/{p-5ce1ba22.entry.js → p-a96ca037.entry.js} +1 -1
- package/dist/tttx/p-dc087fd8.entry.js +1 -0
- package/dist/tttx/p-e3cc75bb.entry.js +1 -0
- package/dist/tttx/{p-01e1894e.entry.js → p-f579ed1e.entry.js} +1 -1
- package/dist/tttx/tttx.esm.js +1 -1
- package/dist/types/components/atoms/tttx-button/tttx-button.d.ts +10 -9
- package/dist/types/components/atoms/tttx-button/tttx-button.stories.d.ts +10 -20
- package/dist/types/components/atoms/tttx-icon/tttx-icon.d.ts +5 -14
- package/dist/types/components/atoms/tttx-icon/tttx-icon.stories.d.ts +20 -21
- package/dist/types/components/atoms/tttx-keyvalue-block/tttx-keyvalue-block.d.ts +4 -0
- package/dist/types/components/atoms/tttx-keyvalue-block/tttx-keyvalue-block.stories.d.ts +6 -0
- package/dist/types/components/atoms/tttx-loading-spinner/tttx-loading-spinner.d.ts +6 -6
- package/dist/types/components/atoms/tttx-loading-spinner/tttx-loading-spinner.stories.d.ts +17 -17
- package/dist/types/components/atoms/tttx-popover-content/tttx-popover-content.d.ts +7 -7
- package/dist/types/components/atoms/tttx-popover-content/tttx-popover-content.stories.d.ts +18 -18
- package/dist/types/components/atoms/ttx-checkbox/tttx-checkbox.d.ts +9 -9
- package/dist/types/components/atoms/ttx-checkbox/tttx-checkbox.stories.d.ts +6 -6
- package/dist/types/components/molecules/tttx-form/tttx-form.d.ts +134 -134
- package/dist/types/components/molecules/tttx-form/tttx-form.stories.d.ts +12 -12
- package/dist/types/components/molecules/tttx-input-calendar/tttx-input-calendar.d.ts +19 -0
- package/dist/types/components/molecules/tttx-input-calendar/tttx-input-calendar.stories.d.ts +26 -0
- package/dist/types/components/molecules/tttx-list/tttx-list.d.ts +51 -51
- package/dist/types/components/molecules/tttx-list/tttx-list.stories.d.ts +13 -13
- package/dist/types/components/molecules/tttx-standalone-input/tttx-standalone-input.d.ts +38 -38
- package/dist/types/components/molecules/tttx-standalone-input/tttx-standalone-input.stories.d.ts +106 -106
- package/dist/types/components/molecules/tttx-table/tttx-table.d.ts +15 -15
- package/dist/types/components/molecules/tttx-table/tttx-table.stories.d.ts +21 -21
- package/dist/types/components/palette.stories.d.ts +6 -6
- package/dist/types/components.d.ts +46 -15
- package/dist/types/docs/gettingstarted-developer.stories.d.ts +5 -5
- package/dist/types/icons.d.ts +2 -2
- package/dist/types/index.d.ts +1 -1
- package/package.json +4 -4
- package/dist/tttx/p-10316ff1.entry.js +0 -1
- package/dist/tttx/p-b1c22f5f.entry.js +0 -1
- package/dist/tttx/p-c7f9be65.entry.js +0 -1
|
@@ -1,50 +1,50 @@
|
|
|
1
|
-
import { withActions } from '@storybook/addon-actions/decorator';
|
|
2
|
-
const templateData = [
|
|
3
|
-
{ name: 'John', age: 25, faveColor: 'blue' },
|
|
4
|
-
{ name: 'Jane', age: 30, faveColor: 'green' },
|
|
5
|
-
{ name: 'Bob', age: 40, faveColor: 'red' },
|
|
6
|
-
];
|
|
7
|
-
const templateHeaders = [
|
|
8
|
-
{
|
|
9
|
-
key: 'name',
|
|
10
|
-
label: 'Name'
|
|
11
|
-
},
|
|
12
|
-
{
|
|
13
|
-
key: 'age',
|
|
14
|
-
label: 'Age'
|
|
15
|
-
},
|
|
16
|
-
{
|
|
17
|
-
key: 'faveColor',
|
|
18
|
-
label: '',
|
|
19
|
-
actions: [
|
|
20
|
-
{
|
|
21
|
-
label: 'Edit',
|
|
22
|
-
icon: 'edit',
|
|
23
|
-
action: 'edit'
|
|
24
|
-
},
|
|
25
|
-
{
|
|
26
|
-
label: 'Delete',
|
|
27
|
-
icon: 'delete',
|
|
28
|
-
action: 'delete'
|
|
29
|
-
}
|
|
30
|
-
]
|
|
31
|
-
}
|
|
32
|
-
];
|
|
33
|
-
export default {
|
|
34
|
-
title: 'Molecules/Table',
|
|
35
|
-
component: 'tttx-table',
|
|
36
|
-
argTypes: {
|
|
37
|
-
loading: {
|
|
38
|
-
control: { type: 'boolean' },
|
|
39
|
-
}
|
|
40
|
-
},
|
|
41
|
-
parameters: {
|
|
42
|
-
actions: {
|
|
43
|
-
handles: ['rowSelected', 'headerClicked'],
|
|
44
|
-
},
|
|
45
|
-
},
|
|
46
|
-
decorators: [withActions],
|
|
47
|
-
};
|
|
1
|
+
import { withActions } from '@storybook/addon-actions/decorator';
|
|
2
|
+
const templateData = [
|
|
3
|
+
{ name: 'John', age: 25, faveColor: 'blue' },
|
|
4
|
+
{ name: 'Jane', age: 30, faveColor: 'green' },
|
|
5
|
+
{ name: 'Bob', age: 40, faveColor: 'red' },
|
|
6
|
+
];
|
|
7
|
+
const templateHeaders = [
|
|
8
|
+
{
|
|
9
|
+
key: 'name',
|
|
10
|
+
label: 'Name'
|
|
11
|
+
},
|
|
12
|
+
{
|
|
13
|
+
key: 'age',
|
|
14
|
+
label: 'Age'
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
key: 'faveColor',
|
|
18
|
+
label: '',
|
|
19
|
+
actions: [
|
|
20
|
+
{
|
|
21
|
+
label: 'Edit',
|
|
22
|
+
icon: 'edit',
|
|
23
|
+
action: 'edit'
|
|
24
|
+
},
|
|
25
|
+
{
|
|
26
|
+
label: 'Delete',
|
|
27
|
+
icon: 'delete',
|
|
28
|
+
action: 'delete'
|
|
29
|
+
}
|
|
30
|
+
]
|
|
31
|
+
}
|
|
32
|
+
];
|
|
33
|
+
export default {
|
|
34
|
+
title: 'Molecules/Table',
|
|
35
|
+
component: 'tttx-table',
|
|
36
|
+
argTypes: {
|
|
37
|
+
loading: {
|
|
38
|
+
control: { type: 'boolean' },
|
|
39
|
+
}
|
|
40
|
+
},
|
|
41
|
+
parameters: {
|
|
42
|
+
actions: {
|
|
43
|
+
handles: ['rowSelected', 'headerClicked'],
|
|
44
|
+
},
|
|
45
|
+
},
|
|
46
|
+
decorators: [withActions],
|
|
47
|
+
};
|
|
48
48
|
const TemplateTable = ({ headers, data, loading, selected }) => `
|
|
49
49
|
|
|
50
50
|
<tttx-table
|
|
@@ -61,21 +61,21 @@ const TemplateTable = ({ headers, data, loading, selected }) => `
|
|
|
61
61
|
table.selected = ${selected};
|
|
62
62
|
</script>
|
|
63
63
|
|
|
64
|
-
`;
|
|
65
|
-
export const BasicTable = TemplateTable.bind({});
|
|
66
|
-
BasicTable.args = {
|
|
67
|
-
headers: templateHeaders,
|
|
68
|
-
data: templateData
|
|
69
|
-
};
|
|
70
|
-
export const TablePreSelected = TemplateTable.bind({});
|
|
71
|
-
TablePreSelected.args = {
|
|
72
|
-
headers: templateHeaders,
|
|
73
|
-
data: templateData,
|
|
74
|
-
selected: 1
|
|
75
|
-
};
|
|
76
|
-
export const TableLoading = TemplateTable.bind({});
|
|
77
|
-
TableLoading.args = {
|
|
78
|
-
headers: templateHeaders,
|
|
79
|
-
data: templateData,
|
|
80
|
-
loading: true
|
|
81
|
-
};
|
|
64
|
+
`;
|
|
65
|
+
export const BasicTable = TemplateTable.bind({});
|
|
66
|
+
BasicTable.args = {
|
|
67
|
+
headers: templateHeaders,
|
|
68
|
+
data: templateData
|
|
69
|
+
};
|
|
70
|
+
export const TablePreSelected = TemplateTable.bind({});
|
|
71
|
+
TablePreSelected.args = {
|
|
72
|
+
headers: templateHeaders,
|
|
73
|
+
data: templateData,
|
|
74
|
+
selected: 1
|
|
75
|
+
};
|
|
76
|
+
export const TableLoading = TemplateTable.bind({});
|
|
77
|
+
TableLoading.args = {
|
|
78
|
+
headers: templateHeaders,
|
|
79
|
+
data: templateData,
|
|
80
|
+
loading: true
|
|
81
|
+
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
export default {
|
|
2
|
-
title: 'Foundations/Palette',
|
|
3
|
-
component: 'tttx-palette',
|
|
4
|
-
};
|
|
1
|
+
export default {
|
|
2
|
+
title: 'Foundations/Palette',
|
|
3
|
+
component: 'tttx-palette',
|
|
4
|
+
};
|
|
5
5
|
const Swatch = (colour, name = '') => `
|
|
6
6
|
<div class="swatch">
|
|
7
7
|
<div class="swatchcontent" style="background-color:${colour};">
|
|
@@ -9,7 +9,7 @@ const Swatch = (colour, name = '') => `
|
|
|
9
9
|
</div>
|
|
10
10
|
<p>${name}</p>
|
|
11
11
|
</div>
|
|
12
|
-
`;
|
|
12
|
+
`;
|
|
13
13
|
const Template = () => `
|
|
14
14
|
|
|
15
15
|
<style>
|
|
@@ -84,5 +84,5 @@ ${Swatch('#EA6100', '$dv-high')}
|
|
|
84
84
|
${Swatch('#DC0000', '$dv-very-high')}
|
|
85
85
|
${Swatch('#A20000', '$dv-highest')}
|
|
86
86
|
|
|
87
|
-
`;
|
|
88
|
-
export const Default = Template.bind({});
|
|
87
|
+
`;
|
|
88
|
+
export const Default = Template.bind({});
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
export default {
|
|
2
|
-
title: 'Getting Started/Developer',
|
|
3
|
-
};
|
|
1
|
+
export default {
|
|
2
|
+
title: 'Getting Started/Developer',
|
|
3
|
+
};
|
|
4
4
|
const Template = () => `
|
|
5
5
|
<tttx-typography>
|
|
6
6
|
<p>Quick start guide for developers</p>
|
|
7
7
|
</tttx-typography>
|
|
8
|
-
`;
|
|
9
|
-
export const Default = Template.bind({});
|
|
8
|
+
`;
|
|
9
|
+
export const Default = Template.bind({});
|