@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/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @iota/apps-ui-kit
2
2
 
3
+ ## 0.9.4
4
+
5
+ ### Patch Changes
6
+
7
+ - 4a5ec26: Always show Copy and explorer buttons in Address component.
8
+ - adea573: Enable declarationMap in TS packages
9
+ - 8ec6dd5: Extend support for aria props
10
+ - caf344f: Animations for dialog and Select.
11
+ - Updated dependencies [adea573]
12
+ - Updated dependencies [0142ab5]
13
+ - @iota/apps-ui-icons@0.7.4
14
+
3
15
  ## 0.9.3
4
16
 
5
17
  ### Patch Changes
package/dist/index.d.ts CHANGED
@@ -263,7 +263,7 @@ declare type ButtonPickedProps = Pick<ButtonProps, 'htmlType' | 'testId'>;
263
263
 
264
264
  export declare function ButtonPill({ htmlType, children, tabIndex, ...buttonProps }: Omit<ButtonVariantProps, 'className'>): JSX_2.Element;
265
265
 
266
- export declare interface ButtonProps {
266
+ export declare interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {
267
267
  /**
268
268
  * The size of the button.
269
269
  */
@@ -310,9 +310,9 @@ export declare interface ButtonProps {
310
310
  testId?: string;
311
311
  }
312
312
 
313
- export declare function ButtonSegment({ icon, label, selected, disabled, onClick, type, isNested, }: ButtonSegmentProps): React.JSX.Element;
313
+ export declare function ButtonSegment({ icon, label, selected, disabled, onClick, type, isNested, ...ariaProps }: ButtonSegmentProps): React.JSX.Element;
314
314
 
315
- declare interface ButtonSegmentProps {
315
+ declare interface ButtonSegmentProps extends React.AriaAttributes {
316
316
  /**
317
317
  * The label of the button.
318
318
  */
@@ -367,7 +367,7 @@ declare interface ButtonVariantProps extends ButtonPickedProps, PropsFromButtonE
367
367
  children: React.ReactNode;
368
368
  }
369
369
 
370
- export declare function Card({ isDisabled, type, isHoverable, onClick, children, testId, }: CardProps): JSX_2.Element;
370
+ export declare function Card({ isDisabled, type, isHoverable, onClick, children, testId, ...ariaProps }: CardProps): JSX_2.Element;
371
371
 
372
372
  export declare function CardAction({ type, onClick, subtitle, title, icon, iconAfterText, buttonType, buttonDisabled, }: CardActionProps): JSX_2.Element | null;
373
373
 
@@ -409,7 +409,7 @@ export declare interface CardImageProps {
409
409
  children?: React.ReactNode;
410
410
  }
411
411
 
412
- export declare interface CardProps {
412
+ export declare interface CardProps extends React.AriaAttributes {
413
413
  /**
414
414
  * If `true`, the card will be disabled.
415
415
  */
@@ -445,7 +445,7 @@ export declare enum CardType {
445
445
 
446
446
  export declare const Checkbox: ForwardRefExoticComponent<CheckboxProps & RefAttributes<HTMLInputElement>>;
447
447
 
448
- declare interface CheckboxProps {
448
+ declare interface CheckboxProps extends React.AriaAttributes {
449
449
  /**
450
450
  * The label of the checkbox.
451
451
  */
@@ -476,9 +476,9 @@ declare interface CheckboxProps {
476
476
  name?: string;
477
477
  }
478
478
 
479
- export declare function Chip({ label, type, selected, showClose, onClose, onClick, avatar, leadingElement, trailingElement, disabled, size, }: ChipProps): JSX_2.Element;
479
+ export declare function Chip({ label, type, selected, showClose, onClose, onClick, avatar, leadingElement, trailingElement, disabled, size, ...ariaProps }: ChipProps): JSX_2.Element;
480
480
 
481
- declare interface ChipProps {
481
+ declare interface ChipProps extends React.AriaAttributes {
482
482
  /**
483
483
  * The label of the chip
484
484
  */
@@ -1075,9 +1075,9 @@ export declare enum LabelTextSize {
1075
1075
  Large = "large"
1076
1076
  }
1077
1077
 
1078
- export declare function ListItem({ showRightIcon, hideBottomBorder, onClick, isDisabled, children, isHighlighted, }: PropsWithChildren<ListItemProps>): React.JSX.Element;
1078
+ export declare function ListItem({ showRightIcon, hideBottomBorder, onClick, isDisabled, children, isHighlighted, ...ariaProps }: PropsWithChildren<ListItemProps>): React.JSX.Element;
1079
1079
 
1080
- export declare interface ListItemProps {
1080
+ export declare interface ListItemProps extends React.AriaAttributes {
1081
1081
  /**
1082
1082
  * Has right icon (optional).
1083
1083
  */
@@ -1127,7 +1127,7 @@ export declare function Navbar({ items, activeId, onClickItem, isCollapsible, on
1127
1127
 
1128
1128
  export declare function NavbarItem(props: NavbarItemProps): React.JSX.Element;
1129
1129
 
1130
- export declare interface NavbarItemProps {
1130
+ export declare interface NavbarItemProps extends React.AriaAttributes {
1131
1131
  /**
1132
1132
  * The type of the navbar item.
1133
1133
  */
@@ -1236,9 +1236,9 @@ declare interface PlaceholderProps {
1236
1236
 
1237
1237
  declare type PropsFromButtonElement = Omit<React.HTMLProps<HTMLButtonElement>, 'type'>;
1238
1238
 
1239
- export declare function RadioButton({ id, name, label, supportingLabel, body, isChecked, isDisabled, onChange, }: RadioButtonProps): React.JSX.Element;
1239
+ export declare function RadioButton({ id, name, label, supportingLabel, body, isChecked, isDisabled, onChange, ...ariaProps }: RadioButtonProps): React.JSX.Element;
1240
1240
 
1241
- declare interface RadioButtonProps {
1241
+ declare interface RadioButtonProps extends React.AriaAttributes {
1242
1242
  /**
1243
1243
  * The id of the radio button.
1244
1244
  */
@@ -1287,14 +1287,14 @@ export declare enum ScreenSize {
1287
1287
  Xl = "xl"
1288
1288
  }
1289
1289
 
1290
- export declare function Search({ searchValue, suggestions, onSearchValueChange, onSuggestionClick, placeholder, isLoading, type, renderSuggestion, }: SearchProps): React.JSX.Element;
1290
+ export declare function Search({ searchValue, suggestions, onSearchValueChange, onSuggestionClick, placeholder, isLoading, type, renderSuggestion, ...ariaProps }: SearchProps): React.JSX.Element;
1291
1291
 
1292
1292
  export declare enum SearchBarType {
1293
1293
  Outlined = "outlined",
1294
1294
  Filled = "filled"
1295
1295
  }
1296
1296
 
1297
- export declare interface SearchProps {
1297
+ export declare interface SearchProps extends React.AriaAttributes {
1298
1298
  /**
1299
1299
  * The value of the search input.
1300
1300
  */
@@ -1371,7 +1371,7 @@ export declare type SelectOption = string | {
1371
1371
  label: React.ReactNode;
1372
1372
  };
1373
1373
 
1374
- declare interface SelectProps extends Pick<React.HTMLProps<HTMLSelectElement>, 'disabled'> {
1374
+ declare interface SelectProps extends Pick<React.HTMLProps<HTMLSelectElement>, 'disabled'>, React.AriaAttributes {
1375
1375
  /**
1376
1376
  * The selected option value.
1377
1377
  */
@@ -1565,9 +1565,9 @@ export declare interface TableCellTextProps {
1565
1565
 
1566
1566
  export declare function TableHeader({ children }: PropsWithChildren): JSX.Element;
1567
1567
 
1568
- export declare function TableHeaderCell({ label, columnKey, hasSort, hasCheckbox, isChecked, isIndeterminate, isContentCentered, onSortClick, onCheckboxChange, sortOrder, }: TableHeaderCellProps): JSX.Element;
1568
+ export declare function TableHeaderCell({ label, columnKey, hasSort, hasCheckbox, isChecked, isIndeterminate, isContentCentered, onSortClick, onCheckboxChange, sortOrder, ...ariaProps }: TableHeaderCellProps): JSX.Element;
1569
1569
 
1570
- export declare interface TableHeaderCellProps {
1570
+ export declare interface TableHeaderCellProps extends React.AriaAttributes {
1571
1571
  /**
1572
1572
  * The column key.
1573
1573
  */
@@ -1791,7 +1791,7 @@ export declare enum ToggleLabelPosition {
1791
1791
  Right = "right"
1792
1792
  }
1793
1793
 
1794
- declare interface ToggleProps {
1794
+ declare interface ToggleProps extends React.AriaAttributes {
1795
1795
  /**
1796
1796
  * The label for the toggle.
1797
1797
  */
@@ -1877,7 +1877,7 @@ export declare interface VideoProps {
1877
1877
  disableControls?: boolean;
1878
1878
  }
1879
1879
 
1880
- declare interface VisualAssetBaseProps {
1880
+ declare interface VisualAssetBaseProps extends React.AriaAttributes {
1881
1881
  /**
1882
1882
  * The onClick event for the icon.
1883
1883
  */