@amboss/design-system 2.0.2 → 2.1.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/Collapsible/Collapsible.d.ts +3 -1
- package/build/cjs/components/Collapsible/Collapsible.js +1 -1
- package/build/cjs/components/Form/MaskedInput/MaskedInput.d.ts +1 -1
- package/build/cjs/web-tokens/assets/icons.json +3 -0
- package/build/cjs/web-tokens/assets/icons16.json +3 -0
- package/build/esm/components/Collapsible/Collapsible.d.ts +3 -1
- package/build/esm/components/Collapsible/Collapsible.js +1 -1
- package/build/esm/components/Form/MaskedInput/MaskedInput.d.ts +1 -1
- package/build/esm/web-tokens/assets/icons.json +3 -0
- package/build/esm/web-tokens/assets/icons16.json +3 -0
- package/package.json +1 -1
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import type { Property } from "csstype";
|
|
2
3
|
import { Box } from "../Box/Box";
|
|
3
4
|
export type CollapsibleProps = {
|
|
4
5
|
/** the first element of the array of children has to be `<CollapsibleHeader/>`. The rest of the children is the content visible after spreading the component */
|
|
@@ -7,9 +8,10 @@ export type CollapsibleProps = {
|
|
|
7
8
|
...React.ReactElement[]
|
|
8
9
|
];
|
|
9
10
|
isExpanded: boolean | undefined;
|
|
11
|
+
overflow?: Property.Overflow;
|
|
10
12
|
};
|
|
11
13
|
export type CollapsibleHeaderProps = {
|
|
12
14
|
onClick?: (e: React.FormEvent<HTMLButtonElement>) => void;
|
|
13
15
|
} & React.ComponentProps<typeof Box>;
|
|
14
16
|
export declare function CollapsibleHeader({ space, vSpace, rSpace, lSpace, tSpace, bSpace, onClick, children, }: CollapsibleHeaderProps): React.ReactElement;
|
|
15
|
-
export declare function Collapsible({ isExpanded, children, }: CollapsibleProps): React.ReactElement;
|
|
17
|
+
export declare function Collapsible({ isExpanded, overflow, children, }: CollapsibleProps): React.ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),function(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:all[name]})}(exports,{Collapsible:function(){return Collapsible},CollapsibleHeader:function(){return CollapsibleHeader}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=_interop_require_default._(require("@emotion/styled")),_Box=require("../Box/Box"),_Icon=require("../Icon/Icon"),_Inline=require("../Inline/Inline"),_Expandable=require("../Utilities/Expandable/Expandable"),IsExpandedContext=(0,_react.createContext)(!1),StyledButton=(0,_styled.default)("button",{target:"
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),function(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:all[name]})}(exports,{Collapsible:function(){return Collapsible},CollapsibleHeader:function(){return CollapsibleHeader}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=_interop_require_default._(require("@emotion/styled")),_Box=require("../Box/Box"),_Icon=require("../Icon/Icon"),_Inline=require("../Inline/Inline"),_Expandable=require("../Utilities/Expandable/Expandable"),IsExpandedContext=(0,_react.createContext)(!1),StyledButton=(0,_styled.default)("button",{target:"e1q2mhan0",label:"StyledButton"})(({theme,isExpanded})=>({display:"block",width:"100%",backgroundColor:theme.values.color.background.primary.default,border:"none",cursor:"pointer",padding:0,...isExpanded&&{backgroundColor:theme.values.color.background.secondary.hover,":global(.isDarkmodeActive) &":{backgroundColor:theme.values.color.background.primary.default}},"&:hover":{backgroundColor:theme.values.color.background.secondary.hover,":global(.isDarkmodeActive) &":{backgroundColor:theme.values.color.background.primary.default}}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvQ29sbGFwc2libGUvQ29sbGFwc2libGUudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9Db2xsYXBzaWJsZS9Db2xsYXBzaWJsZS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGNyZWF0ZUNvbnRleHQsIHVzZUNvbnRleHQgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBQcm9wZXJ0eSB9IGZyb20gXCJjc3N0eXBlXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgeyBFeHBhbmRhYmxlIH0gZnJvbSBcIi4uL1V0aWxpdGllcy9FeHBhbmRhYmxlL0V4cGFuZGFibGVcIjtcblxuZXhwb3J0IHR5cGUgQ29sbGFwc2libGVQcm9wcyA9IHtcbiAgLyoqIHRoZSBmaXJzdCBlbGVtZW50IG9mIHRoZSBhcnJheSBvZiBjaGlsZHJlbiBoYXMgdG8gYmUgIGA8Q29sbGFwc2libGVIZWFkZXIvPmAuIFRoZSByZXN0IG9mIHRoZSBjaGlsZHJlbiBpcyB0aGUgY29udGVudCB2aXNpYmxlIGFmdGVyIHNwcmVhZGluZyB0aGUgY29tcG9uZW50ICovXG4gIGNoaWxkcmVuOiBbXG4gICAgUmVhY3QuUmVhY3RFbGVtZW50PENvbGxhcHNpYmxlSGVhZGVyUHJvcHM+LFxuICAgIC4uLlJlYWN0LlJlYWN0RWxlbWVudFtdXG4gIF07XG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG4gIG92ZXJmbG93PzogUHJvcGVydHkuT3ZlcmZsb3c7XG59O1xuXG5leHBvcnQgdHlwZSBDb2xsYXBzaWJsZUhlYWRlclByb3BzID0ge1xuICBvbkNsaWNrPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MQnV0dG9uRWxlbWVudD4pID0+IHZvaWQ7XG59ICYgUmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJveD47XG5cbmNvbnN0IElzRXhwYW5kZWRDb250ZXh0ID0gY3JlYXRlQ29udGV4dChmYWxzZSk7XG5cbmNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZC5idXR0b248eyBpc0V4cGFuZGVkOiBib29sZWFuIH0+KFxuICAoeyB0aGVtZSwgaXNFeHBhbmRlZCB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgYm9yZGVyOiBcIm5vbmVcIixcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIHBhZGRpbmc6IDAsXG4gICAgLi4uKGlzRXhwYW5kZWQgJiYge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5zZWNvbmRhcnkuaG92ZXIsXG4gICAgICBcIjpnbG9iYWwoLmlzRGFya21vZGVBY3RpdmUpICZcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnByaW1hcnkuZGVmYXVsdCxcbiAgICAgIH0sXG4gICAgfSksXG5cbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5zZWNvbmRhcnkuaG92ZXIsXG4gICAgICBcIjpnbG9iYWwoLmlzRGFya21vZGVBY3RpdmUpICZcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnByaW1hcnkuZGVmYXVsdCxcbiAgICAgIH0sXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBDb2xsYXBzaWJsZUhlYWRlcih7XG4gIHNwYWNlLFxuICB2U3BhY2UsXG4gIHJTcGFjZSxcbiAgbFNwYWNlLFxuICB0U3BhY2UsXG4gIGJTcGFjZSxcbiAgb25DbGljayxcbiAgY2hpbGRyZW4sXG59OiBDb2xsYXBzaWJsZUhlYWRlclByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgaXNFeHBhbmRlZCA9IHVzZUNvbnRleHQoSXNFeHBhbmRlZENvbnRleHQpO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRCdXR0b25cbiAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgZGF0YS1kcy1pZD1cIkNvbGxhcHNpYmxlSGVhZGVyXCJcbiAgICAgIGlzRXhwYW5kZWQ9e2lzRXhwYW5kZWR9XG4gICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgID5cbiAgICAgIDxCb3hcbiAgICAgICAgc3BhY2U9e3NwYWNlfVxuICAgICAgICB2U3BhY2U9e3ZTcGFjZX1cbiAgICAgICAgclNwYWNlPXtyU3BhY2V9XG4gICAgICAgIGxTcGFjZT17bFNwYWNlfVxuICAgICAgICB0U3BhY2U9e3RTcGFjZX1cbiAgICAgICAgYlNwYWNlPXtiU3BhY2V9XG4gICAgICA+XG4gICAgICAgIDxJbmxpbmUgYWxpZ25JdGVtcz1cInNwYWNlQmV0d2VlblwiIG5vV3JhcD5cbiAgICAgICAgICA8ZGl2PntjaGlsZHJlbn08L2Rpdj5cbiAgICAgICAgICA8SWNvblxuICAgICAgICAgICAgbmFtZT17aXNFeHBhbmRlZCA/IFwiY2hldnJvbi11cFwiIDogXCJjaGV2cm9uLWRvd25cIn1cbiAgICAgICAgICAgIGNvbG9yPVwidGVydGlhcnlcIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwvSW5saW5lPlxuICAgICAgPC9Cb3g+XG4gICAgPC9TdHlsZWRCdXR0b24+XG4gICk7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBDb2xsYXBzaWJsZSh7XG4gIGlzRXhwYW5kZWQsXG4gIG92ZXJmbG93LFxuICBjaGlsZHJlbixcbn06IENvbGxhcHNpYmxlUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBbY29sbGFwc2libGVIZWFkZXIsIC4uLmNvbGxhcHNpYmxlQ2hpbGRyZW5dID0gY2hpbGRyZW47XG4gIHJldHVybiAoXG4gICAgPElzRXhwYW5kZWRDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXtpc0V4cGFuZGVkfT5cbiAgICAgIHtjb2xsYXBzaWJsZUhlYWRlcn1cbiAgICAgIDxFeHBhbmRhYmxlIGlzRXhwYW5kZWQ9e2lzRXhwYW5kZWR9IG92ZXJmbG93PXtvdmVyZmxvd30+XG4gICAgICAgIHtjb2xsYXBzaWJsZUNoaWxkcmVufVxuICAgICAgPC9FeHBhbmRhYmxlPlxuICAgIDwvSXNFeHBhbmRlZENvbnRleHQuUHJvdmlkZXI+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0JxQiJ9 */");function CollapsibleHeader({space,vSpace,rSpace,lSpace,tSpace,bSpace,onClick,children}){let isExpanded=(0,_react.useContext)(IsExpandedContext);return _react.default.createElement(StyledButton,{type:"button","data-ds-id":"CollapsibleHeader",isExpanded:isExpanded,onClick:onClick},_react.default.createElement(_Box.Box,{space:space,vSpace:vSpace,rSpace:rSpace,lSpace:lSpace,tSpace:tSpace,bSpace:bSpace},_react.default.createElement(_Inline.Inline,{alignItems:"spaceBetween",noWrap:!0},_react.default.createElement("div",null,children),_react.default.createElement(_Icon.Icon,{name:isExpanded?"chevron-up":"chevron-down",color:"tertiary"}))))}function Collapsible({isExpanded,overflow,children}){let[collapsibleHeader,...collapsibleChildren]=children;return _react.default.createElement(IsExpandedContext.Provider,{value:isExpanded},collapsibleHeader,_react.default.createElement(_Expandable.Expandable,{isExpanded:isExpanded,overflow:overflow},collapsibleChildren))}
|
|
@@ -13,7 +13,7 @@ export declare const MaskedInput: React.ForwardRefExoticComponent<{
|
|
|
13
13
|
} & {
|
|
14
14
|
name: string;
|
|
15
15
|
value?: string;
|
|
16
|
-
icon?: "article" | "link" | "menu" | "table" | "key" | "info" | "circle" | "filter" | "image" | "x" | "download" | "list" | "search" | "grid" | "sort" | "copy" | "reset" | "alert-circle" | "alert-triangle" | "alert-octagon" | "align-left" | "anamnesis" | "apple" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up" | "auditor" | "award" | "bar-chart-2" | "bell" | "bell-curve" | "book" | "bookmark" | "book-open" | "box" | "bubble" | "bubble-check" | "bubble-image" | "bubble-pill" | "bubble-text" | "bulb" | "calculator" | "charts" | "check" | "check-circle" | "check-small" | "check-square" | "checkmark-circle-filled" | "chevron-down" | "chevrons-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chevrons-up" | "clipboard" | "coffee" | "collapse" | "comment" | "compass" | "corner-down-left" | "corner-down-right" | "credit-card" | "edit-3" | "edit-3-filled" | "edit-square" | "education" | "emergency" | "expand" | "external-link" | "eye" | "eye-off" | "facebook" | "face-happy" | "face-neutral" | "face-sad" | "file-text" | "figma" | "filled-dot" | "film" | "flag" | "flag-filled" | "flask" | "flowchart" | "folder" | "folder-check-filled" | "folder-plus" | "gift" | "google" | "hammer-filled" | "hash" | "headphones" | "help-circle" | "home" | "illustration" | "image-broken" | "institution" | "layers" | "loader" | "lock" | "mail" | "maximize" | "maximize-2" | "med-imaging" | "meditricks" | "message-circle" | "minus" | "more-horizontal" | "more-vertical" | "no-fill" | "percent" | "pill" | "play-circle" | "play-filled" | "plus" | "plus-circle" | "plus-circle-filled" | "quiz" | "rotate-cw" | "search-list" | "settings" | "share" | "shopping-bag" | "show-all" | "sliders" | "smartzoom" | "sort-ascending" | "sort-descending" | "sort-neutral" | "star" | "stethoscope" | "tag" | "text-zoom-reset" | "thumbs-down" | "thumbs-up" | "timer-off" | "timer-on" | "trash-2" | "twitter" | "unlock" | "user" | "users" | "watch" | "wifi-off" | "wifi" | "x-circle-filled" | "zap" | "square";
|
|
16
|
+
icon?: "article" | "link" | "menu" | "table" | "key" | "info" | "circle" | "filter" | "image" | "x" | "download" | "list" | "search" | "grid" | "sort" | "copy" | "reset" | "alert-circle" | "alert-triangle" | "alert-octagon" | "align-left" | "anamnesis" | "apple" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up" | "auditor" | "award" | "bar-chart-2" | "bell" | "bell-curve" | "book" | "bookmark" | "book-open" | "box" | "bubble" | "bubble-check" | "bubble-image" | "bubble-pill" | "bubble-text" | "bulb" | "calculator" | "charts" | "check" | "check-circle" | "check-small" | "check-square" | "checkmark-circle-filled" | "chevron-down" | "chevrons-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chevrons-up" | "clipboard" | "coffee" | "collapse" | "comment" | "compass" | "corner-down-left" | "corner-down-right" | "credit-card" | "edit-3" | "edit-3-filled" | "edit-square" | "education" | "emergency" | "expand" | "external-link" | "eye" | "eye-off" | "facebook" | "face-happy" | "face-neutral" | "face-sad" | "file-text" | "figma" | "filled-dot" | "film" | "flag" | "flag-filled" | "flask" | "flowchart" | "folder" | "folder-check-filled" | "folder-plus" | "gift" | "google" | "hammer-filled" | "hash" | "headphones" | "help-circle" | "home" | "illustration" | "image-broken" | "institution" | "layers" | "loader" | "lock" | "mail" | "maximize" | "maximize-2" | "med-imaging" | "meditricks" | "message-circle" | "minus" | "more-horizontal" | "more-vertical" | "no-fill" | "open-full-screen" | "open-new-tab" | "open-sidebar-right" | "percent" | "pill" | "play-circle" | "play-filled" | "plus" | "plus-circle" | "plus-circle-filled" | "quiz" | "rotate-cw" | "search-list" | "settings" | "share" | "shopping-bag" | "show-all" | "sliders" | "smartzoom" | "sort-ascending" | "sort-descending" | "sort-neutral" | "star" | "stethoscope" | "tag" | "text-zoom-reset" | "thumbs-down" | "thumbs-up" | "timer-off" | "timer-on" | "trash-2" | "twitter" | "unlock" | "user" | "users" | "watch" | "wifi-off" | "wifi" | "x-circle-filled" | "zap" | "square";
|
|
17
17
|
placeholder?: string;
|
|
18
18
|
hasError?: boolean;
|
|
19
19
|
disabled?: boolean;
|
|
@@ -104,6 +104,9 @@
|
|
|
104
104
|
"more-horizontal": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-more-horizontal\"><circle cx=\"12\" cy=\"12\" r=\"1\"></circle><circle cx=\"19\" cy=\"12\" r=\"1\"></circle><circle cx=\"5\" cy=\"12\" r=\"1\"></circle></svg>",
|
|
105
105
|
"more-vertical": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-more-vertical\"><circle cx=\"12\" cy=\"12\" r=\"1\"></circle><circle cx=\"12\" cy=\"5\" r=\"1\"></circle><circle cx=\"12\" cy=\"19\" r=\"1\"></circle></svg>",
|
|
106
106
|
"no-fill": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<circle cx=\"12\" cy=\"12\" r=\"11\" stroke=\"currentColor\" stroke-width=\"2\"/>\n<line x1=\"20.1332\" y1=\"5.27396\" x2=\"3.63324\" y2=\"18.774\" stroke=\"currentColor\" stroke-width=\"2\"/>\n</svg>\n",
|
|
107
|
+
"open-full-screen": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2 5C2 3.34315 3.34315 2 5 2H19C20.6569 2 22 3.34315 22 5V19C22 20.6569 20.6569 22 19 22H5C3.34315 22 2 20.6569 2 19V5ZM5 4C4.44772 4 4 4.44772 4 5V19C4 19.5523 4.44772 20 5 20H19C19.5523 20 20 19.5523 20 19V5C20 4.44772 19.5523 4 19 4H5ZM6 7.68493C6 6.75437 6.75437 6 7.68493 6H16.3151C17.2456 6 18 6.75437 18 7.68493V16.3151C18 17.2456 17.2456 18 16.3151 18H7.68493C6.75437 18 6 17.2456 6 16.3151V7.68493ZM8 8V16H16V8H8Z\" fill=\"currentColor\"/>\n</svg>\n",
|
|
108
|
+
"open-new-tab": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5 2C3.34315 2 2 3.34315 2 5V19C2 20.6569 3.34315 22 5 22H19C20.6569 22 22 20.6569 22 19V5C22 3.34315 20.6569 2 19 2H5ZM4 5C4 4.44772 4.44772 4 5 4H11V7C11 8.65685 12.3431 10 14 10H20V19C20 19.5523 19.5523 20 19 20H5C4.44772 20 4 19.5523 4 19V5ZM20 8V5C20 4.44772 19.5523 4 19 4H13V7C13 7.55228 13.4477 8 14 8H20Z\" fill=\"currentColor\"/>\n</svg>\n",
|
|
109
|
+
"open-sidebar-right": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M20 19C20 19.552 19.552 20 19 20H16V4H19C19.552 4 20 4.448 20 5V19ZM4 19V5C4 4.448 4.449 4 5 4H14V20H5C4.449 20 4 19.552 4 19ZM19 2H5C3.346 2 2 3.345 2 5V19C2 20.654 3.346 22 5 22H19C20.654 22 22 20.654 22 19V5C22 3.345 20.654 2 19 2Z\" fill=\"currentColor\"/>\n</svg>",
|
|
107
110
|
"percent": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-percent\"><line x1=\"19\" y1=\"5\" x2=\"5\" y2=\"19\"></line><circle cx=\"6.5\" cy=\"6.5\" r=\"2.5\"></circle><circle cx=\"17.5\" cy=\"17.5\" r=\"2.5\"></circle></svg>",
|
|
108
111
|
"pill": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\">\n <path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n d=\"M4.222 12.707a5 5 0 007.071 7.071l4.243-4.242-7.071-7.072-4.243 4.243z\" />\n <path fill=\"currentColor\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n d=\"M12.707 4.222L8.465 8.464l7.07 7.072 4.244-4.243a5 5 0 10-7.072-7.071v0z\" />\n</svg>",
|
|
109
112
|
"play-circle": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-play-circle\"><circle cx=\"12\" cy=\"12\" r=\"10\"></circle><polygon points=\"10 8 16 12 10 16 10 8\"></polygon></svg>",
|
|
@@ -107,6 +107,9 @@
|
|
|
107
107
|
"note-filled": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\">\n <path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 14h6\" />\n <path fill=\"currentColor\"\n d=\"M11.932 2c-.529 0-1.036.21-1.41.584L1.776 11.33a.5.5 0 00-.131.232l-.623 2.493a.7.7 0 00.848.85l2.494-.624a.5.5 0 00.232-.132l8.746-8.745A1.994 1.994 0 0011.932 2z\" />\n</svg>",
|
|
108
108
|
"note": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\">\n <g stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\n <path d=\"M9 14h6M10.45 3.438a1.494 1.494 0 112.113 2.112l-7.746 7.746L2 14l.704-2.817z\" />\n </g>\n</svg>",
|
|
109
109
|
"numbered-list": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\">\n <g fill=\"currentColor\">\n <path\n d=\"M14 9a1 1 0 100-2zM7 9h7V7H7zM14 13a1 1 0 100-2zm-7 0h7v-2H7zM14 5a1 1 0 100-2zM7 5h7V3H7zM3 3L1 5v2.5l2-2V13h2V3z\" />\n </g>\n</svg>",
|
|
110
|
+
"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 3h10v10H3V3ZM1 3a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V3Zm5 7V6h4v4H6ZM4 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-.5v-7Z\" clip-rule=\"evenodd\"/></g><defs><clipPath id=\"a\"><path d=\"M0 0h16v16H0z\"/></clipPath></defs></svg>",
|
|
111
|
+
"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 3h4v2H9V3ZM7 3H3v10h10V7H9a2 2 0 0 1-2-2V3ZM1 3a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V3Z\" clip-rule=\"evenodd\"/></g><defs><clipPath id=\"a\"><path d=\"M0 0h16v16H0z\"/></clipPath></defs></svg>",
|
|
112
|
+
"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-2V3ZM9 3H3v10h6V3ZM1 3a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V3Z\" clip-rule=\"evenodd\"/></g><defs><clipPath id=\"a\"><path fill=\"none\" d=\"M0 0h16v16H0z\"/></clipPath></defs></svg>",
|
|
110
113
|
"paragraph": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\">\n <g stroke=\"currentColor\" stroke-width=\"2\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 4h3.5a2.5 2.5 0 010 5H5\" />\n <path d=\"M5 3v10\" />\n </g>\n</svg>",
|
|
111
114
|
"patientinfo": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\">\n <g fill=\"currentColor\">\n <path d=\"M13 12.04V4h-2v8.04zM13 3V1h-2v2z\" />\n <path fill-rule=\"evenodd\"\n d=\"M6.13 13.451c-.54 0-.922-.093-1.15-.28-.133-.105-.23-.277-.289-.516H2.393c.069.78.43 1.365 1.082 1.757.653.392 1.495.588 2.529.588 1.71 0 2.866-.44 3.47-1.32.35-.51.526-1.27.526-2.28V4H8v1.112A2.615 2.615 0 006.7 3.98 2.868 2.868 0 005.64 3.8c-1.097 0-1.945.397-2.543 1.19C2.5 5.78 2.2 6.754 2.2 7.916c0 1.204.309 2.16.927 2.868.623.703 1.453 1.054 2.491 1.054.672 0 1.218-.155 1.639-.466.232-.167.54-.418.743-.753v.502c0 .746-.175 1.276-.343 1.592-.257.492-.766.738-1.527.738zm.037-3.327c-.742 0-1.256-.33-1.543-.99a2.94 2.94 0 01-.237-1.211c0-.526.074-.968.223-1.327.281-.674.793-1.01 1.534-1.01.544 0 .977.193 1.298.58.326.387.49.951.49 1.692 0 .79-.171 1.365-.512 1.728a1.663 1.663 0 01-1.253.538z\"\n clip-rule=\"evenodd\" />\n </g>\n</svg>",
|
|
112
115
|
"percent": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\">\n <g stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\n <path\n d=\"M12.667 3.333l-9.334 9.334M4.5 6a1.5 1.5 0 100-3 1.5 1.5 0 000 3zM11.5 13a1.5 1.5 0 100-3 1.5 1.5 0 000 3z\" />\n </g>\n</svg>",
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import type { Property } from "csstype";
|
|
2
3
|
import { Box } from "../Box/Box";
|
|
3
4
|
export type CollapsibleProps = {
|
|
4
5
|
/** the first element of the array of children has to be `<CollapsibleHeader/>`. The rest of the children is the content visible after spreading the component */
|
|
@@ -7,9 +8,10 @@ export type CollapsibleProps = {
|
|
|
7
8
|
...React.ReactElement[]
|
|
8
9
|
];
|
|
9
10
|
isExpanded: boolean | undefined;
|
|
11
|
+
overflow?: Property.Overflow;
|
|
10
12
|
};
|
|
11
13
|
export type CollapsibleHeaderProps = {
|
|
12
14
|
onClick?: (e: React.FormEvent<HTMLButtonElement>) => void;
|
|
13
15
|
} & React.ComponentProps<typeof Box>;
|
|
14
16
|
export declare function CollapsibleHeader({ space, vSpace, rSpace, lSpace, tSpace, bSpace, onClick, children, }: CollapsibleHeaderProps): React.ReactElement;
|
|
15
|
-
export declare function Collapsible({ isExpanded, children, }: CollapsibleProps): React.ReactElement;
|
|
17
|
+
export declare function Collapsible({ isExpanded, overflow, children, }: CollapsibleProps): React.ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React,{createContext,useContext}from"react";import styled from"@emotion/styled";import{Box}from"../Box/Box";import{Icon}from"../Icon/Icon";import{Inline}from"../Inline/Inline";import{Expandable}from"../Utilities/Expandable/Expandable";let IsExpandedContext=createContext(!1),StyledButton=styled("button",{target:"
|
|
1
|
+
import React,{createContext,useContext}from"react";import styled from"@emotion/styled";import{Box}from"../Box/Box";import{Icon}from"../Icon/Icon";import{Inline}from"../Inline/Inline";import{Expandable}from"../Utilities/Expandable/Expandable";let IsExpandedContext=createContext(!1),StyledButton=styled("button",{target:"e1q2mhan0",label:"StyledButton"})(({theme,isExpanded})=>({display:"block",width:"100%",backgroundColor:theme.values.color.background.primary.default,border:"none",cursor:"pointer",padding:0,...isExpanded&&{backgroundColor:theme.values.color.background.secondary.hover,":global(.isDarkmodeActive) &":{backgroundColor:theme.values.color.background.primary.default}},"&:hover":{backgroundColor:theme.values.color.background.secondary.hover,":global(.isDarkmodeActive) &":{backgroundColor:theme.values.color.background.primary.default}}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvQ29sbGFwc2libGUvQ29sbGFwc2libGUudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9Db2xsYXBzaWJsZS9Db2xsYXBzaWJsZS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGNyZWF0ZUNvbnRleHQsIHVzZUNvbnRleHQgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBQcm9wZXJ0eSB9IGZyb20gXCJjc3N0eXBlXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgeyBFeHBhbmRhYmxlIH0gZnJvbSBcIi4uL1V0aWxpdGllcy9FeHBhbmRhYmxlL0V4cGFuZGFibGVcIjtcblxuZXhwb3J0IHR5cGUgQ29sbGFwc2libGVQcm9wcyA9IHtcbiAgLyoqIHRoZSBmaXJzdCBlbGVtZW50IG9mIHRoZSBhcnJheSBvZiBjaGlsZHJlbiBoYXMgdG8gYmUgIGA8Q29sbGFwc2libGVIZWFkZXIvPmAuIFRoZSByZXN0IG9mIHRoZSBjaGlsZHJlbiBpcyB0aGUgY29udGVudCB2aXNpYmxlIGFmdGVyIHNwcmVhZGluZyB0aGUgY29tcG9uZW50ICovXG4gIGNoaWxkcmVuOiBbXG4gICAgUmVhY3QuUmVhY3RFbGVtZW50PENvbGxhcHNpYmxlSGVhZGVyUHJvcHM+LFxuICAgIC4uLlJlYWN0LlJlYWN0RWxlbWVudFtdXG4gIF07XG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG4gIG92ZXJmbG93PzogUHJvcGVydHkuT3ZlcmZsb3c7XG59O1xuXG5leHBvcnQgdHlwZSBDb2xsYXBzaWJsZUhlYWRlclByb3BzID0ge1xuICBvbkNsaWNrPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MQnV0dG9uRWxlbWVudD4pID0+IHZvaWQ7XG59ICYgUmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJveD47XG5cbmNvbnN0IElzRXhwYW5kZWRDb250ZXh0ID0gY3JlYXRlQ29udGV4dChmYWxzZSk7XG5cbmNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZC5idXR0b248eyBpc0V4cGFuZGVkOiBib29sZWFuIH0+KFxuICAoeyB0aGVtZSwgaXNFeHBhbmRlZCB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgYm9yZGVyOiBcIm5vbmVcIixcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIHBhZGRpbmc6IDAsXG4gICAgLi4uKGlzRXhwYW5kZWQgJiYge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5zZWNvbmRhcnkuaG92ZXIsXG4gICAgICBcIjpnbG9iYWwoLmlzRGFya21vZGVBY3RpdmUpICZcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnByaW1hcnkuZGVmYXVsdCxcbiAgICAgIH0sXG4gICAgfSksXG5cbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5zZWNvbmRhcnkuaG92ZXIsXG4gICAgICBcIjpnbG9iYWwoLmlzRGFya21vZGVBY3RpdmUpICZcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnByaW1hcnkuZGVmYXVsdCxcbiAgICAgIH0sXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBDb2xsYXBzaWJsZUhlYWRlcih7XG4gIHNwYWNlLFxuICB2U3BhY2UsXG4gIHJTcGFjZSxcbiAgbFNwYWNlLFxuICB0U3BhY2UsXG4gIGJTcGFjZSxcbiAgb25DbGljayxcbiAgY2hpbGRyZW4sXG59OiBDb2xsYXBzaWJsZUhlYWRlclByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgaXNFeHBhbmRlZCA9IHVzZUNvbnRleHQoSXNFeHBhbmRlZENvbnRleHQpO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRCdXR0b25cbiAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgZGF0YS1kcy1pZD1cIkNvbGxhcHNpYmxlSGVhZGVyXCJcbiAgICAgIGlzRXhwYW5kZWQ9e2lzRXhwYW5kZWR9XG4gICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgID5cbiAgICAgIDxCb3hcbiAgICAgICAgc3BhY2U9e3NwYWNlfVxuICAgICAgICB2U3BhY2U9e3ZTcGFjZX1cbiAgICAgICAgclNwYWNlPXtyU3BhY2V9XG4gICAgICAgIGxTcGFjZT17bFNwYWNlfVxuICAgICAgICB0U3BhY2U9e3RTcGFjZX1cbiAgICAgICAgYlNwYWNlPXtiU3BhY2V9XG4gICAgICA+XG4gICAgICAgIDxJbmxpbmUgYWxpZ25JdGVtcz1cInNwYWNlQmV0d2VlblwiIG5vV3JhcD5cbiAgICAgICAgICA8ZGl2PntjaGlsZHJlbn08L2Rpdj5cbiAgICAgICAgICA8SWNvblxuICAgICAgICAgICAgbmFtZT17aXNFeHBhbmRlZCA/IFwiY2hldnJvbi11cFwiIDogXCJjaGV2cm9uLWRvd25cIn1cbiAgICAgICAgICAgIGNvbG9yPVwidGVydGlhcnlcIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwvSW5saW5lPlxuICAgICAgPC9Cb3g+XG4gICAgPC9TdHlsZWRCdXR0b24+XG4gICk7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBDb2xsYXBzaWJsZSh7XG4gIGlzRXhwYW5kZWQsXG4gIG92ZXJmbG93LFxuICBjaGlsZHJlbixcbn06IENvbGxhcHNpYmxlUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBbY29sbGFwc2libGVIZWFkZXIsIC4uLmNvbGxhcHNpYmxlQ2hpbGRyZW5dID0gY2hpbGRyZW47XG4gIHJldHVybiAoXG4gICAgPElzRXhwYW5kZWRDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXtpc0V4cGFuZGVkfT5cbiAgICAgIHtjb2xsYXBzaWJsZUhlYWRlcn1cbiAgICAgIDxFeHBhbmRhYmxlIGlzRXhwYW5kZWQ9e2lzRXhwYW5kZWR9IG92ZXJmbG93PXtvdmVyZmxvd30+XG4gICAgICAgIHtjb2xsYXBzaWJsZUNoaWxkcmVufVxuICAgICAgPC9FeHBhbmRhYmxlPlxuICAgIDwvSXNFeHBhbmRlZENvbnRleHQuUHJvdmlkZXI+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0JxQiJ9 */");export function CollapsibleHeader({space,vSpace,rSpace,lSpace,tSpace,bSpace,onClick,children}){let isExpanded=useContext(IsExpandedContext);return React.createElement(StyledButton,{type:"button","data-ds-id":"CollapsibleHeader",isExpanded:isExpanded,onClick:onClick},React.createElement(Box,{space:space,vSpace:vSpace,rSpace:rSpace,lSpace:lSpace,tSpace:tSpace,bSpace:bSpace},React.createElement(Inline,{alignItems:"spaceBetween",noWrap:!0},React.createElement("div",null,children),React.createElement(Icon,{name:isExpanded?"chevron-up":"chevron-down",color:"tertiary"}))))}export function Collapsible({isExpanded,overflow,children}){let[collapsibleHeader,...collapsibleChildren]=children;return React.createElement(IsExpandedContext.Provider,{value:isExpanded},collapsibleHeader,React.createElement(Expandable,{isExpanded:isExpanded,overflow:overflow},collapsibleChildren))}
|
|
@@ -13,7 +13,7 @@ export declare const MaskedInput: React.ForwardRefExoticComponent<{
|
|
|
13
13
|
} & {
|
|
14
14
|
name: string;
|
|
15
15
|
value?: string;
|
|
16
|
-
icon?: "article" | "link" | "menu" | "table" | "key" | "info" | "circle" | "filter" | "image" | "x" | "download" | "list" | "search" | "grid" | "sort" | "copy" | "reset" | "alert-circle" | "alert-triangle" | "alert-octagon" | "align-left" | "anamnesis" | "apple" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up" | "auditor" | "award" | "bar-chart-2" | "bell" | "bell-curve" | "book" | "bookmark" | "book-open" | "box" | "bubble" | "bubble-check" | "bubble-image" | "bubble-pill" | "bubble-text" | "bulb" | "calculator" | "charts" | "check" | "check-circle" | "check-small" | "check-square" | "checkmark-circle-filled" | "chevron-down" | "chevrons-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chevrons-up" | "clipboard" | "coffee" | "collapse" | "comment" | "compass" | "corner-down-left" | "corner-down-right" | "credit-card" | "edit-3" | "edit-3-filled" | "edit-square" | "education" | "emergency" | "expand" | "external-link" | "eye" | "eye-off" | "facebook" | "face-happy" | "face-neutral" | "face-sad" | "file-text" | "figma" | "filled-dot" | "film" | "flag" | "flag-filled" | "flask" | "flowchart" | "folder" | "folder-check-filled" | "folder-plus" | "gift" | "google" | "hammer-filled" | "hash" | "headphones" | "help-circle" | "home" | "illustration" | "image-broken" | "institution" | "layers" | "loader" | "lock" | "mail" | "maximize" | "maximize-2" | "med-imaging" | "meditricks" | "message-circle" | "minus" | "more-horizontal" | "more-vertical" | "no-fill" | "percent" | "pill" | "play-circle" | "play-filled" | "plus" | "plus-circle" | "plus-circle-filled" | "quiz" | "rotate-cw" | "search-list" | "settings" | "share" | "shopping-bag" | "show-all" | "sliders" | "smartzoom" | "sort-ascending" | "sort-descending" | "sort-neutral" | "star" | "stethoscope" | "tag" | "text-zoom-reset" | "thumbs-down" | "thumbs-up" | "timer-off" | "timer-on" | "trash-2" | "twitter" | "unlock" | "user" | "users" | "watch" | "wifi-off" | "wifi" | "x-circle-filled" | "zap" | "square";
|
|
16
|
+
icon?: "article" | "link" | "menu" | "table" | "key" | "info" | "circle" | "filter" | "image" | "x" | "download" | "list" | "search" | "grid" | "sort" | "copy" | "reset" | "alert-circle" | "alert-triangle" | "alert-octagon" | "align-left" | "anamnesis" | "apple" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up" | "auditor" | "award" | "bar-chart-2" | "bell" | "bell-curve" | "book" | "bookmark" | "book-open" | "box" | "bubble" | "bubble-check" | "bubble-image" | "bubble-pill" | "bubble-text" | "bulb" | "calculator" | "charts" | "check" | "check-circle" | "check-small" | "check-square" | "checkmark-circle-filled" | "chevron-down" | "chevrons-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chevrons-up" | "clipboard" | "coffee" | "collapse" | "comment" | "compass" | "corner-down-left" | "corner-down-right" | "credit-card" | "edit-3" | "edit-3-filled" | "edit-square" | "education" | "emergency" | "expand" | "external-link" | "eye" | "eye-off" | "facebook" | "face-happy" | "face-neutral" | "face-sad" | "file-text" | "figma" | "filled-dot" | "film" | "flag" | "flag-filled" | "flask" | "flowchart" | "folder" | "folder-check-filled" | "folder-plus" | "gift" | "google" | "hammer-filled" | "hash" | "headphones" | "help-circle" | "home" | "illustration" | "image-broken" | "institution" | "layers" | "loader" | "lock" | "mail" | "maximize" | "maximize-2" | "med-imaging" | "meditricks" | "message-circle" | "minus" | "more-horizontal" | "more-vertical" | "no-fill" | "open-full-screen" | "open-new-tab" | "open-sidebar-right" | "percent" | "pill" | "play-circle" | "play-filled" | "plus" | "plus-circle" | "plus-circle-filled" | "quiz" | "rotate-cw" | "search-list" | "settings" | "share" | "shopping-bag" | "show-all" | "sliders" | "smartzoom" | "sort-ascending" | "sort-descending" | "sort-neutral" | "star" | "stethoscope" | "tag" | "text-zoom-reset" | "thumbs-down" | "thumbs-up" | "timer-off" | "timer-on" | "trash-2" | "twitter" | "unlock" | "user" | "users" | "watch" | "wifi-off" | "wifi" | "x-circle-filled" | "zap" | "square";
|
|
17
17
|
placeholder?: string;
|
|
18
18
|
hasError?: boolean;
|
|
19
19
|
disabled?: boolean;
|
|
@@ -104,6 +104,9 @@
|
|
|
104
104
|
"more-horizontal": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-more-horizontal\"><circle cx=\"12\" cy=\"12\" r=\"1\"></circle><circle cx=\"19\" cy=\"12\" r=\"1\"></circle><circle cx=\"5\" cy=\"12\" r=\"1\"></circle></svg>",
|
|
105
105
|
"more-vertical": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-more-vertical\"><circle cx=\"12\" cy=\"12\" r=\"1\"></circle><circle cx=\"12\" cy=\"5\" r=\"1\"></circle><circle cx=\"12\" cy=\"19\" r=\"1\"></circle></svg>",
|
|
106
106
|
"no-fill": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<circle cx=\"12\" cy=\"12\" r=\"11\" stroke=\"currentColor\" stroke-width=\"2\"/>\n<line x1=\"20.1332\" y1=\"5.27396\" x2=\"3.63324\" y2=\"18.774\" stroke=\"currentColor\" stroke-width=\"2\"/>\n</svg>\n",
|
|
107
|
+
"open-full-screen": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2 5C2 3.34315 3.34315 2 5 2H19C20.6569 2 22 3.34315 22 5V19C22 20.6569 20.6569 22 19 22H5C3.34315 22 2 20.6569 2 19V5ZM5 4C4.44772 4 4 4.44772 4 5V19C4 19.5523 4.44772 20 5 20H19C19.5523 20 20 19.5523 20 19V5C20 4.44772 19.5523 4 19 4H5ZM6 7.68493C6 6.75437 6.75437 6 7.68493 6H16.3151C17.2456 6 18 6.75437 18 7.68493V16.3151C18 17.2456 17.2456 18 16.3151 18H7.68493C6.75437 18 6 17.2456 6 16.3151V7.68493ZM8 8V16H16V8H8Z\" fill=\"currentColor\"/>\n</svg>\n",
|
|
108
|
+
"open-new-tab": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5 2C3.34315 2 2 3.34315 2 5V19C2 20.6569 3.34315 22 5 22H19C20.6569 22 22 20.6569 22 19V5C22 3.34315 20.6569 2 19 2H5ZM4 5C4 4.44772 4.44772 4 5 4H11V7C11 8.65685 12.3431 10 14 10H20V19C20 19.5523 19.5523 20 19 20H5C4.44772 20 4 19.5523 4 19V5ZM20 8V5C20 4.44772 19.5523 4 19 4H13V7C13 7.55228 13.4477 8 14 8H20Z\" fill=\"currentColor\"/>\n</svg>\n",
|
|
109
|
+
"open-sidebar-right": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M20 19C20 19.552 19.552 20 19 20H16V4H19C19.552 4 20 4.448 20 5V19ZM4 19V5C4 4.448 4.449 4 5 4H14V20H5C4.449 20 4 19.552 4 19ZM19 2H5C3.346 2 2 3.345 2 5V19C2 20.654 3.346 22 5 22H19C20.654 22 22 20.654 22 19V5C22 3.345 20.654 2 19 2Z\" fill=\"currentColor\"/>\n</svg>",
|
|
107
110
|
"percent": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-percent\"><line x1=\"19\" y1=\"5\" x2=\"5\" y2=\"19\"></line><circle cx=\"6.5\" cy=\"6.5\" r=\"2.5\"></circle><circle cx=\"17.5\" cy=\"17.5\" r=\"2.5\"></circle></svg>",
|
|
108
111
|
"pill": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\">\n <path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n d=\"M4.222 12.707a5 5 0 007.071 7.071l4.243-4.242-7.071-7.072-4.243 4.243z\" />\n <path fill=\"currentColor\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n d=\"M12.707 4.222L8.465 8.464l7.07 7.072 4.244-4.243a5 5 0 10-7.072-7.071v0z\" />\n</svg>",
|
|
109
112
|
"play-circle": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-play-circle\"><circle cx=\"12\" cy=\"12\" r=\"10\"></circle><polygon points=\"10 8 16 12 10 16 10 8\"></polygon></svg>",
|
|
@@ -107,6 +107,9 @@
|
|
|
107
107
|
"note-filled": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\">\n <path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 14h6\" />\n <path fill=\"currentColor\"\n d=\"M11.932 2c-.529 0-1.036.21-1.41.584L1.776 11.33a.5.5 0 00-.131.232l-.623 2.493a.7.7 0 00.848.85l2.494-.624a.5.5 0 00.232-.132l8.746-8.745A1.994 1.994 0 0011.932 2z\" />\n</svg>",
|
|
108
108
|
"note": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\">\n <g stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\n <path d=\"M9 14h6M10.45 3.438a1.494 1.494 0 112.113 2.112l-7.746 7.746L2 14l.704-2.817z\" />\n </g>\n</svg>",
|
|
109
109
|
"numbered-list": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\">\n <g fill=\"currentColor\">\n <path\n d=\"M14 9a1 1 0 100-2zM7 9h7V7H7zM14 13a1 1 0 100-2zm-7 0h7v-2H7zM14 5a1 1 0 100-2zM7 5h7V3H7zM3 3L1 5v2.5l2-2V13h2V3z\" />\n </g>\n</svg>",
|
|
110
|
+
"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 3h10v10H3V3ZM1 3a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V3Zm5 7V6h4v4H6ZM4 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-.5v-7Z\" clip-rule=\"evenodd\"/></g><defs><clipPath id=\"a\"><path d=\"M0 0h16v16H0z\"/></clipPath></defs></svg>",
|
|
111
|
+
"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 3h4v2H9V3ZM7 3H3v10h10V7H9a2 2 0 0 1-2-2V3ZM1 3a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V3Z\" clip-rule=\"evenodd\"/></g><defs><clipPath id=\"a\"><path d=\"M0 0h16v16H0z\"/></clipPath></defs></svg>",
|
|
112
|
+
"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-2V3ZM9 3H3v10h6V3ZM1 3a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V3Z\" clip-rule=\"evenodd\"/></g><defs><clipPath id=\"a\"><path fill=\"none\" d=\"M0 0h16v16H0z\"/></clipPath></defs></svg>",
|
|
110
113
|
"paragraph": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\">\n <g stroke=\"currentColor\" stroke-width=\"2\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 4h3.5a2.5 2.5 0 010 5H5\" />\n <path d=\"M5 3v10\" />\n </g>\n</svg>",
|
|
111
114
|
"patientinfo": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\">\n <g fill=\"currentColor\">\n <path d=\"M13 12.04V4h-2v8.04zM13 3V1h-2v2z\" />\n <path fill-rule=\"evenodd\"\n d=\"M6.13 13.451c-.54 0-.922-.093-1.15-.28-.133-.105-.23-.277-.289-.516H2.393c.069.78.43 1.365 1.082 1.757.653.392 1.495.588 2.529.588 1.71 0 2.866-.44 3.47-1.32.35-.51.526-1.27.526-2.28V4H8v1.112A2.615 2.615 0 006.7 3.98 2.868 2.868 0 005.64 3.8c-1.097 0-1.945.397-2.543 1.19C2.5 5.78 2.2 6.754 2.2 7.916c0 1.204.309 2.16.927 2.868.623.703 1.453 1.054 2.491 1.054.672 0 1.218-.155 1.639-.466.232-.167.54-.418.743-.753v.502c0 .746-.175 1.276-.343 1.592-.257.492-.766.738-1.527.738zm.037-3.327c-.742 0-1.256-.33-1.543-.99a2.94 2.94 0 01-.237-1.211c0-.526.074-.968.223-1.327.281-.674.793-1.01 1.534-1.01.544 0 .977.193 1.298.58.326.387.49.951.49 1.692 0 .79-.171 1.365-.512 1.728a1.663 1.663 0 01-1.253.538z\"\n clip-rule=\"evenodd\" />\n </g>\n</svg>",
|
|
112
115
|
"percent": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\">\n <g stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\n <path\n d=\"M12.667 3.333l-9.334 9.334M4.5 6a1.5 1.5 0 100-3 1.5 1.5 0 000 3zM11.5 13a1.5 1.5 0 100-3 1.5 1.5 0 000 3z\" />\n </g>\n</svg>",
|