@amsterdam/design-system-react 0.12.0 → 0.13.1
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/index.cjs.js +18 -33
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +3 -3
- package/dist/index.esm.js +18 -33
- package/dist/index.esm.js.map +1 -1
- package/package.json +16 -16
package/dist/index.cjs.js
CHANGED
|
@@ -1035,17 +1035,17 @@ CharacterCount.displayName = 'CharacterCount';
|
|
|
1035
1035
|
var _excluded$_ = ["children", "className"];
|
|
1036
1036
|
function ownKeys$14(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1037
1037
|
function _objectSpread$14(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$14(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$14(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1038
|
-
var
|
|
1038
|
+
var DescriptionListDescription = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1039
1039
|
var children = _ref.children,
|
|
1040
1040
|
className = _ref.className,
|
|
1041
1041
|
restProps = _objectWithoutProperties(_ref, _excluded$_);
|
|
1042
1042
|
return jsxRuntime.jsx("dd", _objectSpread$14(_objectSpread$14({}, restProps), {}, {
|
|
1043
1043
|
ref: ref,
|
|
1044
|
-
className: clsx('ams-description-
|
|
1044
|
+
className: clsx('ams-description-list__description', className),
|
|
1045
1045
|
children: children
|
|
1046
1046
|
}));
|
|
1047
1047
|
});
|
|
1048
|
-
|
|
1048
|
+
DescriptionListDescription.displayName = 'DescriptionList.Description';
|
|
1049
1049
|
|
|
1050
1050
|
var _excluded$Z = ["children", "className"];
|
|
1051
1051
|
function ownKeys$13(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
@@ -1073,14 +1073,14 @@ var DescriptionListRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1073
1073
|
restProps = _objectWithoutProperties(_ref, _excluded$Y);
|
|
1074
1074
|
return jsxRuntime.jsx("dl", _objectSpread$12(_objectSpread$12({}, restProps), {}, {
|
|
1075
1075
|
ref: ref,
|
|
1076
|
-
className: clsx('ams-description-list', "ams-description-list--terms-width-".concat(termsWidth), inverseColor && 'ams-description-list--inverse-color', className),
|
|
1076
|
+
className: clsx('ams-description-list', termsWidth && "ams-description-list--terms-width-".concat(termsWidth), inverseColor && 'ams-description-list--inverse-color', className),
|
|
1077
1077
|
children: children
|
|
1078
1078
|
}));
|
|
1079
1079
|
});
|
|
1080
1080
|
DescriptionListRoot.displayName = 'DescriptionList';
|
|
1081
1081
|
var DescriptionList = Object.assign(DescriptionListRoot, {
|
|
1082
1082
|
Term: DescriptionListTerm,
|
|
1083
|
-
|
|
1083
|
+
Description: DescriptionListDescription
|
|
1084
1084
|
});
|
|
1085
1085
|
|
|
1086
1086
|
var _excluded$X = ["align", "alignVertical", "as", "children", "className", "gap", "wrap"];
|
|
@@ -2662,37 +2662,22 @@ var Button = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2662
2662
|
_ref$variant = _ref.variant,
|
|
2663
2663
|
variant = _ref$variant === void 0 ? 'primary' : _ref$variant,
|
|
2664
2664
|
restProps = _objectWithoutProperties(_ref, _excluded$6);
|
|
2665
|
-
|
|
2666
|
-
|
|
2667
|
-
case !icon:
|
|
2668
|
-
return children;
|
|
2669
|
-
case iconBefore:
|
|
2670
|
-
return [jsxRuntime.jsx(Icon, {
|
|
2671
|
-
svg: icon,
|
|
2672
|
-
size: "level-5"
|
|
2673
|
-
}), children];
|
|
2674
|
-
case iconOnly:
|
|
2675
|
-
return [jsxRuntime.jsx(Icon, {
|
|
2676
|
-
svg: icon,
|
|
2677
|
-
size: "level-5",
|
|
2678
|
-
square: true
|
|
2679
|
-
}, 1), jsxRuntime.jsx("span", {
|
|
2680
|
-
className: "ams-visually-hidden",
|
|
2681
|
-
children: children
|
|
2682
|
-
}, 2)];
|
|
2683
|
-
default:
|
|
2684
|
-
return [children, jsxRuntime.jsx(Icon, {
|
|
2685
|
-
svg: icon,
|
|
2686
|
-
size: "level-5"
|
|
2687
|
-
})];
|
|
2688
|
-
}
|
|
2689
|
-
};
|
|
2690
|
-
return jsxRuntime.jsx("button", _objectSpread$6(_objectSpread$6({}, restProps), {}, {
|
|
2691
|
-
className: clsx('ams-button', "ams-button--".concat(variant), icon && iconOnly && !iconBefore && "ams-button--icon-only", className),
|
|
2665
|
+
return jsxRuntime.jsxs("button", _objectSpread$6(_objectSpread$6({}, restProps), {}, {
|
|
2666
|
+
className: clsx('ams-button', "ams-button--".concat(variant), icon && iconOnly && "ams-button--icon-only", className),
|
|
2692
2667
|
disabled: disabled,
|
|
2693
2668
|
ref: ref,
|
|
2694
2669
|
type: type || 'button',
|
|
2695
|
-
children:
|
|
2670
|
+
children: [icon && (iconBefore || iconOnly) && jsxRuntime.jsx(Icon, {
|
|
2671
|
+
svg: icon,
|
|
2672
|
+
size: "level-5",
|
|
2673
|
+
square: iconOnly
|
|
2674
|
+
}), icon && iconOnly ? jsxRuntime.jsx("span", {
|
|
2675
|
+
className: "ams-visually-hidden",
|
|
2676
|
+
children: children
|
|
2677
|
+
}) : children, icon && !iconBefore && !iconOnly && jsxRuntime.jsx(Icon, {
|
|
2678
|
+
svg: icon,
|
|
2679
|
+
size: "level-5"
|
|
2680
|
+
})]
|
|
2696
2681
|
}));
|
|
2697
2682
|
});
|
|
2698
2683
|
Button.displayName = 'Button';
|
package/dist/index.cjs.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/index.d.ts
CHANGED
|
@@ -406,14 +406,14 @@ declare const DescriptionList: react.ForwardRefExoticComponent<{
|
|
|
406
406
|
Term: react.ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & {
|
|
407
407
|
children?: react.ReactNode | undefined;
|
|
408
408
|
} & react.RefAttributes<HTMLElement>>;
|
|
409
|
-
|
|
409
|
+
Description: react.ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & {
|
|
410
410
|
children?: react.ReactNode | undefined;
|
|
411
411
|
} & react.RefAttributes<HTMLElement>>;
|
|
412
412
|
};
|
|
413
413
|
|
|
414
414
|
type DescriptionListTermProps = PropsWithChildren<HTMLAttributes<HTMLElement>>;
|
|
415
415
|
|
|
416
|
-
type
|
|
416
|
+
type DescriptionListDescriptionProps = PropsWithChildren<HTMLAttributes<HTMLElement>>;
|
|
417
417
|
|
|
418
418
|
declare const crossAlignOptions: readonly ["start", "center", "baseline", "end"];
|
|
419
419
|
type CrossAlign = (typeof crossAlignOptions)[number];
|
|
@@ -1216,4 +1216,4 @@ type AccordionSectionProps = {
|
|
|
1216
1216
|
expanded?: boolean;
|
|
1217
1217
|
} & PropsWithChildren<HTMLAttributes<HTMLElement>>;
|
|
1218
1218
|
|
|
1219
|
-
export { Accordion, type AccordionProps, type AccordionSectionProps, ActionGroup, type ActionGroupProps, Alert, type AlertProps, AspectRatio, type AspectRatioProps, Avatar, type AvatarProps, Badge, type BadgeProps, Blockquote, type BlockquoteProps, Breadcrumb, type BreadcrumbLinkProps, type BreadcrumbProps, Breakout, type BreakoutCellProps, type BreakoutProps, Button, type ButtonProps, Card, type CardHeadingGroupProps, type CardLinkProps, type CardProps, CharacterCount, type CharacterCountProps, Checkbox, type CheckboxProps, Column, type ColumnProps, DateInput, type DateInputProps, DescriptionList, type
|
|
1219
|
+
export { Accordion, type AccordionProps, type AccordionSectionProps, ActionGroup, type ActionGroupProps, Alert, type AlertProps, AspectRatio, type AspectRatioProps, Avatar, type AvatarProps, Badge, type BadgeProps, Blockquote, type BlockquoteProps, Breadcrumb, type BreadcrumbLinkProps, type BreadcrumbProps, Breakout, type BreakoutCellProps, type BreakoutProps, Button, type ButtonProps, Card, type CardHeadingGroupProps, type CardLinkProps, type CardProps, CharacterCount, type CharacterCountProps, Checkbox, type CheckboxProps, Column, type ColumnProps, DateInput, type DateInputProps, DescriptionList, type DescriptionListDescriptionProps, type DescriptionListProps, type DescriptionListTermProps, Dialog, type DialogProps, ErrorMessage, type ErrorMessageProps, Field, type FieldProps, FieldSet, type FieldSetProps, FileInput, type FileInputProps, Footer, type FooterBottomProps, type FooterProps, type FooterTopProps, type FormError, FormErrorList, type FormErrorListProps, Grid, type GridCellProps, type GridColumnNumber, type GridColumnNumbers, type GridProps, Header, type HeaderProps, Heading, type HeadingProps, Hint, type HintProps, Icon, IconButton, type IconButtonProps$1 as IconButtonProps, type IconProps, Image, type ImageProps, ImageSlider, type ImageSliderItemProps, type ImageSliderProps, Label, Link, LinkList, type LinkListLinkProps, type LinkListProps, type LinkProps, Logo, type LogoBrand, type LogoProps, Mark, type MarkProps, MegaMenu, type MegaMenuListCategoryProps, type MegaMenuProps, OrderedList, type OrderedListItemProps, type OrderedListProps, Overlap, type OverlapProps, PageHeading, type PageHeadingProps, PageMenu, type PageMenuLinkProps, type PageMenuProps, Pagination, type PaginationProps, Paragraph, type ParagraphProps, PasswordInput, type PasswordInputProps, Radio, type RadioProps, type Ratio, Row, type RowProps, Screen, type ScreenProps, SearchField, type SearchFieldProps, Select, type SelectOptionProps, type SelectProps, SkipLink, type SkipLinkProps, Spotlight, type SpotlightProps, Switch, type SwitchProps, Table, TableOfContents, type TableOfContentsLinkProps, type TableOfContentsListProps, type TableOfContentsProps, type TableProps, Tabs, type TabsButtonProps, type TabsListProps, type TabsPanelProps, type TabsProps, TextArea, type TextAreaProps, TextInput, type TextInputProps, TimeInput, type TimeInputProps, TopTaskLink, UnorderedList, type UnorderedListItemProps, type UnorderedListProps };
|
package/dist/index.esm.js
CHANGED
|
@@ -1033,17 +1033,17 @@ CharacterCount.displayName = 'CharacterCount';
|
|
|
1033
1033
|
var _excluded$_ = ["children", "className"];
|
|
1034
1034
|
function ownKeys$14(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1035
1035
|
function _objectSpread$14(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$14(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$14(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1036
|
-
var
|
|
1036
|
+
var DescriptionListDescription = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1037
1037
|
var children = _ref.children,
|
|
1038
1038
|
className = _ref.className,
|
|
1039
1039
|
restProps = _objectWithoutProperties(_ref, _excluded$_);
|
|
1040
1040
|
return jsx("dd", _objectSpread$14(_objectSpread$14({}, restProps), {}, {
|
|
1041
1041
|
ref: ref,
|
|
1042
|
-
className: clsx('ams-description-
|
|
1042
|
+
className: clsx('ams-description-list__description', className),
|
|
1043
1043
|
children: children
|
|
1044
1044
|
}));
|
|
1045
1045
|
});
|
|
1046
|
-
|
|
1046
|
+
DescriptionListDescription.displayName = 'DescriptionList.Description';
|
|
1047
1047
|
|
|
1048
1048
|
var _excluded$Z = ["children", "className"];
|
|
1049
1049
|
function ownKeys$13(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
@@ -1071,14 +1071,14 @@ var DescriptionListRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1071
1071
|
restProps = _objectWithoutProperties(_ref, _excluded$Y);
|
|
1072
1072
|
return jsx("dl", _objectSpread$12(_objectSpread$12({}, restProps), {}, {
|
|
1073
1073
|
ref: ref,
|
|
1074
|
-
className: clsx('ams-description-list', "ams-description-list--terms-width-".concat(termsWidth), inverseColor && 'ams-description-list--inverse-color', className),
|
|
1074
|
+
className: clsx('ams-description-list', termsWidth && "ams-description-list--terms-width-".concat(termsWidth), inverseColor && 'ams-description-list--inverse-color', className),
|
|
1075
1075
|
children: children
|
|
1076
1076
|
}));
|
|
1077
1077
|
});
|
|
1078
1078
|
DescriptionListRoot.displayName = 'DescriptionList';
|
|
1079
1079
|
var DescriptionList = Object.assign(DescriptionListRoot, {
|
|
1080
1080
|
Term: DescriptionListTerm,
|
|
1081
|
-
|
|
1081
|
+
Description: DescriptionListDescription
|
|
1082
1082
|
});
|
|
1083
1083
|
|
|
1084
1084
|
var _excluded$X = ["align", "alignVertical", "as", "children", "className", "gap", "wrap"];
|
|
@@ -2660,37 +2660,22 @@ var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2660
2660
|
_ref$variant = _ref.variant,
|
|
2661
2661
|
variant = _ref$variant === void 0 ? 'primary' : _ref$variant,
|
|
2662
2662
|
restProps = _objectWithoutProperties(_ref, _excluded$6);
|
|
2663
|
-
|
|
2664
|
-
|
|
2665
|
-
case !icon:
|
|
2666
|
-
return children;
|
|
2667
|
-
case iconBefore:
|
|
2668
|
-
return [jsx(Icon, {
|
|
2669
|
-
svg: icon,
|
|
2670
|
-
size: "level-5"
|
|
2671
|
-
}), children];
|
|
2672
|
-
case iconOnly:
|
|
2673
|
-
return [jsx(Icon, {
|
|
2674
|
-
svg: icon,
|
|
2675
|
-
size: "level-5",
|
|
2676
|
-
square: true
|
|
2677
|
-
}, 1), jsx("span", {
|
|
2678
|
-
className: "ams-visually-hidden",
|
|
2679
|
-
children: children
|
|
2680
|
-
}, 2)];
|
|
2681
|
-
default:
|
|
2682
|
-
return [children, jsx(Icon, {
|
|
2683
|
-
svg: icon,
|
|
2684
|
-
size: "level-5"
|
|
2685
|
-
})];
|
|
2686
|
-
}
|
|
2687
|
-
};
|
|
2688
|
-
return jsx("button", _objectSpread$6(_objectSpread$6({}, restProps), {}, {
|
|
2689
|
-
className: clsx('ams-button', "ams-button--".concat(variant), icon && iconOnly && !iconBefore && "ams-button--icon-only", className),
|
|
2663
|
+
return jsxs("button", _objectSpread$6(_objectSpread$6({}, restProps), {}, {
|
|
2664
|
+
className: clsx('ams-button', "ams-button--".concat(variant), icon && iconOnly && "ams-button--icon-only", className),
|
|
2690
2665
|
disabled: disabled,
|
|
2691
2666
|
ref: ref,
|
|
2692
2667
|
type: type || 'button',
|
|
2693
|
-
children:
|
|
2668
|
+
children: [icon && (iconBefore || iconOnly) && jsx(Icon, {
|
|
2669
|
+
svg: icon,
|
|
2670
|
+
size: "level-5",
|
|
2671
|
+
square: iconOnly
|
|
2672
|
+
}), icon && iconOnly ? jsx("span", {
|
|
2673
|
+
className: "ams-visually-hidden",
|
|
2674
|
+
children: children
|
|
2675
|
+
}) : children, icon && !iconBefore && !iconOnly && jsx(Icon, {
|
|
2676
|
+
svg: icon,
|
|
2677
|
+
size: "level-5"
|
|
2678
|
+
})]
|
|
2694
2679
|
}));
|
|
2695
2680
|
});
|
|
2696
2681
|
Button.displayName = 'Button';
|
package/dist/index.esm.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "0.
|
|
2
|
+
"version": "0.13.1",
|
|
3
3
|
"author": "Design System Team, City of Amsterdam <designsystem@amsterdam.nl>",
|
|
4
4
|
"description": "All React components from the Amsterdam Design System. Use it to compose pages in your website or application.",
|
|
5
5
|
"homepage": "https://designsystem.amsterdam/",
|
|
@@ -29,34 +29,34 @@
|
|
|
29
29
|
"dist/"
|
|
30
30
|
],
|
|
31
31
|
"dependencies": {
|
|
32
|
-
"@babel/runtime": "7.
|
|
32
|
+
"@babel/runtime": "7.26.0",
|
|
33
33
|
"clsx": "2.1.1",
|
|
34
34
|
"@amsterdam/design-system-react-icons": "0.1.13"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
|
-
"@babel/core": "7.
|
|
38
|
-
"@babel/plugin-transform-runtime": "7.25.
|
|
39
|
-
"@babel/preset-env": "7.
|
|
40
|
-
"@babel/preset-react": "7.25.
|
|
37
|
+
"@babel/core": "7.26.0",
|
|
38
|
+
"@babel/plugin-transform-runtime": "7.25.9",
|
|
39
|
+
"@babel/preset-env": "7.26.0",
|
|
40
|
+
"@babel/preset-react": "7.25.9",
|
|
41
41
|
"@rollup/plugin-babel": "6.0.4",
|
|
42
42
|
"@rollup/plugin-commonjs": "28.0.1",
|
|
43
43
|
"@rollup/plugin-node-resolve": "15.3.0",
|
|
44
|
-
"@rollup/pluginutils": "5.1.
|
|
44
|
+
"@rollup/pluginutils": "5.1.3",
|
|
45
45
|
"@testing-library/dom": "10.4.0",
|
|
46
|
-
"@testing-library/jest-dom": "6.6.
|
|
46
|
+
"@testing-library/jest-dom": "6.6.3",
|
|
47
47
|
"@testing-library/react": "16.0.1",
|
|
48
48
|
"@testing-library/user-event": "14.5.2",
|
|
49
|
-
"@types/jest": "29.5.
|
|
50
|
-
"@types/lodash": "4.17.
|
|
51
|
-
"@types/react": "18.3.
|
|
49
|
+
"@types/jest": "29.5.14",
|
|
50
|
+
"@types/lodash": "4.17.13",
|
|
51
|
+
"@types/react": "18.3.12",
|
|
52
52
|
"jest": "29.7.0",
|
|
53
53
|
"jest-environment-jsdom": "29.7.0",
|
|
54
|
-
"next": "14.2.
|
|
54
|
+
"next": "14.2.16",
|
|
55
55
|
"npm-run-all": "4.1.5",
|
|
56
56
|
"postcss": "8.4.47",
|
|
57
57
|
"react": "18.3.1",
|
|
58
58
|
"react-dom": "18.3.1",
|
|
59
|
-
"rollup": "4.24.
|
|
59
|
+
"rollup": "4.24.4",
|
|
60
60
|
"rollup-plugin-delete": "2.1.0",
|
|
61
61
|
"rollup-plugin-dts": "6.1.1",
|
|
62
62
|
"rollup-plugin-filesize": "10.0.0",
|
|
@@ -64,13 +64,13 @@
|
|
|
64
64
|
"rollup-plugin-node-polyfills": "0.2.1",
|
|
65
65
|
"rollup-plugin-peer-deps-external": "2.2.4",
|
|
66
66
|
"rollup-plugin-typescript2": "0.36.0",
|
|
67
|
-
"sass": "1.80.
|
|
68
|
-
"tslib": "2.8.
|
|
67
|
+
"sass": "1.80.6",
|
|
68
|
+
"tslib": "2.8.1"
|
|
69
69
|
},
|
|
70
70
|
"peerDependencies": {
|
|
71
71
|
"react": "16 - 18",
|
|
72
72
|
"react-dom": "16 - 18",
|
|
73
|
-
"@amsterdam/design-system-css": "0.
|
|
73
|
+
"@amsterdam/design-system-css": "0.13.1"
|
|
74
74
|
},
|
|
75
75
|
"scripts": {
|
|
76
76
|
"build": "rollup -c",
|