@amboss/design-system 3.23.0 → 3.24.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/Card/CardHeader/CardHeader.d.ts +2 -2
- package/build/cjs/components/Card/CardHeader/CardHeader.js +1 -1
- package/build/cjs/components/Icon/Icon.js +1 -1
- package/build/cjs/components/PromptInput/PromptInput.js +1 -1
- package/build/cjs/components/Typography/Header/Header.d.ts +2 -1
- package/build/cjs/components/Typography/Header/Header.js +1 -1
- package/build/cjs/web-tokens/_colors.json +10 -0
- package/build/cjs/web-tokens/visualConfig.d.ts +146 -0
- package/build/cjs/web-tokens/visualConfig.js +1 -1
- package/build/esm/components/Card/CardHeader/CardHeader.d.ts +2 -2
- package/build/esm/components/Card/CardHeader/CardHeader.js +1 -1
- package/build/esm/components/Icon/Icon.js +1 -1
- package/build/esm/components/PromptInput/PromptInput.js +1 -1
- package/build/esm/components/Typography/Header/Header.d.ts +2 -1
- package/build/esm/components/Typography/Header/Header.js +1 -1
- package/build/esm/web-tokens/_colors.json +10 -0
- package/build/esm/web-tokens/visualConfig.d.ts +146 -0
- package/build/esm/web-tokens/visualConfig.js +1 -1
- package/build/scss/_theming.scss +2 -0
- package/build/scss/_variables.scss +3 -0
- package/package.json +1 -1
|
@@ -2,13 +2,13 @@ import React from "react";
|
|
|
2
2
|
import { type LinkProps } from "../../Link/Link";
|
|
3
3
|
import { type HeaderProps } from "../../Typography/Header/Header";
|
|
4
4
|
import type { DropdownMenuProps } from "../../DropdownMenu/DropdownMenu";
|
|
5
|
-
import type {
|
|
5
|
+
import type { PolymorphicComponentProps } from "../../../types";
|
|
6
6
|
export type CardAction = ({
|
|
7
7
|
type: "dropdown";
|
|
8
8
|
} & Omit<DropdownMenuProps, "iconName" | "size" | "label">) | ({
|
|
9
9
|
type: "link";
|
|
10
10
|
label: string;
|
|
11
|
-
} & Omit<
|
|
11
|
+
} & Omit<PolymorphicComponentProps<React.ElementType, LinkProps>, "size" | "color" | "inline" | "weight" | "children">);
|
|
12
12
|
export declare class CardHeaderProps {
|
|
13
13
|
title?: string;
|
|
14
14
|
titleAs?: HeaderProps["as"];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get CardHeader(){return CardHeader},get CardHeaderProps(){return CardHeaderProps}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const _react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_default")._(require("react")),_Link=require("../../Link/Link"),_Stack=require("../../Stack/Stack"),_Inline=require("../../Inline/Inline"),_Header=require("../../Typography/Header/Header"),_Divider=require("../../Divider/Divider"),_Box=require("../../Box/Box"),_DropdownMenu=require("../../DropdownMenu/DropdownMenu");class CardHeaderProps{}function CardHeader({title,titleAs,action,"data-e2e-test-id":dataE2eTestId}){let isDropdown=action&&"dropdown"===action.type;return _react.default.createElement("div",{"data-e2e-test-id":dataE2eTestId},_react.default.createElement(_Box.Box,{
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get CardHeader(){return CardHeader},get CardHeaderProps(){return CardHeaderProps}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const _react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_default")._(require("react")),_Link=require("../../Link/Link"),_Stack=require("../../Stack/Stack"),_Inline=require("../../Inline/Inline"),_Header=require("../../Typography/Header/Header"),_Divider=require("../../Divider/Divider"),_Box=require("../../Box/Box"),_DropdownMenu=require("../../DropdownMenu/DropdownMenu");class CardHeaderProps{}const SIDE_PADDING=["m","l","l"];function CardHeader({title,titleAs,action,"data-e2e-test-id":dataE2eTestId}){let isDropdown=action&&"dropdown"===action.type;return _react.default.createElement("div",{"data-e2e-test-id":dataE2eTestId},_react.default.createElement(_Box.Box,{vSpace:"m",lSpace:SIDE_PADDING,rSpace:isDropdown?"m":SIDE_PADDING},_react.default.createElement(_Inline.Inline,{alignItems:"spaceBetween",vAlignItems:"top",noWrap:!0},_react.default.createElement(_Stack.Stack,{space:"zero"},title&&_react.default.createElement(_Header.H5,{as:titleAs},title)),isDropdown&&_react.default.createElement(_DropdownMenu.DropdownMenu,{...action,size:"xs",iconName:"more-horizontal"}),action&&"link"===action.type&&_react.default.createElement(_Link.Link,{color:"accent",size:"m",weight:"bold",...action},action.label))),_react.default.createElement(_Divider.Divider,null))}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Icon",{enumerable:!0,get:function(){return Icon}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/_interop_require_default._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_iconsjson=/*#__PURE__*/_interop_require_default._(require("../../web-tokens/assets/icons.json")),_icons16json=/*#__PURE__*/_interop_require_default._(require("../../web-tokens/assets/icons16.json")),_useHover=require("../../shared/useHover"),_mediaQueries=require("../../shared/mediaQueries"),handleColor=(theme,color)=>"inherit"===color?"inherit":theme.values.color.icon[color].default,handleVariant=(theme,variant)=>{switch(variant){case"inherit":return"inherit";case"primary":return theme.values.color.icon.accent.default;case"secondary":return theme.values.color.icon.primary.default;default:return theme.values.color.icon[variant].default}},StyledIcon=(0,_styled.default)("div",{target:"
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Icon",{enumerable:!0,get:function(){return Icon}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/_interop_require_default._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_ispropvalid=/*#__PURE__*/_interop_require_default._(require("@emotion/is-prop-valid")),_iconsjson=/*#__PURE__*/_interop_require_default._(require("../../web-tokens/assets/icons.json")),_icons16json=/*#__PURE__*/_interop_require_default._(require("../../web-tokens/assets/icons16.json")),_useHover=require("../../shared/useHover"),_mediaQueries=require("../../shared/mediaQueries"),handleColor=(theme,color)=>"inherit"===color?"inherit":theme.values.color.icon[color].default,handleVariant=(theme,variant)=>{switch(variant){case"inherit":return"inherit";case"primary":return theme.values.color.icon.accent.default;case"secondary":return theme.values.color.icon.primary.default;default:return theme.values.color.icon[variant].default}},StyledIcon=(0,_styled.default)("div",{shouldForwardProp:prop=>(0,_ispropvalid.default)(prop)&&"color"!==prop,target:"e1tsg83e0",label:"StyledIcon"})(({theme,variant,isHoverable,parentRef,parentIsHovered,size,as,color})=>({...(0,_mediaQueries.useResponsiveStyles)({width:[size,theme.variables.size.dimension.icon],height:[size,theme.variables.size.dimension.icon]}),"& > svg":{...(0,_mediaQueries.useResponsiveStyles)({width:[size,theme.variables.size.dimension.icon],height:[size,theme.variables.size.dimension.icon]})},color:variant?handleVariant(theme,variant):handleColor(theme,color),..."span"===as&&{verticalAlign:"middle"},...(parentIsHovered||isHoverable)&&{cursor:"pointer"},...parentRef&&{opacity:parentIsHovered?1:.6},...isHoverable&&{opacity:theme.variables.opacity.hover,":hover":{opacity:theme.variables.opacity.visible}}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvSWNvbi9JY29uLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvSWNvbi9JY29uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IEhUTUxBdHRyaWJ1dGVzIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCBpc1Byb3BWYWxpZCBmcm9tIFwiQGVtb3Rpb24vaXMtcHJvcC12YWxpZFwiO1xuaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBJY29uc1ZhcmlhdGlvbnMsIEljb25zQ29sb3JzLCBJY29uU2l6ZXMsIE1RIH0gZnJvbSBcIi4uLy4uL3R5cGVzXCI7XG5pbXBvcnQgaWNvbnMgZnJvbSBcIi4uLy4uL3dlYi10b2tlbnMvYXNzZXRzL2ljb25zLmpzb25cIjtcbmltcG9ydCBpY29uczE2IGZyb20gXCIuLi8uLi93ZWItdG9rZW5zL2Fzc2V0cy9pY29uczE2Lmpzb25cIjtcbmltcG9ydCB7IHVzZUhvdmVyIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC91c2VIb3ZlclwiO1xuaW1wb3J0IHsgdXNlUmVzcG9uc2l2ZVN0eWxlcyB9IGZyb20gXCIuLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5cbmNvbnN0IGhhbmRsZUNvbG9yID0gKHRoZW1lOiBUaGVtZSwgY29sb3I6IEljb25zQ29sb3JzKSA9PiB7XG4gIHN3aXRjaCAoY29sb3IpIHtcbiAgICBjYXNlIFwiaW5oZXJpdFwiOlxuICAgICAgcmV0dXJuIFwiaW5oZXJpdFwiO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLmljb25bY29sb3JdLmRlZmF1bHQ7XG4gIH1cbn07XG5cbmNvbnN0IGhhbmRsZVZhcmlhbnQgPSAodGhlbWU6IFRoZW1lLCB2YXJpYW50OiBJY29uc1ZhcmlhdGlvbnMpID0+IHtcbiAgc3dpdGNoICh2YXJpYW50KSB7XG4gICAgY2FzZSBcImluaGVyaXRcIjpcbiAgICAgIHJldHVybiBcImluaGVyaXRcIjtcbiAgICBjYXNlIFwicHJpbWFyeVwiOlxuICAgICAgcmV0dXJuIHRoZW1lLnZhbHVlcy5jb2xvci5pY29uLmFjY2VudC5kZWZhdWx0O1xuICAgIGNhc2UgXCJzZWNvbmRhcnlcIjpcbiAgICAgIHJldHVybiB0aGVtZS52YWx1ZXMuY29sb3IuaWNvbi5wcmltYXJ5LmRlZmF1bHQ7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiB0aGVtZS52YWx1ZXMuY29sb3IuaWNvblt2YXJpYW50XS5kZWZhdWx0O1xuICB9XG59O1xuXG5jb25zdCBTdHlsZWRJY29uID0gc3R5bGVkKFwiZGl2XCIsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PiBpc1Byb3BWYWxpZChwcm9wKSAmJiBwcm9wICE9PSBcImNvbG9yXCIsXG59KTxcbiAgUGFydGlhbDxJY29uUHJvcHM+ICYge1xuICAgIGlzSG92ZXJhYmxlOiBib29sZWFuO1xuICAgIHBhcmVudFJlZjogUmVhY3QuTXV0YWJsZVJlZk9iamVjdDxhbnk+O1xuICAgIHBhcmVudElzSG92ZXJlZDogYm9vbGVhbjtcbiAgfVxuPihcbiAgKHtcbiAgICB0aGVtZSxcbiAgICB2YXJpYW50LFxuICAgIGlzSG92ZXJhYmxlLFxuICAgIHBhcmVudFJlZixcbiAgICBwYXJlbnRJc0hvdmVyZWQsXG4gICAgc2l6ZSxcbiAgICBhcyxcbiAgICBjb2xvcixcbiAgfSkgPT4gKHtcbiAgICAuLi51c2VSZXNwb25zaXZlU3R5bGVzKHtcbiAgICAgIHdpZHRoOiBbc2l6ZSwgdGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLmljb25dLFxuICAgICAgaGVpZ2h0OiBbc2l6ZSwgdGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLmljb25dLFxuICAgIH0pLFxuICAgIFwiJiA+IHN2Z1wiOiB7XG4gICAgICAuLi51c2VSZXNwb25zaXZlU3R5bGVzKHtcbiAgICAgICAgd2lkdGg6IFtzaXplLCB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24uaWNvbl0sXG4gICAgICAgIGhlaWdodDogW3NpemUsIHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5pY29uXSxcbiAgICAgIH0pLFxuICAgIH0sXG4gICAgLy8gdmFyaWFudCBwcm9wIGlzIGRlcHJlY2F0ZWRcbiAgICBjb2xvcjogdmFyaWFudCA/IGhhbmRsZVZhcmlhbnQodGhlbWUsIHZhcmlhbnQpIDogaGFuZGxlQ29sb3IodGhlbWUsIGNvbG9yKSxcbiAgICAuLi4oYXMgPT09IFwic3BhblwiICYmIHtcbiAgICAgIHZlcnRpY2FsQWxpZ246IFwibWlkZGxlXCIsXG4gICAgfSksXG4gICAgLi4uKChwYXJlbnRJc0hvdmVyZWQgfHwgaXNIb3ZlcmFibGUpICYmIHtcbiAgICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgfSksXG4gICAgLi4uKHBhcmVudFJlZiAmJiB7XG4gICAgICBvcGFjaXR5OiBwYXJlbnRJc0hvdmVyZWQgPyAxIDogMC42LFxuICAgIH0pLFxuICAgIC4uLihpc0hvdmVyYWJsZSAmJiB7XG4gICAgICBvcGFjaXR5OiB0aGVtZS52YXJpYWJsZXMub3BhY2l0eS5ob3ZlcixcbiAgICAgIFwiOmhvdmVyXCI6IHtcbiAgICAgICAgb3BhY2l0eTogdGhlbWUudmFyaWFibGVzLm9wYWNpdHkudmlzaWJsZSxcbiAgICAgIH0sXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgdHlwZSBJY29uTmFtZSA9IGtleW9mIHR5cGVvZiBpY29ucztcbmV4cG9ydCB0eXBlIEljb25OYW1lMTYgPSBrZXlvZiB0eXBlb2YgaWNvbnMxNjtcblxuZXhwb3J0IHR5cGUgSWNvblByb3BzID0ge1xuICAvKiogSWNvbiBuYW1lICovXG4gIG5hbWU6IEljb25OYW1lO1xuICAvKiogc2V0IHRvIHRydWUgdG8gbWFrZSB0aGUgaWNvbiBob3ZlcmFibGUsIHBhc3MgYSBwYXJlbnQncyByZWYgdG8gbWFrZSB0aGUgaWNvbiBtYXRjaCB0aGUgcGFyZW50IGhvdmVyICovXG4gIGhvdmVyYWJsZT86IGJvb2xlYW4gfCBSZWFjdC5NdXRhYmxlUmVmT2JqZWN0PGFueT47XG4gIC8qKiBzZXQgdG8gdHJ1ZSB0byBoYXZlIGFuIGlubGluZSBpY29uIHdyYXBwZWQgaW4gYSBzcGFuIGluc3RlYWQgb2YgZGl2ICovXG4gIGlubGluZT86IGJvb2xlYW47XG4gIC8qKiBAZGVwcmVjYXRlZCB2YXJpYW50LCBwbGVhc2UgdXNlIFwiY29sb3JcIiBwcm9wIGluc3RlYWQgKi9cbiAgdmFyaWFudD86IEljb25zVmFyaWF0aW9ucztcbiAgLyoqIEljb24gY29sb3IgY2FuIGluaGVyaXQgcGFyZW50IHN0eWxlLiAqL1xuICBjb2xvcj86IEljb25zQ29sb3JzO1xuICBzaXplPzogSWNvblNpemVzIHwgTVE8SWNvblNpemVzPjtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIFwiZGF0YS10ZXN0aWRcIj86IHN0cmluZztcbn0gJiBPbWl0PEhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PiwgXCJjb2xvclwiPjtcblxuLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuZXhwb3J0IGNvbnN0IEljb24gPSAoe1xuICBuYW1lLFxuICBob3ZlcmFibGUgPSBmYWxzZSxcbiAgaW5saW5lID0gZmFsc2UsXG4gIHNpemUgPSBcIm1cIixcbiAgY29sb3IgPSBcImluaGVyaXRcIixcbiAgdmFyaWFudCxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gIFwiZGF0YS10ZXN0aWRcIjogZGF0YVRlc3RJZCxcbiAgLi4ucmVzdFxufTogSWNvblByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50ID0+IHtcbiAgY29uc3QgaXNIb3ZlcmFibGUgPSB0eXBlb2YgaG92ZXJhYmxlID09PSBcImJvb2xlYW5cIiAmJiBob3ZlcmFibGU7XG4gIGNvbnN0IHBhcmVudFJlZiA9IHR5cGVvZiBob3ZlcmFibGUgIT09IFwiYm9vbGVhblwiICYmIGhvdmVyYWJsZTtcbiAgY29uc3QgcGFyZW50SXNIb3ZlcmVkID0gdXNlSG92ZXIocGFyZW50UmVmKTtcbiAgY29uc3QgYXMgPSBpbmxpbmUgPyBcInNwYW5cIiA6IFwiZGl2XCI7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkSWNvblxuICAgICAgYXM9e2FzfVxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD1cIkljb25cIlxuICAgICAgZGF0YS12YXJpYW50PXtjb2xvcn1cbiAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICBjb2xvcj17Y29sb3J9XG4gICAgICBpc0hvdmVyYWJsZT17aXNIb3ZlcmFibGV9XG4gICAgICBwYXJlbnRSZWY9e3BhcmVudFJlZn1cbiAgICAgIHBhcmVudElzSG92ZXJlZD17cGFyZW50SXNIb3ZlcmVkfVxuICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgIGRhbmdlcm91c2x5U2V0SW5uZXJIVE1MPXt7XG4gICAgICAgIF9faHRtbDogKHNpemUgPT09IFwic1wiICYmIGljb25zMTZbbmFtZSBhcyBJY29uTmFtZTE2XSkgfHwgaWNvbnNbbmFtZV0sXG4gICAgICB9fVxuICAgICAgey4uLnJlc3R9XG4gICAgLz5cbiAgKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUNtQiJ9 */"),Icon=({name,hoverable=!1,inline=!1,size="m",color="inherit",variant,"data-e2e-test-id":dataE2eTestId,"data-testid":dataTestId,...rest})=>{let isHoverable="boolean"==typeof hoverable&&hoverable,parentRef="boolean"!=typeof hoverable&&hoverable,parentIsHovered=(0,_useHover.useHover)(parentRef);return _react.default.createElement(StyledIcon,{as:inline?"span":"div","data-e2e-test-id":dataE2eTestId,"data-testid":dataTestId,"data-ds-id":"Icon","data-variant":color,variant:variant,color:color,isHoverable:isHoverable,parentRef:parentRef,parentIsHovered:parentIsHovered,size:size,dangerouslySetInnerHTML:{__html:"s"===size&&_icons16json.default[name]||_iconsjson.default[name]},...rest})};
|