@amboss/design-system 1.21.3 → 1.22.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -0
- package/build/cjs/build-tokens/visualConfig.js +55 -116
- package/build/cjs/src/components/Badge/Badge.js +4 -4
- package/build/cjs/src/components/Button/Button.js +10 -10
- package/build/cjs/src/components/Callout/Callout.js +3 -3
- package/build/cjs/src/components/Card/Card.js +1 -4
- package/build/cjs/src/components/Card/CardHeader/CardHeader.js +2 -8
- package/build/cjs/src/components/Collapsible/Collapsible.js +19 -16
- package/build/cjs/src/components/DataTable/TableHeader.js +7 -7
- package/build/cjs/src/components/DropdownMenu/DropdownMenu.js +5 -6
- package/build/cjs/src/components/DropdownMenu/MenuItem.js +3 -3
- package/build/cjs/src/components/Form/Checkbox/Checkbox.js +4 -4
- package/build/cjs/src/components/Form/Input/Input.js +5 -5
- package/build/cjs/src/components/Form/PasswordInput/PasswordInput.js +6 -8
- package/build/cjs/src/components/Form/Radio/Radio.js +4 -4
- package/build/cjs/src/components/Form/RadioButton/RadioButton.js +5 -5
- package/build/cjs/src/components/Form/SegmentedControl/SegmentedControlOption.js +15 -15
- package/build/cjs/src/components/Form/Select/Select.js +7 -7
- package/build/cjs/src/components/Form/Textarea/Textarea.js +4 -4
- package/build/cjs/src/components/Form/Toggle/Toggle.js +8 -5
- package/build/cjs/src/components/Form/ToggleButton/ToggleButton.js +6 -6
- package/build/cjs/src/components/Image/Image.js +96 -0
- package/build/cjs/src/components/Link/Link.js +6 -2
- package/build/cjs/src/components/Patterns/Modal/Modal.js +10 -8
- package/build/cjs/src/components/PictogramButton/PictogramButton.js +5 -5
- package/build/cjs/src/components/RoundButton/RoundButton.js +14 -19
- package/build/cjs/src/components/SegmentedProgressBar/SegmentedProgressBar.js +3 -3
- package/build/cjs/src/components/Sheet/Sheet.js +40 -22
- package/build/cjs/src/components/Tabs/Tabs.js +3 -3
- package/build/cjs/src/components/Tag/Tag.js +4 -4
- package/build/cjs/src/components/Toggletip/BasePopover.js +6 -8
- package/build/cjs/src/components/Typography/Header/Header.js +13 -13
- package/build/cjs/src/components/Typography/StyledText/StyledText.js +5 -4
- package/build/cjs/src/components/Typography/Text/Text.js +6 -2
- package/build/cjs/src/components/Typography/TextClamped/TextClamped.js +4 -8
- package/build/cjs/src/index.js +2 -0
- package/build/esm/build-tokens/_colors.json +16 -8
- package/build/esm/build-tokens/_sizes.json +236 -496
- package/build/esm/build-tokens/visualConfig.d.ts +45 -109
- package/build/esm/build-tokens/visualConfig.js +55 -116
- package/build/esm/build-tokens/visualConfig.js.map +1 -1
- package/build/esm/src/components/Badge/Badge.js +4 -4
- package/build/esm/src/components/Badge/Badge.js.map +1 -1
- package/build/esm/src/components/Button/Button.js +11 -11
- package/build/esm/src/components/Button/Button.js.map +1 -1
- package/build/esm/src/components/Callout/Callout.js +3 -3
- package/build/esm/src/components/Callout/Callout.js.map +1 -1
- package/build/esm/src/components/Card/Card.d.ts +1 -3
- package/build/esm/src/components/Card/Card.js +1 -4
- package/build/esm/src/components/Card/Card.js.map +1 -1
- package/build/esm/src/components/Card/CardHeader/CardHeader.d.ts +1 -3
- package/build/esm/src/components/Card/CardHeader/CardHeader.js +2 -8
- package/build/esm/src/components/Card/CardHeader/CardHeader.js.map +1 -1
- package/build/esm/src/components/Collapsible/Collapsible.js +19 -16
- package/build/esm/src/components/Collapsible/Collapsible.js.map +1 -1
- package/build/esm/src/components/DataTable/TableHeader.js +7 -7
- package/build/esm/src/components/DataTable/TableHeader.js.map +1 -1
- package/build/esm/src/components/DropdownMenu/DropdownMenu.js +5 -6
- package/build/esm/src/components/DropdownMenu/DropdownMenu.js.map +1 -1
- package/build/esm/src/components/DropdownMenu/MenuItem.d.ts +0 -1
- package/build/esm/src/components/DropdownMenu/MenuItem.js +3 -3
- package/build/esm/src/components/DropdownMenu/MenuItem.js.map +1 -1
- package/build/esm/src/components/Form/Checkbox/Checkbox.js +4 -4
- package/build/esm/src/components/Form/Checkbox/Checkbox.js.map +1 -1
- package/build/esm/src/components/Form/Input/Input.js +5 -5
- package/build/esm/src/components/Form/Input/Input.js.map +1 -1
- package/build/esm/src/components/Form/PasswordInput/PasswordInput.d.ts +0 -3
- package/build/esm/src/components/Form/PasswordInput/PasswordInput.js +6 -8
- package/build/esm/src/components/Form/PasswordInput/PasswordInput.js.map +1 -1
- package/build/esm/src/components/Form/Radio/Radio.js +4 -4
- package/build/esm/src/components/Form/Radio/Radio.js.map +1 -1
- package/build/esm/src/components/Form/RadioButton/RadioButton.js +5 -5
- package/build/esm/src/components/Form/RadioButton/RadioButton.js.map +1 -1
- package/build/esm/src/components/Form/SegmentedControl/SegmentedControlOption.js +15 -15
- package/build/esm/src/components/Form/SegmentedControl/SegmentedControlOption.js.map +1 -1
- package/build/esm/src/components/Form/Select/Select.js +7 -7
- package/build/esm/src/components/Form/Select/Select.js.map +1 -1
- package/build/esm/src/components/Form/Textarea/Textarea.js +4 -4
- package/build/esm/src/components/Form/Textarea/Textarea.js.map +1 -1
- package/build/esm/src/components/Form/Toggle/Toggle.js +8 -5
- package/build/esm/src/components/Form/Toggle/Toggle.js.map +1 -1
- package/build/esm/src/components/Form/ToggleButton/ToggleButton.js +6 -6
- package/build/esm/src/components/Form/ToggleButton/ToggleButton.js.map +1 -1
- package/build/esm/src/components/Image/Image.d.ts +35 -0
- package/build/esm/src/components/Image/Image.js +89 -0
- package/build/esm/src/components/Image/Image.js.map +1 -0
- package/build/esm/src/components/Link/Link.js +6 -2
- package/build/esm/src/components/Link/Link.js.map +1 -1
- package/build/esm/src/components/Patterns/Modal/Modal.js +10 -8
- package/build/esm/src/components/Patterns/Modal/Modal.js.map +1 -1
- package/build/esm/src/components/PictogramButton/PictogramButton.js +6 -6
- package/build/esm/src/components/PictogramButton/PictogramButton.js.map +1 -1
- package/build/esm/src/components/RoundButton/RoundButton.d.ts +1 -4
- package/build/esm/src/components/RoundButton/RoundButton.js +15 -20
- package/build/esm/src/components/RoundButton/RoundButton.js.map +1 -1
- package/build/esm/src/components/SegmentedProgressBar/SegmentedProgressBar.js +3 -3
- package/build/esm/src/components/SegmentedProgressBar/SegmentedProgressBar.js.map +1 -1
- package/build/esm/src/components/Sheet/Sheet.d.ts +2 -1
- package/build/esm/src/components/Sheet/Sheet.js +40 -22
- package/build/esm/src/components/Sheet/Sheet.js.map +1 -1
- package/build/esm/src/components/Tabs/Tabs.js +3 -3
- package/build/esm/src/components/Tabs/Tabs.js.map +1 -1
- package/build/esm/src/components/Tag/Tag.js +4 -4
- package/build/esm/src/components/Tag/Tag.js.map +1 -1
- package/build/esm/src/components/Toggletip/BasePopover.js +6 -8
- package/build/esm/src/components/Toggletip/BasePopover.js.map +1 -1
- package/build/esm/src/components/Typography/Header/Header.js +13 -13
- package/build/esm/src/components/Typography/Header/Header.js.map +1 -1
- package/build/esm/src/components/Typography/StyledText/StyledText.js +5 -4
- package/build/esm/src/components/Typography/StyledText/StyledText.js.map +1 -1
- package/build/esm/src/components/Typography/Text/Text.js +6 -2
- package/build/esm/src/components/Typography/Text/Text.js.map +1 -1
- package/build/esm/src/components/Typography/TextClamped/TextClamped.js +4 -8
- package/build/esm/src/components/Typography/TextClamped/TextClamped.js.map +1 -1
- package/build/esm/src/index.d.ts +1 -0
- package/build/esm/src/index.js +1 -0
- package/build/esm/src/index.js.map +1 -1
- package/build/scss/_theming.scss +4 -2
- package/build/scss/_variables.scss +2 -1
- package/package.json +13 -12
|
@@ -36,7 +36,7 @@ const StyledContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "pr
|
|
|
36
36
|
display: "none" // Chrome
|
|
37
37
|
}
|
|
38
38
|
};
|
|
39
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVl3QiIsImZpbGUiOiJUYWJzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCB7IG1xIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9tZWRpYVF1ZXJpZXNcIjtcbmltcG9ydCB7IE1RLCBTcGFjZVNpemVzIH0gZnJvbSBcIi4uLy4uL3R5cGVzXCI7XG5pbXBvcnQgeyBJY29uLCBJY29uTmFtZSB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSBcIi4uL1N0YWNrL1N0YWNrXCI7XG5cbmNvbnN0IEJPUkRFUl9CT1RUT01fV0lEVEggPSA0O1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PHtcbiAgaG9yaXpvbnRhbFBhZGRpbmc6IFNwYWNlU2l6ZXMgfCBNUTxTcGFjZVNpemVzPjtcbn0+KCh7IHRoZW1lLCBob3Jpem9udGFsUGFkZGluZyB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgLi4ubXEoe1xuICAgIGdhcDogW1tcIm1cIiwgXCJsXCIsIFwibFwiXSwgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZ10sXG4gICAgcGFkZGluZ0lubGluZTogW2hvcml6b250YWxQYWRkaW5nLCB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nXSxcbiAgfSksXG5cbiAgcGFkZGluZ1RvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICBib3JkZXJCb3R0b206IGAxcHggc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlY29uZGFyeS5kZWZhdWx0fWAsXG5cbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcblxuICAvLyBTY3JvbGxiYXJcbiAgb3ZlcmZsb3c6IFwiYXV0b1wiLFxuICBzY3JvbGxiYXJXaWR0aDogXCJub25lXCIsIC8vIEZpcmVmb3hcbiAgbXNPdmVyZmxvd1N0eWxlOiBcIm5vbmVcIiwgLy8gSUUgMTArXG4gIFwiOjotd2Via2l0LXNjcm9sbGJhclwiOiB7XG4gICAgZGlzcGxheTogXCJub25lXCIsIC8vIENocm9tZVxuICB9LFxufSkpO1xuXG5jb25zdCBTdHlsZWRUYWIgPSBzdHlsZWQuYnV0dG9uPHsgYWN0aXZlOiBib29sZWFuIH0+
|
|
39
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVl3QiIsImZpbGUiOiJUYWJzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCB7IG1xIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9tZWRpYVF1ZXJpZXNcIjtcbmltcG9ydCB7IE1RLCBTcGFjZVNpemVzIH0gZnJvbSBcIi4uLy4uL3R5cGVzXCI7XG5pbXBvcnQgeyBJY29uLCBJY29uTmFtZSB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSBcIi4uL1N0YWNrL1N0YWNrXCI7XG5cbmNvbnN0IEJPUkRFUl9CT1RUT01fV0lEVEggPSA0O1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PHtcbiAgaG9yaXpvbnRhbFBhZGRpbmc6IFNwYWNlU2l6ZXMgfCBNUTxTcGFjZVNpemVzPjtcbn0+KCh7IHRoZW1lLCBob3Jpem9udGFsUGFkZGluZyB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgLi4ubXEoe1xuICAgIGdhcDogW1tcIm1cIiwgXCJsXCIsIFwibFwiXSwgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZ10sXG4gICAgcGFkZGluZ0lubGluZTogW2hvcml6b250YWxQYWRkaW5nLCB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nXSxcbiAgfSksXG5cbiAgcGFkZGluZ1RvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICBib3JkZXJCb3R0b206IGAxcHggc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlY29uZGFyeS5kZWZhdWx0fWAsXG5cbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcblxuICAvLyBTY3JvbGxiYXJcbiAgb3ZlcmZsb3c6IFwiYXV0b1wiLFxuICBzY3JvbGxiYXJXaWR0aDogXCJub25lXCIsIC8vIEZpcmVmb3hcbiAgbXNPdmVyZmxvd1N0eWxlOiBcIm5vbmVcIiwgLy8gSUUgMTArXG4gIFwiOjotd2Via2l0LXNjcm9sbGJhclwiOiB7XG4gICAgZGlzcGxheTogXCJub25lXCIsIC8vIENocm9tZVxuICB9LFxufSkpO1xuXG5jb25zdCBTdHlsZWRUYWIgPSBzdHlsZWQuYnV0dG9uPHsgYWN0aXZlOiBib29sZWFuIH0+KCh7IHRoZW1lLCBhY3RpdmUgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGdhcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHMsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG5cbiAgYmFja2dyb3VuZDogMCxcbiAgYm9yZGVyOiAwLFxuICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuc2Vjb25kYXJ5LmRlZmF1bHQsXG4gIHBhZGRpbmc6IDAsXG4gIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQuYm9sZCxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQucyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5sLFxuICB0cmFuc2l0aW9uOiBcImJhY2tncm91bmQtY29sb3IgMC4xNXNcIixcbiAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuXG4gIC8vIFJlcXVpcmVkIHRvIG1haW50YWluIGNvbnNpc3RlbnQgaGVpZ2h0IGZvciB0aGUgc2VsZWN0ZWQgdGFiXG4gIGJvcmRlckJvdHRvbTogYCR7Qk9SREVSX0JPVFRPTV9XSURUSH1weCBzb2xpZCB0cmFuc3BhcmVudGAsXG4gIHBhZGRpbmdCb3R0b206IGBjYWxjKCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfSAtICR7Qk9SREVSX0JPVFRPTV9XSURUSH1weClgLFxuXG4gIC4uLihhY3RpdmUgJiYge1xuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5hY2NlbnQuZGVmYXVsdCxcbiAgICBib3JkZXJCb3R0b206IGAke0JPUkRFUl9CT1RUT01fV0lEVEh9cHggc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnQuZGVmYXVsdH1gLFxuICB9KSxcbiAgLi4uKCFhY3RpdmUgJiYge1xuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICBib3JkZXJCb3R0b206IGAke0JPUkRFUl9CT1RUT01fV0lEVEh9cHggc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5ob3Zlcn1gLFxuICAgIH0sXG4gICAgXCImOmFjdGl2ZVwiOiB7XG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucHJpbWFyeS5kZWZhdWx0LFxuICAgICAgYm9yZGVyQm90dG9tOiBgJHtCT1JERVJfQk9UVE9NX1dJRFRIfXB4ICBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LnNlbGVjdGVkfWAsXG4gICAgfSxcbiAgfSksXG59KSk7XG5cbmNvbnN0IGFkZFN1YnRpdGxlID0gKHRleHQ6IHN0cmluZykgPT4gKHRleHQgPyBgKCR7dGV4dH0pYCA6IGBgKTtcblxuLyoqXG4gKiBAcGFyYW0gbGFiZWwgLSBUaGUgdGV4dCB0byBkaXNwbGF5IGluIHRoZSB0YWJcbiAqIEBwYXJhbSBzdWJsYWJlbCAtIEEgc3VidGV4dCwgZW5jYXNlZCBpbiBwYXJlbnRoZXNlc1xuICogQHBhcmFtIGljb24gLSBBbiBpY29uIHRvIGRpc3BsYXkgdG8gdGhlIGxlZnQgb2YgdGhlIGxhYmVsXG4gKiBAcGFyYW0gYXMgLSBUaGUgZWxlbWVudCB0byByZW5kZXIgdGhlIHRhYiBhcywgZGVmYXVsdHMgdG8gYGJ1dHRvbmBcbiAqL1xudHlwZSBUYWIgPSB7XG4gIGlkPzogc3RyaW5nO1xuICBsYWJlbDogc3RyaW5nO1xuICBzdWJsYWJlbD86IHN0cmluZztcbiAgaWNvbj86IEljb25OYW1lO1xuICBhcz86IFwiYVwiIHwgXCJidXR0b25cIiB8IFJlYWN0LkVsZW1lbnRUeXBlO1xufSAmIFBhcnRpYWw8UmVhY3QuQ29tcG9uZW50UHJvcHM8XCJidXR0b25cIj4+ICZcbiAgUGFydGlhbDxSZWFjdC5Db21wb25lbnRQcm9wczxcImFcIj4+O1xuXG5leHBvcnQgdHlwZSBUYWJzUHJvcHMgPSB7XG4gIC8qKiBBbiBhcnJheSBvZiB0YWJzLCBjb250YWlucyBgaGVhZGVyYCwgYHN1YnRpdGxlYCwgYGljb25MZWZ0YCwgYGFzYCAoZGVmaW5pbmcgdGhlIHRhYiBhcyBhIGJ1dHRvbiBvciBhIGxpbmspICovXG4gIHRhYnM6IFRhYltdO1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0RWxlbWVudDtcbiAgLyoqIFRoZSBpbmRleCBvZiB0aGUgYWN0aXZlIHRhYiAqL1xuICBhY3RpdmVUYWI/OiBudW1iZXI7XG4gIG9uVGFiU2VsZWN0PzogKHNlbGVjdGVkVGFiOiBudW1iZXIpID0+IHZvaWQ7XG4gIHRhYlBhbmVsSWQ/OiBzdHJpbmc7XG4gIC8qKiBIb3Jpem9udGFsIHBhZGRpbmcgc3BhY2UgZm9yIHRoZSB0YWIgY29udGFpbmVyLCBzdWl0ZWQgZm9yIHRhYnMgd2l0aGluIGEgQ2FyZCBlbGVtZW50ICovXG4gIGhvcml6b250YWxQYWRkaW5nPzogU3BhY2VTaXplcyB8IE1RPFNwYWNlU2l6ZXM+OyAvLyAnbScgfCBbJ20nLCAnbCcsICdsJ11cbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgZnVuY3Rpb24gVGFicyh7XG4gIHRhYnMsXG4gIGhvcml6b250YWxQYWRkaW5nLFxuICBhY3RpdmVUYWIgPSAwLFxuICBjaGlsZHJlbixcbiAgb25UYWJTZWxlY3QsXG4gIHRhYlBhbmVsSWQgPSBcInRhYlBhbmVsXCIsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxufTogVGFic1Byb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8U3RhY2sgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH0gZGF0YS1kcy1pZD1cIlRhYnNcIj5cbiAgICAgIDxTdHlsZWRDb250YWluZXIgaG9yaXpvbnRhbFBhZGRpbmc9e2hvcml6b250YWxQYWRkaW5nfSByb2xlPVwidGFibGlzdFwiPlxuICAgICAgICB7dGFicy5tYXAoXG4gICAgICAgICAgKHsgaWQ6IHRhYklkLCBsYWJlbCwgc3VibGFiZWwsIGljb24sIGFzID0gXCJidXR0b25cIiwgLi4ucmVzdCB9LCBpKSA9PiAoXG4gICAgICAgICAgICA8U3R5bGVkVGFiXG4gICAgICAgICAgICAgIGlkPXt0YWJJZCB8fCBgdGFiLSR7aX1gfVxuICAgICAgICAgICAgICB0eXBlPXthcyAhPT0gXCJidXR0b25cIiA/IHVuZGVmaW5lZCA6IFwiYnV0dG9uXCJ9XG4gICAgICAgICAgICAgIHJvbGU9XCJ0YWJcIlxuICAgICAgICAgICAgICBhcz17YXN9XG4gICAgICAgICAgICAgIGtleT17bGFiZWx9XG4gICAgICAgICAgICAgIGFjdGl2ZT17YWN0aXZlVGFiID09PSBpfVxuICAgICAgICAgICAgICBhcmlhLXNlbGVjdGVkPXthY3RpdmVUYWIgPT09IGl9XG4gICAgICAgICAgICAgIGFyaWEtY29udHJvbHM9e3RhYlBhbmVsSWR9XG4gICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uVGFiU2VsZWN0ICYmIG9uVGFiU2VsZWN0KGkpfVxuICAgICAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2ljb24gJiYgPEljb24gc2l6ZT1cInNcIiBuYW1lPXtpY29ufSAvPn1cbiAgICAgICAgICAgICAge2xhYmVsfSB7YWRkU3VidGl0bGUoc3VibGFiZWwpfVxuICAgICAgICAgICAgPC9TdHlsZWRUYWI+XG4gICAgICAgICAgKVxuICAgICAgICApfVxuICAgICAgPC9TdHlsZWRDb250YWluZXI+XG4gICAgICA8ZGl2IHJvbGU9XCJ0YWJwYW5lbFwiIGlkPXt0YWJQYW5lbElkfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9kaXY+XG4gICAgPC9TdGFjaz5cbiAgKTtcbn1cbiJdfQ== */");
|
|
40
40
|
const StyledTab = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
|
|
41
41
|
target: "epth00"
|
|
42
42
|
} : {
|
|
@@ -59,7 +59,7 @@ const StyledTab = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "produ
|
|
|
59
59
|
fontFamily: theme.variables.fontFamily.lato,
|
|
60
60
|
fontWeight: theme.variables.weight.bold,
|
|
61
61
|
fontSize: theme.variables.size.font.s,
|
|
62
|
-
lineHeight: theme.variables.size.lineHeight.
|
|
62
|
+
lineHeight: theme.variables.size.lineHeight.l,
|
|
63
63
|
transition: "background-color 0.15s",
|
|
64
64
|
textDecoration: "none",
|
|
65
65
|
// Required to maintain consistent height for the selected tab
|
|
@@ -81,7 +81,7 @@ const StyledTab = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "produ
|
|
|
81
81
|
}
|
|
82
82
|
})
|
|
83
83
|
};
|
|
84
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9Da0IiLCJmaWxlIjoiVGFicy50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBtcSB9IGZyb20gXCIuLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5pbXBvcnQgeyBNUSwgU3BhY2VTaXplcyB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsgSWNvbiwgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBTdGFjayB9IGZyb20gXCIuLi9TdGFjay9TdGFja1wiO1xuXG5jb25zdCBCT1JERVJfQk9UVE9NX1dJRFRIID0gNDtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdjx7XG4gIGhvcml6b250YWxQYWRkaW5nOiBTcGFjZVNpemVzIHwgTVE8U3BhY2VTaXplcz47XG59PigoeyB0aGVtZSwgaG9yaXpvbnRhbFBhZGRpbmcgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gIC4uLm1xKHtcbiAgICBnYXA6IFtbXCJtXCIsIFwibFwiLCBcImxcIl0sIHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmddLFxuICAgIHBhZGRpbmdJbmxpbmU6IFtob3Jpem9udGFsUGFkZGluZywgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZ10sXG4gIH0pLFxuXG4gIHBhZGRpbmdUb3A6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSxcbiAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdH1gLFxuXG4gIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG5cbiAgLy8gU2Nyb2xsYmFyXG4gIG92ZXJmbG93OiBcImF1dG9cIixcbiAgc2Nyb2xsYmFyV2lkdGg6IFwibm9uZVwiLCAvLyBGaXJlZm94XG4gIG1zT3ZlcmZsb3dTdHlsZTogXCJub25lXCIsIC8vIElFIDEwK1xuICBcIjo6LXdlYmtpdC1zY3JvbGxiYXJcIjoge1xuICAgIGRpc3BsYXk6IFwibm9uZVwiLCAvLyBDaHJvbWVcbiAgfSxcbn0pKTtcblxuY29uc3QgU3R5bGVkVGFiID0gc3R5bGVkLmJ1dHRvbjx7IGFjdGl2ZTogYm9vbGVhbiB9PigoeyB0aGVtZSwgYWN0aXZlIH0pID0+
|
|
84
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9Da0IiLCJmaWxlIjoiVGFicy50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBtcSB9IGZyb20gXCIuLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5pbXBvcnQgeyBNUSwgU3BhY2VTaXplcyB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsgSWNvbiwgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBTdGFjayB9IGZyb20gXCIuLi9TdGFjay9TdGFja1wiO1xuXG5jb25zdCBCT1JERVJfQk9UVE9NX1dJRFRIID0gNDtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdjx7XG4gIGhvcml6b250YWxQYWRkaW5nOiBTcGFjZVNpemVzIHwgTVE8U3BhY2VTaXplcz47XG59PigoeyB0aGVtZSwgaG9yaXpvbnRhbFBhZGRpbmcgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gIC4uLm1xKHtcbiAgICBnYXA6IFtbXCJtXCIsIFwibFwiLCBcImxcIl0sIHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmddLFxuICAgIHBhZGRpbmdJbmxpbmU6IFtob3Jpem9udGFsUGFkZGluZywgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZ10sXG4gIH0pLFxuXG4gIHBhZGRpbmdUb3A6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSxcbiAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdH1gLFxuXG4gIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG5cbiAgLy8gU2Nyb2xsYmFyXG4gIG92ZXJmbG93OiBcImF1dG9cIixcbiAgc2Nyb2xsYmFyV2lkdGg6IFwibm9uZVwiLCAvLyBGaXJlZm94XG4gIG1zT3ZlcmZsb3dTdHlsZTogXCJub25lXCIsIC8vIElFIDEwK1xuICBcIjo6LXdlYmtpdC1zY3JvbGxiYXJcIjoge1xuICAgIGRpc3BsYXk6IFwibm9uZVwiLCAvLyBDaHJvbWVcbiAgfSxcbn0pKTtcblxuY29uc3QgU3R5bGVkVGFiID0gc3R5bGVkLmJ1dHRvbjx7IGFjdGl2ZTogYm9vbGVhbiB9PigoeyB0aGVtZSwgYWN0aXZlIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBnYXA6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuXG4gIGJhY2tncm91bmQ6IDAsXG4gIGJvcmRlcjogMCxcbiAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnNlY29uZGFyeS5kZWZhdWx0LFxuICBwYWRkaW5nOiAwLFxuICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICBmb250V2VpZ2h0OiB0aGVtZS52YXJpYWJsZXMud2VpZ2h0LmJvbGQsXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LnMsXG4gIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQubCxcbiAgdHJhbnNpdGlvbjogXCJiYWNrZ3JvdW5kLWNvbG9yIDAuMTVzXCIsXG4gIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcblxuICAvLyBSZXF1aXJlZCB0byBtYWludGFpbiBjb25zaXN0ZW50IGhlaWdodCBmb3IgdGhlIHNlbGVjdGVkIHRhYlxuICBib3JkZXJCb3R0b206IGAke0JPUkRFUl9CT1RUT01fV0lEVEh9cHggc29saWQgdHJhbnNwYXJlbnRgLFxuICBwYWRkaW5nQm90dG9tOiBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX0gLSAke0JPUkRFUl9CT1RUT01fV0lEVEh9cHgpYCxcblxuICAuLi4oYWN0aXZlICYmIHtcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuYWNjZW50LmRlZmF1bHQsXG4gICAgYm9yZGVyQm90dG9tOiBgJHtCT1JERVJfQk9UVE9NX1dJRFRIfXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYWNjZW50LmRlZmF1bHR9YCxcbiAgfSksXG4gIC4uLighYWN0aXZlICYmIHtcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucHJpbWFyeS5kZWZhdWx0LFxuICAgICAgYm9yZGVyQm90dG9tOiBgJHtCT1JERVJfQk9UVE9NX1dJRFRIfXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuaG92ZXJ9YCxcbiAgICB9LFxuICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnByaW1hcnkuZGVmYXVsdCxcbiAgICAgIGJvcmRlckJvdHRvbTogYCR7Qk9SREVSX0JPVFRPTV9XSURUSH1weCAgc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5zZWxlY3RlZH1gLFxuICAgIH0sXG4gIH0pLFxufSkpO1xuXG5jb25zdCBhZGRTdWJ0aXRsZSA9ICh0ZXh0OiBzdHJpbmcpID0+ICh0ZXh0ID8gYCgke3RleHR9KWAgOiBgYCk7XG5cbi8qKlxuICogQHBhcmFtIGxhYmVsIC0gVGhlIHRleHQgdG8gZGlzcGxheSBpbiB0aGUgdGFiXG4gKiBAcGFyYW0gc3VibGFiZWwgLSBBIHN1YnRleHQsIGVuY2FzZWQgaW4gcGFyZW50aGVzZXNcbiAqIEBwYXJhbSBpY29uIC0gQW4gaWNvbiB0byBkaXNwbGF5IHRvIHRoZSBsZWZ0IG9mIHRoZSBsYWJlbFxuICogQHBhcmFtIGFzIC0gVGhlIGVsZW1lbnQgdG8gcmVuZGVyIHRoZSB0YWIgYXMsIGRlZmF1bHRzIHRvIGBidXR0b25gXG4gKi9cbnR5cGUgVGFiID0ge1xuICBpZD86IHN0cmluZztcbiAgbGFiZWw6IHN0cmluZztcbiAgc3VibGFiZWw/OiBzdHJpbmc7XG4gIGljb24/OiBJY29uTmFtZTtcbiAgYXM/OiBcImFcIiB8IFwiYnV0dG9uXCIgfCBSZWFjdC5FbGVtZW50VHlwZTtcbn0gJiBQYXJ0aWFsPFJlYWN0LkNvbXBvbmVudFByb3BzPFwiYnV0dG9uXCI+PiAmXG4gIFBhcnRpYWw8UmVhY3QuQ29tcG9uZW50UHJvcHM8XCJhXCI+PjtcblxuZXhwb3J0IHR5cGUgVGFic1Byb3BzID0ge1xuICAvKiogQW4gYXJyYXkgb2YgdGFicywgY29udGFpbnMgYGhlYWRlcmAsIGBzdWJ0aXRsZWAsIGBpY29uTGVmdGAsIGBhc2AgKGRlZmluaW5nIHRoZSB0YWIgYXMgYSBidXR0b24gb3IgYSBsaW5rKSAqL1xuICB0YWJzOiBUYWJbXTtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdEVsZW1lbnQ7XG4gIC8qKiBUaGUgaW5kZXggb2YgdGhlIGFjdGl2ZSB0YWIgKi9cbiAgYWN0aXZlVGFiPzogbnVtYmVyO1xuICBvblRhYlNlbGVjdD86IChzZWxlY3RlZFRhYjogbnVtYmVyKSA9PiB2b2lkO1xuICB0YWJQYW5lbElkPzogc3RyaW5nO1xuICAvKiogSG9yaXpvbnRhbCBwYWRkaW5nIHNwYWNlIGZvciB0aGUgdGFiIGNvbnRhaW5lciwgc3VpdGVkIGZvciB0YWJzIHdpdGhpbiBhIENhcmQgZWxlbWVudCAqL1xuICBob3Jpem9udGFsUGFkZGluZz86IFNwYWNlU2l6ZXMgfCBNUTxTcGFjZVNpemVzPjsgLy8gJ20nIHwgWydtJywgJ2wnLCAnbCddXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IGZ1bmN0aW9uIFRhYnMoe1xuICB0YWJzLFxuICBob3Jpem9udGFsUGFkZGluZyxcbiAgYWN0aXZlVGFiID0gMCxcbiAgY2hpbGRyZW4sXG4gIG9uVGFiU2VsZWN0LFxuICB0YWJQYW5lbElkID0gXCJ0YWJQYW5lbFwiLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IFRhYnNQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPFN0YWNrIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9IGRhdGEtZHMtaWQ9XCJUYWJzXCI+XG4gICAgICA8U3R5bGVkQ29udGFpbmVyIGhvcml6b250YWxQYWRkaW5nPXtob3Jpem9udGFsUGFkZGluZ30gcm9sZT1cInRhYmxpc3RcIj5cbiAgICAgICAge3RhYnMubWFwKFxuICAgICAgICAgICh7IGlkOiB0YWJJZCwgbGFiZWwsIHN1YmxhYmVsLCBpY29uLCBhcyA9IFwiYnV0dG9uXCIsIC4uLnJlc3QgfSwgaSkgPT4gKFxuICAgICAgICAgICAgPFN0eWxlZFRhYlxuICAgICAgICAgICAgICBpZD17dGFiSWQgfHwgYHRhYi0ke2l9YH1cbiAgICAgICAgICAgICAgdHlwZT17YXMgIT09IFwiYnV0dG9uXCIgPyB1bmRlZmluZWQgOiBcImJ1dHRvblwifVxuICAgICAgICAgICAgICByb2xlPVwidGFiXCJcbiAgICAgICAgICAgICAgYXM9e2FzfVxuICAgICAgICAgICAgICBrZXk9e2xhYmVsfVxuICAgICAgICAgICAgICBhY3RpdmU9e2FjdGl2ZVRhYiA9PT0gaX1cbiAgICAgICAgICAgICAgYXJpYS1zZWxlY3RlZD17YWN0aXZlVGFiID09PSBpfVxuICAgICAgICAgICAgICBhcmlhLWNvbnRyb2xzPXt0YWJQYW5lbElkfVxuICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvblRhYlNlbGVjdCAmJiBvblRhYlNlbGVjdChpKX1cbiAgICAgICAgICAgICAgey4uLnJlc3R9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtpY29uICYmIDxJY29uIHNpemU9XCJzXCIgbmFtZT17aWNvbn0gLz59XG4gICAgICAgICAgICAgIHtsYWJlbH0ge2FkZFN1YnRpdGxlKHN1YmxhYmVsKX1cbiAgICAgICAgICAgIDwvU3R5bGVkVGFiPlxuICAgICAgICAgIClcbiAgICAgICAgKX1cbiAgICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICAgICAgPGRpdiByb2xlPVwidGFicGFuZWxcIiBpZD17dGFiUGFuZWxJZH0+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvZGl2PlxuICAgIDwvU3RhY2s+XG4gICk7XG59XG4iXX0= */");
|
|
85
85
|
const addSubtitle = text => text ? `(${text})` : ``;
|
|
86
86
|
|
|
87
87
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.js","sources":["../../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\n\nimport styled from \"@emotion/styled\";\nimport React from \"react\";\n\nimport { mq } from \"../../shared/mediaQueries\";\nimport { MQ, SpaceSizes } from \"../../types\";\nimport { Icon, IconName } from \"../Icon/Icon\";\nimport { Stack } from \"../Stack/Stack\";\n\nconst BORDER_BOTTOM_WIDTH = 4;\n\nconst StyledContainer = styled.div<{\n horizontalPadding: SpaceSizes | MQ<SpaceSizes>;\n}>(({ theme, horizontalPadding }) => ({\n display: \"flex\",\n flexDirection: \"row\",\n ...mq({\n gap: [[\"m\", \"l\", \"l\"], theme.variables.size.spacing],\n paddingInline: [horizontalPadding, theme.variables.size.spacing],\n }),\n\n paddingTop: theme.variables.size.spacing.m,\n borderBottom: `1px solid ${theme.values.color.border.secondary.default}`,\n\n whiteSpace: \"nowrap\",\n\n // Scrollbar\n overflow: \"auto\",\n scrollbarWidth: \"none\", // Firefox\n msOverflowStyle: \"none\", // IE 10+\n \"::-webkit-scrollbar\": {\n display: \"none\", // Chrome\n },\n}));\n\nconst StyledTab = styled.button<{ active: boolean }>(({ theme, active }) => ({\n display: \"flex\",\n gap: theme.variables.size.spacing.xxs,\n alignItems: \"center\",\n\n background: 0,\n border: 0,\n boxSizing: \"border-box\",\n color: theme.values.color.text.secondary.default,\n padding: 0,\n fontFamily: theme.variables.fontFamily.lato,\n fontWeight: theme.variables.weight.bold,\n fontSize: theme.variables.size.font.s,\n lineHeight: theme.variables.size.lineHeight.text.s,\n transition: \"background-color 0.15s\",\n textDecoration: \"none\",\n\n // Required to maintain consistent height for the selected tab\n borderBottom: `${BORDER_BOTTOM_WIDTH}px solid transparent`,\n paddingBottom: `calc(${theme.variables.size.spacing.m} - ${BORDER_BOTTOM_WIDTH}px)`,\n\n ...(active && {\n color: theme.values.color.text.accent.default,\n borderBottom: `${BORDER_BOTTOM_WIDTH}px solid ${theme.values.color.background.accent.default}`,\n }),\n ...(!active && {\n cursor: \"pointer\",\n \"&:hover\": {\n color: theme.values.color.text.primary.default,\n borderBottom: `${BORDER_BOTTOM_WIDTH}px solid ${theme.values.color.background.transparent.hover}`,\n },\n \"&:active\": {\n color: theme.values.color.text.primary.default,\n borderBottom: `${BORDER_BOTTOM_WIDTH}px solid ${theme.values.color.background.transparent.selected}`,\n },\n }),\n}));\n\nconst addSubtitle = (text: string) => (text ? `(${text})` : ``);\n\n/**\n * @param label - The text to display in the tab\n * @param sublabel - A subtext, encased in parentheses\n * @param icon - An icon to display to the left of the label\n * @param as - The element to render the tab as, defaults to `button`\n */\ntype Tab = {\n id?: string;\n label: string;\n sublabel?: string;\n icon?: IconName;\n as?: \"a\" | \"button\" | React.ElementType;\n} & Partial<React.ComponentProps<\"button\">> &\n Partial<React.ComponentProps<\"a\">>;\n\nexport type TabsProps = {\n /** An array of tabs, contains `header`, `subtitle`, `iconLeft`, `as` (defining the tab as a button or a link) */\n tabs: Tab[];\n children?: React.ReactElement;\n /** The index of the active tab */\n activeTab?: number;\n onTabSelect?: (selectedTab: number) => void;\n tabPanelId?: string;\n /** Horizontal padding space for the tab container, suited for tabs within a Card element */\n horizontalPadding?: SpaceSizes | MQ<SpaceSizes>; // 'm' | ['m', 'l', 'l']\n \"data-e2e-test-id\"?: string;\n};\n\nexport function Tabs({\n tabs,\n horizontalPadding,\n activeTab = 0,\n children,\n onTabSelect,\n tabPanelId = \"tabPanel\",\n \"data-e2e-test-id\": dataE2eTestId,\n}: TabsProps): React.ReactElement {\n return (\n <Stack data-e2e-test-id={dataE2eTestId} data-ds-id=\"Tabs\">\n <StyledContainer horizontalPadding={horizontalPadding} role=\"tablist\">\n {tabs.map(\n ({ id: tabId, label, sublabel, icon, as = \"button\", ...rest }, i) => (\n <StyledTab\n id={tabId || `tab-${i}`}\n type={as !== \"button\" ? undefined : \"button\"}\n role=\"tab\"\n as={as}\n key={label}\n active={activeTab === i}\n aria-selected={activeTab === i}\n aria-controls={tabPanelId}\n onClick={() => onTabSelect && onTabSelect(i)}\n {...rest}\n >\n {icon && <Icon size=\"s\" name={icon} />}\n {label} {addSubtitle(sublabel)}\n </StyledTab>\n )\n )}\n </StyledContainer>\n <div role=\"tabpanel\" id={tabPanelId}>\n {children}\n </div>\n </Stack>\n );\n}\n"],"names":["BORDER_BOTTOM_WIDTH","StyledContainer","_styled","process","env","NODE_ENV","target","label","_ref","theme","horizontalPadding","display","flexDirection","mq","gap","variables","size","spacing","paddingInline","paddingTop","m","borderBottom","values","color","border","secondary","default","whiteSpace","overflow","scrollbarWidth","msOverflowStyle","StyledTab","_ref2","active","xxs","alignItems","background","boxSizing","text","padding","fontFamily","lato","fontWeight","weight","bold","fontSize","font","s","lineHeight","transition","textDecoration","paddingBottom","accent","cursor","primary","transparent","hover","selected","addSubtitle","Tabs","_ref3","tabs","activeTab","children","onTabSelect","tabPanelId","dataE2eTestId","React","createElement","Stack","role","map","_ref4","i","id","tabId","sublabel","icon","as","rest","_extends","type","undefined","key","onClick","Icon","name"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Tabs.js","sources":["../../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\n\nimport styled from \"@emotion/styled\";\nimport React from \"react\";\n\nimport { mq } from \"../../shared/mediaQueries\";\nimport { MQ, SpaceSizes } from \"../../types\";\nimport { Icon, IconName } from \"../Icon/Icon\";\nimport { Stack } from \"../Stack/Stack\";\n\nconst BORDER_BOTTOM_WIDTH = 4;\n\nconst StyledContainer = styled.div<{\n horizontalPadding: SpaceSizes | MQ<SpaceSizes>;\n}>(({ theme, horizontalPadding }) => ({\n display: \"flex\",\n flexDirection: \"row\",\n ...mq({\n gap: [[\"m\", \"l\", \"l\"], theme.variables.size.spacing],\n paddingInline: [horizontalPadding, theme.variables.size.spacing],\n }),\n\n paddingTop: theme.variables.size.spacing.m,\n borderBottom: `1px solid ${theme.values.color.border.secondary.default}`,\n\n whiteSpace: \"nowrap\",\n\n // Scrollbar\n overflow: \"auto\",\n scrollbarWidth: \"none\", // Firefox\n msOverflowStyle: \"none\", // IE 10+\n \"::-webkit-scrollbar\": {\n display: \"none\", // Chrome\n },\n}));\n\nconst StyledTab = styled.button<{ active: boolean }>(({ theme, active }) => ({\n display: \"flex\",\n gap: theme.variables.size.spacing.xxs,\n alignItems: \"center\",\n\n background: 0,\n border: 0,\n boxSizing: \"border-box\",\n color: theme.values.color.text.secondary.default,\n padding: 0,\n fontFamily: theme.variables.fontFamily.lato,\n fontWeight: theme.variables.weight.bold,\n fontSize: theme.variables.size.font.s,\n lineHeight: theme.variables.size.lineHeight.l,\n transition: \"background-color 0.15s\",\n textDecoration: \"none\",\n\n // Required to maintain consistent height for the selected tab\n borderBottom: `${BORDER_BOTTOM_WIDTH}px solid transparent`,\n paddingBottom: `calc(${theme.variables.size.spacing.m} - ${BORDER_BOTTOM_WIDTH}px)`,\n\n ...(active && {\n color: theme.values.color.text.accent.default,\n borderBottom: `${BORDER_BOTTOM_WIDTH}px solid ${theme.values.color.background.accent.default}`,\n }),\n ...(!active && {\n cursor: \"pointer\",\n \"&:hover\": {\n color: theme.values.color.text.primary.default,\n borderBottom: `${BORDER_BOTTOM_WIDTH}px solid ${theme.values.color.background.transparent.hover}`,\n },\n \"&:active\": {\n color: theme.values.color.text.primary.default,\n borderBottom: `${BORDER_BOTTOM_WIDTH}px solid ${theme.values.color.background.transparent.selected}`,\n },\n }),\n}));\n\nconst addSubtitle = (text: string) => (text ? `(${text})` : ``);\n\n/**\n * @param label - The text to display in the tab\n * @param sublabel - A subtext, encased in parentheses\n * @param icon - An icon to display to the left of the label\n * @param as - The element to render the tab as, defaults to `button`\n */\ntype Tab = {\n id?: string;\n label: string;\n sublabel?: string;\n icon?: IconName;\n as?: \"a\" | \"button\" | React.ElementType;\n} & Partial<React.ComponentProps<\"button\">> &\n Partial<React.ComponentProps<\"a\">>;\n\nexport type TabsProps = {\n /** An array of tabs, contains `header`, `subtitle`, `iconLeft`, `as` (defining the tab as a button or a link) */\n tabs: Tab[];\n children?: React.ReactElement;\n /** The index of the active tab */\n activeTab?: number;\n onTabSelect?: (selectedTab: number) => void;\n tabPanelId?: string;\n /** Horizontal padding space for the tab container, suited for tabs within a Card element */\n horizontalPadding?: SpaceSizes | MQ<SpaceSizes>; // 'm' | ['m', 'l', 'l']\n \"data-e2e-test-id\"?: string;\n};\n\nexport function Tabs({\n tabs,\n horizontalPadding,\n activeTab = 0,\n children,\n onTabSelect,\n tabPanelId = \"tabPanel\",\n \"data-e2e-test-id\": dataE2eTestId,\n}: TabsProps): React.ReactElement {\n return (\n <Stack data-e2e-test-id={dataE2eTestId} data-ds-id=\"Tabs\">\n <StyledContainer horizontalPadding={horizontalPadding} role=\"tablist\">\n {tabs.map(\n ({ id: tabId, label, sublabel, icon, as = \"button\", ...rest }, i) => (\n <StyledTab\n id={tabId || `tab-${i}`}\n type={as !== \"button\" ? undefined : \"button\"}\n role=\"tab\"\n as={as}\n key={label}\n active={activeTab === i}\n aria-selected={activeTab === i}\n aria-controls={tabPanelId}\n onClick={() => onTabSelect && onTabSelect(i)}\n {...rest}\n >\n {icon && <Icon size=\"s\" name={icon} />}\n {label} {addSubtitle(sublabel)}\n </StyledTab>\n )\n )}\n </StyledContainer>\n <div role=\"tabpanel\" id={tabPanelId}>\n {children}\n </div>\n </Stack>\n );\n}\n"],"names":["BORDER_BOTTOM_WIDTH","StyledContainer","_styled","process","env","NODE_ENV","target","label","_ref","theme","horizontalPadding","display","flexDirection","mq","gap","variables","size","spacing","paddingInline","paddingTop","m","borderBottom","values","color","border","secondary","default","whiteSpace","overflow","scrollbarWidth","msOverflowStyle","StyledTab","_ref2","active","xxs","alignItems","background","boxSizing","text","padding","fontFamily","lato","fontWeight","weight","bold","fontSize","font","s","lineHeight","l","transition","textDecoration","paddingBottom","accent","cursor","primary","transparent","hover","selected","addSubtitle","Tabs","_ref3","tabs","activeTab","children","onTabSelect","tabPanelId","dataE2eTestId","React","createElement","Stack","role","map","_ref4","i","id","tabId","sublabel","icon","as","rest","_extends","type","undefined","key","onClick","Icon","name"],"mappings":"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"}
|
|
@@ -27,9 +27,9 @@ const TagContainer = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "prod
|
|
|
27
27
|
color: theme.values.color.tag.text[colorVariant],
|
|
28
28
|
fontFamily: theme.variables.fontFamily.lato,
|
|
29
29
|
fontSize: theme.variables.size.font.s,
|
|
30
|
-
lineHeight: theme.variables.size.lineHeight.
|
|
30
|
+
lineHeight: theme.variables.size.lineHeight.s
|
|
31
31
|
};
|
|
32
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJxQiIsImZpbGUiOiJUYWcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBQaWN0b2dyYW1CdXR0b24gfSBmcm9tIFwiLi4vUGljdG9ncmFtQnV0dG9uL1BpY3RvZ3JhbUJ1dHRvblwiO1xuXG5leHBvcnQgY29uc3QgTUFYX1RBR19XSURUSCA9IDIwMDtcblxudHlwZSBCYXNlVGFnUHJvcHMgPSB7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIGNvbG9yVmFyaWFudD86IFwiZ3JheVwiIHwgXCJibHVlXCI7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcbnR5cGUgQ29uZGl0aW9uYWxUYWdQcm9wcyA9XG4gIHwge1xuICAgICAgaXNSZW1vdmFibGU/OiBmYWxzZTtcbiAgICAgIG9uQ2xlYXI/OiBuZXZlcjtcbiAgICAgIGNsZWFyQnRuQXJpYUxhYmVsPzogbmV2ZXI7XG4gICAgfVxuICB8IHtcbiAgICAgIGlzUmVtb3ZhYmxlOiB0cnVlO1xuICAgICAgb25DbGVhcjogKCkgPT4gdm9pZDtcbiAgICAgIGNsZWFyQnRuQXJpYUxhYmVsPzogc3RyaW5nO1xuICAgIH07XG5cbmV4cG9ydCB0eXBlIFRhZ1Byb3BzID0gQmFzZVRhZ1Byb3BzICYgQ29uZGl0aW9uYWxUYWdQcm9wcztcblxuY29uc3QgVGFnQ29udGFpbmVyID0gc3R5bGVkLnNwYW48UGFydGlhbDxUYWdQcm9wcz4+KFxuICAoeyB0aGVtZSwgY29sb3JWYXJpYW50LCBpc1JlbW92YWJsZSB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIG1heFdpZHRoOiBgJHtNQVhfVEFHX1dJRFRIfXB4YCxcbiAgICBwYWRkaW5nTGVmdDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbiAgICBwYWRkaW5nUmlnaHQ6IGlzUmVtb3ZhYmxlXG4gICAgICA/IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVyb1xuICAgICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIHBhZGRpbmdUb3A6IGlzUmVtb3ZhYmxlXG4gICAgICA/
|
|
32
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJxQiIsImZpbGUiOiJUYWcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBQaWN0b2dyYW1CdXR0b24gfSBmcm9tIFwiLi4vUGljdG9ncmFtQnV0dG9uL1BpY3RvZ3JhbUJ1dHRvblwiO1xuXG5leHBvcnQgY29uc3QgTUFYX1RBR19XSURUSCA9IDIwMDtcblxudHlwZSBCYXNlVGFnUHJvcHMgPSB7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIGNvbG9yVmFyaWFudD86IFwiZ3JheVwiIHwgXCJibHVlXCI7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcbnR5cGUgQ29uZGl0aW9uYWxUYWdQcm9wcyA9XG4gIHwge1xuICAgICAgaXNSZW1vdmFibGU/OiBmYWxzZTtcbiAgICAgIG9uQ2xlYXI/OiBuZXZlcjtcbiAgICAgIGNsZWFyQnRuQXJpYUxhYmVsPzogbmV2ZXI7XG4gICAgfVxuICB8IHtcbiAgICAgIGlzUmVtb3ZhYmxlOiB0cnVlO1xuICAgICAgb25DbGVhcjogKCkgPT4gdm9pZDtcbiAgICAgIGNsZWFyQnRuQXJpYUxhYmVsPzogc3RyaW5nO1xuICAgIH07XG5cbmV4cG9ydCB0eXBlIFRhZ1Byb3BzID0gQmFzZVRhZ1Byb3BzICYgQ29uZGl0aW9uYWxUYWdQcm9wcztcblxuY29uc3QgVGFnQ29udGFpbmVyID0gc3R5bGVkLnNwYW48UGFydGlhbDxUYWdQcm9wcz4+KFxuICAoeyB0aGVtZSwgY29sb3JWYXJpYW50LCBpc1JlbW92YWJsZSB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIG1heFdpZHRoOiBgJHtNQVhfVEFHX1dJRFRIfXB4YCxcbiAgICBwYWRkaW5nTGVmdDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbiAgICBwYWRkaW5nUmlnaHQ6IGlzUmVtb3ZhYmxlXG4gICAgICA/IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVyb1xuICAgICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIHBhZGRpbmdUb3A6IGlzUmVtb3ZhYmxlXG4gICAgICA/IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVyb1xuICAgICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgICBwYWRkaW5nQm90dG9tOiBpc1JlbW92YWJsZVxuICAgICAgPyB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnplcm9cbiAgICAgIDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHMsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMueHMsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGFnLmJhY2tncm91bmRbY29sb3JWYXJpYW50XSxcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRhZy50ZXh0W2NvbG9yVmFyaWFudF0sXG4gICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5zLFxuICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQucyxcbiAgfSlcbik7XG5cbmNvbnN0IFRhZ0xhYmVsID0gc3R5bGVkLnNwYW4oKCkgPT4gKHtcbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxufSkpO1xuXG5jb25zdCBDbGVhckJ1dHRvbiA9IHN0eWxlZChQaWN0b2dyYW1CdXR0b24pPFBhcnRpYWw8VGFnUHJvcHM+PihcbiAgKHsgdGhlbWUsIGNvbG9yVmFyaWFudCB9KSA9PiAoe1xuICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGFnLnRleHRbY29sb3JWYXJpYW50XSxcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50YWcudGV4dFtjb2xvclZhcmlhbnRdLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gVGFnKHtcbiAgbGFiZWwsXG4gIGNvbG9yVmFyaWFudCA9IFwiZ3JheVwiLFxuICBpc1JlbW92YWJsZSA9IGZhbHNlLFxuICBvbkNsZWFyLFxuICBjbGVhckJ0bkFyaWFMYWJlbCxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBUYWdQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPFRhZ0NvbnRhaW5lclxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGRhdGEtZHMtaWQ9XCJUYWdcIlxuICAgICAgY29sb3JWYXJpYW50PXtjb2xvclZhcmlhbnR9XG4gICAgICBpc1JlbW92YWJsZT17aXNSZW1vdmFibGV9XG4gICAgPlxuICAgICAgPFRhZ0xhYmVsPntsYWJlbH08L1RhZ0xhYmVsPlxuXG4gICAgICB7aXNSZW1vdmFibGUgJiYgKFxuICAgICAgICA8Q2xlYXJCdXR0b25cbiAgICAgICAgICBpY29uPVwieFwiXG4gICAgICAgICAgc2l6ZT1cInhzXCJcbiAgICAgICAgICBhcmlhLWxhYmVsPXtjbGVhckJ0bkFyaWFMYWJlbH1cbiAgICAgICAgICBvbkNsaWNrPXtvbkNsZWFyfVxuICAgICAgICAgIGNvbG9yVmFyaWFudD17Y29sb3JWYXJpYW50fVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICA8L1RhZ0NvbnRhaW5lcj5cbiAgKTtcbn1cbiJdfQ== */");
|
|
33
33
|
const TagLabel = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
|
|
34
34
|
target: "e1i6narj1"
|
|
35
35
|
} : {
|
|
@@ -39,7 +39,7 @@ const TagLabel = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "producti
|
|
|
39
39
|
overflow: "hidden",
|
|
40
40
|
textOverflow: "ellipsis",
|
|
41
41
|
whiteSpace: "nowrap"
|
|
42
|
-
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaURpQiIsImZpbGUiOiJUYWcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBQaWN0b2dyYW1CdXR0b24gfSBmcm9tIFwiLi4vUGljdG9ncmFtQnV0dG9uL1BpY3RvZ3JhbUJ1dHRvblwiO1xuXG5leHBvcnQgY29uc3QgTUFYX1RBR19XSURUSCA9IDIwMDtcblxudHlwZSBCYXNlVGFnUHJvcHMgPSB7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIGNvbG9yVmFyaWFudD86IFwiZ3JheVwiIHwgXCJibHVlXCI7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcbnR5cGUgQ29uZGl0aW9uYWxUYWdQcm9wcyA9XG4gIHwge1xuICAgICAgaXNSZW1vdmFibGU/OiBmYWxzZTtcbiAgICAgIG9uQ2xlYXI/OiBuZXZlcjtcbiAgICAgIGNsZWFyQnRuQXJpYUxhYmVsPzogbmV2ZXI7XG4gICAgfVxuICB8IHtcbiAgICAgIGlzUmVtb3ZhYmxlOiB0cnVlO1xuICAgICAgb25DbGVhcjogKCkgPT4gdm9pZDtcbiAgICAgIGNsZWFyQnRuQXJpYUxhYmVsPzogc3RyaW5nO1xuICAgIH07XG5cbmV4cG9ydCB0eXBlIFRhZ1Byb3BzID0gQmFzZVRhZ1Byb3BzICYgQ29uZGl0aW9uYWxUYWdQcm9wcztcblxuY29uc3QgVGFnQ29udGFpbmVyID0gc3R5bGVkLnNwYW48UGFydGlhbDxUYWdQcm9wcz4+KFxuICAoeyB0aGVtZSwgY29sb3JWYXJpYW50LCBpc1JlbW92YWJsZSB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIG1heFdpZHRoOiBgJHtNQVhfVEFHX1dJRFRIfXB4YCxcbiAgICBwYWRkaW5nTGVmdDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbiAgICBwYWRkaW5nUmlnaHQ6IGlzUmVtb3ZhYmxlXG4gICAgICA/IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVyb1xuICAgICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIHBhZGRpbmdUb3A6IGlzUmVtb3ZhYmxlXG4gICAgICA/
|
|
42
|
+
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaURpQiIsImZpbGUiOiJUYWcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBQaWN0b2dyYW1CdXR0b24gfSBmcm9tIFwiLi4vUGljdG9ncmFtQnV0dG9uL1BpY3RvZ3JhbUJ1dHRvblwiO1xuXG5leHBvcnQgY29uc3QgTUFYX1RBR19XSURUSCA9IDIwMDtcblxudHlwZSBCYXNlVGFnUHJvcHMgPSB7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIGNvbG9yVmFyaWFudD86IFwiZ3JheVwiIHwgXCJibHVlXCI7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcbnR5cGUgQ29uZGl0aW9uYWxUYWdQcm9wcyA9XG4gIHwge1xuICAgICAgaXNSZW1vdmFibGU/OiBmYWxzZTtcbiAgICAgIG9uQ2xlYXI/OiBuZXZlcjtcbiAgICAgIGNsZWFyQnRuQXJpYUxhYmVsPzogbmV2ZXI7XG4gICAgfVxuICB8IHtcbiAgICAgIGlzUmVtb3ZhYmxlOiB0cnVlO1xuICAgICAgb25DbGVhcjogKCkgPT4gdm9pZDtcbiAgICAgIGNsZWFyQnRuQXJpYUxhYmVsPzogc3RyaW5nO1xuICAgIH07XG5cbmV4cG9ydCB0eXBlIFRhZ1Byb3BzID0gQmFzZVRhZ1Byb3BzICYgQ29uZGl0aW9uYWxUYWdQcm9wcztcblxuY29uc3QgVGFnQ29udGFpbmVyID0gc3R5bGVkLnNwYW48UGFydGlhbDxUYWdQcm9wcz4+KFxuICAoeyB0aGVtZSwgY29sb3JWYXJpYW50LCBpc1JlbW92YWJsZSB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIG1heFdpZHRoOiBgJHtNQVhfVEFHX1dJRFRIfXB4YCxcbiAgICBwYWRkaW5nTGVmdDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbiAgICBwYWRkaW5nUmlnaHQ6IGlzUmVtb3ZhYmxlXG4gICAgICA/IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVyb1xuICAgICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIHBhZGRpbmdUb3A6IGlzUmVtb3ZhYmxlXG4gICAgICA/IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVyb1xuICAgICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgICBwYWRkaW5nQm90dG9tOiBpc1JlbW92YWJsZVxuICAgICAgPyB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnplcm9cbiAgICAgIDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHMsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMueHMsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGFnLmJhY2tncm91bmRbY29sb3JWYXJpYW50XSxcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRhZy50ZXh0W2NvbG9yVmFyaWFudF0sXG4gICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5zLFxuICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQucyxcbiAgfSlcbik7XG5cbmNvbnN0IFRhZ0xhYmVsID0gc3R5bGVkLnNwYW4oKCkgPT4gKHtcbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxufSkpO1xuXG5jb25zdCBDbGVhckJ1dHRvbiA9IHN0eWxlZChQaWN0b2dyYW1CdXR0b24pPFBhcnRpYWw8VGFnUHJvcHM+PihcbiAgKHsgdGhlbWUsIGNvbG9yVmFyaWFudCB9KSA9PiAoe1xuICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGFnLnRleHRbY29sb3JWYXJpYW50XSxcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50YWcudGV4dFtjb2xvclZhcmlhbnRdLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gVGFnKHtcbiAgbGFiZWwsXG4gIGNvbG9yVmFyaWFudCA9IFwiZ3JheVwiLFxuICBpc1JlbW92YWJsZSA9IGZhbHNlLFxuICBvbkNsZWFyLFxuICBjbGVhckJ0bkFyaWFMYWJlbCxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBUYWdQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPFRhZ0NvbnRhaW5lclxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGRhdGEtZHMtaWQ9XCJUYWdcIlxuICAgICAgY29sb3JWYXJpYW50PXtjb2xvclZhcmlhbnR9XG4gICAgICBpc1JlbW92YWJsZT17aXNSZW1vdmFibGV9XG4gICAgPlxuICAgICAgPFRhZ0xhYmVsPntsYWJlbH08L1RhZ0xhYmVsPlxuXG4gICAgICB7aXNSZW1vdmFibGUgJiYgKFxuICAgICAgICA8Q2xlYXJCdXR0b25cbiAgICAgICAgICBpY29uPVwieFwiXG4gICAgICAgICAgc2l6ZT1cInhzXCJcbiAgICAgICAgICBhcmlhLWxhYmVsPXtjbGVhckJ0bkFyaWFMYWJlbH1cbiAgICAgICAgICBvbkNsaWNrPXtvbkNsZWFyfVxuICAgICAgICAgIGNvbG9yVmFyaWFudD17Y29sb3JWYXJpYW50fVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICA8L1RhZ0NvbnRhaW5lcj5cbiAgKTtcbn1cbiJdfQ== */");
|
|
43
43
|
const ClearButton = /*#__PURE__*/_styled(PictogramButton, process.env.NODE_ENV === "production" ? {
|
|
44
44
|
target: "e1i6narj0"
|
|
45
45
|
} : {
|
|
@@ -57,7 +57,7 @@ const ClearButton = /*#__PURE__*/_styled(PictogramButton, process.env.NODE_ENV =
|
|
|
57
57
|
color: theme.values.color.tag.text[colorVariant]
|
|
58
58
|
}
|
|
59
59
|
};
|
|
60
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdURvQiIsImZpbGUiOiJUYWcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBQaWN0b2dyYW1CdXR0b24gfSBmcm9tIFwiLi4vUGljdG9ncmFtQnV0dG9uL1BpY3RvZ3JhbUJ1dHRvblwiO1xuXG5leHBvcnQgY29uc3QgTUFYX1RBR19XSURUSCA9IDIwMDtcblxudHlwZSBCYXNlVGFnUHJvcHMgPSB7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIGNvbG9yVmFyaWFudD86IFwiZ3JheVwiIHwgXCJibHVlXCI7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcbnR5cGUgQ29uZGl0aW9uYWxUYWdQcm9wcyA9XG4gIHwge1xuICAgICAgaXNSZW1vdmFibGU/OiBmYWxzZTtcbiAgICAgIG9uQ2xlYXI/OiBuZXZlcjtcbiAgICAgIGNsZWFyQnRuQXJpYUxhYmVsPzogbmV2ZXI7XG4gICAgfVxuICB8IHtcbiAgICAgIGlzUmVtb3ZhYmxlOiB0cnVlO1xuICAgICAgb25DbGVhcjogKCkgPT4gdm9pZDtcbiAgICAgIGNsZWFyQnRuQXJpYUxhYmVsPzogc3RyaW5nO1xuICAgIH07XG5cbmV4cG9ydCB0eXBlIFRhZ1Byb3BzID0gQmFzZVRhZ1Byb3BzICYgQ29uZGl0aW9uYWxUYWdQcm9wcztcblxuY29uc3QgVGFnQ29udGFpbmVyID0gc3R5bGVkLnNwYW48UGFydGlhbDxUYWdQcm9wcz4+KFxuICAoeyB0aGVtZSwgY29sb3JWYXJpYW50LCBpc1JlbW92YWJsZSB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIG1heFdpZHRoOiBgJHtNQVhfVEFHX1dJRFRIfXB4YCxcbiAgICBwYWRkaW5nTGVmdDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbiAgICBwYWRkaW5nUmlnaHQ6IGlzUmVtb3ZhYmxlXG4gICAgICA/IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVyb1xuICAgICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIHBhZGRpbmdUb3A6IGlzUmVtb3ZhYmxlXG4gICAgICA/
|
|
60
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdURvQiIsImZpbGUiOiJUYWcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBQaWN0b2dyYW1CdXR0b24gfSBmcm9tIFwiLi4vUGljdG9ncmFtQnV0dG9uL1BpY3RvZ3JhbUJ1dHRvblwiO1xuXG5leHBvcnQgY29uc3QgTUFYX1RBR19XSURUSCA9IDIwMDtcblxudHlwZSBCYXNlVGFnUHJvcHMgPSB7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIGNvbG9yVmFyaWFudD86IFwiZ3JheVwiIHwgXCJibHVlXCI7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcbnR5cGUgQ29uZGl0aW9uYWxUYWdQcm9wcyA9XG4gIHwge1xuICAgICAgaXNSZW1vdmFibGU/OiBmYWxzZTtcbiAgICAgIG9uQ2xlYXI/OiBuZXZlcjtcbiAgICAgIGNsZWFyQnRuQXJpYUxhYmVsPzogbmV2ZXI7XG4gICAgfVxuICB8IHtcbiAgICAgIGlzUmVtb3ZhYmxlOiB0cnVlO1xuICAgICAgb25DbGVhcjogKCkgPT4gdm9pZDtcbiAgICAgIGNsZWFyQnRuQXJpYUxhYmVsPzogc3RyaW5nO1xuICAgIH07XG5cbmV4cG9ydCB0eXBlIFRhZ1Byb3BzID0gQmFzZVRhZ1Byb3BzICYgQ29uZGl0aW9uYWxUYWdQcm9wcztcblxuY29uc3QgVGFnQ29udGFpbmVyID0gc3R5bGVkLnNwYW48UGFydGlhbDxUYWdQcm9wcz4+KFxuICAoeyB0aGVtZSwgY29sb3JWYXJpYW50LCBpc1JlbW92YWJsZSB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIG1heFdpZHRoOiBgJHtNQVhfVEFHX1dJRFRIfXB4YCxcbiAgICBwYWRkaW5nTGVmdDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbiAgICBwYWRkaW5nUmlnaHQ6IGlzUmVtb3ZhYmxlXG4gICAgICA/IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVyb1xuICAgICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIHBhZGRpbmdUb3A6IGlzUmVtb3ZhYmxlXG4gICAgICA/IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVyb1xuICAgICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgICBwYWRkaW5nQm90dG9tOiBpc1JlbW92YWJsZVxuICAgICAgPyB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnplcm9cbiAgICAgIDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHMsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMueHMsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGFnLmJhY2tncm91bmRbY29sb3JWYXJpYW50XSxcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRhZy50ZXh0W2NvbG9yVmFyaWFudF0sXG4gICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5zLFxuICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQucyxcbiAgfSlcbik7XG5cbmNvbnN0IFRhZ0xhYmVsID0gc3R5bGVkLnNwYW4oKCkgPT4gKHtcbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxufSkpO1xuXG5jb25zdCBDbGVhckJ1dHRvbiA9IHN0eWxlZChQaWN0b2dyYW1CdXR0b24pPFBhcnRpYWw8VGFnUHJvcHM+PihcbiAgKHsgdGhlbWUsIGNvbG9yVmFyaWFudCB9KSA9PiAoe1xuICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGFnLnRleHRbY29sb3JWYXJpYW50XSxcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50YWcudGV4dFtjb2xvclZhcmlhbnRdLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gVGFnKHtcbiAgbGFiZWwsXG4gIGNvbG9yVmFyaWFudCA9IFwiZ3JheVwiLFxuICBpc1JlbW92YWJsZSA9IGZhbHNlLFxuICBvbkNsZWFyLFxuICBjbGVhckJ0bkFyaWFMYWJlbCxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBUYWdQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPFRhZ0NvbnRhaW5lclxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGRhdGEtZHMtaWQ9XCJUYWdcIlxuICAgICAgY29sb3JWYXJpYW50PXtjb2xvclZhcmlhbnR9XG4gICAgICBpc1JlbW92YWJsZT17aXNSZW1vdmFibGV9XG4gICAgPlxuICAgICAgPFRhZ0xhYmVsPntsYWJlbH08L1RhZ0xhYmVsPlxuXG4gICAgICB7aXNSZW1vdmFibGUgJiYgKFxuICAgICAgICA8Q2xlYXJCdXR0b25cbiAgICAgICAgICBpY29uPVwieFwiXG4gICAgICAgICAgc2l6ZT1cInhzXCJcbiAgICAgICAgICBhcmlhLWxhYmVsPXtjbGVhckJ0bkFyaWFMYWJlbH1cbiAgICAgICAgICBvbkNsaWNrPXtvbkNsZWFyfVxuICAgICAgICAgIGNvbG9yVmFyaWFudD17Y29sb3JWYXJpYW50fVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICA8L1RhZ0NvbnRhaW5lcj5cbiAgKTtcbn1cbiJdfQ== */");
|
|
61
61
|
function Tag(_ref3) {
|
|
62
62
|
let {
|
|
63
63
|
label,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.js","sources":["../../../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { PictogramButton } from \"../PictogramButton/PictogramButton\";\n\nexport const MAX_TAG_WIDTH = 200;\n\ntype BaseTagProps = {\n label: string;\n colorVariant?: \"gray\" | \"blue\";\n \"data-e2e-test-id\"?: string;\n};\ntype ConditionalTagProps =\n | {\n isRemovable?: false;\n onClear?: never;\n clearBtnAriaLabel?: never;\n }\n | {\n isRemovable: true;\n onClear: () => void;\n clearBtnAriaLabel?: string;\n };\n\nexport type TagProps = BaseTagProps & ConditionalTagProps;\n\nconst TagContainer = styled.span<Partial<TagProps>>(\n ({ theme, colorVariant, isRemovable }) => ({\n display: \"inline-flex\",\n alignItems: \"center\",\n maxWidth: `${MAX_TAG_WIDTH}px`,\n paddingLeft: theme.variables.size.spacing.xs,\n paddingRight: isRemovable\n ? theme.variables.size.spacing.zero\n : theme.variables.size.spacing.xs,\n paddingTop: isRemovable\n ? theme.variables.size.spacing.zero\n : theme.variables.size.spacing.xxs,\n paddingBottom: isRemovable\n ? theme.variables.size.spacing.zero\n : theme.variables.size.spacing.xxs,\n borderRadius: theme.variables.size.borderRadius.xs,\n backgroundColor: theme.values.color.tag.background[colorVariant],\n color: theme.values.color.tag.text[colorVariant],\n fontFamily: theme.variables.fontFamily.lato,\n fontSize: theme.variables.size.font.s,\n lineHeight: theme.variables.size.lineHeight.
|
|
1
|
+
{"version":3,"file":"Tag.js","sources":["../../../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { PictogramButton } from \"../PictogramButton/PictogramButton\";\n\nexport const MAX_TAG_WIDTH = 200;\n\ntype BaseTagProps = {\n label: string;\n colorVariant?: \"gray\" | \"blue\";\n \"data-e2e-test-id\"?: string;\n};\ntype ConditionalTagProps =\n | {\n isRemovable?: false;\n onClear?: never;\n clearBtnAriaLabel?: never;\n }\n | {\n isRemovable: true;\n onClear: () => void;\n clearBtnAriaLabel?: string;\n };\n\nexport type TagProps = BaseTagProps & ConditionalTagProps;\n\nconst TagContainer = styled.span<Partial<TagProps>>(\n ({ theme, colorVariant, isRemovable }) => ({\n display: \"inline-flex\",\n alignItems: \"center\",\n maxWidth: `${MAX_TAG_WIDTH}px`,\n paddingLeft: theme.variables.size.spacing.xs,\n paddingRight: isRemovable\n ? theme.variables.size.spacing.zero\n : theme.variables.size.spacing.xs,\n paddingTop: isRemovable\n ? theme.variables.size.spacing.zero\n : theme.variables.size.spacing.xxs,\n paddingBottom: isRemovable\n ? theme.variables.size.spacing.zero\n : theme.variables.size.spacing.xxs,\n borderRadius: theme.variables.size.borderRadius.xs,\n backgroundColor: theme.values.color.tag.background[colorVariant],\n color: theme.values.color.tag.text[colorVariant],\n fontFamily: theme.variables.fontFamily.lato,\n fontSize: theme.variables.size.font.s,\n lineHeight: theme.variables.size.lineHeight.s,\n })\n);\n\nconst TagLabel = styled.span(() => ({\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n}));\n\nconst ClearButton = styled(PictogramButton)<Partial<TagProps>>(\n ({ theme, colorVariant }) => ({\n backgroundColor: \"transparent\",\n color: theme.values.color.tag.text[colorVariant],\n \"&:hover\": {\n color: theme.values.color.tag.text[colorVariant],\n },\n })\n);\n\nexport function Tag({\n label,\n colorVariant = \"gray\",\n isRemovable = false,\n onClear,\n clearBtnAriaLabel,\n \"data-e2e-test-id\": dataE2eTestId,\n}: TagProps): React.ReactElement {\n return (\n <TagContainer\n data-e2e-test-id={dataE2eTestId}\n data-ds-id=\"Tag\"\n colorVariant={colorVariant}\n isRemovable={isRemovable}\n >\n <TagLabel>{label}</TagLabel>\n\n {isRemovable && (\n <ClearButton\n icon=\"x\"\n size=\"xs\"\n aria-label={clearBtnAriaLabel}\n onClick={onClear}\n colorVariant={colorVariant}\n />\n )}\n </TagContainer>\n );\n}\n"],"names":["MAX_TAG_WIDTH","TagContainer","_styled","process","env","NODE_ENV","target","label","_ref","theme","colorVariant","isRemovable","display","alignItems","maxWidth","paddingLeft","variables","size","spacing","xs","paddingRight","zero","paddingTop","xxs","paddingBottom","borderRadius","backgroundColor","values","color","tag","background","text","fontFamily","lato","fontSize","font","s","lineHeight","TagLabel","overflow","textOverflow","whiteSpace","ClearButton","PictogramButton","_ref2","Tag","_ref3","onClear","clearBtnAriaLabel","dataE2eTestId","React","createElement","icon","onClick"],"mappings":"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"}
|
|
@@ -67,8 +67,9 @@ function BasePopover(_ref2) {
|
|
|
67
67
|
}
|
|
68
68
|
return true;
|
|
69
69
|
}, [triggerRef, isOutsideClickOnTrigger]);
|
|
70
|
-
const
|
|
71
|
-
|
|
70
|
+
const handlePostDeactivate = useCallback(() => {
|
|
71
|
+
const reason = isOutsideClickOnTrigger.current ? VisibilityChangeReason.triggerClick : VisibilityChangeReason.outsideClick;
|
|
72
|
+
toggleVisibility(false, reason);
|
|
72
73
|
}, [toggleVisibility]);
|
|
73
74
|
useEffect(() => {
|
|
74
75
|
setVisible(isPopoverVisible);
|
|
@@ -130,7 +131,8 @@ function BasePopover(_ref2) {
|
|
|
130
131
|
dismissOnOutsideClick: dismissOnOutsideClick,
|
|
131
132
|
disableInitialFocus: disableInitialFocus,
|
|
132
133
|
disableReturnFocusToTrigger: disableReturnFocusToTrigger,
|
|
133
|
-
onClose:
|
|
134
|
+
onClose: handlePostDeactivate,
|
|
135
|
+
onClickOutsideDeactivates: handleClickOutsideDeactivates
|
|
134
136
|
}, content);
|
|
135
137
|
return /*#__PURE__*/React.createElement(React.Fragment, null, triggerElm, sheetElm);
|
|
136
138
|
}
|
|
@@ -145,10 +147,7 @@ function BasePopover(_ref2) {
|
|
|
145
147
|
// de-activate focus trap on escape key
|
|
146
148
|
fallbackFocus: `#${tooltipId}`,
|
|
147
149
|
// set focus to tooltip content container if it has no focusable element
|
|
148
|
-
onPostDeactivate:
|
|
149
|
-
const reason = isOutsideClickOnTrigger.current ? VisibilityChangeReason.triggerClick : VisibilityChangeReason.outsideClick;
|
|
150
|
-
toggleVisibility(false, reason);
|
|
151
|
-
},
|
|
150
|
+
onPostDeactivate: handlePostDeactivate,
|
|
152
151
|
preventScroll: true,
|
|
153
152
|
initialFocus: () => !disableInitialFocus,
|
|
154
153
|
returnFocusOnDeactivate: !disableReturnFocusToTrigger
|
|
@@ -167,7 +166,6 @@ function BasePopover(_ref2) {
|
|
|
167
166
|
hasInvertedSubTheme: hasInvertedSubTheme,
|
|
168
167
|
isVisible: isVisible,
|
|
169
168
|
tooltipId: tooltipId,
|
|
170
|
-
tabIndex: -1,
|
|
171
169
|
triggerRef: triggerRef
|
|
172
170
|
}));
|
|
173
171
|
return /*#__PURE__*/React.createElement(React.Fragment, null, triggerElm, tooltipElm);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BasePopover.js","sources":["../../../../../src/components/Toggletip/BasePopover.tsx"],"sourcesContent":["import React, {\n useState,\n useRef,\n useEffect,\n useCallback,\n useMemo,\n ReactElement,\n PropsWithChildren,\n} from \"react\";\nimport type { TooltipContentProps } from \"../Tooltip/TooltipContent\";\nimport { TooltipContent } from \"../Tooltip/TooltipContent\";\nimport { TooltipConditionalProps } from \"../Tooltip/types\";\nimport { Sheet } from \"../Sheet/Sheet\";\nimport { FocusTrapWrapper } from \"../../shared/FocusTrapWrapper\";\nimport breakpoints from \"../../../build-tokens/_breakpoints.json\";\n\ntype BaseProps = Pick<\n TooltipContentProps,\n | \"placement\"\n | \"portalContainer\"\n | \"maxWidth\"\n | \"contentPadding\"\n | \"hideArrow\"\n | \"hasInvertedSubTheme\"\n | \"defaultVerticalPlacement\"\n> & {\n name?: string;\n // Popover content\n content: ReactElement;\n \"data-e2e-test-id\"?: string;\n // Programmatically toggle Popover visibility with this prop\n isVisible?: boolean;\n /* Called when tooltip appears and disappears */\n onVisibilityChange?: (isVisible: boolean, reason: string) => void;\n /* Controls whether BasePopover closes on outside click */\n dismissOnOutsideClick?: boolean;\n /* Option for focus-trap, controls whether the first focuable item recieves focus */\n disableInitialFocus?: boolean;\n /* Option for focus-trap, controls whether the trigger should receive back the focus on popover close */\n disableReturnFocusToTrigger?: boolean;\n /* Render as sheet on mobile web */\n renderAsSheetOnMobile?: boolean;\n};\n\nexport type BasePopoverProps = BaseProps & TooltipConditionalProps;\n\nconst FocusTrapContent = React.forwardRef<\n HTMLDivElement,\n PropsWithChildren<unknown>\n>(({ children }, ref) => <div ref={ref}>{children}</div>);\n\nconst VisibilityChangeReason = {\n triggerClick: \"triggerClick\",\n outsideClick: \"outsideClick\",\n};\n\nexport function BasePopover({\n placement = \"auto\",\n content,\n children,\n contentPadding = \"m\",\n maxWidth,\n externalTriggerRef,\n portalContainer,\n name = \"Popover\",\n isVisible: isPopoverVisible,\n dismissOnOutsideClick = true,\n \"data-e2e-test-id\": dataE2eTestId,\n hasInvertedSubTheme,\n defaultVerticalPlacement,\n onVisibilityChange,\n disableInitialFocus = false,\n disableReturnFocusToTrigger = false,\n renderAsSheetOnMobile = false,\n ...restContentProps\n}: BasePopoverProps): React.ReactElement {\n const tooltipId = useMemo(\n () => `DS${name}_${Math.floor(Date.now() * Math.random())}`,\n [name]\n );\n const [isVisible, setVisible] = useState(isPopoverVisible);\n const [isMobileBreakPoint, setIsMobileBreakpoint] = useState(false);\n const internalTriggerRef = useRef(null);\n const triggerRef = externalTriggerRef || internalTriggerRef;\n const isOutsideClickOnTrigger = useRef(false);\n const isPrevMobileBreakPointRef = useRef(false);\n\n const toggleVisibility = useCallback(\n (status: boolean, reason: string) => {\n setVisible(status);\n\n if (onVisibilityChange) {\n onVisibilityChange(status, reason);\n }\n },\n [onVisibilityChange]\n );\n\n // Outside click is also fired when the Popover is open and trigger is clicked. `isOutsideClickOnTrigger` saves this condition and we check for it so as to not toggle the Popover twice.\n const handleTriggerClick = useCallback(() => {\n if (!isOutsideClickOnTrigger.current) {\n toggleVisibility(!isVisible, VisibilityChangeReason.triggerClick);\n } else {\n // reset this value so that Popover can open in next click\n isOutsideClickOnTrigger.current = false;\n }\n }, [toggleVisibility, isVisible]);\n\n const handleClickOutsideDeactivates = useCallback(\n (evt) => {\n if (triggerRef.current.contains(evt.target)) {\n isOutsideClickOnTrigger.current = true;\n }\n\n return true;\n },\n [triggerRef, isOutsideClickOnTrigger]\n );\n\n const handleSheetClose = useCallback(() => {\n toggleVisibility(false, \"sheetClose\");\n }, [toggleVisibility]);\n\n useEffect(() => {\n setVisible(isPopoverVisible);\n }, [isPopoverVisible]);\n\n useEffect(() => {\n // Check if this is a mobile breakpoint\n if (renderAsSheetOnMobile) {\n setIsMobileBreakpoint(window.innerWidth <= breakpoints.medium.value);\n }\n }, [isVisible, renderAsSheetOnMobile]);\n\n useEffect(() => {\n isPrevMobileBreakPointRef.current = isMobileBreakPoint;\n }, [isMobileBreakPoint]);\n\n useEffect(() => {\n let trigger: HTMLElement;\n\n if (externalTriggerRef?.current && !children) {\n trigger = externalTriggerRef.current;\n\n trigger.setAttribute(\"tabindex\", \"0\");\n trigger.addEventListener(\"click\", handleTriggerClick);\n }\n\n return () => {\n if (trigger) {\n trigger.removeEventListener(\"click\", handleTriggerClick);\n }\n };\n }, [externalTriggerRef, children, handleTriggerClick]);\n\n useEffect(() => {\n if (externalTriggerRef?.current && !children) {\n const trigger = externalTriggerRef.current;\n\n if (isVisible) {\n trigger.setAttribute(\"aria-expanded\", true);\n trigger.setAttribute(\"aria-controls\", tooltipId);\n } else {\n trigger.removeAttribute(\"aria-expanded\");\n trigger.removeAttribute(\"aria-controls\");\n }\n }\n }, [externalTriggerRef, children, tooltipId, isVisible]);\n\n const triggerElm = children\n ? React.cloneElement(children, {\n ref: triggerRef,\n ...(isVisible && {\n \"aria-expanded\": true,\n \"aria-controls\": tooltipId,\n }),\n tabIndex: 0,\n onClick: (evt: React.MouseEvent) => {\n handleTriggerClick();\n if (children.props.onClick) {\n children.props.onClick(evt);\n }\n },\n })\n : null;\n\n if (isMobileBreakPoint) {\n // render as Sheet\n const sheetElm = (\n <Sheet\n id={tooltipId}\n isVisible={isVisible}\n portalContainer={portalContainer}\n dismissOnOutsideClick={dismissOnOutsideClick}\n disableInitialFocus={disableInitialFocus}\n disableReturnFocusToTrigger={disableReturnFocusToTrigger}\n onClose={handleSheetClose}\n >\n {content}\n </Sheet>\n );\n\n return (\n <>\n {triggerElm}\n {sheetElm}\n </>\n );\n }\n\n // render as Popover\n const contentElm = (\n <FocusTrapWrapper\n focusTrapOptions={{\n clickOutsideDeactivates:\n dismissOnOutsideClick && handleClickOutsideDeactivates, // de-active focus trap on outside click\n allowOutsideClick: true,\n escapeDeactivates: true, // de-activate focus trap on escape key\n fallbackFocus: `#${tooltipId}`, // set focus to tooltip content container if it has no focusable element\n onPostDeactivate: () => {\n const reason = isOutsideClickOnTrigger.current\n ? VisibilityChangeReason.triggerClick\n : VisibilityChangeReason.outsideClick;\n\n toggleVisibility(false, reason);\n },\n preventScroll: true,\n initialFocus: () => !disableInitialFocus,\n returnFocusOnDeactivate: !disableReturnFocusToTrigger,\n }}\n >\n <FocusTrapContent>{content}</FocusTrapContent>\n </FocusTrapWrapper>\n );\n\n const tooltipElm = (\n <TooltipContent\n {...restContentProps} // eslint-disable-line react/jsx-props-no-spreading\n defaultVerticalPlacement={defaultVerticalPlacement}\n dataDSId={name}\n content={contentElm}\n contentPadding={contentPadding}\n maxWidth={maxWidth}\n placement={placement}\n portalContainer={portalContainer}\n dataE2eTestId={dataE2eTestId}\n hasInvertedSubTheme={hasInvertedSubTheme}\n isVisible={isVisible}\n tooltipId={tooltipId}\n tabIndex={-1}\n triggerRef={triggerRef}\n />\n );\n\n return (\n <>\n {triggerElm}\n {tooltipElm}\n </>\n );\n}\n"],"names":["FocusTrapContent","React","forwardRef","_ref","ref","children","createElement","VisibilityChangeReason","triggerClick","outsideClick","BasePopover","_ref2","placement","content","contentPadding","maxWidth","externalTriggerRef","portalContainer","name","isVisible","isPopoverVisible","dismissOnOutsideClick","dataE2eTestId","hasInvertedSubTheme","defaultVerticalPlacement","onVisibilityChange","disableInitialFocus","disableReturnFocusToTrigger","renderAsSheetOnMobile","restContentProps","tooltipId","useMemo","Math","floor","Date","now","random","setVisible","useState","isMobileBreakPoint","setIsMobileBreakpoint","internalTriggerRef","useRef","triggerRef","isOutsideClickOnTrigger","isPrevMobileBreakPointRef","toggleVisibility","useCallback","status","reason","handleTriggerClick","current","handleClickOutsideDeactivates","evt","contains","target","handleSheetClose","useEffect","window","innerWidth","breakpoints","medium","value","trigger","setAttribute","addEventListener","removeEventListener","removeAttribute","triggerElm","cloneElement","tabIndex","onClick","props","sheetElm","Sheet","id","onClose","Fragment","contentElm","FocusTrapWrapper","focusTrapOptions","clickOutsideDeactivates","allowOutsideClick","escapeDeactivates","fallbackFocus","onPostDeactivate","preventScroll","initialFocus","returnFocusOnDeactivate","tooltipElm","TooltipContent","_extends","dataDSId"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"BasePopover.js","sources":["../../../../../src/components/Toggletip/BasePopover.tsx"],"sourcesContent":["import React, {\n useState,\n useRef,\n useEffect,\n useCallback,\n useMemo,\n ReactElement,\n PropsWithChildren,\n} from \"react\";\nimport type { TooltipContentProps } from \"../Tooltip/TooltipContent\";\nimport { TooltipContent } from \"../Tooltip/TooltipContent\";\nimport { TooltipConditionalProps } from \"../Tooltip/types\";\nimport { Sheet } from \"../Sheet/Sheet\";\nimport { FocusTrapWrapper } from \"../../shared/FocusTrapWrapper\";\nimport breakpoints from \"../../../build-tokens/_breakpoints.json\";\n\ntype BaseProps = Pick<\n TooltipContentProps,\n | \"placement\"\n | \"portalContainer\"\n | \"maxWidth\"\n | \"contentPadding\"\n | \"hideArrow\"\n | \"hasInvertedSubTheme\"\n | \"defaultVerticalPlacement\"\n> & {\n name?: string;\n // Popover content\n content: ReactElement;\n \"data-e2e-test-id\"?: string;\n // Programmatically toggle Popover visibility with this prop\n isVisible?: boolean;\n /* Called when tooltip appears and disappears */\n onVisibilityChange?: (isVisible: boolean, reason: string) => void;\n /* Controls whether BasePopover closes on outside click */\n dismissOnOutsideClick?: boolean;\n /* Option for focus-trap, controls whether the first focuable item recieves focus */\n disableInitialFocus?: boolean;\n /* Option for focus-trap, controls whether the trigger should receive back the focus on popover close */\n disableReturnFocusToTrigger?: boolean;\n /* Render as sheet on mobile web */\n renderAsSheetOnMobile?: boolean;\n};\n\nexport type BasePopoverProps = BaseProps & TooltipConditionalProps;\n\nconst FocusTrapContent = React.forwardRef<\n HTMLDivElement,\n PropsWithChildren<unknown>\n>(({ children }, ref) => <div ref={ref}>{children}</div>);\n\nconst VisibilityChangeReason = {\n triggerClick: \"triggerClick\",\n outsideClick: \"outsideClick\",\n};\n\nexport function BasePopover({\n placement = \"auto\",\n content,\n children,\n contentPadding = \"m\",\n maxWidth,\n externalTriggerRef,\n portalContainer,\n name = \"Popover\",\n isVisible: isPopoverVisible,\n dismissOnOutsideClick = true,\n \"data-e2e-test-id\": dataE2eTestId,\n hasInvertedSubTheme,\n defaultVerticalPlacement,\n onVisibilityChange,\n disableInitialFocus = false,\n disableReturnFocusToTrigger = false,\n renderAsSheetOnMobile = false,\n ...restContentProps\n}: BasePopoverProps): React.ReactElement {\n const tooltipId = useMemo(\n () => `DS${name}_${Math.floor(Date.now() * Math.random())}`,\n [name]\n );\n const [isVisible, setVisible] = useState(isPopoverVisible);\n const [isMobileBreakPoint, setIsMobileBreakpoint] = useState(false);\n const internalTriggerRef = useRef(null);\n const triggerRef = externalTriggerRef || internalTriggerRef;\n const isOutsideClickOnTrigger = useRef(false);\n const isPrevMobileBreakPointRef = useRef(false);\n\n const toggleVisibility = useCallback(\n (status: boolean, reason: string) => {\n setVisible(status);\n\n if (onVisibilityChange) {\n onVisibilityChange(status, reason);\n }\n },\n [onVisibilityChange]\n );\n\n // Outside click is also fired when the Popover is open and trigger is clicked. `isOutsideClickOnTrigger` saves this condition and we check for it so as to not toggle the Popover twice.\n const handleTriggerClick = useCallback(() => {\n if (!isOutsideClickOnTrigger.current) {\n toggleVisibility(!isVisible, VisibilityChangeReason.triggerClick);\n } else {\n // reset this value so that Popover can open in next click\n isOutsideClickOnTrigger.current = false;\n }\n }, [toggleVisibility, isVisible]);\n\n const handleClickOutsideDeactivates = useCallback(\n (evt) => {\n if (triggerRef.current.contains(evt.target)) {\n isOutsideClickOnTrigger.current = true;\n }\n\n return true;\n },\n [triggerRef, isOutsideClickOnTrigger]\n );\n\n const handlePostDeactivate = useCallback(() => {\n const reason = isOutsideClickOnTrigger.current\n ? VisibilityChangeReason.triggerClick\n : VisibilityChangeReason.outsideClick;\n\n toggleVisibility(false, reason);\n }, [toggleVisibility]);\n\n useEffect(() => {\n setVisible(isPopoverVisible);\n }, [isPopoverVisible]);\n\n useEffect(() => {\n // Check if this is a mobile breakpoint\n if (renderAsSheetOnMobile) {\n setIsMobileBreakpoint(window.innerWidth <= breakpoints.medium.value);\n }\n }, [isVisible, renderAsSheetOnMobile]);\n\n useEffect(() => {\n isPrevMobileBreakPointRef.current = isMobileBreakPoint;\n }, [isMobileBreakPoint]);\n\n useEffect(() => {\n let trigger: HTMLElement;\n\n if (externalTriggerRef?.current && !children) {\n trigger = externalTriggerRef.current;\n\n trigger.setAttribute(\"tabindex\", \"0\");\n trigger.addEventListener(\"click\", handleTriggerClick);\n }\n\n return () => {\n if (trigger) {\n trigger.removeEventListener(\"click\", handleTriggerClick);\n }\n };\n }, [externalTriggerRef, children, handleTriggerClick]);\n\n useEffect(() => {\n if (externalTriggerRef?.current && !children) {\n const trigger = externalTriggerRef.current;\n\n if (isVisible) {\n trigger.setAttribute(\"aria-expanded\", true);\n trigger.setAttribute(\"aria-controls\", tooltipId);\n } else {\n trigger.removeAttribute(\"aria-expanded\");\n trigger.removeAttribute(\"aria-controls\");\n }\n }\n }, [externalTriggerRef, children, tooltipId, isVisible]);\n\n const triggerElm = children\n ? React.cloneElement(children, {\n ref: triggerRef,\n ...(isVisible && {\n \"aria-expanded\": true,\n \"aria-controls\": tooltipId,\n }),\n tabIndex: 0,\n onClick: (evt: React.MouseEvent) => {\n handleTriggerClick();\n if (children.props.onClick) {\n children.props.onClick(evt);\n }\n },\n })\n : null;\n\n if (isMobileBreakPoint) {\n // render as Sheet\n const sheetElm = (\n <Sheet\n id={tooltipId}\n isVisible={isVisible}\n portalContainer={portalContainer}\n dismissOnOutsideClick={dismissOnOutsideClick}\n disableInitialFocus={disableInitialFocus}\n disableReturnFocusToTrigger={disableReturnFocusToTrigger}\n onClose={handlePostDeactivate}\n onClickOutsideDeactivates={handleClickOutsideDeactivates}\n >\n {content}\n </Sheet>\n );\n\n return (\n <>\n {triggerElm}\n {sheetElm}\n </>\n );\n }\n\n // render as Popover\n const contentElm = (\n <FocusTrapWrapper\n focusTrapOptions={{\n clickOutsideDeactivates:\n dismissOnOutsideClick && handleClickOutsideDeactivates, // de-active focus trap on outside click\n allowOutsideClick: true,\n escapeDeactivates: true, // de-activate focus trap on escape key\n fallbackFocus: `#${tooltipId}`, // set focus to tooltip content container if it has no focusable element\n onPostDeactivate: handlePostDeactivate,\n preventScroll: true,\n initialFocus: () => !disableInitialFocus,\n returnFocusOnDeactivate: !disableReturnFocusToTrigger,\n }}\n >\n <FocusTrapContent>{content}</FocusTrapContent>\n </FocusTrapWrapper>\n );\n\n const tooltipElm = (\n <TooltipContent\n {...restContentProps} // eslint-disable-line react/jsx-props-no-spreading\n defaultVerticalPlacement={defaultVerticalPlacement}\n dataDSId={name}\n content={contentElm}\n contentPadding={contentPadding}\n maxWidth={maxWidth}\n placement={placement}\n portalContainer={portalContainer}\n dataE2eTestId={dataE2eTestId}\n hasInvertedSubTheme={hasInvertedSubTheme}\n isVisible={isVisible}\n tooltipId={tooltipId}\n triggerRef={triggerRef}\n />\n );\n\n return (\n <>\n {triggerElm}\n {tooltipElm}\n </>\n );\n}\n"],"names":["FocusTrapContent","React","forwardRef","_ref","ref","children","createElement","VisibilityChangeReason","triggerClick","outsideClick","BasePopover","_ref2","placement","content","contentPadding","maxWidth","externalTriggerRef","portalContainer","name","isVisible","isPopoverVisible","dismissOnOutsideClick","dataE2eTestId","hasInvertedSubTheme","defaultVerticalPlacement","onVisibilityChange","disableInitialFocus","disableReturnFocusToTrigger","renderAsSheetOnMobile","restContentProps","tooltipId","useMemo","Math","floor","Date","now","random","setVisible","useState","isMobileBreakPoint","setIsMobileBreakpoint","internalTriggerRef","useRef","triggerRef","isOutsideClickOnTrigger","isPrevMobileBreakPointRef","toggleVisibility","useCallback","status","reason","handleTriggerClick","current","handleClickOutsideDeactivates","evt","contains","target","handlePostDeactivate","useEffect","window","innerWidth","breakpoints","medium","value","trigger","setAttribute","addEventListener","removeEventListener","removeAttribute","triggerElm","cloneElement","tabIndex","onClick","props","sheetElm","Sheet","id","onClose","onClickOutsideDeactivates","Fragment","contentElm","FocusTrapWrapper","focusTrapOptions","clickOutsideDeactivates","allowOutsideClick","escapeDeactivates","fallbackFocus","onPostDeactivate","preventScroll","initialFocus","returnFocusOnDeactivate","tooltipElm","TooltipContent","_extends","dataDSId"],"mappings":"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"}
|
|
@@ -22,9 +22,9 @@ const H1 = /*#__PURE__*/_styled("h1", process.env.NODE_ENV === "production" ? {
|
|
|
22
22
|
return {
|
|
23
23
|
...getCommonStyles(theme, color),
|
|
24
24
|
fontSize: theme.variables.size.font.xxxl,
|
|
25
|
-
lineHeight: theme.variables.size.lineHeight.
|
|
25
|
+
lineHeight: theme.variables.size.lineHeight.s
|
|
26
26
|
};
|
|
27
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0JrQiIsImZpbGUiOiJIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgQmFzZUNvbG9ycyB9IGZyb20gXCJzcmMvdHlwZXNcIjtcblxuZXhwb3J0IHR5cGUgSGVhZGVyUHJvcHMgPSB7XG4gIGFzPzogXCJoMVwiIHwgXCJoMlwiIHwgXCJoM1wiIHwgXCJoNFwiIHwgXCJoNVwiIHwgXCJoNlwiO1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgLyoqIEBpZ25vcmUgKi9cbiAgXCJkYXRhLWRzLWlkXCI/OiBzdHJpbmc7XG4gIGlkPzogc3RyaW5nO1xuICBjb2xvcj86IEJhc2VDb2xvcnM7XG59O1xuXG5jb25zdCBnZXRDb21tb25TdHlsZXMgPSAodGhlbWU6IFRoZW1lLCBjb2xvcjogQmFzZUNvbG9ycyA9IFwicHJpbWFyeVwiKSA9PiAoe1xuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHRbY29sb3JdLmRlZmF1bHQsXG4gIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQuYmxhY2ssXG4gIG1hcmdpbjogMCxcbn0pO1xuXG5leHBvcnQgY29uc3QgSDEgPSBzdHlsZWQuaDE8SGVhZGVyUHJvcHM+
|
|
27
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0JrQiIsImZpbGUiOiJIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgQmFzZUNvbG9ycyB9IGZyb20gXCJzcmMvdHlwZXNcIjtcblxuZXhwb3J0IHR5cGUgSGVhZGVyUHJvcHMgPSB7XG4gIGFzPzogXCJoMVwiIHwgXCJoMlwiIHwgXCJoM1wiIHwgXCJoNFwiIHwgXCJoNVwiIHwgXCJoNlwiO1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgLyoqIEBpZ25vcmUgKi9cbiAgXCJkYXRhLWRzLWlkXCI/OiBzdHJpbmc7XG4gIGlkPzogc3RyaW5nO1xuICBjb2xvcj86IEJhc2VDb2xvcnM7XG59O1xuXG5jb25zdCBnZXRDb21tb25TdHlsZXMgPSAodGhlbWU6IFRoZW1lLCBjb2xvcjogQmFzZUNvbG9ycyA9IFwicHJpbWFyeVwiKSA9PiAoe1xuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHRbY29sb3JdLmRlZmF1bHQsXG4gIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQuYmxhY2ssXG4gIG1hcmdpbjogMCxcbn0pO1xuXG5leHBvcnQgY29uc3QgSDEgPSBzdHlsZWQuaDE8SGVhZGVyUHJvcHM+KCh7IHRoZW1lLCBjb2xvciB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUsIGNvbG9yKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQueHh4bCxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5zLFxufSkpO1xuXG5IMS5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgxXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDIgPSBzdHlsZWQuaDI8SGVhZGVyUHJvcHM+KCh7IHRoZW1lLCBjb2xvciB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUsIGNvbG9yKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQueHhsLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0Lm0sXG59KSk7XG5cbkgyLmRlZmF1bHRQcm9wcyA9IHtcbiAgXCJkYXRhLWRzLWlkXCI6IFwiSDJcIixcbn07XG5cbmV4cG9ydCBjb25zdCBIMyA9IHN0eWxlZC5oMzxIZWFkZXJQcm9wcz4oKHsgdGhlbWUsIGNvbG9yIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSwgY29sb3IpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC54bCxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5tLFxufSkpO1xuXG5IMy5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgzXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDQgPSBzdHlsZWQuaDQ8SGVhZGVyUHJvcHM+KCh7IHRoZW1lLCBjb2xvciB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUsIGNvbG9yKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQubCxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5sLFxufSkpO1xuXG5INC5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkg0XCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDUgPSBzdHlsZWQuaDU8SGVhZGVyUHJvcHM+KCh7IHRoZW1lLCBjb2xvciB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUsIGNvbG9yKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQubSxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC54bCxcbn0pKTtcblxuSDUuZGVmYXVsdFByb3BzID0ge1xuICBcImRhdGEtZHMtaWRcIjogXCJINVwiLFxufTtcblxuZXhwb3J0IGNvbnN0IEg2ID0gc3R5bGVkLmg2PE9taXQ8SGVhZGVyUHJvcHMsIFwiY29sb3JcIj4+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LnhzLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0Lm0sXG4gIGxldHRlclNwYWNpbmc6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxldHRlclNwYWNpbmcucyxcbiAgdGV4dFRyYW5zZm9ybTogXCJ1cHBlcmNhc2VcIixcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnRlcnRpYXJ5LmRlZmF1bHQsXG59KSk7XG5cbkg2LmRlZmF1bHRQcm9wcyA9IHtcbiAgXCJkYXRhLWRzLWlkXCI6IFwiSDZcIixcbn07XG4iXX0= */");
|
|
28
28
|
H1.defaultProps = {
|
|
29
29
|
"data-ds-id": "H1"
|
|
30
30
|
};
|
|
@@ -41,9 +41,9 @@ const H2 = /*#__PURE__*/_styled("h2", process.env.NODE_ENV === "production" ? {
|
|
|
41
41
|
return {
|
|
42
42
|
...getCommonStyles(theme, color),
|
|
43
43
|
fontSize: theme.variables.size.font.xxl,
|
|
44
|
-
lineHeight: theme.variables.size.lineHeight.
|
|
44
|
+
lineHeight: theme.variables.size.lineHeight.m
|
|
45
45
|
};
|
|
46
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0NrQiIsImZpbGUiOiJIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgQmFzZUNvbG9ycyB9IGZyb20gXCJzcmMvdHlwZXNcIjtcblxuZXhwb3J0IHR5cGUgSGVhZGVyUHJvcHMgPSB7XG4gIGFzPzogXCJoMVwiIHwgXCJoMlwiIHwgXCJoM1wiIHwgXCJoNFwiIHwgXCJoNVwiIHwgXCJoNlwiO1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgLyoqIEBpZ25vcmUgKi9cbiAgXCJkYXRhLWRzLWlkXCI/OiBzdHJpbmc7XG4gIGlkPzogc3RyaW5nO1xuICBjb2xvcj86IEJhc2VDb2xvcnM7XG59O1xuXG5jb25zdCBnZXRDb21tb25TdHlsZXMgPSAodGhlbWU6IFRoZW1lLCBjb2xvcjogQmFzZUNvbG9ycyA9IFwicHJpbWFyeVwiKSA9PiAoe1xuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHRbY29sb3JdLmRlZmF1bHQsXG4gIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQuYmxhY2ssXG4gIG1hcmdpbjogMCxcbn0pO1xuXG5leHBvcnQgY29uc3QgSDEgPSBzdHlsZWQuaDE8SGVhZGVyUHJvcHM+
|
|
46
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0NrQiIsImZpbGUiOiJIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgQmFzZUNvbG9ycyB9IGZyb20gXCJzcmMvdHlwZXNcIjtcblxuZXhwb3J0IHR5cGUgSGVhZGVyUHJvcHMgPSB7XG4gIGFzPzogXCJoMVwiIHwgXCJoMlwiIHwgXCJoM1wiIHwgXCJoNFwiIHwgXCJoNVwiIHwgXCJoNlwiO1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgLyoqIEBpZ25vcmUgKi9cbiAgXCJkYXRhLWRzLWlkXCI/OiBzdHJpbmc7XG4gIGlkPzogc3RyaW5nO1xuICBjb2xvcj86IEJhc2VDb2xvcnM7XG59O1xuXG5jb25zdCBnZXRDb21tb25TdHlsZXMgPSAodGhlbWU6IFRoZW1lLCBjb2xvcjogQmFzZUNvbG9ycyA9IFwicHJpbWFyeVwiKSA9PiAoe1xuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHRbY29sb3JdLmRlZmF1bHQsXG4gIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQuYmxhY2ssXG4gIG1hcmdpbjogMCxcbn0pO1xuXG5leHBvcnQgY29uc3QgSDEgPSBzdHlsZWQuaDE8SGVhZGVyUHJvcHM+KCh7IHRoZW1lLCBjb2xvciB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUsIGNvbG9yKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQueHh4bCxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5zLFxufSkpO1xuXG5IMS5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgxXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDIgPSBzdHlsZWQuaDI8SGVhZGVyUHJvcHM+KCh7IHRoZW1lLCBjb2xvciB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUsIGNvbG9yKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQueHhsLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0Lm0sXG59KSk7XG5cbkgyLmRlZmF1bHRQcm9wcyA9IHtcbiAgXCJkYXRhLWRzLWlkXCI6IFwiSDJcIixcbn07XG5cbmV4cG9ydCBjb25zdCBIMyA9IHN0eWxlZC5oMzxIZWFkZXJQcm9wcz4oKHsgdGhlbWUsIGNvbG9yIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSwgY29sb3IpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC54bCxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5tLFxufSkpO1xuXG5IMy5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgzXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDQgPSBzdHlsZWQuaDQ8SGVhZGVyUHJvcHM+KCh7IHRoZW1lLCBjb2xvciB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUsIGNvbG9yKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQubCxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5sLFxufSkpO1xuXG5INC5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkg0XCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDUgPSBzdHlsZWQuaDU8SGVhZGVyUHJvcHM+KCh7IHRoZW1lLCBjb2xvciB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUsIGNvbG9yKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQubSxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC54bCxcbn0pKTtcblxuSDUuZGVmYXVsdFByb3BzID0ge1xuICBcImRhdGEtZHMtaWRcIjogXCJINVwiLFxufTtcblxuZXhwb3J0IGNvbnN0IEg2ID0gc3R5bGVkLmg2PE9taXQ8SGVhZGVyUHJvcHMsIFwiY29sb3JcIj4+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LnhzLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0Lm0sXG4gIGxldHRlclNwYWNpbmc6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxldHRlclNwYWNpbmcucyxcbiAgdGV4dFRyYW5zZm9ybTogXCJ1cHBlcmNhc2VcIixcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnRlcnRpYXJ5LmRlZmF1bHQsXG59KSk7XG5cbkg2LmRlZmF1bHRQcm9wcyA9IHtcbiAgXCJkYXRhLWRzLWlkXCI6IFwiSDZcIixcbn07XG4iXX0= */");
|
|
47
47
|
H2.defaultProps = {
|
|
48
48
|
"data-ds-id": "H2"
|
|
49
49
|
};
|
|
@@ -60,9 +60,9 @@ const H3 = /*#__PURE__*/_styled("h3", process.env.NODE_ENV === "production" ? {
|
|
|
60
60
|
return {
|
|
61
61
|
...getCommonStyles(theme, color),
|
|
62
62
|
fontSize: theme.variables.size.font.xl,
|
|
63
|
-
lineHeight: theme.variables.size.lineHeight.
|
|
63
|
+
lineHeight: theme.variables.size.lineHeight.m
|
|
64
64
|
};
|
|
65
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMENrQiIsImZpbGUiOiJIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgQmFzZUNvbG9ycyB9IGZyb20gXCJzcmMvdHlwZXNcIjtcblxuZXhwb3J0IHR5cGUgSGVhZGVyUHJvcHMgPSB7XG4gIGFzPzogXCJoMVwiIHwgXCJoMlwiIHwgXCJoM1wiIHwgXCJoNFwiIHwgXCJoNVwiIHwgXCJoNlwiO1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgLyoqIEBpZ25vcmUgKi9cbiAgXCJkYXRhLWRzLWlkXCI/OiBzdHJpbmc7XG4gIGlkPzogc3RyaW5nO1xuICBjb2xvcj86IEJhc2VDb2xvcnM7XG59O1xuXG5jb25zdCBnZXRDb21tb25TdHlsZXMgPSAodGhlbWU6IFRoZW1lLCBjb2xvcjogQmFzZUNvbG9ycyA9IFwicHJpbWFyeVwiKSA9PiAoe1xuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHRbY29sb3JdLmRlZmF1bHQsXG4gIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQuYmxhY2ssXG4gIG1hcmdpbjogMCxcbn0pO1xuXG5leHBvcnQgY29uc3QgSDEgPSBzdHlsZWQuaDE8SGVhZGVyUHJvcHM+
|
|
65
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMENrQiIsImZpbGUiOiJIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgQmFzZUNvbG9ycyB9IGZyb20gXCJzcmMvdHlwZXNcIjtcblxuZXhwb3J0IHR5cGUgSGVhZGVyUHJvcHMgPSB7XG4gIGFzPzogXCJoMVwiIHwgXCJoMlwiIHwgXCJoM1wiIHwgXCJoNFwiIHwgXCJoNVwiIHwgXCJoNlwiO1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgLyoqIEBpZ25vcmUgKi9cbiAgXCJkYXRhLWRzLWlkXCI/OiBzdHJpbmc7XG4gIGlkPzogc3RyaW5nO1xuICBjb2xvcj86IEJhc2VDb2xvcnM7XG59O1xuXG5jb25zdCBnZXRDb21tb25TdHlsZXMgPSAodGhlbWU6IFRoZW1lLCBjb2xvcjogQmFzZUNvbG9ycyA9IFwicHJpbWFyeVwiKSA9PiAoe1xuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHRbY29sb3JdLmRlZmF1bHQsXG4gIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQuYmxhY2ssXG4gIG1hcmdpbjogMCxcbn0pO1xuXG5leHBvcnQgY29uc3QgSDEgPSBzdHlsZWQuaDE8SGVhZGVyUHJvcHM+KCh7IHRoZW1lLCBjb2xvciB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUsIGNvbG9yKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQueHh4bCxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5zLFxufSkpO1xuXG5IMS5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgxXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDIgPSBzdHlsZWQuaDI8SGVhZGVyUHJvcHM+KCh7IHRoZW1lLCBjb2xvciB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUsIGNvbG9yKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQueHhsLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0Lm0sXG59KSk7XG5cbkgyLmRlZmF1bHRQcm9wcyA9IHtcbiAgXCJkYXRhLWRzLWlkXCI6IFwiSDJcIixcbn07XG5cbmV4cG9ydCBjb25zdCBIMyA9IHN0eWxlZC5oMzxIZWFkZXJQcm9wcz4oKHsgdGhlbWUsIGNvbG9yIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSwgY29sb3IpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC54bCxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5tLFxufSkpO1xuXG5IMy5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgzXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDQgPSBzdHlsZWQuaDQ8SGVhZGVyUHJvcHM+KCh7IHRoZW1lLCBjb2xvciB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUsIGNvbG9yKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQubCxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5sLFxufSkpO1xuXG5INC5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkg0XCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDUgPSBzdHlsZWQuaDU8SGVhZGVyUHJvcHM+KCh7IHRoZW1lLCBjb2xvciB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUsIGNvbG9yKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQubSxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC54bCxcbn0pKTtcblxuSDUuZGVmYXVsdFByb3BzID0ge1xuICBcImRhdGEtZHMtaWRcIjogXCJINVwiLFxufTtcblxuZXhwb3J0IGNvbnN0IEg2ID0gc3R5bGVkLmg2PE9taXQ8SGVhZGVyUHJvcHMsIFwiY29sb3JcIj4+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LnhzLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0Lm0sXG4gIGxldHRlclNwYWNpbmc6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxldHRlclNwYWNpbmcucyxcbiAgdGV4dFRyYW5zZm9ybTogXCJ1cHBlcmNhc2VcIixcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnRlcnRpYXJ5LmRlZmF1bHQsXG59KSk7XG5cbkg2LmRlZmF1bHRQcm9wcyA9IHtcbiAgXCJkYXRhLWRzLWlkXCI6IFwiSDZcIixcbn07XG4iXX0= */");
|
|
66
66
|
H3.defaultProps = {
|
|
67
67
|
"data-ds-id": "H3"
|
|
68
68
|
};
|
|
@@ -79,9 +79,9 @@ const H4 = /*#__PURE__*/_styled("h4", process.env.NODE_ENV === "production" ? {
|
|
|
79
79
|
return {
|
|
80
80
|
...getCommonStyles(theme, color),
|
|
81
81
|
fontSize: theme.variables.size.font.l,
|
|
82
|
-
lineHeight: theme.variables.size.lineHeight.
|
|
82
|
+
lineHeight: theme.variables.size.lineHeight.l
|
|
83
83
|
};
|
|
84
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0RrQiIsImZpbGUiOiJIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgQmFzZUNvbG9ycyB9IGZyb20gXCJzcmMvdHlwZXNcIjtcblxuZXhwb3J0IHR5cGUgSGVhZGVyUHJvcHMgPSB7XG4gIGFzPzogXCJoMVwiIHwgXCJoMlwiIHwgXCJoM1wiIHwgXCJoNFwiIHwgXCJoNVwiIHwgXCJoNlwiO1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgLyoqIEBpZ25vcmUgKi9cbiAgXCJkYXRhLWRzLWlkXCI/OiBzdHJpbmc7XG4gIGlkPzogc3RyaW5nO1xuICBjb2xvcj86IEJhc2VDb2xvcnM7XG59O1xuXG5jb25zdCBnZXRDb21tb25TdHlsZXMgPSAodGhlbWU6IFRoZW1lLCBjb2xvcjogQmFzZUNvbG9ycyA9IFwicHJpbWFyeVwiKSA9PiAoe1xuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHRbY29sb3JdLmRlZmF1bHQsXG4gIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQuYmxhY2ssXG4gIG1hcmdpbjogMCxcbn0pO1xuXG5leHBvcnQgY29uc3QgSDEgPSBzdHlsZWQuaDE8SGVhZGVyUHJvcHM+
|
|
84
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0RrQiIsImZpbGUiOiJIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgQmFzZUNvbG9ycyB9IGZyb20gXCJzcmMvdHlwZXNcIjtcblxuZXhwb3J0IHR5cGUgSGVhZGVyUHJvcHMgPSB7XG4gIGFzPzogXCJoMVwiIHwgXCJoMlwiIHwgXCJoM1wiIHwgXCJoNFwiIHwgXCJoNVwiIHwgXCJoNlwiO1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgLyoqIEBpZ25vcmUgKi9cbiAgXCJkYXRhLWRzLWlkXCI/OiBzdHJpbmc7XG4gIGlkPzogc3RyaW5nO1xuICBjb2xvcj86IEJhc2VDb2xvcnM7XG59O1xuXG5jb25zdCBnZXRDb21tb25TdHlsZXMgPSAodGhlbWU6IFRoZW1lLCBjb2xvcjogQmFzZUNvbG9ycyA9IFwicHJpbWFyeVwiKSA9PiAoe1xuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHRbY29sb3JdLmRlZmF1bHQsXG4gIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQuYmxhY2ssXG4gIG1hcmdpbjogMCxcbn0pO1xuXG5leHBvcnQgY29uc3QgSDEgPSBzdHlsZWQuaDE8SGVhZGVyUHJvcHM+KCh7IHRoZW1lLCBjb2xvciB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUsIGNvbG9yKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQueHh4bCxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5zLFxufSkpO1xuXG5IMS5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgxXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDIgPSBzdHlsZWQuaDI8SGVhZGVyUHJvcHM+KCh7IHRoZW1lLCBjb2xvciB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUsIGNvbG9yKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQueHhsLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0Lm0sXG59KSk7XG5cbkgyLmRlZmF1bHRQcm9wcyA9IHtcbiAgXCJkYXRhLWRzLWlkXCI6IFwiSDJcIixcbn07XG5cbmV4cG9ydCBjb25zdCBIMyA9IHN0eWxlZC5oMzxIZWFkZXJQcm9wcz4oKHsgdGhlbWUsIGNvbG9yIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSwgY29sb3IpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC54bCxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5tLFxufSkpO1xuXG5IMy5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgzXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDQgPSBzdHlsZWQuaDQ8SGVhZGVyUHJvcHM+KCh7IHRoZW1lLCBjb2xvciB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUsIGNvbG9yKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQubCxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5sLFxufSkpO1xuXG5INC5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkg0XCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDUgPSBzdHlsZWQuaDU8SGVhZGVyUHJvcHM+KCh7IHRoZW1lLCBjb2xvciB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUsIGNvbG9yKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQubSxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC54bCxcbn0pKTtcblxuSDUuZGVmYXVsdFByb3BzID0ge1xuICBcImRhdGEtZHMtaWRcIjogXCJINVwiLFxufTtcblxuZXhwb3J0IGNvbnN0IEg2ID0gc3R5bGVkLmg2PE9taXQ8SGVhZGVyUHJvcHMsIFwiY29sb3JcIj4+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LnhzLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0Lm0sXG4gIGxldHRlclNwYWNpbmc6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxldHRlclNwYWNpbmcucyxcbiAgdGV4dFRyYW5zZm9ybTogXCJ1cHBlcmNhc2VcIixcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnRlcnRpYXJ5LmRlZmF1bHQsXG59KSk7XG5cbkg2LmRlZmF1bHRQcm9wcyA9IHtcbiAgXCJkYXRhLWRzLWlkXCI6IFwiSDZcIixcbn07XG4iXX0= */");
|
|
85
85
|
H4.defaultProps = {
|
|
86
86
|
"data-ds-id": "H4"
|
|
87
87
|
};
|
|
@@ -98,9 +98,9 @@ const H5 = /*#__PURE__*/_styled("h5", process.env.NODE_ENV === "production" ? {
|
|
|
98
98
|
return {
|
|
99
99
|
...getCommonStyles(theme, color),
|
|
100
100
|
fontSize: theme.variables.size.font.m,
|
|
101
|
-
lineHeight: theme.variables.size.lineHeight.
|
|
101
|
+
lineHeight: theme.variables.size.lineHeight.xl
|
|
102
102
|
};
|
|
103
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOERrQiIsImZpbGUiOiJIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgQmFzZUNvbG9ycyB9IGZyb20gXCJzcmMvdHlwZXNcIjtcblxuZXhwb3J0IHR5cGUgSGVhZGVyUHJvcHMgPSB7XG4gIGFzPzogXCJoMVwiIHwgXCJoMlwiIHwgXCJoM1wiIHwgXCJoNFwiIHwgXCJoNVwiIHwgXCJoNlwiO1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgLyoqIEBpZ25vcmUgKi9cbiAgXCJkYXRhLWRzLWlkXCI/OiBzdHJpbmc7XG4gIGlkPzogc3RyaW5nO1xuICBjb2xvcj86IEJhc2VDb2xvcnM7XG59O1xuXG5jb25zdCBnZXRDb21tb25TdHlsZXMgPSAodGhlbWU6IFRoZW1lLCBjb2xvcjogQmFzZUNvbG9ycyA9IFwicHJpbWFyeVwiKSA9PiAoe1xuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHRbY29sb3JdLmRlZmF1bHQsXG4gIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQuYmxhY2ssXG4gIG1hcmdpbjogMCxcbn0pO1xuXG5leHBvcnQgY29uc3QgSDEgPSBzdHlsZWQuaDE8SGVhZGVyUHJvcHM+
|
|
103
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOERrQiIsImZpbGUiOiJIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgQmFzZUNvbG9ycyB9IGZyb20gXCJzcmMvdHlwZXNcIjtcblxuZXhwb3J0IHR5cGUgSGVhZGVyUHJvcHMgPSB7XG4gIGFzPzogXCJoMVwiIHwgXCJoMlwiIHwgXCJoM1wiIHwgXCJoNFwiIHwgXCJoNVwiIHwgXCJoNlwiO1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgLyoqIEBpZ25vcmUgKi9cbiAgXCJkYXRhLWRzLWlkXCI/OiBzdHJpbmc7XG4gIGlkPzogc3RyaW5nO1xuICBjb2xvcj86IEJhc2VDb2xvcnM7XG59O1xuXG5jb25zdCBnZXRDb21tb25TdHlsZXMgPSAodGhlbWU6IFRoZW1lLCBjb2xvcjogQmFzZUNvbG9ycyA9IFwicHJpbWFyeVwiKSA9PiAoe1xuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHRbY29sb3JdLmRlZmF1bHQsXG4gIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQuYmxhY2ssXG4gIG1hcmdpbjogMCxcbn0pO1xuXG5leHBvcnQgY29uc3QgSDEgPSBzdHlsZWQuaDE8SGVhZGVyUHJvcHM+KCh7IHRoZW1lLCBjb2xvciB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUsIGNvbG9yKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQueHh4bCxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5zLFxufSkpO1xuXG5IMS5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgxXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDIgPSBzdHlsZWQuaDI8SGVhZGVyUHJvcHM+KCh7IHRoZW1lLCBjb2xvciB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUsIGNvbG9yKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQueHhsLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0Lm0sXG59KSk7XG5cbkgyLmRlZmF1bHRQcm9wcyA9IHtcbiAgXCJkYXRhLWRzLWlkXCI6IFwiSDJcIixcbn07XG5cbmV4cG9ydCBjb25zdCBIMyA9IHN0eWxlZC5oMzxIZWFkZXJQcm9wcz4oKHsgdGhlbWUsIGNvbG9yIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSwgY29sb3IpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC54bCxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5tLFxufSkpO1xuXG5IMy5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgzXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDQgPSBzdHlsZWQuaDQ8SGVhZGVyUHJvcHM+KCh7IHRoZW1lLCBjb2xvciB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUsIGNvbG9yKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQubCxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5sLFxufSkpO1xuXG5INC5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkg0XCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDUgPSBzdHlsZWQuaDU8SGVhZGVyUHJvcHM+KCh7IHRoZW1lLCBjb2xvciB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUsIGNvbG9yKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQubSxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC54bCxcbn0pKTtcblxuSDUuZGVmYXVsdFByb3BzID0ge1xuICBcImRhdGEtZHMtaWRcIjogXCJINVwiLFxufTtcblxuZXhwb3J0IGNvbnN0IEg2ID0gc3R5bGVkLmg2PE9taXQ8SGVhZGVyUHJvcHMsIFwiY29sb3JcIj4+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LnhzLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0Lm0sXG4gIGxldHRlclNwYWNpbmc6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxldHRlclNwYWNpbmcucyxcbiAgdGV4dFRyYW5zZm9ybTogXCJ1cHBlcmNhc2VcIixcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnRlcnRpYXJ5LmRlZmF1bHQsXG59KSk7XG5cbkg2LmRlZmF1bHRQcm9wcyA9IHtcbiAgXCJkYXRhLWRzLWlkXCI6IFwiSDZcIixcbn07XG4iXX0= */");
|
|
104
104
|
H5.defaultProps = {
|
|
105
105
|
"data-ds-id": "H5"
|
|
106
106
|
};
|
|
@@ -116,12 +116,12 @@ const H6 = /*#__PURE__*/_styled("h6", process.env.NODE_ENV === "production" ? {
|
|
|
116
116
|
return {
|
|
117
117
|
...getCommonStyles(theme),
|
|
118
118
|
fontSize: theme.variables.size.font.xs,
|
|
119
|
-
lineHeight: theme.variables.size.lineHeight.
|
|
120
|
-
letterSpacing:
|
|
119
|
+
lineHeight: theme.variables.size.lineHeight.m,
|
|
120
|
+
letterSpacing: theme.variables.size.letterSpacing.s,
|
|
121
121
|
textTransform: "uppercase",
|
|
122
122
|
color: theme.values.color.text.tertiary.default
|
|
123
123
|
};
|
|
124
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0VrQiIsImZpbGUiOiJIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgQmFzZUNvbG9ycyB9IGZyb20gXCJzcmMvdHlwZXNcIjtcblxuZXhwb3J0IHR5cGUgSGVhZGVyUHJvcHMgPSB7XG4gIGFzPzogXCJoMVwiIHwgXCJoMlwiIHwgXCJoM1wiIHwgXCJoNFwiIHwgXCJoNVwiIHwgXCJoNlwiO1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgLyoqIEBpZ25vcmUgKi9cbiAgXCJkYXRhLWRzLWlkXCI/OiBzdHJpbmc7XG4gIGlkPzogc3RyaW5nO1xuICBjb2xvcj86IEJhc2VDb2xvcnM7XG59O1xuXG5jb25zdCBnZXRDb21tb25TdHlsZXMgPSAodGhlbWU6IFRoZW1lLCBjb2xvcjogQmFzZUNvbG9ycyA9IFwicHJpbWFyeVwiKSA9PiAoe1xuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHRbY29sb3JdLmRlZmF1bHQsXG4gIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQuYmxhY2ssXG4gIG1hcmdpbjogMCxcbn0pO1xuXG5leHBvcnQgY29uc3QgSDEgPSBzdHlsZWQuaDE8SGVhZGVyUHJvcHM+
|
|
124
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0VrQiIsImZpbGUiOiJIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgQmFzZUNvbG9ycyB9IGZyb20gXCJzcmMvdHlwZXNcIjtcblxuZXhwb3J0IHR5cGUgSGVhZGVyUHJvcHMgPSB7XG4gIGFzPzogXCJoMVwiIHwgXCJoMlwiIHwgXCJoM1wiIHwgXCJoNFwiIHwgXCJoNVwiIHwgXCJoNlwiO1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgLyoqIEBpZ25vcmUgKi9cbiAgXCJkYXRhLWRzLWlkXCI/OiBzdHJpbmc7XG4gIGlkPzogc3RyaW5nO1xuICBjb2xvcj86IEJhc2VDb2xvcnM7XG59O1xuXG5jb25zdCBnZXRDb21tb25TdHlsZXMgPSAodGhlbWU6IFRoZW1lLCBjb2xvcjogQmFzZUNvbG9ycyA9IFwicHJpbWFyeVwiKSA9PiAoe1xuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHRbY29sb3JdLmRlZmF1bHQsXG4gIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQuYmxhY2ssXG4gIG1hcmdpbjogMCxcbn0pO1xuXG5leHBvcnQgY29uc3QgSDEgPSBzdHlsZWQuaDE8SGVhZGVyUHJvcHM+KCh7IHRoZW1lLCBjb2xvciB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUsIGNvbG9yKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQueHh4bCxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5zLFxufSkpO1xuXG5IMS5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgxXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDIgPSBzdHlsZWQuaDI8SGVhZGVyUHJvcHM+KCh7IHRoZW1lLCBjb2xvciB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUsIGNvbG9yKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQueHhsLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0Lm0sXG59KSk7XG5cbkgyLmRlZmF1bHRQcm9wcyA9IHtcbiAgXCJkYXRhLWRzLWlkXCI6IFwiSDJcIixcbn07XG5cbmV4cG9ydCBjb25zdCBIMyA9IHN0eWxlZC5oMzxIZWFkZXJQcm9wcz4oKHsgdGhlbWUsIGNvbG9yIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSwgY29sb3IpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC54bCxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5tLFxufSkpO1xuXG5IMy5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgzXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDQgPSBzdHlsZWQuaDQ8SGVhZGVyUHJvcHM+KCh7IHRoZW1lLCBjb2xvciB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUsIGNvbG9yKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQubCxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5sLFxufSkpO1xuXG5INC5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkg0XCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDUgPSBzdHlsZWQuaDU8SGVhZGVyUHJvcHM+KCh7IHRoZW1lLCBjb2xvciB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUsIGNvbG9yKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQubSxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC54bCxcbn0pKTtcblxuSDUuZGVmYXVsdFByb3BzID0ge1xuICBcImRhdGEtZHMtaWRcIjogXCJINVwiLFxufTtcblxuZXhwb3J0IGNvbnN0IEg2ID0gc3R5bGVkLmg2PE9taXQ8SGVhZGVyUHJvcHMsIFwiY29sb3JcIj4+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LnhzLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0Lm0sXG4gIGxldHRlclNwYWNpbmc6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxldHRlclNwYWNpbmcucyxcbiAgdGV4dFRyYW5zZm9ybTogXCJ1cHBlcmNhc2VcIixcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnRlcnRpYXJ5LmRlZmF1bHQsXG59KSk7XG5cbkg2LmRlZmF1bHRQcm9wcyA9IHtcbiAgXCJkYXRhLWRzLWlkXCI6IFwiSDZcIixcbn07XG4iXX0= */");
|
|
125
125
|
H6.defaultProps = {
|
|
126
126
|
"data-ds-id": "H6"
|
|
127
127
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sources":["../../../../../../src/components/Typography/Header/Header.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Theme } from \"@emotion/react\";\nimport { BaseColors } from \"src/types\";\n\nexport type HeaderProps = {\n as?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n children: React.ReactNode;\n \"data-e2e-test-id\"?: string;\n /** @ignore */\n \"data-ds-id\"?: string;\n id?: string;\n color?: BaseColors;\n};\n\nconst getCommonStyles = (theme: Theme, color: BaseColors = \"primary\") => ({\n color: theme.values.color.text[color].default,\n fontFamily: theme.variables.fontFamily.lato,\n fontWeight: theme.variables.weight.black,\n margin: 0,\n});\n\nexport const H1 = styled.h1<HeaderProps>(({ theme, color }) => ({\n ...getCommonStyles(theme, color),\n fontSize: theme.variables.size.font.xxxl,\n lineHeight: theme.variables.size.lineHeight.
|
|
1
|
+
{"version":3,"file":"Header.js","sources":["../../../../../../src/components/Typography/Header/Header.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Theme } from \"@emotion/react\";\nimport { BaseColors } from \"src/types\";\n\nexport type HeaderProps = {\n as?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n children: React.ReactNode;\n \"data-e2e-test-id\"?: string;\n /** @ignore */\n \"data-ds-id\"?: string;\n id?: string;\n color?: BaseColors;\n};\n\nconst getCommonStyles = (theme: Theme, color: BaseColors = \"primary\") => ({\n color: theme.values.color.text[color].default,\n fontFamily: theme.variables.fontFamily.lato,\n fontWeight: theme.variables.weight.black,\n margin: 0,\n});\n\nexport const H1 = styled.h1<HeaderProps>(({ theme, color }) => ({\n ...getCommonStyles(theme, color),\n fontSize: theme.variables.size.font.xxxl,\n lineHeight: theme.variables.size.lineHeight.s,\n}));\n\nH1.defaultProps = {\n \"data-ds-id\": \"H1\",\n};\n\nexport const H2 = styled.h2<HeaderProps>(({ theme, color }) => ({\n ...getCommonStyles(theme, color),\n fontSize: theme.variables.size.font.xxl,\n lineHeight: theme.variables.size.lineHeight.m,\n}));\n\nH2.defaultProps = {\n \"data-ds-id\": \"H2\",\n};\n\nexport const H3 = styled.h3<HeaderProps>(({ theme, color }) => ({\n ...getCommonStyles(theme, color),\n fontSize: theme.variables.size.font.xl,\n lineHeight: theme.variables.size.lineHeight.m,\n}));\n\nH3.defaultProps = {\n \"data-ds-id\": \"H3\",\n};\n\nexport const H4 = styled.h4<HeaderProps>(({ theme, color }) => ({\n ...getCommonStyles(theme, color),\n fontSize: theme.variables.size.font.l,\n lineHeight: theme.variables.size.lineHeight.l,\n}));\n\nH4.defaultProps = {\n \"data-ds-id\": \"H4\",\n};\n\nexport const H5 = styled.h5<HeaderProps>(({ theme, color }) => ({\n ...getCommonStyles(theme, color),\n fontSize: theme.variables.size.font.m,\n lineHeight: theme.variables.size.lineHeight.xl,\n}));\n\nH5.defaultProps = {\n \"data-ds-id\": \"H5\",\n};\n\nexport const H6 = styled.h6<Omit<HeaderProps, \"color\">>(({ theme }) => ({\n ...getCommonStyles(theme),\n fontSize: theme.variables.size.font.xs,\n lineHeight: theme.variables.size.lineHeight.m,\n letterSpacing: theme.variables.size.letterSpacing.s,\n textTransform: \"uppercase\",\n color: theme.values.color.text.tertiary.default,\n}));\n\nH6.defaultProps = {\n \"data-ds-id\": \"H6\",\n};\n"],"names":["getCommonStyles","theme","color","arguments","length","undefined","values","text","default","fontFamily","variables","lato","fontWeight","weight","black","margin","H1","_styled","process","env","NODE_ENV","target","label","_ref","fontSize","size","font","xxxl","lineHeight","s","defaultProps","H2","_ref2","xxl","m","H3","_ref3","xl","H4","_ref4","l","H5","_ref5","H6","_ref6","xs","letterSpacing","textTransform","tertiary"],"mappings":"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"}
|