diff --git a/packages/design-docs/src/StatusTable.tsx b/packages/design-docs/src/StatusTable.tsx index 427135982a5..61524be4be1 100644 --- a/packages/design-docs/src/StatusTable.tsx +++ b/packages/design-docs/src/StatusTable.tsx @@ -1,7 +1,9 @@ import { Suspense } from 'react'; -// eslint-disable-next-line @talend/import-depth -import statuses from '@talend/design-system/src/stories/status.json'; -import { Statuses, ComponentStatuses } from '@talend/storybook-docs'; + +import { ComponentStatuses, Statuses } from '@talend/storybook-docs'; + +import statuses from './status.json'; + import theme from './StatusTable.module.scss'; function toTitleCase(value: string) { diff --git a/packages/design-docs/src/status.json b/packages/design-docs/src/status.json new file mode 100644 index 00000000000..ad18832d27b --- /dev/null +++ b/packages/design-docs/src/status.json @@ -0,0 +1,699 @@ +{ + "accordion": { + "figma": { + "status": "ok", + "link": "https://www.figma.com/file/CDfr4jLz1m6Ud2RNi4qpQJ/Accordion" + }, + "storybook": { "status": "wip" }, + "react": { + "status": "wip", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/WIP/Accordion/Accordion.tsx" + }, + "i18n": { "status": "na" } + }, + "badge": { + "figma": { + "status": "wip", + "link": "https://www.figma.com/file/3YWRmMgPIjAABxJl9X9B3W/Badge" + }, + "storybook": { "status": "wip" }, + "react": { + "status": "wip", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/Badge/Badge.tsx" + }, + "i18n": { "status": "wip" } + }, + "breadcrumbs": { + "figma": { + "status": "ok", + "link": "https://www.figma.com/file/8ifUyNjdZkWBmKKrgfB675/Breadcrumbs" + }, + "storybook": { "status": "ok" }, + "react": { + "status": "ok", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/Breadcrumbs/Breadcrumbs.tsx" + }, + "i18n": { "status": "na" } + }, + "button": { + "figma": { + "status": "ok", + "link": "https://www.figma.com/file/vvJTHBAgiLfBpgeKEjmvvZ/Buttons" + }, + "storybook": { "status": "ok" }, + "react": { + "status": "ok", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/Button/Button.tsx" + }, + "i18n": { "status": "na" } + }, + "buttonAsLink": { + "figma": { + "status": "ok", + "link": "https://www.figma.com/file/vvJTHBAgiLfBpgeKEjmvvZ/Buttons" + }, + "storybook": { + "status": "ok" + }, + "react": { + "status": "ok", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/ButtonAsLink/ButtonAsLink.tsx" + }, + "i18n": { "status": "na" } + }, + "buttonIcon": { + "figma": { + "status": "ok", + "link": "https://www.figma.com/file/KuJ1PlP77uyXlfOhdniqsZ/ButtonIcon?node-id=1%3A75" + }, + "storybook": { "status": "ok" }, + "react": { + "status": "ok", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/ButtonIcon/variations/ButtonIcon.tsx" + }, + "i18n": { "status": "na" } + }, + "card": { + "figma": { "status": "wip" }, + "storybook": { "status": "wip" }, + "react": { + "status": "ok", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/WIP/Card/Card.tsx" + }, + "i18n": { "status": "na" } + }, + "combobox": { + "figma": { + "status": "wip", + "link": "https://www.figma.com/file/XLAg5NdlNDKGVp6IgqDzGC/Combo-box" + }, + "storybook": { "status": "wip" }, + "react": { + "status": "wip", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/WIP/Combobox/Combobox.tsx" + }, + "i18n": { "status": "na" } + }, + "divider": { + "figma": { + "status": "ok", + "link": "https://www.figma.com/file/OGrnGJ6dCVvU0CRYsOuiTZ/Divider" + }, + "storybook": { "status": "ok" }, + "react": { + "status": "ok", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/Divider/Divider.tsx" + }, + "i18n": { "status": "na" } + }, + "drawer": { + "figma": { + "status": "wip", + "link": "https://www.figma.com/file/x0RxG7E0CzVWDycXtNgq7H/Drawer" + }, + "storybook": { "status": "wip" }, + "react": { + "status": "wip", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/WIP/Drawer/variants/FloatingDrawer/FloatingDrawer.tsx" + }, + "i18n": { "status": "na" } + }, + "floatingDrawer": { + "figma": { + "status": "wip", + "link": "https://www.figma.com/file/x0RxG7E0CzVWDycXtNgq7H/Drawer" + }, + "storybook": { "status": "wip" }, + "react": { + "status": "wip", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/WIP/Drawer/variants/FloatingDrawer/FloatingDrawer.tsx" + }, + "i18n": { "status": "na" } + }, + "dropdown": { + "figma": { + "status": "ok", + "link": "https://www.figma.com/file/IUeLBwjDCMkpdO7OtZ29u1/Dropdown" + }, + "storybook": { "status": "ok" }, + "react": { + "status": "ok", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/Dropdown/Dropdown.tsx" + }, + "i18n": { "status": "na" } + }, + "emptyState": { + "figma": { + "status": "ok", + "link": "https://www.figma.com/file/6XBBCBVOhyX6yTaNcZQiti/Empty-States" + }, + "storybook": { "status": "ok" }, + "react": { + "status": "ok", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/EmptyState/EmptyState.tsx" + }, + "i18n": { "status": "wip" } + }, + "errorState": { + "figma": { + "status": "ok", + "link": "https://www.figma.com/file/hMYM9HGXajJpWdGwRb5ITR/Coral?node-id=5523%3A27380" + }, + "storybook": { "status": "ok" }, + "react": { + "status": "ok", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/ErrorState/ErrorState.tsx" + }, + "i18n": { "status": "na" } + }, + "form": { + "figma": { + "status": "ok", + "link": "https://www.figma.com/file/FaYIWpJeP6LwjWr78L8eAr/Forms?node-id=58%3A0" + }, + "storybook": { "status": "ok" }, + "react": { + "status": "ok", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/Form/Form.tsx" + }, + "i18n": { "status": "na" } + }, + "formAffix": { + "figma": { + "status": "ok", + "link": "https://www.figma.com/file/qc8oUSyVJM67gSsbTShftt/%F0%9F%93%90-Zoning?node-id=249%3A129" + }, + "storybook": { "status": "ok" }, + "react": { + "status": "ok", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/Form/Affix/variations/AffixSelect.tsx" + }, + "i18n": { "status": "na" } + }, + "formButton": { + "figma": { + "status": "ok", + "link": "https://www.figma.com/file/FaYIWpJeP6LwjWr78L8eAr/?node-id=34%3A4932" + }, + "storybook": { "status": "ok" }, + "react": { + "status": "ok", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/Form/Buttons/Buttons.tsx" + }, + "i18n": { "status": "na" } + }, + "formField": { + "figma": { + "status": "ok", + "link": "https://www.figma.com/file/hMYM9HGXajJpWdGwRb5ITR/Coral?node-id=5300%3A21659" + }, + "storybook": { "status": "ok" }, + "react": { + "status": "ok" + }, + "i18n": { "status": "na" } + }, + "formFieldDatalist": { + "figma": { + "status": "ok", + "link": "ttps://www.figma.com/file/qc8oUSyVJM67gSsbTShftt/%F0%9F%93%90-Zoning?node-id=252%3A0" + }, + "storybook": { "status": "ok" }, + "react": { + "status": "ok", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/Form/Field/Datalist/Datalist.tsx" + }, + "i18n": { "status": "na" } + }, + "formFieldInputPassword": { + "figma": { + "status": "ok", + "link": "https://www.figma.com/file/qc8oUSyVJM67gSsbTShftt/%F0%9F%93%90-Zoning?node-id=245%3A294" + }, + "storybook": { "status": "ok" }, + "react": { + "status": "ok", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/Form/Field/Input/Password/Password.tsx" + }, + "i18n": { "status": "ok" } + }, + "formFieldInputCheckbox": { + "figma": { + "status": "ok", + "link": "https://www.figma.com/file/9q3dOyrI7zRR7dHDe2jRpz/Checkbox?node-id=0%3A1" + }, + "storybook": { "status": "ok" }, + "react": { + "status": "ok", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/Form/Field/Input/Input.Checkbox.tsx" + }, + "i18n": { "status": "na" } + }, + "formFieldInputColor": { + "figma": { + "status": "wip", + "link": "https://www.figma.com/file/qc8oUSyVJM67gSsbTShftt/%F0%9F%93%90-Zoning?node-id=548%3A0" + }, + "storybook": { "status": "ok" }, + "react": { + "status": "ok", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/Form/Field/Input/Input.Color.tsx" + }, + "i18n": { "status": "na" } + }, + "formFieldInputCopy": { + "figma": { + "status": "ok", + "link": "https://www.figma.com/file/qc8oUSyVJM67gSsbTShftt/%F0%9F%93%90-Zoning?node-id=548%3A11" + }, + "storybook": { "status": "ok" }, + "react": { + "status": "ok", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/Form/Field/Input/Input.Copy.tsx" + }, + "i18n": { "status": "ok" } + }, + "formFieldInputDate": { + "figma": { + "status": "ok", + "link": "https://www.figma.com/file/qc8oUSyVJM67gSsbTShftt/%F0%9F%93%90-Zoning?node-id=245%3A219" + }, + "storybook": { "status": "ok" }, + "react": { + "status": "ok", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/Form/Field/Input/Input.Date.tsx" + }, + "i18n": { "status": "na" } + }, + "formFieldInputDateTimeLocal": { + "figma": { + "status": "ok", + "link": "https://www.figma.com/file/qc8oUSyVJM67gSsbTShftt/%F0%9F%93%90-Zoning?node-id=245%3A219" + }, + "storybook": { "status": "ok" }, + "react": { + "status": "ok", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/Form/Field/Input/Input.DatetimeLocal.tsx" + }, + "i18n": { "status": "na" } + }, + "formFieldInputEmail": { + "figma": { + "status": "ok", + "link": "https://www.figma.com/file/qc8oUSyVJM67gSsbTShftt/%F0%9F%93%90-Zoning?node-id=245%3A219" + }, + "storybook": { "status": "ok" }, + "react": { + "status": "ok", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/Form/Field/Input/Input.Checkbox.tsx" + }, + "i18n": { "status": "na" } + }, + "formFieldInputFile": { + "figma": { + "status": "ok", + "link": "ttps://www.figma.com/file/qc8oUSyVJM67gSsbTShftt/%F0%9F%93%90-Zoning?node-id=245%3A233" + }, + "storybook": { "status": "ok" }, + "react": { + "status": "ok", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/Form/Field/Input/Input.File.tsx" + }, + "i18n": { "status": "ok" } + }, + "formFieldInputMonth": { + "figma": { + "status": "ok", + "link": "https://www.figma.com/file/qc8oUSyVJM67gSsbTShftt/%F0%9F%93%90-Zoning?node-id=245%3A219" + }, + "storybook": { "status": "ok" }, + "react": { + "status": "ok", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/Form/Field/Input/Input.Month.tsx" + }, + "i18n": { "status": "na" } + }, + "formFieldInputNumber": { + "figma": { + "status": "ok", + "link": "https://www.figma.com/file/qc8oUSyVJM67gSsbTShftt/%F0%9F%93%90-Zoning?node-id=548%3A53" + }, + "storybook": { "status": "ok" }, + "react": { + "status": "ok", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/Form/Field/Input/Input.Checkbox.tsx" + }, + "i18n": { "status": "na" } + }, + "formFieldInputRadio": { + "figma": { + "status": "ok", + "link": "https://www.figma.com/file/qc8oUSyVJM67gSsbTShftt/%F0%9F%93%90-Zoning?node-id=44%3A76" + }, + "storybook": { "status": "ok" }, + "react": { + "status": "ok", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/Form/Field/Input/Input.Radio.tsx" + }, + "i18n": { "status": "na" } + }, + "formFieldInputSearch": { + "figma": { + "status": "ok", + "link": "https://www.figma.com/file/qc8oUSyVJM67gSsbTShftt/%F0%9F%93%90-Zoning?node-id=245%3A198" + }, + "storybook": { "status": "ok" }, + "react": { + "status": "ok", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/Form/Field/Input/Input.Search.tsx" + }, + "i18n": { "status": "na" } + }, + "formFieldInputTel": { + "figma": { + "status": "ok", + "link": "https://www.figma.com/file/qc8oUSyVJM67gSsbTShftt/%F0%9F%93%90-Zoning?node-id=245%3A219" + }, + "storybook": { "status": "ok" }, + "react": { + "status": "ok", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/Form/Field/Input/Input.Tel.tsx" + }, + "i18n": { "status": "na" } + }, + "formFieldInputText": { + "figma": { + "status": "ok", + "link": "https://www.figma.com/file/qc8oUSyVJM67gSsbTShftt/%F0%9F%93%90-Zoning?node-id=245%3A219" + }, + "storybook": { "status": "ok" }, + "react": { + "status": "ok", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/Form/Field/Input/Input.Text.tsx" + }, + "i18n": { "status": "na" } + }, + "formFieldInputTime": { + "figma": { + "status": "ok", + "link": "https://www.figma.com/file/qc8oUSyVJM67gSsbTShftt/%F0%9F%93%90-Zoning?node-id=245%3A219" + }, + "storybook": { "status": "ok" }, + "react": { + "status": "ok", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/Form/Field/Input/Input.Time.tsx" + }, + "i18n": { "status": "na" } + }, + "formFieldInputToggleSwitch": { + "figma": { + "status": "ok", + "link": "https://www.figma.com/file/qc8oUSyVJM67gSsbTShftt/%F0%9F%93%90-Zoning?node-id=252%3A9" + }, + "storybook": { "status": "ok" }, + "react": { + "status": "ok", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/Form/Field/Input/Input.ToggleSwitch.tsx" + }, + "i18n": { "status": "na" } + }, + "formFieldInputUrl": { + "figma": { + "status": "ok", + "link": "https://www.figma.com/file/qc8oUSyVJM67gSsbTShftt/%F0%9F%93%90-Zoning?node-id=245%3A219" + }, + "storybook": { "status": "ok" }, + "react": { + "status": "ok", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/Form/Field/Input/Input.Url.tsx" + }, + "i18n": { "status": "na" } + }, + "formFieldInputWeek": { + "figma": { + "status": "ok", + "link": "https://www.figma.com/file/qc8oUSyVJM67gSsbTShftt/%F0%9F%93%90-Zoning?node-id=245%3A219" + }, + "storybook": { "status": "ok" }, + "react": { + "status": "ok", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/Form/Field/Input/Input.Week.tsx" + }, + "i18n": { "status": "na" } + }, + "formFieldInputSelect": { + "figma": { + "status": "ok", + "link": "https://www.figma.com/file/qc8oUSyVJM67gSsbTShftt/%F0%9F%93%90-Zoning?node-id=245%3A211" + }, + "storybook": { "status": "ok" }, + "react": { + "status": "ok", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/Form/Field/Select/Select.tsx" + }, + "i18n": { "status": "na" } + }, + "formFieldInputTextArea": { + "figma": { + "status": "ok", + "link": "https://www.figma.com/file/qc8oUSyVJM67gSsbTShftt/%F0%9F%93%90-Zoning?node-id=245%3A268" + }, + "storybook": { "status": "ok" }, + "react": { + "status": "ok", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/Form/Field/Textarea/Textarea.tsx" + }, + "i18n": { "status": "na" } + }, + "formEnumeration": { + "figma": { "status": "ok" }, + "storybook": { "status": "ok" }, + "react": { + "status": "wip", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/Enumeration/Enumeration.component.tsx" + }, + "i18n": { "status": "na" } + }, + "formFieldset": { + "figma": { + "status": "ok", + "link": "https://www.figma.com/file/qc8oUSyVJM67gSsbTShftt/%F0%9F%93%90-Zoning?node-id=349%3A227" + }, + "storybook": { "status": "ok" }, + "react": { + "status": "ok", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/Form/Fieldset/Fieldset.tsx" + }, + "i18n": { "status": "na" } + }, + "icon": { + "figma": { "status": "ok" }, + "storybook": { "status": "ok" }, + "react": { + "status": "ok", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/Icon/Icon.tsx" + }, + "i18n": { "status": "na" } + }, + "sizedIcon": { + "figma": { "status": "ok" }, + "storybook": { "status": "ok" }, + "react": { + "status": "ok", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/Icon/SizedIcon.tsx" + }, + "i18n": { "status": "na" } + }, + "inlineEditing": { + "figma": { + "status": "ok", + "link": "https://www.figma.com/file/Ve55mrVTPmg8yDo8VKRp83/Inline-editing?node-id=422%3A3426" + }, + "storybook": { "status": "ok" }, + "react": { + "status": "ok", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/InlineEditing/variations/InlineEditing.text.tsx" + }, + "i18n": { "status": "ok" } + }, + "inlineMessage": { + "figma": { + "status": "ok", + "link": "https://www.figma.com/file/qc8oUSyVJM67gSsbTShftt/%F0%9F%93%90-Zoning?node-id=12%3A96" + }, + "storybook": { "status": "ok" }, + "react": { + "status": "ok", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/InlineMessage/InlineMessage.tsx" + }, + "i18n": { "status": "na" } + }, + "link": { + "figma": { + "status": "ok", + "link": "https://www.figma.com/file/l3FmBFqbeqqSlz9TBZKgWS/Links" + }, + "storybook": { "status": "ok" }, + "react": { + "status": "ok", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/Link/Link.tsx" + }, + "i18n": { "status": "ok" } + }, + "loading": { + "figma": { "status": "ok" }, + "storybook": { "status": "wip" }, + "react": { + "status": "ok", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/Loading/Loading.tsx" + }, + "i18n": { "status": "na" } + }, + "message": { + "figma": { + "status": "ok", + "link": "https://www.figma.com/file/MSrfT0wzGwQSL8GuyG3UE7/Messages?node-id=122%3A42331" + }, + "storybook": { "status": "ok" }, + "react": { + "status": "ok", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/Message/Primitive/MessagePrimitive.tsx" + }, + "i18n": { "status": "na" } + }, + "modal": { + "figma": { + "status": "ok", + "link": "https://www.figma.com/file/0Jolh2prAAdfO5224n3OU3/Modal" + }, + "storybook": { "status": "wip" }, + "react": { + "status": "ok", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/Modal/Modal.tsx" + }, + "i18n": { "status": "na" } + }, + "popover": { + "figma": { "status": "wip" }, + "storybook": { "status": "wip" }, + "react": { + "status": "wip", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/WIP/Popover/Popover.tsx" + }, + "i18n": { "status": "na" } + }, + "richRadioButton": { + "figma": { "status": "ok" }, + "storybook": { "status": "wip" }, + "react": { + "status": "wip", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/RichRadioButton/RichRadioButton.component.tsx" + }, + "i18n": { "status": "na" } + }, + "skeleton": { + "figma": { + "status": "ok", + "link": "https://www.figma.com/file/RMs7GdNC3mnAwHgG4Firw9/Skeletons" + }, + "storybook": { "status": "ok" }, + "react": { + "status": "ok", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/Skeleton/Skeleton.tsx" + }, + "i18n": { "status": "na" } + }, + "stack": { + "figma": { + "status": "na", + "link": "https://www.figma.com/file/qc8oUSyVJM67gSsbTShftt/%F0%9F%93%90-Zoning?node-id=1044%3A237" + }, + "storybook": { "status": "ok" }, + "react": { + "status": "ok", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/Stack/Primitive/StackPrimitive.tsx" + }, + "i18n": { "status": "na" } + }, + "status": { + "figma": { + "status": "ok", + "link": "https://www.figma.com/file/joEoPYw910CgGO0DiKWRoD/Status?node-id=2%3A72" + }, + "storybook": { "status": "ok" }, + "react": { + "status": "ok", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/Status/Status.tsx" + }, + "i18n": { "status": "ok" } + }, + "stepper": { + "figma": { + "status": "ok", + "link": "https://www.figma.com/file/WUVKJmcDHfR7K1q1lYhaHk/?node-id=1%3A5" + }, + "storybook": { "status": "ok" }, + "react": { + "status": "ok", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/Stepper/Stepper.tsx" + }, + "i18n": { "status": "ok" } + }, + "stepperStep": { + "figma": { + "status": "ok", + "link": "https://www.figma.com/file/WUVKJmcDHfR7K1q1lYhaHk/?node-id=1%3A4" + }, + "storybook": { "status": "ok" }, + "react": { + "status": "ok", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/Stepper/Step/Primitive/Step.tsx" + }, + "i18n": { "status": "na" } + }, + "switch": { + "figma": { "status": "ok" }, + "storybook": { "status": "ok" }, + "react": { + "status": "ok", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/Switch/Switch.tsx" + }, + "i18n": { "status": "na" } + }, + "tabs": { + "figma": { + "status": "ok", + "link": "https://www.figma.com/file/bSesPlHPWLPA66wySm8VYV/Tabs" + }, + "storybook": { "status": "wip" }, + "react": { + "status": "wip", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/WIP/Tabs/variants/Tabs.tsx" + }, + "i18n": { "status": "na" } + }, + "tag": { + "figma": { + "status": "ok", + "link": "https://www.figma.com/file/wggW0Nf0ZujylGaXt5Snnn/Tags" + }, + "storybook": { "status": "ok" }, + "react": { + "status": "ok", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/Tag/Tag.tsx" + }, + "i18n": { "status": "na" } + }, + "tooltip": { + "figma": { + "status": "ok", + "link": "https://www.figma.com/file/93AaDV2pC1tK9J1O6IbHho/Tooltips" + }, + "storybook": { "status": "ok" }, + "react": { + "status": "ok", + "link": "https://github.com/Talend/ui/blob/master/packages/design-system/src/components/Tooltip/Tooltip.tsx" + }, + "i18n": { "status": "na" } + } +} diff --git a/packages/design-tokens/package.json b/packages/design-tokens/package.json index 1ae503c5dd0..16dc3ffd27f 100644 --- a/packages/design-tokens/package.json +++ b/packages/design-tokens/package.json @@ -21,8 +21,8 @@ "default": "./lib-esm/*.js" }, "require": { - "types": "./dist/*.d.ts", - "default": "./dist/*.js" + "types": "./lib/*.d.ts", + "default": "./lib/*.js" } }, "./dist/*": { diff --git a/packages/icons/package.json b/packages/icons/package.json index 7515ddcfb8c..0e1fb3a71d2 100644 --- a/packages/icons/package.json +++ b/packages/icons/package.json @@ -7,6 +7,8 @@ "module": "./lib-esm/index.js", "exports": { "./package.json": "./package.json", + "./.storybook/main.js": "./.storybook/main.js", + "./.storybook/preview.js": "./.storybook/preview.js", "./src/*": { "import": "./src/*", "require": "./src/*" diff --git a/tools/scripts-config-storybook-lib/.storybook-templates/main.js b/tools/scripts-config-storybook-lib/.storybook-templates/main.js index dc7a91a8ccc..cefff9cc088 100644 --- a/tools/scripts-config-storybook-lib/.storybook-templates/main.js +++ b/tools/scripts-config-storybook-lib/.storybook-templates/main.js @@ -43,7 +43,7 @@ const defaultMain = { buildStoriesJson: true, }, stories: getStoriesFolders(), - staticDirs: [path.join(__dirname, 'msw'), require.resolve('@talend/icons').replace('/dist/TalendIcons.js', '/dist/svg-bundle')], + staticDirs: [path.join(__dirname, 'msw'), require.resolve('@talend/icons').replace('index.js', '').replace('/dist/TalendIcons.js', '/dist/svg-bundle')], addons: [ '@storybook/addon-essentials', '@storybook/addon-a11y',