@salutejs/plasma-new-hope 0.134.0-canary.1361.10596542425.0 → 0.134.0-canary.1361.10617120817.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Switch/Switch.tokens.js +1 -1
- package/cjs/components/Switch/Switch.tokens.js.map +1 -1
- package/cjs/components/Switch/_size/base.js +1 -1
- package/cjs/components/Switch/_size/base.js.map +1 -1
- package/cjs/components/Switch/_size/{base_9sphki.css → base_1sjw39x.css} +1 -1
- package/cjs/components/Switch/_view/base.js +1 -1
- package/cjs/components/Switch/_view/base.js.map +1 -1
- package/cjs/components/Switch/_view/base_d10e49.css +1 -0
- package/cjs/index.css +2 -2
- package/emotion/cjs/components/Switch/Switch.tokens.js +1 -1
- package/emotion/cjs/components/Switch/_size/base.js +1 -1
- package/emotion/cjs/components/Switch/_view/base.js +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/Switch/Switch.config.js +4 -4
- package/emotion/cjs/examples/plasma_web/components/Switch/Switch.config.js +4 -4
- package/emotion/cjs/examples/themes/index.js +1 -3
- package/emotion/es/components/Switch/Switch.tokens.js +1 -1
- package/emotion/es/components/Switch/_size/base.js +1 -1
- package/emotion/es/components/Switch/_view/base.js +1 -1
- package/emotion/es/examples/plasma_b2c/components/Switch/Switch.config.js +4 -4
- package/emotion/es/examples/plasma_web/components/Switch/Switch.config.js +4 -4
- package/emotion/es/examples/themes/index.js +1 -3
- package/es/components/Switch/Switch.tokens.js +1 -1
- package/es/components/Switch/Switch.tokens.js.map +1 -1
- package/es/components/Switch/_size/base.js +1 -1
- package/es/components/Switch/_size/base.js.map +1 -1
- package/es/components/Switch/_size/{base_9sphki.css → base_1sjw39x.css} +1 -1
- package/es/components/Switch/_view/base.js +1 -1
- package/es/components/Switch/_view/base.js.map +1 -1
- package/es/components/Switch/_view/base_d10e49.css +1 -0
- package/es/index.css +2 -2
- package/package.json +4 -4
- package/styled-components/cjs/components/Switch/Switch.tokens.js +1 -1
- package/styled-components/cjs/components/Switch/_size/base.js +1 -1
- package/styled-components/cjs/components/Switch/_view/base.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Switch/Switch.config.js +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Switch/Switch.config.js +1 -1
- package/styled-components/cjs/examples/themes/index.js +1 -3
- package/styled-components/es/components/Switch/Switch.tokens.js +1 -1
- package/styled-components/es/components/Switch/_size/base.js +1 -1
- package/styled-components/es/components/Switch/_view/base.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Switch/Switch.config.js +1 -1
- package/styled-components/es/examples/plasma_web/components/Switch/Switch.config.js +1 -1
- package/styled-components/es/examples/themes/index.js +1 -3
- package/types/examples/plasma_b2c/components/Switch/Switch.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Switch/Switch.config.d.ts.map +1 -1
- package/types/examples/themes/index.d.ts.map +1 -1
- package/cjs/components/Switch/_view/base_b0jyco.css +0 -1
- package/emotion/cjs/examples/sds_engineer/components/Avatar/Avatar.config.js +0 -29
- package/emotion/cjs/examples/sds_engineer/components/Avatar/Avatar.js +0 -11
- package/emotion/cjs/examples/sds_engineer/components/Avatar/Avatar.stories.tsx +0 -65
- package/emotion/cjs/examples/sds_engineer/components/AvatarGroup/AvatarGroup.js +0 -10
- package/emotion/cjs/examples/sds_engineer/components/AvatarGroup/AvatarGroup.stories.tsx +0 -73
- package/emotion/cjs/examples/sds_engineer/components/Badge/Badge.config.js +0 -36
- package/emotion/cjs/examples/sds_engineer/components/Badge/Badge.js +0 -11
- package/emotion/cjs/examples/sds_engineer/components/Badge/Badge.stories.tsx +0 -56
- package/emotion/cjs/examples/sds_engineer/components/Button/Button.config.js +0 -51
- package/emotion/cjs/examples/sds_engineer/components/Button/Button.js +0 -11
- package/emotion/cjs/examples/sds_engineer/components/Button/Button.stories.tsx +0 -117
- package/emotion/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +0 -56
- package/emotion/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.js +0 -11
- package/emotion/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.stories.tsx +0 -118
- package/emotion/cjs/examples/sds_engineer/components/Calendar/Calendar.js +0 -23
- package/emotion/cjs/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +0 -283
- package/emotion/cjs/examples/sds_engineer/components/Calendar/CalendarBase.config.js +0 -25
- package/emotion/cjs/examples/sds_engineer/components/Calendar/CalendarDouble.config.js +0 -25
- package/emotion/cjs/examples/sds_engineer/components/Checkbox/Checkbox.config.js +0 -41
- package/emotion/cjs/examples/sds_engineer/components/Checkbox/Checkbox.js +0 -11
- package/emotion/cjs/examples/sds_engineer/components/Checkbox/Checkbox.stories.tsx +0 -167
- package/emotion/cjs/examples/sds_engineer/components/Chip/Chip.config.js +0 -28
- package/emotion/cjs/examples/sds_engineer/components/Chip/Chip.js +0 -11
- package/emotion/cjs/examples/sds_engineer/components/Chip/Chip.stories.tsx +0 -37
- package/emotion/cjs/examples/sds_engineer/components/Counter/Counter.config.js +0 -29
- package/emotion/cjs/examples/sds_engineer/components/Counter/Counter.js +0 -11
- package/emotion/cjs/examples/sds_engineer/components/Counter/Counter.stories.tsx +0 -41
- package/emotion/cjs/examples/sds_engineer/components/Divider/Divider.config.js +0 -31
- package/emotion/cjs/examples/sds_engineer/components/Divider/Divider.js +0 -11
- package/emotion/cjs/examples/sds_engineer/components/Divider/Divider.stories.tsx +0 -61
- package/emotion/cjs/examples/sds_engineer/components/Drawer/Drawer.config.js +0 -26
- package/emotion/cjs/examples/sds_engineer/components/Drawer/Drawer.js +0 -18
- package/emotion/cjs/examples/sds_engineer/components/Drawer/Drawer.stories.tsx +0 -218
- package/emotion/cjs/examples/sds_engineer/components/Grid/Grid.config.js +0 -22
- package/emotion/cjs/examples/sds_engineer/components/Grid/Grid.js +0 -23
- package/emotion/cjs/examples/sds_engineer/components/Grid/Grid.stories.tsx +0 -122
- package/emotion/cjs/examples/sds_engineer/components/Image/Image.js +0 -10
- package/emotion/cjs/examples/sds_engineer/components/Image/Image.stories.tsx +0 -48
- package/emotion/cjs/examples/sds_engineer/components/Link/Link.config.js +0 -121
- package/emotion/cjs/examples/sds_engineer/components/Link/Link.js +0 -11
- package/emotion/cjs/examples/sds_engineer/components/Link/Link.stories.tsx +0 -30
- package/emotion/cjs/examples/sds_engineer/components/Modal/Modal.config.js +0 -18
- package/emotion/cjs/examples/sds_engineer/components/Modal/Modal.js +0 -17
- package/emotion/cjs/examples/sds_engineer/components/Modal/Modal.stories.tsx +0 -208
- package/emotion/cjs/examples/sds_engineer/components/Notification/Notification.config.js +0 -25
- package/emotion/cjs/examples/sds_engineer/components/Notification/Notification.js +0 -29
- package/emotion/cjs/examples/sds_engineer/components/Notification/Notification.stories.tsx +0 -159
- package/emotion/cjs/examples/sds_engineer/components/Overlay/Overlay.stories.tsx +0 -79
- package/emotion/cjs/examples/sds_engineer/components/Panel/Panel.config.js +0 -27
- package/emotion/cjs/examples/sds_engineer/components/Panel/Panel.js +0 -18
- package/emotion/cjs/examples/sds_engineer/components/Panel/Panel.stories.tsx +0 -148
- package/emotion/cjs/examples/sds_engineer/components/Popover/Popover.config.js +0 -18
- package/emotion/cjs/examples/sds_engineer/components/Popover/Popover.js +0 -11
- package/emotion/cjs/examples/sds_engineer/components/Popover/Popover.stories.tsx +0 -117
- package/emotion/cjs/examples/sds_engineer/components/Popup/Popup.js +0 -28
- package/emotion/cjs/examples/sds_engineer/components/Popup/Popup.stories.tsx +0 -179
- package/emotion/cjs/examples/sds_engineer/components/Progress/Progress.config.js +0 -28
- package/emotion/cjs/examples/sds_engineer/components/Progress/Progress.js +0 -11
- package/emotion/cjs/examples/sds_engineer/components/Progress/Progress.stories.tsx +0 -33
- package/emotion/cjs/examples/sds_engineer/components/Radiobox/Radiobox.config.js +0 -42
- package/emotion/cjs/examples/sds_engineer/components/Radiobox/Radiobox.js +0 -11
- package/emotion/cjs/examples/sds_engineer/components/Radiobox/Radiobox.stories.tsx +0 -134
- package/emotion/cjs/examples/sds_engineer/components/Segment/Segment.js +0 -14
- package/emotion/cjs/examples/sds_engineer/components/Segment/Segment.stories.tsx +0 -95
- package/emotion/cjs/examples/sds_engineer/components/Segment/SegmentGroup.config.js +0 -35
- package/emotion/cjs/examples/sds_engineer/components/Segment/SegmentItem.config.js +0 -33
- package/emotion/cjs/examples/sds_engineer/components/Skeleton/LineSkeleton.config.js +0 -34
- package/emotion/cjs/examples/sds_engineer/components/Skeleton/Skeleton.js +0 -25
- package/emotion/cjs/examples/sds_engineer/components/Skeleton/Skeleton.stories.tsx +0 -90
- package/emotion/cjs/examples/sds_engineer/components/Spinner/Spinner.config.js +0 -31
- package/emotion/cjs/examples/sds_engineer/components/Spinner/Spinner.js +0 -11
- package/emotion/cjs/examples/sds_engineer/components/Spinner/Spinner.stories.tsx +0 -53
- package/emotion/cjs/examples/sds_engineer/components/Switch/Switch.config.js +0 -36
- package/emotion/cjs/examples/sds_engineer/components/Switch/Switch.js +0 -11
- package/emotion/cjs/examples/sds_engineer/components/Switch/Switch.stories.tsx +0 -61
- package/emotion/cjs/examples/sds_engineer/components/Tabs/TabItem.config.js +0 -39
- package/emotion/cjs/examples/sds_engineer/components/Tabs/TabItem.js +0 -11
- package/emotion/cjs/examples/sds_engineer/components/Tabs/Tabs.config.js +0 -42
- package/emotion/cjs/examples/sds_engineer/components/Tabs/Tabs.js +0 -11
- package/emotion/cjs/examples/sds_engineer/components/Tabs/Tabs.stories.tsx +0 -262
- package/emotion/cjs/examples/sds_engineer/components/Tabs/TabsController.js +0 -10
- package/emotion/cjs/examples/sds_engineer/components/TextArea/TextArea.config.js +0 -28
- package/emotion/cjs/examples/sds_engineer/components/TextArea/TextArea.js +0 -11
- package/emotion/cjs/examples/sds_engineer/components/TextArea/TextArea.stories.tsx +0 -66
- package/emotion/cjs/examples/sds_engineer/components/TextField/TextField.config.js +0 -39
- package/emotion/cjs/examples/sds_engineer/components/TextField/TextField.js +0 -11
- package/emotion/cjs/examples/sds_engineer/components/TextField/TextField.stories.tsx +0 -171
- package/emotion/cjs/examples/sds_engineer/components/Toast/Toast.config.js +0 -27
- package/emotion/cjs/examples/sds_engineer/components/Toast/Toast.js +0 -19
- package/emotion/cjs/examples/sds_engineer/components/Toast/Toast.stories.tsx +0 -223
- package/emotion/cjs/examples/sds_engineer/components/Toolbar/Toolbar.config.js +0 -25
- package/emotion/cjs/examples/sds_engineer/components/Toolbar/Toolbar.js +0 -17
- package/emotion/cjs/examples/sds_engineer/components/Toolbar/Toolbar.stories.tsx +0 -64
- package/emotion/cjs/examples/sds_engineer/components/Tooltip/Tooltip.config.js +0 -22
- package/emotion/cjs/examples/sds_engineer/components/Tooltip/Tooltip.js +0 -11
- package/emotion/cjs/examples/sds_engineer/components/Tooltip/Tooltip.stories.tsx +0 -205
- package/emotion/cjs/examples/themes/sds_engineer.module.css +0 -373
- package/emotion/es/examples/sds_engineer/components/Avatar/Avatar.config.js +0 -23
- package/emotion/es/examples/sds_engineer/components/Avatar/Avatar.js +0 -5
- package/emotion/es/examples/sds_engineer/components/Avatar/Avatar.stories.tsx +0 -65
- package/emotion/es/examples/sds_engineer/components/AvatarGroup/AvatarGroup.js +0 -4
- package/emotion/es/examples/sds_engineer/components/AvatarGroup/AvatarGroup.stories.tsx +0 -73
- package/emotion/es/examples/sds_engineer/components/Badge/Badge.config.js +0 -30
- package/emotion/es/examples/sds_engineer/components/Badge/Badge.js +0 -5
- package/emotion/es/examples/sds_engineer/components/Badge/Badge.stories.tsx +0 -56
- package/emotion/es/examples/sds_engineer/components/Button/Button.config.js +0 -45
- package/emotion/es/examples/sds_engineer/components/Button/Button.js +0 -5
- package/emotion/es/examples/sds_engineer/components/Button/Button.stories.tsx +0 -117
- package/emotion/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +0 -50
- package/emotion/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.js +0 -5
- package/emotion/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.stories.tsx +0 -118
- package/emotion/es/examples/sds_engineer/components/Calendar/Calendar.js +0 -17
- package/emotion/es/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +0 -283
- package/emotion/es/examples/sds_engineer/components/Calendar/CalendarBase.config.js +0 -19
- package/emotion/es/examples/sds_engineer/components/Calendar/CalendarDouble.config.js +0 -19
- package/emotion/es/examples/sds_engineer/components/Checkbox/Checkbox.config.js +0 -35
- package/emotion/es/examples/sds_engineer/components/Checkbox/Checkbox.js +0 -5
- package/emotion/es/examples/sds_engineer/components/Checkbox/Checkbox.stories.tsx +0 -167
- package/emotion/es/examples/sds_engineer/components/Chip/Chip.config.js +0 -22
- package/emotion/es/examples/sds_engineer/components/Chip/Chip.js +0 -5
- package/emotion/es/examples/sds_engineer/components/Chip/Chip.stories.tsx +0 -37
- package/emotion/es/examples/sds_engineer/components/Counter/Counter.config.js +0 -23
- package/emotion/es/examples/sds_engineer/components/Counter/Counter.js +0 -5
- package/emotion/es/examples/sds_engineer/components/Counter/Counter.stories.tsx +0 -41
- package/emotion/es/examples/sds_engineer/components/Divider/Divider.config.js +0 -25
- package/emotion/es/examples/sds_engineer/components/Divider/Divider.js +0 -5
- package/emotion/es/examples/sds_engineer/components/Divider/Divider.stories.tsx +0 -61
- package/emotion/es/examples/sds_engineer/components/Drawer/Drawer.config.js +0 -20
- package/emotion/es/examples/sds_engineer/components/Drawer/Drawer.js +0 -12
- package/emotion/es/examples/sds_engineer/components/Drawer/Drawer.stories.tsx +0 -218
- package/emotion/es/examples/sds_engineer/components/Grid/Grid.config.js +0 -16
- package/emotion/es/examples/sds_engineer/components/Grid/Grid.js +0 -6
- package/emotion/es/examples/sds_engineer/components/Grid/Grid.stories.tsx +0 -122
- package/emotion/es/examples/sds_engineer/components/Image/Image.js +0 -4
- package/emotion/es/examples/sds_engineer/components/Image/Image.stories.tsx +0 -48
- package/emotion/es/examples/sds_engineer/components/Link/Link.config.js +0 -115
- package/emotion/es/examples/sds_engineer/components/Link/Link.js +0 -5
- package/emotion/es/examples/sds_engineer/components/Link/Link.stories.tsx +0 -30
- package/emotion/es/examples/sds_engineer/components/Modal/Modal.config.js +0 -12
- package/emotion/es/examples/sds_engineer/components/Modal/Modal.js +0 -6
- package/emotion/es/examples/sds_engineer/components/Modal/Modal.stories.tsx +0 -208
- package/emotion/es/examples/sds_engineer/components/Notification/Notification.config.js +0 -19
- package/emotion/es/examples/sds_engineer/components/Notification/Notification.js +0 -16
- package/emotion/es/examples/sds_engineer/components/Notification/Notification.stories.tsx +0 -159
- package/emotion/es/examples/sds_engineer/components/Overlay/Overlay.stories.tsx +0 -79
- package/emotion/es/examples/sds_engineer/components/Panel/Panel.config.js +0 -21
- package/emotion/es/examples/sds_engineer/components/Panel/Panel.js +0 -12
- package/emotion/es/examples/sds_engineer/components/Panel/Panel.stories.tsx +0 -148
- package/emotion/es/examples/sds_engineer/components/Popover/Popover.config.js +0 -12
- package/emotion/es/examples/sds_engineer/components/Popover/Popover.js +0 -5
- package/emotion/es/examples/sds_engineer/components/Popover/Popover.stories.tsx +0 -117
- package/emotion/es/examples/sds_engineer/components/Popup/Popup.js +0 -5
- package/emotion/es/examples/sds_engineer/components/Popup/Popup.stories.tsx +0 -179
- package/emotion/es/examples/sds_engineer/components/Progress/Progress.config.js +0 -22
- package/emotion/es/examples/sds_engineer/components/Progress/Progress.js +0 -5
- package/emotion/es/examples/sds_engineer/components/Progress/Progress.stories.tsx +0 -33
- package/emotion/es/examples/sds_engineer/components/Radiobox/Radiobox.config.js +0 -36
- package/emotion/es/examples/sds_engineer/components/Radiobox/Radiobox.js +0 -5
- package/emotion/es/examples/sds_engineer/components/Radiobox/Radiobox.stories.tsx +0 -134
- package/emotion/es/examples/sds_engineer/components/Segment/Segment.js +0 -8
- package/emotion/es/examples/sds_engineer/components/Segment/Segment.stories.tsx +0 -95
- package/emotion/es/examples/sds_engineer/components/Segment/SegmentGroup.config.js +0 -29
- package/emotion/es/examples/sds_engineer/components/Segment/SegmentItem.config.js +0 -27
- package/emotion/es/examples/sds_engineer/components/Skeleton/LineSkeleton.config.js +0 -28
- package/emotion/es/examples/sds_engineer/components/Skeleton/Skeleton.js +0 -7
- package/emotion/es/examples/sds_engineer/components/Skeleton/Skeleton.stories.tsx +0 -90
- package/emotion/es/examples/sds_engineer/components/Spinner/Spinner.config.js +0 -25
- package/emotion/es/examples/sds_engineer/components/Spinner/Spinner.js +0 -5
- package/emotion/es/examples/sds_engineer/components/Spinner/Spinner.stories.tsx +0 -53
- package/emotion/es/examples/sds_engineer/components/Switch/Switch.config.js +0 -30
- package/emotion/es/examples/sds_engineer/components/Switch/Switch.js +0 -5
- package/emotion/es/examples/sds_engineer/components/Switch/Switch.stories.tsx +0 -61
- package/emotion/es/examples/sds_engineer/components/Tabs/TabItem.config.js +0 -33
- package/emotion/es/examples/sds_engineer/components/Tabs/TabItem.js +0 -5
- package/emotion/es/examples/sds_engineer/components/Tabs/Tabs.config.js +0 -36
- package/emotion/es/examples/sds_engineer/components/Tabs/Tabs.js +0 -5
- package/emotion/es/examples/sds_engineer/components/Tabs/Tabs.stories.tsx +0 -262
- package/emotion/es/examples/sds_engineer/components/Tabs/TabsController.js +0 -4
- package/emotion/es/examples/sds_engineer/components/TextArea/TextArea.config.js +0 -22
- package/emotion/es/examples/sds_engineer/components/TextArea/TextArea.js +0 -5
- package/emotion/es/examples/sds_engineer/components/TextArea/TextArea.stories.tsx +0 -66
- package/emotion/es/examples/sds_engineer/components/TextField/TextField.config.js +0 -33
- package/emotion/es/examples/sds_engineer/components/TextField/TextField.js +0 -5
- package/emotion/es/examples/sds_engineer/components/TextField/TextField.stories.tsx +0 -171
- package/emotion/es/examples/sds_engineer/components/Toast/Toast.config.js +0 -21
- package/emotion/es/examples/sds_engineer/components/Toast/Toast.js +0 -8
- package/emotion/es/examples/sds_engineer/components/Toast/Toast.stories.tsx +0 -223
- package/emotion/es/examples/sds_engineer/components/Toolbar/Toolbar.config.js +0 -19
- package/emotion/es/examples/sds_engineer/components/Toolbar/Toolbar.js +0 -11
- package/emotion/es/examples/sds_engineer/components/Toolbar/Toolbar.stories.tsx +0 -64
- package/emotion/es/examples/sds_engineer/components/Tooltip/Tooltip.config.js +0 -16
- package/emotion/es/examples/sds_engineer/components/Tooltip/Tooltip.js +0 -5
- package/emotion/es/examples/sds_engineer/components/Tooltip/Tooltip.stories.tsx +0 -205
- package/emotion/es/examples/themes/sds_engineer.module.css +0 -373
- package/es/components/Switch/_view/base_b0jyco.css +0 -1
- package/styled-components/cjs/examples/sds_engineer/components/Avatar/Avatar.config.js +0 -29
- package/styled-components/cjs/examples/sds_engineer/components/Avatar/Avatar.js +0 -11
- package/styled-components/cjs/examples/sds_engineer/components/Avatar/Avatar.stories.tsx +0 -65
- package/styled-components/cjs/examples/sds_engineer/components/AvatarGroup/AvatarGroup.js +0 -10
- package/styled-components/cjs/examples/sds_engineer/components/AvatarGroup/AvatarGroup.stories.tsx +0 -73
- package/styled-components/cjs/examples/sds_engineer/components/Badge/Badge.config.js +0 -36
- package/styled-components/cjs/examples/sds_engineer/components/Badge/Badge.js +0 -11
- package/styled-components/cjs/examples/sds_engineer/components/Badge/Badge.stories.tsx +0 -56
- package/styled-components/cjs/examples/sds_engineer/components/Button/Button.config.js +0 -51
- package/styled-components/cjs/examples/sds_engineer/components/Button/Button.js +0 -11
- package/styled-components/cjs/examples/sds_engineer/components/Button/Button.stories.tsx +0 -117
- package/styled-components/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +0 -56
- package/styled-components/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.js +0 -11
- package/styled-components/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.stories.tsx +0 -118
- package/styled-components/cjs/examples/sds_engineer/components/Calendar/Calendar.js +0 -23
- package/styled-components/cjs/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +0 -283
- package/styled-components/cjs/examples/sds_engineer/components/Calendar/CalendarBase.config.js +0 -25
- package/styled-components/cjs/examples/sds_engineer/components/Calendar/CalendarDouble.config.js +0 -25
- package/styled-components/cjs/examples/sds_engineer/components/Checkbox/Checkbox.config.js +0 -41
- package/styled-components/cjs/examples/sds_engineer/components/Checkbox/Checkbox.js +0 -11
- package/styled-components/cjs/examples/sds_engineer/components/Checkbox/Checkbox.stories.tsx +0 -167
- package/styled-components/cjs/examples/sds_engineer/components/Chip/Chip.config.js +0 -28
- package/styled-components/cjs/examples/sds_engineer/components/Chip/Chip.js +0 -11
- package/styled-components/cjs/examples/sds_engineer/components/Chip/Chip.stories.tsx +0 -37
- package/styled-components/cjs/examples/sds_engineer/components/Counter/Counter.config.js +0 -29
- package/styled-components/cjs/examples/sds_engineer/components/Counter/Counter.js +0 -11
- package/styled-components/cjs/examples/sds_engineer/components/Counter/Counter.stories.tsx +0 -41
- package/styled-components/cjs/examples/sds_engineer/components/Divider/Divider.config.js +0 -31
- package/styled-components/cjs/examples/sds_engineer/components/Divider/Divider.js +0 -11
- package/styled-components/cjs/examples/sds_engineer/components/Divider/Divider.stories.tsx +0 -61
- package/styled-components/cjs/examples/sds_engineer/components/Drawer/Drawer.config.js +0 -26
- package/styled-components/cjs/examples/sds_engineer/components/Drawer/Drawer.js +0 -18
- package/styled-components/cjs/examples/sds_engineer/components/Drawer/Drawer.stories.tsx +0 -218
- package/styled-components/cjs/examples/sds_engineer/components/Grid/Grid.config.js +0 -22
- package/styled-components/cjs/examples/sds_engineer/components/Grid/Grid.js +0 -23
- package/styled-components/cjs/examples/sds_engineer/components/Grid/Grid.stories.tsx +0 -122
- package/styled-components/cjs/examples/sds_engineer/components/Image/Image.js +0 -10
- package/styled-components/cjs/examples/sds_engineer/components/Image/Image.stories.tsx +0 -48
- package/styled-components/cjs/examples/sds_engineer/components/Link/Link.config.js +0 -32
- package/styled-components/cjs/examples/sds_engineer/components/Link/Link.js +0 -11
- package/styled-components/cjs/examples/sds_engineer/components/Link/Link.stories.tsx +0 -30
- package/styled-components/cjs/examples/sds_engineer/components/Modal/Modal.config.js +0 -18
- package/styled-components/cjs/examples/sds_engineer/components/Modal/Modal.js +0 -17
- package/styled-components/cjs/examples/sds_engineer/components/Modal/Modal.stories.tsx +0 -208
- package/styled-components/cjs/examples/sds_engineer/components/Notification/Notification.config.js +0 -25
- package/styled-components/cjs/examples/sds_engineer/components/Notification/Notification.js +0 -29
- package/styled-components/cjs/examples/sds_engineer/components/Notification/Notification.stories.tsx +0 -159
- package/styled-components/cjs/examples/sds_engineer/components/Overlay/Overlay.stories.tsx +0 -79
- package/styled-components/cjs/examples/sds_engineer/components/Panel/Panel.config.js +0 -27
- package/styled-components/cjs/examples/sds_engineer/components/Panel/Panel.js +0 -18
- package/styled-components/cjs/examples/sds_engineer/components/Panel/Panel.stories.tsx +0 -148
- package/styled-components/cjs/examples/sds_engineer/components/Popover/Popover.config.js +0 -18
- package/styled-components/cjs/examples/sds_engineer/components/Popover/Popover.js +0 -11
- package/styled-components/cjs/examples/sds_engineer/components/Popover/Popover.stories.tsx +0 -117
- package/styled-components/cjs/examples/sds_engineer/components/Popup/Popup.js +0 -28
- package/styled-components/cjs/examples/sds_engineer/components/Popup/Popup.stories.tsx +0 -179
- package/styled-components/cjs/examples/sds_engineer/components/Progress/Progress.config.js +0 -28
- package/styled-components/cjs/examples/sds_engineer/components/Progress/Progress.js +0 -11
- package/styled-components/cjs/examples/sds_engineer/components/Progress/Progress.stories.tsx +0 -33
- package/styled-components/cjs/examples/sds_engineer/components/Radiobox/Radiobox.config.js +0 -42
- package/styled-components/cjs/examples/sds_engineer/components/Radiobox/Radiobox.js +0 -11
- package/styled-components/cjs/examples/sds_engineer/components/Radiobox/Radiobox.stories.tsx +0 -134
- package/styled-components/cjs/examples/sds_engineer/components/Segment/Segment.js +0 -14
- package/styled-components/cjs/examples/sds_engineer/components/Segment/Segment.stories.tsx +0 -95
- package/styled-components/cjs/examples/sds_engineer/components/Segment/SegmentGroup.config.js +0 -35
- package/styled-components/cjs/examples/sds_engineer/components/Segment/SegmentItem.config.js +0 -33
- package/styled-components/cjs/examples/sds_engineer/components/Skeleton/LineSkeleton.config.js +0 -34
- package/styled-components/cjs/examples/sds_engineer/components/Skeleton/Skeleton.js +0 -25
- package/styled-components/cjs/examples/sds_engineer/components/Skeleton/Skeleton.stories.tsx +0 -90
- package/styled-components/cjs/examples/sds_engineer/components/Spinner/Spinner.config.js +0 -31
- package/styled-components/cjs/examples/sds_engineer/components/Spinner/Spinner.js +0 -11
- package/styled-components/cjs/examples/sds_engineer/components/Spinner/Spinner.stories.tsx +0 -53
- package/styled-components/cjs/examples/sds_engineer/components/Switch/Switch.config.js +0 -36
- package/styled-components/cjs/examples/sds_engineer/components/Switch/Switch.js +0 -11
- package/styled-components/cjs/examples/sds_engineer/components/Switch/Switch.stories.tsx +0 -61
- package/styled-components/cjs/examples/sds_engineer/components/Tabs/TabItem.config.js +0 -39
- package/styled-components/cjs/examples/sds_engineer/components/Tabs/TabItem.js +0 -11
- package/styled-components/cjs/examples/sds_engineer/components/Tabs/Tabs.config.js +0 -42
- package/styled-components/cjs/examples/sds_engineer/components/Tabs/Tabs.js +0 -11
- package/styled-components/cjs/examples/sds_engineer/components/Tabs/Tabs.stories.tsx +0 -262
- package/styled-components/cjs/examples/sds_engineer/components/Tabs/TabsController.js +0 -10
- package/styled-components/cjs/examples/sds_engineer/components/TextArea/TextArea.config.js +0 -28
- package/styled-components/cjs/examples/sds_engineer/components/TextArea/TextArea.js +0 -11
- package/styled-components/cjs/examples/sds_engineer/components/TextArea/TextArea.stories.tsx +0 -66
- package/styled-components/cjs/examples/sds_engineer/components/TextField/TextField.config.js +0 -39
- package/styled-components/cjs/examples/sds_engineer/components/TextField/TextField.js +0 -11
- package/styled-components/cjs/examples/sds_engineer/components/TextField/TextField.stories.tsx +0 -171
- package/styled-components/cjs/examples/sds_engineer/components/Toast/Toast.config.js +0 -27
- package/styled-components/cjs/examples/sds_engineer/components/Toast/Toast.js +0 -19
- package/styled-components/cjs/examples/sds_engineer/components/Toast/Toast.stories.tsx +0 -223
- package/styled-components/cjs/examples/sds_engineer/components/Toolbar/Toolbar.config.js +0 -25
- package/styled-components/cjs/examples/sds_engineer/components/Toolbar/Toolbar.js +0 -17
- package/styled-components/cjs/examples/sds_engineer/components/Toolbar/Toolbar.stories.tsx +0 -64
- package/styled-components/cjs/examples/sds_engineer/components/Tooltip/Tooltip.config.js +0 -22
- package/styled-components/cjs/examples/sds_engineer/components/Tooltip/Tooltip.js +0 -11
- package/styled-components/cjs/examples/sds_engineer/components/Tooltip/Tooltip.stories.tsx +0 -205
- package/styled-components/cjs/examples/themes/sds_engineer.module.css +0 -373
- package/styled-components/es/examples/sds_engineer/components/Avatar/Avatar.config.js +0 -23
- package/styled-components/es/examples/sds_engineer/components/Avatar/Avatar.js +0 -5
- package/styled-components/es/examples/sds_engineer/components/Avatar/Avatar.stories.tsx +0 -65
- package/styled-components/es/examples/sds_engineer/components/AvatarGroup/AvatarGroup.js +0 -4
- package/styled-components/es/examples/sds_engineer/components/AvatarGroup/AvatarGroup.stories.tsx +0 -73
- package/styled-components/es/examples/sds_engineer/components/Badge/Badge.config.js +0 -30
- package/styled-components/es/examples/sds_engineer/components/Badge/Badge.js +0 -5
- package/styled-components/es/examples/sds_engineer/components/Badge/Badge.stories.tsx +0 -56
- package/styled-components/es/examples/sds_engineer/components/Button/Button.config.js +0 -45
- package/styled-components/es/examples/sds_engineer/components/Button/Button.js +0 -5
- package/styled-components/es/examples/sds_engineer/components/Button/Button.stories.tsx +0 -117
- package/styled-components/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +0 -50
- package/styled-components/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.js +0 -5
- package/styled-components/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.stories.tsx +0 -118
- package/styled-components/es/examples/sds_engineer/components/Calendar/Calendar.js +0 -17
- package/styled-components/es/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +0 -283
- package/styled-components/es/examples/sds_engineer/components/Calendar/CalendarBase.config.js +0 -19
- package/styled-components/es/examples/sds_engineer/components/Calendar/CalendarDouble.config.js +0 -19
- package/styled-components/es/examples/sds_engineer/components/Checkbox/Checkbox.config.js +0 -35
- package/styled-components/es/examples/sds_engineer/components/Checkbox/Checkbox.js +0 -5
- package/styled-components/es/examples/sds_engineer/components/Checkbox/Checkbox.stories.tsx +0 -167
- package/styled-components/es/examples/sds_engineer/components/Chip/Chip.config.js +0 -22
- package/styled-components/es/examples/sds_engineer/components/Chip/Chip.js +0 -5
- package/styled-components/es/examples/sds_engineer/components/Chip/Chip.stories.tsx +0 -37
- package/styled-components/es/examples/sds_engineer/components/Counter/Counter.config.js +0 -23
- package/styled-components/es/examples/sds_engineer/components/Counter/Counter.js +0 -5
- package/styled-components/es/examples/sds_engineer/components/Counter/Counter.stories.tsx +0 -41
- package/styled-components/es/examples/sds_engineer/components/Divider/Divider.config.js +0 -25
- package/styled-components/es/examples/sds_engineer/components/Divider/Divider.js +0 -5
- package/styled-components/es/examples/sds_engineer/components/Divider/Divider.stories.tsx +0 -61
- package/styled-components/es/examples/sds_engineer/components/Drawer/Drawer.config.js +0 -20
- package/styled-components/es/examples/sds_engineer/components/Drawer/Drawer.js +0 -12
- package/styled-components/es/examples/sds_engineer/components/Drawer/Drawer.stories.tsx +0 -218
- package/styled-components/es/examples/sds_engineer/components/Grid/Grid.config.js +0 -16
- package/styled-components/es/examples/sds_engineer/components/Grid/Grid.js +0 -6
- package/styled-components/es/examples/sds_engineer/components/Grid/Grid.stories.tsx +0 -122
- package/styled-components/es/examples/sds_engineer/components/Image/Image.js +0 -4
- package/styled-components/es/examples/sds_engineer/components/Image/Image.stories.tsx +0 -48
- package/styled-components/es/examples/sds_engineer/components/Link/Link.config.js +0 -26
- package/styled-components/es/examples/sds_engineer/components/Link/Link.js +0 -5
- package/styled-components/es/examples/sds_engineer/components/Link/Link.stories.tsx +0 -30
- package/styled-components/es/examples/sds_engineer/components/Modal/Modal.config.js +0 -12
- package/styled-components/es/examples/sds_engineer/components/Modal/Modal.js +0 -6
- package/styled-components/es/examples/sds_engineer/components/Modal/Modal.stories.tsx +0 -208
- package/styled-components/es/examples/sds_engineer/components/Notification/Notification.config.js +0 -19
- package/styled-components/es/examples/sds_engineer/components/Notification/Notification.js +0 -16
- package/styled-components/es/examples/sds_engineer/components/Notification/Notification.stories.tsx +0 -159
- package/styled-components/es/examples/sds_engineer/components/Overlay/Overlay.stories.tsx +0 -79
- package/styled-components/es/examples/sds_engineer/components/Panel/Panel.config.js +0 -21
- package/styled-components/es/examples/sds_engineer/components/Panel/Panel.js +0 -12
- package/styled-components/es/examples/sds_engineer/components/Panel/Panel.stories.tsx +0 -148
- package/styled-components/es/examples/sds_engineer/components/Popover/Popover.config.js +0 -12
- package/styled-components/es/examples/sds_engineer/components/Popover/Popover.js +0 -5
- package/styled-components/es/examples/sds_engineer/components/Popover/Popover.stories.tsx +0 -117
- package/styled-components/es/examples/sds_engineer/components/Popup/Popup.js +0 -5
- package/styled-components/es/examples/sds_engineer/components/Popup/Popup.stories.tsx +0 -179
- package/styled-components/es/examples/sds_engineer/components/Progress/Progress.config.js +0 -22
- package/styled-components/es/examples/sds_engineer/components/Progress/Progress.js +0 -5
- package/styled-components/es/examples/sds_engineer/components/Progress/Progress.stories.tsx +0 -33
- package/styled-components/es/examples/sds_engineer/components/Radiobox/Radiobox.config.js +0 -36
- package/styled-components/es/examples/sds_engineer/components/Radiobox/Radiobox.js +0 -5
- package/styled-components/es/examples/sds_engineer/components/Radiobox/Radiobox.stories.tsx +0 -134
- package/styled-components/es/examples/sds_engineer/components/Segment/Segment.js +0 -8
- package/styled-components/es/examples/sds_engineer/components/Segment/Segment.stories.tsx +0 -95
- package/styled-components/es/examples/sds_engineer/components/Segment/SegmentGroup.config.js +0 -29
- package/styled-components/es/examples/sds_engineer/components/Segment/SegmentItem.config.js +0 -27
- package/styled-components/es/examples/sds_engineer/components/Skeleton/LineSkeleton.config.js +0 -28
- package/styled-components/es/examples/sds_engineer/components/Skeleton/Skeleton.js +0 -7
- package/styled-components/es/examples/sds_engineer/components/Skeleton/Skeleton.stories.tsx +0 -90
- package/styled-components/es/examples/sds_engineer/components/Spinner/Spinner.config.js +0 -25
- package/styled-components/es/examples/sds_engineer/components/Spinner/Spinner.js +0 -5
- package/styled-components/es/examples/sds_engineer/components/Spinner/Spinner.stories.tsx +0 -53
- package/styled-components/es/examples/sds_engineer/components/Switch/Switch.config.js +0 -30
- package/styled-components/es/examples/sds_engineer/components/Switch/Switch.js +0 -5
- package/styled-components/es/examples/sds_engineer/components/Switch/Switch.stories.tsx +0 -61
- package/styled-components/es/examples/sds_engineer/components/Tabs/TabItem.config.js +0 -33
- package/styled-components/es/examples/sds_engineer/components/Tabs/TabItem.js +0 -5
- package/styled-components/es/examples/sds_engineer/components/Tabs/Tabs.config.js +0 -36
- package/styled-components/es/examples/sds_engineer/components/Tabs/Tabs.js +0 -5
- package/styled-components/es/examples/sds_engineer/components/Tabs/Tabs.stories.tsx +0 -262
- package/styled-components/es/examples/sds_engineer/components/Tabs/TabsController.js +0 -4
- package/styled-components/es/examples/sds_engineer/components/TextArea/TextArea.config.js +0 -22
- package/styled-components/es/examples/sds_engineer/components/TextArea/TextArea.js +0 -5
- package/styled-components/es/examples/sds_engineer/components/TextArea/TextArea.stories.tsx +0 -66
- package/styled-components/es/examples/sds_engineer/components/TextField/TextField.config.js +0 -33
- package/styled-components/es/examples/sds_engineer/components/TextField/TextField.js +0 -5
- package/styled-components/es/examples/sds_engineer/components/TextField/TextField.stories.tsx +0 -171
- package/styled-components/es/examples/sds_engineer/components/Toast/Toast.config.js +0 -21
- package/styled-components/es/examples/sds_engineer/components/Toast/Toast.js +0 -8
- package/styled-components/es/examples/sds_engineer/components/Toast/Toast.stories.tsx +0 -223
- package/styled-components/es/examples/sds_engineer/components/Toolbar/Toolbar.config.js +0 -19
- package/styled-components/es/examples/sds_engineer/components/Toolbar/Toolbar.js +0 -11
- package/styled-components/es/examples/sds_engineer/components/Toolbar/Toolbar.stories.tsx +0 -64
- package/styled-components/es/examples/sds_engineer/components/Tooltip/Tooltip.config.js +0 -16
- package/styled-components/es/examples/sds_engineer/components/Tooltip/Tooltip.js +0 -5
- package/styled-components/es/examples/sds_engineer/components/Tooltip/Tooltip.stories.tsx +0 -205
- package/styled-components/es/examples/themes/sds_engineer.module.css +0 -373
- package/types/examples/sds_engineer/components/Avatar/Avatar.config.d.ts +0 -22
- package/types/examples/sds_engineer/components/Avatar/Avatar.config.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Avatar/Avatar.d.ts +0 -26
- package/types/examples/sds_engineer/components/Avatar/Avatar.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/AvatarGroup/AvatarGroup.d.ts +0 -5
- package/types/examples/sds_engineer/components/AvatarGroup/AvatarGroup.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Badge/Badge.config.d.ts +0 -29
- package/types/examples/sds_engineer/components/Badge/Badge.config.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Badge/Badge.d.ts +0 -34
- package/types/examples/sds_engineer/components/Badge/Badge.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Button/Button.config.d.ts +0 -44
- package/types/examples/sds_engineer/components/Button/Button.config.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Button/Button.d.ts +0 -80
- package/types/examples/sds_engineer/components/Button/Button.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.d.ts +0 -49
- package/types/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/ButtonGroup/ButtonGroup.d.ts +0 -44
- package/types/examples/sds_engineer/components/ButtonGroup/ButtonGroup.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Calendar/Calendar.d.ts +0 -28
- package/types/examples/sds_engineer/components/Calendar/Calendar.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Calendar/CalendarBase.config.d.ts +0 -18
- package/types/examples/sds_engineer/components/Calendar/CalendarBase.config.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Calendar/CalendarDouble.config.d.ts +0 -18
- package/types/examples/sds_engineer/components/Calendar/CalendarDouble.config.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Checkbox/Checkbox.config.d.ts +0 -34
- package/types/examples/sds_engineer/components/Checkbox/Checkbox.config.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Checkbox/Checkbox.d.ts +0 -24
- package/types/examples/sds_engineer/components/Checkbox/Checkbox.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Chip/Chip.config.d.ts +0 -21
- package/types/examples/sds_engineer/components/Chip/Chip.config.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Chip/Chip.d.ts +0 -16
- package/types/examples/sds_engineer/components/Chip/Chip.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Counter/Counter.config.d.ts +0 -22
- package/types/examples/sds_engineer/components/Counter/Counter.config.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Counter/Counter.d.ts +0 -22
- package/types/examples/sds_engineer/components/Counter/Counter.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Divider/Divider.config.d.ts +0 -23
- package/types/examples/sds_engineer/components/Divider/Divider.config.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Divider/Divider.d.ts +0 -17
- package/types/examples/sds_engineer/components/Divider/Divider.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Drawer/Drawer.config.d.ts +0 -19
- package/types/examples/sds_engineer/components/Drawer/Drawer.config.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Drawer/Drawer.d.ts +0 -38
- package/types/examples/sds_engineer/components/Drawer/Drawer.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Grid/Grid.config.d.ts +0 -11
- package/types/examples/sds_engineer/components/Grid/Grid.config.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Grid/Grid.d.ts +0 -8
- package/types/examples/sds_engineer/components/Grid/Grid.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Image/Image.d.ts +0 -8
- package/types/examples/sds_engineer/components/Image/Image.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Link/Link.config.d.ts +0 -26
- package/types/examples/sds_engineer/components/Link/Link.config.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Link/Link.d.ts +0 -21
- package/types/examples/sds_engineer/components/Link/Link.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Modal/Modal.config.d.ts +0 -11
- package/types/examples/sds_engineer/components/Modal/Modal.config.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Modal/Modal.d.ts +0 -8
- package/types/examples/sds_engineer/components/Modal/Modal.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Notification/Notification.config.d.ts +0 -18
- package/types/examples/sds_engineer/components/Notification/Notification.config.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Notification/Notification.d.ts +0 -19
- package/types/examples/sds_engineer/components/Notification/Notification.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Panel/Panel.config.d.ts +0 -20
- package/types/examples/sds_engineer/components/Panel/Panel.config.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Panel/Panel.d.ts +0 -27
- package/types/examples/sds_engineer/components/Panel/Panel.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Popover/Popover.config.d.ts +0 -11
- package/types/examples/sds_engineer/components/Popover/Popover.config.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Popover/Popover.d.ts +0 -8
- package/types/examples/sds_engineer/components/Popover/Popover.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Popup/Popup.d.ts +0 -4
- package/types/examples/sds_engineer/components/Popup/Popup.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Progress/Progress.config.d.ts +0 -21
- package/types/examples/sds_engineer/components/Progress/Progress.config.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Progress/Progress.d.ts +0 -16
- package/types/examples/sds_engineer/components/Progress/Progress.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Radiobox/Radiobox.config.d.ts +0 -35
- package/types/examples/sds_engineer/components/Radiobox/Radiobox.config.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Radiobox/Radiobox.d.ts +0 -24
- package/types/examples/sds_engineer/components/Radiobox/Radiobox.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Segment/Segment.d.ts +0 -58
- package/types/examples/sds_engineer/components/Segment/Segment.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Segment/SegmentGroup.config.d.ts +0 -28
- package/types/examples/sds_engineer/components/Segment/SegmentGroup.config.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Segment/SegmentItem.config.d.ts +0 -26
- package/types/examples/sds_engineer/components/Segment/SegmentItem.config.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Skeleton/LineSkeleton.config.d.ts +0 -27
- package/types/examples/sds_engineer/components/Skeleton/LineSkeleton.config.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Skeleton/Skeleton.d.ts +0 -51
- package/types/examples/sds_engineer/components/Skeleton/Skeleton.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Spinner/Spinner.config.d.ts +0 -24
- package/types/examples/sds_engineer/components/Spinner/Spinner.config.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Spinner/Spinner.d.ts +0 -34
- package/types/examples/sds_engineer/components/Spinner/Spinner.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Switch/Switch.config.d.ts +0 -28
- package/types/examples/sds_engineer/components/Switch/Switch.config.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Switch/Switch.d.ts +0 -21
- package/types/examples/sds_engineer/components/Switch/Switch.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Tabs/TabItem.config.d.ts +0 -32
- package/types/examples/sds_engineer/components/Tabs/TabItem.config.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Tabs/TabItem.d.ts +0 -3
- package/types/examples/sds_engineer/components/Tabs/TabItem.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Tabs/Tabs.config.d.ts +0 -35
- package/types/examples/sds_engineer/components/Tabs/Tabs.config.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Tabs/Tabs.d.ts +0 -3
- package/types/examples/sds_engineer/components/Tabs/Tabs.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Tabs/TabsController.d.ts +0 -3
- package/types/examples/sds_engineer/components/Tabs/TabsController.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/TextArea/TextArea.config.d.ts +0 -21
- package/types/examples/sds_engineer/components/TextArea/TextArea.config.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/TextArea/TextArea.d.ts +0 -46
- package/types/examples/sds_engineer/components/TextArea/TextArea.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/TextField/TextField.config.d.ts +0 -32
- package/types/examples/sds_engineer/components/TextField/TextField.config.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/TextField/TextField.d.ts +0 -64
- package/types/examples/sds_engineer/components/TextField/TextField.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Toast/Toast.config.d.ts +0 -20
- package/types/examples/sds_engineer/components/Toast/Toast.config.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Toast/Toast.d.ts +0 -20
- package/types/examples/sds_engineer/components/Toast/Toast.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Toolbar/Toolbar.config.d.ts +0 -18
- package/types/examples/sds_engineer/components/Toolbar/Toolbar.config.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Toolbar/Toolbar.d.ts +0 -23
- package/types/examples/sds_engineer/components/Toolbar/Toolbar.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Tooltip/Tooltip.config.d.ts +0 -15
- package/types/examples/sds_engineer/components/Tooltip/Tooltip.config.d.ts.map +0 -1
- package/types/examples/sds_engineer/components/Tooltip/Tooltip.d.ts +0 -5
- package/types/examples/sds_engineer/components/Tooltip/Tooltip.d.ts.map +0 -1
@@ -1,134 +0,0 @@
|
|
1
|
-
import React, { useState } from 'react';
|
2
|
-
import type { ComponentProps } from 'react';
|
3
|
-
import type { StoryObj, Meta } from '@storybook/react';
|
4
|
-
import { action } from '@storybook/addon-actions';
|
5
|
-
|
6
|
-
import { RadioGroup, radioboxConfig } from '../../../../components/Radiobox';
|
7
|
-
import { mergeConfig } from '../../../../engines';
|
8
|
-
import { WithTheme, argTypesFromConfig } from '../../../_helpers';
|
9
|
-
import { Link } from '../Link/Link';
|
10
|
-
|
11
|
-
import { config } from './Radiobox.config';
|
12
|
-
import { Radiobox } from './Radiobox';
|
13
|
-
|
14
|
-
const onChange = action('onChange');
|
15
|
-
const onFocus = action('onFocus');
|
16
|
-
const onBlur = action('onBlur');
|
17
|
-
|
18
|
-
const meta: Meta<typeof Radiobox> = {
|
19
|
-
title: 'sds_engineer/Radiobox',
|
20
|
-
decorators: [WithTheme],
|
21
|
-
component: Radiobox,
|
22
|
-
argTypes: argTypesFromConfig(mergeConfig(radioboxConfig, config)),
|
23
|
-
args: {
|
24
|
-
view: 'accent',
|
25
|
-
size: 'm',
|
26
|
-
disabled: false,
|
27
|
-
focused: true,
|
28
|
-
},
|
29
|
-
};
|
30
|
-
|
31
|
-
export default meta;
|
32
|
-
|
33
|
-
type RadioboxProps = ComponentProps<typeof Radiobox>;
|
34
|
-
|
35
|
-
const langName = 'language';
|
36
|
-
|
37
|
-
const items = [
|
38
|
-
{
|
39
|
-
langName,
|
40
|
-
value: 'c',
|
41
|
-
label: 'C',
|
42
|
-
disabled: false,
|
43
|
-
description: (
|
44
|
-
<div>
|
45
|
-
A general-purpose, procedural computer programming <Link href="/#">language</Link>{' '}
|
46
|
-
</div>
|
47
|
-
),
|
48
|
-
},
|
49
|
-
{ langName, value: 'cpp', label: 'C++', disabled: false },
|
50
|
-
{ langName, value: 'assembly', label: 'Assembly', disabled: false },
|
51
|
-
{ langName, value: 'elixir', label: 'Elixir', disabled: true },
|
52
|
-
];
|
53
|
-
|
54
|
-
const StoryDefault = (props: RadioboxProps) => {
|
55
|
-
const value = 0;
|
56
|
-
const [checked, setChecked] = useState(true);
|
57
|
-
|
58
|
-
return (
|
59
|
-
<>
|
60
|
-
<Radiobox
|
61
|
-
name="item.name"
|
62
|
-
value={value}
|
63
|
-
singleLine
|
64
|
-
label="Label"
|
65
|
-
description="Description"
|
66
|
-
checked={checked}
|
67
|
-
onChange={(event) => {
|
68
|
-
event.persist();
|
69
|
-
|
70
|
-
setChecked(event.target.checked);
|
71
|
-
onChange(event);
|
72
|
-
}}
|
73
|
-
onFocus={onFocus}
|
74
|
-
onBlur={onBlur}
|
75
|
-
{...props}
|
76
|
-
/>
|
77
|
-
<Radiobox
|
78
|
-
name="item.name"
|
79
|
-
value={value}
|
80
|
-
singleLine
|
81
|
-
label="Label looooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooonger"
|
82
|
-
description="Description looooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooonger"
|
83
|
-
checked={checked}
|
84
|
-
onChange={(event) => {
|
85
|
-
event.persist();
|
86
|
-
|
87
|
-
setChecked(event.target.checked);
|
88
|
-
onChange(event);
|
89
|
-
}}
|
90
|
-
onFocus={onFocus}
|
91
|
-
onBlur={onBlur}
|
92
|
-
{...props}
|
93
|
-
/>
|
94
|
-
</>
|
95
|
-
);
|
96
|
-
};
|
97
|
-
|
98
|
-
export const Default: StoryObj<RadioboxProps> = {
|
99
|
-
render: (args) => <StoryDefault {...args} />,
|
100
|
-
};
|
101
|
-
|
102
|
-
const StoryComplex = (props: RadioboxProps) => {
|
103
|
-
const [value, setValue] = useState('c');
|
104
|
-
|
105
|
-
return (
|
106
|
-
<RadioGroup>
|
107
|
-
<div id="radiogroup-title-id" style={{ margin: '1rem 0', fontWeight: '600' }}>
|
108
|
-
Radiogroup Title
|
109
|
-
</div>
|
110
|
-
{items.map((item) => (
|
111
|
-
<Radiobox
|
112
|
-
key={item.value}
|
113
|
-
name={item.langName}
|
114
|
-
value={item.value}
|
115
|
-
label={item.label}
|
116
|
-
disabled={item.disabled}
|
117
|
-
checked={value[item.value]}
|
118
|
-
description={item.description}
|
119
|
-
onChange={(event) => {
|
120
|
-
setValue(item.value);
|
121
|
-
onChange(event);
|
122
|
-
}}
|
123
|
-
onFocus={onFocus}
|
124
|
-
onBlur={onBlur}
|
125
|
-
{...props}
|
126
|
-
/>
|
127
|
-
))}
|
128
|
-
</RadioGroup>
|
129
|
-
);
|
130
|
-
};
|
131
|
-
|
132
|
-
export const Complex: StoryObj<RadioboxProps> = {
|
133
|
-
render: (args) => <StoryComplex {...args} />,
|
134
|
-
};
|
@@ -1,8 +0,0 @@
|
|
1
|
-
import { segmentItemConfig, segmentGroupConfig } from '../../../../components/Segment';
|
2
|
-
import { component, mergeConfig } from '../../../../engines';
|
3
|
-
import { config as groupConfig } from './SegmentGroup.config';
|
4
|
-
import { config as itemConfig } from './SegmentItem.config';
|
5
|
-
var mergedSegmentGroupConfig = /*#__PURE__*/mergeConfig(segmentGroupConfig, groupConfig);
|
6
|
-
var mergedSegmentItemConfig = /*#__PURE__*/mergeConfig(segmentItemConfig, itemConfig);
|
7
|
-
export var SegmentGroup = /*#__PURE__*/component(mergedSegmentGroupConfig);
|
8
|
-
export var SegmentItem = /*#__PURE__*/component(mergedSegmentItemConfig);
|
@@ -1,95 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import type { ComponentProps } from 'react';
|
3
|
-
import type { StoryObj, Meta } from '@storybook/react';
|
4
|
-
|
5
|
-
import { segmentGroupConfig } from '../../../../components/Segment';
|
6
|
-
import { mergeConfig } from '../../../../engines';
|
7
|
-
import { WithTheme, argTypesFromConfig } from '../../../_helpers';
|
8
|
-
import { SegmentProvider } from '../../../../components/Segment/SegmentProvider';
|
9
|
-
|
10
|
-
import { config } from './SegmentGroup.config';
|
11
|
-
import { SegmentItem, SegmentGroup } from './Segment';
|
12
|
-
|
13
|
-
const segmentItemViews = ['clear', 'default', 'secondary'];
|
14
|
-
|
15
|
-
type CustomStorySegmentProps = {
|
16
|
-
segmentItemView?: string;
|
17
|
-
contentItemsNumber?: number;
|
18
|
-
};
|
19
|
-
|
20
|
-
type StorySegmentProps = ComponentProps<typeof SegmentGroup> & CustomStorySegmentProps;
|
21
|
-
|
22
|
-
const meta: Meta<StorySegmentProps> = {
|
23
|
-
title: 'sds_engineer/Segment',
|
24
|
-
decorators: [WithTheme],
|
25
|
-
component: SegmentGroup,
|
26
|
-
argTypes: {
|
27
|
-
...argTypesFromConfig(mergeConfig(segmentGroupConfig, config)),
|
28
|
-
selectionMode: {
|
29
|
-
options: ['single', 'multiple'],
|
30
|
-
control: {
|
31
|
-
type: 'select',
|
32
|
-
},
|
33
|
-
},
|
34
|
-
segmentItemView: {
|
35
|
-
options: segmentItemViews,
|
36
|
-
control: {
|
37
|
-
type: 'select',
|
38
|
-
},
|
39
|
-
},
|
40
|
-
},
|
41
|
-
};
|
42
|
-
|
43
|
-
export default meta;
|
44
|
-
|
45
|
-
const StoryDefault = ({ contentItemsNumber, selectionMode, segmentItemView, view, ...args }: StorySegmentProps) => {
|
46
|
-
const contentItems = Array(contentItemsNumber).fill(0);
|
47
|
-
|
48
|
-
return (
|
49
|
-
<>
|
50
|
-
<h3>Segment with auto width</h3>
|
51
|
-
<SegmentProvider>
|
52
|
-
<SegmentGroup view={view} selectionMode={selectionMode} {...args}>
|
53
|
-
{contentItems.map((_, i) => (
|
54
|
-
<SegmentItem
|
55
|
-
view={segmentItemView}
|
56
|
-
label={`Label ${i}`}
|
57
|
-
value={`label_${i}`}
|
58
|
-
key={`label_${i}`}
|
59
|
-
{...args}
|
60
|
-
/>
|
61
|
-
))}
|
62
|
-
</SegmentGroup>
|
63
|
-
</SegmentProvider>
|
64
|
-
|
65
|
-
<h3>Segment with fixed width</h3>
|
66
|
-
<SegmentProvider>
|
67
|
-
<SegmentGroup view={view} style={{ width: '28.5rem' }} selectionMode={selectionMode} {...args}>
|
68
|
-
{contentItems.map((_, i) => (
|
69
|
-
<SegmentItem
|
70
|
-
view={segmentItemView}
|
71
|
-
label={`Label ${i}`}
|
72
|
-
value={`label_${i}`}
|
73
|
-
key={`label_${i}`}
|
74
|
-
{...args}
|
75
|
-
/>
|
76
|
-
))}
|
77
|
-
</SegmentGroup>
|
78
|
-
</SegmentProvider>
|
79
|
-
</>
|
80
|
-
);
|
81
|
-
};
|
82
|
-
|
83
|
-
export const Default: StoryObj<StorySegmentProps> = {
|
84
|
-
args: {
|
85
|
-
view: 'clear',
|
86
|
-
size: 'xs',
|
87
|
-
segmentItemView: 'clear',
|
88
|
-
selectionMode: 'single',
|
89
|
-
contentItemsNumber: 11,
|
90
|
-
pilled: false,
|
91
|
-
filledBackground: false,
|
92
|
-
disabled: false,
|
93
|
-
},
|
94
|
-
render: (args) => <StoryDefault {...args} />,
|
95
|
-
};
|
package/styled-components/es/examples/sds_engineer/components/Segment/SegmentGroup.config.js
DELETED
@@ -1,29 +0,0 @@
|
|
1
|
-
import { css } from 'styled-components';
|
2
|
-
import { segmentTokens } from '../../../../components/Segment';
|
3
|
-
export var config = {
|
4
|
-
defaults: {
|
5
|
-
view: 'clear',
|
6
|
-
size: 'xs'
|
7
|
-
},
|
8
|
-
variations: {
|
9
|
-
view: {
|
10
|
-
clear: /*#__PURE__*/css(["", ":var(--text-secondary);", ":tranparent;", ":var(--plasma-colors-button-focused);"], segmentTokens.arrowColor, segmentTokens.groupBackgroundColor, segmentTokens.outlineFocusColor),
|
11
|
-
filled: /*#__PURE__*/css(["", ":var(--text-secondary);", ":transparent;", ":var(--plasma-colors-button-focused);"], segmentTokens.arrowColor, segmentTokens.groupBackgroundColor, segmentTokens.outlineFocusColor)
|
12
|
-
},
|
13
|
-
size: {
|
14
|
-
xs: /*#__PURE__*/css(["", ":0.5rem;", ":auto;", ":auto;"], segmentTokens.groupBorderRadius, segmentTokens.groupWidth, segmentTokens.groupHeight),
|
15
|
-
s: /*#__PURE__*/css(["", ":0.625rem;", ":auto;", ":auto;"], segmentTokens.groupBorderRadius, segmentTokens.groupWidth, segmentTokens.groupHeight),
|
16
|
-
m: /*#__PURE__*/css(["", ":0.75rem;", ":auto;", ":auto;"], segmentTokens.groupBorderRadius, segmentTokens.groupWidth, segmentTokens.groupHeight),
|
17
|
-
l: /*#__PURE__*/css(["", ":0.75rem;", ":auto;", ":auto;"], segmentTokens.groupBorderRadius, segmentTokens.groupWidth, segmentTokens.groupHeight)
|
18
|
-
},
|
19
|
-
disabled: {
|
20
|
-
"true": /*#__PURE__*/css(["", ":0.4;"], segmentTokens.disabledOpacity)
|
21
|
-
},
|
22
|
-
pilled: {
|
23
|
-
"true": /*#__PURE__*/css(["", ":1.75rem;"], segmentTokens.groupPilledBorderRadius)
|
24
|
-
},
|
25
|
-
filledBackground: {
|
26
|
-
"true": /*#__PURE__*/css(["", ":var(--plasma-colors-surface-liquid02);"], segmentTokens.groupFilledBackgroundColor)
|
27
|
-
}
|
28
|
-
}
|
29
|
-
};
|
@@ -1,27 +0,0 @@
|
|
1
|
-
import { css } from 'styled-components';
|
2
|
-
import { segmentTokens } from '../../../../components/Segment';
|
3
|
-
export var config = {
|
4
|
-
defaults: {
|
5
|
-
view: 'clear',
|
6
|
-
size: 'xs'
|
7
|
-
},
|
8
|
-
variations: {
|
9
|
-
view: {
|
10
|
-
clear: /*#__PURE__*/css(["", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":transparent;", ":var(--text-primary);", ":transparent;", ":var(--text-primary);", ":transparent;", ":var(--plasma-colors-button-focused);"], segmentTokens.itemColor, segmentTokens.itemBackgroundColor, segmentTokens.itemColorHover, segmentTokens.itemBackgroundColorHover, segmentTokens.itemSelectedColor, segmentTokens.itemSelectedBackgroundColor, segmentTokens.itemSelectedColorHover, segmentTokens.itemSelectedBackgroundColorHover, segmentTokens.outlineFocusColor),
|
11
|
-
secondary: /*#__PURE__*/css(["", ":var(--text-primary);", ":transparent;", ":var(--text-primary);", ":transparent;", ":var(--text-primary);", ":var(--surface-solid-card);", ":var(--text-primary);", ":var(--surface-solid-card);", ":var(--plasma-colors-button-focused);"], segmentTokens.itemColor, segmentTokens.itemBackgroundColor, segmentTokens.itemColorHover, segmentTokens.itemBackgroundColorHover, segmentTokens.itemSelectedColor, segmentTokens.itemSelectedBackgroundColor, segmentTokens.itemSelectedColorHover, segmentTokens.itemSelectedBackgroundColorHover, segmentTokens.outlineFocusColor),
|
12
|
-
"default": /*#__PURE__*/css(["", ":var(--text-primary);", ":transparent;", ":var(--text-primary);", ":transparent;", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--plasma-colors-button-focused);"], segmentTokens.itemColor, segmentTokens.itemBackgroundColor, segmentTokens.itemColorHover, segmentTokens.itemBackgroundColorHover, segmentTokens.itemSelectedColor, segmentTokens.itemSelectedBackgroundColor, segmentTokens.itemSelectedColorHover, segmentTokens.itemSelectedBackgroundColorHover, segmentTokens.outlineFocusColor)
|
13
|
-
},
|
14
|
-
size: {
|
15
|
-
xs: /*#__PURE__*/css(["", ":0.375rem;", ":auto;", ":1.5rem;", ":0 0.625rem;", ":0.125rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], segmentTokens.itemBorderRadius, segmentTokens.itemWidth, segmentTokens.itemHeight, segmentTokens.itemPadding, segmentTokens.itemMarginLeft, segmentTokens.fontFamily, segmentTokens.fontSize, segmentTokens.fontStyle, segmentTokens.fontWeight, segmentTokens.letterSpacing, segmentTokens.lineHeight),
|
16
|
-
s: /*#__PURE__*/css(["", ":0.5rem;", ":auto;", ":2rem;", ":0 0.75rem;", ":0.125rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], segmentTokens.itemBorderRadius, segmentTokens.itemWidth, segmentTokens.itemHeight, segmentTokens.itemPadding, segmentTokens.itemMarginLeft, segmentTokens.fontFamily, segmentTokens.fontSize, segmentTokens.fontStyle, segmentTokens.fontWeight, segmentTokens.letterSpacing, segmentTokens.lineHeight),
|
17
|
-
m: /*#__PURE__*/css(["", ":0.625rem;", ":auto;", ":2.5rem;", ":0 0.875rem;", ":0.125rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], segmentTokens.itemBorderRadius, segmentTokens.itemWidth, segmentTokens.itemHeight, segmentTokens.itemPadding, segmentTokens.itemMarginLeft, segmentTokens.fontFamily, segmentTokens.fontSize, segmentTokens.fontStyle, segmentTokens.fontWeight, segmentTokens.letterSpacing, segmentTokens.lineHeight),
|
18
|
-
l: /*#__PURE__*/css(["", ":0.75rem;", ":auto;", ":3rem;", ":0 1rem;", ":0.125rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], segmentTokens.itemBorderRadius, segmentTokens.itemWidth, segmentTokens.itemHeight, segmentTokens.itemPadding, segmentTokens.itemMarginLeft, segmentTokens.fontFamily, segmentTokens.fontSize, segmentTokens.fontStyle, segmentTokens.fontWeight, segmentTokens.letterSpacing, segmentTokens.lineHeight)
|
19
|
-
},
|
20
|
-
disabled: {
|
21
|
-
"true": /*#__PURE__*/css(["", ":0.4;"], segmentTokens.disabledOpacity)
|
22
|
-
},
|
23
|
-
pilled: {
|
24
|
-
"true": /*#__PURE__*/css(["", ":1.5rem;"], segmentTokens.itemPilledBorderRadius)
|
25
|
-
}
|
26
|
-
}
|
27
|
-
};
|
package/styled-components/es/examples/sds_engineer/components/Skeleton/LineSkeleton.config.js
DELETED
@@ -1,28 +0,0 @@
|
|
1
|
-
import { css } from 'styled-components';
|
2
|
-
import { skeletonTokens } from '../../../../components/Skeleton';
|
3
|
-
export var config = {
|
4
|
-
defaults: {
|
5
|
-
size: 'bodyM'
|
6
|
-
},
|
7
|
-
variations: {
|
8
|
-
size: {
|
9
|
-
bodyL: /*#__PURE__*/css(["", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-size);"], skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
|
10
|
-
bodyM: /*#__PURE__*/css(["", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-m-font-size);"], skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
|
11
|
-
bodyS: /*#__PURE__*/css(["", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-size);"], skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
|
12
|
-
bodyXS: /*#__PURE__*/css(["", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-size);"], skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
|
13
|
-
bodyXXS: /*#__PURE__*/css(["", ":var(--plasma-typo-body-xxs-line-height);", ":var(--plasma-typo-body-xxs-font-size);"], skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
|
14
|
-
dsplL: /*#__PURE__*/css(["", ":var(--plasma-typo-dspl-l-line-height);", ":var(--plasma-typo-dspl-l-font-size);"], skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
|
15
|
-
dsplM: /*#__PURE__*/css(["", ":var(--plasma-typo-dspl-m-line-height);", ":var(--plasma-typo-dspl-m-font-size);"], skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
|
16
|
-
dsplS: /*#__PURE__*/css(["", ":var(--plasma-typo-dspl-s-line-height);", ":var(--plasma-typo-dspl-s-font-size);"], skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
|
17
|
-
h1: /*#__PURE__*/css(["", ":var(--plasma-typo-h1-line-height);", ":var(--plasma-typo-h1-font-size);"], skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
|
18
|
-
h2: /*#__PURE__*/css(["", ":var(--plasma-typo-h2-line-height);", ":var(--plasma-typo-h2-font-size);"], skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
|
19
|
-
h3: /*#__PURE__*/css(["", ":var(--plasma-typo-h3-line-height);", ":var(--plasma-typo-h3-font-size);"], skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
|
20
|
-
h4: /*#__PURE__*/css(["", ":var(--plasma-typo-h4-line-height);", ":var(--plasma-typo-h4-font-size);"], skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
|
21
|
-
h5: /*#__PURE__*/css(["", ":var(--plasma-typo-h5-line-height);", ":var(--plasma-typo-h5-font-size);"], skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
|
22
|
-
textL: /*#__PURE__*/css(["", ":var(--plasma-typo-text-l-line-height);", ":var(--plasma-typo-text-l-font-size);"], skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
|
23
|
-
textM: /*#__PURE__*/css(["", ":var(--plasma-typo-text-m-line-height);", ":var(--plasma-typo-text-m-font-size);"], skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
|
24
|
-
textS: /*#__PURE__*/css(["", ":var(--plasma-typo-text-s-line-height);", ":var(--plasma-typo-text-s-font-size);"], skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
|
25
|
-
textXS: /*#__PURE__*/css(["", ":var(--plasma-typo-text-xs-line-height);", ":var(--plasma-typo-text-xs-font-size);"], skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight)
|
26
|
-
}
|
27
|
-
}
|
28
|
-
};
|
@@ -1,7 +0,0 @@
|
|
1
|
-
import { lineSkeletonConfig, textSkeleton } from '../../../../components/Skeleton';
|
2
|
-
import { component, mergeConfig } from '../../../../engines';
|
3
|
-
import { config as lineSkeletonCustomConfig } from './LineSkeleton.config';
|
4
|
-
export { RectSkeleton, withSkeleton } from '../../../../components/Skeleton';
|
5
|
-
var mergedLineSkeletonConfig = /*#__PURE__*/mergeConfig(lineSkeletonConfig, lineSkeletonCustomConfig);
|
6
|
-
export var LineSkeleton = /*#__PURE__*/component(mergedLineSkeletonConfig);
|
7
|
-
export var TextSkeleton = /*#__PURE__*/textSkeleton(LineSkeleton);
|
@@ -1,90 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import type { ComponentProps } from 'react';
|
3
|
-
import type { StoryObj, Meta } from '@storybook/react';
|
4
|
-
|
5
|
-
import { WithTheme, argTypesFromConfig } from '../../../_helpers';
|
6
|
-
import { mergeConfig } from '../../../../engines';
|
7
|
-
import { lineSkeletonConfig } from '../../../../components/Skeleton';
|
8
|
-
import type { WithSkeletonProps } from '../../../../components/Skeleton';
|
9
|
-
import { radiuses } from '../../../../mixins';
|
10
|
-
import { Button as BasicButton } from '../Button/Button';
|
11
|
-
|
12
|
-
import { config as lineSkeletonCustomConfig } from './LineSkeleton.config';
|
13
|
-
import { LineSkeleton, TextSkeleton, RectSkeleton, withSkeleton } from './Skeleton';
|
14
|
-
|
15
|
-
type StoryLineSkeletonProps = ComponentProps<typeof LineSkeleton>;
|
16
|
-
type StoryTextSkeletonProps = ComponentProps<typeof TextSkeleton>;
|
17
|
-
type StoryRectSkeletonProps = ComponentProps<typeof RectSkeleton>;
|
18
|
-
type BasicButtonProps = ComponentProps<typeof BasicButton>;
|
19
|
-
|
20
|
-
const meta: Meta = {
|
21
|
-
title: 'sds_engineer/Skeleton',
|
22
|
-
decorators: [WithTheme],
|
23
|
-
};
|
24
|
-
|
25
|
-
export default meta;
|
26
|
-
|
27
|
-
const roundnessKeys = Object.keys(radiuses).map((r) => String(r));
|
28
|
-
|
29
|
-
const Default: StoryObj = {
|
30
|
-
argTypes: {
|
31
|
-
roundness: {
|
32
|
-
options: roundnessKeys,
|
33
|
-
control: {
|
34
|
-
type: 'select',
|
35
|
-
},
|
36
|
-
},
|
37
|
-
},
|
38
|
-
args: {
|
39
|
-
roundness: '16',
|
40
|
-
customGradientColor: '',
|
41
|
-
lighter: false,
|
42
|
-
},
|
43
|
-
};
|
44
|
-
|
45
|
-
export const Line: StoryObj<StoryLineSkeletonProps> = {
|
46
|
-
argTypes: {
|
47
|
-
...argTypesFromConfig(mergeConfig(lineSkeletonConfig, lineSkeletonCustomConfig)),
|
48
|
-
...Default.argTypes,
|
49
|
-
},
|
50
|
-
args: {
|
51
|
-
size: 'bodyM',
|
52
|
-
...Default.args,
|
53
|
-
},
|
54
|
-
render: (args) => <LineSkeleton {...args} />,
|
55
|
-
};
|
56
|
-
|
57
|
-
export const Text: StoryObj<StoryTextSkeletonProps> = {
|
58
|
-
argTypes: {
|
59
|
-
...argTypesFromConfig(mergeConfig(lineSkeletonConfig, lineSkeletonCustomConfig)),
|
60
|
-
...Default.argTypes,
|
61
|
-
},
|
62
|
-
args: {
|
63
|
-
size: 'bodyM',
|
64
|
-
lines: 5,
|
65
|
-
width: '',
|
66
|
-
...Default.args,
|
67
|
-
},
|
68
|
-
render: (args) => <TextSkeleton {...args} />,
|
69
|
-
};
|
70
|
-
|
71
|
-
export const Rect: StoryObj<StoryRectSkeletonProps> = {
|
72
|
-
argTypes: {
|
73
|
-
...Default.argTypes,
|
74
|
-
},
|
75
|
-
args: {
|
76
|
-
width: '4rem',
|
77
|
-
height: '4rem',
|
78
|
-
...Default.args,
|
79
|
-
},
|
80
|
-
render: (args) => <RectSkeleton {...args} />,
|
81
|
-
};
|
82
|
-
|
83
|
-
const ButtonSkeleton = withSkeleton<BasicButtonProps & WithSkeletonProps>(BasicButton);
|
84
|
-
|
85
|
-
export const Button: StoryObj = {
|
86
|
-
args: {
|
87
|
-
skeleton: true,
|
88
|
-
},
|
89
|
-
render: (args) => <ButtonSkeleton view="default" text="test" {...args} />,
|
90
|
-
};
|
@@ -1,25 +0,0 @@
|
|
1
|
-
import { css } from 'styled-components';
|
2
|
-
import { spinnerTokens } from '../../../../components/Spinner';
|
3
|
-
export var config = {
|
4
|
-
defaults: {
|
5
|
-
view: 'accent',
|
6
|
-
size: 'm'
|
7
|
-
},
|
8
|
-
variations: {
|
9
|
-
size: {
|
10
|
-
s: /*#__PURE__*/css(["", ":16px;"], spinnerTokens.size),
|
11
|
-
m: /*#__PURE__*/css(["", ":24px;"], spinnerTokens.size),
|
12
|
-
l: /*#__PURE__*/css(["", ":36px;"], spinnerTokens.size)
|
13
|
-
},
|
14
|
-
view: {
|
15
|
-
"default": /*#__PURE__*/css(["", ":var(--text-primary);"], spinnerTokens.color),
|
16
|
-
secondary: /*#__PURE__*/css(["", ":var(--text-secondary);"], spinnerTokens.color),
|
17
|
-
tertiary: /*#__PURE__*/css(["", ":var(--text-tertiary);"], spinnerTokens.color),
|
18
|
-
paragraph: /*#__PURE__*/css(["", ":var(--text-paragraph);"], spinnerTokens.color),
|
19
|
-
accent: /*#__PURE__*/css(["", ":var(--text-accent);"], spinnerTokens.color),
|
20
|
-
positive: /*#__PURE__*/css(["", ":var(--text-positive);"], spinnerTokens.color),
|
21
|
-
warning: /*#__PURE__*/css(["", ":var(--text-warning);"], spinnerTokens.color),
|
22
|
-
negative: /*#__PURE__*/css(["", ":var(--text-negative);"], spinnerTokens.color)
|
23
|
-
}
|
24
|
-
}
|
25
|
-
};
|
@@ -1,5 +0,0 @@
|
|
1
|
-
import { spinnerConfig } from '../../../../components/Spinner';
|
2
|
-
import { component, mergeConfig } from '../../../../engines';
|
3
|
-
import { config } from './Spinner.config';
|
4
|
-
var mergedConfig = /*#__PURE__*/mergeConfig(spinnerConfig, config);
|
5
|
-
export var Spinner = /*#__PURE__*/component(mergedConfig);
|
@@ -1,53 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import type { ComponentProps } from 'react';
|
3
|
-
import type { StoryObj, Meta } from '@storybook/react';
|
4
|
-
|
5
|
-
import { spinnerConfig } from '../../../../components/Spinner';
|
6
|
-
import { mergeConfig } from '../../../../engines';
|
7
|
-
import { WithTheme, argTypesFromConfig } from '../../../_helpers';
|
8
|
-
|
9
|
-
import { config } from './Spinner.config';
|
10
|
-
import { Spinner } from './Spinner';
|
11
|
-
|
12
|
-
const meta: Meta<typeof Spinner> = {
|
13
|
-
title: 'sds_engineer/Spinner',
|
14
|
-
decorators: [WithTheme],
|
15
|
-
component: Spinner,
|
16
|
-
};
|
17
|
-
|
18
|
-
export default meta;
|
19
|
-
|
20
|
-
type Story = StoryObj<ComponentProps<typeof Spinner>>;
|
21
|
-
|
22
|
-
const mergedConfig = mergeConfig(spinnerConfig, config);
|
23
|
-
|
24
|
-
export const Default: Story = {
|
25
|
-
argTypes: {
|
26
|
-
...argTypesFromConfig(mergedConfig),
|
27
|
-
},
|
28
|
-
args: {
|
29
|
-
view: 'accent',
|
30
|
-
size: 'm',
|
31
|
-
},
|
32
|
-
};
|
33
|
-
|
34
|
-
export const CustomSize: Story = {
|
35
|
-
argTypes: {
|
36
|
-
...argTypesFromConfig(mergedConfig, ['size']),
|
37
|
-
width: {
|
38
|
-
control: {
|
39
|
-
type: 'text',
|
40
|
-
},
|
41
|
-
},
|
42
|
-
height: {
|
43
|
-
control: {
|
44
|
-
type: 'text',
|
45
|
-
},
|
46
|
-
},
|
47
|
-
},
|
48
|
-
args: {
|
49
|
-
width: '100px',
|
50
|
-
height: '100px',
|
51
|
-
view: 'accent',
|
52
|
-
},
|
53
|
-
};
|
@@ -1,30 +0,0 @@
|
|
1
|
-
import { css } from 'styled-components';
|
2
|
-
import { switchTokens } from '../../../../components/Switch';
|
3
|
-
import { labelPosition_After } from '../../../../components/Switch/_label-position/after';
|
4
|
-
export var config = {
|
5
|
-
defaults: {
|
6
|
-
view: 'default',
|
7
|
-
size: 's',
|
8
|
-
focused: 'true',
|
9
|
-
labelPosition: 'after'
|
10
|
-
},
|
11
|
-
variations: {
|
12
|
-
size: {
|
13
|
-
xs: /*#__PURE__*/css(["", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-bold-line-height);", ":var(--plasma-typo-body-s-bold-font-size);", ":var(--plasma-typo-body-s-letter-spacing);", ":1.75rem;", ":1rem;", ":calc(var(", ") / 2);", ":0.85rem;", ":0.05rem;", ":calc(var(", ") / 2);", ":1.25;", ":0.5rem;"], switchTokens.fontFamily, switchTokens.fontStyle, switchTokens.fontWeight, switchTokens.lineHeight, switchTokens.fontSize, switchTokens.letterSpacing, switchTokens.trackWidth, switchTokens.trackHeight, switchTokens.trackBorderRadius, switchTokens.trackHeight, switchTokens.thumbSize, switchTokens.thumbOffset, switchTokens.thumbBorderRadius, switchTokens.thumbSize, switchTokens.thumbPressScale, switchTokens.labelOffset),
|
14
|
-
s: /*#__PURE__*/css(["", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-bold-font-weight);", ":var(--plasma-typo-body-m-bold-line-height);", ":var(--plasma-typo-body-m-bold-font-size);", ":var(--plasma-typo-body-m-letter-spacing);", ":1.75rem;", ":1rem;", ":calc(var(", ") / 2);", ":0.875rem;", ":0.05rem;", ":calc(var(", ") / 2);", ":1.25;", ":0.5rem;"], switchTokens.fontFamily, switchTokens.fontStyle, switchTokens.fontWeight, switchTokens.lineHeight, switchTokens.fontSize, switchTokens.letterSpacing, switchTokens.trackWidth, switchTokens.trackHeight, switchTokens.trackBorderRadius, switchTokens.trackHeight, switchTokens.thumbSize, switchTokens.thumbOffset, switchTokens.thumbBorderRadius, switchTokens.thumbSize, switchTokens.thumbPressScale, switchTokens.labelOffset),
|
15
|
-
m: /*#__PURE__*/css(["", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-bold-font-weight);", ":var(--plasma-typo-body-m-bold-line-height);", ":var(--plasma-typo-body-m-bold-font-size);", ":var(--plasma-typo-body-m-letter-spacing);", ":1.75rem;", ":1rem;", ":calc(var(", ") / 2);", ":0.875rem;", ":0.05rem;", ":calc(var(", ") / 2);", ":1.25;", ":0.5rem;"], switchTokens.fontFamily, switchTokens.fontStyle, switchTokens.fontWeight, switchTokens.lineHeight, switchTokens.fontSize, switchTokens.letterSpacing, switchTokens.trackWidth, switchTokens.trackHeight, switchTokens.trackBorderRadius, switchTokens.trackHeight, switchTokens.thumbSize, switchTokens.thumbOffset, switchTokens.thumbBorderRadius, switchTokens.thumbSize, switchTokens.thumbPressScale, switchTokens.labelOffset)
|
16
|
-
},
|
17
|
-
view: {
|
18
|
-
"default": /*#__PURE__*/css(["", ":rgb(71,212,95);", ":rgb(22,200,62);", ":rgba(30,131,198,0.11);", ":rgba(30,131,198,0.25);", ":var(--on-dark-surface-solid-default);", ":0 0 0.25rem 0 rgba(1,111,0,0.71);", ":0 0 0.25rem 0 rgba(70,106,251,0.71);"], switchTokens.trackBackgroundColorOn, switchTokens.trackBackgroundColorOnHover, switchTokens.trackBackgroundColorOff, switchTokens.trackBackgroundColorOffHover, switchTokens.thumbBackgroundColor, switchTokens.thumbBoxShadowOn, switchTokens.thumbBoxShadow)
|
19
|
-
},
|
20
|
-
labelPosition: {
|
21
|
-
after: labelPosition_After
|
22
|
-
},
|
23
|
-
disabled: {
|
24
|
-
"true": /*#__PURE__*/css(["", ":0.4;"], switchTokens.disabledOpacity)
|
25
|
-
},
|
26
|
-
focused: {
|
27
|
-
"true": /*#__PURE__*/css(["", ":rgb(22,200,62);"], switchTokens.trackFocusColor)
|
28
|
-
}
|
29
|
-
}
|
30
|
-
};
|
@@ -1,5 +0,0 @@
|
|
1
|
-
import { switchConfig } from '../../../../components/Switch';
|
2
|
-
import { component, mergeConfig } from '../../../../engines';
|
3
|
-
import { config } from './Switch.config';
|
4
|
-
var mergedConfig = /*#__PURE__*/mergeConfig(switchConfig, config);
|
5
|
-
export var Switch = /*#__PURE__*/component(mergedConfig);
|
@@ -1,61 +0,0 @@
|
|
1
|
-
import React, { useState } from 'react';
|
2
|
-
import styled from 'styled-components';
|
3
|
-
import { action } from '@storybook/addon-actions';
|
4
|
-
import type { ComponentProps } from 'react';
|
5
|
-
import type { StoryObj, Meta } from '@storybook/react';
|
6
|
-
|
7
|
-
import { switchConfig } from '../../../../components/Switch';
|
8
|
-
import { mergeConfig } from '../../../../engines';
|
9
|
-
import { WithTheme, argTypesFromConfig } from '../../../_helpers';
|
10
|
-
|
11
|
-
import { config } from './Switch.config';
|
12
|
-
import { Switch } from './Switch';
|
13
|
-
|
14
|
-
type SwitchProps = ComponentProps<typeof Switch>;
|
15
|
-
|
16
|
-
const meta: Meta<SwitchProps> = {
|
17
|
-
title: 'sds_engineer/Switch',
|
18
|
-
decorators: [WithTheme],
|
19
|
-
component: Switch,
|
20
|
-
argTypes: argTypesFromConfig(mergeConfig(switchConfig, config), ['view', 'focused']),
|
21
|
-
args: {
|
22
|
-
label: 'Label',
|
23
|
-
},
|
24
|
-
};
|
25
|
-
|
26
|
-
export default meta;
|
27
|
-
|
28
|
-
const StyledWrapper = styled.div`
|
29
|
-
width: 13.75rem;
|
30
|
-
`;
|
31
|
-
|
32
|
-
const onChange = action('onChange');
|
33
|
-
const onFocus = action('onFocus');
|
34
|
-
const onBlur = action('onBlur');
|
35
|
-
|
36
|
-
const StoryDefault = (args: SwitchProps) => {
|
37
|
-
const value = 'yes';
|
38
|
-
const name = 'agree';
|
39
|
-
const [checked, setChecked] = useState(true);
|
40
|
-
|
41
|
-
return (
|
42
|
-
<StyledWrapper>
|
43
|
-
<Switch
|
44
|
-
value={value}
|
45
|
-
name={name}
|
46
|
-
checked={checked}
|
47
|
-
onChange={(event) => {
|
48
|
-
setChecked(event.target.checked);
|
49
|
-
onChange(event);
|
50
|
-
}}
|
51
|
-
onFocus={onFocus}
|
52
|
-
onBlur={onBlur}
|
53
|
-
{...args}
|
54
|
-
/>
|
55
|
-
</StyledWrapper>
|
56
|
-
);
|
57
|
-
};
|
58
|
-
|
59
|
-
export const Default: StoryObj<SwitchProps> = {
|
60
|
-
render: (args) => <StoryDefault {...args} />,
|
61
|
-
};
|