@salutejs/plasma-new-hope 0.134.0-canary.1403.10590022490.0 → 0.134.0-canary.1404.10615452870.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/DatePicker/RangeDate/RangeDate.js +19 -9
- package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.js +12 -5
- package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/cjs/components/DatePicker/hooks/useDatePicker.js +9 -7
- package/cjs/components/DatePicker/hooks/useDatePicker.js.map +1 -1
- package/cjs/components/DatePicker/utils/dateHelper.js +15 -13
- package/cjs/components/DatePicker/utils/dateHelper.js.map +1 -1
- 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/cjs/utils/datejs.js +1 -0
- package/cjs/utils/datejs.js.map +1 -1
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +19 -9
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +12 -5
- package/emotion/cjs/components/DatePicker/hooks/useDatePicker.js +9 -7
- package/emotion/cjs/components/DatePicker/utils/dateHelper.js +15 -13
- 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/DatePicker/DatePicker.stories.tsx +34 -1
- package/emotion/cjs/examples/plasma_b2c/components/Switch/Switch.config.js +4 -4
- package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +35 -1
- package/emotion/cjs/examples/plasma_web/components/Switch/Switch.config.js +4 -4
- package/emotion/cjs/examples/themes/index.js +1 -3
- package/emotion/cjs/utils/datejs.js +1 -0
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +19 -9
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +12 -5
- package/emotion/es/components/DatePicker/hooks/useDatePicker.js +9 -7
- package/emotion/es/components/DatePicker/utils/dateHelper.js +15 -13
- 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/DatePicker/DatePicker.stories.tsx +34 -1
- package/emotion/es/examples/plasma_b2c/components/Switch/Switch.config.js +4 -4
- package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +35 -1
- package/emotion/es/examples/plasma_web/components/Switch/Switch.config.js +4 -4
- package/emotion/es/examples/themes/index.js +1 -3
- package/emotion/es/utils/datejs.js +1 -0
- package/es/components/DatePicker/RangeDate/RangeDate.js +19 -9
- package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.js +12 -5
- package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/es/components/DatePicker/hooks/useDatePicker.js +9 -7
- package/es/components/DatePicker/hooks/useDatePicker.js.map +1 -1
- package/es/components/DatePicker/utils/dateHelper.js +15 -13
- package/es/components/DatePicker/utils/dateHelper.js.map +1 -1
- 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/es/utils/datejs.js +1 -0
- package/es/utils/datejs.js.map +1 -1
- package/package.json +4 -4
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +19 -9
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +12 -5
- package/styled-components/cjs/components/DatePicker/hooks/useDatePicker.js +9 -7
- package/styled-components/cjs/components/DatePicker/utils/dateHelper.js +15 -13
- 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/DatePicker/DatePicker.stories.tsx +34 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Switch/Switch.config.js +1 -1
- package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +35 -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/cjs/utils/datejs.js +1 -0
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +19 -9
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +12 -5
- package/styled-components/es/components/DatePicker/hooks/useDatePicker.js +9 -7
- package/styled-components/es/components/DatePicker/utils/dateHelper.js +15 -13
- 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/DatePicker/DatePicker.stories.tsx +34 -1
- package/styled-components/es/examples/plasma_b2c/components/Switch/Switch.config.js +1 -1
- package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +35 -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/styled-components/es/utils/datejs.js +1 -0
- package/types/components/DatePicker/DatePickerBase.types.d.ts +6 -0
- package/types/components/DatePicker/DatePickerBase.types.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
- package/types/components/DatePicker/hooks/useDatePicker.d.ts +1 -1
- package/types/components/DatePicker/hooks/useDatePicker.d.ts.map +1 -1
- package/types/components/DatePicker/utils/dateHelper.d.ts +6 -3
- package/types/components/DatePicker/utils/dateHelper.d.ts.map +1 -1
- 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/types/utils/datejs.d.ts +1 -0
- package/types/utils/datejs.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,17 +0,0 @@
|
|
1
|
-
import { component, mergeConfig } from '../../../../engines';
|
2
|
-
import { calendarBaseConfig, calendarDoubleConfig, withRange } from '../../../../components/Calendar';
|
3
|
-
import { boundCalendar } from '../../../../components/Calendar/Calendar';
|
4
|
-
import { config as baseConfig } from './CalendarBase.config';
|
5
|
-
import { config as doubleConfig } from './CalendarDouble.config';
|
6
|
-
var mergedCalendarBaseConfig = /*#__PURE__*/mergeConfig(calendarBaseConfig, baseConfig);
|
7
|
-
var mergedCalendarDoubleConfig = /*#__PURE__*/mergeConfig(calendarDoubleConfig, doubleConfig);
|
8
|
-
export var CalendarBase = /*#__PURE__*/component(mergedCalendarBaseConfig);
|
9
|
-
export var CalendarDouble = /*#__PURE__*/component(mergedCalendarDoubleConfig);
|
10
|
-
export var CalendarBaseRange = /*#__PURE__*/withRange(CalendarBase);
|
11
|
-
export var CalendarDoubleRange = /*#__PURE__*/withRange(CalendarDouble);
|
12
|
-
export var Calendar = /*#__PURE__*/boundCalendar({
|
13
|
-
base: CalendarBase,
|
14
|
-
baseRange: CalendarBaseRange,
|
15
|
-
"double": CalendarDouble,
|
16
|
-
doubleRange: CalendarDoubleRange
|
17
|
-
});
|
@@ -1,283 +0,0 @@
|
|
1
|
-
import React, { useCallback, useRef, 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 { Heading } from '../../../typograpy/components/Heading/Heading';
|
7
|
-
import { WithTheme } from '../../../_helpers';
|
8
|
-
import { Tabs } from '../Tabs/Tabs';
|
9
|
-
import { TabItem } from '../Tabs/TabItem';
|
10
|
-
|
11
|
-
import { Calendar, CalendarBase, CalendarBaseRange, CalendarDouble, CalendarDoubleRange } from './Calendar';
|
12
|
-
|
13
|
-
const onChangeValue = action('onChangeValue');
|
14
|
-
|
15
|
-
const meta: Meta<typeof CalendarBase> = {
|
16
|
-
title: 'sds_engineer/Calendar',
|
17
|
-
decorators: [WithTheme],
|
18
|
-
argTypes: {
|
19
|
-
min: {
|
20
|
-
control: {
|
21
|
-
type: 'date',
|
22
|
-
},
|
23
|
-
},
|
24
|
-
max: {
|
25
|
-
control: {
|
26
|
-
type: 'date',
|
27
|
-
},
|
28
|
-
},
|
29
|
-
size: {
|
30
|
-
options: ['l', 'm', 's', 'xs'],
|
31
|
-
control: {
|
32
|
-
type: 'inline-radio',
|
33
|
-
},
|
34
|
-
},
|
35
|
-
},
|
36
|
-
};
|
37
|
-
|
38
|
-
export default meta;
|
39
|
-
|
40
|
-
type CalendarProps = ComponentProps<typeof Calendar>;
|
41
|
-
type CalendarBaseProps = ComponentProps<typeof CalendarBase>;
|
42
|
-
type CalendarBaseRangeProps = ComponentProps<typeof CalendarBaseRange>;
|
43
|
-
|
44
|
-
const eventColors = ['red', 'green', 'blue', 'purple'];
|
45
|
-
const defaultMinDate = new Date(2016, 6, 1);
|
46
|
-
const defaultMaxDate = new Date(2030, 11, 24);
|
47
|
-
|
48
|
-
const getBaseEvents = (type: 'days' | 'months' | 'quarters' | 'years', datesNumber = 2) => {
|
49
|
-
const baseDate = {
|
50
|
-
day: 10,
|
51
|
-
monthIndex: 6,
|
52
|
-
year: 2023,
|
53
|
-
};
|
54
|
-
|
55
|
-
const colorIndex = Math.floor(Math.random() * eventColors.length);
|
56
|
-
|
57
|
-
const events = [...new Array(datesNumber)].map((_, index) => {
|
58
|
-
const eventNumber = Math.floor(Math.random() * 3 + 1);
|
59
|
-
const day = type === 'days' ? baseDate.day + index : 1;
|
60
|
-
const month =
|
61
|
-
// eslint-disable-next-line no-nested-ternary
|
62
|
-
type === 'months' || type === 'quarters'
|
63
|
-
? baseDate.monthIndex + index
|
64
|
-
: type === 'days'
|
65
|
-
? baseDate.monthIndex
|
66
|
-
: 0;
|
67
|
-
const year = type === 'years' ? baseDate.year + index : baseDate.year;
|
68
|
-
|
69
|
-
return [...new Array(eventNumber)].map(() => {
|
70
|
-
return { date: new Date(year, month, day), color: eventColors[colorIndex] };
|
71
|
-
});
|
72
|
-
});
|
73
|
-
|
74
|
-
return events.flat();
|
75
|
-
};
|
76
|
-
|
77
|
-
const StoryDefault = (args: CalendarProps) => {
|
78
|
-
const { isRange, isDouble, min, max, date, includeEdgeDates, size } = args;
|
79
|
-
const [value, setValue] = useState(new Date(2023, 10, 16));
|
80
|
-
const [valueRange, setValueRange] = useState<[Date, Date?]>([new Date(2023, 10, 16), new Date(2023, 10, 23)]);
|
81
|
-
|
82
|
-
const handleOnChange = useCallback((newValue: Date) => {
|
83
|
-
setValue(newValue);
|
84
|
-
onChangeValue(newValue);
|
85
|
-
}, []);
|
86
|
-
const handleOnRangeChange = useCallback((newValue: [Date, Date?]) => {
|
87
|
-
setValueRange(newValue);
|
88
|
-
}, []);
|
89
|
-
|
90
|
-
return (
|
91
|
-
<Calendar
|
92
|
-
size={size}
|
93
|
-
isRange={isRange}
|
94
|
-
isDouble={isDouble}
|
95
|
-
date={date}
|
96
|
-
value={(isRange ? valueRange : value) as Date & [Date, Date?]}
|
97
|
-
min={min}
|
98
|
-
max={max}
|
99
|
-
includeEdgeDates={includeEdgeDates}
|
100
|
-
onChangeValue={(isRange ? handleOnRangeChange : handleOnChange) as (value: Date | [Date, Date?]) => void}
|
101
|
-
/>
|
102
|
-
);
|
103
|
-
};
|
104
|
-
|
105
|
-
export const Default: StoryObj<CalendarProps> = {
|
106
|
-
args: {
|
107
|
-
min: new Date(2023, 10, 1),
|
108
|
-
max: new Date(2023, 11, 24),
|
109
|
-
isDouble: false,
|
110
|
-
isRange: false,
|
111
|
-
includeEdgeDates: false,
|
112
|
-
size: 'm',
|
113
|
-
},
|
114
|
-
render: (args) => <StoryDefault {...args} />,
|
115
|
-
};
|
116
|
-
|
117
|
-
const StoryBase = (args: CalendarBaseProps & { displayDouble: boolean }) => {
|
118
|
-
const { min, max, includeEdgeDates, size, displayDouble } = args;
|
119
|
-
const [value, setValue] = useState(new Date(2023, 6, 7));
|
120
|
-
const [currentState, setCurrentState] = useState('Days');
|
121
|
-
|
122
|
-
const handleOnChange = useCallback((newValue: Date, dateInfo?: unknown) => {
|
123
|
-
setValue(newValue);
|
124
|
-
onChangeValue(newValue, dateInfo);
|
125
|
-
}, []);
|
126
|
-
|
127
|
-
const eventList = useRef(getBaseEvents('days', 5));
|
128
|
-
const eventMonthList = useRef(getBaseEvents('months', 5));
|
129
|
-
const eventQuarterList = useRef(getBaseEvents('quarters'));
|
130
|
-
const eventYearList = useRef(getBaseEvents('years'));
|
131
|
-
|
132
|
-
const disabledDays = [...new Array(5)].map((_, day) => ({
|
133
|
-
date: new Date(2023, 6, 23 + day),
|
134
|
-
}));
|
135
|
-
|
136
|
-
const getCalendarComponent = ({ type, ...rest }) => {
|
137
|
-
return displayDouble ? (
|
138
|
-
<CalendarDouble
|
139
|
-
size={size}
|
140
|
-
value={value}
|
141
|
-
min={min}
|
142
|
-
max={max}
|
143
|
-
includeEdgeDates={includeEdgeDates}
|
144
|
-
type={type}
|
145
|
-
onChangeValue={handleOnChange}
|
146
|
-
{...rest}
|
147
|
-
/>
|
148
|
-
) : (
|
149
|
-
<CalendarBase
|
150
|
-
size={size}
|
151
|
-
value={value}
|
152
|
-
min={min}
|
153
|
-
max={max}
|
154
|
-
includeEdgeDates={includeEdgeDates}
|
155
|
-
type={type}
|
156
|
-
onChangeValue={handleOnChange}
|
157
|
-
{...rest}
|
158
|
-
/>
|
159
|
-
);
|
160
|
-
};
|
161
|
-
|
162
|
-
const calendarMap = {
|
163
|
-
Days: getCalendarComponent({ type: 'Days', eventList: eventList.current, disabledList: disabledDays }),
|
164
|
-
Months: getCalendarComponent({ type: 'Months', eventMonthList: eventMonthList.current }),
|
165
|
-
Quarters: getCalendarComponent({ type: 'Quarters', eventQuarterList: eventQuarterList.current }),
|
166
|
-
Years: getCalendarComponent({ type: 'Years', eventYearList: eventYearList.current }),
|
167
|
-
};
|
168
|
-
|
169
|
-
return (
|
170
|
-
<>
|
171
|
-
<Heading size="h3">Тип календаря</Heading>
|
172
|
-
<Tabs view="default" size="m">
|
173
|
-
{Object.keys(calendarMap).map((state, i) => (
|
174
|
-
<TabItem
|
175
|
-
key={`item:${i}`}
|
176
|
-
view="divider"
|
177
|
-
selected={state === currentState}
|
178
|
-
onClick={() => setCurrentState(state)}
|
179
|
-
size="m"
|
180
|
-
>
|
181
|
-
{state}
|
182
|
-
</TabItem>
|
183
|
-
))}
|
184
|
-
</Tabs>
|
185
|
-
<div style={{ marginTop: '1rem' }}>{calendarMap[currentState]}</div>
|
186
|
-
</>
|
187
|
-
);
|
188
|
-
};
|
189
|
-
|
190
|
-
export const Base: StoryObj<CalendarBaseProps & { displayDouble: boolean }> = {
|
191
|
-
args: {
|
192
|
-
size: 'm',
|
193
|
-
min: defaultMinDate,
|
194
|
-
max: defaultMaxDate,
|
195
|
-
includeEdgeDates: false,
|
196
|
-
displayDouble: false,
|
197
|
-
},
|
198
|
-
render: (args) => <StoryBase {...args} />,
|
199
|
-
};
|
200
|
-
|
201
|
-
const StoryRange = (args: CalendarBaseRangeProps & { displayDouble: boolean }) => {
|
202
|
-
const { min, max, includeEdgeDates, size, displayDouble } = args;
|
203
|
-
const [values, setValue] = useState<[Date, Date?]>([new Date(2023, 6, 1), new Date(2023, 6, 16)]);
|
204
|
-
const [currentState, setCurrentState] = useState('Days');
|
205
|
-
|
206
|
-
const handleOnChange = (newValue: [Date, Date?], dateInfo) => {
|
207
|
-
onChangeValue(newValue, dateInfo);
|
208
|
-
setValue(newValue);
|
209
|
-
};
|
210
|
-
|
211
|
-
const eventList = useRef(getBaseEvents('days', 5));
|
212
|
-
const eventMonthList = useRef(getBaseEvents('months', 5));
|
213
|
-
const eventQuarterList = useRef(getBaseEvents('quarters'));
|
214
|
-
const eventYearList = useRef(getBaseEvents('years'));
|
215
|
-
|
216
|
-
const disabledDays = [...new Array(5)].map((_, day) => ({
|
217
|
-
date: new Date(2023, 6, 23 + day),
|
218
|
-
}));
|
219
|
-
|
220
|
-
const getCalendarComponent = ({ type, ...rest }) => {
|
221
|
-
return displayDouble ? (
|
222
|
-
<CalendarBaseRange
|
223
|
-
size={size}
|
224
|
-
value={values}
|
225
|
-
min={min}
|
226
|
-
max={max}
|
227
|
-
includeEdgeDates={includeEdgeDates}
|
228
|
-
type={type}
|
229
|
-
onChangeValue={handleOnChange}
|
230
|
-
{...rest}
|
231
|
-
/>
|
232
|
-
) : (
|
233
|
-
<CalendarDoubleRange
|
234
|
-
size={size}
|
235
|
-
value={values}
|
236
|
-
min={min}
|
237
|
-
max={max}
|
238
|
-
includeEdgeDates={includeEdgeDates}
|
239
|
-
type={type}
|
240
|
-
onChangeValue={handleOnChange}
|
241
|
-
{...rest}
|
242
|
-
/>
|
243
|
-
);
|
244
|
-
};
|
245
|
-
|
246
|
-
const calendarMap = {
|
247
|
-
Days: getCalendarComponent({ type: 'Days', eventList: eventList.current, disabledList: disabledDays }),
|
248
|
-
Months: getCalendarComponent({ type: 'Months', eventMonthList: eventMonthList.current }),
|
249
|
-
Quarters: getCalendarComponent({ type: 'Quarters', eventQuarterList: eventQuarterList.current }),
|
250
|
-
Years: getCalendarComponent({ type: 'Years', eventYearList: eventYearList.current }),
|
251
|
-
};
|
252
|
-
|
253
|
-
return (
|
254
|
-
<>
|
255
|
-
<Heading size="h3">Тип календаря</Heading>
|
256
|
-
<Tabs view="default" size="m">
|
257
|
-
{Object.keys(calendarMap).map((state, i) => (
|
258
|
-
<TabItem
|
259
|
-
key={`item:${i}`}
|
260
|
-
view="divider"
|
261
|
-
selected={state === currentState}
|
262
|
-
onClick={() => setCurrentState(state)}
|
263
|
-
size="m"
|
264
|
-
>
|
265
|
-
{state}
|
266
|
-
</TabItem>
|
267
|
-
))}
|
268
|
-
</Tabs>
|
269
|
-
<div style={{ marginTop: '1rem' }}>{calendarMap[currentState]}</div>
|
270
|
-
</>
|
271
|
-
);
|
272
|
-
};
|
273
|
-
|
274
|
-
export const Range: StoryObj<CalendarBaseRangeProps & { displayDouble: boolean }> = {
|
275
|
-
args: {
|
276
|
-
size: 'm',
|
277
|
-
min: defaultMinDate,
|
278
|
-
max: defaultMaxDate,
|
279
|
-
includeEdgeDates: false,
|
280
|
-
displayDouble: false,
|
281
|
-
},
|
282
|
-
render: (args) => <StoryRange {...args} />,
|
283
|
-
};
|
package/styled-components/es/examples/sds_engineer/components/Calendar/CalendarBase.config.js
DELETED
@@ -1,19 +0,0 @@
|
|
1
|
-
import { css } from 'styled-components';
|
2
|
-
import { tokens as calendarBaseTokens } from '../../../../components/Calendar/Calendar.tokens';
|
3
|
-
export var config = {
|
4
|
-
defaults: {
|
5
|
-
view: 'default',
|
6
|
-
size: 'm'
|
7
|
-
},
|
8
|
-
variations: {
|
9
|
-
view: {
|
10
|
-
"default": /*#__PURE__*/css(["", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":transparent;", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-accent);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-accent);", ":var(--surface-solid-default);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--surface-accent);"], calendarBaseTokens.calendarSelectedItemBackground, calendarBaseTokens.calendarSelectedItemColor, calendarBaseTokens.calendarSelectableItemBackgroundHover, calendarBaseTokens.calendarCurrentItemBorderColor, calendarBaseTokens.calendarCurrentItemBackgroundHover, calendarBaseTokens.calendarCurrentItemColorHover, calendarBaseTokens.calendarCurrentItemChildBackgroundHover, calendarBaseTokens.calendarActiveItemBackground, calendarBaseTokens.calendarActiveItemColor, calendarBaseTokens.calendarHoveredItemBackground, calendarBaseTokens.calendarHoveredItemColor, calendarBaseTokens.calendarRangeBackground, calendarBaseTokens.calendarOutlineFocusColor, calendarBaseTokens.calendarContentPrimaryColor, calendarBaseTokens.calendarContentSecondaryColor, calendarBaseTokens.calendarDayOfWeekColor, calendarBaseTokens.iconButtonColor, calendarBaseTokens.iconButtonBackgroundColor, calendarBaseTokens.iconButtonColorHover, calendarBaseTokens.iconButtonBackgroundColorHover, calendarBaseTokens.iconButtonColorActive, calendarBaseTokens.iconButtonBackgroundColorActive, calendarBaseTokens.iconButtonFocusColor)
|
11
|
-
},
|
12
|
-
size: {
|
13
|
-
l: /*#__PURE__*/css(["", ":24.5rem;", ":25rem;", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":7.8125rem;", ":5.25rem;", ":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-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":11.75rem;", ":10.5rem;", ":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-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":7.8125rem;", ":5.25rem;", ":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-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem 0 0 0;", ":0.75rem;", ":3.5rem;", ":3rem;", ":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-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem;", ":0 0 0 1rem;", ":0.5rem;", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);", ":var(--plasma-typo-h4-font-weight);", ":var(--plasma-typo-h4-bold-font-weight);", ":3.5rem;", ":3.5rem;", ":1.5rem;", ":0.875rem;"], calendarBaseTokens.calendarWidth, calendarBaseTokens.calendarHeight, calendarBaseTokens.calendarYearsPadding, calendarBaseTokens.calendarYearItemBorderRadius, calendarBaseTokens.calendarYearItemWidth, calendarBaseTokens.calendarYearItemHeight, calendarBaseTokens.calendarYearFontFamily, calendarBaseTokens.calendarYearFontSize, calendarBaseTokens.calendarYearFontStyle, calendarBaseTokens.calendarYearFontLetterSpacing, calendarBaseTokens.calendarYearFontLineHeight, calendarBaseTokens.calendarYearFontWeight, calendarBaseTokens.calendarYearSelectedFontWeight, calendarBaseTokens.calendarQuartersPadding, calendarBaseTokens.calendarQuarterItemBorderRadius, calendarBaseTokens.calendarQuarterItemWidth, calendarBaseTokens.calendarQuarterItemHeight, calendarBaseTokens.calendarQuarterFontFamily, calendarBaseTokens.calendarQuarterFontSize, calendarBaseTokens.calendarQuarterFontStyle, calendarBaseTokens.calendarQuarterFontLetterSpacing, calendarBaseTokens.calendarQuarterFontLineHeight, calendarBaseTokens.calendarQuarterFontWeight, calendarBaseTokens.calendarQuarterSelectedFontWeight, calendarBaseTokens.calendarMonthsPadding, calendarBaseTokens.calendarMonthItemBorderRadius, calendarBaseTokens.calendarMonthItemWidth, calendarBaseTokens.calendarMonthItemHeight, calendarBaseTokens.calendarMonthFontFamily, calendarBaseTokens.calendarMonthFontSize, calendarBaseTokens.calendarMonthFontStyle, calendarBaseTokens.calendarMonthFontLetterSpacing, calendarBaseTokens.calendarMonthFontLineHeight, calendarBaseTokens.calendarMonthFontWeight, calendarBaseTokens.calendarMonthSelectedFontWeight, calendarBaseTokens.calendarDaysPadding, calendarBaseTokens.calendarDayItemBorderRadius, calendarBaseTokens.calendarDayItemWidth, calendarBaseTokens.calendarDayItemHeight, calendarBaseTokens.calendarDayFontFamily, calendarBaseTokens.calendarDayFontSize, calendarBaseTokens.calendarDayFontStyle, calendarBaseTokens.calendarDayFontLetterSpacing, calendarBaseTokens.calendarDayFontLineHeight, calendarBaseTokens.calendarDayFontWeight, calendarBaseTokens.calendarDaySelectedFontWeight, calendarBaseTokens.calendarHeaderArrowGap, calendarBaseTokens.calendarHeaderPadding, calendarBaseTokens.calendarHeaderDateGap, calendarBaseTokens.calendarHeaderFontFamily, calendarBaseTokens.calendarHeaderFontSize, calendarBaseTokens.calendarHeaderFontStyle, calendarBaseTokens.calendarHeaderFontLetterSpacing, calendarBaseTokens.calendarHeaderFontLineHeight, calendarBaseTokens.calendarHeaderFontWeight, calendarBaseTokens.calendarHeaderFontWeightBold, calendarBaseTokens.iconButtonHeight, calendarBaseTokens.iconButtonWidth, calendarBaseTokens.iconButtonPadding, calendarBaseTokens.iconButtonRadius),
|
14
|
-
m: /*#__PURE__*/css(["", ":21rem;", ":21rem;", ":0.5rem 0.5rem 0 0.5rem;", ":0.625rem;", ":6.688rem;", ":4.375rem;", ":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-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-bold-font-weight);", ":0.5rem 0.5rem 0 0.5rem;", ":0.625rem;", ":10rem;", ":8.5rem;", ":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-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-bold-font-weight);", ":0.5rem 0.5rem 0 0.5rem;", ":0.625rem;", ":6.688rem;", ":4.375rem;", ":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-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-bold-font-weight);", ":0.5rem 0 0 0;", ":0.625rem;", ":3rem;", ":2.5rem;", ":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-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-bold-font-weight);", ":0.5rem;", ":0 0 0 0.75rem;", ":0.375rem;", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);", ":var(--plasma-typo-h4-font-weight);", ":var(--plasma-typo-h4-bold-font-weight);", ":3rem;", ":3rem;", ":1.25rem;", ":0.75rem;"], calendarBaseTokens.calendarWidth, calendarBaseTokens.calendarHeight, calendarBaseTokens.calendarYearsPadding, calendarBaseTokens.calendarYearItemBorderRadius, calendarBaseTokens.calendarYearItemWidth, calendarBaseTokens.calendarYearItemHeight, calendarBaseTokens.calendarYearFontFamily, calendarBaseTokens.calendarYearFontSize, calendarBaseTokens.calendarYearFontStyle, calendarBaseTokens.calendarYearFontLetterSpacing, calendarBaseTokens.calendarYearFontLineHeight, calendarBaseTokens.calendarYearFontWeight, calendarBaseTokens.calendarYearSelectedFontWeight, calendarBaseTokens.calendarQuartersPadding, calendarBaseTokens.calendarQuarterItemBorderRadius, calendarBaseTokens.calendarQuarterItemWidth, calendarBaseTokens.calendarQuarterItemHeight, calendarBaseTokens.calendarQuarterFontFamily, calendarBaseTokens.calendarQuarterFontSize, calendarBaseTokens.calendarQuarterFontStyle, calendarBaseTokens.calendarQuarterFontLetterSpacing, calendarBaseTokens.calendarQuarterFontLineHeight, calendarBaseTokens.calendarQuarterFontWeight, calendarBaseTokens.calendarQuarterSelectedFontWeight, calendarBaseTokens.calendarMonthsPadding, calendarBaseTokens.calendarMonthItemBorderRadius, calendarBaseTokens.calendarMonthItemWidth, calendarBaseTokens.calendarMonthItemHeight, calendarBaseTokens.calendarMonthFontFamily, calendarBaseTokens.calendarMonthFontSize, calendarBaseTokens.calendarMonthFontStyle, calendarBaseTokens.calendarMonthFontLetterSpacing, calendarBaseTokens.calendarMonthFontLineHeight, calendarBaseTokens.calendarMonthFontWeight, calendarBaseTokens.calendarMonthSelectedFontWeight, calendarBaseTokens.calendarDaysPadding, calendarBaseTokens.calendarDayItemBorderRadius, calendarBaseTokens.calendarDayItemWidth, calendarBaseTokens.calendarDayItemHeight, calendarBaseTokens.calendarDayFontFamily, calendarBaseTokens.calendarDayFontSize, calendarBaseTokens.calendarDayFontStyle, calendarBaseTokens.calendarDayFontLetterSpacing, calendarBaseTokens.calendarDayFontLineHeight, calendarBaseTokens.calendarDayFontWeight, calendarBaseTokens.calendarDaySelectedFontWeight, calendarBaseTokens.calendarHeaderArrowGap, calendarBaseTokens.calendarHeaderPadding, calendarBaseTokens.calendarHeaderDateGap, calendarBaseTokens.calendarHeaderFontFamily, calendarBaseTokens.calendarHeaderFontSize, calendarBaseTokens.calendarHeaderFontStyle, calendarBaseTokens.calendarHeaderFontLetterSpacing, calendarBaseTokens.calendarHeaderFontLineHeight, calendarBaseTokens.calendarHeaderFontWeight, calendarBaseTokens.calendarHeaderFontWeightBold, calendarBaseTokens.iconButtonHeight, calendarBaseTokens.iconButtonWidth, calendarBaseTokens.iconButtonPadding, calendarBaseTokens.iconButtonRadius),
|
15
|
-
s: /*#__PURE__*/css(["", ":17.5rem;", ":17rem;", ":0.5rem 0.5rem 0 0.5rem;", ":0.5rem;", ":5.5rem;", ":3.5rem;", ":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-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-bold-font-weight);", ":0.5rem 0.5rem 0 0.5rem;", ":0.5rem;", ":8.25rem;", ":7rem;", ":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-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-bold-font-weight);", ":0.5rem 0.5rem 0 0.5rem;", ":0.5rem;", ":5.5rem;", ":3.5rem;", ":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-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-bold-font-weight);", ":0.5rem 0 0 0;", ":0.5rem;", ":2.5rem;", ":2rem;", ":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-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-bold-font-weight);", ":0.5rem;", ":0 0 0 0.5rem;", ":0.25rem;", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);", ":var(--plasma-typo-h4-font-weight);", ":var(--plasma-typo-h4-bold-font-weight);", ":2.5rem;", ":2.5rem;", ":1rem;", ":0.625rem;"], calendarBaseTokens.calendarWidth, calendarBaseTokens.calendarHeight, calendarBaseTokens.calendarYearsPadding, calendarBaseTokens.calendarYearItemBorderRadius, calendarBaseTokens.calendarYearItemWidth, calendarBaseTokens.calendarYearItemHeight, calendarBaseTokens.calendarYearFontFamily, calendarBaseTokens.calendarYearFontSize, calendarBaseTokens.calendarYearFontStyle, calendarBaseTokens.calendarYearFontLetterSpacing, calendarBaseTokens.calendarYearFontLineHeight, calendarBaseTokens.calendarYearFontWeight, calendarBaseTokens.calendarYearSelectedFontWeight, calendarBaseTokens.calendarQuartersPadding, calendarBaseTokens.calendarQuarterItemBorderRadius, calendarBaseTokens.calendarQuarterItemWidth, calendarBaseTokens.calendarQuarterItemHeight, calendarBaseTokens.calendarQuarterFontFamily, calendarBaseTokens.calendarQuarterFontSize, calendarBaseTokens.calendarQuarterFontStyle, calendarBaseTokens.calendarQuarterFontLetterSpacing, calendarBaseTokens.calendarQuarterFontLineHeight, calendarBaseTokens.calendarQuarterFontWeight, calendarBaseTokens.calendarQuarterSelectedFontWeight, calendarBaseTokens.calendarMonthsPadding, calendarBaseTokens.calendarMonthItemBorderRadius, calendarBaseTokens.calendarMonthItemWidth, calendarBaseTokens.calendarMonthItemHeight, calendarBaseTokens.calendarMonthFontFamily, calendarBaseTokens.calendarMonthFontSize, calendarBaseTokens.calendarMonthFontStyle, calendarBaseTokens.calendarMonthFontLetterSpacing, calendarBaseTokens.calendarMonthFontLineHeight, calendarBaseTokens.calendarMonthFontWeight, calendarBaseTokens.calendarMonthSelectedFontWeight, calendarBaseTokens.calendarDaysPadding, calendarBaseTokens.calendarDayItemBorderRadius, calendarBaseTokens.calendarDayItemWidth, calendarBaseTokens.calendarDayItemHeight, calendarBaseTokens.calendarDayFontFamily, calendarBaseTokens.calendarDayFontSize, calendarBaseTokens.calendarDayFontStyle, calendarBaseTokens.calendarDayFontLetterSpacing, calendarBaseTokens.calendarDayFontLineHeight, calendarBaseTokens.calendarDayFontWeight, calendarBaseTokens.calendarDaySelectedFontWeight, calendarBaseTokens.calendarHeaderArrowGap, calendarBaseTokens.calendarHeaderPadding, calendarBaseTokens.calendarHeaderDateGap, calendarBaseTokens.calendarHeaderFontFamily, calendarBaseTokens.calendarHeaderFontSize, calendarBaseTokens.calendarHeaderFontStyle, calendarBaseTokens.calendarHeaderFontLetterSpacing, calendarBaseTokens.calendarHeaderFontLineHeight, calendarBaseTokens.calendarHeaderFontWeight, calendarBaseTokens.calendarHeaderFontWeightBold, calendarBaseTokens.iconButtonHeight, calendarBaseTokens.iconButtonWidth, calendarBaseTokens.iconButtonPadding, calendarBaseTokens.iconButtonRadius),
|
16
|
-
xs: /*#__PURE__*/css(["", ":17.5rem;", ":15.5rem;", ":0.375rem 0.25rem 0 0.25rem;", ":0.375rem;", ":5.625rem;", ":3.281rem;", ":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-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":0.375rem 0.25rem 0 0.25rem;", ":0.375rem;", ":8.25rem;", ":6.563rem;", ":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-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":0.375rem 0.25rem 0 0.25rem;", ":0.375rem;", ":5.625rem;", ":3.281rem;", ":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-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":0.375rem 0 0 0;", ":0.5rem;", ":2.5rem;", ":1.875rem;", ":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-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":0;", ":0 0 0 0.5rem;", ":0.25rem;", ":var(--plasma-typo-h5-font-family);", ":var(--plasma-typo-h5-font-size);", ":var(--plasma-typo-h5-font-style);", ":var(--plasma-typo-h5-letter-spacing);", ":var(--plasma-typo-h5-line-height);", ":var(--plasma-typo-h5-font-weight);", ":var(--plasma-typo-h5-bold-font-weight);", ":2rem;", ":2rem;", ":0.75rem;", ":0.5rem;"], calendarBaseTokens.calendarWidth, calendarBaseTokens.calendarHeight, calendarBaseTokens.calendarYearsPadding, calendarBaseTokens.calendarYearItemBorderRadius, calendarBaseTokens.calendarYearItemWidth, calendarBaseTokens.calendarYearItemHeight, calendarBaseTokens.calendarYearFontFamily, calendarBaseTokens.calendarYearFontSize, calendarBaseTokens.calendarYearFontStyle, calendarBaseTokens.calendarYearFontLetterSpacing, calendarBaseTokens.calendarYearFontLineHeight, calendarBaseTokens.calendarYearFontWeight, calendarBaseTokens.calendarYearSelectedFontWeight, calendarBaseTokens.calendarQuartersPadding, calendarBaseTokens.calendarQuarterItemBorderRadius, calendarBaseTokens.calendarQuarterItemWidth, calendarBaseTokens.calendarQuarterItemHeight, calendarBaseTokens.calendarQuarterFontFamily, calendarBaseTokens.calendarQuarterFontSize, calendarBaseTokens.calendarQuarterFontStyle, calendarBaseTokens.calendarQuarterFontLetterSpacing, calendarBaseTokens.calendarQuarterFontLineHeight, calendarBaseTokens.calendarQuarterFontWeight, calendarBaseTokens.calendarQuarterSelectedFontWeight, calendarBaseTokens.calendarMonthsPadding, calendarBaseTokens.calendarMonthItemBorderRadius, calendarBaseTokens.calendarMonthItemWidth, calendarBaseTokens.calendarMonthItemHeight, calendarBaseTokens.calendarMonthFontFamily, calendarBaseTokens.calendarMonthFontSize, calendarBaseTokens.calendarMonthFontStyle, calendarBaseTokens.calendarMonthFontLetterSpacing, calendarBaseTokens.calendarMonthFontLineHeight, calendarBaseTokens.calendarMonthFontWeight, calendarBaseTokens.calendarMonthSelectedFontWeight, calendarBaseTokens.calendarDaysPadding, calendarBaseTokens.calendarDayItemBorderRadius, calendarBaseTokens.calendarDayItemWidth, calendarBaseTokens.calendarDayItemHeight, calendarBaseTokens.calendarDayFontFamily, calendarBaseTokens.calendarDayFontSize, calendarBaseTokens.calendarDayFontStyle, calendarBaseTokens.calendarDayFontLetterSpacing, calendarBaseTokens.calendarDayFontLineHeight, calendarBaseTokens.calendarDayFontWeight, calendarBaseTokens.calendarDaySelectedFontWeight, calendarBaseTokens.calendarHeaderArrowGap, calendarBaseTokens.calendarHeaderPadding, calendarBaseTokens.calendarHeaderDateGap, calendarBaseTokens.calendarHeaderFontFamily, calendarBaseTokens.calendarHeaderFontSize, calendarBaseTokens.calendarHeaderFontStyle, calendarBaseTokens.calendarHeaderFontLetterSpacing, calendarBaseTokens.calendarHeaderFontLineHeight, calendarBaseTokens.calendarHeaderFontWeight, calendarBaseTokens.calendarHeaderFontWeightBold, calendarBaseTokens.iconButtonHeight, calendarBaseTokens.iconButtonWidth, calendarBaseTokens.iconButtonPadding, calendarBaseTokens.iconButtonRadius)
|
17
|
-
}
|
18
|
-
}
|
19
|
-
};
|
package/styled-components/es/examples/sds_engineer/components/Calendar/CalendarDouble.config.js
DELETED
@@ -1,19 +0,0 @@
|
|
1
|
-
import { css } from 'styled-components';
|
2
|
-
import { tokens as calendarDoubleTokens } from '../../../../components/Calendar/Calendar.tokens';
|
3
|
-
export var config = {
|
4
|
-
defaults: {
|
5
|
-
view: 'default',
|
6
|
-
size: 'm'
|
7
|
-
},
|
8
|
-
variations: {
|
9
|
-
view: {
|
10
|
-
"default": /*#__PURE__*/css(["", ":var(--surface-transparent-secondary);", ":transparent;", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":transparent;", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-accent);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-accent);", ":var(--surface-solid-default);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--surface-accent);"], calendarDoubleTokens.calendarSeparatorBackground, calendarDoubleTokens.calendarBackgroundColor, calendarDoubleTokens.calendarSelectedItemBackground, calendarDoubleTokens.calendarSelectedItemColor, calendarDoubleTokens.calendarSelectableItemBackgroundHover, calendarDoubleTokens.calendarCurrentItemBorderColor, calendarDoubleTokens.calendarCurrentItemBackgroundHover, calendarDoubleTokens.calendarCurrentItemColorHover, calendarDoubleTokens.calendarCurrentItemChildBackgroundHover, calendarDoubleTokens.calendarActiveItemBackground, calendarDoubleTokens.calendarActiveItemColor, calendarDoubleTokens.calendarHoveredItemBackground, calendarDoubleTokens.calendarHoveredItemColor, calendarDoubleTokens.calendarRangeBackground, calendarDoubleTokens.calendarOutlineFocusColor, calendarDoubleTokens.calendarContentPrimaryColor, calendarDoubleTokens.calendarContentSecondaryColor, calendarDoubleTokens.iconButtonColor, calendarDoubleTokens.iconButtonBackgroundColor, calendarDoubleTokens.iconButtonColorHover, calendarDoubleTokens.iconButtonBackgroundColorHover, calendarDoubleTokens.iconButtonColorActive, calendarDoubleTokens.iconButtonBackgroundColorActive, calendarDoubleTokens.iconButtonFocusColor)
|
11
|
-
},
|
12
|
-
size: {
|
13
|
-
l: /*#__PURE__*/css(["", ":51.063rem;", ":25rem;", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":7.8125rem;", ":5.25rem;", ":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-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":11.75rem;", ":10.5rem;", ":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-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":7.8125rem;", ":5.25rem;", ":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-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.75rem;", ":3.5rem;", ":3rem;", ":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-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem;", ":0.5rem 0 0 0;", ":0 0 0 1rem;", ":0.5rem;", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);", ":var(--plasma-typo-h4-font-weight);", ":var(--plasma-typo-h4-bold-font-weight);", ":3.5rem;", ":3.5rem;", ":1.5rem;", ":0.875rem;"], calendarDoubleTokens.calendarWidth, calendarDoubleTokens.calendarHeight, calendarDoubleTokens.calendarYearsPadding, calendarDoubleTokens.calendarYearItemBorderRadius, calendarDoubleTokens.calendarYearItemWidth, calendarDoubleTokens.calendarYearItemHeight, calendarDoubleTokens.calendarYearFontFamily, calendarDoubleTokens.calendarYearFontSize, calendarDoubleTokens.calendarYearFontStyle, calendarDoubleTokens.calendarYearFontLetterSpacing, calendarDoubleTokens.calendarYearFontLineHeight, calendarDoubleTokens.calendarYearFontWeight, calendarDoubleTokens.calendarYearSelectedFontWeight, calendarDoubleTokens.calendarQuartersPadding, calendarDoubleTokens.calendarQuarterItemBorderRadius, calendarDoubleTokens.calendarQuarterItemWidth, calendarDoubleTokens.calendarQuarterItemHeight, calendarDoubleTokens.calendarQuarterFontFamily, calendarDoubleTokens.calendarQuarterFontSize, calendarDoubleTokens.calendarQuarterFontStyle, calendarDoubleTokens.calendarQuarterFontLetterSpacing, calendarDoubleTokens.calendarQuarterFontLineHeight, calendarDoubleTokens.calendarQuarterFontWeight, calendarDoubleTokens.calendarQuarterSelectedFontWeight, calendarDoubleTokens.calendarMonthsPadding, calendarDoubleTokens.calendarMonthItemBorderRadius, calendarDoubleTokens.calendarMonthItemWidth, calendarDoubleTokens.calendarMonthItemHeight, calendarDoubleTokens.calendarMonthFontFamily, calendarDoubleTokens.calendarMonthFontSize, calendarDoubleTokens.calendarMonthFontStyle, calendarDoubleTokens.calendarMonthFontLetterSpacing, calendarDoubleTokens.calendarMonthFontLineHeight, calendarDoubleTokens.calendarMonthFontWeight, calendarDoubleTokens.calendarMonthSelectedFontWeight, calendarDoubleTokens.calendarDayItemBorderRadius, calendarDoubleTokens.calendarDayItemWidth, calendarDoubleTokens.calendarDayItemHeight, calendarDoubleTokens.calendarDayFontFamily, calendarDoubleTokens.calendarDayFontSize, calendarDoubleTokens.calendarDayFontStyle, calendarDoubleTokens.calendarDayFontLetterSpacing, calendarDoubleTokens.calendarDayFontLineHeight, calendarDoubleTokens.calendarDayFontWeight, calendarDoubleTokens.calendarDaySelectedFontWeight, calendarDoubleTokens.calendarHeaderArrowGap, calendarDoubleTokens.calendarDaysPadding, calendarDoubleTokens.calendarHeaderPadding, calendarDoubleTokens.calendarHeaderDateGap, calendarDoubleTokens.calendarHeaderFontFamily, calendarDoubleTokens.calendarHeaderFontSize, calendarDoubleTokens.calendarHeaderFontStyle, calendarDoubleTokens.calendarHeaderFontLetterSpacing, calendarDoubleTokens.calendarHeaderFontLineHeight, calendarDoubleTokens.calendarHeaderFontWeight, calendarDoubleTokens.calendarHeaderFontWeightBold, calendarDoubleTokens.iconButtonHeight, calendarDoubleTokens.iconButtonWidth, calendarDoubleTokens.iconButtonPadding, calendarDoubleTokens.iconButtonRadius),
|
14
|
-
m: /*#__PURE__*/css(["", ":44.063rem;", ":21rem;", ":0.5rem 0.5rem 0 0.5rem;", ":0.625rem;", ":6.688rem;", ":4.375rem;", ":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-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-bold-font-weight);", ":0.5rem 0.5rem 0 0.5rem;", ":0.625rem;", ":10rem;", ":8.5rem;", ":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-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-bold-font-weight);", ":0.5rem 0.5rem 0 0.5rem;", ":0.625rem;", ":6.688rem;", ":4.375rem;", ":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-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-bold-font-weight);", ":0.5rem 0 0 0;", ":0.625rem;", ":3rem;", ":2.5rem;", ":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-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-bold-font-weight);", ":0.5rem;", ":0.5rem 0 0 0;", ":0 0 0 0.75rem;", ":0.375rem;", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);", ":var(--plasma-typo-h4-font-weight);", ":var(--plasma-typo-h4-bold-font-weight);", ":3rem;", ":3rem;", ":1.25rem;", ":0.75rem;"], calendarDoubleTokens.calendarWidth, calendarDoubleTokens.calendarHeight, calendarDoubleTokens.calendarYearsPadding, calendarDoubleTokens.calendarYearItemBorderRadius, calendarDoubleTokens.calendarYearItemWidth, calendarDoubleTokens.calendarYearItemHeight, calendarDoubleTokens.calendarYearFontFamily, calendarDoubleTokens.calendarYearFontSize, calendarDoubleTokens.calendarYearFontStyle, calendarDoubleTokens.calendarYearFontLetterSpacing, calendarDoubleTokens.calendarYearFontLineHeight, calendarDoubleTokens.calendarYearFontWeight, calendarDoubleTokens.calendarYearSelectedFontWeight, calendarDoubleTokens.calendarQuartersPadding, calendarDoubleTokens.calendarQuarterItemBorderRadius, calendarDoubleTokens.calendarQuarterItemWidth, calendarDoubleTokens.calendarQuarterItemHeight, calendarDoubleTokens.calendarQuarterFontFamily, calendarDoubleTokens.calendarQuarterFontSize, calendarDoubleTokens.calendarQuarterFontStyle, calendarDoubleTokens.calendarQuarterFontLetterSpacing, calendarDoubleTokens.calendarQuarterFontLineHeight, calendarDoubleTokens.calendarQuarterFontWeight, calendarDoubleTokens.calendarQuarterSelectedFontWeight, calendarDoubleTokens.calendarMonthsPadding, calendarDoubleTokens.calendarMonthItemBorderRadius, calendarDoubleTokens.calendarMonthItemWidth, calendarDoubleTokens.calendarMonthItemHeight, calendarDoubleTokens.calendarMonthFontFamily, calendarDoubleTokens.calendarMonthFontSize, calendarDoubleTokens.calendarMonthFontStyle, calendarDoubleTokens.calendarMonthFontLetterSpacing, calendarDoubleTokens.calendarMonthFontLineHeight, calendarDoubleTokens.calendarMonthFontWeight, calendarDoubleTokens.calendarMonthSelectedFontWeight, calendarDoubleTokens.calendarDaysPadding, calendarDoubleTokens.calendarDayItemBorderRadius, calendarDoubleTokens.calendarDayItemWidth, calendarDoubleTokens.calendarDayItemHeight, calendarDoubleTokens.calendarDayFontFamily, calendarDoubleTokens.calendarDayFontSize, calendarDoubleTokens.calendarDayFontStyle, calendarDoubleTokens.calendarDayFontLetterSpacing, calendarDoubleTokens.calendarDayFontLineHeight, calendarDoubleTokens.calendarDayFontWeight, calendarDoubleTokens.calendarDaySelectedFontWeight, calendarDoubleTokens.calendarHeaderArrowGap, calendarDoubleTokens.calendarDaysPadding, calendarDoubleTokens.calendarHeaderPadding, calendarDoubleTokens.calendarHeaderDateGap, calendarDoubleTokens.calendarHeaderFontFamily, calendarDoubleTokens.calendarHeaderFontSize, calendarDoubleTokens.calendarHeaderFontStyle, calendarDoubleTokens.calendarHeaderFontLetterSpacing, calendarDoubleTokens.calendarHeaderFontLineHeight, calendarDoubleTokens.calendarHeaderFontWeight, calendarDoubleTokens.calendarHeaderFontWeightBold, calendarDoubleTokens.iconButtonHeight, calendarDoubleTokens.iconButtonWidth, calendarDoubleTokens.iconButtonPadding, calendarDoubleTokens.iconButtonRadius),
|
15
|
-
s: /*#__PURE__*/css(["", ":37.063rem;", ":17rem;", ":0.5rem 0.5rem 0 0.5rem;", ":0.5rem;", ":5.5rem;", ":3.5rem;", ":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-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-bold-font-weight);", ":0.5rem 0.5rem 0 0.5rem;", ":0.5rem;", ":8.25rem;", ":7rem;", ":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-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-bold-font-weight);", ":0.5rem 0.5rem 0 0.5rem;", ":0.5rem;", ":5.5rem;", ":3.5rem;", ":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-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-bold-font-weight);", ":0.5rem;", ":2.5rem;", ":2rem;", ":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-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-bold-font-weight);", ":0.5rem;", ":0.5rem 0 0 0;", ":0 0 0 0.5rem;", ":0.25rem;", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);", ":var(--plasma-typo-h4-font-weight);", ":var(--plasma-typo-h4-bold-font-weight);", ":2.5rem;", ":2.5rem;", ":1rem;", ":0.625rem;"], calendarDoubleTokens.calendarWidth, calendarDoubleTokens.calendarHeight, calendarDoubleTokens.calendarYearsPadding, calendarDoubleTokens.calendarYearItemBorderRadius, calendarDoubleTokens.calendarYearItemWidth, calendarDoubleTokens.calendarYearItemHeight, calendarDoubleTokens.calendarYearFontFamily, calendarDoubleTokens.calendarYearFontSize, calendarDoubleTokens.calendarYearFontStyle, calendarDoubleTokens.calendarYearFontLetterSpacing, calendarDoubleTokens.calendarYearFontLineHeight, calendarDoubleTokens.calendarYearFontWeight, calendarDoubleTokens.calendarYearSelectedFontWeight, calendarDoubleTokens.calendarQuartersPadding, calendarDoubleTokens.calendarQuarterItemBorderRadius, calendarDoubleTokens.calendarQuarterItemWidth, calendarDoubleTokens.calendarQuarterItemHeight, calendarDoubleTokens.calendarQuarterFontFamily, calendarDoubleTokens.calendarQuarterFontSize, calendarDoubleTokens.calendarQuarterFontStyle, calendarDoubleTokens.calendarQuarterFontLetterSpacing, calendarDoubleTokens.calendarQuarterFontLineHeight, calendarDoubleTokens.calendarQuarterFontWeight, calendarDoubleTokens.calendarQuarterSelectedFontWeight, calendarDoubleTokens.calendarMonthsPadding, calendarDoubleTokens.calendarMonthItemBorderRadius, calendarDoubleTokens.calendarMonthItemWidth, calendarDoubleTokens.calendarMonthItemHeight, calendarDoubleTokens.calendarMonthFontFamily, calendarDoubleTokens.calendarMonthFontSize, calendarDoubleTokens.calendarMonthFontStyle, calendarDoubleTokens.calendarMonthFontLetterSpacing, calendarDoubleTokens.calendarMonthFontLineHeight, calendarDoubleTokens.calendarMonthFontWeight, calendarDoubleTokens.calendarMonthSelectedFontWeight, calendarDoubleTokens.calendarDayItemBorderRadius, calendarDoubleTokens.calendarDayItemWidth, calendarDoubleTokens.calendarDayItemHeight, calendarDoubleTokens.calendarDayFontFamily, calendarDoubleTokens.calendarDayFontSize, calendarDoubleTokens.calendarDayFontStyle, calendarDoubleTokens.calendarDayFontLetterSpacing, calendarDoubleTokens.calendarDayFontLineHeight, calendarDoubleTokens.calendarDayFontWeight, calendarDoubleTokens.calendarDaySelectedFontWeight, calendarDoubleTokens.calendarHeaderArrowGap, calendarDoubleTokens.calendarDaysPadding, calendarDoubleTokens.calendarHeaderPadding, calendarDoubleTokens.calendarHeaderDateGap, calendarDoubleTokens.calendarHeaderFontFamily, calendarDoubleTokens.calendarHeaderFontSize, calendarDoubleTokens.calendarHeaderFontStyle, calendarDoubleTokens.calendarHeaderFontLetterSpacing, calendarDoubleTokens.calendarHeaderFontLineHeight, calendarDoubleTokens.calendarHeaderFontWeight, calendarDoubleTokens.calendarHeaderFontWeightBold, calendarDoubleTokens.iconButtonHeight, calendarDoubleTokens.iconButtonWidth, calendarDoubleTokens.iconButtonPadding, calendarDoubleTokens.iconButtonRadius),
|
16
|
-
xs: /*#__PURE__*/css(["", ":37.063rem;", ":15.5rem;", ":0.375rem 0.25rem 0 0.25rem;", ":0.375rem;", ":5.625rem;", ":3.281rem;", ":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-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":0.375rem 0.25rem 0 0.25rem;", ":0.375rem;", ":8.25rem;", ":6.563rem;", ":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-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":0.375rem 0.25rem 0 0.25rem;", ":0.375rem;", ":5.625rem;", ":3.281rem;", ":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-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":0.375rem 0 0 0;", ":0.375rem;", ":2.5rem;", ":1.875rem;", ":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-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":0;", ":0 0 0 0.5rem;", ":0.25rem;", ":var(--plasma-typo-h5-font-family);", ":var(--plasma-typo-h5-font-size);", ":var(--plasma-typo-h5-font-style);", ":var(--plasma-typo-h5-letter-spacing);", ":var(--plasma-typo-h5-line-height);", ":var(--plasma-typo-h5-font-weight);", ":var(--plasma-typo-h5-bold-font-weight);", ":2rem;", ":2rem;", ":0.75rem;", ":0.5rem;"], calendarDoubleTokens.calendarWidth, calendarDoubleTokens.calendarHeight, calendarDoubleTokens.calendarYearsPadding, calendarDoubleTokens.calendarYearItemBorderRadius, calendarDoubleTokens.calendarYearItemWidth, calendarDoubleTokens.calendarYearItemHeight, calendarDoubleTokens.calendarYearFontFamily, calendarDoubleTokens.calendarYearFontSize, calendarDoubleTokens.calendarYearFontStyle, calendarDoubleTokens.calendarYearFontLetterSpacing, calendarDoubleTokens.calendarYearFontLineHeight, calendarDoubleTokens.calendarYearFontWeight, calendarDoubleTokens.calendarYearSelectedFontWeight, calendarDoubleTokens.calendarQuartersPadding, calendarDoubleTokens.calendarQuarterItemBorderRadius, calendarDoubleTokens.calendarQuarterItemWidth, calendarDoubleTokens.calendarQuarterItemHeight, calendarDoubleTokens.calendarQuarterFontFamily, calendarDoubleTokens.calendarQuarterFontSize, calendarDoubleTokens.calendarQuarterFontStyle, calendarDoubleTokens.calendarQuarterFontLetterSpacing, calendarDoubleTokens.calendarQuarterFontLineHeight, calendarDoubleTokens.calendarQuarterFontWeight, calendarDoubleTokens.calendarQuarterSelectedFontWeight, calendarDoubleTokens.calendarMonthsPadding, calendarDoubleTokens.calendarMonthItemBorderRadius, calendarDoubleTokens.calendarMonthItemWidth, calendarDoubleTokens.calendarMonthItemHeight, calendarDoubleTokens.calendarMonthFontFamily, calendarDoubleTokens.calendarMonthFontSize, calendarDoubleTokens.calendarMonthFontStyle, calendarDoubleTokens.calendarMonthFontLetterSpacing, calendarDoubleTokens.calendarMonthFontLineHeight, calendarDoubleTokens.calendarMonthFontWeight, calendarDoubleTokens.calendarMonthSelectedFontWeight, calendarDoubleTokens.calendarDaysPadding, calendarDoubleTokens.calendarDayItemBorderRadius, calendarDoubleTokens.calendarDayItemWidth, calendarDoubleTokens.calendarDayItemHeight, calendarDoubleTokens.calendarDayFontFamily, calendarDoubleTokens.calendarDayFontSize, calendarDoubleTokens.calendarDayFontStyle, calendarDoubleTokens.calendarDayFontLetterSpacing, calendarDoubleTokens.calendarDayFontLineHeight, calendarDoubleTokens.calendarDayFontWeight, calendarDoubleTokens.calendarDaySelectedFontWeight, calendarDoubleTokens.calendarHeaderArrowGap, calendarDoubleTokens.calendarHeaderPadding, calendarDoubleTokens.calendarHeaderDateGap, calendarDoubleTokens.calendarHeaderFontFamily, calendarDoubleTokens.calendarHeaderFontSize, calendarDoubleTokens.calendarHeaderFontStyle, calendarDoubleTokens.calendarHeaderFontLetterSpacing, calendarDoubleTokens.calendarHeaderFontLineHeight, calendarDoubleTokens.calendarHeaderFontWeight, calendarDoubleTokens.calendarHeaderFontWeightBold, calendarDoubleTokens.iconButtonHeight, calendarDoubleTokens.iconButtonWidth, calendarDoubleTokens.iconButtonPadding, calendarDoubleTokens.iconButtonRadius)
|
17
|
-
}
|
18
|
-
}
|
19
|
-
};
|
@@ -1,35 +0,0 @@
|
|
1
|
-
import { css } from 'styled-components';
|
2
|
-
import { checkboxTokens } from '../../../../components/Checkbox';
|
3
|
-
export var config = {
|
4
|
-
defaults: {
|
5
|
-
view: 'accent'
|
6
|
-
},
|
7
|
-
variations: {
|
8
|
-
/**
|
9
|
-
* Размер контрола.
|
10
|
-
*/
|
11
|
-
size: {
|
12
|
-
s: /*#__PURE__*/css(["", ":0;", ":0.063rem;", ":0.875rem;", ":0.25rem;", ":0;", ":0.5rem;", ":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);", ":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);"], checkboxTokens.margin, checkboxTokens.triggerMargin, checkboxTokens.triggerSize, checkboxTokens.triggerBorderRadius, checkboxTokens.contentTopOffset, checkboxTokens.contentLeftOffset, checkboxTokens.labelFontFamily, checkboxTokens.labelFontSize, checkboxTokens.labelFontStyle, checkboxTokens.labelFontWeight, checkboxTokens.labelLetterSpacing, checkboxTokens.labelLineHeight, checkboxTokens.descriptionMarginTop, checkboxTokens.descriptionFontFamily, checkboxTokens.descriptionFontSize, checkboxTokens.descriptionFontStyle, checkboxTokens.descriptionFontWeight, checkboxTokens.descriptionLetterSpacing, checkboxTokens.descriptionLineHeight),
|
13
|
-
m: /*#__PURE__*/css(["", ":0;", ":0.125rem;", ":1.25rem;", ":0.375rem;", ":0.125rem;", ":0.75rem;", ":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);", ":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);"], checkboxTokens.margin, checkboxTokens.triggerMargin, checkboxTokens.triggerSize, checkboxTokens.triggerBorderRadius, checkboxTokens.contentTopOffset, checkboxTokens.contentLeftOffset, checkboxTokens.labelFontFamily, checkboxTokens.labelFontSize, checkboxTokens.labelFontStyle, checkboxTokens.labelFontWeight, checkboxTokens.labelLetterSpacing, checkboxTokens.labelLineHeight, checkboxTokens.descriptionMarginTop, checkboxTokens.descriptionFontFamily, checkboxTokens.descriptionFontSize, checkboxTokens.descriptionFontStyle, checkboxTokens.descriptionFontWeight, checkboxTokens.descriptionLetterSpacing, checkboxTokens.descriptionLineHeight)
|
14
|
-
},
|
15
|
-
/**
|
16
|
-
* Вид контрола.
|
17
|
-
*/
|
18
|
-
view: {
|
19
|
-
"default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBackgroundColor, checkboxTokens.triggerBorderColor),
|
20
|
-
secondary: /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBackgroundColor, checkboxTokens.triggerBorderColor),
|
21
|
-
tertiary: /*#__PURE__*/css(["", ":var(--text-tertiary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBackgroundColor, checkboxTokens.triggerBorderColor),
|
22
|
-
paragraph: /*#__PURE__*/css(["", ":var(--text-paragraph);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBackgroundColor, checkboxTokens.triggerBorderColor),
|
23
|
-
accent: /*#__PURE__*/css(["", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBackgroundColor, checkboxTokens.triggerBorderColor),
|
24
|
-
positive: /*#__PURE__*/css(["", ":var(--text-positive);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBackgroundColor, checkboxTokens.triggerBorderColor),
|
25
|
-
warning: /*#__PURE__*/css(["", ":var(--text-warning);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBackgroundColor, checkboxTokens.triggerBorderColor),
|
26
|
-
negative: /*#__PURE__*/css(["", ":var(--text-negative);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBackgroundColor, checkboxTokens.triggerBorderColor)
|
27
|
-
},
|
28
|
-
disabled: {
|
29
|
-
"true": /*#__PURE__*/css(["", ":0.4;"], checkboxTokens.disabledOpacity)
|
30
|
-
},
|
31
|
-
focused: {
|
32
|
-
"true": /*#__PURE__*/css(["", ":var(--text-accent);"], checkboxTokens.focusColor)
|
33
|
-
}
|
34
|
-
}
|
35
|
-
};
|
@@ -1,5 +0,0 @@
|
|
1
|
-
import { checkboxConfig } from '../../../../components/Checkbox';
|
2
|
-
import { component, mergeConfig } from '../../../../engines';
|
3
|
-
import { config } from './Checkbox.config';
|
4
|
-
var mergedConfig = /*#__PURE__*/mergeConfig(checkboxConfig, config);
|
5
|
-
export var Checkbox = /*#__PURE__*/component(mergedConfig);
|
@@ -1,167 +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 { checkboxConfig } from '../../../../components/Checkbox';
|
7
|
-
import { mergeConfig } from '../../../../engines';
|
8
|
-
import { WithTheme, argTypesFromConfig } from '../../../_helpers';
|
9
|
-
import { Link } from '../Link/Link';
|
10
|
-
|
11
|
-
import { config } from './Checkbox.config';
|
12
|
-
import { Checkbox } from './Checkbox';
|
13
|
-
|
14
|
-
const onChange = action('onChange');
|
15
|
-
const onFocus = action('onFocus');
|
16
|
-
const onBlur = action('onBlur');
|
17
|
-
|
18
|
-
const meta: Meta<typeof Checkbox> = {
|
19
|
-
title: 'sds_engineer/Checkbox',
|
20
|
-
decorators: [WithTheme],
|
21
|
-
component: Checkbox,
|
22
|
-
argTypes: argTypesFromConfig(mergeConfig(checkboxConfig, 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 CheckboxProps = ComponentProps<typeof Checkbox>;
|
34
|
-
|
35
|
-
const name = 'languages';
|
36
|
-
|
37
|
-
const items = [
|
38
|
-
{
|
39
|
-
name,
|
40
|
-
value: 'natural',
|
41
|
-
label: 'Natural languages',
|
42
|
-
disabled: false,
|
43
|
-
description: 'Languages that people speak. They were not designed by people and they evolved naturally.',
|
44
|
-
},
|
45
|
-
{ name, value: 'russian', label: 'Russian', disabled: false, parent: 'natural' },
|
46
|
-
{
|
47
|
-
name,
|
48
|
-
value: 'english',
|
49
|
-
label: 'English',
|
50
|
-
disabled: false,
|
51
|
-
parent: 'natural',
|
52
|
-
description: (
|
53
|
-
<div>
|
54
|
-
The most spoken language in the <Link href="/#">world</Link>
|
55
|
-
</div>
|
56
|
-
),
|
57
|
-
},
|
58
|
-
{ name, value: 'french', label: 'French', disabled: false, parent: 'natural' },
|
59
|
-
{ name, value: 'klingon', label: 'Klingon', disabled: false, parent: 'natural' },
|
60
|
-
{ name, value: 'elvish', label: 'Elvish', disabled: true, parent: 'natural' },
|
61
|
-
{ name, value: 'dothraki', label: 'Dothraki', disabled: true, parent: 'natural' },
|
62
|
-
{
|
63
|
-
name,
|
64
|
-
value: 'chinese',
|
65
|
-
label: (
|
66
|
-
<div>
|
67
|
-
Chinese is the hardest <Link href="/#">language</Link>
|
68
|
-
</div>
|
69
|
-
),
|
70
|
-
parent: 'natural',
|
71
|
-
},
|
72
|
-
];
|
73
|
-
|
74
|
-
const getChildren = (value: string) => items.filter((item) => item.parent === value);
|
75
|
-
|
76
|
-
const getState = (values: Record<string, boolean | undefined>, value: string) => {
|
77
|
-
const allChildren = getChildren(value);
|
78
|
-
|
79
|
-
if (!allChildren.length) {
|
80
|
-
return { checked: values[value], indeterminate: false };
|
81
|
-
}
|
82
|
-
|
83
|
-
const checkedChildren = allChildren.filter((child) => values[child.value]);
|
84
|
-
|
85
|
-
if (checkedChildren.length === 0) {
|
86
|
-
return { checked: false, indeterminate: false };
|
87
|
-
}
|
88
|
-
|
89
|
-
if (allChildren.length !== checkedChildren.length) {
|
90
|
-
return { checked: false, indeterminate: true };
|
91
|
-
}
|
92
|
-
|
93
|
-
return { checked: true, indeterminate: false };
|
94
|
-
};
|
95
|
-
|
96
|
-
const StoryDefault = (props: CheckboxProps) => {
|
97
|
-
return (
|
98
|
-
<>
|
99
|
-
<Checkbox name="item.name" value="item.value" label="Label" description="Description" {...props} />
|
100
|
-
<Checkbox
|
101
|
-
name="item.name"
|
102
|
-
value="item.value"
|
103
|
-
singleLine
|
104
|
-
label="Label looooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooonger"
|
105
|
-
description="Description looooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooonger"
|
106
|
-
{...props}
|
107
|
-
/>
|
108
|
-
</>
|
109
|
-
);
|
110
|
-
};
|
111
|
-
|
112
|
-
export const Default: StoryObj<CheckboxProps> = {
|
113
|
-
render: (args) => <StoryDefault {...args} />,
|
114
|
-
};
|
115
|
-
|
116
|
-
const StoryComplex = (props: CheckboxProps) => {
|
117
|
-
const [values, setValues] = useState({
|
118
|
-
russian: true,
|
119
|
-
english: true,
|
120
|
-
french: true,
|
121
|
-
klingon: false,
|
122
|
-
elvish: true,
|
123
|
-
dothraki: false,
|
124
|
-
chinese: true,
|
125
|
-
});
|
126
|
-
|
127
|
-
return (
|
128
|
-
<>
|
129
|
-
{items.map((item) => (
|
130
|
-
<Checkbox
|
131
|
-
{...getState(values, item.value)}
|
132
|
-
style={{ marginLeft: item.parent ? 36 : 0 }}
|
133
|
-
key={item.value}
|
134
|
-
name={item.name}
|
135
|
-
value={item.value}
|
136
|
-
label={item.label}
|
137
|
-
disabled={item.disabled}
|
138
|
-
description={item.description}
|
139
|
-
onChange={(event) => {
|
140
|
-
const { checked } = event.target;
|
141
|
-
|
142
|
-
if (item.parent) {
|
143
|
-
setValues({ ...values, [item.value]: checked });
|
144
|
-
} else {
|
145
|
-
setValues({
|
146
|
-
...values,
|
147
|
-
...getChildren(item.value).reduce(
|
148
|
-
(acc, child) => ({ ...acc, [child.value]: checked }),
|
149
|
-
{},
|
150
|
-
),
|
151
|
-
});
|
152
|
-
}
|
153
|
-
|
154
|
-
onChange(event);
|
155
|
-
}}
|
156
|
-
onFocus={onFocus}
|
157
|
-
onBlur={onBlur}
|
158
|
-
{...props}
|
159
|
-
/>
|
160
|
-
))}
|
161
|
-
</>
|
162
|
-
);
|
163
|
-
};
|
164
|
-
|
165
|
-
export const Complex: StoryObj<CheckboxProps> = {
|
166
|
-
render: (args) => <StoryComplex {...args} />,
|
167
|
-
};
|