@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.
- package/CHANGELOG.md +12 -0
- package/dist/index.d.ts +20 -20
- package/dist/index.es.js +1938 -1833
- package/dist/index.es.js.map +1 -1
- package/dist/index.umd.js +8 -8
- package/dist/index.umd.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +2 -2
- package/src/lib/components/atoms/button/Button.tsx +4 -2
- package/src/lib/components/atoms/button-segment/ButtonSegment.tsx +3 -1
- package/src/lib/components/atoms/checkbox/Checkbox.tsx +3 -1
- package/src/lib/components/atoms/header/Header.tsx +2 -0
- package/src/lib/components/atoms/key-value-info/KeyValueInfo.tsx +1 -1
- package/src/lib/components/atoms/list-item/ListItem.tsx +3 -1
- package/src/lib/components/atoms/radio-button/RadioButton.tsx +3 -1
- package/src/lib/components/atoms/snackbar/Snackbar.tsx +4 -4
- package/src/lib/components/atoms/toggle/Toggle.tsx +4 -1
- package/src/lib/components/molecules/account/Account.tsx +2 -2
- package/src/lib/components/molecules/address/Address.tsx +4 -2
- package/src/lib/components/molecules/card/Card.tsx +6 -2
- package/src/lib/components/molecules/chip/Chip.tsx +11 -5
- package/src/lib/components/molecules/display-stats/DisplayStats.tsx +1 -1
- package/src/lib/components/molecules/input/Input.tsx +2 -0
- package/src/lib/components/molecules/navbar-item/NavbarItem.tsx +1 -1
- package/src/lib/components/molecules/navbar-item/NavbarItemHorizontal.tsx +3 -0
- package/src/lib/components/molecules/navbar-item/NavbarItemVertical.tsx +3 -0
- package/src/lib/components/molecules/search/Search.tsx +11 -1
- package/src/lib/components/molecules/select/Select.tsx +32 -24
- package/src/lib/components/molecules/table-header-cell/TableHeaderCell.tsx +12 -1
- package/src/lib/components/molecules/visual-asset-card/VisualAssetCard.tsx +2 -1
- package/src/lib/components/organisms/accordion/Accordion.tsx +2 -0
- package/src/lib/components/organisms/dialog/Dialog.tsx +9 -2
- package/src/lib/components/organisms/navbar/Navbar.tsx +2 -0
- package/src/lib/components/organisms/navbar/NavbarSlideout.tsx +1 -0
- package/src/lib/components/organisms/table/Table.tsx +4 -0
- 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
|
*/
|