@amboss/design-system 1.16.1 → 1.16.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/src/components/PictogramButton/PictogramButton.js +3 -2
- package/build/cjs/src/components/RoundButton/RoundButton.js +3 -2
- package/build/esm/src/components/PictogramButton/PictogramButton.d.ts +2 -2
- package/build/esm/src/components/PictogramButton/PictogramButton.js +3 -2
- package/build/esm/src/components/PictogramButton/PictogramButton.js.map +1 -1
- package/build/esm/src/components/RoundButton/RoundButton.d.ts +2 -2
- package/build/esm/src/components/RoundButton/RoundButton.js +3 -2
- package/build/esm/src/components/RoundButton/RoundButton.js.map +1 -1
- package/build/{cjs/scss → scss}/themes/dark.scss +1 -1
- package/build/{cjs/scss → scss}/themes/light.scss +1 -1
- package/package.json +3 -2
- package/build/esm/scss/themes/dark.scss +0 -111
- package/build/esm/scss/themes/light.scss +0 -111
|
@@ -96,9 +96,10 @@ const StyledPictogramButton = /*#__PURE__*/_styled__default.default("button", pr
|
|
|
96
96
|
padding: theme.variables.size.spacing.xs
|
|
97
97
|
})
|
|
98
98
|
};
|
|
99
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBpY3RvZ3JhbUJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUThCIiwiZmlsZSI6IlBpY3RvZ3JhbUJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEljb25OYW1lLCBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IEJ1dHRvblByb3BzIH0gZnJvbSBcIi4uL0J1dHRvbi9CdXR0b25cIjtcbmltcG9ydCB7IFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHNXaXRoUmVmLCBQb2x5bW9ycGhpY1JlZiB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuXG5jb25zdCBTdHlsZWRQaWN0b2dyYW1CdXR0b24gPSBzdHlsZWQuYnV0dG9uPFBhcnRpYWw8UGljdG9ncmFtQnV0dG9uUHJvcHM+
|
|
99
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBpY3RvZ3JhbUJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUThCIiwiZmlsZSI6IlBpY3RvZ3JhbUJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEljb25OYW1lLCBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IEJ1dHRvblByb3BzIH0gZnJvbSBcIi4uL0J1dHRvbi9CdXR0b25cIjtcbmltcG9ydCB7IFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHNXaXRoUmVmLCBQb2x5bW9ycGhpY1JlZiB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuXG5jb25zdCBTdHlsZWRQaWN0b2dyYW1CdXR0b24gPSBzdHlsZWQuYnV0dG9uPFBhcnRpYWw8UGljdG9ncmFtQnV0dG9uUHJvcHM+PihcbiAgKHsgdGhlbWUsIHZhcmlhbnQsIHNpemUsIHNxdWFyZUNvcm5lcnMgfSkgPT4gKHtcbiAgICBcIiZbdHlwZT0nYnV0dG9uJ11cIjoge1xuICAgICAgYXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgICBNb3pBcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICAgIFdlYmtpdEFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgIH0sXG4gICAgYm9yZGVyOiAwLFxuICAgIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gICAgdGV4dFRyYW5zZm9ybTogXCJub25lXCIsXG4gICAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmJ1dHRvbi5tLFxuICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gICAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQuYnV0dG9uLm0sXG4gICAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5idXR0b24ubSxcbiAgICBmb250V2VpZ2h0OiB0aGVtZS52YXJpYWJsZXMud2VpZ2h0LmJvbGQsXG4gICAgcGFkZGluZzogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHMsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBcIiZbZGlzYWJsZWRdLCAmOmRpc2FibGVkXCI6IHtcbiAgICAgIG9wYWNpdHk6IHRoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LmJ1dHRvbi5kaXNhYmxlZCxcbiAgICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICAgIH0sXG4gICAgLi4uKHZhcmlhbnQgPT09IFwicHJpbWFyeVwiICYmIHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYWNjZW50LmRlZmF1bHQsXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQub25BY2NlbnQuZGVmYXVsdCxcbiAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYWNjZW50LmhvdmVyLFxuICAgICAgfSxcbiAgICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudC5hY3RpdmUsXG4gICAgICB9LFxuICAgICAgXCImOmRpc2FibGVkXCI6IHtcbiAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0Lm9uQWNjZW50LmRpc2FibGVkLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudC5kaXNhYmxlZCxcbiAgICAgIH0sXG4gICAgfSksXG4gICAgLi4uKHZhcmlhbnQgPT09IFwic2Vjb25kYXJ5XCIgJiYge1xuICAgICAgYm9yZGVyOiBcIjFweCBzb2xpZFwiLFxuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5kZWZhdWx0LFxuICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5kZWZhdWx0LFxuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnNlY29uZGFyeS5kZWZhdWx0LFxuICAgICAgcGFkZGluZzogcGFyc2VJbnQodGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHMsIDEwKSAtIDEsXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuaG92ZXIsXG4gICAgICB9LFxuICAgICAgXCImOmFjdGl2ZVwiOiB7XG4gICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuYWN0aXZlLFxuICAgICAgfSxcbiAgICB9KSxcbiAgICAuLi4odmFyaWFudCA9PT0gXCJ0ZXJ0aWFyeVwiICYmIHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuZGVmYXVsdCxcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgICAgIFwiOmhvdmVyXCI6IHtcbiAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnNlY29uZGFyeS5kZWZhdWx0LFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmhvdmVyLFxuICAgICAgfSxcbiAgICAgIFwiOmFjdGl2ZVwiOiB7XG4gICAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuYWN0aXZlLFxuICAgICAgfSxcbiAgICAgIFwiOmRpc2FibGVkXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5kZWZhdWx0LFxuICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgICAgIH0sXG4gICAgfSksXG4gICAgLi4uKHNxdWFyZUNvcm5lcnMgJiYge1xuICAgICAgYm9yZGVyUmFkaXVzOiBcIjBcIixcbiAgICB9KSxcbiAgICAuLi4oKHNpemUgPT09IFwic1wiIHx8IHNpemUgPT09IFwibVwiKSAmJiB7XG4gICAgICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IHR5cGUgUGljdG9ncmFtQnV0dG9uUHJvcHMgPSB7XG4gIC8qKiBUaGUgY2VudGVyZWQgaWNvbiB0byBiZSBkaXNwbGF5ZWQuICovXG4gIGljb246IEljb25OYW1lO1xuICAvKiogSWYgdHJ1ZSwgdGhlIGJ1dHRvbiBoYXMgc3F1YXJlIGNvcm5lcnMuICovXG4gIHNxdWFyZUNvcm5lcnM/OiBib29sZWFuO1xuICAvKiogU2l6ZSAqL1xuICBzaXplPzogXCJ4c1wiIHwgXCJzXCIgfCBcIm1cIjtcbn0gJiBPbWl0PFxuICBCdXR0b25Qcm9wcyxcbiAgfCBcInNpemVcIlxuICB8IFwibGVmdEljb25cIlxuICB8IFwicmlnaHRJY29uXCJcbiAgfCBcImZ1bGxXaWR0aFwiXG4gIHwgXCJkZXN0cnVjdGl2ZVwiXG4gIHwgXCJwcml2YXRlUHJvcHNcIlxuICB8IFwibG9hZGluZ1wiXG4+O1xuXG50eXBlIFBpY3RvZ3JhbUJ1dHRvbkNvbXBvbmVudCA9IDxDIGV4dGVuZHMgUmVhY3QuRWxlbWVudFR5cGUgPSBcImJ1dHRvblwiPihcbiAgcHJvcHM6IFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHNXaXRoUmVmPEMsIFBpY3RvZ3JhbUJ1dHRvblByb3BzPlxuKSA9PiBSZWFjdC5SZWFjdEVsZW1lbnQgfCBudWxsO1xuXG5leHBvcnQgY29uc3QgUGljdG9ncmFtQnV0dG9uOiBQaWN0b2dyYW1CdXR0b25Db21wb25lbnQgPSBSZWFjdC5mb3J3YXJkUmVmKFxuICA8QyBleHRlbmRzIFJlYWN0LkVsZW1lbnRUeXBlID0gXCJidXR0b25cIj4oXG4gICAge1xuICAgICAgYXJpYUF0dHJpYnV0ZXMsXG4gICAgICB0eXBlID0gXCJidXR0b25cIixcbiAgICAgIHNpemUgPSBcInhzXCIsXG4gICAgICB2YXJpYW50ID0gXCJ0ZXJ0aWFyeVwiLFxuICAgICAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgICAgIG9uQ2xpY2ssXG4gICAgICBvbkZvY3VzLFxuICAgICAgb25CbHVyLFxuICAgICAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gICAgICBhcyxcbiAgICAgIGljb24sXG4gICAgICBzcXVhcmVDb3JuZXJzID0gZmFsc2UsXG4gICAgICAuLi5yZXN0XG4gICAgfTogUG9seW1vcnBoaWNDb21wb25lbnRQcm9wc1dpdGhSZWY8QywgUGljdG9ncmFtQnV0dG9uUHJvcHM+LFxuICAgIHJlZj86IFBvbHltb3JwaGljUmVmPEM+XG4gICkgPT4ge1xuICAgIGZ1bmN0aW9uIGhhbmRsZUNsaWNrKGU6IFJlYWN0Lk1vdXNlRXZlbnQpIHtcbiAgICAgIGlmIChkaXNhYmxlZCkge1xuICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICB9XG4gICAgICBpZiAob25DbGljaykge1xuICAgICAgICBvbkNsaWNrKGUpO1xuICAgICAgfVxuICAgIH1cbiAgICBjb25zdCBpY29uU2l6ZSA9IHNpemUgPT09IFwibVwiID8gXCJtXCIgOiBcInNcIjtcblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkUGljdG9ncmFtQnV0dG9uXG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgICBkYXRhLWRzLWlkPVwiUGljdG9ncmFtQnV0dG9uXCJcbiAgICAgICAgYXM9e2FzfVxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIHR5cGU9e2FzICYmIGFzICE9PSBcImJ1dHRvblwiID8gdW5kZWZpbmVkIDogdHlwZX1cbiAgICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgc3F1YXJlQ29ybmVycz17c3F1YXJlQ29ybmVyc31cbiAgICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2t9XG4gICAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICB7Li4uYXJpYUF0dHJpYnV0ZXN9XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgPlxuICAgICAgICA8SW5saW5lIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiIHNwYWNlPVwieHhzXCIgbm9XcmFwPlxuICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICBzaXplPXtpY29uU2l6ZX1cbiAgICAgICAgICAgIG5hbWU9e2ljb259XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17aWNvbn1cbiAgICAgICAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2ljb259XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9JbmxpbmU+XG4gICAgICA8L1N0eWxlZFBpY3RvZ3JhbUJ1dHRvbj5cbiAgICApO1xuICB9XG4pO1xuIl19 */");
|
|
100
100
|
const PictogramButton = /*#__PURE__*/React__default.default.forwardRef((_ref2, ref) => {
|
|
101
101
|
let {
|
|
102
|
+
ariaAttributes,
|
|
102
103
|
type = "button",
|
|
103
104
|
size = "xs",
|
|
104
105
|
variant = "tertiary",
|
|
@@ -134,7 +135,7 @@ const PictogramButton = /*#__PURE__*/React__default.default.forwardRef((_ref2, r
|
|
|
134
135
|
onClick: handleClick,
|
|
135
136
|
onFocus: onFocus,
|
|
136
137
|
onBlur: onBlur
|
|
137
|
-
}, rest), /*#__PURE__*/React__default.default.createElement(Inline.Inline, {
|
|
138
|
+
}, ariaAttributes, rest), /*#__PURE__*/React__default.default.createElement(Inline.Inline, {
|
|
138
139
|
vAlignItems: "center",
|
|
139
140
|
alignItems: "center",
|
|
140
141
|
space: "xxs",
|
|
@@ -87,7 +87,7 @@ const StyledRoundButton = /*#__PURE__*/_styled__default.default("button", proces
|
|
|
87
87
|
}
|
|
88
88
|
})
|
|
89
89
|
};
|
|
90
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJvdW5kQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRMEIiLCJmaWxlIjoiUm91bmRCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBJY29uTmFtZSwgSWNvbiB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgeyBCdXR0b25Qcm9wcyB9IGZyb20gXCIuLi9CdXR0b24vQnV0dG9uXCI7XG5pbXBvcnQgeyBBc1Byb3AgfSBmcm9tIFwiLi4vLi4vdHlwZXNcIjtcblxuY29uc3QgU3R5bGVkUm91bmRCdXR0b24gPSBzdHlsZWQuYnV0dG9uPFBhcnRpYWw8Um91bmRCdXR0b25Qcm9wcz4+
|
|
90
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJvdW5kQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRMEIiLCJmaWxlIjoiUm91bmRCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBJY29uTmFtZSwgSWNvbiB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgeyBCdXR0b25Qcm9wcyB9IGZyb20gXCIuLi9CdXR0b24vQnV0dG9uXCI7XG5pbXBvcnQgeyBBc1Byb3AgfSBmcm9tIFwiLi4vLi4vdHlwZXNcIjtcblxuY29uc3QgU3R5bGVkUm91bmRCdXR0b24gPSBzdHlsZWQuYnV0dG9uPFBhcnRpYWw8Um91bmRCdXR0b25Qcm9wcz4+KFxuICAoeyB0aGVtZSwgdmFyaWFudCB9KSA9PiAoe1xuICAgIFwiJlt0eXBlPSdidXR0b24nXVwiOiB7XG4gICAgICBhcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICAgIE1vekFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgICAgV2Via2l0QXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgfSxcbiAgICBib3JkZXI6IDAsXG4gICAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgICB0ZXh0VHJhbnNmb3JtOiBcIm5vbmVcIixcbiAgICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gICAgYm9yZGVyUmFkaXVzOiBcIjEwMCVcIixcbiAgICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICAgIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmJ1dHRvbi5tLFxuICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuYnV0dG9uLm0sXG4gICAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICAgIHBhZGRpbmc6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBcIiZbZGlzYWJsZWRdLCAmOmRpc2FibGVkXCI6IHtcbiAgICAgIG9wYWNpdHk6IHRoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LmJ1dHRvbi5kaXNhYmxlZCxcbiAgICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICAgIH0sXG4gICAgLi4uKHZhcmlhbnQgPT09IFwicHJpbWFyeVwiICYmIHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYWNjZW50LmRlZmF1bHQsXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQub25BY2NlbnQuZGVmYXVsdCxcbiAgICAgIFwiOmhvdmVyXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnQuaG92ZXIsXG4gICAgICB9LFxuICAgICAgXCI6YWN0aXZlXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnQuYWN0aXZlLFxuICAgICAgfSxcbiAgICAgIFwiOmRpc2FibGVkXCI6IHtcbiAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0Lm9uQWNjZW50LmRpc2FibGVkLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudC5kaXNhYmxlZCxcbiAgICAgIH0sXG4gICAgfSksXG4gICAgLi4uKHZhcmlhbnQgPT09IFwic2Vjb25kYXJ5XCIgJiYge1xuICAgICAgYm9yZGVyOiBcIjJweCBzb2xpZFwiLFxuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnNlY29uZGFyeS5kZWZhdWx0LFxuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5kZWZhdWx0LFxuICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmRlZmF1bHQsXG4gICAgICBwYWRkaW5nOiBwYXJzZUludCh0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLCAxMCkgLSAyLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5kZWZhdWx0LFxuICAgICAgfSxcbiAgICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LmFjdGl2ZSxcbiAgICAgIH0sXG4gICAgfSksXG4gICAgLi4uKHZhcmlhbnQgPT09IFwidGVydGlhcnlcIiAmJiB7XG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuc2Vjb25kYXJ5LmRlZmF1bHQsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmRlZmF1bHQsXG4gICAgICBcIjpob3ZlclwiOiB7XG4gICAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5ob3ZlcixcbiAgICAgIH0sXG4gICAgICBcIjphY3RpdmVcIjoge1xuICAgICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucHJpbWFyeS5kZWZhdWx0LFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmFjdGl2ZSxcbiAgICAgIH0sXG4gICAgICBcIjpkaXNhYmxlZFwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuZGVmYXVsdCxcbiAgICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmRlZmF1bHQsXG4gICAgICB9LFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IHR5cGUgUm91bmRCdXR0b25Qcm9wcyA9IE9taXQ8XG4gIEJ1dHRvblByb3BzLFxuICB8IFwiZGVzdHJ1Y3RpdmVcIlxuICB8IFwibG9hZGluZ1wiXG4gIHwgXCJsZWZ0SWNvblwiXG4gIHwgXCJyaWdodEljb25cIlxuICB8IFwiZnVsbFdpZHRoXCJcbiAgfCBcInByaXZhdGVQcm9wc1wiXG4gIHwgXCJzaXplXCJcbj4gJiB7XG4gIC8qKiBUaGUgY2VudGVyZWQgaWNvbiB0byBiZSBkaXNwbGF5ZWQuICovXG4gIGljb246IEljb25OYW1lO1xufTtcblxuY29uc3QgZGVmYXVsdFByb3BzOiBQYXJ0aWFsPFJvdW5kQnV0dG9uUHJvcHM+ICYgQXNQcm9wPFwiYnV0dG9uXCI+ID0ge1xuICB0eXBlOiBcImJ1dHRvblwiLFxuICB2YXJpYW50OiBcInRlcnRpYXJ5XCIsXG4gIGRpc2FibGVkOiBmYWxzZSxcbiAgYXM6IFwiYnV0dG9uXCIsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiB1bmRlZmluZWQsXG59O1xuXG5leHBvcnQgZnVuY3Rpb24gUm91bmRCdXR0b248QyBleHRlbmRzIFJlYWN0LkVsZW1lbnRUeXBlID0gXCJidXR0b25cIj4oe1xuICBhcmlhQXR0cmlidXRlcyxcbiAgb25DbGljayxcbiAgb25Gb2N1cyxcbiAgb25CbHVyLFxuICB0eXBlLFxuICBkaXNhYmxlZCxcbiAgYXMsXG4gIGljb24sXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICAuLi5yZXN0XG59OiBSb3VuZEJ1dHRvblByb3BzICYgQXNQcm9wPEM+KTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkUm91bmRCdXR0b25cbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiUm91bmRCdXR0b25cIlxuICAgICAgYXM9e2FzfVxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgdHlwZT17YXMgPT09IFwiYVwiID8gdW5kZWZpbmVkIDogdHlwZX1cbiAgICAgIG9uQ2xpY2s9eyhlOiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB7XG4gICAgICAgIGlmIChkaXNhYmxlZCkge1xuICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgfVxuICAgICAgICBpZiAob25DbGljaykge1xuICAgICAgICAgIG9uQ2xpY2soZSk7XG4gICAgICAgIH1cbiAgICAgIH19XG4gICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICB7Li4uYXJpYUF0dHJpYnV0ZXN9XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICA8SW5saW5lIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiIHNwYWNlPVwieHhzXCIgbm9XcmFwPlxuICAgICAgICB7aWNvbiAmJiAoXG4gICAgICAgICAgPEljb25cbiAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgIG5hbWU9e2ljb259XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17aWNvbn1cbiAgICAgICAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2ljb259XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgIDwvSW5saW5lPlxuICAgIDwvU3R5bGVkUm91bmRCdXR0b24+XG4gICk7XG59XG5Sb3VuZEJ1dHRvbi5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG4iXX0= */");
|
|
91
91
|
const defaultProps = {
|
|
92
92
|
type: "button",
|
|
93
93
|
variant: "tertiary",
|
|
@@ -97,6 +97,7 @@ const defaultProps = {
|
|
|
97
97
|
};
|
|
98
98
|
function RoundButton(_ref2) {
|
|
99
99
|
let {
|
|
100
|
+
ariaAttributes,
|
|
100
101
|
onClick,
|
|
101
102
|
onFocus,
|
|
102
103
|
onBlur,
|
|
@@ -123,7 +124,7 @@ function RoundButton(_ref2) {
|
|
|
123
124
|
},
|
|
124
125
|
onFocus: onFocus,
|
|
125
126
|
onBlur: onBlur
|
|
126
|
-
}, rest), /*#__PURE__*/React__default.default.createElement(Inline.Inline, {
|
|
127
|
+
}, ariaAttributes, rest), /*#__PURE__*/React__default.default.createElement(Inline.Inline, {
|
|
127
128
|
vAlignItems: "center",
|
|
128
129
|
alignItems: "center",
|
|
129
130
|
space: "xxs",
|
|
@@ -2,14 +2,14 @@ import React from "react";
|
|
|
2
2
|
import { IconName } from "../Icon/Icon";
|
|
3
3
|
import { ButtonProps } from "../Button/Button";
|
|
4
4
|
import { PolymorphicComponentPropsWithRef } from "../../types";
|
|
5
|
-
export declare type PictogramButtonProps =
|
|
5
|
+
export declare type PictogramButtonProps = {
|
|
6
6
|
/** The centered icon to be displayed. */
|
|
7
7
|
icon: IconName;
|
|
8
8
|
/** If true, the button has square corners. */
|
|
9
9
|
squareCorners?: boolean;
|
|
10
10
|
/** Size */
|
|
11
11
|
size?: "xs" | "s" | "m";
|
|
12
|
-
}
|
|
12
|
+
} & Omit<ButtonProps, "size" | "leftIcon" | "rightIcon" | "fullWidth" | "destructive" | "privateProps" | "loading">;
|
|
13
13
|
declare type PictogramButtonComponent = <C extends React.ElementType = "button">(props: PolymorphicComponentPropsWithRef<C, PictogramButtonProps>) => React.ReactElement | null;
|
|
14
14
|
export declare const PictogramButton: PictogramButtonComponent;
|
|
15
15
|
export {};
|
|
@@ -88,9 +88,10 @@ const StyledPictogramButton = /*#__PURE__*/_styled("button", process.env.NODE_EN
|
|
|
88
88
|
padding: theme.variables.size.spacing.xs
|
|
89
89
|
})
|
|
90
90
|
};
|
|
91
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBpY3RvZ3JhbUJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUThCIiwiZmlsZSI6IlBpY3RvZ3JhbUJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEljb25OYW1lLCBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IEJ1dHRvblByb3BzIH0gZnJvbSBcIi4uL0J1dHRvbi9CdXR0b25cIjtcbmltcG9ydCB7IFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHNXaXRoUmVmLCBQb2x5bW9ycGhpY1JlZiB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuXG5jb25zdCBTdHlsZWRQaWN0b2dyYW1CdXR0b24gPSBzdHlsZWQuYnV0dG9uPFBhcnRpYWw8UGljdG9ncmFtQnV0dG9uUHJvcHM+
|
|
91
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBpY3RvZ3JhbUJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUThCIiwiZmlsZSI6IlBpY3RvZ3JhbUJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEljb25OYW1lLCBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IEJ1dHRvblByb3BzIH0gZnJvbSBcIi4uL0J1dHRvbi9CdXR0b25cIjtcbmltcG9ydCB7IFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHNXaXRoUmVmLCBQb2x5bW9ycGhpY1JlZiB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuXG5jb25zdCBTdHlsZWRQaWN0b2dyYW1CdXR0b24gPSBzdHlsZWQuYnV0dG9uPFBhcnRpYWw8UGljdG9ncmFtQnV0dG9uUHJvcHM+PihcbiAgKHsgdGhlbWUsIHZhcmlhbnQsIHNpemUsIHNxdWFyZUNvcm5lcnMgfSkgPT4gKHtcbiAgICBcIiZbdHlwZT0nYnV0dG9uJ11cIjoge1xuICAgICAgYXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgICBNb3pBcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICAgIFdlYmtpdEFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgIH0sXG4gICAgYm9yZGVyOiAwLFxuICAgIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gICAgdGV4dFRyYW5zZm9ybTogXCJub25lXCIsXG4gICAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmJ1dHRvbi5tLFxuICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gICAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQuYnV0dG9uLm0sXG4gICAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5idXR0b24ubSxcbiAgICBmb250V2VpZ2h0OiB0aGVtZS52YXJpYWJsZXMud2VpZ2h0LmJvbGQsXG4gICAgcGFkZGluZzogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHMsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBcIiZbZGlzYWJsZWRdLCAmOmRpc2FibGVkXCI6IHtcbiAgICAgIG9wYWNpdHk6IHRoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LmJ1dHRvbi5kaXNhYmxlZCxcbiAgICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICAgIH0sXG4gICAgLi4uKHZhcmlhbnQgPT09IFwicHJpbWFyeVwiICYmIHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYWNjZW50LmRlZmF1bHQsXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQub25BY2NlbnQuZGVmYXVsdCxcbiAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYWNjZW50LmhvdmVyLFxuICAgICAgfSxcbiAgICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudC5hY3RpdmUsXG4gICAgICB9LFxuICAgICAgXCImOmRpc2FibGVkXCI6IHtcbiAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0Lm9uQWNjZW50LmRpc2FibGVkLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudC5kaXNhYmxlZCxcbiAgICAgIH0sXG4gICAgfSksXG4gICAgLi4uKHZhcmlhbnQgPT09IFwic2Vjb25kYXJ5XCIgJiYge1xuICAgICAgYm9yZGVyOiBcIjFweCBzb2xpZFwiLFxuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5kZWZhdWx0LFxuICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5kZWZhdWx0LFxuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnNlY29uZGFyeS5kZWZhdWx0LFxuICAgICAgcGFkZGluZzogcGFyc2VJbnQodGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHMsIDEwKSAtIDEsXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuaG92ZXIsXG4gICAgICB9LFxuICAgICAgXCImOmFjdGl2ZVwiOiB7XG4gICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuYWN0aXZlLFxuICAgICAgfSxcbiAgICB9KSxcbiAgICAuLi4odmFyaWFudCA9PT0gXCJ0ZXJ0aWFyeVwiICYmIHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuZGVmYXVsdCxcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgICAgIFwiOmhvdmVyXCI6IHtcbiAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnNlY29uZGFyeS5kZWZhdWx0LFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmhvdmVyLFxuICAgICAgfSxcbiAgICAgIFwiOmFjdGl2ZVwiOiB7XG4gICAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuYWN0aXZlLFxuICAgICAgfSxcbiAgICAgIFwiOmRpc2FibGVkXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5kZWZhdWx0LFxuICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgICAgIH0sXG4gICAgfSksXG4gICAgLi4uKHNxdWFyZUNvcm5lcnMgJiYge1xuICAgICAgYm9yZGVyUmFkaXVzOiBcIjBcIixcbiAgICB9KSxcbiAgICAuLi4oKHNpemUgPT09IFwic1wiIHx8IHNpemUgPT09IFwibVwiKSAmJiB7XG4gICAgICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IHR5cGUgUGljdG9ncmFtQnV0dG9uUHJvcHMgPSB7XG4gIC8qKiBUaGUgY2VudGVyZWQgaWNvbiB0byBiZSBkaXNwbGF5ZWQuICovXG4gIGljb246IEljb25OYW1lO1xuICAvKiogSWYgdHJ1ZSwgdGhlIGJ1dHRvbiBoYXMgc3F1YXJlIGNvcm5lcnMuICovXG4gIHNxdWFyZUNvcm5lcnM/OiBib29sZWFuO1xuICAvKiogU2l6ZSAqL1xuICBzaXplPzogXCJ4c1wiIHwgXCJzXCIgfCBcIm1cIjtcbn0gJiBPbWl0PFxuICBCdXR0b25Qcm9wcyxcbiAgfCBcInNpemVcIlxuICB8IFwibGVmdEljb25cIlxuICB8IFwicmlnaHRJY29uXCJcbiAgfCBcImZ1bGxXaWR0aFwiXG4gIHwgXCJkZXN0cnVjdGl2ZVwiXG4gIHwgXCJwcml2YXRlUHJvcHNcIlxuICB8IFwibG9hZGluZ1wiXG4+O1xuXG50eXBlIFBpY3RvZ3JhbUJ1dHRvbkNvbXBvbmVudCA9IDxDIGV4dGVuZHMgUmVhY3QuRWxlbWVudFR5cGUgPSBcImJ1dHRvblwiPihcbiAgcHJvcHM6IFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHNXaXRoUmVmPEMsIFBpY3RvZ3JhbUJ1dHRvblByb3BzPlxuKSA9PiBSZWFjdC5SZWFjdEVsZW1lbnQgfCBudWxsO1xuXG5leHBvcnQgY29uc3QgUGljdG9ncmFtQnV0dG9uOiBQaWN0b2dyYW1CdXR0b25Db21wb25lbnQgPSBSZWFjdC5mb3J3YXJkUmVmKFxuICA8QyBleHRlbmRzIFJlYWN0LkVsZW1lbnRUeXBlID0gXCJidXR0b25cIj4oXG4gICAge1xuICAgICAgYXJpYUF0dHJpYnV0ZXMsXG4gICAgICB0eXBlID0gXCJidXR0b25cIixcbiAgICAgIHNpemUgPSBcInhzXCIsXG4gICAgICB2YXJpYW50ID0gXCJ0ZXJ0aWFyeVwiLFxuICAgICAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgICAgIG9uQ2xpY2ssXG4gICAgICBvbkZvY3VzLFxuICAgICAgb25CbHVyLFxuICAgICAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gICAgICBhcyxcbiAgICAgIGljb24sXG4gICAgICBzcXVhcmVDb3JuZXJzID0gZmFsc2UsXG4gICAgICAuLi5yZXN0XG4gICAgfTogUG9seW1vcnBoaWNDb21wb25lbnRQcm9wc1dpdGhSZWY8QywgUGljdG9ncmFtQnV0dG9uUHJvcHM+LFxuICAgIHJlZj86IFBvbHltb3JwaGljUmVmPEM+XG4gICkgPT4ge1xuICAgIGZ1bmN0aW9uIGhhbmRsZUNsaWNrKGU6IFJlYWN0Lk1vdXNlRXZlbnQpIHtcbiAgICAgIGlmIChkaXNhYmxlZCkge1xuICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICB9XG4gICAgICBpZiAob25DbGljaykge1xuICAgICAgICBvbkNsaWNrKGUpO1xuICAgICAgfVxuICAgIH1cbiAgICBjb25zdCBpY29uU2l6ZSA9IHNpemUgPT09IFwibVwiID8gXCJtXCIgOiBcInNcIjtcblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkUGljdG9ncmFtQnV0dG9uXG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgICBkYXRhLWRzLWlkPVwiUGljdG9ncmFtQnV0dG9uXCJcbiAgICAgICAgYXM9e2FzfVxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIHR5cGU9e2FzICYmIGFzICE9PSBcImJ1dHRvblwiID8gdW5kZWZpbmVkIDogdHlwZX1cbiAgICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgc3F1YXJlQ29ybmVycz17c3F1YXJlQ29ybmVyc31cbiAgICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2t9XG4gICAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICB7Li4uYXJpYUF0dHJpYnV0ZXN9XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgPlxuICAgICAgICA8SW5saW5lIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiIHNwYWNlPVwieHhzXCIgbm9XcmFwPlxuICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICBzaXplPXtpY29uU2l6ZX1cbiAgICAgICAgICAgIG5hbWU9e2ljb259XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17aWNvbn1cbiAgICAgICAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2ljb259XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9JbmxpbmU+XG4gICAgICA8L1N0eWxlZFBpY3RvZ3JhbUJ1dHRvbj5cbiAgICApO1xuICB9XG4pO1xuIl19 */");
|
|
92
92
|
const PictogramButton = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
|
|
93
93
|
let {
|
|
94
|
+
ariaAttributes,
|
|
94
95
|
type = "button",
|
|
95
96
|
size = "xs",
|
|
96
97
|
variant = "tertiary",
|
|
@@ -126,7 +127,7 @@ const PictogramButton = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
|
|
|
126
127
|
onClick: handleClick,
|
|
127
128
|
onFocus: onFocus,
|
|
128
129
|
onBlur: onBlur
|
|
129
|
-
}, rest), /*#__PURE__*/React.createElement(Inline, {
|
|
130
|
+
}, ariaAttributes, rest), /*#__PURE__*/React.createElement(Inline, {
|
|
130
131
|
vAlignItems: "center",
|
|
131
132
|
alignItems: "center",
|
|
132
133
|
space: "xxs",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PictogramButton.js","sources":["../../../../../src/components/PictogramButton/PictogramButton.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { IconName, Icon } from \"../Icon/Icon\";\nimport { Inline } from \"../Inline/Inline\";\nimport { ButtonProps } from \"../Button/Button\";\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from \"../../types\";\n\nconst StyledPictogramButton = styled.button<Partial<PictogramButtonProps>>(\n ({ theme, variant, size, squareCorners }) => ({\n \"&[type='button']\": {\n appearance: \"none\",\n MozAppearance: \"none\",\n WebkitAppearance: \"none\",\n },\n border: 0,\n display: \"inline-block\",\n textTransform: \"none\",\n textDecoration: \"none\",\n borderRadius: theme.variables.size.borderRadius.button.m,\n fontFamily: theme.variables.fontFamily.lato,\n fontSize: theme.variables.size.font.button.m,\n lineHeight: theme.variables.size.lineHeight.button.m,\n fontWeight: theme.variables.weight.bold,\n padding: theme.variables.size.spacing.xxs,\n cursor: \"pointer\",\n \"&[disabled], &:disabled\": {\n opacity: theme.variables.opacity.button.disabled,\n pointerEvents: \"none\",\n },\n ...(variant === \"primary\" && {\n backgroundColor: theme.values.color.background.accent.default,\n color: theme.values.color.text.onAccent.default,\n \"&:hover\": {\n backgroundColor: theme.values.color.background.accent.hover,\n },\n \"&:active\": {\n backgroundColor: theme.values.color.background.accent.active,\n },\n \"&:disabled\": {\n color: theme.values.color.text.onAccent.disabled,\n backgroundColor: theme.values.color.background.accent.disabled,\n },\n }),\n ...(variant === \"secondary\" && {\n border: \"1px solid\",\n backgroundColor: theme.values.color.background.transparent.default,\n borderColor: theme.values.color.border.primary.default,\n color: theme.values.color.text.secondary.default,\n padding: parseInt(theme.variables.size.spacing.xxs, 10) - 1,\n \"&:hover\": {\n borderColor: theme.values.color.border.primary.default,\n backgroundColor: theme.values.color.background.transparent.hover,\n },\n \"&:active\": {\n borderColor: theme.values.color.border.primary.active,\n },\n }),\n ...(variant === \"tertiary\" && {\n backgroundColor: theme.values.color.background.transparent.default,\n color: theme.values.color.text.secondary.default,\n \":hover\": {\n color: theme.values.color.text.secondary.default,\n backgroundColor: theme.values.color.background.transparent.hover,\n },\n \":active\": {\n color: theme.values.color.text.primary.default,\n backgroundColor: theme.values.color.background.transparent.active,\n },\n \":disabled\": {\n backgroundColor: theme.values.color.background.transparent.default,\n borderColor: theme.values.color.border.secondary.default,\n },\n }),\n ...(squareCorners && {\n borderRadius: \"0\",\n }),\n ...((size === \"s\" || size === \"m\") && {\n padding: theme.variables.size.spacing.xs,\n }),\n })\n);\n\nexport type PictogramButtonProps = Pick<\n ButtonProps,\n | \"variant\"\n | \"type\"\n | \"disabled\"\n | \"onClick\"\n | \"onFocus\"\n | \"onBlur\"\n | \"data-e2e-test-id\"\n> & {\n /** The centered icon to be displayed. */\n icon: IconName;\n /** If true, the button has square corners. */\n squareCorners?: boolean;\n /** Size */\n size?: \"xs\" | \"s\" | \"m\";\n};\n\ntype PictogramButtonComponent = <C extends React.ElementType = \"button\">(\n props: PolymorphicComponentPropsWithRef<C, PictogramButtonProps>\n) => React.ReactElement | null;\n\nexport const PictogramButton: PictogramButtonComponent = React.forwardRef(\n <C extends React.ElementType = \"button\">(\n {\n type = \"button\",\n size = \"xs\",\n variant = \"tertiary\",\n disabled = false,\n onClick,\n onFocus,\n onBlur,\n \"data-e2e-test-id\": dataE2eTestId,\n as,\n icon,\n squareCorners = false,\n ...rest\n }: PolymorphicComponentPropsWithRef<C, PictogramButtonProps>,\n ref?: PolymorphicRef<C>\n ) => {\n function handleClick(e: React.MouseEvent) {\n if (disabled) {\n e.preventDefault();\n }\n if (onClick) {\n onClick(e);\n }\n }\n const iconSize = size === \"m\" ? \"m\" : \"s\";\n\n return (\n <StyledPictogramButton\n ref={ref}\n data-e2e-test-id={dataE2eTestId}\n data-ds-id=\"PictogramButton\"\n as={as}\n disabled={disabled}\n type={as && as !== \"button\" ? undefined : type}\n variant={variant}\n size={size}\n squareCorners={squareCorners}\n onClick={handleClick}\n onFocus={onFocus}\n onBlur={onBlur}\n {...rest}\n >\n <Inline vAlignItems=\"center\" alignItems=\"center\" space=\"xxs\" noWrap>\n <Icon\n size={iconSize}\n name={icon}\n data-testid={icon}\n data-e2e-test-id={icon}\n />\n </Inline>\n </StyledPictogramButton>\n );\n }\n);\n"],"names":["StyledPictogramButton","_styled","process","env","NODE_ENV","target","label","_ref","theme","variant","size","squareCorners","appearance","MozAppearance","WebkitAppearance","border","display","textTransform","textDecoration","borderRadius","variables","button","m","fontFamily","lato","fontSize","font","lineHeight","fontWeight","weight","bold","padding","spacing","xxs","cursor","opacity","disabled","pointerEvents","backgroundColor","values","color","background","accent","default","text","onAccent","hover","active","transparent","borderColor","primary","secondary","parseInt","xs","PictogramButton","React","forwardRef","_ref2","ref","type","onClick","onFocus","onBlur","dataE2eTestId","as","icon","rest","handleClick","e","preventDefault","iconSize","createElement","_extends","undefined","Inline","vAlignItems","alignItems","space","noWrap","Icon","name"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"PictogramButton.js","sources":["../../../../../src/components/PictogramButton/PictogramButton.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { IconName, Icon } from \"../Icon/Icon\";\nimport { Inline } from \"../Inline/Inline\";\nimport { ButtonProps } from \"../Button/Button\";\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from \"../../types\";\n\nconst StyledPictogramButton = styled.button<Partial<PictogramButtonProps>>(\n ({ theme, variant, size, squareCorners }) => ({\n \"&[type='button']\": {\n appearance: \"none\",\n MozAppearance: \"none\",\n WebkitAppearance: \"none\",\n },\n border: 0,\n display: \"inline-block\",\n textTransform: \"none\",\n textDecoration: \"none\",\n borderRadius: theme.variables.size.borderRadius.button.m,\n fontFamily: theme.variables.fontFamily.lato,\n fontSize: theme.variables.size.font.button.m,\n lineHeight: theme.variables.size.lineHeight.button.m,\n fontWeight: theme.variables.weight.bold,\n padding: theme.variables.size.spacing.xxs,\n cursor: \"pointer\",\n \"&[disabled], &:disabled\": {\n opacity: theme.variables.opacity.button.disabled,\n pointerEvents: \"none\",\n },\n ...(variant === \"primary\" && {\n backgroundColor: theme.values.color.background.accent.default,\n color: theme.values.color.text.onAccent.default,\n \"&:hover\": {\n backgroundColor: theme.values.color.background.accent.hover,\n },\n \"&:active\": {\n backgroundColor: theme.values.color.background.accent.active,\n },\n \"&:disabled\": {\n color: theme.values.color.text.onAccent.disabled,\n backgroundColor: theme.values.color.background.accent.disabled,\n },\n }),\n ...(variant === \"secondary\" && {\n border: \"1px solid\",\n backgroundColor: theme.values.color.background.transparent.default,\n borderColor: theme.values.color.border.primary.default,\n color: theme.values.color.text.secondary.default,\n padding: parseInt(theme.variables.size.spacing.xxs, 10) - 1,\n \"&:hover\": {\n borderColor: theme.values.color.border.primary.default,\n backgroundColor: theme.values.color.background.transparent.hover,\n },\n \"&:active\": {\n borderColor: theme.values.color.border.primary.active,\n },\n }),\n ...(variant === \"tertiary\" && {\n backgroundColor: theme.values.color.background.transparent.default,\n color: theme.values.color.text.secondary.default,\n \":hover\": {\n color: theme.values.color.text.secondary.default,\n backgroundColor: theme.values.color.background.transparent.hover,\n },\n \":active\": {\n color: theme.values.color.text.primary.default,\n backgroundColor: theme.values.color.background.transparent.active,\n },\n \":disabled\": {\n backgroundColor: theme.values.color.background.transparent.default,\n borderColor: theme.values.color.border.secondary.default,\n },\n }),\n ...(squareCorners && {\n borderRadius: \"0\",\n }),\n ...((size === \"s\" || size === \"m\") && {\n padding: theme.variables.size.spacing.xs,\n }),\n })\n);\n\nexport type PictogramButtonProps = {\n /** The centered icon to be displayed. */\n icon: IconName;\n /** If true, the button has square corners. */\n squareCorners?: boolean;\n /** Size */\n size?: \"xs\" | \"s\" | \"m\";\n} & Omit<\n ButtonProps,\n | \"size\"\n | \"leftIcon\"\n | \"rightIcon\"\n | \"fullWidth\"\n | \"destructive\"\n | \"privateProps\"\n | \"loading\"\n>;\n\ntype PictogramButtonComponent = <C extends React.ElementType = \"button\">(\n props: PolymorphicComponentPropsWithRef<C, PictogramButtonProps>\n) => React.ReactElement | null;\n\nexport const PictogramButton: PictogramButtonComponent = React.forwardRef(\n <C extends React.ElementType = \"button\">(\n {\n ariaAttributes,\n type = \"button\",\n size = \"xs\",\n variant = \"tertiary\",\n disabled = false,\n onClick,\n onFocus,\n onBlur,\n \"data-e2e-test-id\": dataE2eTestId,\n as,\n icon,\n squareCorners = false,\n ...rest\n }: PolymorphicComponentPropsWithRef<C, PictogramButtonProps>,\n ref?: PolymorphicRef<C>\n ) => {\n function handleClick(e: React.MouseEvent) {\n if (disabled) {\n e.preventDefault();\n }\n if (onClick) {\n onClick(e);\n }\n }\n const iconSize = size === \"m\" ? \"m\" : \"s\";\n\n return (\n <StyledPictogramButton\n ref={ref}\n data-e2e-test-id={dataE2eTestId}\n data-ds-id=\"PictogramButton\"\n as={as}\n disabled={disabled}\n type={as && as !== \"button\" ? undefined : type}\n variant={variant}\n size={size}\n squareCorners={squareCorners}\n onClick={handleClick}\n onFocus={onFocus}\n onBlur={onBlur}\n {...ariaAttributes}\n {...rest}\n >\n <Inline vAlignItems=\"center\" alignItems=\"center\" space=\"xxs\" noWrap>\n <Icon\n size={iconSize}\n name={icon}\n data-testid={icon}\n data-e2e-test-id={icon}\n />\n </Inline>\n </StyledPictogramButton>\n );\n }\n);\n"],"names":["StyledPictogramButton","_styled","process","env","NODE_ENV","target","label","_ref","theme","variant","size","squareCorners","appearance","MozAppearance","WebkitAppearance","border","display","textTransform","textDecoration","borderRadius","variables","button","m","fontFamily","lato","fontSize","font","lineHeight","fontWeight","weight","bold","padding","spacing","xxs","cursor","opacity","disabled","pointerEvents","backgroundColor","values","color","background","accent","default","text","onAccent","hover","active","transparent","borderColor","primary","secondary","parseInt","xs","PictogramButton","React","forwardRef","_ref2","ref","ariaAttributes","type","onClick","onFocus","onBlur","dataE2eTestId","as","icon","rest","handleClick","e","preventDefault","iconSize","createElement","_extends","undefined","Inline","vAlignItems","alignItems","space","noWrap","Icon","name"],"mappings":"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"}
|
|
@@ -2,11 +2,11 @@ import React from "react";
|
|
|
2
2
|
import { IconName } from "../Icon/Icon";
|
|
3
3
|
import { ButtonProps } from "../Button/Button";
|
|
4
4
|
import { AsProp } from "../../types";
|
|
5
|
-
export declare type RoundButtonProps =
|
|
5
|
+
export declare type RoundButtonProps = Omit<ButtonProps, "destructive" | "loading" | "leftIcon" | "rightIcon" | "fullWidth" | "privateProps" | "size"> & {
|
|
6
6
|
/** The centered icon to be displayed. */
|
|
7
7
|
icon: IconName;
|
|
8
8
|
};
|
|
9
|
-
export declare function RoundButton<C extends React.ElementType = "button">({ onClick, onFocus, onBlur, type, disabled, as, icon, "data-e2e-test-id": dataE2eTestId, ...rest }: RoundButtonProps & AsProp<C>): React.ReactElement;
|
|
9
|
+
export declare function RoundButton<C extends React.ElementType = "button">({ ariaAttributes, onClick, onFocus, onBlur, type, disabled, as, icon, "data-e2e-test-id": dataE2eTestId, ...rest }: RoundButtonProps & AsProp<C>): React.ReactElement;
|
|
10
10
|
export declare namespace RoundButton {
|
|
11
11
|
var defaultProps: Partial<RoundButtonProps> & AsProp<"button">;
|
|
12
12
|
}
|
|
@@ -79,7 +79,7 @@ const StyledRoundButton = /*#__PURE__*/_styled("button", process.env.NODE_ENV ==
|
|
|
79
79
|
}
|
|
80
80
|
})
|
|
81
81
|
};
|
|
82
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJvdW5kQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRMEIiLCJmaWxlIjoiUm91bmRCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBJY29uTmFtZSwgSWNvbiB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgeyBCdXR0b25Qcm9wcyB9IGZyb20gXCIuLi9CdXR0b24vQnV0dG9uXCI7XG5pbXBvcnQgeyBBc1Byb3AgfSBmcm9tIFwiLi4vLi4vdHlwZXNcIjtcblxuY29uc3QgU3R5bGVkUm91bmRCdXR0b24gPSBzdHlsZWQuYnV0dG9uPFBhcnRpYWw8Um91bmRCdXR0b25Qcm9wcz4+
|
|
82
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJvdW5kQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRMEIiLCJmaWxlIjoiUm91bmRCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBJY29uTmFtZSwgSWNvbiB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgeyBCdXR0b25Qcm9wcyB9IGZyb20gXCIuLi9CdXR0b24vQnV0dG9uXCI7XG5pbXBvcnQgeyBBc1Byb3AgfSBmcm9tIFwiLi4vLi4vdHlwZXNcIjtcblxuY29uc3QgU3R5bGVkUm91bmRCdXR0b24gPSBzdHlsZWQuYnV0dG9uPFBhcnRpYWw8Um91bmRCdXR0b25Qcm9wcz4+KFxuICAoeyB0aGVtZSwgdmFyaWFudCB9KSA9PiAoe1xuICAgIFwiJlt0eXBlPSdidXR0b24nXVwiOiB7XG4gICAgICBhcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICAgIE1vekFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgICAgV2Via2l0QXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgfSxcbiAgICBib3JkZXI6IDAsXG4gICAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgICB0ZXh0VHJhbnNmb3JtOiBcIm5vbmVcIixcbiAgICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gICAgYm9yZGVyUmFkaXVzOiBcIjEwMCVcIixcbiAgICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICAgIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmJ1dHRvbi5tLFxuICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuYnV0dG9uLm0sXG4gICAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICAgIHBhZGRpbmc6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBcIiZbZGlzYWJsZWRdLCAmOmRpc2FibGVkXCI6IHtcbiAgICAgIG9wYWNpdHk6IHRoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LmJ1dHRvbi5kaXNhYmxlZCxcbiAgICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICAgIH0sXG4gICAgLi4uKHZhcmlhbnQgPT09IFwicHJpbWFyeVwiICYmIHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYWNjZW50LmRlZmF1bHQsXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQub25BY2NlbnQuZGVmYXVsdCxcbiAgICAgIFwiOmhvdmVyXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnQuaG92ZXIsXG4gICAgICB9LFxuICAgICAgXCI6YWN0aXZlXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnQuYWN0aXZlLFxuICAgICAgfSxcbiAgICAgIFwiOmRpc2FibGVkXCI6IHtcbiAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0Lm9uQWNjZW50LmRpc2FibGVkLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudC5kaXNhYmxlZCxcbiAgICAgIH0sXG4gICAgfSksXG4gICAgLi4uKHZhcmlhbnQgPT09IFwic2Vjb25kYXJ5XCIgJiYge1xuICAgICAgYm9yZGVyOiBcIjJweCBzb2xpZFwiLFxuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnNlY29uZGFyeS5kZWZhdWx0LFxuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5kZWZhdWx0LFxuICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmRlZmF1bHQsXG4gICAgICBwYWRkaW5nOiBwYXJzZUludCh0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLCAxMCkgLSAyLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5kZWZhdWx0LFxuICAgICAgfSxcbiAgICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LmFjdGl2ZSxcbiAgICAgIH0sXG4gICAgfSksXG4gICAgLi4uKHZhcmlhbnQgPT09IFwidGVydGlhcnlcIiAmJiB7XG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuc2Vjb25kYXJ5LmRlZmF1bHQsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmRlZmF1bHQsXG4gICAgICBcIjpob3ZlclwiOiB7XG4gICAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5ob3ZlcixcbiAgICAgIH0sXG4gICAgICBcIjphY3RpdmVcIjoge1xuICAgICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucHJpbWFyeS5kZWZhdWx0LFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmFjdGl2ZSxcbiAgICAgIH0sXG4gICAgICBcIjpkaXNhYmxlZFwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuZGVmYXVsdCxcbiAgICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmRlZmF1bHQsXG4gICAgICB9LFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IHR5cGUgUm91bmRCdXR0b25Qcm9wcyA9IE9taXQ8XG4gIEJ1dHRvblByb3BzLFxuICB8IFwiZGVzdHJ1Y3RpdmVcIlxuICB8IFwibG9hZGluZ1wiXG4gIHwgXCJsZWZ0SWNvblwiXG4gIHwgXCJyaWdodEljb25cIlxuICB8IFwiZnVsbFdpZHRoXCJcbiAgfCBcInByaXZhdGVQcm9wc1wiXG4gIHwgXCJzaXplXCJcbj4gJiB7XG4gIC8qKiBUaGUgY2VudGVyZWQgaWNvbiB0byBiZSBkaXNwbGF5ZWQuICovXG4gIGljb246IEljb25OYW1lO1xufTtcblxuY29uc3QgZGVmYXVsdFByb3BzOiBQYXJ0aWFsPFJvdW5kQnV0dG9uUHJvcHM+ICYgQXNQcm9wPFwiYnV0dG9uXCI+ID0ge1xuICB0eXBlOiBcImJ1dHRvblwiLFxuICB2YXJpYW50OiBcInRlcnRpYXJ5XCIsXG4gIGRpc2FibGVkOiBmYWxzZSxcbiAgYXM6IFwiYnV0dG9uXCIsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiB1bmRlZmluZWQsXG59O1xuXG5leHBvcnQgZnVuY3Rpb24gUm91bmRCdXR0b248QyBleHRlbmRzIFJlYWN0LkVsZW1lbnRUeXBlID0gXCJidXR0b25cIj4oe1xuICBhcmlhQXR0cmlidXRlcyxcbiAgb25DbGljayxcbiAgb25Gb2N1cyxcbiAgb25CbHVyLFxuICB0eXBlLFxuICBkaXNhYmxlZCxcbiAgYXMsXG4gIGljb24sXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICAuLi5yZXN0XG59OiBSb3VuZEJ1dHRvblByb3BzICYgQXNQcm9wPEM+KTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkUm91bmRCdXR0b25cbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiUm91bmRCdXR0b25cIlxuICAgICAgYXM9e2FzfVxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgdHlwZT17YXMgPT09IFwiYVwiID8gdW5kZWZpbmVkIDogdHlwZX1cbiAgICAgIG9uQ2xpY2s9eyhlOiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB7XG4gICAgICAgIGlmIChkaXNhYmxlZCkge1xuICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgfVxuICAgICAgICBpZiAob25DbGljaykge1xuICAgICAgICAgIG9uQ2xpY2soZSk7XG4gICAgICAgIH1cbiAgICAgIH19XG4gICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICB7Li4uYXJpYUF0dHJpYnV0ZXN9XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICA8SW5saW5lIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiIHNwYWNlPVwieHhzXCIgbm9XcmFwPlxuICAgICAgICB7aWNvbiAmJiAoXG4gICAgICAgICAgPEljb25cbiAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgIG5hbWU9e2ljb259XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17aWNvbn1cbiAgICAgICAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2ljb259XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgIDwvSW5saW5lPlxuICAgIDwvU3R5bGVkUm91bmRCdXR0b24+XG4gICk7XG59XG5Sb3VuZEJ1dHRvbi5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG4iXX0= */");
|
|
83
83
|
const defaultProps = {
|
|
84
84
|
type: "button",
|
|
85
85
|
variant: "tertiary",
|
|
@@ -89,6 +89,7 @@ const defaultProps = {
|
|
|
89
89
|
};
|
|
90
90
|
function RoundButton(_ref2) {
|
|
91
91
|
let {
|
|
92
|
+
ariaAttributes,
|
|
92
93
|
onClick,
|
|
93
94
|
onFocus,
|
|
94
95
|
onBlur,
|
|
@@ -115,7 +116,7 @@ function RoundButton(_ref2) {
|
|
|
115
116
|
},
|
|
116
117
|
onFocus: onFocus,
|
|
117
118
|
onBlur: onBlur
|
|
118
|
-
}, rest), /*#__PURE__*/React.createElement(Inline, {
|
|
119
|
+
}, ariaAttributes, rest), /*#__PURE__*/React.createElement(Inline, {
|
|
119
120
|
vAlignItems: "center",
|
|
120
121
|
alignItems: "center",
|
|
121
122
|
space: "xxs",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RoundButton.js","sources":["../../../../../src/components/RoundButton/RoundButton.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { IconName, Icon } from \"../Icon/Icon\";\nimport { Inline } from \"../Inline/Inline\";\nimport { ButtonProps } from \"../Button/Button\";\nimport { AsProp } from \"../../types\";\n\nconst StyledRoundButton = styled.button<Partial<RoundButtonProps>>(\n ({ theme, variant }) => ({\n \"&[type='button']\": {\n appearance: \"none\",\n MozAppearance: \"none\",\n WebkitAppearance: \"none\",\n },\n border: 0,\n display: \"inline-block\",\n textTransform: \"none\",\n textDecoration: \"none\",\n borderRadius: \"100%\",\n fontFamily: theme.variables.fontFamily.lato,\n fontSize: theme.variables.size.font.button.m,\n lineHeight: theme.variables.size.lineHeight.button.m,\n fontWeight: theme.variables.weight.bold,\n padding: theme.variables.size.spacing.xs,\n cursor: \"pointer\",\n \"&[disabled], &:disabled\": {\n opacity: theme.variables.opacity.button.disabled,\n pointerEvents: \"none\",\n },\n ...(variant === \"primary\" && {\n backgroundColor: theme.values.color.background.accent.default,\n color: theme.values.color.text.onAccent.default,\n \":hover\": {\n backgroundColor: theme.values.color.background.accent.hover,\n },\n \":active\": {\n backgroundColor: theme.values.color.background.accent.active,\n },\n \":disabled\": {\n color: theme.values.color.text.onAccent.disabled,\n backgroundColor: theme.values.color.background.accent.disabled,\n },\n }),\n ...(variant === \"secondary\" && {\n border: \"2px solid\",\n color: theme.values.color.text.secondary.default,\n backgroundColor: theme.values.color.background.transparent.default,\n borderColor: theme.values.color.border.secondary.default,\n padding: parseInt(theme.variables.size.spacing.xs, 10) - 2,\n \"&:hover\": {\n borderColor: theme.values.color.border.primary.default,\n },\n \"&:active\": {\n borderColor: theme.values.color.border.primary.active,\n },\n }),\n ...(variant === \"tertiary\" && {\n color: theme.values.color.text.secondary.default,\n backgroundColor: theme.values.color.background.transparent.default,\n \":hover\": {\n color: theme.values.color.text.secondary.default,\n backgroundColor: theme.values.color.background.transparent.hover,\n },\n \":active\": {\n color: theme.values.color.text.primary.default,\n backgroundColor: theme.values.color.background.transparent.active,\n },\n \":disabled\": {\n backgroundColor: theme.values.color.background.transparent.default,\n borderColor: theme.values.color.border.secondary.default,\n },\n }),\n })\n);\n\nexport type RoundButtonProps =
|
|
1
|
+
{"version":3,"file":"RoundButton.js","sources":["../../../../../src/components/RoundButton/RoundButton.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { IconName, Icon } from \"../Icon/Icon\";\nimport { Inline } from \"../Inline/Inline\";\nimport { ButtonProps } from \"../Button/Button\";\nimport { AsProp } from \"../../types\";\n\nconst StyledRoundButton = styled.button<Partial<RoundButtonProps>>(\n ({ theme, variant }) => ({\n \"&[type='button']\": {\n appearance: \"none\",\n MozAppearance: \"none\",\n WebkitAppearance: \"none\",\n },\n border: 0,\n display: \"inline-block\",\n textTransform: \"none\",\n textDecoration: \"none\",\n borderRadius: \"100%\",\n fontFamily: theme.variables.fontFamily.lato,\n fontSize: theme.variables.size.font.button.m,\n lineHeight: theme.variables.size.lineHeight.button.m,\n fontWeight: theme.variables.weight.bold,\n padding: theme.variables.size.spacing.xs,\n cursor: \"pointer\",\n \"&[disabled], &:disabled\": {\n opacity: theme.variables.opacity.button.disabled,\n pointerEvents: \"none\",\n },\n ...(variant === \"primary\" && {\n backgroundColor: theme.values.color.background.accent.default,\n color: theme.values.color.text.onAccent.default,\n \":hover\": {\n backgroundColor: theme.values.color.background.accent.hover,\n },\n \":active\": {\n backgroundColor: theme.values.color.background.accent.active,\n },\n \":disabled\": {\n color: theme.values.color.text.onAccent.disabled,\n backgroundColor: theme.values.color.background.accent.disabled,\n },\n }),\n ...(variant === \"secondary\" && {\n border: \"2px solid\",\n color: theme.values.color.text.secondary.default,\n backgroundColor: theme.values.color.background.transparent.default,\n borderColor: theme.values.color.border.secondary.default,\n padding: parseInt(theme.variables.size.spacing.xs, 10) - 2,\n \"&:hover\": {\n borderColor: theme.values.color.border.primary.default,\n },\n \"&:active\": {\n borderColor: theme.values.color.border.primary.active,\n },\n }),\n ...(variant === \"tertiary\" && {\n color: theme.values.color.text.secondary.default,\n backgroundColor: theme.values.color.background.transparent.default,\n \":hover\": {\n color: theme.values.color.text.secondary.default,\n backgroundColor: theme.values.color.background.transparent.hover,\n },\n \":active\": {\n color: theme.values.color.text.primary.default,\n backgroundColor: theme.values.color.background.transparent.active,\n },\n \":disabled\": {\n backgroundColor: theme.values.color.background.transparent.default,\n borderColor: theme.values.color.border.secondary.default,\n },\n }),\n })\n);\n\nexport type RoundButtonProps = Omit<\n ButtonProps,\n | \"destructive\"\n | \"loading\"\n | \"leftIcon\"\n | \"rightIcon\"\n | \"fullWidth\"\n | \"privateProps\"\n | \"size\"\n> & {\n /** The centered icon to be displayed. */\n icon: IconName;\n};\n\nconst defaultProps: Partial<RoundButtonProps> & AsProp<\"button\"> = {\n type: \"button\",\n variant: \"tertiary\",\n disabled: false,\n as: \"button\",\n \"data-e2e-test-id\": undefined,\n};\n\nexport function RoundButton<C extends React.ElementType = \"button\">({\n ariaAttributes,\n onClick,\n onFocus,\n onBlur,\n type,\n disabled,\n as,\n icon,\n \"data-e2e-test-id\": dataE2eTestId,\n ...rest\n}: RoundButtonProps & AsProp<C>): React.ReactElement {\n return (\n <StyledRoundButton\n data-e2e-test-id={dataE2eTestId}\n data-ds-id=\"RoundButton\"\n as={as}\n disabled={disabled}\n type={as === \"a\" ? undefined : type}\n onClick={(e: React.MouseEvent) => {\n if (disabled) {\n e.preventDefault();\n }\n if (onClick) {\n onClick(e);\n }\n }}\n onFocus={onFocus}\n onBlur={onBlur}\n {...ariaAttributes}\n {...rest}\n >\n <Inline vAlignItems=\"center\" alignItems=\"center\" space=\"xxs\" noWrap>\n {icon && (\n <Icon\n size=\"s\"\n name={icon}\n data-testid={icon}\n data-e2e-test-id={icon}\n />\n )}\n </Inline>\n </StyledRoundButton>\n );\n}\nRoundButton.defaultProps = defaultProps;\n"],"names":["StyledRoundButton","_styled","process","env","NODE_ENV","target","label","_ref","theme","variant","appearance","MozAppearance","WebkitAppearance","border","display","textTransform","textDecoration","borderRadius","fontFamily","variables","lato","fontSize","size","font","button","m","lineHeight","fontWeight","weight","bold","padding","spacing","xs","cursor","opacity","disabled","pointerEvents","backgroundColor","values","color","background","accent","default","text","onAccent","hover","active","secondary","transparent","borderColor","parseInt","primary","defaultProps","type","as","undefined","RoundButton","_ref2","ariaAttributes","onClick","onFocus","onBlur","icon","dataE2eTestId","rest","React","createElement","_extends","e","preventDefault","Inline","vAlignItems","alignItems","space","noWrap","Icon","name"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@amboss/design-system",
|
|
3
|
-
"version": "1.16.
|
|
3
|
+
"version": "1.16.2",
|
|
4
4
|
"description": "the design system for AMBOSS products",
|
|
5
5
|
"author": "Bagrat Gobedashvili",
|
|
6
6
|
"license": "ISC",
|
|
@@ -11,7 +11,8 @@
|
|
|
11
11
|
".": {
|
|
12
12
|
"import": "./build/esm/src/index.js",
|
|
13
13
|
"require": "./build/cjs/src/index.js"
|
|
14
|
-
}
|
|
14
|
+
},
|
|
15
|
+
"./scss/": "./build/scss/themes/"
|
|
15
16
|
},
|
|
16
17
|
"sideEffects": false,
|
|
17
18
|
"bugs": {
|
|
@@ -1,111 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
// Do not edit directly
|
|
3
|
-
// Generated on Wed, 27 Sep 2023 10:11:30 GMT
|
|
4
|
-
|
|
5
|
-
$dark-color-canvas: #1e2125;
|
|
6
|
-
$dark-color-background-primary-default: #24282d;
|
|
7
|
-
$dark-color-background-secondary-default: #282c34;
|
|
8
|
-
$dark-color-background-secondary-hover: #393e47;
|
|
9
|
-
$dark-color-background-secondary-active: #393e47;
|
|
10
|
-
$dark-color-background-accent-default: #28816b;
|
|
11
|
-
$dark-color-background-accent-hover: #41a48a;
|
|
12
|
-
$dark-color-background-accent-active: #233d3d;
|
|
13
|
-
$dark-color-background-accent-disabled: rgba(40, 129, 107, 0.3);
|
|
14
|
-
$dark-color-background-onAccent-default: #ffffff;
|
|
15
|
-
$dark-color-background-onAccent-hover: #ffffff;
|
|
16
|
-
$dark-color-background-onAccent-active: #ffffff;
|
|
17
|
-
$dark-color-background-onAccent-disabled: rgba(255, 255, 255, 0.6);
|
|
18
|
-
$dark-color-background-error-default: #a45355;
|
|
19
|
-
$dark-color-background-error-hover: #d07c7c;
|
|
20
|
-
$dark-color-background-error-active: #4d3237;
|
|
21
|
-
$dark-color-background-error-disabled: rgba(164, 83, 85, 0.3);
|
|
22
|
-
$dark-color-background-success-default: #28816b;
|
|
23
|
-
$dark-color-background-info-default: #2f538a;
|
|
24
|
-
$dark-color-background-warning-default: #a4792d;
|
|
25
|
-
$dark-color-background-accentSubtle-default: #233d3d;
|
|
26
|
-
$dark-color-background-errorSubtle-default: #312b31;
|
|
27
|
-
$dark-color-background-successSubtle-default: #262e33;
|
|
28
|
-
$dark-color-background-infoSubtle-default: #282e39;
|
|
29
|
-
$dark-color-background-warningSubtle-default: #32302f;
|
|
30
|
-
$dark-color-background-highlight-default: #40454f;
|
|
31
|
-
$dark-color-background-highlight-hover: #393e47;
|
|
32
|
-
$dark-color-background-contrast-default: #ced1d6;
|
|
33
|
-
$dark-color-background-transparent-default: rgba(255, 255, 255, 0);
|
|
34
|
-
$dark-color-background-transparent-hover: rgba(147, 151, 159, 0.08);
|
|
35
|
-
$dark-color-background-transparent-active: rgba(147, 151, 159, 0.08);
|
|
36
|
-
$dark-color-background-backdrop-default: rgba(0, 0, 0, 0.6);
|
|
37
|
-
$dark-color-text-primary-default: #ced1d6;
|
|
38
|
-
$dark-color-text-primary-hover: #ffffff;
|
|
39
|
-
$dark-color-text-secondary-default: #b9bcc3;
|
|
40
|
-
$dark-color-text-secondary-hover: #ced1d6;
|
|
41
|
-
$dark-color-text-tertiary-default: #93979f;
|
|
42
|
-
$dark-color-text-tertiary-disabled: rgba(216, 218, 222, 0.3);
|
|
43
|
-
$dark-color-text-tertiary-hover: #b9bcc3;
|
|
44
|
-
$dark-color-text-quaternary-default: #757a84;
|
|
45
|
-
$dark-color-text-accent-default: #41a48a;
|
|
46
|
-
$dark-color-text-accent-hover: #a6f2dd;
|
|
47
|
-
$dark-color-text-onAccent-default: #ffffff;
|
|
48
|
-
$dark-color-text-onAccent-disabled: rgba(216, 218, 222, 0.3);
|
|
49
|
-
$dark-color-text-info-default: #99c1fa;
|
|
50
|
-
$dark-color-text-error-default: #f49a9a;
|
|
51
|
-
$dark-color-text-error-disabled: rgba(244, 154, 154, 0.3);
|
|
52
|
-
$dark-color-text-warning-default: #fae0b3;
|
|
53
|
-
$dark-color-text-success-default: #a6f2dd;
|
|
54
|
-
$dark-color-icon-primary: #d8dade;
|
|
55
|
-
$dark-color-icon-secondary: #ced1d6;
|
|
56
|
-
$dark-color-icon-tertiary: #93979f;
|
|
57
|
-
$dark-color-icon-quaternary: #757a84;
|
|
58
|
-
$dark-color-icon-accent: #41a48a;
|
|
59
|
-
$dark-color-icon-onAccent: #ffffff;
|
|
60
|
-
$dark-color-icon-info: #6e95cf;
|
|
61
|
-
$dark-color-icon-error: #d07c7c;
|
|
62
|
-
$dark-color-icon-warning: #cbac76;
|
|
63
|
-
$dark-color-icon-success: #41a48a;
|
|
64
|
-
$dark-color-icon-brand: #62b2bc;
|
|
65
|
-
$dark-color-border-primary-default: #5b5f67;
|
|
66
|
-
$dark-color-border-primary-hover: #757a84;
|
|
67
|
-
$dark-color-border-primary-active: #93979f;
|
|
68
|
-
$dark-color-border-primary-disabled: rgba(147, 151, 159, 0.08);
|
|
69
|
-
$dark-color-border-secondary-default: rgba(147, 149, 159, 0.3);
|
|
70
|
-
$dark-color-border-accent-default: #41a48a;
|
|
71
|
-
$dark-color-border-error-default: #d07c7c;
|
|
72
|
-
$dark-color-border-accentSubtle-default: #28816b;
|
|
73
|
-
$dark-color-divider-primary: #40454f;
|
|
74
|
-
$dark-color-divider-secondary: rgba(147, 151, 159, 0.08);
|
|
75
|
-
$dark-color-toggle-background-highlight: #b2ab39;
|
|
76
|
-
$dark-color-toggle-border-highlight: #b2ab39;
|
|
77
|
-
$dark-color-badge-background-default: transparent;
|
|
78
|
-
$dark-color-badge-background-green: transparent;
|
|
79
|
-
$dark-color-badge-background-blue: transparent;
|
|
80
|
-
$dark-color-badge-background-yellow: transparent;
|
|
81
|
-
$dark-color-badge-background-brand: transparent;
|
|
82
|
-
$dark-color-badge-background-purple: transparent;
|
|
83
|
-
$dark-color-badge-background-red: transparent;
|
|
84
|
-
$dark-color-badge-background-gray: transparent;
|
|
85
|
-
$dark-color-badge-text-default: #ced1d6;
|
|
86
|
-
$dark-color-badge-text-green: #41a48a;
|
|
87
|
-
$dark-color-badge-text-blue: #6e95cf;
|
|
88
|
-
$dark-color-badge-text-yellow: #cbac76;
|
|
89
|
-
$dark-color-badge-text-brand: #62b2bc;
|
|
90
|
-
$dark-color-badge-text-purple: #ad97f7;
|
|
91
|
-
$dark-color-badge-text-red: #d07c7c;
|
|
92
|
-
$dark-color-badge-text-gray: #93979f;
|
|
93
|
-
$dark-color-badge-border-default: #393e47;
|
|
94
|
-
$dark-color-badge-border-green: #393e47;
|
|
95
|
-
$dark-color-badge-border-blue: #393e47;
|
|
96
|
-
$dark-color-badge-border-yellow: #393e47;
|
|
97
|
-
$dark-color-badge-border-brand: #393e47;
|
|
98
|
-
$dark-color-badge-border-purple: #393e47;
|
|
99
|
-
$dark-color-badge-border-red: #393e47;
|
|
100
|
-
$dark-color-badge-border-gray: #393e47;
|
|
101
|
-
$dark-color-segmented-progress-bar-monochrome: #ced1d6;
|
|
102
|
-
$dark-color-segmented-progress-bar-success: #28816b;
|
|
103
|
-
$dark-color-segmented-progress-bar-warning: #a4792d;
|
|
104
|
-
$dark-color-segmented-progress-bar-alert: #a45355;
|
|
105
|
-
$dark-color-segmented-progress-bar-in-progress: #5b5f67;
|
|
106
|
-
$dark-color-tag-background-gray: #5b5f67;
|
|
107
|
-
$dark-color-tag-background-blue: #2f538a;
|
|
108
|
-
$dark-color-tag-text-gray: #ced1d6;
|
|
109
|
-
$dark-color-tag-text-blue: #e7effe;
|
|
110
|
-
$dark-color-destructive-tertiary-button-background-hover: rgba(164, 83, 85, 0.08);
|
|
111
|
-
$dark-color-destructive-tertiary-button-background-active: rgba(164, 83, 85, 0.08);
|
|
@@ -1,111 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
// Do not edit directly
|
|
3
|
-
// Generated on Wed, 27 Sep 2023 10:11:30 GMT
|
|
4
|
-
|
|
5
|
-
$light-color-canvas: #eef2f5;
|
|
6
|
-
$light-color-background-primary-default: #ffffff;
|
|
7
|
-
$light-color-background-secondary-default: #f5f7f9;
|
|
8
|
-
$light-color-background-secondary-hover: #eef2f5;
|
|
9
|
-
$light-color-background-secondary-active: #ffffff;
|
|
10
|
-
$light-color-background-accent-default: #0fa980;
|
|
11
|
-
$light-color-background-accent-hover: #0b8363;
|
|
12
|
-
$light-color-background-accent-active: #0a5c45;
|
|
13
|
-
$light-color-background-accent-disabled: rgba(15, 169, 128, 0.3);
|
|
14
|
-
$light-color-background-onAccent-default: #ffffff;
|
|
15
|
-
$light-color-background-onAccent-hover: #ffffff;
|
|
16
|
-
$light-color-background-onAccent-active: #ffffff;
|
|
17
|
-
$light-color-background-onAccent-disabled: rgba(255, 255, 255, 0.6);
|
|
18
|
-
$light-color-background-error-default: #dc4847;
|
|
19
|
-
$light-color-background-error-hover: #c02725;
|
|
20
|
-
$light-color-background-error-active: #c02725;
|
|
21
|
-
$light-color-background-error-disabled: rgba(238, 97, 96, 0.3);
|
|
22
|
-
$light-color-background-success-default: #0b8363;
|
|
23
|
-
$light-color-background-info-default: #295dae;
|
|
24
|
-
$light-color-background-warning-default: #df9411;
|
|
25
|
-
$light-color-background-accentSubtle-default: #e8f8f4;
|
|
26
|
-
$light-color-background-errorSubtle-default: #fde8e8;
|
|
27
|
-
$light-color-background-successSubtle-default: #e8f8f4;
|
|
28
|
-
$light-color-background-infoSubtle-default: #e7effe;
|
|
29
|
-
$light-color-background-warningSubtle-default: #fef3e1;
|
|
30
|
-
$light-color-background-highlight-default: #607585;
|
|
31
|
-
$light-color-background-highlight-hover: #40515e;
|
|
32
|
-
$light-color-background-contrast-default: #314554;
|
|
33
|
-
$light-color-background-transparent-default: rgba(255, 255, 255, 0);
|
|
34
|
-
$light-color-background-transparent-hover: rgba(96, 117, 133, 0.08);
|
|
35
|
-
$light-color-background-transparent-active: rgba(96, 117, 133, 0.08);
|
|
36
|
-
$light-color-background-backdrop-default: rgba(0, 0, 0, 0.6);
|
|
37
|
-
$light-color-text-primary-default: #1a1c1c;
|
|
38
|
-
$light-color-text-primary-hover: #1a1c1c;
|
|
39
|
-
$light-color-text-secondary-default: #40515e;
|
|
40
|
-
$light-color-text-secondary-hover: #40515e;
|
|
41
|
-
$light-color-text-tertiary-default: #607585;
|
|
42
|
-
$light-color-text-tertiary-disabled: rgba(64, 81, 94, 0.3);
|
|
43
|
-
$light-color-text-tertiary-hover: #40515e;
|
|
44
|
-
$light-color-text-quaternary-default: #a3b2bd;
|
|
45
|
-
$light-color-text-accent-default: #0b8363;
|
|
46
|
-
$light-color-text-accent-hover: #0a5c45;
|
|
47
|
-
$light-color-text-onAccent-default: #ffffff;
|
|
48
|
-
$light-color-text-onAccent-disabled: rgba(255, 255, 255, 0.6);
|
|
49
|
-
$light-color-text-info-default: #1c427d;
|
|
50
|
-
$light-color-text-error-default: #c02725;
|
|
51
|
-
$light-color-text-error-disabled: rgba(192, 39, 37, 0.3);
|
|
52
|
-
$light-color-text-warning-default: #314554;
|
|
53
|
-
$light-color-text-success-default: #0a5c45;
|
|
54
|
-
$light-color-icon-primary: #1a1c1c;
|
|
55
|
-
$light-color-icon-secondary: #40515e;
|
|
56
|
-
$light-color-icon-tertiary: #607585;
|
|
57
|
-
$light-color-icon-quaternary: #a3b2bd;
|
|
58
|
-
$light-color-icon-accent: #0b8363;
|
|
59
|
-
$light-color-icon-onAccent: #ffffff;
|
|
60
|
-
$light-color-icon-info: #295dae;
|
|
61
|
-
$light-color-icon-error: #dc4847;
|
|
62
|
-
$light-color-icon-warning: #df9411;
|
|
63
|
-
$light-color-icon-success: #0b8363;
|
|
64
|
-
$light-color-icon-brand: #0aa6b8;
|
|
65
|
-
$light-color-border-primary-default: #a3b2bd;
|
|
66
|
-
$light-color-border-primary-hover: #607585;
|
|
67
|
-
$light-color-border-primary-active: #40515e;
|
|
68
|
-
$light-color-border-primary-disabled: rgba(163, 178, 189, 0.3);
|
|
69
|
-
$light-color-border-secondary-default: rgba(163, 178, 189, 0.3);
|
|
70
|
-
$light-color-border-accent-default: #0b8363;
|
|
71
|
-
$light-color-border-error-default: #dc4847;
|
|
72
|
-
$light-color-border-accentSubtle-default: #8adcc6;
|
|
73
|
-
$light-color-divider-primary: #e0e6eb;
|
|
74
|
-
$light-color-divider-secondary: rgba(163, 178, 189, 0.3);
|
|
75
|
-
$light-color-toggle-background-highlight: #f3eb75;
|
|
76
|
-
$light-color-toggle-border-highlight: #f3eb75;
|
|
77
|
-
$light-color-badge-background-default: #ffffff;
|
|
78
|
-
$light-color-badge-background-green: #e8f8f4;
|
|
79
|
-
$light-color-badge-background-blue: #e7effe;
|
|
80
|
-
$light-color-badge-background-yellow: #fef3e1;
|
|
81
|
-
$light-color-badge-background-brand: #e7f6f8;
|
|
82
|
-
$light-color-badge-background-purple: #f2effb;
|
|
83
|
-
$light-color-badge-background-red: #fde8e8;
|
|
84
|
-
$light-color-badge-background-gray: #eef2f5;
|
|
85
|
-
$light-color-badge-text-default: #1a1c1c;
|
|
86
|
-
$light-color-badge-text-green: #0b8363;
|
|
87
|
-
$light-color-badge-text-blue: #295dae;
|
|
88
|
-
$light-color-badge-text-yellow: #9a6304;
|
|
89
|
-
$light-color-badge-text-brand: #067c89;
|
|
90
|
-
$light-color-badge-text-purple: #5d44ab;
|
|
91
|
-
$light-color-badge-text-red: #c02725;
|
|
92
|
-
$light-color-badge-text-gray: #607585;
|
|
93
|
-
$light-color-badge-border-default: #e0e6eb;
|
|
94
|
-
$light-color-badge-border-green: #e8f8f4;
|
|
95
|
-
$light-color-badge-border-blue: #e7effe;
|
|
96
|
-
$light-color-badge-border-yellow: #fef3e1;
|
|
97
|
-
$light-color-badge-border-brand: #e7f6f8;
|
|
98
|
-
$light-color-badge-border-purple: #f2effb;
|
|
99
|
-
$light-color-badge-border-red: #fde8e8;
|
|
100
|
-
$light-color-badge-border-gray: #eef2f5;
|
|
101
|
-
$light-color-segmented-progress-bar-monochrome: #607585;
|
|
102
|
-
$light-color-segmented-progress-bar-success: #39d6ac;
|
|
103
|
-
$light-color-segmented-progress-bar-warning: #f1d56b;
|
|
104
|
-
$light-color-segmented-progress-bar-alert: #f07575;
|
|
105
|
-
$light-color-segmented-progress-bar-in-progress: #e0e6eb;
|
|
106
|
-
$light-color-tag-background-gray: #e0e6eb;
|
|
107
|
-
$light-color-tag-background-blue: #d2e2f9;
|
|
108
|
-
$light-color-tag-text-gray: #40515e;
|
|
109
|
-
$light-color-tag-text-blue: #1c427d;
|
|
110
|
-
$light-color-destructive-tertiary-button-background-hover: rgba(238, 97, 96, 0.08);
|
|
111
|
-
$light-color-destructive-tertiary-button-background-active: rgba(238, 97, 96, 0.08);
|