@amboss/design-system 3.47.0 → 3.48.0
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/AIButton/AIButton.d.ts +23 -0
- package/build/cjs/components/AIButton/AIButton.js +4 -0
- package/build/cjs/components/DataTable/header/TableHeader.js +1 -1
- package/build/cjs/components/Link/Link.js +1 -1
- package/build/cjs/components/Patterns/ButtonGroup/ButtonGroup.d.ts +16 -8
- package/build/cjs/components/Patterns/ButtonGroup/ButtonGroup.js +1 -1
- package/build/cjs/components/Patterns/EmptyState/EmptyState.d.ts +2 -2
- package/build/cjs/components/Patterns/EmptyState/EmptyState.js +1 -1
- package/build/cjs/components/PromptButton/PromptButton.js +1 -1
- package/build/cjs/components/PromptInput/PromptInput.d.ts +9 -10
- package/build/cjs/components/PromptInput/PromptInput.js +1 -1
- package/build/cjs/components/PromptInput/PromptInputHeader.d.ts +3 -2
- package/build/cjs/components/PromptInput/PromptInputHeader.js +1 -1
- package/build/cjs/components/PromptInput/PromptTextArea.d.ts +5 -2
- package/build/cjs/components/PromptInput/PromptTextArea.js +1 -1
- package/build/cjs/components/Typography/Text/Text.js +1 -1
- package/build/cjs/components/Typography/TextClamped/TextClamped.d.ts +4 -0
- package/build/cjs/components/Typography/TextClamped/TextClamped.js +1 -1
- package/build/cjs/index.d.ts +1 -0
- package/build/cjs/index.js +1 -1
- package/build/cjs/shared/ariaAttributes.d.ts +2 -0
- package/build/cjs/shared/ariaAttributes.js +1 -1
- package/build/cjs/types/index.d.ts +5 -1
- package/build/cjs/types/index.js +1 -1
- package/build/cjs/web-tokens/_colors.json +36 -0
- package/build/cjs/web-tokens/_sizes.json +51 -51
- package/build/cjs/web-tokens/_zindex.json +6 -0
- package/build/cjs/web-tokens/assets/icons.json +7 -4
- package/build/cjs/web-tokens/assets/icons16.json +5 -2
- package/build/cjs/web-tokens/visualConfig.d.ts +8 -0
- package/build/cjs/web-tokens/visualConfig.js +1 -1
- package/build/esm/components/AIButton/AIButton.d.ts +23 -0
- package/build/esm/components/AIButton/AIButton.js +4 -0
- package/build/esm/components/DataTable/header/TableHeader.js +1 -1
- package/build/esm/components/Link/Link.js +1 -1
- package/build/esm/components/Patterns/ButtonGroup/ButtonGroup.d.ts +16 -8
- package/build/esm/components/Patterns/ButtonGroup/ButtonGroup.js +1 -1
- package/build/esm/components/Patterns/EmptyState/EmptyState.d.ts +2 -2
- package/build/esm/components/Patterns/EmptyState/EmptyState.js +1 -1
- package/build/esm/components/PromptButton/PromptButton.js +1 -1
- package/build/esm/components/PromptInput/PromptInput.d.ts +9 -10
- package/build/esm/components/PromptInput/PromptInput.js +1 -1
- package/build/esm/components/PromptInput/PromptInputHeader.d.ts +3 -2
- package/build/esm/components/PromptInput/PromptInputHeader.js +1 -1
- package/build/esm/components/PromptInput/PromptTextArea.d.ts +5 -2
- package/build/esm/components/PromptInput/PromptTextArea.js +1 -1
- package/build/esm/components/Typography/Text/Text.js +1 -1
- package/build/esm/components/Typography/TextClamped/TextClamped.d.ts +4 -0
- package/build/esm/components/Typography/TextClamped/TextClamped.js +1 -1
- package/build/esm/index.d.ts +1 -0
- package/build/esm/index.js +1 -1
- package/build/esm/shared/ariaAttributes.d.ts +2 -0
- package/build/esm/shared/ariaAttributes.js +1 -1
- package/build/esm/types/index.d.ts +5 -1
- package/build/esm/types/index.js +1 -1
- package/build/esm/web-tokens/_colors.json +36 -0
- package/build/esm/web-tokens/_sizes.json +51 -51
- package/build/esm/web-tokens/_zindex.json +6 -0
- package/build/esm/web-tokens/assets/icons.json +7 -4
- package/build/esm/web-tokens/assets/icons16.json +5 -2
- package/build/esm/web-tokens/visualConfig.d.ts +8 -0
- package/build/esm/web-tokens/visualConfig.js +1 -1
- package/build/scss/_dark.scss +5 -0
- package/build/scss/_light.scss +5 -0
- package/build/scss/_variables.scss +6 -0
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { ReactElement } from "react";
|
|
2
2
|
import { type SubThemeName } from "../SubThemeProvider/SubThemeProvider";
|
|
3
|
-
import type { BorderRadius } from "../../types";
|
|
3
|
+
import type { BorderRadius, PromptInputSizes } from "../../types";
|
|
4
4
|
type SubthemeNameProp = Extract<SubThemeName, "brand" | "dimmed">;
|
|
5
5
|
export type BasePromptInputHeaderProps = {
|
|
6
6
|
title: string;
|
|
@@ -10,6 +10,7 @@ export type BasePromptInputHeaderProps = {
|
|
|
10
10
|
type PromptInputHeaderProps = Omit<BasePromptInputHeaderProps, "subthemeName"> & {
|
|
11
11
|
subthemeName?: SubthemeNameProp | Extract<SubThemeName, "unset">;
|
|
12
12
|
borderRadiusSize: BorderRadius;
|
|
13
|
+
size: PromptInputSizes;
|
|
13
14
|
};
|
|
14
|
-
export declare function PromptInputHeader({ title, rightContent, borderRadiusSize, subthemeName, }: PromptInputHeaderProps): ReactElement;
|
|
15
|
+
export declare function PromptInputHeader({ title, rightContent, borderRadiusSize, size, subthemeName, }: PromptInputHeaderProps): ReactElement;
|
|
15
16
|
export {};
|
|
@@ -1 +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:"
|
|
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:"ekt1dm30",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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUHJvbXB0SW5wdXQvUHJvbXB0SW5wdXRIZWFkZXIudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9Qcm9tcHRJbnB1dC9Qcm9tcHRJbnB1dEhlYWRlci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBSZWFjdEVsZW1lbnQgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgU3ViVGhlbWVQcm92aWRlcixcbiAgdHlwZSBTdWJUaGVtZU5hbWUsXG59IGZyb20gXCIuLi9TdWJUaGVtZVByb3ZpZGVyL1N1YlRoZW1lUHJvdmlkZXJcIjtcbmltcG9ydCB7IEJveCB9IGZyb20gXCIuLi9Cb3gvQm94XCI7XG5pbXBvcnQgeyBEaXZpZGVyIH0gZnJvbSBcIi4uL0RpdmlkZXIvRGl2aWRlclwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9UZXh0XCI7XG5pbXBvcnQgdHlwZSB7IEJvcmRlclJhZGl1cywgUHJvbXB0SW5wdXRTaXplcyB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuXG50eXBlIFN1YnRoZW1lTmFtZVByb3AgPSBFeHRyYWN0PFN1YlRoZW1lTmFtZSwgXCJicmFuZFwiIHwgXCJkaW1tZWRcIj47XG5cbmV4cG9ydCB0eXBlIEJhc2VQcm9tcHRJbnB1dEhlYWRlclByb3BzID0ge1xuICB0aXRsZTogc3RyaW5nO1xuICByaWdodENvbnRlbnQ/OiBSZWFjdEVsZW1lbnQ7XG4gIHN1YnRoZW1lTmFtZT86IFN1YnRoZW1lTmFtZVByb3A7XG59O1xuXG50eXBlIFByb21wdElucHV0SGVhZGVyUHJvcHMgPSBPbWl0PFxuICBCYXNlUHJvbXB0SW5wdXRIZWFkZXJQcm9wcyxcbiAgXCJzdWJ0aGVtZU5hbWVcIlxuPiAmIHtcbiAgc3VidGhlbWVOYW1lPzogU3VidGhlbWVOYW1lUHJvcCB8IEV4dHJhY3Q8U3ViVGhlbWVOYW1lLCBcInVuc2V0XCI+O1xuICBib3JkZXJSYWRpdXNTaXplOiBCb3JkZXJSYWRpdXM7XG4gIHNpemU6IFByb21wdElucHV0U2l6ZXM7XG59O1xuXG4vLyAtMXB4IGJlY2F1c2Ugd2UgaGF2ZSBhIGJvcmRlciBvZiBjb250YWluZXIgaW4gdGhlIHBhcmVudFxuY29uc3QgU3R5bGVkSGVhZGVyQ29udGFpbmVyID0gc3R5bGVkLmRpdjxcbiAgUGljazxQcm9tcHRJbnB1dEhlYWRlclByb3BzLCBcImJvcmRlclJhZGl1c1NpemVcIj5cbj4oKHsgdGhlbWUsIGJvcmRlclJhZGl1c1NpemUgfSkgPT4gKHtcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5wcmltYXJ5LmRlZmF1bHQsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgY3Vyc29yOiBcImF1dG9cIixcbiAgYm9yZGVyVG9wTGVmdFJhZGl1czogYGNhbGMoJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXNbYm9yZGVyUmFkaXVzU2l6ZV19IC0gMXB4KWAsXG4gIGJvcmRlclRvcFJpZ2h0UmFkaXVzOiBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1c1tib3JkZXJSYWRpdXNTaXplXX0gLSAxcHgpYCxcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIFByb21wdElucHV0SGVhZGVyKHtcbiAgdGl0bGUsXG4gIHJpZ2h0Q29udGVudCxcbiAgYm9yZGVyUmFkaXVzU2l6ZSxcbiAgc2l6ZSxcbiAgc3VidGhlbWVOYW1lID0gXCJ1bnNldFwiLFxufTogUHJvbXB0SW5wdXRIZWFkZXJQcm9wcyk6IFJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPFN1YlRoZW1lUHJvdmlkZXIgbmFtZT17c3VidGhlbWVOYW1lfT5cbiAgICAgIDxTdHlsZWRIZWFkZXJDb250YWluZXJcbiAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD1cInByb21wdC1pbnB1dC1oZWFkZXJcIlxuICAgICAgICBib3JkZXJSYWRpdXNTaXplPXtib3JkZXJSYWRpdXNTaXplfVxuICAgICAgPlxuICAgICAgICA8Qm94XG4gICAgICAgICAgc3BhY2U9e3NpemUgPT09IFwibVwiID8gXCJzXCIgOiBcInhzXCJ9XG4gICAgICAgICAgbFNwYWNlPXtzaXplfVxuICAgICAgICAgIHZTcGFjZT17c2l6ZSA9PT0gXCJtXCIgPyBcInplcm9cIiA6IFwieHhzXCJ9XG4gICAgICAgID5cbiAgICAgICAgICA8SW5saW5lIGFsaWduSXRlbXM9XCJzcGFjZUJldHdlZW5cIiB2QWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICAgICAgPEJveCB2U3BhY2U9e3NpemUgPT09IFwibVwiID8gXCJzXCIgOiBcInplcm9cIn0gc3BhY2U9XCJ6ZXJvXCI+XG4gICAgICAgICAgICAgIDxUZXh0IGNvbG9yPVwiYWNjZW50XCIgd2VpZ2h0PVwiYm9sZFwiIHNpemU9e3NpemV9PlxuICAgICAgICAgICAgICAgIHt0aXRsZX1cbiAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICB7cmlnaHRDb250ZW50fVxuICAgICAgICAgIDwvSW5saW5lPlxuICAgICAgICA8L0JveD5cbiAgICAgICAgPERpdmlkZXIgLz5cbiAgICAgIDwvU3R5bGVkSGVhZGVyQ29udGFpbmVyPlxuICAgIDwvU3ViVGhlbWVQcm92aWRlcj5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQjhCIn0= */");export function PromptInputHeader({title,rightContent,borderRadiusSize,size,subthemeName="unset"}){return React.createElement(SubThemeProvider,{name:subthemeName},React.createElement(StyledHeaderContainer,{"data-e2e-test-id":"prompt-input-header",borderRadiusSize:borderRadiusSize},React.createElement(Box,{space:"m"===size?"s":"xs",lSpace:size,vSpace:"m"===size?"zero":"xxs"},React.createElement(Inline,{alignItems:"spaceBetween",vAlignItems:"center"},React.createElement(Box,{vSpace:"m"===size?"s":"zero",space:"zero"},React.createElement(Text,{color:"accent",weight:"bold",size:size},title)),rightContent)),React.createElement(Divider,null)))}
|
|
@@ -2,9 +2,10 @@ import type { TextareaHTMLAttributes } from "react";
|
|
|
2
2
|
import React from "react";
|
|
3
3
|
import type { Theme } from "@emotion/react";
|
|
4
4
|
import type { Property } from "csstype";
|
|
5
|
+
import type { PromptInputSizes } from "src/types";
|
|
5
6
|
import type { FlattenedListItem } from "./CategoryList";
|
|
6
|
-
export declare const getPaddingHorizontal: (theme: Theme) => string;
|
|
7
|
-
export declare const getPaddingVertical: (theme: Theme) => string;
|
|
7
|
+
export declare const getPaddingHorizontal: (theme: Theme, size: PromptInputSizes) => string;
|
|
8
|
+
export declare const getPaddingVertical: (theme: Theme, size: PromptInputSizes) => string;
|
|
8
9
|
export type PromptTextAreaProps = TextareaHTMLAttributes<HTMLTextAreaElement> & {
|
|
9
10
|
dataE2eTestId?: string;
|
|
10
11
|
label: string;
|
|
@@ -15,6 +16,7 @@ export type PromptTextAreaProps = TextareaHTMLAttributes<HTMLTextAreaElement> &
|
|
|
15
16
|
isAutocompleteListOpen?: boolean;
|
|
16
17
|
hasLeftIcon?: boolean;
|
|
17
18
|
rows?: number;
|
|
19
|
+
size: PromptInputSizes;
|
|
18
20
|
};
|
|
19
21
|
export declare const PromptTextArea: React.ForwardRefExoticComponent<TextareaHTMLAttributes<HTMLTextAreaElement> & {
|
|
20
22
|
dataE2eTestId?: string;
|
|
@@ -26,4 +28,5 @@ export declare const PromptTextArea: React.ForwardRefExoticComponent<TextareaHTM
|
|
|
26
28
|
isAutocompleteListOpen?: boolean;
|
|
27
29
|
hasLeftIcon?: boolean;
|
|
28
30
|
rows?: number;
|
|
31
|
+
size: PromptInputSizes;
|
|
29
32
|
} & React.RefAttributes<HTMLTextAreaElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React,{forwardRef,useEffect}from"react";import styled from"@emotion/styled";import{getInputTextPlaceholder}from"../../shared/mixins/TextInput/getInputTextPlaceholder";import{ScreenReaderText}from"../Utilities/ScreenReaderText/ScreenReaderText";import{getAutocompleteListId}from"./AutocompleteList";export const getPaddingHorizontal=theme=>theme.variables.size.spacing.m;export const getPaddingVertical=theme=>theme.variables.size.spacing.m;let StyledTextAreaContainer=styled("label",{target:"etpru980",label:"StyledTextAreaContainer"})(({theme,maxTextAreaHeight,hasLeftIcon})=>{let paddingTop=getPaddingVertical(theme),paddingBottom=getPaddingVertical(theme),paddingRight=theme.variables.size.spacing.xxl,basePaddingLeft=getPaddingHorizontal(theme),paddingLeft=hasLeftIcon?`calc(${basePaddingLeft} + ${theme.variables.size.dimension.icon.m} + ${theme.variables.size.spacing.xs})`:basePaddingLeft;return{display:"grid",verticalAlign:"top",alignItems:"stretch",width:"100%",borderRadius:"inherit",position:"relative",fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.m,lineHeight:theme.variables.size.lineHeight.xl,"&::after":{content:"attr(data-value) ' '",boxSizing:"border-box",fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.m,gridArea:"1 / 1",whiteSpace:"pre-wrap",visibility:"hidden",maxHeight:maxTextAreaHeight},textarea:{all:"unset",resize:"none",gridArea:"1 / 1",cursor:"text",color:theme.values.color.text.primary.default,...getInputTextPlaceholder({theme})},"textarea::placeholder":{whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden"},"&::after, textarea":{minWidth:"0",overflowWrap:"break-word",padding:`${paddingTop} ${paddingRight} ${paddingBottom} ${paddingLeft}`,paddingBottom:getPaddingVertical(theme)}}},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUHJvbXB0SW5wdXQvUHJvbXB0VGV4dEFyZWEudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9Qcm9tcHRJbnB1dC9Qcm9tcHRUZXh0QXJlYS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBSZWZPYmplY3QsIFRleHRhcmVhSFRNTEF0dHJpYnV0ZXMgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VFZmZlY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBQcm9wZXJ0eSB9IGZyb20gXCJjc3N0eXBlXCI7XG5pbXBvcnQgeyBnZXRJbnB1dFRleHRQbGFjZWhvbGRlciB9IGZyb20gXCIuLi8uLi9zaGFyZWQvbWl4aW5zL1RleHRJbnB1dC9nZXRJbnB1dFRleHRQbGFjZWhvbGRlclwiO1xuaW1wb3J0IHsgU2NyZWVuUmVhZGVyVGV4dCB9IGZyb20gXCIuLi9VdGlsaXRpZXMvU2NyZWVuUmVhZGVyVGV4dC9TY3JlZW5SZWFkZXJUZXh0XCI7XG5pbXBvcnQgeyBnZXRBdXRvY29tcGxldGVMaXN0SWQgfSBmcm9tIFwiLi9BdXRvY29tcGxldGVMaXN0XCI7XG5pbXBvcnQgdHlwZSB7IEZsYXR0ZW5lZExpc3RJdGVtIH0gZnJvbSBcIi4vQ2F0ZWdvcnlMaXN0XCI7XG5cbmV4cG9ydCBjb25zdCBnZXRQYWRkaW5nSG9yaXpvbnRhbCA9ICh0aGVtZTogVGhlbWUpOiBzdHJpbmcgPT5cbiAgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tO1xuZXhwb3J0IGNvbnN0IGdldFBhZGRpbmdWZXJ0aWNhbCA9ICh0aGVtZTogVGhlbWUpOiBzdHJpbmcgPT5cbiAgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tO1xuXG5leHBvcnQgdHlwZSBQcm9tcHRUZXh0QXJlYVByb3BzID1cbiAgVGV4dGFyZWFIVE1MQXR0cmlidXRlczxIVE1MVGV4dEFyZWFFbGVtZW50PiAmIHtcbiAgICBkYXRhRTJlVGVzdElkPzogc3RyaW5nO1xuICAgIGxhYmVsOiBzdHJpbmc7XG4gICAgbmFtZTogc3RyaW5nO1xuICAgIHZhbHVlOiBzdHJpbmc7XG4gICAgbWF4VGV4dEFyZWFIZWlnaHQ/OiBQcm9wZXJ0eS5IZWlnaHQ7XG4gICAgc2VsZWN0ZWRMaXN0SXRlbT86IEZsYXR0ZW5lZExpc3RJdGVtO1xuICAgIGlzQXV0b2NvbXBsZXRlTGlzdE9wZW4/OiBib29sZWFuO1xuICAgIGhhc0xlZnRJY29uPzogYm9vbGVhbjtcbiAgICByb3dzPzogbnVtYmVyO1xuICB9O1xuXG50eXBlIFN0eWxlZFRleHRBcmVhQ29udGFpbmVyUHJvcHMgPSBQaWNrPFxuICBQcm9tcHRUZXh0QXJlYVByb3BzLFxuICBcIm1heFRleHRBcmVhSGVpZ2h0XCIgfCBcImhhc0xlZnRJY29uXCJcbj47XG5cbi8vIFRleHRhcmVhIGF1dG8gZ3JvdyBpbXBsZW1lbnRlZCBhY2NvcmRpbmcgdG8gaHR0cHM6Ly9jc3MtdHJpY2tzLmNvbS90aGUtY2xlYW5lc3QtdHJpY2stZm9yLWF1dG9ncm93aW5nLXRleHRhcmVhcy9cblxuY29uc3QgU3R5bGVkVGV4dEFyZWFDb250YWluZXIgPSBzdHlsZWQubGFiZWw8U3R5bGVkVGV4dEFyZWFDb250YWluZXJQcm9wcz4oXG4gICh7IHRoZW1lLCBtYXhUZXh0QXJlYUhlaWdodCwgaGFzTGVmdEljb24gfSkgPT4ge1xuICAgIGNvbnN0IHBhZGRpbmdUb3AgPSBnZXRQYWRkaW5nVmVydGljYWwodGhlbWUpO1xuICAgIGNvbnN0IHBhZGRpbmdCb3R0b20gPSBnZXRQYWRkaW5nVmVydGljYWwodGhlbWUpO1xuICAgIGNvbnN0IHBhZGRpbmdSaWdodCA9IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhsO1xuICAgIGNvbnN0IGJhc2VQYWRkaW5nTGVmdCA9IGdldFBhZGRpbmdIb3Jpem9udGFsKHRoZW1lKTtcbiAgICBjb25zdCBwYWRkaW5nTGVmdCA9IGhhc0xlZnRJY29uXG4gICAgICA/IGBjYWxjKCR7YmFzZVBhZGRpbmdMZWZ0fSArICR7dGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLmljb24ubX0gKyAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9KWBcbiAgICAgIDogYmFzZVBhZGRpbmdMZWZ0O1xuXG4gICAgcmV0dXJuIHtcbiAgICAgIGRpc3BsYXk6IFwiZ3JpZFwiLFxuICAgICAgdmVydGljYWxBbGlnbjogXCJ0b3BcIixcbiAgICAgIGFsaWduSXRlbXM6IFwic3RyZXRjaFwiLFxuICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgYm9yZGVyUmFkaXVzOiBcImluaGVyaXRcIixcbiAgICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICAgICAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQubSxcbiAgICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQueGwsXG5cbiAgICAgIC8vIFRleHRhcmVhIGdyb3dzIGR1ZSB0byA6OmFmdGVyIGdyb3dzXG4gICAgICAvLyBpZiB5b3UgbmVlZCB0byBtYW5pcHVsYXRlIHdpdGggc2l6ZSBvZiB0ZXh0YXJlYSwgeW91IG5lZWQgdG8gbWFuaXB1bGF0ZSB3aXRoIDo6YWZ0ZXIgYWxzb1xuICAgICAgXCImOjphZnRlclwiOiB7XG4gICAgICAgIGNvbnRlbnQ6IFwiYXR0cihkYXRhLXZhbHVlKSAnICdcIiwgLy8gdGhlIGVtcHR5IHNwYWNlIHByZXZlbnRzIHRleHRhcmVhIGp1bXAgb24gZ3Jvd1xuICAgICAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgICAgICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICAgICAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5tLFxuICAgICAgICBncmlkQXJlYTogXCIxIC8gMVwiLFxuICAgICAgICB3aGl0ZVNwYWNlOiBcInByZS13cmFwXCIsXG4gICAgICAgIHZpc2liaWxpdHk6IFwiaGlkZGVuXCIsXG4gICAgICAgIG1heEhlaWdodDogbWF4VGV4dEFyZWFIZWlnaHQsXG4gICAgICB9LFxuXG4gICAgICB0ZXh0YXJlYToge1xuICAgICAgICBhbGw6IFwidW5zZXRcIixcbiAgICAgICAgcmVzaXplOiBcIm5vbmVcIixcbiAgICAgICAgZ3JpZEFyZWE6IFwiMSAvIDFcIixcbiAgICAgICAgY3Vyc29yOiBcInRleHRcIixcbiAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnByaW1hcnkuZGVmYXVsdCxcbiAgICAgICAgLi4uZ2V0SW5wdXRUZXh0UGxhY2Vob2xkZXIoeyB0aGVtZSB9KSxcbiAgICAgIH0sXG4gICAgICBcInRleHRhcmVhOjpwbGFjZWhvbGRlclwiOiB7XG4gICAgICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gICAgICAgIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuICAgICAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICAgIH0sXG5cbiAgICAgIFwiJjo6YWZ0ZXIsIHRleHRhcmVhXCI6IHtcbiAgICAgICAgLy8gbWluV2lkdGggY29tZXMgdG9nZXRoZXIgd2l0aCBvdmVyZmxvd1dyYXAgdG8gYWNoaWV2ZSBicmVhay13b3JkXG4gICAgICAgIC8vIGl0IHNob3VsZCBiZSBhcHBsaWVkIGZvciA6OmFmdGVyIGFuZCB0ZXh0YXJlYVxuICAgICAgICBtaW5XaWR0aDogXCIwXCIsXG4gICAgICAgIG92ZXJmbG93V3JhcDogXCJicmVhay13b3JkXCIsXG4gICAgICAgIHBhZGRpbmc6IGAke3BhZGRpbmdUb3B9ICR7cGFkZGluZ1JpZ2h0fSAke3BhZGRpbmdCb3R0b219ICR7cGFkZGluZ0xlZnR9YCxcbiAgICAgICAgcGFkZGluZ0JvdHRvbTogZ2V0UGFkZGluZ1ZlcnRpY2FsKHRoZW1lKSxcbiAgICAgIH0sXG4gICAgfTtcbiAgfVxuKTtcblxuZXhwb3J0IGNvbnN0IFByb21wdFRleHRBcmVhID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGRhdGFFMmVUZXN0SWQsXG4gICAgICBsYWJlbCxcbiAgICAgIG5hbWUsXG4gICAgICB2YWx1ZSxcbiAgICAgIHBsYWNlaG9sZGVyLFxuICAgICAgbWF4VGV4dEFyZWFIZWlnaHQgPSBcIjIwMHB4XCIsXG4gICAgICBzZWxlY3RlZExpc3RJdGVtLFxuICAgICAgaXNBdXRvY29tcGxldGVMaXN0T3BlbixcbiAgICAgIGhhc0xlZnRJY29uLFxuICAgICAgcm93cyA9IDEsXG4gICAgICBvbkNoYW5nZSxcbiAgICAgIC4uLnJlc3RcbiAgICB9OiBQcm9tcHRUZXh0QXJlYVByb3BzLFxuICAgIHJlZjogUmVmT2JqZWN0PEhUTUxUZXh0QXJlYUVsZW1lbnQ+XG4gICkgPT4ge1xuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICBjb25zdCB0ZXh0QXJlYSA9IHJlZi5jdXJyZW50O1xuXG4gICAgICAvLyBTZXQgdGhlIHZhbHVlIG9mIHRoZSA6OmFmdGVyIHBzZXVkbyBlbGVtZW50IHNvIHRoYXQgdGhlIFRleHRBcmVhIHJlc2l6ZXMgYWNjb3JkaW5nbHkgYXMgdGhlIGdyaWQgc3RyZXRjaGVzLlxuICAgICAgKHRleHRBcmVhLnBhcmVudE5vZGUgYXMgSFRNTEVsZW1lbnQpLmRhdGFzZXQudmFsdWUgPSB2YWx1ZTtcbiAgICB9LCBbdmFsdWUsIHJlZl0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRUZXh0QXJlYUNvbnRhaW5lclxuICAgICAgICBtYXhUZXh0QXJlYUhlaWdodD17bWF4VGV4dEFyZWFIZWlnaHR9XG4gICAgICAgIGhhc0xlZnRJY29uPXtoYXNMZWZ0SWNvbn1cbiAgICAgID5cbiAgICAgICAgPFNjcmVlblJlYWRlclRleHQ+e2xhYmVsfTwvU2NyZWVuUmVhZGVyVGV4dD5cbiAgICAgICAgPHRleHRhcmVhXG4gICAgICAgICAgey4uLnJlc3R9XG4gICAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICAgIHJvd3M9e3Jvd3N9XG4gICAgICAgICAgcm9sZT1cImNvbWJvYm94XCJcbiAgICAgICAgICBhcmlhLWF1dG9jb21wbGV0ZT1cImxpc3RcIlxuICAgICAgICAgIGFyaWEtY29udHJvbHM9e1xuICAgICAgICAgICAgaXNBdXRvY29tcGxldGVMaXN0T3BlbiA/IGdldEF1dG9jb21wbGV0ZUxpc3RJZChuYW1lKSA6IFwiXCJcbiAgICAgICAgICB9XG4gICAgICAgICAgYXJpYS1hY3RpdmVkZXNjZW5kYW50PXtzZWxlY3RlZExpc3RJdGVtID8gc2VsZWN0ZWRMaXN0SXRlbS5pZCA6IFwiXCJ9XG4gICAgICAgICAgYXJpYS1leHBhbmRlZD17aXNBdXRvY29tcGxldGVMaXN0T3Blbn1cbiAgICAgICAgLz5cbiAgICAgIDwvU3R5bGVkVGV4dEFyZWFDb250YWluZXI+XG4gICAgKTtcbiAgfVxuKTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQ2dDIn0= */");export const PromptTextArea=forwardRef(({dataE2eTestId,label,name,value,placeholder,maxTextAreaHeight="200px",selectedListItem,isAutocompleteListOpen,hasLeftIcon,rows=1,onChange,...rest},ref)=>(useEffect(()=>{ref.current.parentNode.dataset.value=value},[value,ref]),React.createElement(StyledTextAreaContainer,{maxTextAreaHeight:maxTextAreaHeight,hasLeftIcon:hasLeftIcon},React.createElement(ScreenReaderText,null,label),React.createElement("textarea",{...rest,"data-e2e-test-id":dataE2eTestId,ref:ref,name:name,value:value,placeholder:placeholder,onChange:onChange,rows:rows,role:"combobox","aria-autocomplete":"list","aria-controls":isAutocompleteListOpen?getAutocompleteListId(name):"","aria-activedescendant":selectedListItem?selectedListItem.id:"","aria-expanded":isAutocompleteListOpen}))));
|
|
1
|
+
import React,{forwardRef,useEffect}from"react";import styled from"@emotion/styled";import{getInputTextPlaceholder}from"../../shared/mixins/TextInput/getInputTextPlaceholder";import{ScreenReaderText}from"../Utilities/ScreenReaderText/ScreenReaderText";import{getAutocompleteListId}from"./AutocompleteList";export const getPaddingHorizontal=(theme,size)=>"s"===size?theme.variables.size.spacing.s:theme.variables.size.spacing.m;export const getPaddingVertical=(theme,size)=>"s"===size?theme.variables.size.spacing.xs:theme.variables.size.spacing.m;let StyledTextAreaContainer=styled("label",{target:"e1dkp55d0",label:"StyledTextAreaContainer"})(({theme,maxTextAreaHeight,hasLeftIcon,size})=>{let paddingTop=getPaddingVertical(theme,size),paddingBottom=getPaddingVertical(theme,size),iconTextGap="s"===size?`calc(${theme.variables.size.spacing.xs} - ${theme.variables.size.spacing.xxxs})`:theme.variables.size.spacing.xs,basePaddingHorizontal=getPaddingHorizontal(theme,size),paddingRight=`calc(${basePaddingHorizontal} + ${theme.variables.size.dimension.icon.m} + ${iconTextGap})`,paddingLeft=hasLeftIcon?`calc(${basePaddingHorizontal} + ${theme.variables.size.dimension.icon[size]} + ${iconTextGap})`:basePaddingHorizontal;return{display:"grid",verticalAlign:"top",alignItems:"stretch",width:"100%",borderRadius:"inherit",position:"relative",fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.m,lineHeight:theme.variables.size.lineHeight.xl,"&::after":{content:"attr(data-value) ' '",boxSizing:"border-box",fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.m,gridArea:"1 / 1",whiteSpace:"pre-wrap",visibility:"hidden",maxHeight:maxTextAreaHeight},textarea:{all:"unset",resize:"none",gridArea:"1 / 1",cursor:"text",color:theme.values.color.text.primary.default,...getInputTextPlaceholder({theme})},"textarea::placeholder":{whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden"},"&::after, textarea":{minWidth:"0",overflowWrap:"break-word",padding:`${paddingTop} ${paddingRight} ${paddingBottom} ${paddingLeft}`}}},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUHJvbXB0SW5wdXQvUHJvbXB0VGV4dEFyZWEudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9Qcm9tcHRJbnB1dC9Qcm9tcHRUZXh0QXJlYS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBSZWZPYmplY3QsIFRleHRhcmVhSFRNTEF0dHJpYnV0ZXMgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VFZmZlY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBQcm9wZXJ0eSB9IGZyb20gXCJjc3N0eXBlXCI7XG5pbXBvcnQgdHlwZSB7IFByb21wdElucHV0U2l6ZXMgfSBmcm9tIFwic3JjL3R5cGVzXCI7XG5pbXBvcnQgeyBnZXRJbnB1dFRleHRQbGFjZWhvbGRlciB9IGZyb20gXCIuLi8uLi9zaGFyZWQvbWl4aW5zL1RleHRJbnB1dC9nZXRJbnB1dFRleHRQbGFjZWhvbGRlclwiO1xuaW1wb3J0IHsgU2NyZWVuUmVhZGVyVGV4dCB9IGZyb20gXCIuLi9VdGlsaXRpZXMvU2NyZWVuUmVhZGVyVGV4dC9TY3JlZW5SZWFkZXJUZXh0XCI7XG5pbXBvcnQgeyBnZXRBdXRvY29tcGxldGVMaXN0SWQgfSBmcm9tIFwiLi9BdXRvY29tcGxldGVMaXN0XCI7XG5pbXBvcnQgdHlwZSB7IEZsYXR0ZW5lZExpc3RJdGVtIH0gZnJvbSBcIi4vQ2F0ZWdvcnlMaXN0XCI7XG5cbmV4cG9ydCBjb25zdCBnZXRQYWRkaW5nSG9yaXpvbnRhbCA9IChcbiAgdGhlbWU6IFRoZW1lLFxuICBzaXplOiBQcm9tcHRJbnB1dFNpemVzXG4pOiBzdHJpbmcgPT4ge1xuICBpZiAoc2l6ZSA9PT0gXCJzXCIpIHJldHVybiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnM7XG4gIHJldHVybiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm07XG59O1xuZXhwb3J0IGNvbnN0IGdldFBhZGRpbmdWZXJ0aWNhbCA9IChcbiAgdGhlbWU6IFRoZW1lLFxuICBzaXplOiBQcm9tcHRJbnB1dFNpemVzXG4pOiBzdHJpbmcgPT4ge1xuICBpZiAoc2l6ZSA9PT0gXCJzXCIpIHJldHVybiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzO1xuICByZXR1cm4gdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tO1xufTtcblxuZXhwb3J0IHR5cGUgUHJvbXB0VGV4dEFyZWFQcm9wcyA9XG4gIFRleHRhcmVhSFRNTEF0dHJpYnV0ZXM8SFRNTFRleHRBcmVhRWxlbWVudD4gJiB7XG4gICAgZGF0YUUyZVRlc3RJZD86IHN0cmluZztcbiAgICBsYWJlbDogc3RyaW5nO1xuICAgIG5hbWU6IHN0cmluZztcbiAgICB2YWx1ZTogc3RyaW5nO1xuICAgIG1heFRleHRBcmVhSGVpZ2h0PzogUHJvcGVydHkuSGVpZ2h0O1xuICAgIHNlbGVjdGVkTGlzdEl0ZW0/OiBGbGF0dGVuZWRMaXN0SXRlbTtcbiAgICBpc0F1dG9jb21wbGV0ZUxpc3RPcGVuPzogYm9vbGVhbjtcbiAgICBoYXNMZWZ0SWNvbj86IGJvb2xlYW47XG4gICAgcm93cz86IG51bWJlcjtcbiAgICBzaXplOiBQcm9tcHRJbnB1dFNpemVzO1xuICB9O1xuXG50eXBlIFN0eWxlZFRleHRBcmVhQ29udGFpbmVyUHJvcHMgPSBQaWNrPFxuICBQcm9tcHRUZXh0QXJlYVByb3BzLFxuICBcIm1heFRleHRBcmVhSGVpZ2h0XCIgfCBcImhhc0xlZnRJY29uXCIgfCBcInNpemVcIlxuPjtcblxuLy8gVGV4dGFyZWEgYXV0byBncm93IGltcGxlbWVudGVkIGFjY29yZGluZyB0byBodHRwczovL2Nzcy10cmlja3MuY29tL3RoZS1jbGVhbmVzdC10cmljay1mb3ItYXV0b2dyb3dpbmctdGV4dGFyZWFzL1xuXG5jb25zdCBTdHlsZWRUZXh0QXJlYUNvbnRhaW5lciA9IHN0eWxlZC5sYWJlbDxTdHlsZWRUZXh0QXJlYUNvbnRhaW5lclByb3BzPihcbiAgKHsgdGhlbWUsIG1heFRleHRBcmVhSGVpZ2h0LCBoYXNMZWZ0SWNvbiwgc2l6ZSB9KSA9PiB7XG4gICAgY29uc3QgcGFkZGluZ1RvcCA9IGdldFBhZGRpbmdWZXJ0aWNhbCh0aGVtZSwgc2l6ZSk7XG4gICAgY29uc3QgcGFkZGluZ0JvdHRvbSA9IGdldFBhZGRpbmdWZXJ0aWNhbCh0aGVtZSwgc2l6ZSk7XG4gICAgY29uc3QgaWNvblRleHRHYXAgPVxuICAgICAgc2l6ZSA9PT0gXCJzXCJcbiAgICAgICAgPyBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9IC0gJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4eHN9KWBcbiAgICAgICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzO1xuICAgIGNvbnN0IGJhc2VQYWRkaW5nSG9yaXpvbnRhbCA9IGdldFBhZGRpbmdIb3Jpem9udGFsKHRoZW1lLCBzaXplKTtcbiAgICBjb25zdCBwYWRkaW5nUmlnaHQgPSBgY2FsYygke2Jhc2VQYWRkaW5nSG9yaXpvbnRhbH0gKyAke3RoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5pY29uLm19ICsgJHtpY29uVGV4dEdhcH0pYDtcbiAgICBjb25zdCBwYWRkaW5nTGVmdCA9IGhhc0xlZnRJY29uXG4gICAgICA/IGBjYWxjKCR7YmFzZVBhZGRpbmdIb3Jpem9udGFsfSArICR7dGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLmljb25bc2l6ZV19ICsgJHtpY29uVGV4dEdhcH0pYFxuICAgICAgOiBiYXNlUGFkZGluZ0hvcml6b250YWw7XG5cbiAgICByZXR1cm4ge1xuICAgICAgZGlzcGxheTogXCJncmlkXCIsXG4gICAgICB2ZXJ0aWNhbEFsaWduOiBcInRvcFwiLFxuICAgICAgYWxpZ25JdGVtczogXCJzdHJldGNoXCIsXG4gICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICBib3JkZXJSYWRpdXM6IFwiaW5oZXJpdFwiLFxuICAgICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gICAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5tLFxuICAgICAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC54bCxcblxuICAgICAgLy8gVGV4dGFyZWEgZ3Jvd3MgZHVlIHRvIDo6YWZ0ZXIgZ3Jvd3NcbiAgICAgIC8vIGlmIHlvdSBuZWVkIHRvIG1hbmlwdWxhdGUgd2l0aCBzaXplIG9mIHRleHRhcmVhLCB5b3UgbmVlZCB0byBtYW5pcHVsYXRlIHdpdGggOjphZnRlciBhbHNvXG4gICAgICBcIiY6OmFmdGVyXCI6IHtcbiAgICAgICAgY29udGVudDogXCJhdHRyKGRhdGEtdmFsdWUpICcgJ1wiLCAvLyB0aGUgZW1wdHkgc3BhY2UgcHJldmVudHMgdGV4dGFyZWEganVtcCBvbiBncm93XG4gICAgICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gICAgICAgIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250Lm0sXG4gICAgICAgIGdyaWRBcmVhOiBcIjEgLyAxXCIsXG4gICAgICAgIHdoaXRlU3BhY2U6IFwicHJlLXdyYXBcIixcbiAgICAgICAgdmlzaWJpbGl0eTogXCJoaWRkZW5cIixcbiAgICAgICAgbWF4SGVpZ2h0OiBtYXhUZXh0QXJlYUhlaWdodCxcbiAgICAgIH0sXG5cbiAgICAgIHRleHRhcmVhOiB7XG4gICAgICAgIGFsbDogXCJ1bnNldFwiLFxuICAgICAgICByZXNpemU6IFwibm9uZVwiLFxuICAgICAgICBncmlkQXJlYTogXCIxIC8gMVwiLFxuICAgICAgICBjdXJzb3I6IFwidGV4dFwiLFxuICAgICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucHJpbWFyeS5kZWZhdWx0LFxuICAgICAgICAuLi5nZXRJbnB1dFRleHRQbGFjZWhvbGRlcih7IHRoZW1lIH0pLFxuICAgICAgfSxcbiAgICAgIFwidGV4dGFyZWE6OnBsYWNlaG9sZGVyXCI6IHtcbiAgICAgICAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgICAgICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gICAgICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgICAgfSxcblxuICAgICAgXCImOjphZnRlciwgdGV4dGFyZWFcIjoge1xuICAgICAgICAvLyBtaW5XaWR0aCBjb21lcyB0b2dldGhlciB3aXRoIG92ZXJmbG93V3JhcCB0byBhY2hpZXZlIGJyZWFrLXdvcmRcbiAgICAgICAgLy8gaXQgc2hvdWxkIGJlIGFwcGxpZWQgZm9yIDo6YWZ0ZXIgYW5kIHRleHRhcmVhXG4gICAgICAgIG1pbldpZHRoOiBcIjBcIixcbiAgICAgICAgb3ZlcmZsb3dXcmFwOiBcImJyZWFrLXdvcmRcIixcbiAgICAgICAgcGFkZGluZzogYCR7cGFkZGluZ1RvcH0gJHtwYWRkaW5nUmlnaHR9ICR7cGFkZGluZ0JvdHRvbX0gJHtwYWRkaW5nTGVmdH1gLFxuICAgICAgfSxcbiAgICB9O1xuICB9XG4pO1xuXG5leHBvcnQgY29uc3QgUHJvbXB0VGV4dEFyZWEgPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgZGF0YUUyZVRlc3RJZCxcbiAgICAgIGxhYmVsLFxuICAgICAgbmFtZSxcbiAgICAgIHZhbHVlLFxuICAgICAgcGxhY2Vob2xkZXIsXG4gICAgICBtYXhUZXh0QXJlYUhlaWdodCA9IFwiMjAwcHhcIixcbiAgICAgIHNlbGVjdGVkTGlzdEl0ZW0sXG4gICAgICBpc0F1dG9jb21wbGV0ZUxpc3RPcGVuLFxuICAgICAgaGFzTGVmdEljb24sXG4gICAgICByb3dzID0gMSxcbiAgICAgIHNpemUsXG4gICAgICBvbkNoYW5nZSxcbiAgICAgIC4uLnJlc3RcbiAgICB9OiBQcm9tcHRUZXh0QXJlYVByb3BzLFxuICAgIHJlZjogUmVmT2JqZWN0PEhUTUxUZXh0QXJlYUVsZW1lbnQ+XG4gICkgPT4ge1xuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICBjb25zdCB0ZXh0QXJlYSA9IHJlZi5jdXJyZW50O1xuXG4gICAgICAvLyBTZXQgdGhlIHZhbHVlIG9mIHRoZSA6OmFmdGVyIHBzZXVkbyBlbGVtZW50IHNvIHRoYXQgdGhlIFRleHRBcmVhIHJlc2l6ZXMgYWNjb3JkaW5nbHkgYXMgdGhlIGdyaWQgc3RyZXRjaGVzLlxuICAgICAgKHRleHRBcmVhLnBhcmVudE5vZGUgYXMgSFRNTEVsZW1lbnQpLmRhdGFzZXQudmFsdWUgPSB2YWx1ZTtcbiAgICB9LCBbdmFsdWUsIHJlZl0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRUZXh0QXJlYUNvbnRhaW5lclxuICAgICAgICBtYXhUZXh0QXJlYUhlaWdodD17bWF4VGV4dEFyZWFIZWlnaHR9XG4gICAgICAgIGhhc0xlZnRJY29uPXtoYXNMZWZ0SWNvbn1cbiAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgID5cbiAgICAgICAgPFNjcmVlblJlYWRlclRleHQ+e2xhYmVsfTwvU2NyZWVuUmVhZGVyVGV4dD5cbiAgICAgICAgPHRleHRhcmVhXG4gICAgICAgICAgey4uLnJlc3R9XG4gICAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICAgIHJvd3M9e3Jvd3N9XG4gICAgICAgICAgcm9sZT1cImNvbWJvYm94XCJcbiAgICAgICAgICBhcmlhLWF1dG9jb21wbGV0ZT1cImxpc3RcIlxuICAgICAgICAgIGFyaWEtY29udHJvbHM9e1xuICAgICAgICAgICAgaXNBdXRvY29tcGxldGVMaXN0T3BlbiA/IGdldEF1dG9jb21wbGV0ZUxpc3RJZChuYW1lKSA6IFwiXCJcbiAgICAgICAgICB9XG4gICAgICAgICAgYXJpYS1hY3RpdmVkZXNjZW5kYW50PXtzZWxlY3RlZExpc3RJdGVtID8gc2VsZWN0ZWRMaXN0SXRlbS5pZCA6IFwiXCJ9XG4gICAgICAgICAgYXJpYS1leHBhbmRlZD17aXNBdXRvY29tcGxldGVMaXN0T3Blbn1cbiAgICAgICAgLz5cbiAgICAgIDwvU3R5bGVkVGV4dEFyZWFDb250YWluZXI+XG4gICAgKTtcbiAgfVxuKTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQ2dDIn0= */");export const PromptTextArea=forwardRef(({dataE2eTestId,label,name,value,placeholder,maxTextAreaHeight="200px",selectedListItem,isAutocompleteListOpen,hasLeftIcon,rows=1,size,onChange,...rest},ref)=>(useEffect(()=>{ref.current.parentNode.dataset.value=value},[value,ref]),React.createElement(StyledTextAreaContainer,{maxTextAreaHeight:maxTextAreaHeight,hasLeftIcon:hasLeftIcon,size:size},React.createElement(ScreenReaderText,null,label),React.createElement("textarea",{...rest,"data-e2e-test-id":dataE2eTestId,ref:ref,name:name,value:value,placeholder:placeholder,onChange:onChange,rows:rows,role:"combobox","aria-autocomplete":"list","aria-controls":isAutocompleteListOpen?getAutocompleteListId(name):"","aria-activedescendant":selectedListItem?selectedListItem.id:"","aria-expanded":isAutocompleteListOpen}))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React,{createContext,useMemo,forwardRef}from"react";import styled from"@emotion/styled";import isPropValid from"@emotion/is-prop-valid";import{useResponsiveStyles}from"../../../shared/mediaQueries";export const TextContext=createContext(null);export const getTextLineHeight=({theme,size})=>({xs:theme.variables.size.lineHeight.m,s:theme.variables.size.lineHeight.l,m:theme.variables.size.lineHeight.xl})[size];export const getTextFontSize=({theme,size})=>theme.variables.size.font[size];let StyledText=styled("p",{shouldForwardProp:prop=>isPropValid(prop)&&"color"!==prop&&"transform"!==prop,target:"
|
|
1
|
+
import React,{createContext,useMemo,forwardRef}from"react";import styled from"@emotion/styled";import isPropValid from"@emotion/is-prop-valid";import{useResponsiveStyles}from"../../../shared/mediaQueries";export const TextContext=createContext(null);export const getTextLineHeight=({theme,size})=>({xs:theme.variables.size.lineHeight.m,s:theme.variables.size.lineHeight.l,m:theme.variables.size.lineHeight.xl,l:theme.variables.size.lineHeight.xl})[size];export const getTextFontSize=({theme,size})=>theme.variables.size.font[size];let StyledText=styled("p",{shouldForwardProp:prop=>isPropValid(prop)&&"color"!==prop&&"transform"!==prop,target:"e1qum5j60",label:"StyledText"})(({theme,align,weight,size,transform,hyphens,overflowWrap,color,userSelect,variant})=>({fontFamily:theme.variables.fontFamily.lato,margin:0,textTransform:transform,textAlign:align,fontWeight:theme.variables.weight[weight],color:theme.values.color.text[color]?.default??theme.values.color.text.primary.default,...userSelect&&{userSelect},...variant&&{color:theme.values.color.text[variant].default,..."primary"===variant&&{color:theme.values.color.text.accent.default},..."secondary"===variant&&{color:theme.values.color.text.primary.default}},fontSize:getTextFontSize({theme,size}),lineHeight:getTextLineHeight({theme,size}),...useResponsiveStyles({hyphens:[hyphens,{none:"none",auto:"auto",manual:"manual"}]}),overflowWrap}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvVHlwb2dyYXBoeS9UZXh0L1RleHQudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9UeXBvZ3JhcGh5L1RleHQvVGV4dC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuXG5pbXBvcnQgUmVhY3QsIHtcbiAgY3JlYXRlQ29udGV4dCxcbiAgdHlwZSBSZWFjdE5vZGUsXG4gIHR5cGUgQ29tcG9uZW50UHJvcHMsXG4gIHR5cGUgUmVmT2JqZWN0LFxuICB1c2VNZW1vLFxuICBmb3J3YXJkUmVmLFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgQ1NTT2JqZWN0IH0gZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBQcm9wZXJ0eSB9IGZyb20gXCJjc3N0eXBlXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCBpc1Byb3BWYWxpZCBmcm9tIFwiQGVtb3Rpb24vaXMtcHJvcC12YWxpZFwiO1xuaW1wb3J0IHsgdXNlUmVzcG9uc2l2ZVN0eWxlcyB9IGZyb20gXCIuLi8uLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5cbmltcG9ydCB0eXBlIHtcbiAgVGV4dEFsaWdubWVudCxcbiAgVGV4dFZhcmlhdGlvbnMsXG4gIFRleHRDb2xvcnMsXG4gIFRleHRTaXplLFxuICBUZXh0V2VpZ2h0LFxuICBNUSxcbiAgSHlwaGVucyxcbiAgT3ZlcmZsb3dXcmFwLFxufSBmcm9tIFwiLi4vLi4vLi4vdHlwZXNcIjtcblxuZXhwb3J0IHR5cGUgQmFzZVRleHRQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgc2l6ZT86IFRleHRTaXplO1xuICB3ZWlnaHQ/OiBUZXh0V2VpZ2h0O1xuICB0cmFuc2Zvcm0/OiBcIm5vbmVcIiB8IFwiY2FwaXRhbGl6ZVwiIHwgXCJ1cHBlcmNhc2VcIiB8IFwibG93ZXJjYXNlXCI7XG4gIGFzPzogXCJwXCIgfCBcInNwYW5cIjtcbiAgLyoqIEBkZXByZWNhdGVkIHZhcmlhbnQgcHJvcGVydHkgaXMgZGVwcmVjYXRlZCBub3cuIFBsZWFzZSB1c2UgY29sb3IgcHJvcC4gKi9cbiAgdmFyaWFudD86IFRleHRWYXJpYXRpb25zO1xuICBjb2xvcj86IFRleHRDb2xvcnM7XG4gIGFsaWduPzogVGV4dEFsaWdubWVudDtcbiAgb3ZlcmZsb3dXcmFwPzogT3ZlcmZsb3dXcmFwO1xuICBoeXBoZW5zPzogSHlwaGVucyB8IE1RPEh5cGhlbnM+O1xuICB1c2VyU2VsZWN0PzogUHJvcGVydHkuVXNlclNlbGVjdDtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIC8qKiBAaWdub3JlICovXG4gIFwiZGF0YS1kcy1pZFwiPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IGNvbnN0IFRleHRDb250ZXh0ID0gY3JlYXRlQ29udGV4dDxQaWNrPFxuICBCYXNlVGV4dFByb3BzLFxuICBcImNvbG9yXCIgfCBcInNpemVcIiB8IFwid2VpZ2h0XCJcbj4gfCBudWxsPihudWxsKTtcblxuZXhwb3J0IGNvbnN0IGdldFRleHRMaW5lSGVpZ2h0ID0gKHtcbiAgdGhlbWUsXG4gIHNpemUsXG59OiB7XG4gIHRoZW1lOiBUaGVtZTtcbiAgc2l6ZTogVGV4dFNpemU7XG59KTogbnVtYmVyID0+XG4gICh7XG4gICAgeHM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQubSxcbiAgICBzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmwsXG4gICAgbTogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC54bCxcbiAgICBsOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LnhsLFxuICB9W3NpemVdKTtcblxuZXhwb3J0IGNvbnN0IGdldFRleHRGb250U2l6ZSA9ICh7XG4gIHRoZW1lLFxuICBzaXplLFxufToge1xuICB0aGVtZTogVGhlbWU7XG4gIHNpemU6IFRleHRTaXplO1xufSk6IHN0cmluZyA9PiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250W3NpemVdO1xuXG5jb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFwicFwiLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiAocHJvcCkgPT5cbiAgICBpc1Byb3BWYWxpZChwcm9wKSAmJiBwcm9wICE9PSBcImNvbG9yXCIgJiYgcHJvcCAhPT0gXCJ0cmFuc2Zvcm1cIixcbn0pPEJhc2VUZXh0UHJvcHM+KFxuICAoe1xuICAgIHRoZW1lLFxuICAgIGFsaWduLFxuICAgIHdlaWdodCxcbiAgICBzaXplLFxuICAgIHRyYW5zZm9ybSxcbiAgICBoeXBoZW5zLFxuICAgIG92ZXJmbG93V3JhcCxcbiAgICBjb2xvcixcbiAgICB1c2VyU2VsZWN0LFxuICAgIHZhcmlhbnQsXG4gIH0pID0+XG4gICAgKHtcbiAgICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gICAgICBtYXJnaW46IDAsXG4gICAgICB0ZXh0VHJhbnNmb3JtOiB0cmFuc2Zvcm0sXG4gICAgICB0ZXh0QWxpZ246IGFsaWduLFxuICAgICAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodFt3ZWlnaHRdLFxuICAgICAgY29sb3I6XG4gICAgICAgIHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0W2NvbG9yXT8uZGVmYXVsdCA/P1xuICAgICAgICB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICAuLi4odXNlclNlbGVjdCAmJiB7XG4gICAgICAgIHVzZXJTZWxlY3QsXG4gICAgICB9KSxcblxuICAgICAgLy8gdmFyaWFudCBpcyBkZXByZWNhdGVkIGFuZCBpdCBzaG91bGQgYmUgZGVsZXRlZCBhc2FwXG4gICAgICAuLi4odmFyaWFudCAmJiB7XG4gICAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dFt2YXJpYW50XS5kZWZhdWx0LFxuICAgICAgICAuLi4odmFyaWFudCA9PT0gXCJwcmltYXJ5XCIgJiYge1xuICAgICAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5hY2NlbnQuZGVmYXVsdCxcbiAgICAgICAgfSksXG4gICAgICAgIC4uLih2YXJpYW50ID09PSBcInNlY29uZGFyeVwiICYmIHtcbiAgICAgICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucHJpbWFyeS5kZWZhdWx0LFxuICAgICAgICB9KSxcbiAgICAgIH0pLFxuXG4gICAgICBmb250U2l6ZTogZ2V0VGV4dEZvbnRTaXplKHsgdGhlbWUsIHNpemUgfSksXG4gICAgICBsaW5lSGVpZ2h0OiBnZXRUZXh0TGluZUhlaWdodCh7IHRoZW1lLCBzaXplIH0pLFxuICAgICAgLi4udXNlUmVzcG9uc2l2ZVN0eWxlcyh7XG4gICAgICAgIGh5cGhlbnM6IFtoeXBoZW5zLCB7IG5vbmU6IFwibm9uZVwiLCBhdXRvOiBcImF1dG9cIiwgbWFudWFsOiBcIm1hbnVhbFwiIH1dLFxuICAgICAgfSksXG4gICAgICBvdmVyZmxvd1dyYXAsXG4gICAgfSBhcyBDU1NPYmplY3QpXG4pO1xuXG5leHBvcnQgdHlwZSBUZXh0UHJvcHMgPSBDb21wb25lbnRQcm9wczx0eXBlb2YgU3R5bGVkVGV4dD47XG5cbmV4cG9ydCBjb25zdCBUZXh0ID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIHNpemUgPSBcIm1cIixcbiAgICAgIHdlaWdodCA9IFwibm9ybWFsXCIsXG4gICAgICB0cmFuc2Zvcm0gPSBcIm5vbmVcIixcbiAgICAgIGFzID0gXCJwXCIsXG4gICAgICBjb2xvcjogY29sb3JQcm9wID0gXCJwcmltYXJ5XCIsXG4gICAgICBhbGlnbiA9IFwibGVmdFwiLFxuICAgICAgaHlwaGVucyA9IFwibm9uZVwiLFxuICAgICAgb3ZlcmZsb3dXcmFwID0gXCJub3JtYWxcIixcbiAgICAgIHZhcmlhbnQsXG4gICAgICB1c2VyU2VsZWN0LFxuICAgICAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gICAgICBjaGlsZHJlbixcbiAgICAgIC4uLnJlc3RcbiAgICB9OiBUZXh0UHJvcHMsXG4gICAgcmVmOiBSZWZPYmplY3Q8SFRNTFBhcmFncmFwaEVsZW1lbnQ+XG4gICkgPT4ge1xuICAgIGxldCBjb2xvciA9IGNvbG9yUHJvcDtcblxuICAgIC8vIHRoaXMgaXMgZ29pbmcgdG8gYmUgZGVsZXRlZCBhZnRlciBtaWdyYXRpb25cbiAgICBpZiAodmFyaWFudCkge1xuICAgICAgaWYgKHZhcmlhbnQgPT09IFwicHJpbWFyeVwiKSB7XG4gICAgICAgIGNvbG9yID0gXCJhY2NlbnRcIjtcbiAgICAgIH0gZWxzZSBpZiAodmFyaWFudCA9PT0gXCJzZWNvbmRhcnlcIikge1xuICAgICAgICBjb2xvciA9IFwicHJpbWFyeVwiO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgY29sb3IgPSB2YXJpYW50O1xuICAgICAgfVxuICAgIH1cblxuICAgIGNvbnN0IGNvbnRleHRWYWx1ZXMgPSB1c2VNZW1vKFxuICAgICAgKCkgPT4gKHsgY29sb3IsIHNpemUsIHdlaWdodCB9KSxcbiAgICAgIFtjb2xvciwgc2l6ZSwgd2VpZ2h0XVxuICAgICk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZFRleHRcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgIHdlaWdodD17d2VpZ2h0fVxuICAgICAgICB0cmFuc2Zvcm09e3RyYW5zZm9ybX1cbiAgICAgICAgYXM9e2FzfVxuICAgICAgICBjb2xvcj17Y29sb3J9XG4gICAgICAgIGFsaWduPXthbGlnbn1cbiAgICAgICAgaHlwaGVucz17aHlwaGVuc31cbiAgICAgICAgb3ZlcmZsb3dXcmFwPXtvdmVyZmxvd1dyYXB9XG4gICAgICAgIHVzZXJTZWxlY3Q9e3VzZXJTZWxlY3R9XG4gICAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICAgIGRhdGEtZHMtaWQ9XCJUZXh0XCJcbiAgICAgICAgey4uLnJlc3R9XG4gICAgICA+XG4gICAgICAgIDxUZXh0Q29udGV4dC5Qcm92aWRlciB2YWx1ZT17Y29udGV4dFZhbHVlc30+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L1RleHRDb250ZXh0LlByb3ZpZGVyPlxuICAgICAgPC9TdHlsZWRUZXh0PlxuICAgICk7XG4gIH1cbik7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUVtQiJ9 */");export const Text=forwardRef(({size="m",weight="normal",transform="none",as="p",color:colorProp="primary",align="left",hyphens="none",overflowWrap="normal",variant,userSelect,"data-e2e-test-id":dataE2eTestId,children,...rest},ref)=>{let color=colorProp;variant&&(color="primary"===variant?"accent":"secondary"===variant?"primary":variant);let contextValues=useMemo(()=>({color,size,weight}),[color,size,weight]);return React.createElement(StyledText,{ref:ref,variant:variant,size:size,weight:weight,transform:transform,as:as,color:color,align:align,hyphens:hyphens,overflowWrap:overflowWrap,userSelect:userSelect,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Text",...rest},React.createElement(TextContext.Provider,{value:contextValues},children))});
|
|
@@ -3,5 +3,9 @@ import type { TextProps } from "../Text/Text";
|
|
|
3
3
|
export type TextClampedProps = TextProps & {
|
|
4
4
|
/** The maximum number of lines. Default is 1. */
|
|
5
5
|
lines?: number;
|
|
6
|
+
/** Visually disable the clamp without changing the measurement threshold. `onExceedsLines` still reports whether the text *would* overflow at `lines`. */
|
|
7
|
+
expanded?: boolean;
|
|
8
|
+
/** Called when the content's line count crosses the `lines` threshold (true = content needs more than `lines` lines to render fully). */
|
|
9
|
+
onExceedsLines?: (exceeds: boolean) => void;
|
|
6
10
|
};
|
|
7
11
|
export declare const TextClamped: React.ForwardRefExoticComponent<Omit<TextClampedProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React,{forwardRef}from"react";import styled from"@emotion/styled";import{ContentText}from"../../Content/ContentText/ContentText";let
|
|
1
|
+
import React,{forwardRef,useEffect,useRef}from"react";import styled from"@emotion/styled";import{ContentText}from"../../Content/ContentText/ContentText";let StyledContainer=styled("span",{target:"e11zoqwk0",label:"StyledContainer"})(({lines,expanded})=>({display:"-webkit-box",WebkitBoxOrient:"vertical",overflow:"hidden",WebkitLineClamp:expanded?"unset":lines}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvVHlwb2dyYXBoeS9UZXh0Q2xhbXBlZC9UZXh0Q2xhbXBlZC50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL1R5cG9ncmFwaHkvVGV4dENsYW1wZWQvVGV4dENsYW1wZWQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VFZmZlY3QsIHVzZVJlZiwgdHlwZSBSZWZPYmplY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBUZXh0UHJvcHMgfSBmcm9tIFwiLi4vVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBDb250ZW50VGV4dCB9IGZyb20gXCIuLi8uLi9Db250ZW50L0NvbnRlbnRUZXh0L0NvbnRlbnRUZXh0XCI7XG5cbmV4cG9ydCB0eXBlIFRleHRDbGFtcGVkUHJvcHMgPSBUZXh0UHJvcHMgJiB7XG4gIC8qKiBUaGUgbWF4aW11bSBudW1iZXIgb2YgbGluZXMuIERlZmF1bHQgaXMgMS4gKi9cbiAgbGluZXM/OiBudW1iZXI7XG4gIC8qKiBWaXN1YWxseSBkaXNhYmxlIHRoZSBjbGFtcCB3aXRob3V0IGNoYW5naW5nIHRoZSBtZWFzdXJlbWVudCB0aHJlc2hvbGQuIGBvbkV4Y2VlZHNMaW5lc2Agc3RpbGwgcmVwb3J0cyB3aGV0aGVyIHRoZSB0ZXh0ICp3b3VsZCogb3ZlcmZsb3cgYXQgYGxpbmVzYC4gKi9cbiAgZXhwYW5kZWQ/OiBib29sZWFuO1xuICAvKiogQ2FsbGVkIHdoZW4gdGhlIGNvbnRlbnQncyBsaW5lIGNvdW50IGNyb3NzZXMgdGhlIGBsaW5lc2AgdGhyZXNob2xkICh0cnVlID0gY29udGVudCBuZWVkcyBtb3JlIHRoYW4gYGxpbmVzYCBsaW5lcyB0byByZW5kZXIgZnVsbHkpLiAqL1xuICBvbkV4Y2VlZHNMaW5lcz86IChleGNlZWRzOiBib29sZWFuKSA9PiB2b2lkO1xufTtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLnNwYW48e1xuICBsaW5lcz86IG51bWJlcjtcbiAgZXhwYW5kZWQ/OiBib29sZWFuO1xufT4oKHsgbGluZXMsIGV4cGFuZGVkIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiLXdlYmtpdC1ib3hcIixcbiAgV2Via2l0Qm94T3JpZW50OiBcInZlcnRpY2FsXCIsXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICBXZWJraXRMaW5lQ2xhbXA6IGV4cGFuZGVkID8gXCJ1bnNldFwiIDogbGluZXMsXG59KSk7XG5cbmZ1bmN0aW9uIHVzZUxpbmVPdmVyZmxvd0RldGVjdG9yKFxuICBjb250YWluZXJSZWY6IFJlZk9iamVjdDxIVE1MRWxlbWVudD4sXG4gIGxpbmVMaW1pdDogbnVtYmVyLFxuICBpc0V4cGFuZGVkOiBib29sZWFuIHwgdW5kZWZpbmVkLFxuICBvbkV4Y2VlZHNMaW5lczogKChleGNlZWRzOiBib29sZWFuKSA9PiB2b2lkKSB8IHVuZGVmaW5lZCxcbiAgY29udGVudDogUmVhY3QuUmVhY3ROb2RlXG4pOiB2b2lkIHtcbiAgY29uc3QgbGFzdEV4Y2VlZHNTdGF0ZVJlZiA9IHVzZVJlZjxib29sZWFuIHwgbnVsbD4obnVsbCk7XG4gIGNvbnN0IG9uRXhjZWVkc0xpbmVzUmVmID0gdXNlUmVmKG9uRXhjZWVkc0xpbmVzKTtcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBvbkV4Y2VlZHNMaW5lc1JlZi5jdXJyZW50ID0gb25FeGNlZWRzTGluZXM7XG4gIH0pO1xuXG4gIGNvbnN0IGhhc0NhbGxiYWNrID0gISFvbkV4Y2VlZHNMaW5lcztcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBjb250YWluZXJFbGVtZW50ID0gY29udGFpbmVyUmVmLmN1cnJlbnQ7XG4gICAgaWYgKCFjb250YWluZXJFbGVtZW50IHx8ICFoYXNDYWxsYmFjaykgcmV0dXJuIHVuZGVmaW5lZDtcblxuICAgIGNvbnN0IHRleHRMaW5lc1JhbmdlID0gZG9jdW1lbnQuY3JlYXRlUmFuZ2UoKTtcbiAgICBjb25zdCBjb3VudFJlbmRlcmVkTGluZXMgPSAoZWxlbWVudDogSFRNTEVsZW1lbnQpOiBudW1iZXIgPT4ge1xuICAgICAgdGV4dExpbmVzUmFuZ2Uuc2VsZWN0Tm9kZUNvbnRlbnRzKGVsZW1lbnQpO1xuICAgICAgcmV0dXJuIHRleHRMaW5lc1JhbmdlLmdldENsaWVudFJlY3RzKCkubGVuZ3RoO1xuICAgIH07XG4gICAgY29uc3QgcmVzaXplT2JzZXJ2ZXIgPSBuZXcgUmVzaXplT2JzZXJ2ZXIoKCkgPT4ge1xuICAgICAgY29uc3QgY3VycmVudEV4Y2VlZHMgPSBjb3VudFJlbmRlcmVkTGluZXMoY29udGFpbmVyRWxlbWVudCkgPiBsaW5lTGltaXQ7XG4gICAgICBpZiAoY3VycmVudEV4Y2VlZHMgIT09IGxhc3RFeGNlZWRzU3RhdGVSZWYuY3VycmVudCkge1xuICAgICAgICBsYXN0RXhjZWVkc1N0YXRlUmVmLmN1cnJlbnQgPSBjdXJyZW50RXhjZWVkcztcbiAgICAgICAgb25FeGNlZWRzTGluZXNSZWYuY3VycmVudD8uKGN1cnJlbnRFeGNlZWRzKTtcbiAgICAgIH1cbiAgICB9KTtcbiAgICByZXNpemVPYnNlcnZlci5vYnNlcnZlKGNvbnRhaW5lckVsZW1lbnQpO1xuICAgIHJldHVybiAoKSA9PiByZXNpemVPYnNlcnZlci5kaXNjb25uZWN0KCk7XG4gIH0sIFtjb250YWluZXJSZWYsIGhhc0NhbGxiYWNrLCBsaW5lTGltaXQsIGlzRXhwYW5kZWQsIGNvbnRlbnRdKTtcbn1cblxuZXhwb3J0IGNvbnN0IFRleHRDbGFtcGVkID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHByb3BzOiBUZXh0Q2xhbXBlZFByb3BzLFxuICAgIHJlZjogUmVmT2JqZWN0PEhUTUxQYXJhZ3JhcGhFbGVtZW50PlxuICApOiBSZWFjdC5SZWFjdEVsZW1lbnQgPT4ge1xuICAgIGNvbnN0IHtcbiAgICAgIGxpbmVzID0gMSxcbiAgICAgIGV4cGFuZGVkLFxuICAgICAgY2hpbGRyZW4sXG4gICAgICBvbkV4Y2VlZHNMaW5lcyxcbiAgICAgIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICAgICAgLi4udGV4dFByb3BzXG4gICAgfSA9IHByb3BzO1xuXG4gICAgY29uc3QgY29udGFpbmVyUmVmID0gdXNlUmVmPEhUTUxFbGVtZW50PihudWxsKTtcblxuICAgIHVzZUxpbmVPdmVyZmxvd0RldGVjdG9yKFxuICAgICAgY29udGFpbmVyUmVmLFxuICAgICAgbGluZXMsXG4gICAgICBleHBhbmRlZCxcbiAgICAgIG9uRXhjZWVkc0xpbmVzLFxuICAgICAgY2hpbGRyZW5cbiAgICApO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxDb250ZW50VGV4dFxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgICAgZGF0YS1kcy1pZD1cIlRleHRDbGFtcGVkXCJcbiAgICAgICAgey4uLnRleHRQcm9wc31cbiAgICAgID5cbiAgICAgICAgPFN0eWxlZENvbnRhaW5lciByZWY9e2NvbnRhaW5lclJlZn0gbGluZXM9e2xpbmVzfSBleHBhbmRlZD17ZXhwYW5kZWR9PlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9TdHlsZWRDb250YWluZXI+XG4gICAgICA8L0NvbnRlbnRUZXh0PlxuICAgICk7XG4gIH1cbik7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZXdCIn0= */");export const TextClamped=forwardRef((props,ref)=>{let{lines=1,expanded,children,onExceedsLines,"data-e2e-test-id":dataE2eTestId,...textProps}=props,containerRef=useRef(null),lastExceedsStateRef=useRef(null),onExceedsLinesRef=useRef(onExceedsLines);useEffect(()=>{onExceedsLinesRef.current=onExceedsLines});let hasCallback=!!onExceedsLines;return useEffect(()=>{let containerElement=containerRef.current;if(!containerElement||!hasCallback)return;let textLinesRange=document.createRange(),countRenderedLines=element=>(textLinesRange.selectNodeContents(element),textLinesRange.getClientRects().length),resizeObserver=new ResizeObserver(()=>{let currentExceeds=countRenderedLines(containerElement)>lines;currentExceeds!==lastExceedsStateRef.current&&(lastExceedsStateRef.current=currentExceeds,onExceedsLinesRef.current?.(currentExceeds))});return resizeObserver.observe(containerElement),()=>resizeObserver.disconnect()},[containerRef,hasCallback,lines,expanded,children]),React.createElement(ContentText,{ref:ref,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"TextClamped",...textProps},React.createElement(StyledContainer,{ref:containerRef,lines:lines,expanded:expanded},children))});
|
package/build/esm/index.d.ts
CHANGED
|
@@ -109,3 +109,4 @@ export * from "./components/Content/ContentTable";
|
|
|
109
109
|
export * from "./components/Content/ContentTableModal/ContentTableModal";
|
|
110
110
|
export * from "./components/Content/DosageButton";
|
|
111
111
|
export * from "./components/Content/ReferenceButton";
|
|
112
|
+
export * from "./components/AIButton/AIButton";
|
package/build/esm/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{ambossVisualConfiguration}from"./web-tokens/visualConfig";export const{dark,light}=ambossVisualConfiguration;export{ThemeProvider,CacheProvider}from"@emotion/react";export{default as createCache}from"@emotion/cache";export*from"./components/AccessCardItem/AccessCardItem";export*from"./components/Avatar/Avatar";export*from"./components/AvatarGroup/AvatarGroup";export*from"./components/Badge/Badge";export*from"./components/BinaryFeedback/BinaryFeedback";export*from"./components/Box/Box";export*from"./components/BulkActionsToolbar/BulkActionsToolbar";export*from"./components/Button/Button";export*from"./components/Callout/Callout";export*from"./components/Card/Card";export*from"./components/Card/CardBox";export*from"./components/CatalogCard/CatalogCard";export*from"./components/CheckboxCard/CheckboxCard";export*from"./components/Collapsible/Collapsible";export*from"./components/ColorIndicator/ColorIndicator";export*from"./components/ColorPicker/ColorPicker";export*from"./components/Column/Columns";export*from"./components/Container";export*from"./components/CountButton/CountButton";export*from"./components/DataTable";export*from"./components/Divider/Divider";export*from"./components/DropdownMenu/DropdownMenu";export*from"./components/EntityList";export*from"./components/EntityTree";export*from"./components/Composite/FilterDialog/FilterDialog";export*from"./components/Form/Checkbox/Checkbox";export*from"./components/Form/Combobox/Combobox";export*from"./components/Form/DateInput/DateInput";export*from"./components/Form/DatePicker";export*from"./components/Form/FormFieldGroup/FormFieldGroup";export*from"./components/Form/Input";export*from"./components/Form/MaskedInput/MaskedInput";export*from"./components/Form/PasswordInput";export*from"./components/Form/Radio/Radio";export*from"./components/Form/RadioButton/RadioButton";export*from"./components/Form/RangeInput/RangeInput";export*from"./components/Form/SearchInput/SearchInput";export*from"./components/Form/SegmentedControl/SegmentedControl";export*from"./components/Form/Select";export*from"./components/Form/ToolbarToggle/ToolbarToggle";export*from"./components/Form/Textarea/Textarea";export*from"./components/Form/Toggle/Toggle";export*from"./components/Form/ToggleButton/ToggleButton";export*from"./components/Grid/Grid";export*from"./components/Icon/Icon";export*from"./components/IconTile/IconTile";export*from"./components/Image/Image";export*from"./components/Inline/Inline";export*from"./components/InteractiveBox/InteractiveBox";export*from"./components/Lightbox/Lightbox";export*from"./components/Link/Link";export*from"./components/LoadingSpinner/LoadingSpinner";export*from"./components/Logo/Logo";export*from"./components/MediaItem";export*from"./components/MediaViewerBar/MediaViewerBar";export*from"./components/MediaViewerCarousel/MediaViewerCarousel";export*from"./components/NavBar";export*from"./components/Notification/Notification";export*from"./components/Pagination/Pagination";export*from"./components/Patterns/ButtonGroup/ButtonGroup";export*from"./components/Patterns/Modal/Modal";export*from"./components/PictogramButton/PictogramButton";export*from"./components/Popover/Popover";export*from"./components/ProgressBar/ProgressBar";export*from"./components/PromptButton/PromptButton";export*from"./components/PromptInput/PromptInput";export*from"./components/SplashCard/SplashCard";export*from"./components/SplashCardMedia/SplashCardMedia";export*from"./components/QBankRichText/QBankRichText";export*from"./components/RadioCard/RadioCard";export*from"./components/RoundButton/RoundButton";export*from"./components/SearchResult/SearchResult";export*from"./components/SegmentedProgressBar/SegmentedProgressBar";export*from"./components/Sheet/Sheet";export*from"./components/Stack/Stack";export*from"./components/SubThemeProvider/SubThemeProvider";export*from"./components/Tabs/Tabs";export*from"./components/Tag/Tag";export*from"./components/TagGroup/TagGroup";export*from"./components/Toast";export*from"./components/Toggletip/Toggletip";export*from"./components/Tooltip/Tooltip";export*from"./components/Tutorialtip/Tutorialtip";export*from"./components/Typography/Header";export*from"./components/Typography/StyledText/StyledText";export*from"./components/Typography/Text";export*from"./components/Typography/TextClamped/TextClamped";export*from"./components/UserHighlightTooltip/UserHighlightTooltip";export*from"./components/Utilities/AnimatedBorder/useAnimatedBorder";export*from"./components/Utilities/ContainerQuery/ContainerQuery";export*from"./components/Utilities/Expandable/Expandable";export*from"./components/Utilities/ScreenReaderText/ScreenReaderText";export*from"./components/Patterns/EmptyState/EmptyState";export*from"./components/Content/ContentBox/ContentBox";export*from"./components/Content/ContentCheckbox/ContentCheckbox";export*from"./components/Content/ContentFontResizer";export*from"./components/Content/ContentHeading/ContentHeading";export*from"./components/Content/ContentLink/ContentLink";export*from"./components/Content/ContentPictogramButton/ContentPictogramButton";export*from"./components/Content/ContentText/ContentText";export*from"./components/Content/ContentList";export*from"./components/Content/ContentTable";export*from"./components/Content/ContentTableModal/ContentTableModal";export*from"./components/Content/DosageButton";export*from"./components/Content/ReferenceButton";
|
|
1
|
+
import{ambossVisualConfiguration}from"./web-tokens/visualConfig";export const{dark,light}=ambossVisualConfiguration;export{ThemeProvider,CacheProvider}from"@emotion/react";export{default as createCache}from"@emotion/cache";export*from"./components/AccessCardItem/AccessCardItem";export*from"./components/Avatar/Avatar";export*from"./components/AvatarGroup/AvatarGroup";export*from"./components/Badge/Badge";export*from"./components/BinaryFeedback/BinaryFeedback";export*from"./components/Box/Box";export*from"./components/BulkActionsToolbar/BulkActionsToolbar";export*from"./components/Button/Button";export*from"./components/Callout/Callout";export*from"./components/Card/Card";export*from"./components/Card/CardBox";export*from"./components/CatalogCard/CatalogCard";export*from"./components/CheckboxCard/CheckboxCard";export*from"./components/Collapsible/Collapsible";export*from"./components/ColorIndicator/ColorIndicator";export*from"./components/ColorPicker/ColorPicker";export*from"./components/Column/Columns";export*from"./components/Container";export*from"./components/CountButton/CountButton";export*from"./components/DataTable";export*from"./components/Divider/Divider";export*from"./components/DropdownMenu/DropdownMenu";export*from"./components/EntityList";export*from"./components/EntityTree";export*from"./components/Composite/FilterDialog/FilterDialog";export*from"./components/Form/Checkbox/Checkbox";export*from"./components/Form/Combobox/Combobox";export*from"./components/Form/DateInput/DateInput";export*from"./components/Form/DatePicker";export*from"./components/Form/FormFieldGroup/FormFieldGroup";export*from"./components/Form/Input";export*from"./components/Form/MaskedInput/MaskedInput";export*from"./components/Form/PasswordInput";export*from"./components/Form/Radio/Radio";export*from"./components/Form/RadioButton/RadioButton";export*from"./components/Form/RangeInput/RangeInput";export*from"./components/Form/SearchInput/SearchInput";export*from"./components/Form/SegmentedControl/SegmentedControl";export*from"./components/Form/Select";export*from"./components/Form/ToolbarToggle/ToolbarToggle";export*from"./components/Form/Textarea/Textarea";export*from"./components/Form/Toggle/Toggle";export*from"./components/Form/ToggleButton/ToggleButton";export*from"./components/Grid/Grid";export*from"./components/Icon/Icon";export*from"./components/IconTile/IconTile";export*from"./components/Image/Image";export*from"./components/Inline/Inline";export*from"./components/InteractiveBox/InteractiveBox";export*from"./components/Lightbox/Lightbox";export*from"./components/Link/Link";export*from"./components/LoadingSpinner/LoadingSpinner";export*from"./components/Logo/Logo";export*from"./components/MediaItem";export*from"./components/MediaViewerBar/MediaViewerBar";export*from"./components/MediaViewerCarousel/MediaViewerCarousel";export*from"./components/NavBar";export*from"./components/Notification/Notification";export*from"./components/Pagination/Pagination";export*from"./components/Patterns/ButtonGroup/ButtonGroup";export*from"./components/Patterns/Modal/Modal";export*from"./components/PictogramButton/PictogramButton";export*from"./components/Popover/Popover";export*from"./components/ProgressBar/ProgressBar";export*from"./components/PromptButton/PromptButton";export*from"./components/PromptInput/PromptInput";export*from"./components/SplashCard/SplashCard";export*from"./components/SplashCardMedia/SplashCardMedia";export*from"./components/QBankRichText/QBankRichText";export*from"./components/RadioCard/RadioCard";export*from"./components/RoundButton/RoundButton";export*from"./components/SearchResult/SearchResult";export*from"./components/SegmentedProgressBar/SegmentedProgressBar";export*from"./components/Sheet/Sheet";export*from"./components/Stack/Stack";export*from"./components/SubThemeProvider/SubThemeProvider";export*from"./components/Tabs/Tabs";export*from"./components/Tag/Tag";export*from"./components/TagGroup/TagGroup";export*from"./components/Toast";export*from"./components/Toggletip/Toggletip";export*from"./components/Tooltip/Tooltip";export*from"./components/Tutorialtip/Tutorialtip";export*from"./components/Typography/Header";export*from"./components/Typography/StyledText/StyledText";export*from"./components/Typography/Text";export*from"./components/Typography/TextClamped/TextClamped";export*from"./components/UserHighlightTooltip/UserHighlightTooltip";export*from"./components/Utilities/AnimatedBorder/useAnimatedBorder";export*from"./components/Utilities/ContainerQuery/ContainerQuery";export*from"./components/Utilities/Expandable/Expandable";export*from"./components/Utilities/ScreenReaderText/ScreenReaderText";export*from"./components/Patterns/EmptyState/EmptyState";export*from"./components/Content/ContentBox/ContentBox";export*from"./components/Content/ContentCheckbox/ContentCheckbox";export*from"./components/Content/ContentFontResizer";export*from"./components/Content/ContentHeading/ContentHeading";export*from"./components/Content/ContentLink/ContentLink";export*from"./components/Content/ContentPictogramButton/ContentPictogramButton";export*from"./components/Content/ContentText/ContentText";export*from"./components/Content/ContentList";export*from"./components/Content/ContentTable";export*from"./components/Content/ContentTableModal/ContentTableModal";export*from"./components/Content/DosageButton";export*from"./components/Content/ReferenceButton";export*from"./components/AIButton/AIButton";
|
|
@@ -4,3 +4,5 @@ import type { AriaAttributes } from "react";
|
|
|
4
4
|
* Direct props take precedence over ariaAttributes
|
|
5
5
|
*/
|
|
6
6
|
export declare function getAriaAttributes<T extends Record<string, unknown>>(props: T, ariaAttributes?: AriaAttributes): AriaAttributes;
|
|
7
|
+
/** Joins id strings into one space-separated aria-describedby value (WAI-ARIA IDREF list). */
|
|
8
|
+
export declare function mergeAriaDescribedBy(...ids: (string | undefined)[]): string | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export function getAriaAttributes(props,ariaAttributes){let ariaProps={};return Object.keys(props).forEach(key=>{key.startsWith("aria-")&&(ariaProps[key]=props[key])}),{...ariaAttributes,...ariaProps}}
|
|
1
|
+
export function getAriaAttributes(props,ariaAttributes){let ariaProps={};return Object.keys(props).forEach(key=>{key.startsWith("aria-")&&(ariaProps[key]=props[key])}),{...ariaAttributes,...ariaProps}}export function mergeAriaDescribedBy(...ids){return ids.filter(Boolean).join(" ")||void 0}
|
|
@@ -2,7 +2,7 @@ import type { Static } from "runtypes";
|
|
|
2
2
|
import { Literal, Union } from "runtypes";
|
|
3
3
|
export declare const LinkTextSizeRuntype: Union<[Literal<"xs">, Literal<"s">, Literal<"m">, Literal<"l">]>;
|
|
4
4
|
export type LinkTextSize = Static<typeof LinkTextSizeRuntype>;
|
|
5
|
-
export declare const TextSizeRuntype: Union<[Literal<"xs">, Literal<"s">, Literal<"m">]>;
|
|
5
|
+
export declare const TextSizeRuntype: Union<[Literal<"xs">, Literal<"s">, Literal<"m">, Literal<"l">]>;
|
|
6
6
|
export type TextSize = Static<typeof TextSizeRuntype>;
|
|
7
7
|
export declare const InputTextSizeRuntype: Union<[Literal<"s">, Literal<"m">]>;
|
|
8
8
|
export type InputTextSize = Static<typeof InputTextSizeRuntype>;
|
|
@@ -34,6 +34,8 @@ export declare const BaseVariationsRuntype: Union<[Literal<"primary">, Literal<"
|
|
|
34
34
|
export declare const BaseColorsRuntype: Union<[Union<[Literal<"primary">, Literal<"secondary">, Literal<"tertiary">]>, Literal<"accent">, Literal<"onAccent">]>;
|
|
35
35
|
export type BaseVariations = Static<typeof BaseVariationsRuntype>;
|
|
36
36
|
export type BaseColors = Static<typeof BaseColorsRuntype>;
|
|
37
|
+
export declare const AIButtonVariationsRuntype: Union<[Union<[Literal<"primary">, Literal<"secondary">, Literal<"tertiary">]>, Literal<"gradient">]>;
|
|
38
|
+
export type AIButtonVariations = Static<typeof AIButtonVariationsRuntype>;
|
|
37
39
|
export declare const PictogramVariationsRuntype: Union<[Literal<"secondary">, Literal<"tertiary">, Literal<"quaternary">]>;
|
|
38
40
|
export type PictogramVariations = Static<typeof PictogramVariationsRuntype>;
|
|
39
41
|
export declare const TextColorsRuntype: Union<[Union<[Union<[Literal<"primary">, Literal<"secondary">, Literal<"tertiary">]>, Literal<"accent">, Literal<"onAccent">]>, Literal<"success">, Literal<"info">, Literal<"error">, Literal<"warning">]>;
|
|
@@ -72,6 +74,8 @@ export declare const ToggleSizeRuntype: Union<[Literal<"s">, Literal<"m">]>;
|
|
|
72
74
|
export type ToggleSize = Static<typeof ToggleSizeRuntype>;
|
|
73
75
|
export declare const ListSizeRuntype: Union<[Literal<"xs">, Literal<"s">, Literal<"m">, Literal<"l">]>;
|
|
74
76
|
export type ListSize = Static<typeof ListSizeRuntype>;
|
|
77
|
+
export declare const PromptInputSizesRuntype: Union<[Literal<"s">, Literal<"m">]>;
|
|
78
|
+
export type PromptInputSizes = Static<typeof PromptInputSizesRuntype>;
|
|
75
79
|
export type AsProp<C extends React.ElementType> = {
|
|
76
80
|
as?: C;
|
|
77
81
|
};
|
package/build/esm/types/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{Literal,Union}from"runtypes";export const LinkTextSizeRuntype=Union(Literal("xs"),Literal("s"),Literal("m"),Literal("l"));export const TextSizeRuntype=Union(Literal("xs"),Literal("s"),Literal("m"));export const InputTextSizeRuntype=Union(Literal("s"),Literal("m"));export const BaseTagSizeRuntype=Union(Literal("s"),Literal("m"));export const BorderRadiusRuntype=Union(Literal("none"),Literal("xs"),Literal("s"),Literal("m"));export const TextAlignmentRuntype=Union(Literal("left"),Literal("right"),Literal("center"));export const HorizontalAlignmentRuntype=Union(Literal("left"),Literal("right"),Literal("center"),Literal("spaceBetween"));export const VerticalAlignmentRuntype=Union(Literal("top"),Literal("bottom"),Literal("center"),Literal("stretch"));export const StackVerticalAlignmentRuntype=Union(Literal("top"),Literal("bottom"),Literal("center"),Literal("spaceBetween"));export const LightboxVerticalAlignmentRuntype=Union(Literal("top"),Literal("center"));export const StackHorizontalAlignmentRuntype=Union(Literal("left"),Literal("right"),Literal("center"),Literal("stretch"));export const SpaceSizesRuntype=Union(Literal("zero"),Literal("xxxs"),Literal("xxs"),Literal("xs"),Literal("s"),Literal("m"),Literal("l"),Literal("xl"),Literal("xxl"));export const ColumsSizesRuntype=Union(Literal(1),Literal(2),Literal(3),Literal(4),Literal(5),Literal(6),Literal(7),Literal(8),Literal(9),Literal(10),Literal(11),Literal(12),Literal("auto"),Literal("narrow"),Literal("fill"));export const ColumnAlignmentRunType=Union(Literal("auto"),Literal("start"),Literal("center"),Literal("end"));export const OrderRuntype=Union(Literal("first"),Literal("last"),Literal("unset"));export const BaseVariationsRuntype=Union(Literal("primary"),Literal("secondary"),Literal("tertiary"));export const BaseColorsRuntype=Union(BaseVariationsRuntype,Literal("accent"),Literal("onAccent"));export const PictogramVariationsRuntype=Union(Literal("secondary"),Literal("tertiary"),Literal("quaternary"));export const TextColorsRuntype=Union(BaseColorsRuntype,Literal("success"),Literal("info"),Literal("error"),Literal("warning"));export const TextVariationsRuntype=Union(BaseVariationsRuntype,Literal("success"),Literal("info"),Literal("error"),Literal("warning"));export const TextWeightRuntype=Union(Literal("normal"),Literal("bold"),Literal("black"),Literal("inherit"));export const IconsColorsRuntime=Union(BaseColorsRuntype,Literal("success"),Literal("info"),Literal("error"),Literal("warning"),Literal("inherit"),Literal("brand"),Literal("quaternary"));export const IconsVariationsRuntype=Union(BaseVariationsRuntype,Literal("success"),Literal("info"),Literal("error"),Literal("warning"),Literal("inherit"),Literal("brand"));export const IconSizesRuntype=Union(Literal("s"),Literal("m"),Literal("l"));export const CalloutVariationsRuntype=Union(Literal("info"),Literal("success"),Literal("error"),Literal("warning"),Literal("neutral"),Literal("ai"));export const LinkVariationsRuntype=Union(BaseVariationsRuntype);export const LinkColorsRuntype=Union(BaseColorsRuntype);export const ButtonSizeRuntype=Union(Literal("s"),Literal("m"),Literal("l"));export const RoundButtonSizeRuntype=Union(Literal("xs"),Literal("s"),Literal("m"));export const DropdownMenuSizeRuntype=Union(Literal("xs"),Literal("s"),Literal("m"));export const HyphensRuntype=Union(Literal("auto"),Literal("none"),Literal("manual"));export const OverflowWrapRuntype=Union(Literal("normal"),Literal("break-word"));export const ToggleSizeRuntype=Union(Literal("s"),Literal("m"));export const ListSizeRuntype=Union(Literal("xs"),Literal("s"),Literal("m"),Literal("l"));export const MediaItemSizeRuntype=Union(Literal("xs"),Literal("s"),Literal("m"),Literal("l"),Literal("xl"));
|
|
1
|
+
import{Literal,Union}from"runtypes";export const LinkTextSizeRuntype=Union(Literal("xs"),Literal("s"),Literal("m"),Literal("l"));export const TextSizeRuntype=Union(Literal("xs"),Literal("s"),Literal("m"),Literal("l"));export const InputTextSizeRuntype=Union(Literal("s"),Literal("m"));export const BaseTagSizeRuntype=Union(Literal("s"),Literal("m"));export const BorderRadiusRuntype=Union(Literal("none"),Literal("xs"),Literal("s"),Literal("m"));export const TextAlignmentRuntype=Union(Literal("left"),Literal("right"),Literal("center"));export const HorizontalAlignmentRuntype=Union(Literal("left"),Literal("right"),Literal("center"),Literal("spaceBetween"));export const VerticalAlignmentRuntype=Union(Literal("top"),Literal("bottom"),Literal("center"),Literal("stretch"));export const StackVerticalAlignmentRuntype=Union(Literal("top"),Literal("bottom"),Literal("center"),Literal("spaceBetween"));export const LightboxVerticalAlignmentRuntype=Union(Literal("top"),Literal("center"));export const StackHorizontalAlignmentRuntype=Union(Literal("left"),Literal("right"),Literal("center"),Literal("stretch"));export const SpaceSizesRuntype=Union(Literal("zero"),Literal("xxxs"),Literal("xxs"),Literal("xs"),Literal("s"),Literal("m"),Literal("l"),Literal("xl"),Literal("xxl"));export const ColumsSizesRuntype=Union(Literal(1),Literal(2),Literal(3),Literal(4),Literal(5),Literal(6),Literal(7),Literal(8),Literal(9),Literal(10),Literal(11),Literal(12),Literal("auto"),Literal("narrow"),Literal("fill"));export const ColumnAlignmentRunType=Union(Literal("auto"),Literal("start"),Literal("center"),Literal("end"));export const OrderRuntype=Union(Literal("first"),Literal("last"),Literal("unset"));export const BaseVariationsRuntype=Union(Literal("primary"),Literal("secondary"),Literal("tertiary"));export const BaseColorsRuntype=Union(BaseVariationsRuntype,Literal("accent"),Literal("onAccent"));export const AIButtonVariationsRuntype=Union(BaseVariationsRuntype,Literal("gradient"));export const PictogramVariationsRuntype=Union(Literal("secondary"),Literal("tertiary"),Literal("quaternary"));export const TextColorsRuntype=Union(BaseColorsRuntype,Literal("success"),Literal("info"),Literal("error"),Literal("warning"));export const TextVariationsRuntype=Union(BaseVariationsRuntype,Literal("success"),Literal("info"),Literal("error"),Literal("warning"));export const TextWeightRuntype=Union(Literal("normal"),Literal("bold"),Literal("black"),Literal("inherit"));export const IconsColorsRuntime=Union(BaseColorsRuntype,Literal("success"),Literal("info"),Literal("error"),Literal("warning"),Literal("inherit"),Literal("brand"),Literal("quaternary"));export const IconsVariationsRuntype=Union(BaseVariationsRuntype,Literal("success"),Literal("info"),Literal("error"),Literal("warning"),Literal("inherit"),Literal("brand"));export const IconSizesRuntype=Union(Literal("s"),Literal("m"),Literal("l"));export const CalloutVariationsRuntype=Union(Literal("info"),Literal("success"),Literal("error"),Literal("warning"),Literal("neutral"),Literal("ai"));export const LinkVariationsRuntype=Union(BaseVariationsRuntype);export const LinkColorsRuntype=Union(BaseColorsRuntype);export const ButtonSizeRuntype=Union(Literal("s"),Literal("m"),Literal("l"));export const RoundButtonSizeRuntype=Union(Literal("xs"),Literal("s"),Literal("m"));export const DropdownMenuSizeRuntype=Union(Literal("xs"),Literal("s"),Literal("m"));export const HyphensRuntype=Union(Literal("auto"),Literal("none"),Literal("manual"));export const OverflowWrapRuntype=Union(Literal("normal"),Literal("break-word"));export const ToggleSizeRuntype=Union(Literal("s"),Literal("m"));export const ListSizeRuntype=Union(Literal("xs"),Literal("s"),Literal("m"),Literal("l"));export const PromptInputSizesRuntype=Union(Literal("s"),Literal("m"));export const MediaItemSizeRuntype=Union(Literal("xs"),Literal("s"),Literal("m"),Literal("l"),Literal("xl"));
|
|
@@ -1329,6 +1329,42 @@
|
|
|
1329
1329
|
"lightValue": "#6934c4",
|
|
1330
1330
|
"lightOriginalValue": "purple.dark01"
|
|
1331
1331
|
},
|
|
1332
|
+
"color-background-ai-hover": {
|
|
1333
|
+
"name": "background.ai",
|
|
1334
|
+
"description": "Hover color for background of certain UI elements related to AI features",
|
|
1335
|
+
"subState": "hover",
|
|
1336
|
+
"darkValue": "rgba(109, 55, 200, 0.3)",
|
|
1337
|
+
"darkOriginalValue": "night-purple.regular-transparent",
|
|
1338
|
+
"lightValue": "#5325a2",
|
|
1339
|
+
"lightOriginalValue": "purple.dark02"
|
|
1340
|
+
},
|
|
1341
|
+
"color-background-ai-active": {
|
|
1342
|
+
"name": "background.ai",
|
|
1343
|
+
"description": "Active color for background of certain UI elements related to AI features",
|
|
1344
|
+
"subState": "active",
|
|
1345
|
+
"darkValue": "rgba(109, 55, 200, 0.3)",
|
|
1346
|
+
"darkOriginalValue": "night-purple.regular-transparent",
|
|
1347
|
+
"lightValue": "#5325a2",
|
|
1348
|
+
"lightOriginalValue": "purple.dark02"
|
|
1349
|
+
},
|
|
1350
|
+
"color-background-ai-disabled": {
|
|
1351
|
+
"name": "background.ai",
|
|
1352
|
+
"description": "Active color for background of certain UI elements related to AI features",
|
|
1353
|
+
"subState": "disabled",
|
|
1354
|
+
"darkValue": "rgba(109, 55, 200, 0.3)",
|
|
1355
|
+
"darkOriginalValue": "night-purple.regular-transparent",
|
|
1356
|
+
"lightValue": "rgba(109, 55, 200, 0.3)",
|
|
1357
|
+
"lightOriginalValue": "night-purple.regular-transparent"
|
|
1358
|
+
},
|
|
1359
|
+
"color-background-ai-transparent": {
|
|
1360
|
+
"name": "background.ai",
|
|
1361
|
+
"description": "Transparent color for background on active of certain UI elements related to AI features",
|
|
1362
|
+
"subState": "transparent",
|
|
1363
|
+
"darkValue": "rgba(109, 55, 200, 0.3)",
|
|
1364
|
+
"darkOriginalValue": "night-purple.regular-transparent",
|
|
1365
|
+
"lightValue": "rgba(138, 97, 241, 0.15)",
|
|
1366
|
+
"lightOriginalValue": "purple.regular-transparent01"
|
|
1367
|
+
},
|
|
1332
1368
|
"color-background-aiSubtle-default": {
|
|
1333
1369
|
"name": "background.aiSubtle",
|
|
1334
1370
|
"description": "Use in combination with color.purple.accent for UI elements related to AI features that are less important or to indicate selected state of certain UI elements (e.g. segmented control or callout)",
|