@amboss/design-system 3.44.0 → 3.45.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/build/cjs/components/Button/Button.d.ts +1 -0
- package/build/cjs/components/Button/Button.js +1 -1
- package/build/cjs/components/Card/CardHeader/CardHeader.d.ts +3 -3
- package/build/cjs/components/Card/CardHeader/CardHeader.js +1 -1
- package/build/cjs/components/DropdownMenu/DropdownMenu.d.ts +13 -7
- package/build/cjs/components/DropdownMenu/DropdownMenu.js +1 -1
- package/build/cjs/components/DropdownMenu/Menu.d.ts +2 -2
- package/build/cjs/components/DropdownMenu/Menu.js +1 -1
- package/build/cjs/components/DropdownMenu/MenuItem.d.ts +1 -2
- package/build/cjs/components/DropdownMenu/MenuItem.js +1 -1
- package/build/cjs/components/Form/DatePicker/Calendar.d.ts +19 -19
- package/build/cjs/components/Form/DatePicker/Calendar.js +1 -1
- package/build/cjs/components/Form/DatePicker/DatePicker.js +1 -1
- package/build/cjs/components/Form/DatePicker/DatePickerButton.d.ts +1 -1
- package/build/cjs/components/Form/DatePicker/DatePickerButton.js +1 -1
- package/build/cjs/components/Form/DatePicker/DatePickerInput.js +1 -1
- package/build/cjs/components/Form/DatePicker/DatePickerPopover.d.ts +6 -4
- package/build/cjs/components/Form/DatePicker/DatePickerPopover.js +1 -1
- package/build/cjs/components/Form/DatePicker/types.d.ts +10 -4
- package/build/cjs/components/Form/PasswordInput/PasswordInputButton.js +1 -1
- package/build/cjs/components/PictogramButton/PictogramButton.js +1 -1
- package/build/cjs/components/PromptButton/PromptButton.js +1 -1
- package/build/cjs/components/RoundButton/RoundButton.d.ts +3 -1
- package/build/cjs/components/RoundButton/RoundButton.js +1 -1
- package/build/cjs/shared/popupMenu/getMenuStyle.d.ts +1 -1
- package/build/cjs/shared/popupMenu/getMenuStyle.js +1 -1
- package/build/cjs/shared/popupMenu/usePopupMenu.d.ts +2 -1
- package/build/cjs/shared/popupMenu/usePopupMenu.js +1 -1
- package/build/cjs/types/index.d.ts +4 -0
- package/build/cjs/types/index.js +1 -1
- package/build/cjs/web-tokens/_colors.json +81 -10
- package/build/cjs/web-tokens/assets/icons.json +2 -2
- package/build/cjs/web-tokens/visualConfig.d.ts +19 -7
- package/build/cjs/web-tokens/visualConfig.js +1 -1
- package/build/esm/components/Button/Button.d.ts +1 -0
- package/build/esm/components/Button/Button.js +1 -1
- package/build/esm/components/Card/CardHeader/CardHeader.d.ts +3 -3
- package/build/esm/components/Card/CardHeader/CardHeader.js +1 -1
- package/build/esm/components/DropdownMenu/DropdownMenu.d.ts +13 -7
- package/build/esm/components/DropdownMenu/DropdownMenu.js +1 -1
- package/build/esm/components/DropdownMenu/Menu.d.ts +2 -2
- package/build/esm/components/DropdownMenu/Menu.js +1 -1
- package/build/esm/components/DropdownMenu/MenuItem.d.ts +1 -2
- package/build/esm/components/DropdownMenu/MenuItem.js +1 -1
- package/build/esm/components/Form/DatePicker/Calendar.d.ts +19 -19
- package/build/esm/components/Form/DatePicker/Calendar.js +1 -1
- package/build/esm/components/Form/DatePicker/DatePicker.js +1 -1
- package/build/esm/components/Form/DatePicker/DatePickerButton.d.ts +1 -1
- package/build/esm/components/Form/DatePicker/DatePickerButton.js +1 -1
- package/build/esm/components/Form/DatePicker/DatePickerInput.js +1 -1
- package/build/esm/components/Form/DatePicker/DatePickerPopover.d.ts +6 -4
- package/build/esm/components/Form/DatePicker/DatePickerPopover.js +1 -1
- package/build/esm/components/Form/DatePicker/types.d.ts +10 -4
- package/build/esm/components/Form/PasswordInput/PasswordInputButton.js +1 -1
- package/build/esm/components/PictogramButton/PictogramButton.js +1 -1
- package/build/esm/components/PromptButton/PromptButton.js +1 -1
- package/build/esm/components/RoundButton/RoundButton.d.ts +3 -1
- package/build/esm/components/RoundButton/RoundButton.js +1 -1
- package/build/esm/shared/popupMenu/getMenuStyle.d.ts +1 -1
- package/build/esm/shared/popupMenu/getMenuStyle.js +1 -1
- package/build/esm/shared/popupMenu/usePopupMenu.d.ts +2 -1
- package/build/esm/shared/popupMenu/usePopupMenu.js +1 -1
- package/build/esm/types/index.d.ts +4 -0
- package/build/esm/types/index.js +1 -1
- package/build/esm/web-tokens/_colors.json +81 -10
- package/build/esm/web-tokens/assets/icons.json +2 -2
- package/build/esm/web-tokens/visualConfig.d.ts +19 -7
- package/build/esm/web-tokens/visualConfig.js +1 -1
- package/build/scss/_dark.scss +9 -1
- package/build/scss/_light.scss +9 -1
- package/build/scss/_variables.scss +9 -1
- package/package.json +7 -6
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"MenuItem",{enumerable:!0,get:function(){return MenuItem}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"MenuItem",{enumerable:!0,get:function(){return MenuItem}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_react=/*#__PURE__*/_interop_require_default._(require("react")),_Icon=require("../Icon/Icon"),_Inline=require("../Inline/Inline"),StyledMenuItem=(0,_styled.default)("button",{target:"ec7gk1y0",label:"StyledMenuItem"})(({theme,size,destructive,disabled})=>({"&[type='button']":{appearance:"none",MozAppearance:"none",WebkitAppearance:"none"},display:"inline-block",width:"100%",border:0,color:destructive?theme.values.color.text.error.default:theme.values.color.text.secondary.default,backgroundColor:theme.values.color.background.primary.default,textTransform:"none",textDecoration:"none",fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.s,lineHeight:theme.variables.size.lineHeight.xs,fontWeight:theme.variables.weight.bold,cursor:"pointer","&:focus-visible":{outlineColor:"AccentColor",outlineStyle:"solid",outlineWidth:theme.variables.size.spacing.xxxs,outlineOffset:-2},...!disabled&&{"&:hover":{backgroundColor:destructive?theme.values.color.destructiveTertiaryButton.background.hover:theme.values.color.background.secondary.hover},"&:active":{color:destructive?theme.values.color.text.error.default:theme.values.color.text.primary.default}},...disabled&&{opacity:theme.variables.opacity.disabled,cursor:"not-allowed"},..."s"===size&&{padding:theme.variables.size.spacing.xs},..."m"===size&&{padding:theme.variables.size.spacing.s},..."l"===size&&{padding:theme.variables.size.spacing.m}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRHJvcGRvd25NZW51L01lbnVJdGVtLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvRHJvcGRvd25NZW51L01lbnVJdGVtLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgQnV0dG9uU2l6ZSB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuaW1wb3J0IHR5cGUgeyBJY29uTmFtZSB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vSW5saW5lL0lubGluZVwiO1xuXG5leHBvcnQgdHlwZSBNZW51SXRlbVByb3BzID0ge1xuICAvKiogVGhlIHRleHQgZm9yIHRoZSBtZW51IGl0ZW0gKi9cbiAgbGFiZWw6IHN0cmluZztcbiAgLyoqIFRoZSBzaXplIG9mIHRoZSBtZW51IGl0ZW0gKi9cbiAgc2l6ZT86IEJ1dHRvblNpemU7XG4gIC8qKiBNZW51IGl0ZW0gZGlzYWJsZWQgc3RhdGUgKi9cbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICAvKiogSW5kaWNhdGVzIHdoZXRoZXIgdGhlIG1lbnUgaXRlbSBpcyBkZXN0cnVjdGl2ZS4gKi9cbiAgZGVzdHJ1Y3RpdmU/OiBib29sZWFuO1xuICAvKiogT24gc2VsZWN0IG1lbnUgaXRlbSBjYWxsYmFjayAqL1xuICBvblNlbGVjdDogKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gIC8qIEljb24gbmFtZSAqL1xuICBpY29uPzogSWNvbk5hbWU7XG4gIC8qIEVtcGhhc2l6ZWQgYnkgXCJkb3RcIiByaWdodCBpY29uICovXG4gIGVtcGhhc2l6ZWQ/OiBib29sZWFuO1xuICBvbkJsdXI/OiAoZTogUmVhY3QuRm9jdXNFdmVudCkgPT4gdm9pZDtcbn07XG5cbmNvbnN0IFN0eWxlZE1lbnVJdGVtID0gc3R5bGVkLmJ1dHRvbjxQYXJ0aWFsPE1lbnVJdGVtUHJvcHM+PihcbiAgKHsgdGhlbWUsIHNpemUsIGRlc3RydWN0aXZlLCBkaXNhYmxlZCB9KSA9PiAoe1xuICAgIFwiJlt0eXBlPSdidXR0b24nXVwiOiB7XG4gICAgICBhcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICAgIE1vekFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgICAgV2Via2l0QXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgfSxcbiAgICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBib3JkZXI6IDAsXG4gICAgY29sb3I6IGRlc3RydWN0aXZlXG4gICAgICA/IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmVycm9yLmRlZmF1bHRcbiAgICAgIDogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuc2Vjb25kYXJ5LmRlZmF1bHQsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgdGV4dFRyYW5zZm9ybTogXCJub25lXCIsXG4gICAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gICAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQucyxcbiAgICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LnhzLFxuICAgIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQuYm9sZCxcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAgIG91dGxpbmVDb2xvcjogXCJBY2NlbnRDb2xvclwiLFxuICAgICAgb3V0bGluZVN0eWxlOiBcInNvbGlkXCIsXG4gICAgICBvdXRsaW5lV2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHh4cyxcbiAgICAgIG91dGxpbmVPZmZzZXQ6IC0yLFxuICAgIH0sXG4gICAgLi4uKCFkaXNhYmxlZCAmJiB7XG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGRlc3RydWN0aXZlXG4gICAgICAgICAgPyB0aGVtZS52YWx1ZXMuY29sb3IuZGVzdHJ1Y3RpdmVUZXJ0aWFyeUJ1dHRvbi5iYWNrZ3JvdW5kLmhvdmVyXG4gICAgICAgICAgOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5zZWNvbmRhcnkuaG92ZXIsXG4gICAgICB9LFxuICAgICAgXCImOmFjdGl2ZVwiOiB7XG4gICAgICAgIGNvbG9yOiBkZXN0cnVjdGl2ZVxuICAgICAgICAgID8gdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuZXJyb3IuZGVmYXVsdFxuICAgICAgICAgIDogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucHJpbWFyeS5kZWZhdWx0LFxuICAgICAgfSxcbiAgICB9KSxcbiAgICAuLi4oZGlzYWJsZWQgJiYge1xuICAgICAgb3BhY2l0eTogdGhlbWUudmFyaWFibGVzLm9wYWNpdHkuZGlzYWJsZWQsXG4gICAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJzXCIgJiYge1xuICAgICAgcGFkZGluZzogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJtXCIgJiYge1xuICAgICAgcGFkZGluZzogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcImxcIiAmJiB7XG4gICAgICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gTWVudUl0ZW0oe1xuICBsYWJlbCxcbiAgc2l6ZSA9IFwibVwiLFxuICBkaXNhYmxlZCA9IGZhbHNlLFxuICBvblNlbGVjdCxcbiAgaWNvbixcbiAgZGVzdHJ1Y3RpdmUsXG4gIGVtcGhhc2l6ZWQgPSBmYWxzZSxcbiAgb25CbHVyLFxufTogTWVudUl0ZW1Qcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZE1lbnVJdGVtXG4gICAgICB0YWJJbmRleD17MH0gLy8gRm9yIFNhZmFyaSwgYmVjYXVzZSBidXR0b25zIGFyZSBub3QgZm9jdXNhYmxlIGJ5IGRlZmF1bHQgb24gaXQuXG4gICAgICBzaXplPXtzaXplfVxuICAgICAgZGVzdHJ1Y3RpdmU9e2Rlc3RydWN0aXZlfVxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgb25DbGljaz17b25TZWxlY3R9XG4gICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICA+XG4gICAgICA8SW5saW5lIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCIgYWxpZ25JdGVtcz1cImxlZnRcIiBzcGFjZT1cInhzXCIgbm9XcmFwPlxuICAgICAgICB7aWNvbiAmJiAoXG4gICAgICAgICAgPEljb25cbiAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgIG5hbWU9e2ljb259XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17YG1lbnVJdGVtLSR7aWNvbn1gfVxuICAgICAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17YG1lbnVJdGVtLSR7aWNvbn1gfVxuICAgICAgICAgIC8+XG4gICAgICAgICl9XG4gICAgICAgIHtsYWJlbH1cbiAgICAgICAge2VtcGhhc2l6ZWQgJiYgKFxuICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICBjb2xvcj1cImVycm9yXCJcbiAgICAgICAgICAgIG5hbWU9XCJkb3RcIlxuICAgICAgICAgICAgZGF0YS10ZXN0aWQ9XCJtZW51SXRlbS1lbXBoYXNpemVkXCJcbiAgICAgICAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9XCJtZW51SXRlbS1lbXBoYXNpemVkXCJcbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgPC9JbmxpbmU+XG4gICAgPC9TdHlsZWRNZW51SXRlbT5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QnVCIn0= */");function MenuItem({label,size="m",disabled=!1,onSelect,icon,destructive,emphasized=!1,onBlur}){return _react.default.createElement(StyledMenuItem,{tabIndex:0,size:size,destructive:destructive,disabled:disabled,onClick:onSelect,onBlur:onBlur},_react.default.createElement(_Inline.Inline,{vAlignItems:"center",alignItems:"left",space:"xs",noWrap:!0},icon&&_react.default.createElement(_Icon.Icon,{size:"s",name:icon,"data-testid":`menuItem-${icon}`,"data-e2e-test-id":`menuItem-${icon}`}),label,emphasized&&_react.default.createElement(_Icon.Icon,{size:"s",color:"error",name:"dot","data-testid":"menuItem-emphasized","data-e2e-test-id":"menuItem-emphasized"})))}
|
|
@@ -1,20 +1,4 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
export type CalendarA11yProps = {
|
|
3
|
-
/** Label for the month select (screen readers). */
|
|
4
|
-
ariaLabelMonth: string;
|
|
5
|
-
/** Label for the year select (screen readers). */
|
|
6
|
-
ariaLabelYear: string;
|
|
7
|
-
/** Label for the calendar day grid (screen readers). */
|
|
8
|
-
ariaLabelCalendarGrid: string;
|
|
9
|
-
/** Returns the accessible label for the calendar region. */
|
|
10
|
-
formatAriaLabel: (monthName: string, year: number) => string;
|
|
11
|
-
/** Returns the accessible label for a day cell. */
|
|
12
|
-
formatAriaLabelDay: (date: Date) => string;
|
|
13
|
-
};
|
|
14
|
-
export type CalendarSlotProps = {
|
|
15
|
-
/** Screen-reader labels and calendar region label generator. */
|
|
16
|
-
a11y: CalendarA11yProps;
|
|
17
|
-
};
|
|
18
2
|
export type CalendarDisplay = {
|
|
19
3
|
/** Month names for the dropdown (e.g. from getMonthNames). Provided by parent. */
|
|
20
4
|
monthNames: string[];
|
|
@@ -23,6 +7,21 @@ export type CalendarDisplay = {
|
|
|
23
7
|
/** When true, calendar weeks start on Monday; otherwise Sunday. Provided by parent. */
|
|
24
8
|
weekStartsOnMonday?: boolean;
|
|
25
9
|
};
|
|
10
|
+
export type CalendarSlotProps = {
|
|
11
|
+
yearSelect: {
|
|
12
|
+
"aria-label": string;
|
|
13
|
+
};
|
|
14
|
+
monthSelect: {
|
|
15
|
+
"aria-label": string;
|
|
16
|
+
};
|
|
17
|
+
grid: {
|
|
18
|
+
"aria-label": string;
|
|
19
|
+
};
|
|
20
|
+
interactiveBoxDay: {
|
|
21
|
+
/** Returns the accessible label for a day cell. */
|
|
22
|
+
formatAriaLabelDay: (date: Date) => string;
|
|
23
|
+
};
|
|
24
|
+
};
|
|
26
25
|
export type CalendarProps = {
|
|
27
26
|
/** Currently selected date (or null). Used as initial view and to show selected state. */
|
|
28
27
|
value: Date | null;
|
|
@@ -30,13 +29,14 @@ export type CalendarProps = {
|
|
|
30
29
|
onSelect: (date: Date) => void;
|
|
31
30
|
/** Display config derived by parent (format/locale, week layout). */
|
|
32
31
|
calendarDisplay: CalendarDisplay;
|
|
33
|
-
/** Slot props for sub-elements (e.g. a11y labels). */
|
|
34
|
-
slotProps: CalendarSlotProps;
|
|
35
32
|
/** Year options for the dropdown. Provided by parent (e.g. from getYears). Used for dropdown and for clamping initial view. */
|
|
36
33
|
years: number[];
|
|
37
34
|
/** Id for the calendar region (e.g. for aria-controls from trigger). */
|
|
38
35
|
id: string;
|
|
39
36
|
/** Optional test id. */
|
|
40
37
|
"data-e2e-test-id"?: string;
|
|
38
|
+
slotProps: CalendarSlotProps;
|
|
39
|
+
/** Returns the accessible label for the calendar region. */
|
|
40
|
+
formatAriaLabel: (monthName: string, year: number) => string;
|
|
41
41
|
};
|
|
42
|
-
export declare function Calendar({ value, onSelect, calendarDisplay,
|
|
42
|
+
export declare function Calendar({ value, onSelect, calendarDisplay, years, id, formatAriaLabel, slotProps, "data-e2e-test-id": dataE2eTestId, }: CalendarProps): React.ReactElement;
|