@iota/apps-ui-kit 0.9.3 → 0.9.4

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 (36) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/index.d.ts +20 -20
  3. package/dist/index.es.js +1938 -1833
  4. package/dist/index.es.js.map +1 -1
  5. package/dist/index.umd.js +8 -8
  6. package/dist/index.umd.js.map +1 -1
  7. package/dist/style.css +1 -1
  8. package/package.json +2 -2
  9. package/src/lib/components/atoms/button/Button.tsx +4 -2
  10. package/src/lib/components/atoms/button-segment/ButtonSegment.tsx +3 -1
  11. package/src/lib/components/atoms/checkbox/Checkbox.tsx +3 -1
  12. package/src/lib/components/atoms/header/Header.tsx +2 -0
  13. package/src/lib/components/atoms/key-value-info/KeyValueInfo.tsx +1 -1
  14. package/src/lib/components/atoms/list-item/ListItem.tsx +3 -1
  15. package/src/lib/components/atoms/radio-button/RadioButton.tsx +3 -1
  16. package/src/lib/components/atoms/snackbar/Snackbar.tsx +4 -4
  17. package/src/lib/components/atoms/toggle/Toggle.tsx +4 -1
  18. package/src/lib/components/molecules/account/Account.tsx +2 -2
  19. package/src/lib/components/molecules/address/Address.tsx +4 -2
  20. package/src/lib/components/molecules/card/Card.tsx +6 -2
  21. package/src/lib/components/molecules/chip/Chip.tsx +11 -5
  22. package/src/lib/components/molecules/display-stats/DisplayStats.tsx +1 -1
  23. package/src/lib/components/molecules/input/Input.tsx +2 -0
  24. package/src/lib/components/molecules/navbar-item/NavbarItem.tsx +1 -1
  25. package/src/lib/components/molecules/navbar-item/NavbarItemHorizontal.tsx +3 -0
  26. package/src/lib/components/molecules/navbar-item/NavbarItemVertical.tsx +3 -0
  27. package/src/lib/components/molecules/search/Search.tsx +11 -1
  28. package/src/lib/components/molecules/select/Select.tsx +32 -24
  29. package/src/lib/components/molecules/table-header-cell/TableHeaderCell.tsx +12 -1
  30. package/src/lib/components/molecules/visual-asset-card/VisualAssetCard.tsx +2 -1
  31. package/src/lib/components/organisms/accordion/Accordion.tsx +2 -0
  32. package/src/lib/components/organisms/dialog/Dialog.tsx +9 -2
  33. package/src/lib/components/organisms/navbar/Navbar.tsx +2 -0
  34. package/src/lib/components/organisms/navbar/NavbarSlideout.tsx +1 -0
  35. package/src/lib/components/organisms/table/Table.tsx +4 -0
  36. package/src/lib/tailwind/base.presets.ts +42 -0
package/src/lib/components/organisms/navbar/Navbar.tsx CHANGED
@@ -61,6 +61,8 @@ export function Navbar({
61
61
  <div
62
62
  className="state-layer navbar-icon-color relative rounded-full p-xs hover:cursor-pointer sm:hidden [&_svg]:h-6 [&_svg]:w-6"
63
63
  onClick={onToggleNavbar}
64
+ role="button"
65
+ aria-label="Toggle menu"
64
66
  >
65
67
  <MenuIcon />
66
68
  </div>
package/src/lib/components/organisms/navbar/NavbarSlideout.tsx CHANGED
@@ -38,6 +38,7 @@ export function NavbarSlideout({
38
38
  type={ButtonType.Ghost}
39
39
  onClick={onToggleNavbar}
40
40
  icon={<ArrowBack />}
41
+ aria-label="Close menu"
41
42
  />
42
43
  </div>
43
44
  {items.map((item) => (
package/src/lib/components/organisms/table/Table.tsx CHANGED
@@ -119,6 +119,7 @@ export function Table({
119
119
  icon={<DoubleArrowLeft />}
120
120
  disabled={!paginationOptions.hasFirst}
121
121
  onClick={paginationOptions.onFirst}
122
+ aria-label="First page"
122
123
  />
123
124
  <Button
124
125
  type={ButtonType.Secondary}
@@ -126,6 +127,7 @@ export function Table({
126
127
  icon={<ArrowLeft />}
127
128
  disabled={!paginationOptions.hasPrev}
128
129
  onClick={paginationOptions.onPrev}
130
+ aria-label="Previous page"
129
131
  />
130
132
  <Button
131
133
  type={ButtonType.Secondary}
@@ -133,6 +135,7 @@ export function Table({
133
135
  icon={<ArrowRight />}
134
136
  disabled={!paginationOptions.hasNext}
135
137
  onClick={paginationOptions.onNext}
138
+ aria-label="Next page"
136
139
  />
137
140
  <Button
138
141
  type={ButtonType.Secondary}
@@ -140,6 +143,7 @@ export function Table({
140
143
  icon={<DoubleArrowRight />}
141
144
  disabled={!paginationOptions.hasLast}
142
145
  onClick={paginationOptions.onLast}
146
+ aria-label="Last page"
143
147
  />
144
148
  </>
145
149
  )}
package/src/lib/tailwind/base.presets.ts CHANGED
@@ -53,6 +53,48 @@ export const BASE_CONFIG: Config = {
53
53
  backgroundImage: {
54
54
  ...NAMES_GRADIENTS,
55
55
  },
56
+ keyframes: {
57
+ 'dialog-overlay-show': {
58
+ from: { opacity: '0' },
59
+ to: { opacity: '1' },
60
+ },
61
+ 'dialog-content-show': {
62
+ from: {
63
+ opacity: '0',
64
+ transform: 'translate(-50%, -50%) scale(0.92)',
65
+ },
66
+ to: {
67
+ opacity: '1',
68
+ transform: 'translate(-50%, -50%) scale(1)',
69
+ },
70
+ },
71
+ 'dialog-panel-show': {
72
+ from: {
73
+ opacity: '0',
74
+ transform: 'translateX(12px)',
75
+ },
76
+ to: {
77
+ opacity: '1',
78
+ transform: 'translateX(0)',
79
+ },
80
+ },
81
+ 'dropdown-show': {
82
+ from: {
83
+ opacity: '0',
84
+ transform: 'scale(0.94)',
85
+ },
86
+ to: {
87
+ opacity: '1',
88
+ transform: 'scale(1)',
89
+ },
90
+ },
91
+ },
92
+ animation: {
93
+ 'dialog-overlay-show': 'dialog-overlay-show 170ms ease-out',
94
+ 'dialog-content-show': 'dialog-content-show 170ms ease-out',
95
+ 'dialog-panel-show': 'dialog-panel-show 210ms ease-out',
96
+ 'dropdown-show': 'dropdown-show 125ms ease-out',
97
+ },
56
98
  },
57
99
  },
58
100
  };