@amboss/design-system 3.27.4 → 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.
- package/build/cjs/components/PromptInput/PromptInput.d.ts +3 -0
- package/build/cjs/components/PromptInput/PromptInput.js +1 -1
- package/build/cjs/components/PromptInput/PromptInputHeader.d.ts +15 -0
- package/build/cjs/components/PromptInput/PromptInputHeader.js +1 -0
- package/build/esm/components/PromptInput/PromptInput.d.ts +3 -0
- package/build/esm/components/PromptInput/PromptInput.js +1 -1
- package/build/esm/components/PromptInput/PromptInputHeader.d.ts +15 -0
- package/build/esm/components/PromptInput/PromptInputHeader.js +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { ReactElement } from "react";
|
|
2
|
+
import { type SubThemeName } from "../SubThemeProvider/SubThemeProvider";
|
|
3
|
+
import type { BorderRadius } from "../../types";
|
|
4
|
+
type SubthemeNameProp = Extract<SubThemeName, "brand" | "dimmed">;
|
|
5
|
+
export type BasePromptInputHeaderProps = {
|
|
6
|
+
title: string;
|
|
7
|
+
rightContent?: ReactElement;
|
|
8
|
+
subthemeName?: SubthemeNameProp;
|
|
9
|
+
};
|
|
10
|
+
type PromptInputHeaderProps = Omit<BasePromptInputHeaderProps, "subthemeName"> & {
|
|
11
|
+
subthemeName?: SubthemeNameProp | Extract<SubThemeName, "unset">;
|
|
12
|
+
borderRadiusSize: BorderRadius;
|
|
13
|
+
};
|
|
14
|
+
export declare function PromptInputHeader({ title, rightContent, borderRadiusSize, subthemeName, }: PromptInputHeaderProps): ReactElement;
|
|
15
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import React from"react";import styled from"@emotion/styled";import{SubThemeProvider}from"../SubThemeProvider/SubThemeProvider";import{Box}from"../Box/Box";import{Divider}from"../Divider/Divider";import{Inline}from"../Inline/Inline";import{Text}from"../Typography/Text";let StyledHeaderContainer=styled("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= */");export function PromptInputHeader({title,rightContent,borderRadiusSize,subthemeName="unset"}){return React.createElement(SubThemeProvider,{name:subthemeName},React.createElement(StyledHeaderContainer,{"data-e2e-test-id":"prompt-input-header",borderRadiusSize:borderRadiusSize},React.createElement(Box,{space:"s",vSpace:"zero"},React.createElement(Inline,{alignItems:"spaceBetween",vAlignItems:"center"},React.createElement(Box,{vSpace:"s",space:"zero"},React.createElement(Text,{color:"accent",weight:"bold"},title)),rightContent)),React.createElement(Divider,null)))}
|