npm - @amboss/design-system - Versions diffs - 3.27.3 → 3.27.5 - Mend

@amboss/design-system 3.27.3 → 3.27.5

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 (13) hide show

package/build/cjs/components/PromptInput/PromptInputHeader.d.ts ADDED Viewed

@@ -0,0 +1,15 @@
+import type { ReactElement } from "react";
+import { type SubThemeName } from "../SubThemeProvider/SubThemeProvider";
+import type { BorderRadius } from "../../types";
+type SubthemeNameProp = Extract<SubThemeName, "brand" | "dimmed">;
+export type BasePromptInputHeaderProps = {
+    title: string;
+    rightContent?: ReactElement;
+    subthemeName?: SubthemeNameProp;
+};
+type PromptInputHeaderProps = Omit<BasePromptInputHeaderProps, "subthemeName"> & {
+    subthemeName?: SubthemeNameProp | Extract<SubThemeName, "unset">;
+    borderRadiusSize: BorderRadius;
+};
+export declare function PromptInputHeader({ title, rightContent, borderRadiusSize, subthemeName, }: PromptInputHeaderProps): ReactElement;
+export {};

package/build/cjs/components/PromptInput/PromptInputHeader.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"PromptInputHeader",{enumerable:!0,get:function(){return PromptInputHeader}});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")),_SubThemeProvider=require("../SubThemeProvider/SubThemeProvider"),_Box=require("../Box/Box"),_Divider=require("../Divider/Divider"),_Inline=require("../Inline/Inline"),_Text=require("../Typography/Text"),StyledHeaderContainer=(0,_styled.default)("div",{target:"e1yvx8vp0",label:"StyledHeaderContainer"})(({theme,borderRadiusSize})=>({backgroundColor:theme.values.color.background.primary.default,width:"100%",cursor:"auto",borderTopLeftRadius:`calc(${theme.variables.size.borderRadius[borderRadiusSize]} - 1px)`,borderTopRightRadius:`calc(${theme.variables.size.borderRadius[borderRadiusSize]} - 1px)`}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUHJvbXB0SW5wdXQvUHJvbXB0SW5wdXRIZWFkZXIudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9Qcm9tcHRJbnB1dC9Qcm9tcHRJbnB1dEhlYWRlci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBSZWFjdEVsZW1lbnQgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgU3ViVGhlbWVQcm92aWRlcixcbiAgdHlwZSBTdWJUaGVtZU5hbWUsXG59IGZyb20gXCIuLi9TdWJUaGVtZVByb3ZpZGVyL1N1YlRoZW1lUHJvdmlkZXJcIjtcbmltcG9ydCB7IEJveCB9IGZyb20gXCIuLi9Cb3gvQm94XCI7XG5pbXBvcnQgeyBEaXZpZGVyIH0gZnJvbSBcIi4uL0RpdmlkZXIvRGl2aWRlclwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9UZXh0XCI7XG5pbXBvcnQgdHlwZSB7IEJvcmRlclJhZGl1cyB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuXG50eXBlIFN1YnRoZW1lTmFtZVByb3AgPSBFeHRyYWN0PFN1YlRoZW1lTmFtZSwgXCJicmFuZFwiIHwgXCJkaW1tZWRcIj47XG5cbmV4cG9ydCB0eXBlIEJhc2VQcm9tcHRJbnB1dEhlYWRlclByb3BzID0ge1xuICB0aXRsZTogc3RyaW5nO1xuICByaWdodENvbnRlbnQ/OiBSZWFjdEVsZW1lbnQ7XG4gIHN1YnRoZW1lTmFtZT86IFN1YnRoZW1lTmFtZVByb3A7XG59O1xuXG50eXBlIFByb21wdElucHV0SGVhZGVyUHJvcHMgPSBPbWl0PFxuICBCYXNlUHJvbXB0SW5wdXRIZWFkZXJQcm9wcyxcbiAgXCJzdWJ0aGVtZU5hbWVcIlxuPiAmIHtcbiAgc3VidGhlbWVOYW1lPzogU3VidGhlbWVOYW1lUHJvcCB8IEV4dHJhY3Q8U3ViVGhlbWVOYW1lLCBcInVuc2V0XCI+O1xuICBib3JkZXJSYWRpdXNTaXplOiBCb3JkZXJSYWRpdXM7XG59O1xuXG4vLyAtMXB4IGJlY2F1c2Ugd2UgaGF2ZSBhIGJvcmRlciBvZiBjb250YWluZXIgaW4gdGhlIHBhcmVudFxuY29uc3QgU3R5bGVkSGVhZGVyQ29udGFpbmVyID0gc3R5bGVkLmRpdjxcbiAgUGljazxQcm9tcHRJbnB1dEhlYWRlclByb3BzLCBcImJvcmRlclJhZGl1c1NpemVcIj5cbj4oKHsgdGhlbWUsIGJvcmRlclJhZGl1c1NpemUgfSkgPT4gKHtcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5wcmltYXJ5LmRlZmF1bHQsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgY3Vyc29yOiBcImF1dG9cIixcbiAgYm9yZGVyVG9wTGVmdFJhZGl1czogYGNhbGMoJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXNbYm9yZGVyUmFkaXVzU2l6ZV19IC0gMXB4KWAsXG4gIGJvcmRlclRvcFJpZ2h0UmFkaXVzOiBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1c1tib3JkZXJSYWRpdXNTaXplXX0gLSAxcHgpYCxcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIFByb21wdElucHV0SGVhZGVyKHtcbiAgdGl0bGUsXG4gIHJpZ2h0Q29udGVudCxcbiAgYm9yZGVyUmFkaXVzU2l6ZSxcbiAgc3VidGhlbWVOYW1lID0gXCJ1bnNldFwiLFxufTogUHJvbXB0SW5wdXRIZWFkZXJQcm9wcyk6IFJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPFN1YlRoZW1lUHJvdmlkZXIgbmFtZT17c3VidGhlbWVOYW1lfT5cbiAgICAgIDxTdHlsZWRIZWFkZXJDb250YWluZXJcbiAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD1cInByb21wdC1pbnB1dC1oZWFkZXJcIlxuICAgICAgICBib3JkZXJSYWRpdXNTaXplPXtib3JkZXJSYWRpdXNTaXplfVxuICAgICAgPlxuICAgICAgICA8Qm94IHNwYWNlPVwic1wiIHZTcGFjZT1cInplcm9cIj5cbiAgICAgICAgICA8SW5saW5lIGFsaWduSXRlbXM9XCJzcGFjZUJldHdlZW5cIiB2QWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICAgICAgPEJveCB2U3BhY2U9XCJzXCIgc3BhY2U9XCJ6ZXJvXCI+XG4gICAgICAgICAgICAgIDxUZXh0IGNvbG9yPVwiYWNjZW50XCIgd2VpZ2h0PVwiYm9sZFwiPlxuICAgICAgICAgICAgICAgIHt0aXRsZX1cbiAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICB7cmlnaHRDb250ZW50fVxuICAgICAgICAgIDwvSW5saW5lPlxuICAgICAgICA8L0JveD5cbiAgICAgICAgPERpdmlkZXIgLz5cbiAgICAgIDwvU3R5bGVkSGVhZGVyQ29udGFpbmVyPlxuICAgIDwvU3ViVGhlbWVQcm92aWRlcj5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4QjhCIn0= */");function PromptInputHeader({title,rightContent,borderRadiusSize,subthemeName="unset"}){return _react.default.createElement(_SubThemeProvider.SubThemeProvider,{name:subthemeName},_react.default.createElement(StyledHeaderContainer,{"data-e2e-test-id":"prompt-input-header",borderRadiusSize:borderRadiusSize},_react.default.createElement(_Box.Box,{space:"s",vSpace:"zero"},_react.default.createElement(_Inline.Inline,{alignItems:"spaceBetween",vAlignItems:"center"},_react.default.createElement(_Box.Box,{vSpace:"s",space:"zero"},_react.default.createElement(_Text.Text,{color:"accent",weight:"bold"},title)),rightContent)),_react.default.createElement(_Divider.Divider,null)))}

