@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.
Files changed (125) hide show
  1. package/dist/cjs/{index-864b7110.js → index-bf777121.js} +3 -0
  2. package/dist/cjs/loader.cjs.js +2 -2
  3. package/dist/cjs/tttx-button.cjs.entry.js +25 -19
  4. package/dist/cjs/tttx-checkbox.cjs.entry.js +18 -18
  5. package/dist/cjs/tttx-form.cjs.entry.js +365 -365
  6. package/dist/cjs/tttx-icon.cjs.entry.js +14 -1856
  7. package/dist/cjs/tttx-input-calendar.cjs.entry.js +125 -0
  8. package/dist/cjs/tttx-keyvalue-block.cjs.entry.js +33 -0
  9. package/dist/cjs/tttx-list.cjs.entry.js +188 -188
  10. package/dist/cjs/tttx-loading-spinner.cjs.entry.js +16 -16
  11. package/dist/cjs/tttx-popover-content.cjs.entry.js +13 -13
  12. package/dist/cjs/tttx-standalone-input.cjs.entry.js +127 -127
  13. package/dist/cjs/tttx-table.cjs.entry.js +50 -50
  14. package/dist/cjs/tttx.cjs.js +2 -2
  15. package/dist/collection/collection-manifest.json +2 -0
  16. package/dist/collection/components/atoms/tttx-button/tttx-button.css +94 -18
  17. package/dist/collection/components/atoms/tttx-button/tttx-button.js +110 -93
  18. package/dist/collection/components/atoms/tttx-button/tttx-button.stories.js +74 -27
  19. package/dist/collection/components/atoms/tttx-icon/tttx-icon.css +8 -5
  20. package/dist/collection/components/atoms/tttx-icon/tttx-icon.js +62 -116
  21. package/dist/collection/components/atoms/tttx-icon/tttx-icon.stories.js +22 -47
  22. package/dist/collection/components/atoms/tttx-keyvalue-block/tttx-keyvalue-block.css +26 -0
  23. package/dist/collection/components/atoms/tttx-keyvalue-block/tttx-keyvalue-block.js +56 -0
  24. package/dist/collection/components/atoms/tttx-keyvalue-block/tttx-keyvalue-block.stories.js +12 -0
  25. package/dist/collection/components/atoms/tttx-loading-spinner/tttx-loading-spinner.js +67 -66
  26. package/dist/collection/components/atoms/tttx-loading-spinner/tttx-loading-spinner.stories.js +17 -17
  27. package/dist/collection/components/atoms/tttx-popover-content/tttx-popover-content.js +97 -96
  28. package/dist/collection/components/atoms/tttx-popover-content/tttx-popover-content.stories.js +23 -23
  29. package/dist/collection/components/atoms/ttx-checkbox/tttx-checkbox.js +102 -101
  30. package/dist/collection/components/atoms/ttx-checkbox/tttx-checkbox.stories.js +9 -9
  31. package/dist/collection/components/molecules/tttx-form/tttx-form.css +95 -11
  32. package/dist/collection/components/molecules/tttx-form/tttx-form.js +452 -451
  33. package/dist/collection/components/molecules/tttx-form/tttx-form.stories.js +109 -109
  34. package/dist/collection/components/molecules/tttx-input-calendar/tttx-input-calendar.css +93 -0
  35. package/dist/collection/components/molecules/tttx-input-calendar/tttx-input-calendar.js +174 -0
  36. package/dist/collection/components/molecules/tttx-input-calendar/tttx-input-calendar.stories.js +27 -0
  37. package/dist/collection/components/molecules/tttx-list/tttx-list.js +312 -311
  38. package/dist/collection/components/molecules/tttx-list/tttx-list.stories.js +14 -14
  39. package/dist/collection/components/molecules/tttx-standalone-input/tttx-standalone-input.js +570 -569
  40. package/dist/collection/components/molecules/tttx-standalone-input/tttx-standalone-input.stories.js +134 -134
  41. package/dist/collection/components/molecules/tttx-table/tttx-table.js +174 -177
  42. package/dist/collection/components/molecules/tttx-table/tttx-table.stories.js +65 -65
  43. package/dist/collection/components/palette.stories.js +7 -7
  44. package/dist/collection/docs/gettingstarted-developer.stories.js +5 -5
  45. package/dist/collection/icons.js +2838 -2838
  46. package/dist/collection/index.js +1 -1
  47. package/dist/components/index.d.ts +2 -0
  48. package/dist/components/index.js +2 -0
  49. package/dist/components/tttx-button.js +1 -40
  50. package/dist/components/tttx-button2.js +56 -0
  51. package/dist/components/tttx-checkbox.js +36 -36
  52. package/dist/components/tttx-form.js +382 -382
  53. package/dist/components/tttx-icon2.js +32 -1874
  54. package/dist/components/tttx-input-calendar.d.ts +11 -0
  55. package/dist/components/tttx-input-calendar.js +157 -0
  56. package/dist/components/tttx-keyvalue-block.d.ts +11 -0
  57. package/dist/components/tttx-keyvalue-block.js +49 -0
  58. package/dist/components/tttx-list.js +214 -214
  59. package/dist/components/tttx-loading-spinner2.js +33 -33
  60. package/dist/components/tttx-popover-content2.js +32 -32
  61. package/dist/components/tttx-standalone-input.js +168 -169
  62. package/dist/components/tttx-table.js +79 -79
  63. package/dist/esm/{index-232e347b.js → index-a05bd606.js} +3 -0
  64. package/dist/esm/loader.js +3 -3
  65. package/dist/esm/polyfills/core-js.js +0 -0
  66. package/dist/esm/polyfills/dom.js +0 -0
  67. package/dist/esm/polyfills/es5-html-element.js +0 -0
  68. package/dist/esm/polyfills/index.js +0 -0
  69. package/dist/esm/polyfills/system.js +0 -0
  70. package/dist/esm/tttx-button.entry.js +25 -19
  71. package/dist/esm/tttx-checkbox.entry.js +18 -18
  72. package/dist/esm/tttx-form.entry.js +365 -365
  73. package/dist/esm/tttx-icon.entry.js +14 -1856
  74. package/dist/esm/tttx-input-calendar.entry.js +121 -0
  75. package/dist/esm/tttx-keyvalue-block.entry.js +29 -0
  76. package/dist/esm/tttx-list.entry.js +188 -188
  77. package/dist/esm/tttx-loading-spinner.entry.js +16 -16
  78. package/dist/esm/tttx-popover-content.entry.js +13 -13
  79. package/dist/esm/tttx-standalone-input.entry.js +127 -127
  80. package/dist/esm/tttx-table.entry.js +50 -50
  81. package/dist/esm/tttx.js +3 -3
  82. package/dist/tttx/{p-3973b7dd.entry.js → p-037d286f.entry.js} +1 -1
  83. package/dist/tttx/{p-184c4fae.js → p-07b134af.js} +1 -1
  84. package/dist/tttx/{p-125f06b3.entry.js → p-1b63f16a.entry.js} +1 -1
  85. package/dist/tttx/p-45afb84c.entry.js +1 -0
  86. package/dist/tttx/p-68ff0f39.entry.js +1 -0
  87. package/dist/tttx/{p-6828fe6f.entry.js → p-93763d3c.entry.js} +1 -1
  88. package/dist/tttx/p-a5808741.entry.js +1 -0
  89. package/dist/tttx/{p-fe4c70b2.entry.js → p-a92ca87e.entry.js} +1 -1
  90. package/dist/tttx/{p-5ce1ba22.entry.js → p-a96ca037.entry.js} +1 -1
  91. package/dist/tttx/p-dc087fd8.entry.js +1 -0
  92. package/dist/tttx/p-e3cc75bb.entry.js +1 -0
  93. package/dist/tttx/{p-01e1894e.entry.js → p-f579ed1e.entry.js} +1 -1
  94. package/dist/tttx/tttx.esm.js +1 -1
  95. package/dist/types/components/atoms/tttx-button/tttx-button.d.ts +10 -9
  96. package/dist/types/components/atoms/tttx-button/tttx-button.stories.d.ts +10 -20
  97. package/dist/types/components/atoms/tttx-icon/tttx-icon.d.ts +5 -14
  98. package/dist/types/components/atoms/tttx-icon/tttx-icon.stories.d.ts +20 -21
  99. package/dist/types/components/atoms/tttx-keyvalue-block/tttx-keyvalue-block.d.ts +4 -0
  100. package/dist/types/components/atoms/tttx-keyvalue-block/tttx-keyvalue-block.stories.d.ts +6 -0
  101. package/dist/types/components/atoms/tttx-loading-spinner/tttx-loading-spinner.d.ts +6 -6
  102. package/dist/types/components/atoms/tttx-loading-spinner/tttx-loading-spinner.stories.d.ts +17 -17
  103. package/dist/types/components/atoms/tttx-popover-content/tttx-popover-content.d.ts +7 -7
  104. package/dist/types/components/atoms/tttx-popover-content/tttx-popover-content.stories.d.ts +18 -18
  105. package/dist/types/components/atoms/ttx-checkbox/tttx-checkbox.d.ts +9 -9
  106. package/dist/types/components/atoms/ttx-checkbox/tttx-checkbox.stories.d.ts +6 -6
  107. package/dist/types/components/molecules/tttx-form/tttx-form.d.ts +134 -134
  108. package/dist/types/components/molecules/tttx-form/tttx-form.stories.d.ts +12 -12
  109. package/dist/types/components/molecules/tttx-input-calendar/tttx-input-calendar.d.ts +19 -0
  110. package/dist/types/components/molecules/tttx-input-calendar/tttx-input-calendar.stories.d.ts +26 -0
  111. package/dist/types/components/molecules/tttx-list/tttx-list.d.ts +51 -51
  112. package/dist/types/components/molecules/tttx-list/tttx-list.stories.d.ts +13 -13
  113. package/dist/types/components/molecules/tttx-standalone-input/tttx-standalone-input.d.ts +38 -38
  114. package/dist/types/components/molecules/tttx-standalone-input/tttx-standalone-input.stories.d.ts +106 -106
  115. package/dist/types/components/molecules/tttx-table/tttx-table.d.ts +15 -15
  116. package/dist/types/components/molecules/tttx-table/tttx-table.stories.d.ts +21 -21
  117. package/dist/types/components/palette.stories.d.ts +6 -6
  118. package/dist/types/components.d.ts +46 -15
  119. package/dist/types/docs/gettingstarted-developer.stories.d.ts +5 -5
  120. package/dist/types/icons.d.ts +2 -2
  121. package/dist/types/index.d.ts +1 -1
  122. package/package.json +4 -4
  123. package/dist/tttx/p-10316ff1.entry.js +0 -1
  124. package/dist/tttx/p-b1c22f5f.entry.js +0 -1
  125. 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({});