@amboss/design-system 1.21.2 → 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
|
@@ -14,7 +14,7 @@ const Italic = /*#__PURE__*/_styled("i", process.env.NODE_ENV === "production" ?
|
|
|
14
14
|
} : {
|
|
15
15
|
name: "1jwcxx3",
|
|
16
16
|
styles: "font-style:italic",
|
|
17
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0eWxlZFRleHQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVNlIiwiZmlsZSI6IlN0eWxlZFRleHQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1RleHQvVGV4dFwiO1xuXG5leHBvcnQgdHlwZSBGb3JtYXR0ZWRFbGVtZW50UHJvcHMgPSB7XG4gIGtleTogc3RyaW5nO1xuICBjaGlsZHJlbjogc3RyaW5nIHwgUmVhY3QuUmVhY3ROb2RlW107XG59O1xuXG5jb25zdCBJdGFsaWMgPSBzdHlsZWQuaSh7IGZvbnRTdHlsZTogXCJpdGFsaWNcIiB9KTtcbmNvbnN0IEJvbGQgPSBzdHlsZWQuYih7IGZvbnRXZWlnaHQ6IFwiYm9sZGVyXCIgfSk7XG5cbmNvbnN0IENvbXBvbmVudHM6IFJlY29yZDxcbiAgc3RyaW5nLFxuICAocHJvcHM6IEZvcm1hdHRlZEVsZW1lbnRQcm9wcykgPT4gUmVhY3QuUmVhY3ROb2RlXG4+ID0ge1xuICBiOiAoeyBrZXksIGNoaWxkcmVuIH0pID0+IDxCb2xkIGtleT17a2V5fT57Y2hpbGRyZW59PC9Cb2xkPixcbiAgaTogKHsga2V5LCBjaGlsZHJlbiB9KSA9PiA8SXRhbGljIGtleT17a2V5fT57Y2hpbGRyZW59PC9JdGFsaWM+LFxuICBwOiAoeyBrZXksIGNoaWxkcmVuIH0pID0+
|
|
17
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0eWxlZFRleHQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVNlIiwiZmlsZSI6IlN0eWxlZFRleHQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1RleHQvVGV4dFwiO1xuXG5leHBvcnQgdHlwZSBGb3JtYXR0ZWRFbGVtZW50UHJvcHMgPSB7XG4gIGtleTogc3RyaW5nO1xuICBjaGlsZHJlbjogc3RyaW5nIHwgUmVhY3QuUmVhY3ROb2RlW107XG59O1xuXG5jb25zdCBJdGFsaWMgPSBzdHlsZWQuaSh7IGZvbnRTdHlsZTogXCJpdGFsaWNcIiB9KTtcbmNvbnN0IEJvbGQgPSBzdHlsZWQuYih7IGZvbnRXZWlnaHQ6IFwiYm9sZGVyXCIgfSk7XG5cbmNvbnN0IENvbXBvbmVudHM6IFJlY29yZDxcbiAgc3RyaW5nLFxuICAocHJvcHM6IEZvcm1hdHRlZEVsZW1lbnRQcm9wcykgPT4gUmVhY3QuUmVhY3ROb2RlXG4+ID0ge1xuICBiOiAoeyBrZXksIGNoaWxkcmVuIH0pID0+IDxCb2xkIGtleT17a2V5fT57Y2hpbGRyZW59PC9Cb2xkPixcbiAgaTogKHsga2V5LCBjaGlsZHJlbiB9KSA9PiA8SXRhbGljIGtleT17a2V5fT57Y2hpbGRyZW59PC9JdGFsaWM+LFxuICBwOiAoeyBrZXksIGNoaWxkcmVuIH0pID0+IChcbiAgICA8VGV4dCBrZXk9e2tleX0gYXM9XCJwXCIgY29sb3I9XCJwcmltYXJ5XCI+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9UZXh0PlxuICApLFxuICBzbWFsbDogKHsga2V5LCBjaGlsZHJlbiB9KSA9PiAoXG4gICAgPFRleHQga2V5PXtrZXl9IGFzPVwic3BhblwiIGNvbG9yPVwidGVydGlhcnlcIj5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1RleHQ+XG4gICksXG4gIC8vIHN1Yi9zdWIgYXJlIGluY3JlYXNpbmcgaGVpZ2h0IG9mIHdob2xlIGxpbmUsIHdoaWNoIGlzIG5vdCBkZXNpcmVkIGZyb20gZGVzaWduIHBlcnNwZWN0aXZlXG4gIHN1cDogKHsga2V5LCBjaGlsZHJlbiB9KSA9PiA8c3VwIGtleT17a2V5fT57Y2hpbGRyZW59PC9zdXA+LFxuICBzdWI6ICh7IGtleSwgY2hpbGRyZW4gfSkgPT4gPHN1YiBrZXk9e2tleX0+e2NoaWxkcmVufTwvc3ViPixcbn07XG5cbmNvbnN0IGdldE5vZGVzID0gKFxuICBzdHJpbmc6IHN0cmluZ1xuKTogeyBlbGVtZW50TmFtZTogc3RyaW5nOyBwcmV2OiBzdHJpbmc7IG5vZGU6IHN0cmluZzsgbmV4dDogc3RyaW5nIH0gfCBudWxsID0+IHtcbiAgY29uc3QgZWxlbWVudE5hbWVzID0gT2JqZWN0LmtleXMoQ29tcG9uZW50cykuam9pbihcInxcIik7XG4gIGNvbnN0IGVsZW1lbnRSZWdleCA9IG5ldyBSZWdFeHAoYDwoJHtlbGVtZW50TmFtZXN9KT4uKjwvXFxcXDE+YCk7XG4gIGNvbnN0IGVsZW1lbnRNYXRjaCA9IGVsZW1lbnRSZWdleC5leGVjKHN0cmluZyk7XG5cbiAgaWYgKCFlbGVtZW50TWF0Y2gpIHtcbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuXG4gIGNvbnN0IGVsZW1lbnROYW1lID0gZWxlbWVudE1hdGNoWzFdO1xuICBjb25zdCBvcGVuaW5nVGFnU3RhcnRJbmRleCA9IGVsZW1lbnRNYXRjaC5pbmRleDtcbiAgY29uc3Qgb3BlbmluZ1RhZ0VuZEluZGV4ID0gZWxlbWVudE1hdGNoLmluZGV4ICsgZWxlbWVudE5hbWUubGVuZ3RoICsgMjtcbiAgbGV0IG51bWJlck9wZW5UYWdzID0gMTtcblxuICBjb25zdCBlbGVtZW50VGFnc1JlZ2V4ID0gbmV3IFJlZ0V4cChcbiAgICBgKDwke2VsZW1lbnROYW1lfT4pfCg8LyR7ZWxlbWVudE5hbWV9PilgLFxuICAgIFwiZ1wiXG4gICk7XG4gIGxldCBjdXJyZW50VGFnTWF0Y2ggPSBlbGVtZW50VGFnc1JlZ2V4LmV4ZWMoc3RyaW5nKTtcbiAgbGV0IGNsb3NpbmdUYWdTdGFydEluZGV4O1xuICBsZXQgY2xvc2luZ1RhZ0VuZEluZGV4O1xuXG4gIGRvIHtcbiAgICBpZiAoY3VycmVudFRhZ01hdGNoLmluZGV4ID4gb3BlbmluZ1RhZ1N0YXJ0SW5kZXgpIHtcbiAgICAgIGlmIChjdXJyZW50VGFnTWF0Y2hbMV0pIHtcbiAgICAgICAgbnVtYmVyT3BlblRhZ3MgKz0gMTtcbiAgICAgIH0gZWxzZSBpZiAoY3VycmVudFRhZ01hdGNoWzJdKSB7XG4gICAgICAgIG51bWJlck9wZW5UYWdzIC09IDE7XG4gICAgICAgIGNsb3NpbmdUYWdTdGFydEluZGV4ID0gY3VycmVudFRhZ01hdGNoLmluZGV4O1xuICAgICAgICBjbG9zaW5nVGFnRW5kSW5kZXggPSBjbG9zaW5nVGFnU3RhcnRJbmRleCArIGN1cnJlbnRUYWdNYXRjaFsyXS5sZW5ndGg7XG4gICAgICB9XG4gICAgfVxuICAgIGN1cnJlbnRUYWdNYXRjaCA9IGVsZW1lbnRUYWdzUmVnZXguZXhlYyhzdHJpbmcpO1xuICAgIGlmICghY3VycmVudFRhZ01hdGNoKSBicmVhaztcbiAgfSB3aGlsZSAobnVtYmVyT3BlblRhZ3MgPiAwKTtcblxuICByZXR1cm4ge1xuICAgIGVsZW1lbnROYW1lLFxuICAgIHByZXY6IHN0cmluZy5zbGljZSgwLCBvcGVuaW5nVGFnU3RhcnRJbmRleCksXG4gICAgbm9kZTogc3RyaW5nLnNsaWNlKG9wZW5pbmdUYWdFbmRJbmRleCwgY2xvc2luZ1RhZ1N0YXJ0SW5kZXgpLFxuICAgIG5leHQ6IHN0cmluZy5zbGljZShjbG9zaW5nVGFnRW5kSW5kZXgpLFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IG1ha2VTdHlsZWRKU1ggPSAoXG4gIHN0cmluZzogc3RyaW5nXG4pOiBSZWFjdC5SZWFjdE5vZGVbXSB8IHN0cmluZyB8IG51bGwgPT4ge1xuICBpZiAoIXN0cmluZyB8fCBzdHJpbmcubGVuZ3RoIDwgMSkge1xuICAgIHJldHVybiBudWxsO1xuICB9XG5cbiAgY29uc3Qgbm9kZXMgPSBnZXROb2RlcyhzdHJpbmcpO1xuICBpZiAoIW5vZGVzKSB7XG4gICAgcmV0dXJuIHN0cmluZztcbiAgfVxuXG4gIGNvbnN0IHsgZWxlbWVudE5hbWUsIHByZXYsIG5vZGUsIG5leHQgfSA9IG5vZGVzO1xuXG4gIHJldHVybiBbXG4gICAgcHJldixcbiAgICBDb21wb25lbnRzW2VsZW1lbnROYW1lXSh7IGtleTogbm9kZSwgY2hpbGRyZW46IG1ha2VTdHlsZWRKU1gobm9kZSkgfSksXG4gICAgbWFrZVN0eWxlZEpTWChuZXh0KSxcbiAgXS5maWx0ZXIoKGkpID0+IGkgIT09IG51bGwgJiYgaSAhPT0gXCJcIiAmJiAhKEFycmF5LmlzQXJyYXkoaSkgJiYgIWkubGVuZ3RoKSk7XG59O1xuXG5leHBvcnQgdHlwZSBTdHlsZWRUZXh0UHJvcHMgPSB7XG4gIC8qIFRoZSBzdHJpbmdpZmllZCBtYXJrdXAgdG8gYmUgcmVuZGVyZWQgKi9cbiAgY2hpbGRyZW46IHN0cmluZztcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgZnVuY3Rpb24gU3R5bGVkVGV4dCh7XG4gIGNoaWxkcmVuLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IFN0eWxlZFRleHRQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGlmICh0eXBlb2YgY2hpbGRyZW4gIT09IFwic3RyaW5nXCIpIHJldHVybiBjaGlsZHJlbjtcblxuICByZXR1cm4gKFxuICAgIDxzcGFuIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9IGRhdGEtZHMtaWQ9XCJTdHlsZWRUZXh0XCI+XG4gICAgICB7bWFrZVN0eWxlZEpTWChjaGlsZHJlbil9XG4gICAgPC9zcGFuPlxuICApO1xufVxuIl19 */",
|
|
18
18
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
19
19
|
});
|
|
20
20
|
const Bold = /*#__PURE__*/_styled("b", process.env.NODE_ENV === "production" ? {
|
|
@@ -28,7 +28,7 @@ const Bold = /*#__PURE__*/_styled("b", process.env.NODE_ENV === "production" ? {
|
|
|
28
28
|
} : {
|
|
29
29
|
name: "d3kzo8",
|
|
30
30
|
styles: "font-weight:bolder",
|
|
31
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0eWxlZFRleHQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVhIiwiZmlsZSI6IlN0eWxlZFRleHQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1RleHQvVGV4dFwiO1xuXG5leHBvcnQgdHlwZSBGb3JtYXR0ZWRFbGVtZW50UHJvcHMgPSB7XG4gIGtleTogc3RyaW5nO1xuICBjaGlsZHJlbjogc3RyaW5nIHwgUmVhY3QuUmVhY3ROb2RlW107XG59O1xuXG5jb25zdCBJdGFsaWMgPSBzdHlsZWQuaSh7IGZvbnRTdHlsZTogXCJpdGFsaWNcIiB9KTtcbmNvbnN0IEJvbGQgPSBzdHlsZWQuYih7IGZvbnRXZWlnaHQ6IFwiYm9sZGVyXCIgfSk7XG5cbmNvbnN0IENvbXBvbmVudHM6IFJlY29yZDxcbiAgc3RyaW5nLFxuICAocHJvcHM6IEZvcm1hdHRlZEVsZW1lbnRQcm9wcykgPT4gUmVhY3QuUmVhY3ROb2RlXG4+ID0ge1xuICBiOiAoeyBrZXksIGNoaWxkcmVuIH0pID0+IDxCb2xkIGtleT17a2V5fT57Y2hpbGRyZW59PC9Cb2xkPixcbiAgaTogKHsga2V5LCBjaGlsZHJlbiB9KSA9PiA8SXRhbGljIGtleT17a2V5fT57Y2hpbGRyZW59PC9JdGFsaWM+LFxuICBwOiAoeyBrZXksIGNoaWxkcmVuIH0pID0+
|
|
31
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0eWxlZFRleHQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVhIiwiZmlsZSI6IlN0eWxlZFRleHQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1RleHQvVGV4dFwiO1xuXG5leHBvcnQgdHlwZSBGb3JtYXR0ZWRFbGVtZW50UHJvcHMgPSB7XG4gIGtleTogc3RyaW5nO1xuICBjaGlsZHJlbjogc3RyaW5nIHwgUmVhY3QuUmVhY3ROb2RlW107XG59O1xuXG5jb25zdCBJdGFsaWMgPSBzdHlsZWQuaSh7IGZvbnRTdHlsZTogXCJpdGFsaWNcIiB9KTtcbmNvbnN0IEJvbGQgPSBzdHlsZWQuYih7IGZvbnRXZWlnaHQ6IFwiYm9sZGVyXCIgfSk7XG5cbmNvbnN0IENvbXBvbmVudHM6IFJlY29yZDxcbiAgc3RyaW5nLFxuICAocHJvcHM6IEZvcm1hdHRlZEVsZW1lbnRQcm9wcykgPT4gUmVhY3QuUmVhY3ROb2RlXG4+ID0ge1xuICBiOiAoeyBrZXksIGNoaWxkcmVuIH0pID0+IDxCb2xkIGtleT17a2V5fT57Y2hpbGRyZW59PC9Cb2xkPixcbiAgaTogKHsga2V5LCBjaGlsZHJlbiB9KSA9PiA8SXRhbGljIGtleT17a2V5fT57Y2hpbGRyZW59PC9JdGFsaWM+LFxuICBwOiAoeyBrZXksIGNoaWxkcmVuIH0pID0+IChcbiAgICA8VGV4dCBrZXk9e2tleX0gYXM9XCJwXCIgY29sb3I9XCJwcmltYXJ5XCI+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9UZXh0PlxuICApLFxuICBzbWFsbDogKHsga2V5LCBjaGlsZHJlbiB9KSA9PiAoXG4gICAgPFRleHQga2V5PXtrZXl9IGFzPVwic3BhblwiIGNvbG9yPVwidGVydGlhcnlcIj5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1RleHQ+XG4gICksXG4gIC8vIHN1Yi9zdWIgYXJlIGluY3JlYXNpbmcgaGVpZ2h0IG9mIHdob2xlIGxpbmUsIHdoaWNoIGlzIG5vdCBkZXNpcmVkIGZyb20gZGVzaWduIHBlcnNwZWN0aXZlXG4gIHN1cDogKHsga2V5LCBjaGlsZHJlbiB9KSA9PiA8c3VwIGtleT17a2V5fT57Y2hpbGRyZW59PC9zdXA+LFxuICBzdWI6ICh7IGtleSwgY2hpbGRyZW4gfSkgPT4gPHN1YiBrZXk9e2tleX0+e2NoaWxkcmVufTwvc3ViPixcbn07XG5cbmNvbnN0IGdldE5vZGVzID0gKFxuICBzdHJpbmc6IHN0cmluZ1xuKTogeyBlbGVtZW50TmFtZTogc3RyaW5nOyBwcmV2OiBzdHJpbmc7IG5vZGU6IHN0cmluZzsgbmV4dDogc3RyaW5nIH0gfCBudWxsID0+IHtcbiAgY29uc3QgZWxlbWVudE5hbWVzID0gT2JqZWN0LmtleXMoQ29tcG9uZW50cykuam9pbihcInxcIik7XG4gIGNvbnN0IGVsZW1lbnRSZWdleCA9IG5ldyBSZWdFeHAoYDwoJHtlbGVtZW50TmFtZXN9KT4uKjwvXFxcXDE+YCk7XG4gIGNvbnN0IGVsZW1lbnRNYXRjaCA9IGVsZW1lbnRSZWdleC5leGVjKHN0cmluZyk7XG5cbiAgaWYgKCFlbGVtZW50TWF0Y2gpIHtcbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuXG4gIGNvbnN0IGVsZW1lbnROYW1lID0gZWxlbWVudE1hdGNoWzFdO1xuICBjb25zdCBvcGVuaW5nVGFnU3RhcnRJbmRleCA9IGVsZW1lbnRNYXRjaC5pbmRleDtcbiAgY29uc3Qgb3BlbmluZ1RhZ0VuZEluZGV4ID0gZWxlbWVudE1hdGNoLmluZGV4ICsgZWxlbWVudE5hbWUubGVuZ3RoICsgMjtcbiAgbGV0IG51bWJlck9wZW5UYWdzID0gMTtcblxuICBjb25zdCBlbGVtZW50VGFnc1JlZ2V4ID0gbmV3IFJlZ0V4cChcbiAgICBgKDwke2VsZW1lbnROYW1lfT4pfCg8LyR7ZWxlbWVudE5hbWV9PilgLFxuICAgIFwiZ1wiXG4gICk7XG4gIGxldCBjdXJyZW50VGFnTWF0Y2ggPSBlbGVtZW50VGFnc1JlZ2V4LmV4ZWMoc3RyaW5nKTtcbiAgbGV0IGNsb3NpbmdUYWdTdGFydEluZGV4O1xuICBsZXQgY2xvc2luZ1RhZ0VuZEluZGV4O1xuXG4gIGRvIHtcbiAgICBpZiAoY3VycmVudFRhZ01hdGNoLmluZGV4ID4gb3BlbmluZ1RhZ1N0YXJ0SW5kZXgpIHtcbiAgICAgIGlmIChjdXJyZW50VGFnTWF0Y2hbMV0pIHtcbiAgICAgICAgbnVtYmVyT3BlblRhZ3MgKz0gMTtcbiAgICAgIH0gZWxzZSBpZiAoY3VycmVudFRhZ01hdGNoWzJdKSB7XG4gICAgICAgIG51bWJlck9wZW5UYWdzIC09IDE7XG4gICAgICAgIGNsb3NpbmdUYWdTdGFydEluZGV4ID0gY3VycmVudFRhZ01hdGNoLmluZGV4O1xuICAgICAgICBjbG9zaW5nVGFnRW5kSW5kZXggPSBjbG9zaW5nVGFnU3RhcnRJbmRleCArIGN1cnJlbnRUYWdNYXRjaFsyXS5sZW5ndGg7XG4gICAgICB9XG4gICAgfVxuICAgIGN1cnJlbnRUYWdNYXRjaCA9IGVsZW1lbnRUYWdzUmVnZXguZXhlYyhzdHJpbmcpO1xuICAgIGlmICghY3VycmVudFRhZ01hdGNoKSBicmVhaztcbiAgfSB3aGlsZSAobnVtYmVyT3BlblRhZ3MgPiAwKTtcblxuICByZXR1cm4ge1xuICAgIGVsZW1lbnROYW1lLFxuICAgIHByZXY6IHN0cmluZy5zbGljZSgwLCBvcGVuaW5nVGFnU3RhcnRJbmRleCksXG4gICAgbm9kZTogc3RyaW5nLnNsaWNlKG9wZW5pbmdUYWdFbmRJbmRleCwgY2xvc2luZ1RhZ1N0YXJ0SW5kZXgpLFxuICAgIG5leHQ6IHN0cmluZy5zbGljZShjbG9zaW5nVGFnRW5kSW5kZXgpLFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IG1ha2VTdHlsZWRKU1ggPSAoXG4gIHN0cmluZzogc3RyaW5nXG4pOiBSZWFjdC5SZWFjdE5vZGVbXSB8IHN0cmluZyB8IG51bGwgPT4ge1xuICBpZiAoIXN0cmluZyB8fCBzdHJpbmcubGVuZ3RoIDwgMSkge1xuICAgIHJldHVybiBudWxsO1xuICB9XG5cbiAgY29uc3Qgbm9kZXMgPSBnZXROb2RlcyhzdHJpbmcpO1xuICBpZiAoIW5vZGVzKSB7XG4gICAgcmV0dXJuIHN0cmluZztcbiAgfVxuXG4gIGNvbnN0IHsgZWxlbWVudE5hbWUsIHByZXYsIG5vZGUsIG5leHQgfSA9IG5vZGVzO1xuXG4gIHJldHVybiBbXG4gICAgcHJldixcbiAgICBDb21wb25lbnRzW2VsZW1lbnROYW1lXSh7IGtleTogbm9kZSwgY2hpbGRyZW46IG1ha2VTdHlsZWRKU1gobm9kZSkgfSksXG4gICAgbWFrZVN0eWxlZEpTWChuZXh0KSxcbiAgXS5maWx0ZXIoKGkpID0+IGkgIT09IG51bGwgJiYgaSAhPT0gXCJcIiAmJiAhKEFycmF5LmlzQXJyYXkoaSkgJiYgIWkubGVuZ3RoKSk7XG59O1xuXG5leHBvcnQgdHlwZSBTdHlsZWRUZXh0UHJvcHMgPSB7XG4gIC8qIFRoZSBzdHJpbmdpZmllZCBtYXJrdXAgdG8gYmUgcmVuZGVyZWQgKi9cbiAgY2hpbGRyZW46IHN0cmluZztcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgZnVuY3Rpb24gU3R5bGVkVGV4dCh7XG4gIGNoaWxkcmVuLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IFN0eWxlZFRleHRQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGlmICh0eXBlb2YgY2hpbGRyZW4gIT09IFwic3RyaW5nXCIpIHJldHVybiBjaGlsZHJlbjtcblxuICByZXR1cm4gKFxuICAgIDxzcGFuIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9IGRhdGEtZHMtaWQ9XCJTdHlsZWRUZXh0XCI+XG4gICAgICB7bWFrZVN0eWxlZEpTWChjaGlsZHJlbil9XG4gICAgPC9zcGFuPlxuICApO1xufVxuIl19 */",
|
|
32
32
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
33
33
|
});
|
|
34
34
|
const Components = {
|
|
@@ -58,7 +58,7 @@ const Components = {
|
|
|
58
58
|
return /*#__PURE__*/React.createElement(Text, {
|
|
59
59
|
key: key,
|
|
60
60
|
as: "p",
|
|
61
|
-
|
|
61
|
+
color: "primary"
|
|
62
62
|
}, children);
|
|
63
63
|
},
|
|
64
64
|
small: _ref4 => {
|
|
@@ -69,9 +69,10 @@ const Components = {
|
|
|
69
69
|
return /*#__PURE__*/React.createElement(Text, {
|
|
70
70
|
key: key,
|
|
71
71
|
as: "span",
|
|
72
|
-
|
|
72
|
+
color: "tertiary"
|
|
73
73
|
}, children);
|
|
74
74
|
},
|
|
75
|
+
// sub/sub are increasing height of whole line, which is not desired from design perspective
|
|
75
76
|
sup: _ref5 => {
|
|
76
77
|
let {
|
|
77
78
|
key,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StyledText.js","sources":["../../../../../../src/components/Typography/StyledText/StyledText.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Text } from \"../Text/Text\";\n\nexport type FormattedElementProps = {\n key: string;\n children: string | React.ReactNode[];\n};\n\nconst Italic = styled.i({ fontStyle: \"italic\" });\nconst Bold = styled.b({ fontWeight: \"bolder\" });\n\nconst Components: Record<\n string,\n (props: FormattedElementProps) => React.ReactNode\n> = {\n b: ({ key, children }) => <Bold key={key}>{children}</Bold>,\n i: ({ key, children }) => <Italic key={key}>{children}</Italic>,\n p: ({ key, children }) => (\n <Text key={key} as=\"p\"
|
|
1
|
+
{"version":3,"file":"StyledText.js","sources":["../../../../../../src/components/Typography/StyledText/StyledText.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Text } from \"../Text/Text\";\n\nexport type FormattedElementProps = {\n key: string;\n children: string | React.ReactNode[];\n};\n\nconst Italic = styled.i({ fontStyle: \"italic\" });\nconst Bold = styled.b({ fontWeight: \"bolder\" });\n\nconst Components: Record<\n string,\n (props: FormattedElementProps) => React.ReactNode\n> = {\n b: ({ key, children }) => <Bold key={key}>{children}</Bold>,\n i: ({ key, children }) => <Italic key={key}>{children}</Italic>,\n p: ({ key, children }) => (\n <Text key={key} as=\"p\" color=\"primary\">\n {children}\n </Text>\n ),\n small: ({ key, children }) => (\n <Text key={key} as=\"span\" color=\"tertiary\">\n {children}\n </Text>\n ),\n // sub/sub are increasing height of whole line, which is not desired from design perspective\n sup: ({ key, children }) => <sup key={key}>{children}</sup>,\n sub: ({ key, children }) => <sub key={key}>{children}</sub>,\n};\n\nconst getNodes = (\n string: string\n): { elementName: string; prev: string; node: string; next: string } | null => {\n const elementNames = Object.keys(Components).join(\"|\");\n const elementRegex = new RegExp(`<(${elementNames})>.*</\\\\1>`);\n const elementMatch = elementRegex.exec(string);\n\n if (!elementMatch) {\n return null;\n }\n\n const elementName = elementMatch[1];\n const openingTagStartIndex = elementMatch.index;\n const openingTagEndIndex = elementMatch.index + elementName.length + 2;\n let numberOpenTags = 1;\n\n const elementTagsRegex = new RegExp(\n `(<${elementName}>)|(</${elementName}>)`,\n \"g\"\n );\n let currentTagMatch = elementTagsRegex.exec(string);\n let closingTagStartIndex;\n let closingTagEndIndex;\n\n do {\n if (currentTagMatch.index > openingTagStartIndex) {\n if (currentTagMatch[1]) {\n numberOpenTags += 1;\n } else if (currentTagMatch[2]) {\n numberOpenTags -= 1;\n closingTagStartIndex = currentTagMatch.index;\n closingTagEndIndex = closingTagStartIndex + currentTagMatch[2].length;\n }\n }\n currentTagMatch = elementTagsRegex.exec(string);\n if (!currentTagMatch) break;\n } while (numberOpenTags > 0);\n\n return {\n elementName,\n prev: string.slice(0, openingTagStartIndex),\n node: string.slice(openingTagEndIndex, closingTagStartIndex),\n next: string.slice(closingTagEndIndex),\n };\n};\n\nexport const makeStyledJSX = (\n string: string\n): React.ReactNode[] | string | null => {\n if (!string || string.length < 1) {\n return null;\n }\n\n const nodes = getNodes(string);\n if (!nodes) {\n return string;\n }\n\n const { elementName, prev, node, next } = nodes;\n\n return [\n prev,\n Components[elementName]({ key: node, children: makeStyledJSX(node) }),\n makeStyledJSX(next),\n ].filter((i) => i !== null && i !== \"\" && !(Array.isArray(i) && !i.length));\n};\n\nexport type StyledTextProps = {\n /* The stringified markup to be rendered */\n children: string;\n \"data-e2e-test-id\"?: string;\n};\n\nexport function StyledText({\n children,\n \"data-e2e-test-id\": dataE2eTestId,\n}: StyledTextProps): React.ReactElement {\n if (typeof children !== \"string\") return children;\n\n return (\n <span data-e2e-test-id={dataE2eTestId} data-ds-id=\"StyledText\">\n {makeStyledJSX(children)}\n </span>\n );\n}\n"],"names":["Italic","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","Bold","Components","b","_ref","key","children","React","createElement","i","_ref2","p","_ref3","Text","as","color","small","_ref4","sup","_ref5","sub","_ref6","getNodes","string","elementNames","Object","keys","join","elementRegex","RegExp","elementMatch","exec","elementName","openingTagStartIndex","index","openingTagEndIndex","length","numberOpenTags","elementTagsRegex","currentTagMatch","closingTagStartIndex","closingTagEndIndex","prev","slice","node","next","makeStyledJSX","nodes","filter","Array","isArray","StyledText","_ref7","dataE2eTestId"],"mappings":";;;;;AASA,MAAMA,MAAM,gBAAGC,OAAA,CAAA,GAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,QAAA;AAAA,CAAA,CAAA,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAG,IAAA,EAAA,SAAA;EAAAC,MAAA,EAAA,mBAAA;AAAA,CAAA,GAAA;EAAAD,IAAA,EAAA,SAAA;EAAAC,MAAA,EAAA,mBAAA;EAAAC,GAAA,EAAA,isJAAA;AAAAC,EAAAA,QAAA,EAAAC,gCAAAA;AAAA,CAAgC,CAAC,CAAA;AAChD,MAAMC,IAAI,gBAAGX,OAAA,CAAA,GAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,MAAA;AAAA,CAAA,CAAA,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAG,IAAA,EAAA,QAAA;EAAAC,MAAA,EAAA,oBAAA;AAAA,CAAA,GAAA;EAAAD,IAAA,EAAA,QAAA;EAAAC,MAAA,EAAA,oBAAA;EAAAC,GAAA,EAAA,isJAAA;AAAAC,EAAAA,QAAA,EAAAC,gCAAAA;AAAA,CAAiC,CAAC,CAAA;AAE/C,MAAME,UAGL,GAAG;AACFC,EAAAA,CAAC,EAAEC,IAAA,IAAA;IAAA,IAAC;MAAEC,GAAG;AAAEC,MAAAA,QAAAA;AAAS,KAAC,GAAAF,IAAA,CAAA;AAAA,IAAA,oBAAKG,KAAA,CAAAC,aAAA,CAACP,IAAI,EAAA;AAACI,MAAAA,GAAG,EAAEA,GAAAA;AAAI,KAAA,EAAEC,QAAe,CAAC,CAAA;AAAA,GAAA;AAC3DG,EAAAA,CAAC,EAAEC,KAAA,IAAA;IAAA,IAAC;MAAEL,GAAG;AAAEC,MAAAA,QAAAA;AAAS,KAAC,GAAAI,KAAA,CAAA;AAAA,IAAA,oBAAKH,KAAA,CAAAC,aAAA,CAACnB,MAAM,EAAA;AAACgB,MAAAA,GAAG,EAAEA,GAAAA;AAAI,KAAA,EAAEC,QAAiB,CAAC,CAAA;AAAA,GAAA;AAC/DK,EAAAA,CAAC,EAAEC,KAAA,IAAA;IAAA,IAAC;MAAEP,GAAG;AAAEC,MAAAA,QAAAA;AAAS,KAAC,GAAAM,KAAA,CAAA;AAAA,IAAA,oBACnBL,KAAA,CAAAC,aAAA,CAACK,IAAI,EAAA;AAACR,MAAAA,GAAG,EAAEA,GAAI;AAACS,MAAAA,EAAE,EAAC,GAAG;AAACC,MAAAA,KAAK,EAAC,SAAA;AAAS,KAAA,EACnCT,QACG,CAAC,CAAA;GACR;AACDU,EAAAA,KAAK,EAAEC,KAAA,IAAA;IAAA,IAAC;MAAEZ,GAAG;AAAEC,MAAAA,QAAAA;AAAS,KAAC,GAAAW,KAAA,CAAA;AAAA,IAAA,oBACvBV,KAAA,CAAAC,aAAA,CAACK,IAAI,EAAA;AAACR,MAAAA,GAAG,EAAEA,GAAI;AAACS,MAAAA,EAAE,EAAC,MAAM;AAACC,MAAAA,KAAK,EAAC,UAAA;AAAU,KAAA,EACvCT,QACG,CAAC,CAAA;GACR;AACD;AACAY,EAAAA,GAAG,EAAEC,KAAA,IAAA;IAAA,IAAC;MAAEd,GAAG;AAAEC,MAAAA,QAAAA;AAAS,KAAC,GAAAa,KAAA,CAAA;IAAA,oBAAKZ,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKH,MAAAA,GAAG,EAAEA,GAAAA;AAAI,KAAA,EAAEC,QAAc,CAAC,CAAA;AAAA,GAAA;AAC3Dc,EAAAA,GAAG,EAAEC,KAAA,IAAA;IAAA,IAAC;MAAEhB,GAAG;AAAEC,MAAAA,QAAAA;AAAS,KAAC,GAAAe,KAAA,CAAA;IAAA,oBAAKd,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKH,MAAAA,GAAG,EAAEA,GAAAA;AAAI,KAAA,EAAEC,QAAc,CAAC,CAAA;AAAA,GAAA;AAC7D,CAAC,CAAA;AAED,MAAMgB,QAAQ,GACZC,MAAc,IAC+D;AAC7E,EAAA,MAAMC,YAAY,GAAGC,MAAM,CAACC,IAAI,CAACxB,UAAU,CAAC,CAACyB,IAAI,CAAC,GAAG,CAAC,CAAA;EACtD,MAAMC,YAAY,GAAG,IAAIC,MAAM,CAAE,CAAIL,EAAAA,EAAAA,YAAa,YAAW,CAAC,CAAA;AAC9D,EAAA,MAAMM,YAAY,GAAGF,YAAY,CAACG,IAAI,CAACR,MAAM,CAAC,CAAA;EAE9C,IAAI,CAACO,YAAY,EAAE;AACjB,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;AAEA,EAAA,MAAME,WAAW,GAAGF,YAAY,CAAC,CAAC,CAAC,CAAA;AACnC,EAAA,MAAMG,oBAAoB,GAAGH,YAAY,CAACI,KAAK,CAAA;EAC/C,MAAMC,kBAAkB,GAAGL,YAAY,CAACI,KAAK,GAAGF,WAAW,CAACI,MAAM,GAAG,CAAC,CAAA;EACtE,IAAIC,cAAc,GAAG,CAAC,CAAA;AAEtB,EAAA,MAAMC,gBAAgB,GAAG,IAAIT,MAAM,CAChC,CAAA,EAAA,EAAIG,WAAY,CAAA,MAAA,EAAQA,WAAY,CAAA,EAAA,CAAG,EACxC,GACF,CAAC,CAAA;AACD,EAAA,IAAIO,eAAe,GAAGD,gBAAgB,CAACP,IAAI,CAACR,MAAM,CAAC,CAAA;AACnD,EAAA,IAAIiB,oBAAoB,CAAA;AACxB,EAAA,IAAIC,kBAAkB,CAAA;EAEtB,GAAG;AACD,IAAA,IAAIF,eAAe,CAACL,KAAK,GAAGD,oBAAoB,EAAE;AAChD,MAAA,IAAIM,eAAe,CAAC,CAAC,CAAC,EAAE;AACtBF,QAAAA,cAAc,IAAI,CAAC,CAAA;AACrB,OAAC,MAAM,IAAIE,eAAe,CAAC,CAAC,CAAC,EAAE;AAC7BF,QAAAA,cAAc,IAAI,CAAC,CAAA;QACnBG,oBAAoB,GAAGD,eAAe,CAACL,KAAK,CAAA;QAC5CO,kBAAkB,GAAGD,oBAAoB,GAAGD,eAAe,CAAC,CAAC,CAAC,CAACH,MAAM,CAAA;AACvE,OAAA;AACF,KAAA;AACAG,IAAAA,eAAe,GAAGD,gBAAgB,CAACP,IAAI,CAACR,MAAM,CAAC,CAAA;IAC/C,IAAI,CAACgB,eAAe,EAAE,MAAA;GACvB,QAAQF,cAAc,GAAG,CAAC,EAAA;EAE3B,OAAO;IACLL,WAAW;IACXU,IAAI,EAAEnB,MAAM,CAACoB,KAAK,CAAC,CAAC,EAAEV,oBAAoB,CAAC;IAC3CW,IAAI,EAAErB,MAAM,CAACoB,KAAK,CAACR,kBAAkB,EAAEK,oBAAoB,CAAC;AAC5DK,IAAAA,IAAI,EAAEtB,MAAM,CAACoB,KAAK,CAACF,kBAAkB,CAAA;GACtC,CAAA;AACH,CAAC,CAAA;AAEYK,MAAAA,aAAa,GACxBvB,MAAc,IACwB;EACtC,IAAI,CAACA,MAAM,IAAIA,MAAM,CAACa,MAAM,GAAG,CAAC,EAAE;AAChC,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;AAEA,EAAA,MAAMW,KAAK,GAAGzB,QAAQ,CAACC,MAAM,CAAC,CAAA;EAC9B,IAAI,CAACwB,KAAK,EAAE;AACV,IAAA,OAAOxB,MAAM,CAAA;AACf,GAAA;EAEA,MAAM;IAAES,WAAW;IAAEU,IAAI;IAAEE,IAAI;AAAEC,IAAAA,IAAAA;AAAK,GAAC,GAAGE,KAAK,CAAA;AAE/C,EAAA,OAAO,CACLL,IAAI,EACJxC,UAAU,CAAC8B,WAAW,CAAC,CAAC;AAAE3B,IAAAA,GAAG,EAAEuC,IAAI;IAAEtC,QAAQ,EAAEwC,aAAa,CAACF,IAAI,CAAA;AAAE,GAAC,CAAC,EACrEE,aAAa,CAACD,IAAI,CAAC,CACpB,CAACG,MAAM,CAAEvC,CAAC,IAAKA,CAAC,KAAK,IAAI,IAAIA,CAAC,KAAK,EAAE,IAAI,EAAEwC,KAAK,CAACC,OAAO,CAACzC,CAAC,CAAC,IAAI,CAACA,CAAC,CAAC2B,MAAM,CAAC,CAAC,CAAA;AAC7E,EAAC;AAQM,SAASe,UAAUA,CAAAC,KAAA,EAGc;EAAA,IAHb;IACzB9C,QAAQ;AACR,IAAA,kBAAkB,EAAE+C,aAAAA;AACL,GAAC,GAAAD,KAAA,CAAA;AAChB,EAAA,IAAI,OAAO9C,QAAQ,KAAK,QAAQ,EAAE,OAAOA,QAAQ,CAAA;EAEjD,oBACEC,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAM,IAAA,kBAAA,EAAkB6C,aAAc;IAAC,YAAW,EAAA,YAAA;AAAY,GAAA,EAC3DP,aAAa,CAACxC,QAAQ,CACnB,CAAC,CAAA;AAEX;;;;"}
|
|
@@ -41,7 +41,11 @@ const StyledText = /*#__PURE__*/_styled("p", process.env.NODE_ENV === "productio
|
|
|
41
41
|
})
|
|
42
42
|
}),
|
|
43
43
|
fontSize: theme.variables.size.font[size],
|
|
44
|
-
lineHeight:
|
|
44
|
+
lineHeight: {
|
|
45
|
+
xs: theme.variables.size.lineHeight.xl,
|
|
46
|
+
s: theme.variables.size.lineHeight.l,
|
|
47
|
+
m: theme.variables.size.lineHeight.xl
|
|
48
|
+
}[size],
|
|
45
49
|
...mq({
|
|
46
50
|
hyphens: [hyphens, {
|
|
47
51
|
none: "none",
|
|
@@ -50,7 +54,7 @@ const StyledText = /*#__PURE__*/_styled("p", process.env.NODE_ENV === "productio
|
|
|
50
54
|
}]
|
|
51
55
|
})
|
|
52
56
|
};
|
|
53
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRleHQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFDbUIiLCJmaWxlIjoiVGV4dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkLCB7IENTU09iamVjdCB9IGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCBpc1Byb3BWYWxpZCBmcm9tIFwiQGVtb3Rpb24vaXMtcHJvcC12YWxpZFwiO1xuaW1wb3J0IHsgbXEgfSBmcm9tIFwiLi4vLi4vLi4vc2hhcmVkL21lZGlhUXVlcmllc1wiO1xuXG5pbXBvcnQge1xuICBUZXh0QWxpZ25tZW50LFxuICBUZXh0VmFyaWF0aW9ucyxcbiAgVGV4dENvbG9ycyxcbiAgVGV4dFNpemUsXG4gIFRleHRXZWlnaHQsXG4gIE1RLFxuICBIeXBoZW5zLFxufSBmcm9tIFwiLi4vLi4vLi4vdHlwZXNcIjtcblxuZXhwb3J0IHR5cGUgVGV4dFByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICBzaXplPzogVGV4dFNpemU7XG4gIHdlaWdodD86IFRleHRXZWlnaHQ7XG4gIHRyYW5zZm9ybT86IFwibm9uZVwiIHwgXCJjYXBpdGFsaXplXCIgfCBcInVwcGVyY2FzZVwiIHwgXCJsb3dlcmNhc2VcIjtcbiAgYXM/OiBcInBcIiB8IFwic3BhblwiO1xuICAvKiogQGRlcHJlY2F0ZWQgdmFyaWFudCBwcm9wZXJ0eSBpcyBkZXByZWNhdGVkIG5vdy4gUGxlYXNlIHVzZSBjb2xvciBwcm9wLiAqL1xuICB2YXJpYW50PzogVGV4dFZhcmlhdGlvbnM7XG4gIGNvbG9yPzogVGV4dENvbG9ycztcbiAgYWxpZ24/OiBUZXh0QWxpZ25tZW50O1xuICBoeXBoZW5zPzogSHlwaGVucyB8IE1RPEh5cGhlbnM+O1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgLyoqIEBpZ25vcmUgKi9cbiAgXCJkYXRhLWRzLWlkXCI/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgY29uc3QgVGV4dENvbnRleHQgPSBSZWFjdC5jcmVhdGVDb250ZXh0PFBpY2s8XG4gIFRleHRQcm9wcyxcbiAgXCJjb2xvclwiIHwgXCJzaXplXCIgfCBcIndlaWdodFwiXG4+IHwgbnVsbD4obnVsbCk7XG5cbmNvbnN0IFN0eWxlZFRleHQgPSBzdHlsZWQoXCJwXCIsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wOiBzdHJpbmcpID0+XG4gICAgaXNQcm9wVmFsaWQocHJvcCkgJiYgcHJvcCAhPT0gXCJ0cmFuc2Zvcm1cIixcbn0pPFRleHRQcm9wcz4oXG4gICh7IHRoZW1lLCBhbGlnbiwgd2VpZ2h0LCBzaXplLCB0cmFuc2Zvcm0sIGh5cGhlbnMsIGNvbG9yLCB2YXJpYW50IH0pID0+
|
|
57
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRleHQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFDbUIiLCJmaWxlIjoiVGV4dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkLCB7IENTU09iamVjdCB9IGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCBpc1Byb3BWYWxpZCBmcm9tIFwiQGVtb3Rpb24vaXMtcHJvcC12YWxpZFwiO1xuaW1wb3J0IHsgbXEgfSBmcm9tIFwiLi4vLi4vLi4vc2hhcmVkL21lZGlhUXVlcmllc1wiO1xuXG5pbXBvcnQge1xuICBUZXh0QWxpZ25tZW50LFxuICBUZXh0VmFyaWF0aW9ucyxcbiAgVGV4dENvbG9ycyxcbiAgVGV4dFNpemUsXG4gIFRleHRXZWlnaHQsXG4gIE1RLFxuICBIeXBoZW5zLFxufSBmcm9tIFwiLi4vLi4vLi4vdHlwZXNcIjtcblxuZXhwb3J0IHR5cGUgVGV4dFByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICBzaXplPzogVGV4dFNpemU7XG4gIHdlaWdodD86IFRleHRXZWlnaHQ7XG4gIHRyYW5zZm9ybT86IFwibm9uZVwiIHwgXCJjYXBpdGFsaXplXCIgfCBcInVwcGVyY2FzZVwiIHwgXCJsb3dlcmNhc2VcIjtcbiAgYXM/OiBcInBcIiB8IFwic3BhblwiO1xuICAvKiogQGRlcHJlY2F0ZWQgdmFyaWFudCBwcm9wZXJ0eSBpcyBkZXByZWNhdGVkIG5vdy4gUGxlYXNlIHVzZSBjb2xvciBwcm9wLiAqL1xuICB2YXJpYW50PzogVGV4dFZhcmlhdGlvbnM7XG4gIGNvbG9yPzogVGV4dENvbG9ycztcbiAgYWxpZ24/OiBUZXh0QWxpZ25tZW50O1xuICBoeXBoZW5zPzogSHlwaGVucyB8IE1RPEh5cGhlbnM+O1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgLyoqIEBpZ25vcmUgKi9cbiAgXCJkYXRhLWRzLWlkXCI/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgY29uc3QgVGV4dENvbnRleHQgPSBSZWFjdC5jcmVhdGVDb250ZXh0PFBpY2s8XG4gIFRleHRQcm9wcyxcbiAgXCJjb2xvclwiIHwgXCJzaXplXCIgfCBcIndlaWdodFwiXG4+IHwgbnVsbD4obnVsbCk7XG5cbmNvbnN0IFN0eWxlZFRleHQgPSBzdHlsZWQoXCJwXCIsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wOiBzdHJpbmcpID0+XG4gICAgaXNQcm9wVmFsaWQocHJvcCkgJiYgcHJvcCAhPT0gXCJ0cmFuc2Zvcm1cIixcbn0pPFRleHRQcm9wcz4oXG4gICh7IHRoZW1lLCBhbGlnbiwgd2VpZ2h0LCBzaXplLCB0cmFuc2Zvcm0sIGh5cGhlbnMsIGNvbG9yLCB2YXJpYW50IH0pID0+XG4gICAgKHtcbiAgICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gICAgICBtYXJnaW46IDAsXG4gICAgICB0ZXh0VHJhbnNmb3JtOiB0cmFuc2Zvcm0sXG4gICAgICB0ZXh0QWxpZ246IGFsaWduLFxuICAgICAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodFt3ZWlnaHRdLFxuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0W2NvbG9yXS5kZWZhdWx0LFxuXG4gICAgICAvLyB2YXJpYW50IGlzIGRlcHJlY2F0ZWQgYW5kIGl0IHNob3VsZCBiZSBkZWxldGVkIGFzYXBcbiAgICAgIC4uLih2YXJpYW50ICYmIHtcbiAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0W3ZhcmlhbnRdLmRlZmF1bHQsXG4gICAgICAgIC4uLih2YXJpYW50ID09PSBcInByaW1hcnlcIiAmJiB7XG4gICAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmFjY2VudC5kZWZhdWx0LFxuICAgICAgICB9KSxcbiAgICAgICAgLi4uKHZhcmlhbnQgPT09IFwic2Vjb25kYXJ5XCIgJiYge1xuICAgICAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICAgIH0pLFxuICAgICAgfSksXG5cbiAgICAgIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250W3NpemVdLFxuICAgICAgbGluZUhlaWdodDoge1xuICAgICAgICB4czogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC54bCxcbiAgICAgICAgczogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5sLFxuICAgICAgICBtOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LnhsLFxuICAgICAgfVtzaXplXSxcbiAgICAgIC4uLm1xKHtcbiAgICAgICAgaHlwaGVuczogW2h5cGhlbnMsIHsgbm9uZTogXCJub25lXCIsIGF1dG86IFwiYXV0b1wiLCBtYW51YWw6IFwibWFudWFsXCIgfV0sXG4gICAgICB9KSxcbiAgICB9IGFzIENTU09iamVjdClcbik7XG5cbmV4cG9ydCBjb25zdCBUZXh0ID0gKHtcbiAgc2l6ZSA9IFwibVwiLFxuICB3ZWlnaHQgPSBcIm5vcm1hbFwiLFxuICB0cmFuc2Zvcm0gPSBcIm5vbmVcIixcbiAgYXMgPSBcInBcIixcbiAgY29sb3I6IGNvbG9yUHJvcCA9IFwicHJpbWFyeVwiLFxuICBhbGlnbiA9IFwibGVmdFwiLFxuICBoeXBoZW5zID0gXCJub25lXCIsXG4gIHZhcmlhbnQsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICBjaGlsZHJlbixcbiAgLi4ucmVzdFxufTogVGV4dFByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50ID0+IHtcbiAgbGV0IGNvbG9yID0gY29sb3JQcm9wO1xuXG4gIC8vIHRoaXMgaXMgZ29pbmcgdG8gYmUgZGVsZXRlZCBhZnRlciBtaWdyYXRpb25cbiAgaWYgKHZhcmlhbnQpIHtcbiAgICBpZiAodmFyaWFudCA9PT0gXCJwcmltYXJ5XCIpIHtcbiAgICAgIGNvbG9yID0gXCJhY2NlbnRcIjtcbiAgICB9IGVsc2UgaWYgKHZhcmlhbnQgPT09IFwic2Vjb25kYXJ5XCIpIHtcbiAgICAgIGNvbG9yID0gXCJwcmltYXJ5XCI7XG4gICAgfSBlbHNlIHtcbiAgICAgIGNvbG9yID0gdmFyaWFudDtcbiAgICB9XG4gIH1cblxuICBjb25zdCBjb250ZXh0VmFsdWVzID0gUmVhY3QudXNlTWVtbyhcbiAgICAoKSA9PiAoeyBjb2xvciwgc2l6ZSwgd2VpZ2h0IH0pLFxuICAgIFtjb2xvciwgc2l6ZSwgd2VpZ2h0XVxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFRleHRcbiAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICBzaXplPXtzaXplfVxuICAgICAgd2VpZ2h0PXt3ZWlnaHR9XG4gICAgICB0cmFuc2Zvcm09e3RyYW5zZm9ybX1cbiAgICAgIGFzPXthc31cbiAgICAgIGNvbG9yPXtjb2xvcn1cbiAgICAgIGFsaWduPXthbGlnbn1cbiAgICAgIGh5cGhlbnM9e2h5cGhlbnN9XG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD1cIlRleHRcIlxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAgPFRleHRDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXtjb250ZXh0VmFsdWVzfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9UZXh0Q29udGV4dC5Qcm92aWRlcj5cbiAgICA8L1N0eWxlZFRleHQ+XG4gICk7XG59O1xuIl19 */");
|
|
54
58
|
const Text = _ref2 => {
|
|
55
59
|
let {
|
|
56
60
|
size = "m",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.js","sources":["../../../../../../src/components/Typography/Text/Text.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport React from \"react\";\nimport styled, { CSSObject } from \"@emotion/styled\";\nimport isPropValid from \"@emotion/is-prop-valid\";\nimport { mq } from \"../../../shared/mediaQueries\";\n\nimport {\n TextAlignment,\n TextVariations,\n TextColors,\n TextSize,\n TextWeight,\n MQ,\n Hyphens,\n} from \"../../../types\";\n\nexport type TextProps = {\n children: React.ReactNode;\n size?: TextSize;\n weight?: TextWeight;\n transform?: \"none\" | \"capitalize\" | \"uppercase\" | \"lowercase\";\n as?: \"p\" | \"span\";\n /** @deprecated variant property is deprecated now. Please use color prop. */\n variant?: TextVariations;\n color?: TextColors;\n align?: TextAlignment;\n hyphens?: Hyphens | MQ<Hyphens>;\n \"data-e2e-test-id\"?: string;\n /** @ignore */\n \"data-ds-id\"?: string;\n};\n\nexport const TextContext = React.createContext<Pick<\n TextProps,\n \"color\" | \"size\" | \"weight\"\n> | null>(null);\n\nconst StyledText = styled(\"p\", {\n shouldForwardProp: (prop: string) =>\n isPropValid(prop) && prop !== \"transform\",\n})<TextProps>(\n ({ theme, align, weight, size, transform, hyphens, color, variant }) =>\n ({\n fontFamily: theme.variables.fontFamily.lato,\n margin: 0,\n textTransform: transform,\n textAlign: align,\n fontWeight: theme.variables.weight[weight],\n color: theme.values.color.text[color].default,\n\n // variant is deprecated and it should be deleted asap\n ...(variant && {\n color: theme.values.color.text[variant].default,\n ...(variant === \"primary\" && {\n color: theme.values.color.text.accent.default,\n }),\n ...(variant === \"secondary\" && {\n color: theme.values.color.text.primary.default,\n }),\n }),\n\n fontSize: theme.variables.size.font[size],\n lineHeight: theme.variables.size.lineHeight.
|
|
1
|
+
{"version":3,"file":"Text.js","sources":["../../../../../../src/components/Typography/Text/Text.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport React from \"react\";\nimport styled, { CSSObject } from \"@emotion/styled\";\nimport isPropValid from \"@emotion/is-prop-valid\";\nimport { mq } from \"../../../shared/mediaQueries\";\n\nimport {\n TextAlignment,\n TextVariations,\n TextColors,\n TextSize,\n TextWeight,\n MQ,\n Hyphens,\n} from \"../../../types\";\n\nexport type TextProps = {\n children: React.ReactNode;\n size?: TextSize;\n weight?: TextWeight;\n transform?: \"none\" | \"capitalize\" | \"uppercase\" | \"lowercase\";\n as?: \"p\" | \"span\";\n /** @deprecated variant property is deprecated now. Please use color prop. */\n variant?: TextVariations;\n color?: TextColors;\n align?: TextAlignment;\n hyphens?: Hyphens | MQ<Hyphens>;\n \"data-e2e-test-id\"?: string;\n /** @ignore */\n \"data-ds-id\"?: string;\n};\n\nexport const TextContext = React.createContext<Pick<\n TextProps,\n \"color\" | \"size\" | \"weight\"\n> | null>(null);\n\nconst StyledText = styled(\"p\", {\n shouldForwardProp: (prop: string) =>\n isPropValid(prop) && prop !== \"transform\",\n})<TextProps>(\n ({ theme, align, weight, size, transform, hyphens, color, variant }) =>\n ({\n fontFamily: theme.variables.fontFamily.lato,\n margin: 0,\n textTransform: transform,\n textAlign: align,\n fontWeight: theme.variables.weight[weight],\n color: theme.values.color.text[color].default,\n\n // variant is deprecated and it should be deleted asap\n ...(variant && {\n color: theme.values.color.text[variant].default,\n ...(variant === \"primary\" && {\n color: theme.values.color.text.accent.default,\n }),\n ...(variant === \"secondary\" && {\n color: theme.values.color.text.primary.default,\n }),\n }),\n\n fontSize: theme.variables.size.font[size],\n lineHeight: {\n xs: theme.variables.size.lineHeight.xl,\n s: theme.variables.size.lineHeight.l,\n m: theme.variables.size.lineHeight.xl,\n }[size],\n ...mq({\n hyphens: [hyphens, { none: \"none\", auto: \"auto\", manual: \"manual\" }],\n }),\n } as CSSObject)\n);\n\nexport const Text = ({\n size = \"m\",\n weight = \"normal\",\n transform = \"none\",\n as = \"p\",\n color: colorProp = \"primary\",\n align = \"left\",\n hyphens = \"none\",\n variant,\n \"data-e2e-test-id\": dataE2eTestId,\n children,\n ...rest\n}: TextProps): React.ReactElement => {\n let color = colorProp;\n\n // this is going to be deleted after migration\n if (variant) {\n if (variant === \"primary\") {\n color = \"accent\";\n } else if (variant === \"secondary\") {\n color = \"primary\";\n } else {\n color = variant;\n }\n }\n\n const contextValues = React.useMemo(\n () => ({ color, size, weight }),\n [color, size, weight]\n );\n\n return (\n <StyledText\n variant={variant}\n size={size}\n weight={weight}\n transform={transform}\n as={as}\n color={color}\n align={align}\n hyphens={hyphens}\n data-e2e-test-id={dataE2eTestId}\n data-ds-id=\"Text\"\n {...rest}\n >\n <TextContext.Provider value={contextValues}>\n {children}\n </TextContext.Provider>\n </StyledText>\n );\n};\n"],"names":["TextContext","React","createContext","StyledText","_styled","process","env","NODE_ENV","shouldForwardProp","prop","isPropValid","target","label","_ref","theme","align","weight","size","transform","hyphens","color","variant","fontFamily","variables","lato","margin","textTransform","textAlign","fontWeight","values","text","default","accent","primary","fontSize","font","lineHeight","xs","xl","s","l","m","mq","none","auto","manual","Text","_ref2","as","colorProp","dataE2eTestId","children","rest","contextValues","useMemo","createElement","_extends","Provider","value"],"mappings":"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"}
|
|
@@ -4,8 +4,7 @@ import React from 'react';
|
|
|
4
4
|
import { Text } from '../Text/Text.js';
|
|
5
5
|
|
|
6
6
|
const defaultProps = {
|
|
7
|
-
lines: 1
|
|
8
|
-
size: "m"
|
|
7
|
+
lines: 1
|
|
9
8
|
};
|
|
10
9
|
const Container = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
|
|
11
10
|
target: "e7ey0cg0"
|
|
@@ -14,18 +13,15 @@ const Container = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "product
|
|
|
14
13
|
label: "Container"
|
|
15
14
|
})(_ref => {
|
|
16
15
|
let {
|
|
17
|
-
lines
|
|
18
|
-
theme,
|
|
19
|
-
size
|
|
16
|
+
lines
|
|
20
17
|
} = _ref;
|
|
21
18
|
return {
|
|
22
19
|
display: "-webkit-box",
|
|
23
20
|
"-webkit-box-orient": "vertical",
|
|
24
21
|
overflow: "hidden",
|
|
25
|
-
WebkitLineClamp: lines
|
|
26
|
-
maxHeight: lines * parseInt(theme.variables.size.lineHeight.text[size], 10)
|
|
22
|
+
WebkitLineClamp: lines
|
|
27
23
|
};
|
|
28
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
24
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRleHRDbGFtcGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFja0IiLCJmaWxlIjoiVGV4dENsYW1wZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUZXh0LCBUZXh0UHJvcHMgfSBmcm9tIFwiLi4vVGV4dC9UZXh0XCI7XG5cbmV4cG9ydCB0eXBlIFRleHRDbGFtcGVkUHJvcHMgPSBUZXh0UHJvcHMgJiB7XG4gIC8qKiBUaGUgbWF4aW11bSBudW1iZXIgb2YgbGluZXMuIERlZmF1bHQgaXMgMS4gKi9cbiAgbGluZXM/OiBudW1iZXI7XG59O1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBhcnRpYWw8VGV4dENsYW1wZWRQcm9wcz4gPSB7XG4gIGxpbmVzOiAxLFxufTtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLnNwYW48VGV4dENsYW1wZWRQcm9wcz4oKHsgbGluZXMgfSkgPT4gKHtcbiAgZGlzcGxheTogXCItd2Via2l0LWJveFwiLFxuICBcIi13ZWJraXQtYm94LW9yaWVudFwiOiBcInZlcnRpY2FsXCIsXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICBXZWJraXRMaW5lQ2xhbXA6IGxpbmVzLFxufSkpO1xuXG5leHBvcnQgZnVuY3Rpb24gVGV4dENsYW1wZWQocHJvcHM6IFRleHRDbGFtcGVkUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCB7XG4gICAgbGluZXMsXG4gICAgY2hpbGRyZW4sXG4gICAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gICAgLi4udGV4dFByb3BzXG4gIH0gPSBwcm9wcztcblxuICByZXR1cm4gKFxuICAgIDxUZXh0XG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD1cIlRleHRDbGFtcGVkXCJcbiAgICAgIHsuLi50ZXh0UHJvcHN9XG4gICAgPlxuICAgICAgPENvbnRhaW5lciBsaW5lcz17bGluZXN9IHNpemU9e3RleHRQcm9wcy5zaXplfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9Db250YWluZXI+XG4gICAgPC9UZXh0PlxuICApO1xufVxuXG5UZXh0Q2xhbXBlZC5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG4iXX0= */");
|
|
29
25
|
function TextClamped(props) {
|
|
30
26
|
const {
|
|
31
27
|
lines,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextClamped.js","sources":["../../../../../../src/components/Typography/TextClamped/TextClamped.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Text, TextProps } from \"../Text/Text\";\n\nexport type TextClampedProps = TextProps & {\n /** The maximum number of lines. Default is 1. */\n lines?: number;\n};\n\nconst defaultProps: Partial<TextClampedProps> = {\n lines: 1,\n
|
|
1
|
+
{"version":3,"file":"TextClamped.js","sources":["../../../../../../src/components/Typography/TextClamped/TextClamped.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Text, TextProps } from \"../Text/Text\";\n\nexport type TextClampedProps = TextProps & {\n /** The maximum number of lines. Default is 1. */\n lines?: number;\n};\n\nconst defaultProps: Partial<TextClampedProps> = {\n lines: 1,\n};\n\nconst Container = styled.span<TextClampedProps>(({ lines }) => ({\n display: \"-webkit-box\",\n \"-webkit-box-orient\": \"vertical\",\n overflow: \"hidden\",\n WebkitLineClamp: lines,\n}));\n\nexport function TextClamped(props: TextClampedProps): React.ReactElement {\n const {\n lines,\n children,\n \"data-e2e-test-id\": dataE2eTestId,\n ...textProps\n } = props;\n\n return (\n <Text\n data-e2e-test-id={dataE2eTestId}\n data-ds-id=\"TextClamped\"\n {...textProps}\n >\n <Container lines={lines} size={textProps.size}>\n {children}\n </Container>\n </Text>\n );\n}\n\nTextClamped.defaultProps = defaultProps;\n"],"names":["defaultProps","lines","Container","_styled","process","env","NODE_ENV","target","label","_ref","display","overflow","WebkitLineClamp","TextClamped","props","children","dataE2eTestId","textProps","React","createElement","Text","_extends","size"],"mappings":";;;;;AAUA,MAAMA,YAAuC,GAAG;AAC9CC,EAAAA,KAAK,EAAE,CAAA;AACT,CAAC,CAAA;AAED,MAAMC,SAAS,gBAAGC,OAAA,CAAA,MAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,UAAA;EAAAC,KAAA,EAAA,WAAA;AAAA,CAAA,CAAA,CAA8BC,IAAA,IAAA;EAAA,IAAC;AAAER,IAAAA,KAAAA;AAAM,GAAC,GAAAQ,IAAA,CAAA;EAAA,OAAM;AAC9DC,IAAAA,OAAO,EAAE,aAAa;AACtB,IAAA,oBAAoB,EAAE,UAAU;AAChCC,IAAAA,QAAQ,EAAE,QAAQ;AAClBC,IAAAA,eAAe,EAAEX,KAAAA;GAClB,CAAA;AAAA,CAAC,EAAAG,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,qlDAAA,CAAA,CAAA;AAEI,SAASO,WAAWA,CAACC,KAAuB,EAAsB;EACvE,MAAM;IACJb,KAAK;IACLc,QAAQ;AACR,IAAA,kBAAkB,EAAEC,aAAa;IACjC,GAAGC,SAAAA;AACL,GAAC,GAAGH,KAAK,CAAA;AAET,EAAA,oBACEI,KAAA,CAAAC,aAAA,CAACC,IAAI,EAAAC,QAAA,CAAA;AACH,IAAA,kBAAA,EAAkBL,aAAc;IAChC,YAAW,EAAA,aAAA;AAAa,GAAA,EACpBC,SAAS,CAEbC,eAAAA,KAAA,CAAAC,aAAA,CAACjB,SAAS,EAAA;AAACD,IAAAA,KAAK,EAAEA,KAAM;IAACqB,IAAI,EAAEL,SAAS,CAACK,IAAAA;GACtCP,EAAAA,QACQ,CACP,CAAC,CAAA;AAEX,CAAA;AAEAF,WAAW,CAACb,YAAY,GAAGA,YAAY;;;;"}
|
package/build/esm/src/index.d.ts
CHANGED
package/build/esm/src/index.js
CHANGED
|
@@ -51,6 +51,7 @@ export { Toggletip } from './components/Toggletip/Toggletip.js';
|
|
|
51
51
|
export { Popover } from './components/Popover/Popover.js';
|
|
52
52
|
export { UserHighlightTooltip } from './components/UserHighlightTooltip/UserHighlightTooltip.js';
|
|
53
53
|
export { Sheet } from './components/Sheet/Sheet.js';
|
|
54
|
+
export { Image } from './components/Image/Image.js';
|
|
54
55
|
export { Input } from './components/Form/Input/Input.js';
|
|
55
56
|
export { PasswordInput } from './components/Form/PasswordInput/PasswordInput.js';
|
|
56
57
|
export { BaseDataTable, DataTable } from './components/DataTable/DataTable.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/index.ts"],"sourcesContent":["import {\n ambossVisualConfiguration,\n VisualConfig,\n} from \"../build-tokens/visualConfig\";\n\nexport type { VisualConfig };\nexport const { dark, light } = ambossVisualConfiguration;\nexport { ThemeProvider, CacheProvider } from \"@emotion/react\";\nexport { default as createCache } from \"@emotion/cache\";\nexport * from \"./components/Card/Card\";\nexport * from \"./components/Card/CardBox\";\nexport * from \"./components/Box/Box\";\nexport * from \"./components/Inline/Inline\";\nexport * from \"./components/Stack/Stack\";\nexport * from \"./components/Typography/Header/Header\";\nexport * from \"./components/Typography/Text/Text\";\nexport * from \"./components/Typography/TextClamped/TextClamped\";\nexport * from \"./components/Typography/StyledText/StyledText\";\nexport * from \"./components/Link/Link\";\nexport * from \"./components/Icon/Icon\";\nexport * from \"./components/Button/Button\";\nexport * from \"./components/Divider/Divider\";\nexport * from \"./components/Column/Columns\";\nexport * from \"./components/Tabs/Tabs\";\nexport * from \"./components/Badge/Badge\";\nexport * from \"./components/SearchResult/SearchResult\";\nexport * from \"./components/Form/ToggleButton/ToggleButton\";\nexport * from \"./components/DropdownMenu/DropdownMenu\";\nexport * from \"./components/Form/FormFieldGroup/FormFieldGroup\";\nexport * from \"./components/Form/Input\";\nexport * from \"./components/Form/Checkbox/Checkbox\";\nexport * from \"./components/Form/Toggle/Toggle\";\nexport * from \"./components/Form/Radio/Radio\";\nexport * from \"./components/Form/RadioButton/RadioButton\";\nexport * from \"./components/Form/Textarea/Textarea\";\nexport * from \"./components/Form/Select/Select\";\nexport * from \"./components/SubThemeProvider/SubThemeProvider\";\nexport * from \"./components/PictogramButton/PictogramButton\";\nexport * from \"./components/MediaViewerBar/MediaViewerBar\";\nexport * from \"./components/SegmentedProgressBar/SegmentedProgressBar\";\nexport * from \"./components/ProgressBar/ProgressBar\";\nexport * from \"./components/Container/Container\";\nexport * from \"./components/Form/PasswordInput\";\nexport * from \"./components/RoundButton/RoundButton\";\nexport * from \"./components/Notification/Notification\";\nexport * from \"./components/Logo/Logo\";\nexport * from \"./components/MediaItem/MediaItem\";\nexport * from \"./components/Callout/Callout\";\nexport * from \"./components/Patterns/Modal/Modal\";\nexport * from \"./components/Patterns/ButtonGroup/ButtonGroup\";\nexport * from \"./components/Collapsible/Collapsible\";\nexport * from \"./components/LoadingSpinner/LoadingSpinner\";\nexport * from \"./components/Pagination/Pagination\";\nexport * from \"./components/DataTable\";\nexport * from \"./components/Form/SegmentedControl/SegmentedControl\";\nexport * from \"./components/Tooltip/Tooltip\";\nexport * from \"./components/Tag/Tag\";\nexport * from \"./components/TagGroup/TagGroup\";\nexport * from \"./components/Toggletip/Toggletip\";\nexport * from \"./components/Popover/Popover\";\nexport * from \"./components/UserHighlightTooltip/UserHighlightTooltip\";\nexport * from \"./components/Sheet/Sheet\";\n"],"names":["dark","light","ambossVisualConfiguration"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/index.ts"],"sourcesContent":["import {\n ambossVisualConfiguration,\n VisualConfig,\n} from \"../build-tokens/visualConfig\";\n\nexport type { VisualConfig };\nexport const { dark, light } = ambossVisualConfiguration;\nexport { ThemeProvider, CacheProvider } from \"@emotion/react\";\nexport { default as createCache } from \"@emotion/cache\";\nexport * from \"./components/Card/Card\";\nexport * from \"./components/Card/CardBox\";\nexport * from \"./components/Box/Box\";\nexport * from \"./components/Inline/Inline\";\nexport * from \"./components/Stack/Stack\";\nexport * from \"./components/Typography/Header/Header\";\nexport * from \"./components/Typography/Text/Text\";\nexport * from \"./components/Typography/TextClamped/TextClamped\";\nexport * from \"./components/Typography/StyledText/StyledText\";\nexport * from \"./components/Link/Link\";\nexport * from \"./components/Icon/Icon\";\nexport * from \"./components/Button/Button\";\nexport * from \"./components/Divider/Divider\";\nexport * from \"./components/Column/Columns\";\nexport * from \"./components/Tabs/Tabs\";\nexport * from \"./components/Badge/Badge\";\nexport * from \"./components/SearchResult/SearchResult\";\nexport * from \"./components/Form/ToggleButton/ToggleButton\";\nexport * from \"./components/DropdownMenu/DropdownMenu\";\nexport * from \"./components/Form/FormFieldGroup/FormFieldGroup\";\nexport * from \"./components/Form/Input\";\nexport * from \"./components/Form/Checkbox/Checkbox\";\nexport * from \"./components/Form/Toggle/Toggle\";\nexport * from \"./components/Form/Radio/Radio\";\nexport * from \"./components/Form/RadioButton/RadioButton\";\nexport * from \"./components/Form/Textarea/Textarea\";\nexport * from \"./components/Form/Select/Select\";\nexport * from \"./components/SubThemeProvider/SubThemeProvider\";\nexport * from \"./components/PictogramButton/PictogramButton\";\nexport * from \"./components/MediaViewerBar/MediaViewerBar\";\nexport * from \"./components/SegmentedProgressBar/SegmentedProgressBar\";\nexport * from \"./components/ProgressBar/ProgressBar\";\nexport * from \"./components/Container/Container\";\nexport * from \"./components/Form/PasswordInput\";\nexport * from \"./components/RoundButton/RoundButton\";\nexport * from \"./components/Notification/Notification\";\nexport * from \"./components/Logo/Logo\";\nexport * from \"./components/MediaItem/MediaItem\";\nexport * from \"./components/Callout/Callout\";\nexport * from \"./components/Patterns/Modal/Modal\";\nexport * from \"./components/Patterns/ButtonGroup/ButtonGroup\";\nexport * from \"./components/Collapsible/Collapsible\";\nexport * from \"./components/LoadingSpinner/LoadingSpinner\";\nexport * from \"./components/Pagination/Pagination\";\nexport * from \"./components/DataTable\";\nexport * from \"./components/Form/SegmentedControl/SegmentedControl\";\nexport * from \"./components/Tooltip/Tooltip\";\nexport * from \"./components/Tag/Tag\";\nexport * from \"./components/TagGroup/TagGroup\";\nexport * from \"./components/Toggletip/Toggletip\";\nexport * from \"./components/Popover/Popover\";\nexport * from \"./components/UserHighlightTooltip/UserHighlightTooltip\";\nexport * from \"./components/Sheet/Sheet\";\nexport * from \"./components/Image/Image\";\n"],"names":["dark","light","ambossVisualConfiguration"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMa,MAAA;EAAEA,IAAI;AAAEC,EAAAA,KAAAA;AAAM,CAAC,GAAGC;;;;"}
|
package/build/scss/_theming.scss
CHANGED
|
@@ -78,8 +78,9 @@
|
|
|
78
78
|
--color-border-primary-disabled: rgba(163, 178, 189, 0.3);
|
|
79
79
|
--color-border-secondary-default: rgba(163, 178, 189, 0.3);
|
|
80
80
|
--color-border-accent-default: #0b8363;
|
|
81
|
-
--color-border-
|
|
81
|
+
--color-border-onAccent-default: #ffffff;
|
|
82
82
|
--color-border-accentSubtle-default: #8adcc6;
|
|
83
|
+
--color-border-error-default: #dc4847;
|
|
83
84
|
--color-divider-primary: #e0e6eb;
|
|
84
85
|
--color-divider-secondary: rgba(163, 178, 189, 0.3);
|
|
85
86
|
--color-badge-background-default: #ffffff;
|
|
@@ -192,8 +193,9 @@
|
|
|
192
193
|
--color-border-primary-disabled: rgba(147, 151, 159, 0.08);
|
|
193
194
|
--color-border-secondary-default: rgba(147, 149, 159, 0.3);
|
|
194
195
|
--color-border-accent-default: #41a48a;
|
|
195
|
-
--color-border-
|
|
196
|
+
--color-border-onAccent-default: #ffffff;
|
|
196
197
|
--color-border-accentSubtle-default: #28816b;
|
|
198
|
+
--color-border-error-default: #d07c7c;
|
|
197
199
|
--color-divider-primary: #32363e;
|
|
198
200
|
--color-divider-secondary: rgba(147, 149, 159, 0.15);
|
|
199
201
|
--color-badge-background-default: transparent;
|
|
@@ -76,8 +76,9 @@ $colorBorderPrimaryActive: var(--color-border-primary-active);
|
|
|
76
76
|
$colorBorderPrimaryDisabled: var(--color-border-primary-disabled);
|
|
77
77
|
$colorBorderSecondary: var(--color-border-secondary-default);
|
|
78
78
|
$colorBorderAccent: var(--color-border-accent-default);
|
|
79
|
-
$
|
|
79
|
+
$colorBorderOnAccent: var(--color-border-onAccent-default);
|
|
80
80
|
$colorBorderAccentSubtle: var(--color-border-accentSubtle-default);
|
|
81
|
+
$colorBorderError: var(--color-border-error-default);
|
|
81
82
|
$colorDividerPrimary: var(--color-divider-primary);
|
|
82
83
|
$colorDividerSecondary: var(--color-divider-secondary);
|
|
83
84
|
$colorBadgeBackground: var(--color-badge-background-default);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@amboss/design-system",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.22.0",
|
|
4
4
|
"description": "the design system for AMBOSS products",
|
|
5
5
|
"author": "Bagrat Gobedashvili",
|
|
6
6
|
"license": "ISC",
|
|
@@ -127,16 +127,16 @@
|
|
|
127
127
|
"@rollup/plugin-commonjs": "^24.0.1",
|
|
128
128
|
"@rollup/plugin-json": "^6.0.0",
|
|
129
129
|
"@rollup/plugin-node-resolve": "^15.0.1",
|
|
130
|
-
"@storybook/addon-a11y": "^7.
|
|
131
|
-
"@storybook/addon-essentials": "^7.
|
|
132
|
-
"@storybook/addon-interactions": "^7.
|
|
133
|
-
"@storybook/addon-links": "^7.
|
|
134
|
-
"@storybook/addon-storysource": "^7.
|
|
135
|
-
"@storybook/blocks": "^7.
|
|
136
|
-
"@storybook/manager-api": "^7.
|
|
137
|
-
"@storybook/react": "^7.
|
|
138
|
-
"@storybook/react-webpack5": "^7.
|
|
139
|
-
"@storybook/theming": "^7.
|
|
130
|
+
"@storybook/addon-a11y": "^7.6.7",
|
|
131
|
+
"@storybook/addon-essentials": "^7.6.7",
|
|
132
|
+
"@storybook/addon-interactions": "^7.6.7",
|
|
133
|
+
"@storybook/addon-links": "^7.6.7",
|
|
134
|
+
"@storybook/addon-storysource": "^7.6.7",
|
|
135
|
+
"@storybook/blocks": "^7.6.7",
|
|
136
|
+
"@storybook/manager-api": "^7.6.7",
|
|
137
|
+
"@storybook/react": "^7.6.7",
|
|
138
|
+
"@storybook/react-webpack5": "^7.6.7",
|
|
139
|
+
"@storybook/theming": "^7.6.7",
|
|
140
140
|
"@testing-library/jest-dom": "^5.11.5",
|
|
141
141
|
"@testing-library/react": "^11.1.0",
|
|
142
142
|
"@testing-library/user-event": "^13.0.1",
|
|
@@ -153,6 +153,7 @@
|
|
|
153
153
|
"chokidar-cli": "^2.1.0",
|
|
154
154
|
"chromatic": "^6.19.9",
|
|
155
155
|
"copyfiles": "^2.4.1",
|
|
156
|
+
"csstype": "^3.1.3",
|
|
156
157
|
"eslint": "^7.11.0",
|
|
157
158
|
"eslint-config-airbnb": "^18.2.0",
|
|
158
159
|
"eslint-config-prettier": "^7.1.0",
|
|
@@ -178,7 +179,7 @@
|
|
|
178
179
|
"react": "^17.0.1",
|
|
179
180
|
"react-dom": "^17.0.1",
|
|
180
181
|
"rollup": "^3.21.0",
|
|
181
|
-
"storybook": "^7.
|
|
182
|
+
"storybook": "^7.6.7",
|
|
182
183
|
"style-dictionary": "^3.8.0",
|
|
183
184
|
"tinycolor2": "^1.6.0",
|
|
184
185
|
"ts-jest": "^29.1.1",
|