package/build/cjs/web-tokens/assets/icons.json CHANGED Viewed

@@ -157,6 +157,7 @@
   "open-full-screen": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 5a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3zm3-1a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1zm1 3.685C6 6.755 6.754 6 7.685 6h8.63C17.245 6 18 6.754 18 7.685v8.63c0 .93-.754 1.685-1.685 1.685h-8.63C6.755 18 6 17.246 6 16.315zM8 8v8h8V8z\" clip-rule=\"evenodd\"/></svg>",
   "open-new-tab": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M5 2a3 3 0 0 0-3 3v14a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3zM4 5a1 1 0 0 1 1-1h6v3a3 3 0 0 0 3 3h6v9a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1zm16 3V5a1 1 0 0 0-1-1h-6v3a1 1 0 0 0 1 1z\" clip-rule=\"evenodd\"/></svg>",
   "open-sidebar-right": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M20 19a1 1 0 0 1-1 1h-3V4h3a1 1 0 0 1 1 1zM4 19V5c0-.552.449-1 1-1h9v16H5c-.551 0-1-.448-1-1M19 2H5C3.346 2 2 3.345 2 5v14c0 1.654 1.346 3 3 3h14c1.654 0 3-1.346 3-3V5c0-1.655-1.346-3-3-3\"/></svg>",
