@amboss/design-system 3.45.0 → 3.45.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/build/cjs/components/PictogramButton/PictogramButton.js +1 -1
  2. package/build/esm/components/PictogramButton/PictogramButton.js +1 -1
  3. package/package.json +1 -1
package/build/cjs/components/PictogramButton/PictogramButton.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"PictogramButton",{enumerable:!0,get:function(){return PictogramButton}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_ariaAttributes=require("../../shared/ariaAttributes"),_Icon=require("../Icon/Icon"),_Inline=require("../Inline/Inline"),_Tooltip=require("../Tooltip/Tooltip"),StyledPictogramButton=(0,_styled.default)("button",{target:"e4wj3qe0",label:"StyledPictogramButton"})(({theme,variant,size,squareCorners,disabled})=>({"&[type='button']":{appearance:"none",MozAppearance:"none",WebkitAppearance:"none"},border:0,display:"inline-block",textTransform:"none",textDecoration:"none",borderRadius:theme.variables.size.borderRadius.xs,fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.s,lineHeight:theme.variables.size.lineHeight.xs,fontWeight:theme.variables.weight.bold,padding:theme.variables.size.spacing.xxs,cursor:"pointer",...disabled&&{opacity:theme.variables.opacity.disabled,cursor:"not-allowed"},..."secondary"===variant&&{border:"1px solid",borderColor:theme.values.color.border.primary.default,backgroundColor:theme.values.color.background.transparent.default,padding:parseInt(theme.variables.size.spacing.xxs,10)-1,color:theme.values.color.icon.secondary.default,...!disabled&&{"&:hover":{color:theme.values.color.icon.primary.default,borderColor:theme.values.color.border.primary.default,backgroundColor:theme.values.color.background.transparent.hover},"&:active":{borderColor:theme.values.color.border.primary.active,backgroundColor:theme.values.color.background.transparent.active}}},..."tertiary"===variant&&{backgroundColor:theme.values.color.background.transparent.default,color:theme.values.color.icon.secondary.default,...!disabled&&{"&:hover":{backgroundColor:theme.values.color.background.transparent.hover},"&:active":{color:theme.values.color.icon.primary.default,backgroundColor:theme.values.color.background.transparent.active}}},..."quaternary"===variant&&{backgroundColor:theme.values.color.background.transparent.default,color:theme.values.color.icon.tertiary.default,...!disabled&&{"&:hover":{backgroundColor:theme.values.color.background.transparent.hover},"&:active":{color:theme.values.color.icon.secondary.default,backgroundColor:theme.values.color.background.transparent.active}}},...squareCorners&&{borderRadius:"0"},...("s"===size||"m"===size)&&{padding:theme.variables.size.spacing.xs}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUGljdG9ncmFtQnV0dG9uL1BpY3RvZ3JhbUJ1dHRvbi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL1BpY3RvZ3JhbUJ1dHRvbi9QaWN0b2dyYW1CdXR0b24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjayB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBnZXRBcmlhQXR0cmlidXRlcyB9IGZyb20gXCIuLi8uLi9zaGFyZWQvYXJpYUF0dHJpYnV0ZXNcIjtcbmltcG9ydCB0eXBlIHsgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB0eXBlIHsgQnV0dG9uUHJvcHMgfSBmcm9tIFwiLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHR5cGUge1xuICBQaWN0b2dyYW1WYXJpYXRpb25zLFxuICBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzV2l0aFJlZixcbiAgUG9seW1vcnBoaWNSZWYsXG59IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gXCIuLi9Ub29sdGlwL1Rvb2x0aXBcIjtcblxuY29uc3QgU3R5bGVkUGljdG9ncmFtQnV0dG9uID0gc3R5bGVkLmJ1dHRvbjxQYXJ0aWFsPFBpY3RvZ3JhbUJ1dHRvblByb3BzPj4oXG4gICh7IHRoZW1lLCB2YXJpYW50LCBzaXplLCBzcXVhcmVDb3JuZXJzLCBkaXNhYmxlZCB9KSA9PiAoe1xuICAgIFwiJlt0eXBlPSdidXR0b24nXVwiOiB7XG4gICAgICBhcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICAgIE1vekFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgICAgV2Via2l0QXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgfSxcbiAgICBib3JkZXI6IDAsXG4gICAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgICB0ZXh0VHJhbnNmb3JtOiBcIm5vbmVcIixcbiAgICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMueHMsXG4gICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5zLFxuICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQueHMsXG4gICAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICAgIHBhZGRpbmc6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgLi4uKGRpc2FibGVkICYmIHtcbiAgICAgIG9wYWNpdHk6IHRoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LmRpc2FibGVkLFxuICAgICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gICAgfSksXG5cbiAgICAuLi4odmFyaWFudCA9PT0gXCJzZWNvbmRhcnlcIiAmJiB7XG4gICAgICBib3JkZXI6IFwiMXB4IHNvbGlkXCIsXG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmRlZmF1bHQsXG4gICAgICBwYWRkaW5nOiBwYXJzZUludCh0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cywgMTApIC0gMSxcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuaWNvbi5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgICAgIC4uLighZGlzYWJsZWQgJiYge1xuICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuaWNvbi5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5kZWZhdWx0LFxuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuaG92ZXIsXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuYWN0aXZlLFxuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuYWN0aXZlLFxuICAgICAgICB9LFxuICAgICAgfSksXG4gICAgfSksXG5cbiAgICAuLi4odmFyaWFudCA9PT0gXCJ0ZXJ0aWFyeVwiICYmIHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuZGVmYXVsdCxcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuaWNvbi5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgICAgIC4uLighZGlzYWJsZWQgJiYge1xuICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuaG92ZXIsXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuaWNvbi5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5hY3RpdmUsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICB9KSxcblxuICAgIC4uLih2YXJpYW50ID09PSBcInF1YXRlcm5hcnlcIiAmJiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmRlZmF1bHQsXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmljb24udGVydGlhcnkuZGVmYXVsdCxcbiAgICAgIC4uLighZGlzYWJsZWQgJiYge1xuICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuaG92ZXIsXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuaWNvbi5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmFjdGl2ZSxcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgIH0pLFxuXG4gICAgLi4uKHNxdWFyZUNvcm5lcnMgJiYge1xuICAgICAgYm9yZGVyUmFkaXVzOiBcIjBcIixcbiAgICB9KSxcbiAgICAuLi4oKHNpemUgPT09IFwic1wiIHx8IHNpemUgPT09IFwibVwiKSAmJiB7XG4gICAgICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IHR5cGUgUGljdG9ncmFtQnV0dG9uUHJvcHMgPSB7XG4gIC8qKiBUaGUgY2VudGVyZWQgaWNvbiB0byBiZSBkaXNwbGF5ZWQuICovXG4gIGljb246IEljb25OYW1lO1xuICAvKiogSWYgdHJ1ZSwgdGhlIGJ1dHRvbiBoYXMgc3F1YXJlIGNvcm5lcnMuICovXG4gIHNxdWFyZUNvcm5lcnM/OiBib29sZWFuO1xuICAvKiogU2l6ZSAqL1xuICBzaXplPzogXCJ4c1wiIHwgXCJzXCIgfCBcIm1cIjtcbiAgdmFyaWFudD86IFBpY3RvZ3JhbVZhcmlhdGlvbnM7XG4gIGxhYmVsPzogc3RyaW5nO1xufSAmIE9taXQ8XG4gIEJ1dHRvblByb3BzLFxuICB8IFwidmFyaWFudFwiXG4gIHwgXCJzaXplXCJcbiAgfCBcImxlZnRJY29uXCJcbiAgfCBcInJpZ2h0SWNvblwiXG4gIHwgXCJmdWxsV2lkdGhcIlxuICB8IFwiZGVzdHJ1Y3RpdmVcIlxuICB8IFwicHJpdmF0ZVByb3BzXCJcbiAgfCBcImxvYWRpbmdcIlxuPjtcblxudHlwZSBQaWN0b2dyYW1CdXR0b25Db21wb25lbnQgPSA8QyBleHRlbmRzIFJlYWN0LkVsZW1lbnRUeXBlID0gXCJidXR0b25cIj4oXG4gIHByb3BzOiBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzV2l0aFJlZjxDLCBQaWN0b2dyYW1CdXR0b25Qcm9wcz5cbikgPT4gUmVhY3QuUmVhY3ROb2RlIHwgbnVsbDtcblxuZXhwb3J0IGNvbnN0IFBpY3RvZ3JhbUJ1dHRvbjogUGljdG9ncmFtQnV0dG9uQ29tcG9uZW50ID0gUmVhY3QuZm9yd2FyZFJlZihcbiAgPEMgZXh0ZW5kcyBSZWFjdC5FbGVtZW50VHlwZSA9IFwiYnV0dG9uXCI+KFxuICAgIHtcbiAgICAgIGFyaWFBdHRyaWJ1dGVzLFxuICAgICAgdHlwZSA9IFwiYnV0dG9uXCIsXG4gICAgICBzaXplID0gXCJ4c1wiLFxuICAgICAgdmFyaWFudCA9IFwidGVydGlhcnlcIixcbiAgICAgIGRpc2FibGVkID0gZmFsc2UsXG4gICAgICBvbkNsaWNrLFxuICAgICAgb25Gb2N1cyxcbiAgICAgIG9uQmx1cixcbiAgICAgIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICAgICAgYXMsXG4gICAgICBpY29uLFxuICAgICAgbGFiZWwsXG4gICAgICBzcXVhcmVDb3JuZXJzID0gZmFsc2UsXG4gICAgICAuLi5yZXN0XG4gICAgfTogUG9seW1vcnBoaWNDb21wb25lbnRQcm9wc1dpdGhSZWY8QywgUGljdG9ncmFtQnV0dG9uUHJvcHM+LFxuICAgIHJlZj86IFBvbHltb3JwaGljUmVmPEM+XG4gICkgPT4ge1xuICAgIGNvbnN0IG1lcmdlZEFyaWFBdHRyaWJ1dGVzID0gZ2V0QXJpYUF0dHJpYnV0ZXMocmVzdCwgYXJpYUF0dHJpYnV0ZXMpO1xuICAgIGNvbnN0IGhhbmRsZUNsaWNrID0gdXNlQ2FsbGJhY2soXG4gICAgICAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4ge1xuICAgICAgICBpZiAoZGlzYWJsZWQpIHtcbiAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKG9uQ2xpY2spIHtcbiAgICAgICAgICBvbkNsaWNrKGUpO1xuICAgICAgICB9XG4gICAgICB9LFxuICAgICAgW2Rpc2FibGVkLCBvbkNsaWNrXVxuICAgICk7XG4gICAgY29uc3QgaWNvblNpemUgPSBzaXplID09PSBcIm1cIiA/IFwibVwiIDogXCJzXCI7XG4gICAgY29uc3QgYXJpYUxhYmVsUHJvcCA9XG4gICAgICBsYWJlbCB8fCBhcmlhQXR0cmlidXRlcz8uW1wiYXJpYS1sYWJlbFwiXVxuICAgICAgICA/IHtcbiAgICAgICAgICAgIFwiYXJpYS1sYWJlbFwiOiBhcmlhQXR0cmlidXRlcz8uW1wiYXJpYS1sYWJlbFwiXSB8fCBsYWJlbCxcbiAgICAgICAgICB9XG4gICAgICAgIDoge307XG4gICAgY29uc3QgcGljdG9ncmFtQ29udGVudCA9IChcbiAgICAgIDxTdHlsZWRQaWN0b2dyYW1CdXR0b25cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICAgIGRhdGEtZHMtaWQ9XCJQaWN0b2dyYW1CdXR0b25cIlxuICAgICAgICBhcz17YXN9XG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgdHlwZT17YXMgJiYgYXMgIT09IFwiYnV0dG9uXCIgPyB1bmRlZmluZWQgOiB0eXBlfVxuICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICBzcXVhcmVDb3JuZXJzPXtzcXVhcmVDb3JuZXJzfVxuICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgIHsuLi5tZXJnZWRBcmlhQXR0cmlidXRlc31cbiAgICAgICAgey4uLmFyaWFMYWJlbFByb3B9XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgPlxuICAgICAgICA8SW5saW5lIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiIHNwYWNlPVwieHhzXCIgbm9XcmFwPlxuICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICBhcmlhLWhpZGRlblxuICAgICAgICAgICAgc2l6ZT17aWNvblNpemV9XG4gICAgICAgICAgICBuYW1lPXtpY29ufVxuICAgICAgICAgICAgZGF0YS10ZXN0aWQ9e2ljb259XG4gICAgICAgICAgICBkYXRhLWUyZS10ZXN0LWlkPXtpY29ufVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvSW5saW5lPlxuICAgICAgPC9TdHlsZWRQaWN0b2dyYW1CdXR0b24+XG4gICAgKTtcblxuICAgIHJldHVybiBsYWJlbCA/IChcbiAgICAgIDxUb29sdGlwIGNvbnRlbnQ9e2xhYmVsfT57cGljdG9ncmFtQ29udGVudH08L1Rvb2x0aXA+XG4gICAgKSA6IChcbiAgICAgIHBpY3RvZ3JhbUNvbnRlbnRcbiAgICApO1xuICB9XG4pO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWU4QiJ9 */"),PictogramButton=_react.default.forwardRef(({ariaAttributes,type="button",size="xs",variant="tertiary",disabled=!1,onClick,onFocus,onBlur,"data-e2e-test-id":dataE2eTestId,as,icon,label,squareCorners=!1,...rest},ref)=>{let mergedAriaAttributes=(0,_ariaAttributes.getAriaAttributes)(rest,ariaAttributes),handleClick=(0,_react.useCallback)(e=>{disabled&&e.preventDefault(),onClick&&onClick(e)},[disabled,onClick]),ariaLabelProp=label||ariaAttributes?.["aria-label"]?{"aria-label":ariaAttributes?.["aria-label"]||label}:{},pictogramContent=_react.default.createElement(StyledPictogramButton,{ref:ref,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"PictogramButton",as:as,disabled:disabled,type:as&&"button"!==as?void 0:type,variant:variant,size:size,squareCorners:squareCorners,onClick:handleClick,onFocus:onFocus,onBlur:onBlur,...mergedAriaAttributes,...ariaLabelProp,...rest},_react.default.createElement(_Inline.Inline,{vAlignItems:"center",alignItems:"center",space:"xxs",noWrap:!0},_react.default.createElement(_Icon.Icon,{"aria-hidden":!0,size:"m"===size?"m":"s",name:icon,"data-testid":icon,"data-e2e-test-id":icon})));return label?_react.default.createElement(_Tooltip.Tooltip,{content:label},pictogramContent):pictogramContent});
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"PictogramButton",{enumerable:!0,get:function(){return PictogramButton}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_ariaAttributes=require("../../shared/ariaAttributes"),_Icon=require("../Icon/Icon"),_Inline=require("../Inline/Inline"),_Tooltip=require("../Tooltip/Tooltip"),StyledPictogramButton=(0,_styled.default)("button",{target:"e11h7uli0",label:"StyledPictogramButton"})(({theme,variant,size,squareCorners,disabled})=>{let basePadding="xs"===size?theme.variables.size.spacing.xxs:theme.variables.size.spacing.xs;return{"&[type='button']":{appearance:"none",MozAppearance:"none",WebkitAppearance:"none"},border:0,display:"inline-block",textTransform:"none",textDecoration:"none",borderRadius:theme.variables.size.borderRadius.xs,fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.s,lineHeight:theme.variables.size.lineHeight.xs,fontWeight:theme.variables.weight.bold,padding:basePadding,cursor:"pointer",...disabled&&{opacity:theme.variables.opacity.disabled,cursor:"not-allowed"},..."secondary"===variant&&{border:"1px solid",borderColor:theme.values.color.border.primary.default,backgroundColor:theme.values.color.background.transparent.default,padding:parseInt(basePadding,10)-1,color:theme.values.color.icon.secondary.default,...!disabled&&{"&:hover":{color:theme.values.color.icon.primary.default,borderColor:theme.values.color.border.primary.default,backgroundColor:theme.values.color.background.transparent.hover},"&:active":{borderColor:theme.values.color.border.primary.active,backgroundColor:theme.values.color.background.transparent.active}}},..."tertiary"===variant&&{backgroundColor:theme.values.color.background.transparent.default,color:theme.values.color.icon.secondary.default,...!disabled&&{"&:hover":{backgroundColor:theme.values.color.background.transparent.hover},"&:active":{color:theme.values.color.icon.primary.default,backgroundColor:theme.values.color.background.transparent.active}}},..."quaternary"===variant&&{backgroundColor:theme.values.color.background.transparent.default,color:theme.values.color.icon.tertiary.default,...!disabled&&{"&:hover":{backgroundColor:theme.values.color.background.transparent.hover},"&:active":{color:theme.values.color.icon.secondary.default,backgroundColor:theme.values.color.background.transparent.active}}},...squareCorners&&{borderRadius:"0"}}},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUGljdG9ncmFtQnV0dG9uL1BpY3RvZ3JhbUJ1dHRvbi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL1BpY3RvZ3JhbUJ1dHRvbi9QaWN0b2dyYW1CdXR0b24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjayB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBnZXRBcmlhQXR0cmlidXRlcyB9IGZyb20gXCIuLi8uLi9zaGFyZWQvYXJpYUF0dHJpYnV0ZXNcIjtcbmltcG9ydCB0eXBlIHsgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB0eXBlIHsgQnV0dG9uUHJvcHMgfSBmcm9tIFwiLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHR5cGUge1xuICBQaWN0b2dyYW1WYXJpYXRpb25zLFxuICBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzV2l0aFJlZixcbiAgUG9seW1vcnBoaWNSZWYsXG59IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gXCIuLi9Ub29sdGlwL1Rvb2x0aXBcIjtcblxuY29uc3QgU3R5bGVkUGljdG9ncmFtQnV0dG9uID0gc3R5bGVkLmJ1dHRvbjxQYXJ0aWFsPFBpY3RvZ3JhbUJ1dHRvblByb3BzPj4oXG4gICh7IHRoZW1lLCB2YXJpYW50LCBzaXplLCBzcXVhcmVDb3JuZXJzLCBkaXNhYmxlZCB9KSA9PiB7XG4gICAgY29uc3QgYmFzZVBhZGRpbmcgPVxuICAgICAgc2l6ZSA9PT0gXCJ4c1wiXG4gICAgICAgID8gdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHNcbiAgICAgICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzO1xuXG4gICAgcmV0dXJuIHtcbiAgICAgIFwiJlt0eXBlPSdidXR0b24nXVwiOiB7XG4gICAgICAgIGFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgICAgICBNb3pBcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICAgICAgV2Via2l0QXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgICB9LFxuICAgICAgYm9yZGVyOiAwLFxuICAgICAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgICAgIHRleHRUcmFuc2Zvcm06IFwibm9uZVwiLFxuICAgICAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICAgICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMueHMsXG4gICAgICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICAgICAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQucyxcbiAgICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQueHMsXG4gICAgICBmb250V2VpZ2h0OiB0aGVtZS52YXJpYWJsZXMud2VpZ2h0LmJvbGQsXG4gICAgICBwYWRkaW5nOiBiYXNlUGFkZGluZyxcbiAgICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgICAuLi4oZGlzYWJsZWQgJiYge1xuICAgICAgICBvcGFjaXR5OiB0aGVtZS52YXJpYWJsZXMub3BhY2l0eS5kaXNhYmxlZCxcbiAgICAgICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gICAgICB9KSxcblxuICAgICAgLi4uKHZhcmlhbnQgPT09IFwic2Vjb25kYXJ5XCIgJiYge1xuICAgICAgICBib3JkZXI6IFwiMXB4IHNvbGlkXCIsXG4gICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuZGVmYXVsdCxcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5kZWZhdWx0LFxuICAgICAgICAvLyBTdWJ0cmFjdCAxcHggc28gdGhlIDFweCBib3JkZXIgZG9lc24ndCBhZGQgdG8gb3V0ZXIgZGltZW5zaW9ucyDigJRcbiAgICAgICAgLy8ga2VlcHMgaGVpZ2h0IGVxdWFsIHRvIEJ1dHRvbiBhdCB0aGUgc2FtZSBzaXplLlxuICAgICAgICBwYWRkaW5nOiBwYXJzZUludChiYXNlUGFkZGluZywgMTApIC0gMSxcbiAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5pY29uLnNlY29uZGFyeS5kZWZhdWx0LFxuICAgICAgICAuLi4oIWRpc2FibGVkICYmIHtcbiAgICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5pY29uLnByaW1hcnkuZGVmYXVsdCxcbiAgICAgICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuZGVmYXVsdCxcbiAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuaG92ZXIsXG4gICAgICAgICAgfSxcbiAgICAgICAgICBcIiY6YWN0aXZlXCI6IHtcbiAgICAgICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuYWN0aXZlLFxuICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5hY3RpdmUsXG4gICAgICAgICAgfSxcbiAgICAgICAgfSksXG4gICAgICB9KSxcblxuICAgICAgLi4uKHZhcmlhbnQgPT09IFwidGVydGlhcnlcIiAmJiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuZGVmYXVsdCxcbiAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5pY29uLnNlY29uZGFyeS5kZWZhdWx0LFxuICAgICAgICAuLi4oIWRpc2FibGVkICYmIHtcbiAgICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5ob3ZlcixcbiAgICAgICAgICB9LFxuICAgICAgICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5pY29uLnByaW1hcnkuZGVmYXVsdCxcbiAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuYWN0aXZlLFxuICAgICAgICAgIH0sXG4gICAgICAgIH0pLFxuICAgICAgfSksXG5cbiAgICAgIC4uLih2YXJpYW50ID09PSBcInF1YXRlcm5hcnlcIiAmJiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuZGVmYXVsdCxcbiAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5pY29uLnRlcnRpYXJ5LmRlZmF1bHQsXG4gICAgICAgIC4uLighZGlzYWJsZWQgJiYge1xuICAgICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmhvdmVyLFxuICAgICAgICAgIH0sXG4gICAgICAgICAgXCImOmFjdGl2ZVwiOiB7XG4gICAgICAgICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmljb24uc2Vjb25kYXJ5LmRlZmF1bHQsXG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmFjdGl2ZSxcbiAgICAgICAgICB9LFxuICAgICAgICB9KSxcbiAgICAgIH0pLFxuXG4gICAgICAuLi4oc3F1YXJlQ29ybmVycyAmJiB7XG4gICAgICAgIGJvcmRlclJhZGl1czogXCIwXCIsXG4gICAgICB9KSxcbiAgICB9O1xuICB9XG4pO1xuXG5leHBvcnQgdHlwZSBQaWN0b2dyYW1CdXR0b25Qcm9wcyA9IHtcbiAgLyoqIFRoZSBjZW50ZXJlZCBpY29uIHRvIGJlIGRpc3BsYXllZC4gKi9cbiAgaWNvbjogSWNvbk5hbWU7XG4gIC8qKiBJZiB0cnVlLCB0aGUgYnV0dG9uIGhhcyBzcXVhcmUgY29ybmVycy4gKi9cbiAgc3F1YXJlQ29ybmVycz86IGJvb2xlYW47XG4gIC8qKiBTaXplICovXG4gIHNpemU/OiBcInhzXCIgfCBcInNcIiB8IFwibVwiO1xuICB2YXJpYW50PzogUGljdG9ncmFtVmFyaWF0aW9ucztcbiAgbGFiZWw/OiBzdHJpbmc7XG59ICYgT21pdDxcbiAgQnV0dG9uUHJvcHMsXG4gIHwgXCJ2YXJpYW50XCJcbiAgfCBcInNpemVcIlxuICB8IFwibGVmdEljb25cIlxuICB8IFwicmlnaHRJY29uXCJcbiAgfCBcImZ1bGxXaWR0aFwiXG4gIHwgXCJkZXN0cnVjdGl2ZVwiXG4gIHwgXCJwcml2YXRlUHJvcHNcIlxuICB8IFwibG9hZGluZ1wiXG4+O1xuXG50eXBlIFBpY3RvZ3JhbUJ1dHRvbkNvbXBvbmVudCA9IDxDIGV4dGVuZHMgUmVhY3QuRWxlbWVudFR5cGUgPSBcImJ1dHRvblwiPihcbiAgcHJvcHM6IFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHNXaXRoUmVmPEMsIFBpY3RvZ3JhbUJ1dHRvblByb3BzPlxuKSA9PiBSZWFjdC5SZWFjdE5vZGUgfCBudWxsO1xuXG5leHBvcnQgY29uc3QgUGljdG9ncmFtQnV0dG9uOiBQaWN0b2dyYW1CdXR0b25Db21wb25lbnQgPSBSZWFjdC5mb3J3YXJkUmVmKFxuICA8QyBleHRlbmRzIFJlYWN0LkVsZW1lbnRUeXBlID0gXCJidXR0b25cIj4oXG4gICAge1xuICAgICAgYXJpYUF0dHJpYnV0ZXMsXG4gICAgICB0eXBlID0gXCJidXR0b25cIixcbiAgICAgIHNpemUgPSBcInhzXCIsXG4gICAgICB2YXJpYW50ID0gXCJ0ZXJ0aWFyeVwiLFxuICAgICAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgICAgIG9uQ2xpY2ssXG4gICAgICBvbkZvY3VzLFxuICAgICAgb25CbHVyLFxuICAgICAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gICAgICBhcyxcbiAgICAgIGljb24sXG4gICAgICBsYWJlbCxcbiAgICAgIHNxdWFyZUNvcm5lcnMgPSBmYWxzZSxcbiAgICAgIC4uLnJlc3RcbiAgICB9OiBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzV2l0aFJlZjxDLCBQaWN0b2dyYW1CdXR0b25Qcm9wcz4sXG4gICAgcmVmPzogUG9seW1vcnBoaWNSZWY8Qz5cbiAgKSA9PiB7XG4gICAgY29uc3QgbWVyZ2VkQXJpYUF0dHJpYnV0ZXMgPSBnZXRBcmlhQXR0cmlidXRlcyhyZXN0LCBhcmlhQXR0cmlidXRlcyk7XG4gICAgY29uc3QgaGFuZGxlQ2xpY2sgPSB1c2VDYWxsYmFjayhcbiAgICAgIChlOiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB7XG4gICAgICAgIGlmIChkaXNhYmxlZCkge1xuICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgfVxuICAgICAgICBpZiAob25DbGljaykge1xuICAgICAgICAgIG9uQ2xpY2soZSk7XG4gICAgICAgIH1cbiAgICAgIH0sXG4gICAgICBbZGlzYWJsZWQsIG9uQ2xpY2tdXG4gICAgKTtcbiAgICBjb25zdCBpY29uU2l6ZSA9IHNpemUgPT09IFwibVwiID8gXCJtXCIgOiBcInNcIjtcbiAgICBjb25zdCBhcmlhTGFiZWxQcm9wID1cbiAgICAgIGxhYmVsIHx8IGFyaWFBdHRyaWJ1dGVzPy5bXCJhcmlhLWxhYmVsXCJdXG4gICAgICAgID8ge1xuICAgICAgICAgICAgXCJhcmlhLWxhYmVsXCI6IGFyaWFBdHRyaWJ1dGVzPy5bXCJhcmlhLWxhYmVsXCJdIHx8IGxhYmVsLFxuICAgICAgICAgIH1cbiAgICAgICAgOiB7fTtcbiAgICBjb25zdCBwaWN0b2dyYW1Db250ZW50ID0gKFxuICAgICAgPFN0eWxlZFBpY3RvZ3JhbUJ1dHRvblxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgICAgZGF0YS1kcy1pZD1cIlBpY3RvZ3JhbUJ1dHRvblwiXG4gICAgICAgIGFzPXthc31cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICB0eXBlPXthcyAmJiBhcyAhPT0gXCJidXR0b25cIiA/IHVuZGVmaW5lZCA6IHR5cGV9XG4gICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgIHNxdWFyZUNvcm5lcnM9e3NxdWFyZUNvcm5lcnN9XG4gICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgey4uLm1lcmdlZEFyaWFBdHRyaWJ1dGVzfVxuICAgICAgICB7Li4uYXJpYUxhYmVsUHJvcH1cbiAgICAgICAgey4uLnJlc3R9XG4gICAgICA+XG4gICAgICAgIDxJbmxpbmUgdkFsaWduSXRlbXM9XCJjZW50ZXJcIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgc3BhY2U9XCJ4eHNcIiBub1dyYXA+XG4gICAgICAgICAgPEljb25cbiAgICAgICAgICAgIGFyaWEtaGlkZGVuXG4gICAgICAgICAgICBzaXplPXtpY29uU2l6ZX1cbiAgICAgICAgICAgIG5hbWU9e2ljb259XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17aWNvbn1cbiAgICAgICAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2ljb259XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9JbmxpbmU+XG4gICAgICA8L1N0eWxlZFBpY3RvZ3JhbUJ1dHRvbj5cbiAgICApO1xuXG4gICAgcmV0dXJuIGxhYmVsID8gKFxuICAgICAgPFRvb2x0aXAgY29udGVudD17bGFiZWx9PntwaWN0b2dyYW1Db250ZW50fTwvVG9vbHRpcD5cbiAgICApIDogKFxuICAgICAgcGljdG9ncmFtQ29udGVudFxuICAgICk7XG4gIH1cbik7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZThCIn0= */"),PictogramButton=_react.default.forwardRef(({ariaAttributes,type="button",size="xs",variant="tertiary",disabled=!1,onClick,onFocus,onBlur,"data-e2e-test-id":dataE2eTestId,as,icon,label,squareCorners=!1,...rest},ref)=>{let mergedAriaAttributes=(0,_ariaAttributes.getAriaAttributes)(rest,ariaAttributes),handleClick=(0,_react.useCallback)(e=>{disabled&&e.preventDefault(),onClick&&onClick(e)},[disabled,onClick]),ariaLabelProp=label||ariaAttributes?.["aria-label"]?{"aria-label":ariaAttributes?.["aria-label"]||label}:{},pictogramContent=_react.default.createElement(StyledPictogramButton,{ref:ref,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"PictogramButton",as:as,disabled:disabled,type:as&&"button"!==as?void 0:type,variant:variant,size:size,squareCorners:squareCorners,onClick:handleClick,onFocus:onFocus,onBlur:onBlur,...mergedAriaAttributes,...ariaLabelProp,...rest},_react.default.createElement(_Inline.Inline,{vAlignItems:"center",alignItems:"center",space:"xxs",noWrap:!0},_react.default.createElement(_Icon.Icon,{"aria-hidden":!0,size:"m"===size?"m":"s",name:icon,"data-testid":icon,"data-e2e-test-id":icon})));return label?_react.default.createElement(_Tooltip.Tooltip,{content:label},pictogramContent):pictogramContent});
package/build/esm/components/PictogramButton/PictogramButton.js CHANGED
@@ -1 +1 @@
1
- import React,{useCallback}from"react";import styled from"@emotion/styled";import{getAriaAttributes}from"../../shared/ariaAttributes";import{Icon}from"../Icon/Icon";import{Inline}from"../Inline/Inline";import{Tooltip}from"../Tooltip/Tooltip";let StyledPictogramButton=styled("button",{target:"e4wj3qe0",label:"StyledPictogramButton"})(({theme,variant,size,squareCorners,disabled})=>({"&[type='button']":{appearance:"none",MozAppearance:"none",WebkitAppearance:"none"},border:0,display:"inline-block",textTransform:"none",textDecoration:"none",borderRadius:theme.variables.size.borderRadius.xs,fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.s,lineHeight:theme.variables.size.lineHeight.xs,fontWeight:theme.variables.weight.bold,padding:theme.variables.size.spacing.xxs,cursor:"pointer",...disabled&&{opacity:theme.variables.opacity.disabled,cursor:"not-allowed"},..."secondary"===variant&&{border:"1px solid",borderColor:theme.values.color.border.primary.default,backgroundColor:theme.values.color.background.transparent.default,padding:parseInt(theme.variables.size.spacing.xxs,10)-1,color:theme.values.color.icon.secondary.default,...!disabled&&{"&:hover":{color:theme.values.color.icon.primary.default,borderColor:theme.values.color.border.primary.default,backgroundColor:theme.values.color.background.transparent.hover},"&:active":{borderColor:theme.values.color.border.primary.active,backgroundColor:theme.values.color.background.transparent.active}}},..."tertiary"===variant&&{backgroundColor:theme.values.color.background.transparent.default,color:theme.values.color.icon.secondary.default,...!disabled&&{"&:hover":{backgroundColor:theme.values.color.background.transparent.hover},"&:active":{color:theme.values.color.icon.primary.default,backgroundColor:theme.values.color.background.transparent.active}}},..."quaternary"===variant&&{backgroundColor:theme.values.color.background.transparent.default,color:theme.values.color.icon.tertiary.default,...!disabled&&{"&:hover":{backgroundColor:theme.values.color.background.transparent.hover},"&:active":{color:theme.values.color.icon.secondary.default,backgroundColor:theme.values.color.background.transparent.active}}},...squareCorners&&{borderRadius:"0"},...("s"===size||"m"===size)&&{padding:theme.variables.size.spacing.xs}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUGljdG9ncmFtQnV0dG9uL1BpY3RvZ3JhbUJ1dHRvbi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL1BpY3RvZ3JhbUJ1dHRvbi9QaWN0b2dyYW1CdXR0b24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjayB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBnZXRBcmlhQXR0cmlidXRlcyB9IGZyb20gXCIuLi8uLi9zaGFyZWQvYXJpYUF0dHJpYnV0ZXNcIjtcbmltcG9ydCB0eXBlIHsgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB0eXBlIHsgQnV0dG9uUHJvcHMgfSBmcm9tIFwiLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHR5cGUge1xuICBQaWN0b2dyYW1WYXJpYXRpb25zLFxuICBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzV2l0aFJlZixcbiAgUG9seW1vcnBoaWNSZWYsXG59IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gXCIuLi9Ub29sdGlwL1Rvb2x0aXBcIjtcblxuY29uc3QgU3R5bGVkUGljdG9ncmFtQnV0dG9uID0gc3R5bGVkLmJ1dHRvbjxQYXJ0aWFsPFBpY3RvZ3JhbUJ1dHRvblByb3BzPj4oXG4gICh7IHRoZW1lLCB2YXJpYW50LCBzaXplLCBzcXVhcmVDb3JuZXJzLCBkaXNhYmxlZCB9KSA9PiAoe1xuICAgIFwiJlt0eXBlPSdidXR0b24nXVwiOiB7XG4gICAgICBhcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICAgIE1vekFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgICAgV2Via2l0QXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgfSxcbiAgICBib3JkZXI6IDAsXG4gICAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgICB0ZXh0VHJhbnNmb3JtOiBcIm5vbmVcIixcbiAgICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMueHMsXG4gICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5zLFxuICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQueHMsXG4gICAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICAgIHBhZGRpbmc6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgLi4uKGRpc2FibGVkICYmIHtcbiAgICAgIG9wYWNpdHk6IHRoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LmRpc2FibGVkLFxuICAgICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gICAgfSksXG5cbiAgICAuLi4odmFyaWFudCA9PT0gXCJzZWNvbmRhcnlcIiAmJiB7XG4gICAgICBib3JkZXI6IFwiMXB4IHNvbGlkXCIsXG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmRlZmF1bHQsXG4gICAgICBwYWRkaW5nOiBwYXJzZUludCh0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cywgMTApIC0gMSxcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuaWNvbi5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgICAgIC4uLighZGlzYWJsZWQgJiYge1xuICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuaWNvbi5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5kZWZhdWx0LFxuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuaG92ZXIsXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuYWN0aXZlLFxuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuYWN0aXZlLFxuICAgICAgICB9LFxuICAgICAgfSksXG4gICAgfSksXG5cbiAgICAuLi4odmFyaWFudCA9PT0gXCJ0ZXJ0aWFyeVwiICYmIHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuZGVmYXVsdCxcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuaWNvbi5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgICAgIC4uLighZGlzYWJsZWQgJiYge1xuICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuaG92ZXIsXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuaWNvbi5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5hY3RpdmUsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICB9KSxcblxuICAgIC4uLih2YXJpYW50ID09PSBcInF1YXRlcm5hcnlcIiAmJiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmRlZmF1bHQsXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmljb24udGVydGlhcnkuZGVmYXVsdCxcbiAgICAgIC4uLighZGlzYWJsZWQgJiYge1xuICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuaG92ZXIsXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuaWNvbi5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmFjdGl2ZSxcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgIH0pLFxuXG4gICAgLi4uKHNxdWFyZUNvcm5lcnMgJiYge1xuICAgICAgYm9yZGVyUmFkaXVzOiBcIjBcIixcbiAgICB9KSxcbiAgICAuLi4oKHNpemUgPT09IFwic1wiIHx8IHNpemUgPT09IFwibVwiKSAmJiB7XG4gICAgICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IHR5cGUgUGljdG9ncmFtQnV0dG9uUHJvcHMgPSB7XG4gIC8qKiBUaGUgY2VudGVyZWQgaWNvbiB0byBiZSBkaXNwbGF5ZWQuICovXG4gIGljb246IEljb25OYW1lO1xuICAvKiogSWYgdHJ1ZSwgdGhlIGJ1dHRvbiBoYXMgc3F1YXJlIGNvcm5lcnMuICovXG4gIHNxdWFyZUNvcm5lcnM/OiBib29sZWFuO1xuICAvKiogU2l6ZSAqL1xuICBzaXplPzogXCJ4c1wiIHwgXCJzXCIgfCBcIm1cIjtcbiAgdmFyaWFudD86IFBpY3RvZ3JhbVZhcmlhdGlvbnM7XG4gIGxhYmVsPzogc3RyaW5nO1xufSAmIE9taXQ8XG4gIEJ1dHRvblByb3BzLFxuICB8IFwidmFyaWFudFwiXG4gIHwgXCJzaXplXCJcbiAgfCBcImxlZnRJY29uXCJcbiAgfCBcInJpZ2h0SWNvblwiXG4gIHwgXCJmdWxsV2lkdGhcIlxuICB8IFwiZGVzdHJ1Y3RpdmVcIlxuICB8IFwicHJpdmF0ZVByb3BzXCJcbiAgfCBcImxvYWRpbmdcIlxuPjtcblxudHlwZSBQaWN0b2dyYW1CdXR0b25Db21wb25lbnQgPSA8QyBleHRlbmRzIFJlYWN0LkVsZW1lbnRUeXBlID0gXCJidXR0b25cIj4oXG4gIHByb3BzOiBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzV2l0aFJlZjxDLCBQaWN0b2dyYW1CdXR0b25Qcm9wcz5cbikgPT4gUmVhY3QuUmVhY3ROb2RlIHwgbnVsbDtcblxuZXhwb3J0IGNvbnN0IFBpY3RvZ3JhbUJ1dHRvbjogUGljdG9ncmFtQnV0dG9uQ29tcG9uZW50ID0gUmVhY3QuZm9yd2FyZFJlZihcbiAgPEMgZXh0ZW5kcyBSZWFjdC5FbGVtZW50VHlwZSA9IFwiYnV0dG9uXCI+KFxuICAgIHtcbiAgICAgIGFyaWFBdHRyaWJ1dGVzLFxuICAgICAgdHlwZSA9IFwiYnV0dG9uXCIsXG4gICAgICBzaXplID0gXCJ4c1wiLFxuICAgICAgdmFyaWFudCA9IFwidGVydGlhcnlcIixcbiAgICAgIGRpc2FibGVkID0gZmFsc2UsXG4gICAgICBvbkNsaWNrLFxuICAgICAgb25Gb2N1cyxcbiAgICAgIG9uQmx1cixcbiAgICAgIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICAgICAgYXMsXG4gICAgICBpY29uLFxuICAgICAgbGFiZWwsXG4gICAgICBzcXVhcmVDb3JuZXJzID0gZmFsc2UsXG4gICAgICAuLi5yZXN0XG4gICAgfTogUG9seW1vcnBoaWNDb21wb25lbnRQcm9wc1dpdGhSZWY8QywgUGljdG9ncmFtQnV0dG9uUHJvcHM+LFxuICAgIHJlZj86IFBvbHltb3JwaGljUmVmPEM+XG4gICkgPT4ge1xuICAgIGNvbnN0IG1lcmdlZEFyaWFBdHRyaWJ1dGVzID0gZ2V0QXJpYUF0dHJpYnV0ZXMocmVzdCwgYXJpYUF0dHJpYnV0ZXMpO1xuICAgIGNvbnN0IGhhbmRsZUNsaWNrID0gdXNlQ2FsbGJhY2soXG4gICAgICAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4ge1xuICAgICAgICBpZiAoZGlzYWJsZWQpIHtcbiAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKG9uQ2xpY2spIHtcbiAgICAgICAgICBvbkNsaWNrKGUpO1xuICAgICAgICB9XG4gICAgICB9LFxuICAgICAgW2Rpc2FibGVkLCBvbkNsaWNrXVxuICAgICk7XG4gICAgY29uc3QgaWNvblNpemUgPSBzaXplID09PSBcIm1cIiA/IFwibVwiIDogXCJzXCI7XG4gICAgY29uc3QgYXJpYUxhYmVsUHJvcCA9XG4gICAgICBsYWJlbCB8fCBhcmlhQXR0cmlidXRlcz8uW1wiYXJpYS1sYWJlbFwiXVxuICAgICAgICA/IHtcbiAgICAgICAgICAgIFwiYXJpYS1sYWJlbFwiOiBhcmlhQXR0cmlidXRlcz8uW1wiYXJpYS1sYWJlbFwiXSB8fCBsYWJlbCxcbiAgICAgICAgICB9XG4gICAgICAgIDoge307XG4gICAgY29uc3QgcGljdG9ncmFtQ29udGVudCA9IChcbiAgICAgIDxTdHlsZWRQaWN0b2dyYW1CdXR0b25cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICAgIGRhdGEtZHMtaWQ9XCJQaWN0b2dyYW1CdXR0b25cIlxuICAgICAgICBhcz17YXN9XG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgdHlwZT17YXMgJiYgYXMgIT09IFwiYnV0dG9uXCIgPyB1bmRlZmluZWQgOiB0eXBlfVxuICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICBzcXVhcmVDb3JuZXJzPXtzcXVhcmVDb3JuZXJzfVxuICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgIHsuLi5tZXJnZWRBcmlhQXR0cmlidXRlc31cbiAgICAgICAgey4uLmFyaWFMYWJlbFByb3B9XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgPlxuICAgICAgICA8SW5saW5lIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiIHNwYWNlPVwieHhzXCIgbm9XcmFwPlxuICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICBhcmlhLWhpZGRlblxuICAgICAgICAgICAgc2l6ZT17aWNvblNpemV9XG4gICAgICAgICAgICBuYW1lPXtpY29ufVxuICAgICAgICAgICAgZGF0YS10ZXN0aWQ9e2ljb259XG4gICAgICAgICAgICBkYXRhLWUyZS10ZXN0LWlkPXtpY29ufVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvSW5saW5lPlxuICAgICAgPC9TdHlsZWRQaWN0b2dyYW1CdXR0b24+XG4gICAgKTtcblxuICAgIHJldHVybiBsYWJlbCA/IChcbiAgICAgIDxUb29sdGlwIGNvbnRlbnQ9e2xhYmVsfT57cGljdG9ncmFtQ29udGVudH08L1Rvb2x0aXA+XG4gICAgKSA6IChcbiAgICAgIHBpY3RvZ3JhbUNvbnRlbnRcbiAgICApO1xuICB9XG4pO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWU4QiJ9 */");export const PictogramButton=React.forwardRef(({ariaAttributes,type="button",size="xs",variant="tertiary",disabled=!1,onClick,onFocus,onBlur,"data-e2e-test-id":dataE2eTestId,as,icon,label,squareCorners=!1,...rest},ref)=>{let mergedAriaAttributes=getAriaAttributes(rest,ariaAttributes),handleClick=useCallback(e=>{disabled&&e.preventDefault(),onClick&&onClick(e)},[disabled,onClick]),ariaLabelProp=label||ariaAttributes?.["aria-label"]?{"aria-label":ariaAttributes?.["aria-label"]||label}:{},pictogramContent=React.createElement(StyledPictogramButton,{ref:ref,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"PictogramButton",as:as,disabled:disabled,type:as&&"button"!==as?void 0:type,variant:variant,size:size,squareCorners:squareCorners,onClick:handleClick,onFocus:onFocus,onBlur:onBlur,...mergedAriaAttributes,...ariaLabelProp,...rest},React.createElement(Inline,{vAlignItems:"center",alignItems:"center",space:"xxs",noWrap:!0},React.createElement(Icon,{"aria-hidden":!0,size:"m"===size?"m":"s",name:icon,"data-testid":icon,"data-e2e-test-id":icon})));return label?React.createElement(Tooltip,{content:label},pictogramContent):pictogramContent});
1
+ import React,{useCallback}from"react";import styled from"@emotion/styled";import{getAriaAttributes}from"../../shared/ariaAttributes";import{Icon}from"../Icon/Icon";import{Inline}from"../Inline/Inline";import{Tooltip}from"../Tooltip/Tooltip";let StyledPictogramButton=styled("button",{target:"e11h7uli0",label:"StyledPictogramButton"})(({theme,variant,size,squareCorners,disabled})=>{let basePadding="xs"===size?theme.variables.size.spacing.xxs:theme.variables.size.spacing.xs;return{"&[type='button']":{appearance:"none",MozAppearance:"none",WebkitAppearance:"none"},border:0,display:"inline-block",textTransform:"none",textDecoration:"none",borderRadius:theme.variables.size.borderRadius.xs,fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.s,lineHeight:theme.variables.size.lineHeight.xs,fontWeight:theme.variables.weight.bold,padding:basePadding,cursor:"pointer",...disabled&&{opacity:theme.variables.opacity.disabled,cursor:"not-allowed"},..."secondary"===variant&&{border:"1px solid",borderColor:theme.values.color.border.primary.default,backgroundColor:theme.values.color.background.transparent.default,padding:parseInt(basePadding,10)-1,color:theme.values.color.icon.secondary.default,...!disabled&&{"&:hover":{color:theme.values.color.icon.primary.default,borderColor:theme.values.color.border.primary.default,backgroundColor:theme.values.color.background.transparent.hover},"&:active":{borderColor:theme.values.color.border.primary.active,backgroundColor:theme.values.color.background.transparent.active}}},..."tertiary"===variant&&{backgroundColor:theme.values.color.background.transparent.default,color:theme.values.color.icon.secondary.default,...!disabled&&{"&:hover":{backgroundColor:theme.values.color.background.transparent.hover},"&:active":{color:theme.values.color.icon.primary.default,backgroundColor:theme.values.color.background.transparent.active}}},..."quaternary"===variant&&{backgroundColor:theme.values.color.background.transparent.default,color:theme.values.color.icon.tertiary.default,...!disabled&&{"&:hover":{backgroundColor:theme.values.color.background.transparent.hover},"&:active":{color:theme.values.color.icon.secondary.default,backgroundColor:theme.values.color.background.transparent.active}}},...squareCorners&&{borderRadius:"0"}}},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUGljdG9ncmFtQnV0dG9uL1BpY3RvZ3JhbUJ1dHRvbi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL1BpY3RvZ3JhbUJ1dHRvbi9QaWN0b2dyYW1CdXR0b24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjayB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBnZXRBcmlhQXR0cmlidXRlcyB9IGZyb20gXCIuLi8uLi9zaGFyZWQvYXJpYUF0dHJpYnV0ZXNcIjtcbmltcG9ydCB0eXBlIHsgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB0eXBlIHsgQnV0dG9uUHJvcHMgfSBmcm9tIFwiLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHR5cGUge1xuICBQaWN0b2dyYW1WYXJpYXRpb25zLFxuICBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzV2l0aFJlZixcbiAgUG9seW1vcnBoaWNSZWYsXG59IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gXCIuLi9Ub29sdGlwL1Rvb2x0aXBcIjtcblxuY29uc3QgU3R5bGVkUGljdG9ncmFtQnV0dG9uID0gc3R5bGVkLmJ1dHRvbjxQYXJ0aWFsPFBpY3RvZ3JhbUJ1dHRvblByb3BzPj4oXG4gICh7IHRoZW1lLCB2YXJpYW50LCBzaXplLCBzcXVhcmVDb3JuZXJzLCBkaXNhYmxlZCB9KSA9PiB7XG4gICAgY29uc3QgYmFzZVBhZGRpbmcgPVxuICAgICAgc2l6ZSA9PT0gXCJ4c1wiXG4gICAgICAgID8gdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHNcbiAgICAgICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzO1xuXG4gICAgcmV0dXJuIHtcbiAgICAgIFwiJlt0eXBlPSdidXR0b24nXVwiOiB7XG4gICAgICAgIGFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgICAgICBNb3pBcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICAgICAgV2Via2l0QXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgICB9LFxuICAgICAgYm9yZGVyOiAwLFxuICAgICAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgICAgIHRleHRUcmFuc2Zvcm06IFwibm9uZVwiLFxuICAgICAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICAgICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMueHMsXG4gICAgICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICAgICAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQucyxcbiAgICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQueHMsXG4gICAgICBmb250V2VpZ2h0OiB0aGVtZS52YXJpYWJsZXMud2VpZ2h0LmJvbGQsXG4gICAgICBwYWRkaW5nOiBiYXNlUGFkZGluZyxcbiAgICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgICAuLi4oZGlzYWJsZWQgJiYge1xuICAgICAgICBvcGFjaXR5OiB0aGVtZS52YXJpYWJsZXMub3BhY2l0eS5kaXNhYmxlZCxcbiAgICAgICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gICAgICB9KSxcblxuICAgICAgLi4uKHZhcmlhbnQgPT09IFwic2Vjb25kYXJ5XCIgJiYge1xuICAgICAgICBib3JkZXI6IFwiMXB4IHNvbGlkXCIsXG4gICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuZGVmYXVsdCxcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5kZWZhdWx0LFxuICAgICAgICAvLyBTdWJ0cmFjdCAxcHggc28gdGhlIDFweCBib3JkZXIgZG9lc24ndCBhZGQgdG8gb3V0ZXIgZGltZW5zaW9ucyDigJRcbiAgICAgICAgLy8ga2VlcHMgaGVpZ2h0IGVxdWFsIHRvIEJ1dHRvbiBhdCB0aGUgc2FtZSBzaXplLlxuICAgICAgICBwYWRkaW5nOiBwYXJzZUludChiYXNlUGFkZGluZywgMTApIC0gMSxcbiAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5pY29uLnNlY29uZGFyeS5kZWZhdWx0LFxuICAgICAgICAuLi4oIWRpc2FibGVkICYmIHtcbiAgICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5pY29uLnByaW1hcnkuZGVmYXVsdCxcbiAgICAgICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuZGVmYXVsdCxcbiAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuaG92ZXIsXG4gICAgICAgICAgfSxcbiAgICAgICAgICBcIiY6YWN0aXZlXCI6IHtcbiAgICAgICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuYWN0aXZlLFxuICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5hY3RpdmUsXG4gICAgICAgICAgfSxcbiAgICAgICAgfSksXG4gICAgICB9KSxcblxuICAgICAgLi4uKHZhcmlhbnQgPT09IFwidGVydGlhcnlcIiAmJiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuZGVmYXVsdCxcbiAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5pY29uLnNlY29uZGFyeS5kZWZhdWx0LFxuICAgICAgICAuLi4oIWRpc2FibGVkICYmIHtcbiAgICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5ob3ZlcixcbiAgICAgICAgICB9LFxuICAgICAgICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5pY29uLnByaW1hcnkuZGVmYXVsdCxcbiAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuYWN0aXZlLFxuICAgICAgICAgIH0sXG4gICAgICAgIH0pLFxuICAgICAgfSksXG5cbiAgICAgIC4uLih2YXJpYW50ID09PSBcInF1YXRlcm5hcnlcIiAmJiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuZGVmYXVsdCxcbiAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5pY29uLnRlcnRpYXJ5LmRlZmF1bHQsXG4gICAgICAgIC4uLighZGlzYWJsZWQgJiYge1xuICAgICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmhvdmVyLFxuICAgICAgICAgIH0sXG4gICAgICAgICAgXCImOmFjdGl2ZVwiOiB7XG4gICAgICAgICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmljb24uc2Vjb25kYXJ5LmRlZmF1bHQsXG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmFjdGl2ZSxcbiAgICAgICAgICB9LFxuICAgICAgICB9KSxcbiAgICAgIH0pLFxuXG4gICAgICAuLi4oc3F1YXJlQ29ybmVycyAmJiB7XG4gICAgICAgIGJvcmRlclJhZGl1czogXCIwXCIsXG4gICAgICB9KSxcbiAgICB9O1xuICB9XG4pO1xuXG5leHBvcnQgdHlwZSBQaWN0b2dyYW1CdXR0b25Qcm9wcyA9IHtcbiAgLyoqIFRoZSBjZW50ZXJlZCBpY29uIHRvIGJlIGRpc3BsYXllZC4gKi9cbiAgaWNvbjogSWNvbk5hbWU7XG4gIC8qKiBJZiB0cnVlLCB0aGUgYnV0dG9uIGhhcyBzcXVhcmUgY29ybmVycy4gKi9cbiAgc3F1YXJlQ29ybmVycz86IGJvb2xlYW47XG4gIC8qKiBTaXplICovXG4gIHNpemU/OiBcInhzXCIgfCBcInNcIiB8IFwibVwiO1xuICB2YXJpYW50PzogUGljdG9ncmFtVmFyaWF0aW9ucztcbiAgbGFiZWw/OiBzdHJpbmc7XG59ICYgT21pdDxcbiAgQnV0dG9uUHJvcHMsXG4gIHwgXCJ2YXJpYW50XCJcbiAgfCBcInNpemVcIlxuICB8IFwibGVmdEljb25cIlxuICB8IFwicmlnaHRJY29uXCJcbiAgfCBcImZ1bGxXaWR0aFwiXG4gIHwgXCJkZXN0cnVjdGl2ZVwiXG4gIHwgXCJwcml2YXRlUHJvcHNcIlxuICB8IFwibG9hZGluZ1wiXG4+O1xuXG50eXBlIFBpY3RvZ3JhbUJ1dHRvbkNvbXBvbmVudCA9IDxDIGV4dGVuZHMgUmVhY3QuRWxlbWVudFR5cGUgPSBcImJ1dHRvblwiPihcbiAgcHJvcHM6IFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHNXaXRoUmVmPEMsIFBpY3RvZ3JhbUJ1dHRvblByb3BzPlxuKSA9PiBSZWFjdC5SZWFjdE5vZGUgfCBudWxsO1xuXG5leHBvcnQgY29uc3QgUGljdG9ncmFtQnV0dG9uOiBQaWN0b2dyYW1CdXR0b25Db21wb25lbnQgPSBSZWFjdC5mb3J3YXJkUmVmKFxuICA8QyBleHRlbmRzIFJlYWN0LkVsZW1lbnRUeXBlID0gXCJidXR0b25cIj4oXG4gICAge1xuICAgICAgYXJpYUF0dHJpYnV0ZXMsXG4gICAgICB0eXBlID0gXCJidXR0b25cIixcbiAgICAgIHNpemUgPSBcInhzXCIsXG4gICAgICB2YXJpYW50ID0gXCJ0ZXJ0aWFyeVwiLFxuICAgICAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgICAgIG9uQ2xpY2ssXG4gICAgICBvbkZvY3VzLFxuICAgICAgb25CbHVyLFxuICAgICAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gICAgICBhcyxcbiAgICAgIGljb24sXG4gICAgICBsYWJlbCxcbiAgICAgIHNxdWFyZUNvcm5lcnMgPSBmYWxzZSxcbiAgICAgIC4uLnJlc3RcbiAgICB9OiBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzV2l0aFJlZjxDLCBQaWN0b2dyYW1CdXR0b25Qcm9wcz4sXG4gICAgcmVmPzogUG9seW1vcnBoaWNSZWY8Qz5cbiAgKSA9PiB7XG4gICAgY29uc3QgbWVyZ2VkQXJpYUF0dHJpYnV0ZXMgPSBnZXRBcmlhQXR0cmlidXRlcyhyZXN0LCBhcmlhQXR0cmlidXRlcyk7XG4gICAgY29uc3QgaGFuZGxlQ2xpY2sgPSB1c2VDYWxsYmFjayhcbiAgICAgIChlOiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB7XG4gICAgICAgIGlmIChkaXNhYmxlZCkge1xuICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgfVxuICAgICAgICBpZiAob25DbGljaykge1xuICAgICAgICAgIG9uQ2xpY2soZSk7XG4gICAgICAgIH1cbiAgICAgIH0sXG4gICAgICBbZGlzYWJsZWQsIG9uQ2xpY2tdXG4gICAgKTtcbiAgICBjb25zdCBpY29uU2l6ZSA9IHNpemUgPT09IFwibVwiID8gXCJtXCIgOiBcInNcIjtcbiAgICBjb25zdCBhcmlhTGFiZWxQcm9wID1cbiAgICAgIGxhYmVsIHx8IGFyaWFBdHRyaWJ1dGVzPy5bXCJhcmlhLWxhYmVsXCJdXG4gICAgICAgID8ge1xuICAgICAgICAgICAgXCJhcmlhLWxhYmVsXCI6IGFyaWFBdHRyaWJ1dGVzPy5bXCJhcmlhLWxhYmVsXCJdIHx8IGxhYmVsLFxuICAgICAgICAgIH1cbiAgICAgICAgOiB7fTtcbiAgICBjb25zdCBwaWN0b2dyYW1Db250ZW50ID0gKFxuICAgICAgPFN0eWxlZFBpY3RvZ3JhbUJ1dHRvblxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgICAgZGF0YS1kcy1pZD1cIlBpY3RvZ3JhbUJ1dHRvblwiXG4gICAgICAgIGFzPXthc31cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICB0eXBlPXthcyAmJiBhcyAhPT0gXCJidXR0b25cIiA/IHVuZGVmaW5lZCA6IHR5cGV9XG4gICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgIHNxdWFyZUNvcm5lcnM9e3NxdWFyZUNvcm5lcnN9XG4gICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgey4uLm1lcmdlZEFyaWFBdHRyaWJ1dGVzfVxuICAgICAgICB7Li4uYXJpYUxhYmVsUHJvcH1cbiAgICAgICAgey4uLnJlc3R9XG4gICAgICA+XG4gICAgICAgIDxJbmxpbmUgdkFsaWduSXRlbXM9XCJjZW50ZXJcIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgc3BhY2U9XCJ4eHNcIiBub1dyYXA+XG4gICAgICAgICAgPEljb25cbiAgICAgICAgICAgIGFyaWEtaGlkZGVuXG4gICAgICAgICAgICBzaXplPXtpY29uU2l6ZX1cbiAgICAgICAgICAgIG5hbWU9e2ljb259XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17aWNvbn1cbiAgICAgICAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2ljb259XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9JbmxpbmU+XG4gICAgICA8L1N0eWxlZFBpY3RvZ3JhbUJ1dHRvbj5cbiAgICApO1xuXG4gICAgcmV0dXJuIGxhYmVsID8gKFxuICAgICAgPFRvb2x0aXAgY29udGVudD17bGFiZWx9PntwaWN0b2dyYW1Db250ZW50fTwvVG9vbHRpcD5cbiAgICApIDogKFxuICAgICAgcGljdG9ncmFtQ29udGVudFxuICAgICk7XG4gIH1cbik7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZThCIn0= */");export const PictogramButton=React.forwardRef(({ariaAttributes,type="button",size="xs",variant="tertiary",disabled=!1,onClick,onFocus,onBlur,"data-e2e-test-id":dataE2eTestId,as,icon,label,squareCorners=!1,...rest},ref)=>{let mergedAriaAttributes=getAriaAttributes(rest,ariaAttributes),handleClick=useCallback(e=>{disabled&&e.preventDefault(),onClick&&onClick(e)},[disabled,onClick]),ariaLabelProp=label||ariaAttributes?.["aria-label"]?{"aria-label":ariaAttributes?.["aria-label"]||label}:{},pictogramContent=React.createElement(StyledPictogramButton,{ref:ref,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"PictogramButton",as:as,disabled:disabled,type:as&&"button"!==as?void 0:type,variant:variant,size:size,squareCorners:squareCorners,onClick:handleClick,onFocus:onFocus,onBlur:onBlur,...mergedAriaAttributes,...ariaLabelProp,...rest},React.createElement(Inline,{vAlignItems:"center",alignItems:"center",space:"xxs",noWrap:!0},React.createElement(Icon,{"aria-hidden":!0,size:"m"===size?"m":"s",name:icon,"data-testid":icon,"data-e2e-test-id":icon})));return label?React.createElement(Tooltip,{content:label},pictogramContent):pictogramContent});
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@amboss/design-system",
3
- "version": "3.45.0",
3
+ "version": "3.45.1",
4
4
  "description": "the design system for AMBOSS products",
5
5
  "author": "AMBOSS",
6
6
  "license": "ISC",