@amboss/design-system 3.43.1 → 3.43.2
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/RoundButton/RoundButton.js +1 -1
- package/build/cjs/components/Utilities/AnimatedBorder/useAnimatedBorder.js +2 -7
- package/build/esm/components/RoundButton/RoundButton.js +1 -1
- package/build/esm/components/Utilities/AnimatedBorder/useAnimatedBorder.js +2 -7
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"RoundButton",{enumerable:!0,get:function(){return RoundButton}});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"),StyledRoundButton=(0,_styled.default)("button",{target:"
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"RoundButton",{enumerable:!0,get:function(){return RoundButton}});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"),StyledRoundButton=(0,_styled.default)("button",{target:"ee5hqc50",label:"StyledRoundButton"})(({theme,variant,disabled})=>({"&[type='button']":{appearance:"none",MozAppearance:"none",WebkitAppearance:"none"},border:0,display:"inline-block",textTransform:"none",textDecoration:"none",borderRadius:"100%",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.xs,cursor:"pointer",...disabled&&{opacity:theme.variables.opacity.disabled,cursor:"not-allowed"},..."primary"===variant&&{backgroundColor:theme.values.color.background.accent.default,color:theme.values.color.text.onAccent.default,...!disabled&&{"&:hover":{backgroundColor:theme.values.color.background.accent.hover},"&:active":{backgroundColor:theme.values.color.background.accent.active}}},..."secondary"===variant&&{border:"2px solid",color:theme.values.color.text.secondary.default,backgroundColor:theme.values.color.background.transparent.default,borderColor:theme.values.color.border.secondary.default,padding:parseInt(theme.variables.size.spacing.xs,10)-2,...!disabled&&{"&:hover":{borderColor:theme.values.color.border.secondary.hover,backgroundColor:theme.values.color.background.transparent.hover},"&:active":{borderColor:theme.values.color.border.secondary.active}}},..."tertiary"===variant&&{color:theme.values.color.text.secondary.default,backgroundColor:theme.values.color.background.transparent.default,...!disabled&&{"&:hover":{color:theme.values.color.text.secondary.default,backgroundColor:theme.values.color.background.transparent.hover},"&:active":{color:theme.values.color.text.primary.default,backgroundColor:theme.values.color.background.transparent.active}}}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUm91bmRCdXR0b24vUm91bmRCdXR0b24udHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9Sb3VuZEJ1dHRvbi9Sb3VuZEJ1dHRvbi50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGdldEFyaWFBdHRyaWJ1dGVzIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9hcmlhQXR0cmlidXRlc1wiO1xuaW1wb3J0IHR5cGUgeyBJY29uTmFtZSB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHR5cGUgeyBCdXR0b25Qcm9wcyB9IGZyb20gXCIuLi9CdXR0b24vQnV0dG9uXCI7XG5pbXBvcnQgdHlwZSB7XG4gIFBvbHltb3JwaGljUmVmLFxuICBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzV2l0aFJlZixcbn0gZnJvbSBcIi4uLy4uL3R5cGVzXCI7XG5cbmNvbnN0IFN0eWxlZFJvdW5kQnV0dG9uID0gc3R5bGVkLmJ1dHRvbjxQYXJ0aWFsPFJvdW5kQnV0dG9uUHJvcHM+PihcbiAgKHsgdGhlbWUsIHZhcmlhbnQsIGRpc2FibGVkIH0pID0+ICh7XG4gICAgXCImW3R5cGU9J2J1dHRvbiddXCI6IHtcbiAgICAgIGFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgICAgTW96QXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgICBXZWJraXRBcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICB9LFxuICAgIGJvcmRlcjogMCxcbiAgICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICAgIHRleHRUcmFuc2Zvcm06IFwibm9uZVwiLFxuICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgICBib3JkZXJSYWRpdXM6IFwiMTAwJVwiLFxuICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gICAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQucyxcbiAgICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LnhzLFxuICAgIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQuYm9sZCxcbiAgICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgLi4uKGRpc2FibGVkICYmIHtcbiAgICAgIG9wYWNpdHk6IHRoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LmRpc2FibGVkLFxuICAgICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gICAgfSksXG4gICAgLi4uKHZhcmlhbnQgPT09IFwicHJpbWFyeVwiICYmIHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYWNjZW50LmRlZmF1bHQsXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQub25BY2NlbnQuZGVmYXVsdCxcbiAgICAgIC4uLighZGlzYWJsZWQgJiYge1xuICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYWNjZW50LmhvdmVyLFxuICAgICAgICB9LFxuICAgICAgICBcIiY6YWN0aXZlXCI6IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudC5hY3RpdmUsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICB9KSxcbiAgICAuLi4odmFyaWFudCA9PT0gXCJzZWNvbmRhcnlcIiAmJiB7XG4gICAgICBib3JkZXI6IFwiMnB4IHNvbGlkXCIsXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuc2Vjb25kYXJ5LmRlZmF1bHQsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmRlZmF1bHQsXG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgICAgIHBhZGRpbmc6IHBhcnNlSW50KHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsIDEwKSAtIDIsXG4gICAgICAuLi4oIWRpc2FibGVkICYmIHtcbiAgICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuaG92ZXIsXG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5ob3ZlcixcbiAgICAgICAgfSxcbiAgICAgICAgXCImOmFjdGl2ZVwiOiB7XG4gICAgICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmFjdGl2ZSxcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgIH0pLFxuICAgIC4uLih2YXJpYW50ID09PSBcInRlcnRpYXJ5XCIgJiYge1xuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnNlY29uZGFyeS5kZWZhdWx0LFxuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5kZWZhdWx0LFxuICAgICAgLi4uKCFkaXNhYmxlZCAmJiB7XG4gICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnNlY29uZGFyeS5kZWZhdWx0LFxuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuaG92ZXIsXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5hY3RpdmUsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCB0eXBlIFJvdW5kQnV0dG9uUHJvcHMgPSBPbWl0PFxuICBCdXR0b25Qcm9wcyxcbiAgfCBcImRlc3RydWN0aXZlXCJcbiAgfCBcImxvYWRpbmdcIlxuICB8IFwibGVmdEljb25cIlxuICB8IFwicmlnaHRJY29uXCJcbiAgfCBcImZ1bGxXaWR0aFwiXG4gIHwgXCJwcml2YXRlUHJvcHNcIlxuICB8IFwic2l6ZVwiXG4+ICYge1xuICAvKiogVGhlIGNlbnRlcmVkIGljb24gdG8gYmUgZGlzcGxheWVkLiAqL1xuICBpY29uOiBJY29uTmFtZTtcbn07XG5cbnR5cGUgUm91bmRCdXR0b25Db21wb25lbnQgPSA8QyBleHRlbmRzIFJlYWN0LkVsZW1lbnRUeXBlID0gXCJidXR0b25cIj4oXG4gIHByb3BzOiBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzV2l0aFJlZjxDLCBSb3VuZEJ1dHRvblByb3BzPlxuKSA9PiBSZWFjdC5SZWFjdE5vZGUgfCBudWxsO1xuXG5leHBvcnQgY29uc3QgUm91bmRCdXR0b246IFJvdW5kQnV0dG9uQ29tcG9uZW50ID0gUmVhY3QuZm9yd2FyZFJlZihcbiAgPEMgZXh0ZW5kcyBSZWFjdC5FbGVtZW50VHlwZSA9IFwiYnV0dG9uXCI+KFxuICAgIHtcbiAgICAgIGFyaWFBdHRyaWJ1dGVzLFxuICAgICAgb25DbGljayxcbiAgICAgIG9uRm9jdXMsXG4gICAgICBvbkJsdXIsXG4gICAgICB0eXBlID0gXCJidXR0b25cIixcbiAgICAgIGRpc2FibGVkLFxuICAgICAgdmFyaWFudCA9IFwidGVydGlhcnlcIixcbiAgICAgIGFzLFxuICAgICAgaWNvbixcbiAgICAgIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICAgICAgLi4ucmVzdFxuICAgIH06IFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHNXaXRoUmVmPEMsIFJvdW5kQnV0dG9uUHJvcHM+LFxuICAgIHJlZj86IFBvbHltb3JwaGljUmVmPEM+XG4gICkgPT4ge1xuICAgIGNvbnN0IG1lcmdlZEFyaWFBdHRyaWJ1dGVzID0gZ2V0QXJpYUF0dHJpYnV0ZXMocmVzdCwgYXJpYUF0dHJpYnV0ZXMpO1xuICAgIGNvbnN0IGhhbmRsZUNsaWNrID0gdXNlQ2FsbGJhY2soXG4gICAgICAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4ge1xuICAgICAgICBpZiAoZGlzYWJsZWQpIHtcbiAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKG9uQ2xpY2spIHtcbiAgICAgICAgICBvbkNsaWNrKGUpO1xuICAgICAgICB9XG4gICAgICB9LFxuICAgICAgW2Rpc2FibGVkLCBvbkNsaWNrXVxuICAgICk7XG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRSb3VuZEJ1dHRvblxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgICAgZGF0YS1kcy1pZD1cIlJvdW5kQnV0dG9uXCJcbiAgICAgICAgYXM9e2FzfVxuICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIHR5cGU9e2FzID09PSBcImFcIiA/IHVuZGVmaW5lZCA6IHR5cGV9XG4gICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgey4uLnJlc3R9XG4gICAgICAgIHsuLi5tZXJnZWRBcmlhQXR0cmlidXRlc31cbiAgICAgID5cbiAgICAgICAgPElubGluZSB2QWxpZ25JdGVtcz1cImNlbnRlclwiIGFsaWduSXRlbXM9XCJjZW50ZXJcIiBzcGFjZT1cInh4c1wiIG5vV3JhcD5cbiAgICAgICAgICB7aWNvbiAmJiAoXG4gICAgICAgICAgICA8SWNvblxuICAgICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICAgIG5hbWU9e2ljb259XG4gICAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtpY29ufVxuICAgICAgICAgICAgICBkYXRhLWUyZS10ZXN0LWlkPXtpY29ufVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApfVxuICAgICAgICA8L0lubGluZT5cbiAgICAgIDwvU3R5bGVkUm91bmRCdXR0b24+XG4gICAgKTtcbiAgfVxuKTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhMEIifQ== */"),RoundButton=_react.default.forwardRef(({ariaAttributes,onClick,onFocus,onBlur,type="button",disabled,variant="tertiary",as,icon,"data-e2e-test-id":dataE2eTestId,...rest},ref)=>{let mergedAriaAttributes=(0,_ariaAttributes.getAriaAttributes)(rest,ariaAttributes),handleClick=(0,_react.useCallback)(e=>{disabled&&e.preventDefault(),onClick&&onClick(e)},[disabled,onClick]);return _react.default.createElement(StyledRoundButton,{ref:ref,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"RoundButton",as:as,variant:variant,disabled:disabled,type:"a"===as?void 0:type,onClick:handleClick,onFocus:onFocus,onBlur:onBlur,...rest,...mergedAriaAttributes},_react.default.createElement(_Inline.Inline,{vAlignItems:"center",alignItems:"center",space:"xxs",noWrap:!0},icon&&_react.default.createElement(_Icon.Icon,{size:"s",name:icon,"data-testid":icon,"data-e2e-test-id":icon})))});
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
[${ANIMATED_BORDER_ATTR}]::before {
|
|
40
40
|
content: "";
|
|
41
41
|
position: absolute;
|
|
42
|
-
z-index:
|
|
42
|
+
z-index: 1;
|
|
43
43
|
inset: -2px;
|
|
44
44
|
padding: 2px;
|
|
45
45
|
border-radius: var(${cssVars.radius});
|
|
@@ -58,18 +58,13 @@
|
|
|
58
58
|
pointer-events: none;
|
|
59
59
|
}
|
|
60
60
|
|
|
61
|
-
[${ANIMATED_BORDER_ATTR}] > *:not([data-animated-border-ring]) {
|
|
62
|
-
position: relative;
|
|
63
|
-
z-index: 2;
|
|
64
|
-
}
|
|
65
|
-
|
|
66
61
|
[${ANIMATED_BORDER_ATTR}~="hide-border"]::before {
|
|
67
62
|
inset: -1px;
|
|
68
63
|
border-radius: calc(var(${cssVars.radius}) - 1px);
|
|
69
64
|
}
|
|
70
65
|
|
|
71
66
|
[${ANIMATED_BORDER_ATTR}~="hide-border"],
|
|
72
|
-
[${ANIMATED_BORDER_ATTR}~="hide-border"] >
|
|
67
|
+
[${ANIMATED_BORDER_ATTR}~="hide-border"] > * {
|
|
73
68
|
animation-name: animated-border-hide, animated-border-show;
|
|
74
69
|
animation-duration: ${fadeOutDelay}, ${fadeOutDuration};
|
|
75
70
|
animation-delay: 0ms, ${fadeOutDelay};
|
|
@@ -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";let StyledRoundButton=styled("button",{target:"
|
|
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";let StyledRoundButton=styled("button",{target:"ee5hqc50",label:"StyledRoundButton"})(({theme,variant,disabled})=>({"&[type='button']":{appearance:"none",MozAppearance:"none",WebkitAppearance:"none"},border:0,display:"inline-block",textTransform:"none",textDecoration:"none",borderRadius:"100%",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.xs,cursor:"pointer",...disabled&&{opacity:theme.variables.opacity.disabled,cursor:"not-allowed"},..."primary"===variant&&{backgroundColor:theme.values.color.background.accent.default,color:theme.values.color.text.onAccent.default,...!disabled&&{"&:hover":{backgroundColor:theme.values.color.background.accent.hover},"&:active":{backgroundColor:theme.values.color.background.accent.active}}},..."secondary"===variant&&{border:"2px solid",color:theme.values.color.text.secondary.default,backgroundColor:theme.values.color.background.transparent.default,borderColor:theme.values.color.border.secondary.default,padding:parseInt(theme.variables.size.spacing.xs,10)-2,...!disabled&&{"&:hover":{borderColor:theme.values.color.border.secondary.hover,backgroundColor:theme.values.color.background.transparent.hover},"&:active":{borderColor:theme.values.color.border.secondary.active}}},..."tertiary"===variant&&{color:theme.values.color.text.secondary.default,backgroundColor:theme.values.color.background.transparent.default,...!disabled&&{"&:hover":{color:theme.values.color.text.secondary.default,backgroundColor:theme.values.color.background.transparent.hover},"&:active":{color:theme.values.color.text.primary.default,backgroundColor:theme.values.color.background.transparent.active}}}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUm91bmRCdXR0b24vUm91bmRCdXR0b24udHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9Sb3VuZEJ1dHRvbi9Sb3VuZEJ1dHRvbi50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGdldEFyaWFBdHRyaWJ1dGVzIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9hcmlhQXR0cmlidXRlc1wiO1xuaW1wb3J0IHR5cGUgeyBJY29uTmFtZSB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHR5cGUgeyBCdXR0b25Qcm9wcyB9IGZyb20gXCIuLi9CdXR0b24vQnV0dG9uXCI7XG5pbXBvcnQgdHlwZSB7XG4gIFBvbHltb3JwaGljUmVmLFxuICBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzV2l0aFJlZixcbn0gZnJvbSBcIi4uLy4uL3R5cGVzXCI7XG5cbmNvbnN0IFN0eWxlZFJvdW5kQnV0dG9uID0gc3R5bGVkLmJ1dHRvbjxQYXJ0aWFsPFJvdW5kQnV0dG9uUHJvcHM+PihcbiAgKHsgdGhlbWUsIHZhcmlhbnQsIGRpc2FibGVkIH0pID0+ICh7XG4gICAgXCImW3R5cGU9J2J1dHRvbiddXCI6IHtcbiAgICAgIGFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgICAgTW96QXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgICBXZWJraXRBcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICB9LFxuICAgIGJvcmRlcjogMCxcbiAgICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICAgIHRleHRUcmFuc2Zvcm06IFwibm9uZVwiLFxuICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgICBib3JkZXJSYWRpdXM6IFwiMTAwJVwiLFxuICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gICAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQucyxcbiAgICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LnhzLFxuICAgIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQuYm9sZCxcbiAgICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgLi4uKGRpc2FibGVkICYmIHtcbiAgICAgIG9wYWNpdHk6IHRoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LmRpc2FibGVkLFxuICAgICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gICAgfSksXG4gICAgLi4uKHZhcmlhbnQgPT09IFwicHJpbWFyeVwiICYmIHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYWNjZW50LmRlZmF1bHQsXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQub25BY2NlbnQuZGVmYXVsdCxcbiAgICAgIC4uLighZGlzYWJsZWQgJiYge1xuICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYWNjZW50LmhvdmVyLFxuICAgICAgICB9LFxuICAgICAgICBcIiY6YWN0aXZlXCI6IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudC5hY3RpdmUsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICB9KSxcbiAgICAuLi4odmFyaWFudCA9PT0gXCJzZWNvbmRhcnlcIiAmJiB7XG4gICAgICBib3JkZXI6IFwiMnB4IHNvbGlkXCIsXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuc2Vjb25kYXJ5LmRlZmF1bHQsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmRlZmF1bHQsXG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgICAgIHBhZGRpbmc6IHBhcnNlSW50KHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsIDEwKSAtIDIsXG4gICAgICAuLi4oIWRpc2FibGVkICYmIHtcbiAgICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuaG92ZXIsXG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5ob3ZlcixcbiAgICAgICAgfSxcbiAgICAgICAgXCImOmFjdGl2ZVwiOiB7XG4gICAgICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmFjdGl2ZSxcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgIH0pLFxuICAgIC4uLih2YXJpYW50ID09PSBcInRlcnRpYXJ5XCIgJiYge1xuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnNlY29uZGFyeS5kZWZhdWx0LFxuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5kZWZhdWx0LFxuICAgICAgLi4uKCFkaXNhYmxlZCAmJiB7XG4gICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnNlY29uZGFyeS5kZWZhdWx0LFxuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuaG92ZXIsXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5hY3RpdmUsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCB0eXBlIFJvdW5kQnV0dG9uUHJvcHMgPSBPbWl0PFxuICBCdXR0b25Qcm9wcyxcbiAgfCBcImRlc3RydWN0aXZlXCJcbiAgfCBcImxvYWRpbmdcIlxuICB8IFwibGVmdEljb25cIlxuICB8IFwicmlnaHRJY29uXCJcbiAgfCBcImZ1bGxXaWR0aFwiXG4gIHwgXCJwcml2YXRlUHJvcHNcIlxuICB8IFwic2l6ZVwiXG4+ICYge1xuICAvKiogVGhlIGNlbnRlcmVkIGljb24gdG8gYmUgZGlzcGxheWVkLiAqL1xuICBpY29uOiBJY29uTmFtZTtcbn07XG5cbnR5cGUgUm91bmRCdXR0b25Db21wb25lbnQgPSA8QyBleHRlbmRzIFJlYWN0LkVsZW1lbnRUeXBlID0gXCJidXR0b25cIj4oXG4gIHByb3BzOiBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzV2l0aFJlZjxDLCBSb3VuZEJ1dHRvblByb3BzPlxuKSA9PiBSZWFjdC5SZWFjdE5vZGUgfCBudWxsO1xuXG5leHBvcnQgY29uc3QgUm91bmRCdXR0b246IFJvdW5kQnV0dG9uQ29tcG9uZW50ID0gUmVhY3QuZm9yd2FyZFJlZihcbiAgPEMgZXh0ZW5kcyBSZWFjdC5FbGVtZW50VHlwZSA9IFwiYnV0dG9uXCI+KFxuICAgIHtcbiAgICAgIGFyaWFBdHRyaWJ1dGVzLFxuICAgICAgb25DbGljayxcbiAgICAgIG9uRm9jdXMsXG4gICAgICBvbkJsdXIsXG4gICAgICB0eXBlID0gXCJidXR0b25cIixcbiAgICAgIGRpc2FibGVkLFxuICAgICAgdmFyaWFudCA9IFwidGVydGlhcnlcIixcbiAgICAgIGFzLFxuICAgICAgaWNvbixcbiAgICAgIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICAgICAgLi4ucmVzdFxuICAgIH06IFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHNXaXRoUmVmPEMsIFJvdW5kQnV0dG9uUHJvcHM+LFxuICAgIHJlZj86IFBvbHltb3JwaGljUmVmPEM+XG4gICkgPT4ge1xuICAgIGNvbnN0IG1lcmdlZEFyaWFBdHRyaWJ1dGVzID0gZ2V0QXJpYUF0dHJpYnV0ZXMocmVzdCwgYXJpYUF0dHJpYnV0ZXMpO1xuICAgIGNvbnN0IGhhbmRsZUNsaWNrID0gdXNlQ2FsbGJhY2soXG4gICAgICAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4ge1xuICAgICAgICBpZiAoZGlzYWJsZWQpIHtcbiAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKG9uQ2xpY2spIHtcbiAgICAgICAgICBvbkNsaWNrKGUpO1xuICAgICAgICB9XG4gICAgICB9LFxuICAgICAgW2Rpc2FibGVkLCBvbkNsaWNrXVxuICAgICk7XG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRSb3VuZEJ1dHRvblxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgICAgZGF0YS1kcy1pZD1cIlJvdW5kQnV0dG9uXCJcbiAgICAgICAgYXM9e2FzfVxuICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIHR5cGU9e2FzID09PSBcImFcIiA/IHVuZGVmaW5lZCA6IHR5cGV9XG4gICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgey4uLnJlc3R9XG4gICAgICAgIHsuLi5tZXJnZWRBcmlhQXR0cmlidXRlc31cbiAgICAgID5cbiAgICAgICAgPElubGluZSB2QWxpZ25JdGVtcz1cImNlbnRlclwiIGFsaWduSXRlbXM9XCJjZW50ZXJcIiBzcGFjZT1cInh4c1wiIG5vV3JhcD5cbiAgICAgICAgICB7aWNvbiAmJiAoXG4gICAgICAgICAgICA8SWNvblxuICAgICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICAgIG5hbWU9e2ljb259XG4gICAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtpY29ufVxuICAgICAgICAgICAgICBkYXRhLWUyZS10ZXN0LWlkPXtpY29ufVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApfVxuICAgICAgICA8L0lubGluZT5cbiAgICAgIDwvU3R5bGVkUm91bmRCdXR0b24+XG4gICAgKTtcbiAgfVxuKTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhMEIifQ== */");export const RoundButton=React.forwardRef(({ariaAttributes,onClick,onFocus,onBlur,type="button",disabled,variant="tertiary",as,icon,"data-e2e-test-id":dataE2eTestId,...rest},ref)=>{let mergedAriaAttributes=getAriaAttributes(rest,ariaAttributes),handleClick=useCallback(e=>{disabled&&e.preventDefault(),onClick&&onClick(e)},[disabled,onClick]);return React.createElement(StyledRoundButton,{ref:ref,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"RoundButton",as:as,variant:variant,disabled:disabled,type:"a"===as?void 0:type,onClick:handleClick,onFocus:onFocus,onBlur:onBlur,...rest,...mergedAriaAttributes},React.createElement(Inline,{vAlignItems:"center",alignItems:"center",space:"xxs",noWrap:!0},icon&&React.createElement(Icon,{size:"s",name:icon,"data-testid":icon,"data-e2e-test-id":icon})))});
|
|
@@ -39,7 +39,7 @@ import{useEffect}from"react";import{useTheme}from"@emotion/react";import{useDocu
|
|
|
39
39
|
[${ANIMATED_BORDER_ATTR}]::before {
|
|
40
40
|
content: "";
|
|
41
41
|
position: absolute;
|
|
42
|
-
z-index:
|
|
42
|
+
z-index: 1;
|
|
43
43
|
inset: -2px;
|
|
44
44
|
padding: 2px;
|
|
45
45
|
border-radius: var(${cssVars.radius});
|
|
@@ -58,18 +58,13 @@ import{useEffect}from"react";import{useTheme}from"@emotion/react";import{useDocu
|
|
|
58
58
|
pointer-events: none;
|
|
59
59
|
}
|
|
60
60
|
|
|
61
|
-
[${ANIMATED_BORDER_ATTR}] > *:not([data-animated-border-ring]) {
|
|
62
|
-
position: relative;
|
|
63
|
-
z-index: 2;
|
|
64
|
-
}
|
|
65
|
-
|
|
66
61
|
[${ANIMATED_BORDER_ATTR}~="hide-border"]::before {
|
|
67
62
|
inset: -1px;
|
|
68
63
|
border-radius: calc(var(${cssVars.radius}) - 1px);
|
|
69
64
|
}
|
|
70
65
|
|
|
71
66
|
[${ANIMATED_BORDER_ATTR}~="hide-border"],
|
|
72
|
-
[${ANIMATED_BORDER_ATTR}~="hide-border"] >
|
|
67
|
+
[${ANIMATED_BORDER_ATTR}~="hide-border"] > * {
|
|
73
68
|
animation-name: animated-border-hide, animated-border-show;
|
|
74
69
|
animation-duration: ${fadeOutDelay}, ${fadeOutDuration};
|
|
75
70
|
animation-delay: 0ms, ${fadeOutDelay};
|