+  "paperclip": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path fill-rule=\"evenodd\" d=\"M17.775 4.107a2.955 2.955 0 0 0-4.16 0l-9.001 8.942a4.845 4.845 0 0 0 0 6.884 4.924 4.924 0 0 0 6.93 0l9.003-8.941a.984.984 0 0 1 1.385 0 .97.97 0 0 1 0 1.376l-9.002 8.941a6.89 6.89 0 0 1-9.702 0 6.78 6.78 0 0 1 0-9.636L12.23 2.73a4.923 4.923 0 0 1 6.93 0 4.844 4.844 0 0 1 0 6.883l-9.012 8.942a2.954 2.954 0 0 1-4.157 0 2.906 2.906 0 0 1 0-4.13l8.317-8.251a.984.984 0 0 1 1.385 0 .97.97 0 0 1-.001 1.377l-8.316 8.25a.97.97 0 0 0 0 1.378.985.985 0 0 0 1.387 0l9.012-8.942a2.91 2.91 0 0 0 0-4.131\" clip-rule=\"evenodd\"/></svg>",
   "paragraph": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M7 5h6.25c1.281 0 2.496.544 3.381 1.488A5.14 5.14 0 0 1 18 10c0 2.7-2.067 5-4.75 5H9v5H7zm2 8h4.25c1.459 0 2.75-1.281 2.75-3a3.14 3.14 0 0 0-.828-2.144A2.64 2.64 0 0 0 13.25 7H9z\" clip-rule=\"evenodd\"/></svg>",
   "patientinfo": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M19 18V6h-3v12zm0-13V2h-3v3z\"/><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M9.625 19.502q-1.122 0-1.597-.4-.278-.225-.401-.737H4.434q.145 1.67 1.504 2.51 1.36.84 3.511.84 3.563 0 4.82-1.886.73-1.095.731-3.257V6h-2.778v1.589a3.66 3.66 0 0 0-1.804-1.619q-.63-.255-1.473-.256-2.286 0-3.532 1.7-1.245 1.69-1.246 4.18 0 2.581 1.287 4.097 1.297 1.506 3.46 1.506 1.4 0 2.276-.666c.322-.239.75-.597 1.032-1.075v.717c0 1.065-.243 1.823-.476 2.274q-.535 1.055-2.121 1.055m.051-4.753q-1.545 0-2.142-1.414-.33-.758-.33-1.73 0-1.128.31-1.896.585-1.444 2.131-1.444 1.133 0 1.802.83.68.829.68 2.417 0 1.69-.71 2.469a2.28 2.28 0 0 1-1.741.768\" clip-rule=\"evenodd\"/></svg>",
   "percent": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M19 5 5 19\"/><circle cx=\"6.5\" cy=\"6.5\" r=\"2.5\"/><circle cx=\"17.5\" cy=\"17.5\" r=\"2.5\"/></svg>",

package/build/cjs/web-tokens/assets/icons16.json CHANGED Viewed

@@ -157,6 +157,7 @@
   "open-full-screen": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\"><g clip-path=\"url(#a)\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3 3h10v10H3zM1 3a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2zm5 7V6h4v4zM4 4.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5z\" clip-rule=\"evenodd\"/></g><defs><clipPath id=\"a\"><path d=\"M0 0h16v16H0z\"/></clipPath></defs></svg>",
   "open-new-tab": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\"><g clip-path=\"url(#a)\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M9 3h4v2H9zM7 3H3v10h10V7H9a2 2 0 0 1-2-2zM1 3a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2z\" clip-rule=\"evenodd\"/></g><defs><clipPath id=\"a\"><path d=\"M0 0h16v16H0z\"/></clipPath></defs></svg>",
   "open-sidebar-right": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\"><g clip-path=\"url(#a)\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M11 3h2v10h-2zM9 3H3v10h6zM1 3a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2z\" clip-rule=\"evenodd\"/></g><defs><clipPath id=\"a\"><path d=\"M0 0h16v16H0z\"/></clipPath></defs></svg>",
+  "paperclip": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 16 16\"><path d=\"M12.294 3.74c0-.442-.18-.866-.5-1.179a1.73 1.73 0 0 0-1.207-.488 1.73 1.73 0 0 0-1.207.488l-6.354 6.21a3 3 0 0 0-.905 2.137c0 .8.325 1.569.905 2.135s1.366.884 2.185.884c.82 0 1.606-.318 2.185-.884L14.501 6.1 16 7.566l-7.104 6.942A5.27 5.27 0 0 1 5.21 16a5.27 5.27 0 0 1-3.685-1.492A5.04 5.04 0 0 1 0 10.908C0 9.557.549 8.26 1.526 7.306l6.354-6.21A3.87 3.87 0 0 1 10.587 0c1.015 0 1.989.394 2.706 1.096a3.7 3.7 0 0 1 1.122 2.644 3.7 3.7 0 0 1-1.122 2.646l-6.362 6.21c-.458.447-1.079.7-1.727.7s-1.27-.252-1.728-.7a2.36 2.36 0 0 1-.715-1.688c0-.634.257-1.242.715-1.69l6.62-6.463 1.5 1.466-6.62 6.463a.313.313 0 0 0 0 .446.33.33 0 0 0 .457 0l6.36-6.21.114-.122c.249-.297.387-.67.387-1.058\"/></svg>",
   "paragraph": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\"><g stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 4h3.5a2.5 2.5 0 0 1 0 5H5\"/><path d=\"M5 3v10\"/></g></svg>",
   "patientinfo": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\"><g fill=\"currentColor\"><path d=\"M13 12.04V4h-2v8.04zM13 3V1h-2v2z\"/><path fill-rule=\"evenodd\" d=\"M6.13 13.451q-.809 0-1.15-.28-.2-.158-.289-.516H2.393q.104 1.17 1.082 1.757.979.588 2.529.588 2.565 0 3.47-1.32.526-.765.526-2.28V4H8v1.112A2.6 2.6 0 0 0 6.7 3.98a2.9 2.9 0 0 0-1.06-.18q-1.646 0-2.543 1.19-.896 1.184-.897 2.926 0 1.806.927 2.868.934 1.054 2.491 1.054 1.008 0 1.639-.466c.232-.167.54-.418.743-.753v.502c0 .746-.175 1.276-.343 1.592q-.385.738-1.527.738m.037-3.327q-1.113 0-1.543-.99a2.9 2.9 0 0 1-.237-1.211q0-.789.223-1.327.422-1.01 1.534-1.01.816 0 1.298.58.49.58.49 1.692 0 1.184-.512 1.728a1.66 1.66 0 0 1-1.253.538\" clip-rule=\"evenodd\"/></g></svg>",
   "percent": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m12.667 3.333-9.334 9.334M4.5 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m7 7a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3\"/></svg>",

package/build/esm/components/PromptInput/PromptInput.d.ts CHANGED Viewed

@@ -7,6 +7,7 @@ import { type ButtonProps } from "../Button/Button";
 import type { PolymorphicComponentPropsWithRef } from "../../types";
 import type { RoundButtonProps } from "../RoundButton/RoundButton";
 import type { IconName } from "../Icon/Icon";
+import { type BasePromptInputHeaderProps } from "./PromptInputHeader";
 type SendButtonProps = Omit<RoundButtonProps, "icon" | "variant"> & {
     icon?: "arrow-up" | "search" | "arrow-right" | "voice";
 };
@@ -17,6 +18,7 @@ type BottomToolbarConfig = {
 };
 export type PromptInputProps = {
     "data-e2e-test-id"?: string;
+    header?: BasePromptInputHeaderProps;
     variant?: "ai";
     skipAIAnimation?: boolean;
     bottomToolbar?: BottomToolbarConfig;
@@ -42,6 +44,7 @@ export type PromptInputProps = {
 } & Omit<PromptTextAreaProps, "isCollapsed" | "isAutocompleteListOpen" | "selectedListItem" | "hasLeftIcon"> & Pick<AutocompleteListProps, "autocompleteListItems" | "autocompleteListFooter" | "portalContainer">;
 declare const PromptInputComponent: React.ForwardRefExoticComponent<{
     "data-e2e-test-id"?: string;
+    header?: BasePromptInputHeaderProps;
     variant?: "ai";
     skipAIAnimation?: boolean;
     bottomToolbar?: BottomToolbarConfig;