@salutejs/plasma-new-hope 0.134.0-canary.1404.10612716409.0 → 0.134.0-canary.1405.10615646161.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 +1 -12
- package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.js +4 -12
- package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/cjs/components/DatePicker/hooks/useDatePicker.js +5 -7
- package/cjs/components/DatePicker/hooks/useDatePicker.js.map +1 -1
- package/cjs/components/DatePicker/utils/dateHelper.js +13 -15
- package/cjs/components/DatePicker/utils/dateHelper.js.map +1 -1
- package/cjs/components/InputGroup/InputGroup.css +11 -0
- package/cjs/components/InputGroup/InputGroup.js +81 -0
- package/cjs/components/InputGroup/InputGroup.js.map +1 -0
- package/cjs/components/InputGroup/InputGroup.styles.js +9 -0
- package/cjs/components/InputGroup/InputGroup.styles.js.map +1 -0
- package/cjs/components/InputGroup/InputGroup.styles_1ivl67d.css +1 -0
- package/cjs/components/InputGroup/InputGroup.tokens.js +92 -0
- package/cjs/components/InputGroup/InputGroup.tokens.js.map +1 -0
- package/cjs/components/InputGroup/variations/_gap/base.js +9 -0
- package/cjs/components/InputGroup/variations/_gap/base.js.map +1 -0
- package/cjs/components/InputGroup/variations/_gap/base_1k4piyx.css +1 -0
- package/cjs/components/InputGroup/variations/_orientation/base.js +9 -0
- package/cjs/components/InputGroup/variations/_orientation/base.js.map +1 -0
- package/cjs/components/InputGroup/variations/_orientation/base_mgs8eg.css +1 -0
- package/cjs/components/InputGroup/variations/_shape/base.js +9 -0
- package/cjs/components/InputGroup/variations/_shape/base.js.map +1 -0
- package/cjs/components/InputGroup/variations/_shape/base_1v4bh9v.css +1 -0
- package/cjs/components/InputGroup/variations/_size/base.js +9 -0
- package/cjs/components/InputGroup/variations/_size/base.js.map +1 -0
- package/cjs/components/InputGroup/variations/_size/base_1vk5vms.css +1 -0
- package/cjs/components/InputGroup/variations/_stretching/base.js +9 -0
- package/cjs/components/InputGroup/variations/_stretching/base.js.map +1 -0
- package/cjs/components/InputGroup/variations/_stretching/base_1cr1a83.css +1 -0
- package/cjs/components/TextField/TextField.js +1 -1
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/TextField.tokens.js +2 -1
- package/cjs/components/TextField/TextField.tokens.js.map +1 -1
- package/cjs/index.css +12 -0
- package/cjs/index.js +7 -0
- package/cjs/index.js.map +1 -1
- package/cjs/utils/datejs.js +0 -1
- package/cjs/utils/datejs.js.map +1 -1
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +1 -12
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +4 -12
- package/emotion/cjs/components/DatePicker/hooks/useDatePicker.js +5 -7
- package/emotion/cjs/components/DatePicker/utils/dateHelper.js +13 -15
- package/emotion/cjs/components/InputGroup/InputGroup.js +83 -0
- package/emotion/cjs/components/InputGroup/InputGroup.styles.js +17 -0
- package/emotion/cjs/components/InputGroup/InputGroup.template-doc.mdx +124 -0
- package/emotion/cjs/components/InputGroup/InputGroup.tokens.js +90 -0
- package/emotion/cjs/components/InputGroup/InputGroup.types.js +5 -0
- package/emotion/cjs/components/InputGroup/index.js +31 -0
- package/emotion/cjs/components/InputGroup/variations/_gap/base.js +9 -0
- package/emotion/cjs/components/InputGroup/variations/_gap/tokens.json +1 -0
- package/emotion/cjs/components/InputGroup/variations/_orientation/base.js +9 -0
- package/emotion/cjs/components/InputGroup/variations/_orientation/tokens.json +1 -0
- package/emotion/cjs/components/InputGroup/variations/_shape/base.js +11 -0
- package/emotion/cjs/components/InputGroup/variations/_shape/tokens.json +1 -0
- package/emotion/cjs/components/InputGroup/variations/_size/base.js +10 -0
- package/emotion/cjs/components/InputGroup/variations/_size/tokens.json +58 -0
- package/emotion/cjs/components/InputGroup/variations/_stretching/base.js +9 -0
- package/emotion/cjs/components/InputGroup/variations/_stretching/tokens.json +1 -0
- package/emotion/cjs/components/TextField/TextField.js +2 -2
- package/emotion/cjs/components/TextField/TextField.tokens.js +2 -1
- package/emotion/cjs/components/TextField/index.js +6 -0
- package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +1 -34
- package/emotion/cjs/examples/plasma_b2c/components/InputGroup/InputGroup.config.js +38 -0
- package/emotion/cjs/examples/plasma_b2c/components/InputGroup/InputGroup.js +11 -0
- package/emotion/{es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.stories.tsx → cjs/examples/plasma_b2c/components/InputGroup/InputGroup.stories.tsx} +18 -34
- package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +1 -35
- package/emotion/cjs/examples/plasma_web/components/InputGroup/InputGroup.config.js +38 -0
- package/emotion/cjs/examples/plasma_web/components/InputGroup/InputGroup.js +11 -0
- package/{styled-components/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.stories.tsx → emotion/cjs/examples/plasma_web/components/InputGroup/InputGroup.stories.tsx} +18 -34
- package/emotion/cjs/examples/themes/index.js +1 -3
- package/emotion/cjs/index.js +11 -0
- package/emotion/cjs/utils/datejs.js +0 -1
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +1 -12
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +4 -12
- package/emotion/es/components/DatePicker/hooks/useDatePicker.js +5 -7
- package/emotion/es/components/DatePicker/utils/dateHelper.js +13 -15
- package/emotion/es/components/InputGroup/InputGroup.js +74 -0
- package/emotion/es/components/InputGroup/InputGroup.styles.js +11 -0
- package/emotion/es/components/InputGroup/InputGroup.template-doc.mdx +124 -0
- package/emotion/es/components/InputGroup/InputGroup.tokens.js +84 -0
- package/emotion/es/components/InputGroup/InputGroup.types.js +1 -0
- package/emotion/es/components/InputGroup/index.js +2 -0
- package/emotion/es/components/InputGroup/variations/_gap/base.js +3 -0
- package/emotion/es/components/InputGroup/variations/_gap/tokens.json +1 -0
- package/emotion/es/components/InputGroup/variations/_orientation/base.js +3 -0
- package/emotion/es/components/InputGroup/variations/_orientation/tokens.json +1 -0
- package/emotion/es/components/InputGroup/variations/_shape/base.js +5 -0
- package/emotion/es/components/InputGroup/variations/_shape/tokens.json +1 -0
- package/emotion/es/components/InputGroup/variations/_size/base.js +4 -0
- package/emotion/es/components/InputGroup/variations/_size/tokens.json +58 -0
- package/emotion/es/components/InputGroup/variations/_stretching/base.js +3 -0
- package/emotion/es/components/InputGroup/variations/_stretching/tokens.json +1 -0
- package/emotion/es/components/TextField/TextField.js +2 -2
- package/emotion/es/components/TextField/TextField.tokens.js +2 -1
- package/emotion/es/components/TextField/index.js +1 -1
- package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +1 -34
- package/emotion/es/examples/plasma_b2c/components/InputGroup/InputGroup.config.js +32 -0
- package/emotion/es/examples/plasma_b2c/components/InputGroup/InputGroup.js +5 -0
- package/emotion/{cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.stories.tsx → es/examples/plasma_b2c/components/InputGroup/InputGroup.stories.tsx} +18 -34
- package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +1 -35
- package/emotion/es/examples/plasma_web/components/InputGroup/InputGroup.config.js +32 -0
- package/emotion/es/examples/plasma_web/components/InputGroup/InputGroup.js +5 -0
- package/{styled-components/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.stories.tsx → emotion/es/examples/plasma_web/components/InputGroup/InputGroup.stories.tsx} +18 -34
- package/emotion/es/examples/themes/index.js +1 -3
- package/emotion/es/index.js +1 -0
- package/emotion/es/utils/datejs.js +0 -1
- package/es/components/DatePicker/RangeDate/RangeDate.js +1 -12
- package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.js +4 -12
- package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/es/components/DatePicker/hooks/useDatePicker.js +5 -7
- package/es/components/DatePicker/hooks/useDatePicker.js.map +1 -1
- package/es/components/DatePicker/utils/dateHelper.js +13 -15
- package/es/components/DatePicker/utils/dateHelper.js.map +1 -1
- package/es/components/InputGroup/InputGroup.css +11 -0
- package/es/components/InputGroup/InputGroup.js +76 -0
- package/es/components/InputGroup/InputGroup.js.map +1 -0
- package/es/components/InputGroup/InputGroup.styles.js +5 -0
- package/es/components/InputGroup/InputGroup.styles.js.map +1 -0
- package/es/components/InputGroup/InputGroup.styles_1ivl67d.css +1 -0
- package/es/components/InputGroup/InputGroup.tokens.js +87 -0
- package/es/components/InputGroup/InputGroup.tokens.js.map +1 -0
- package/es/components/InputGroup/variations/_gap/base.js +5 -0
- package/es/components/InputGroup/variations/_gap/base.js.map +1 -0
- package/es/components/InputGroup/variations/_gap/base_1k4piyx.css +1 -0
- package/es/components/InputGroup/variations/_orientation/base.js +5 -0
- package/es/components/InputGroup/variations/_orientation/base.js.map +1 -0
- package/es/components/InputGroup/variations/_orientation/base_mgs8eg.css +1 -0
- package/es/components/InputGroup/variations/_shape/base.js +5 -0
- package/es/components/InputGroup/variations/_shape/base.js.map +1 -0
- package/es/components/InputGroup/variations/_shape/base_1v4bh9v.css +1 -0
- package/es/components/InputGroup/variations/_size/base.js +5 -0
- package/es/components/InputGroup/variations/_size/base.js.map +1 -0
- package/es/components/InputGroup/variations/_size/base_1vk5vms.css +1 -0
- package/es/components/InputGroup/variations/_stretching/base.js +5 -0
- package/es/components/InputGroup/variations/_stretching/base.js.map +1 -0
- package/es/components/InputGroup/variations/_stretching/base_1cr1a83.css +1 -0
- package/es/components/TextField/TextField.js +1 -1
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/TextField.tokens.js +2 -1
- package/es/components/TextField/TextField.tokens.js.map +1 -1
- package/es/index.css +12 -0
- package/es/index.js +3 -1
- package/es/index.js.map +1 -1
- package/es/utils/datejs.js +0 -1
- package/es/utils/datejs.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +1 -12
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +4 -12
- package/styled-components/cjs/components/DatePicker/hooks/useDatePicker.js +5 -7
- package/styled-components/cjs/components/DatePicker/utils/dateHelper.js +13 -15
- package/styled-components/cjs/components/InputGroup/InputGroup.js +83 -0
- package/styled-components/cjs/components/InputGroup/InputGroup.styles.js +8 -0
- package/styled-components/cjs/components/InputGroup/InputGroup.template-doc.mdx +124 -0
- package/styled-components/cjs/components/InputGroup/InputGroup.tokens.js +90 -0
- package/styled-components/cjs/components/InputGroup/InputGroup.types.js +5 -0
- package/styled-components/cjs/components/InputGroup/index.js +31 -0
- package/styled-components/cjs/components/InputGroup/variations/_gap/base.js +9 -0
- package/styled-components/cjs/components/InputGroup/variations/_gap/tokens.json +1 -0
- package/styled-components/cjs/components/InputGroup/variations/_orientation/base.js +9 -0
- package/styled-components/cjs/components/InputGroup/variations/_orientation/tokens.json +1 -0
- package/styled-components/cjs/components/InputGroup/variations/_shape/base.js +11 -0
- package/styled-components/cjs/components/InputGroup/variations/_shape/tokens.json +1 -0
- package/styled-components/cjs/components/InputGroup/variations/_size/base.js +10 -0
- package/styled-components/cjs/components/InputGroup/variations/_size/tokens.json +58 -0
- package/styled-components/cjs/components/InputGroup/variations/_stretching/base.js +9 -0
- package/styled-components/cjs/components/InputGroup/variations/_stretching/tokens.json +1 -0
- package/styled-components/cjs/components/TextField/TextField.js +1 -1
- package/styled-components/cjs/components/TextField/TextField.tokens.js +2 -1
- package/styled-components/cjs/components/TextField/index.js +6 -0
- package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +1 -34
- package/styled-components/cjs/examples/plasma_b2c/components/InputGroup/InputGroup.config.js +38 -0
- package/styled-components/cjs/examples/plasma_b2c/components/InputGroup/InputGroup.js +11 -0
- package/styled-components/cjs/examples/plasma_b2c/components/InputGroup/InputGroup.stories.tsx +102 -0
- package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +1 -35
- package/styled-components/cjs/examples/plasma_web/components/InputGroup/InputGroup.config.js +38 -0
- package/styled-components/cjs/examples/plasma_web/components/InputGroup/InputGroup.js +11 -0
- package/styled-components/cjs/examples/plasma_web/components/InputGroup/InputGroup.stories.tsx +102 -0
- package/styled-components/cjs/examples/themes/index.js +1 -3
- package/styled-components/cjs/index.js +11 -0
- package/styled-components/cjs/utils/datejs.js +0 -1
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +1 -12
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +4 -12
- package/styled-components/es/components/DatePicker/hooks/useDatePicker.js +5 -7
- package/styled-components/es/components/DatePicker/utils/dateHelper.js +13 -15
- package/styled-components/es/components/InputGroup/InputGroup.js +74 -0
- package/styled-components/es/components/InputGroup/InputGroup.styles.js +2 -0
- package/styled-components/es/components/InputGroup/InputGroup.template-doc.mdx +124 -0
- package/styled-components/es/components/InputGroup/InputGroup.tokens.js +84 -0
- package/styled-components/es/components/InputGroup/InputGroup.types.js +1 -0
- package/styled-components/es/components/InputGroup/index.js +2 -0
- package/styled-components/es/components/InputGroup/variations/_gap/base.js +3 -0
- package/styled-components/es/components/InputGroup/variations/_gap/tokens.json +1 -0
- package/styled-components/es/components/InputGroup/variations/_orientation/base.js +3 -0
- package/styled-components/es/components/InputGroup/variations/_orientation/tokens.json +1 -0
- package/styled-components/es/components/InputGroup/variations/_shape/base.js +5 -0
- package/styled-components/es/components/InputGroup/variations/_shape/tokens.json +1 -0
- package/styled-components/es/components/InputGroup/variations/_size/base.js +4 -0
- package/styled-components/es/components/InputGroup/variations/_size/tokens.json +58 -0
- package/styled-components/es/components/InputGroup/variations/_stretching/base.js +3 -0
- package/styled-components/es/components/InputGroup/variations/_stretching/tokens.json +1 -0
- package/styled-components/es/components/TextField/TextField.js +1 -1
- package/styled-components/es/components/TextField/TextField.tokens.js +2 -1
- package/styled-components/es/components/TextField/index.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +1 -34
- package/styled-components/es/examples/plasma_b2c/components/InputGroup/InputGroup.config.js +32 -0
- package/styled-components/es/examples/plasma_b2c/components/InputGroup/InputGroup.js +5 -0
- package/styled-components/es/examples/plasma_b2c/components/InputGroup/InputGroup.stories.tsx +102 -0
- package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +1 -35
- package/styled-components/es/examples/plasma_web/components/InputGroup/InputGroup.config.js +32 -0
- package/styled-components/es/examples/plasma_web/components/InputGroup/InputGroup.js +5 -0
- package/styled-components/es/examples/plasma_web/components/InputGroup/InputGroup.stories.tsx +102 -0
- package/styled-components/es/examples/themes/index.js +1 -3
- package/styled-components/es/index.js +1 -0
- package/styled-components/es/utils/datejs.js +0 -1
- package/types/components/DatePicker/DatePickerBase.types.d.ts +0 -6
- 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 +3 -6
- package/types/components/DatePicker/utils/dateHelper.d.ts.map +1 -1
- package/types/components/InputGroup/InputGroup.d.ts +35 -0
- package/types/components/InputGroup/InputGroup.d.ts.map +1 -0
- package/types/components/InputGroup/InputGroup.styles.d.ts +2 -0
- package/types/components/InputGroup/InputGroup.styles.d.ts.map +1 -0
- package/types/components/InputGroup/InputGroup.tokens.d.ts +83 -0
- package/types/components/InputGroup/InputGroup.tokens.d.ts.map +1 -0
- package/types/components/InputGroup/InputGroup.types.d.ts +62 -0
- package/types/components/InputGroup/InputGroup.types.d.ts.map +1 -0
- package/types/components/InputGroup/index.d.ts +4 -0
- package/types/components/InputGroup/index.d.ts.map +1 -0
- package/types/components/InputGroup/variations/_gap/base.d.ts +2 -0
- package/types/components/InputGroup/variations/_gap/base.d.ts.map +1 -0
- package/types/components/InputGroup/variations/_orientation/base.d.ts +2 -0
- package/types/components/InputGroup/variations/_orientation/base.d.ts.map +1 -0
- package/types/components/InputGroup/variations/_shape/base.d.ts +2 -0
- package/types/components/InputGroup/variations/_shape/base.d.ts.map +1 -0
- package/types/components/InputGroup/variations/_size/base.d.ts +2 -0
- package/types/components/InputGroup/variations/_size/base.d.ts.map +1 -0
- package/types/components/InputGroup/variations/_stretching/base.d.ts +2 -0
- package/types/components/InputGroup/variations/_stretching/base.d.ts.map +1 -0
- package/types/components/TextField/TextField.tokens.d.ts +1 -0
- package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
- package/types/components/TextField/index.d.ts +1 -1
- package/types/components/TextField/index.d.ts.map +1 -1
- package/types/examples/{sds_engineer/components/ButtonGroup/ButtonGroup.config.d.ts → plasma_b2c/components/InputGroup/InputGroup.config.d.ts} +1 -19
- package/types/examples/plasma_b2c/components/InputGroup/InputGroup.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/InputGroup/InputGroup.d.ts +27 -0
- package/types/examples/plasma_b2c/components/InputGroup/InputGroup.d.ts.map +1 -0
- package/types/examples/plasma_web/components/InputGroup/InputGroup.config.d.ts +31 -0
- package/types/examples/plasma_web/components/InputGroup/InputGroup.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/InputGroup/InputGroup.d.ts +27 -0
- package/types/examples/plasma_web/components/InputGroup/InputGroup.d.ts.map +1 -0
- package/types/examples/themes/index.d.ts.map +1 -1
- package/types/index.d.ts +1 -0
- package/types/index.d.ts.map +1 -1
- package/types/utils/datejs.d.ts +0 -1
- package/types/utils/datejs.d.ts.map +1 -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/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/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/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/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/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.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
package/styled-components/cjs/examples/sds_engineer/components/Calendar/Calendar.stories.tsx
DELETED
@@ -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/cjs/examples/sds_engineer/components/Calendar/CalendarBase.config.js
DELETED
@@ -1,25 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.config = void 0;
|
7
|
-
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
-
var _Calendar = /*#__PURE__*/require("../../../../components/Calendar/Calendar.tokens");
|
9
|
-
var config = exports.config = {
|
10
|
-
defaults: {
|
11
|
-
view: 'default',
|
12
|
-
size: 'm'
|
13
|
-
},
|
14
|
-
variations: {
|
15
|
-
view: {
|
16
|
-
"default": /*#__PURE__*/(0, _styledComponents.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);"], _Calendar.tokens.calendarSelectedItemBackground, _Calendar.tokens.calendarSelectedItemColor, _Calendar.tokens.calendarSelectableItemBackgroundHover, _Calendar.tokens.calendarCurrentItemBorderColor, _Calendar.tokens.calendarCurrentItemBackgroundHover, _Calendar.tokens.calendarCurrentItemColorHover, _Calendar.tokens.calendarCurrentItemChildBackgroundHover, _Calendar.tokens.calendarActiveItemBackground, _Calendar.tokens.calendarActiveItemColor, _Calendar.tokens.calendarHoveredItemBackground, _Calendar.tokens.calendarHoveredItemColor, _Calendar.tokens.calendarRangeBackground, _Calendar.tokens.calendarOutlineFocusColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarContentSecondaryColor, _Calendar.tokens.calendarDayOfWeekColor, _Calendar.tokens.iconButtonColor, _Calendar.tokens.iconButtonBackgroundColor, _Calendar.tokens.iconButtonColorHover, _Calendar.tokens.iconButtonBackgroundColorHover, _Calendar.tokens.iconButtonColorActive, _Calendar.tokens.iconButtonBackgroundColorActive, _Calendar.tokens.iconButtonFocusColor)
|
17
|
-
},
|
18
|
-
size: {
|
19
|
-
l: /*#__PURE__*/(0, _styledComponents.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;"], _Calendar.tokens.calendarWidth, _Calendar.tokens.calendarHeight, _Calendar.tokens.calendarYearsPadding, _Calendar.tokens.calendarYearItemBorderRadius, _Calendar.tokens.calendarYearItemWidth, _Calendar.tokens.calendarYearItemHeight, _Calendar.tokens.calendarYearFontFamily, _Calendar.tokens.calendarYearFontSize, _Calendar.tokens.calendarYearFontStyle, _Calendar.tokens.calendarYearFontLetterSpacing, _Calendar.tokens.calendarYearFontLineHeight, _Calendar.tokens.calendarYearFontWeight, _Calendar.tokens.calendarYearSelectedFontWeight, _Calendar.tokens.calendarQuartersPadding, _Calendar.tokens.calendarQuarterItemBorderRadius, _Calendar.tokens.calendarQuarterItemWidth, _Calendar.tokens.calendarQuarterItemHeight, _Calendar.tokens.calendarQuarterFontFamily, _Calendar.tokens.calendarQuarterFontSize, _Calendar.tokens.calendarQuarterFontStyle, _Calendar.tokens.calendarQuarterFontLetterSpacing, _Calendar.tokens.calendarQuarterFontLineHeight, _Calendar.tokens.calendarQuarterFontWeight, _Calendar.tokens.calendarQuarterSelectedFontWeight, _Calendar.tokens.calendarMonthsPadding, _Calendar.tokens.calendarMonthItemBorderRadius, _Calendar.tokens.calendarMonthItemWidth, _Calendar.tokens.calendarMonthItemHeight, _Calendar.tokens.calendarMonthFontFamily, _Calendar.tokens.calendarMonthFontSize, _Calendar.tokens.calendarMonthFontStyle, _Calendar.tokens.calendarMonthFontLetterSpacing, _Calendar.tokens.calendarMonthFontLineHeight, _Calendar.tokens.calendarMonthFontWeight, _Calendar.tokens.calendarMonthSelectedFontWeight, _Calendar.tokens.calendarDaysPadding, _Calendar.tokens.calendarDayItemBorderRadius, _Calendar.tokens.calendarDayItemWidth, _Calendar.tokens.calendarDayItemHeight, _Calendar.tokens.calendarDayFontFamily, _Calendar.tokens.calendarDayFontSize, _Calendar.tokens.calendarDayFontStyle, _Calendar.tokens.calendarDayFontLetterSpacing, _Calendar.tokens.calendarDayFontLineHeight, _Calendar.tokens.calendarDayFontWeight, _Calendar.tokens.calendarDaySelectedFontWeight, _Calendar.tokens.calendarHeaderArrowGap, _Calendar.tokens.calendarHeaderPadding, _Calendar.tokens.calendarHeaderDateGap, _Calendar.tokens.calendarHeaderFontFamily, _Calendar.tokens.calendarHeaderFontSize, _Calendar.tokens.calendarHeaderFontStyle, _Calendar.tokens.calendarHeaderFontLetterSpacing, _Calendar.tokens.calendarHeaderFontLineHeight, _Calendar.tokens.calendarHeaderFontWeight, _Calendar.tokens.calendarHeaderFontWeightBold, _Calendar.tokens.iconButtonHeight, _Calendar.tokens.iconButtonWidth, _Calendar.tokens.iconButtonPadding, _Calendar.tokens.iconButtonRadius),
|
20
|
-
m: /*#__PURE__*/(0, _styledComponents.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;"], _Calendar.tokens.calendarWidth, _Calendar.tokens.calendarHeight, _Calendar.tokens.calendarYearsPadding, _Calendar.tokens.calendarYearItemBorderRadius, _Calendar.tokens.calendarYearItemWidth, _Calendar.tokens.calendarYearItemHeight, _Calendar.tokens.calendarYearFontFamily, _Calendar.tokens.calendarYearFontSize, _Calendar.tokens.calendarYearFontStyle, _Calendar.tokens.calendarYearFontLetterSpacing, _Calendar.tokens.calendarYearFontLineHeight, _Calendar.tokens.calendarYearFontWeight, _Calendar.tokens.calendarYearSelectedFontWeight, _Calendar.tokens.calendarQuartersPadding, _Calendar.tokens.calendarQuarterItemBorderRadius, _Calendar.tokens.calendarQuarterItemWidth, _Calendar.tokens.calendarQuarterItemHeight, _Calendar.tokens.calendarQuarterFontFamily, _Calendar.tokens.calendarQuarterFontSize, _Calendar.tokens.calendarQuarterFontStyle, _Calendar.tokens.calendarQuarterFontLetterSpacing, _Calendar.tokens.calendarQuarterFontLineHeight, _Calendar.tokens.calendarQuarterFontWeight, _Calendar.tokens.calendarQuarterSelectedFontWeight, _Calendar.tokens.calendarMonthsPadding, _Calendar.tokens.calendarMonthItemBorderRadius, _Calendar.tokens.calendarMonthItemWidth, _Calendar.tokens.calendarMonthItemHeight, _Calendar.tokens.calendarMonthFontFamily, _Calendar.tokens.calendarMonthFontSize, _Calendar.tokens.calendarMonthFontStyle, _Calendar.tokens.calendarMonthFontLetterSpacing, _Calendar.tokens.calendarMonthFontLineHeight, _Calendar.tokens.calendarMonthFontWeight, _Calendar.tokens.calendarMonthSelectedFontWeight, _Calendar.tokens.calendarDaysPadding, _Calendar.tokens.calendarDayItemBorderRadius, _Calendar.tokens.calendarDayItemWidth, _Calendar.tokens.calendarDayItemHeight, _Calendar.tokens.calendarDayFontFamily, _Calendar.tokens.calendarDayFontSize, _Calendar.tokens.calendarDayFontStyle, _Calendar.tokens.calendarDayFontLetterSpacing, _Calendar.tokens.calendarDayFontLineHeight, _Calendar.tokens.calendarDayFontWeight, _Calendar.tokens.calendarDaySelectedFontWeight, _Calendar.tokens.calendarHeaderArrowGap, _Calendar.tokens.calendarHeaderPadding, _Calendar.tokens.calendarHeaderDateGap, _Calendar.tokens.calendarHeaderFontFamily, _Calendar.tokens.calendarHeaderFontSize, _Calendar.tokens.calendarHeaderFontStyle, _Calendar.tokens.calendarHeaderFontLetterSpacing, _Calendar.tokens.calendarHeaderFontLineHeight, _Calendar.tokens.calendarHeaderFontWeight, _Calendar.tokens.calendarHeaderFontWeightBold, _Calendar.tokens.iconButtonHeight, _Calendar.tokens.iconButtonWidth, _Calendar.tokens.iconButtonPadding, _Calendar.tokens.iconButtonRadius),
|
21
|
-
s: /*#__PURE__*/(0, _styledComponents.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;"], _Calendar.tokens.calendarWidth, _Calendar.tokens.calendarHeight, _Calendar.tokens.calendarYearsPadding, _Calendar.tokens.calendarYearItemBorderRadius, _Calendar.tokens.calendarYearItemWidth, _Calendar.tokens.calendarYearItemHeight, _Calendar.tokens.calendarYearFontFamily, _Calendar.tokens.calendarYearFontSize, _Calendar.tokens.calendarYearFontStyle, _Calendar.tokens.calendarYearFontLetterSpacing, _Calendar.tokens.calendarYearFontLineHeight, _Calendar.tokens.calendarYearFontWeight, _Calendar.tokens.calendarYearSelectedFontWeight, _Calendar.tokens.calendarQuartersPadding, _Calendar.tokens.calendarQuarterItemBorderRadius, _Calendar.tokens.calendarQuarterItemWidth, _Calendar.tokens.calendarQuarterItemHeight, _Calendar.tokens.calendarQuarterFontFamily, _Calendar.tokens.calendarQuarterFontSize, _Calendar.tokens.calendarQuarterFontStyle, _Calendar.tokens.calendarQuarterFontLetterSpacing, _Calendar.tokens.calendarQuarterFontLineHeight, _Calendar.tokens.calendarQuarterFontWeight, _Calendar.tokens.calendarQuarterSelectedFontWeight, _Calendar.tokens.calendarMonthsPadding, _Calendar.tokens.calendarMonthItemBorderRadius, _Calendar.tokens.calendarMonthItemWidth, _Calendar.tokens.calendarMonthItemHeight, _Calendar.tokens.calendarMonthFontFamily, _Calendar.tokens.calendarMonthFontSize, _Calendar.tokens.calendarMonthFontStyle, _Calendar.tokens.calendarMonthFontLetterSpacing, _Calendar.tokens.calendarMonthFontLineHeight, _Calendar.tokens.calendarMonthFontWeight, _Calendar.tokens.calendarMonthSelectedFontWeight, _Calendar.tokens.calendarDaysPadding, _Calendar.tokens.calendarDayItemBorderRadius, _Calendar.tokens.calendarDayItemWidth, _Calendar.tokens.calendarDayItemHeight, _Calendar.tokens.calendarDayFontFamily, _Calendar.tokens.calendarDayFontSize, _Calendar.tokens.calendarDayFontStyle, _Calendar.tokens.calendarDayFontLetterSpacing, _Calendar.tokens.calendarDayFontLineHeight, _Calendar.tokens.calendarDayFontWeight, _Calendar.tokens.calendarDaySelectedFontWeight, _Calendar.tokens.calendarHeaderArrowGap, _Calendar.tokens.calendarHeaderPadding, _Calendar.tokens.calendarHeaderDateGap, _Calendar.tokens.calendarHeaderFontFamily, _Calendar.tokens.calendarHeaderFontSize, _Calendar.tokens.calendarHeaderFontStyle, _Calendar.tokens.calendarHeaderFontLetterSpacing, _Calendar.tokens.calendarHeaderFontLineHeight, _Calendar.tokens.calendarHeaderFontWeight, _Calendar.tokens.calendarHeaderFontWeightBold, _Calendar.tokens.iconButtonHeight, _Calendar.tokens.iconButtonWidth, _Calendar.tokens.iconButtonPadding, _Calendar.tokens.iconButtonRadius),
|
22
|
-
xs: /*#__PURE__*/(0, _styledComponents.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;"], _Calendar.tokens.calendarWidth, _Calendar.tokens.calendarHeight, _Calendar.tokens.calendarYearsPadding, _Calendar.tokens.calendarYearItemBorderRadius, _Calendar.tokens.calendarYearItemWidth, _Calendar.tokens.calendarYearItemHeight, _Calendar.tokens.calendarYearFontFamily, _Calendar.tokens.calendarYearFontSize, _Calendar.tokens.calendarYearFontStyle, _Calendar.tokens.calendarYearFontLetterSpacing, _Calendar.tokens.calendarYearFontLineHeight, _Calendar.tokens.calendarYearFontWeight, _Calendar.tokens.calendarYearSelectedFontWeight, _Calendar.tokens.calendarQuartersPadding, _Calendar.tokens.calendarQuarterItemBorderRadius, _Calendar.tokens.calendarQuarterItemWidth, _Calendar.tokens.calendarQuarterItemHeight, _Calendar.tokens.calendarQuarterFontFamily, _Calendar.tokens.calendarQuarterFontSize, _Calendar.tokens.calendarQuarterFontStyle, _Calendar.tokens.calendarQuarterFontLetterSpacing, _Calendar.tokens.calendarQuarterFontLineHeight, _Calendar.tokens.calendarQuarterFontWeight, _Calendar.tokens.calendarQuarterSelectedFontWeight, _Calendar.tokens.calendarMonthsPadding, _Calendar.tokens.calendarMonthItemBorderRadius, _Calendar.tokens.calendarMonthItemWidth, _Calendar.tokens.calendarMonthItemHeight, _Calendar.tokens.calendarMonthFontFamily, _Calendar.tokens.calendarMonthFontSize, _Calendar.tokens.calendarMonthFontStyle, _Calendar.tokens.calendarMonthFontLetterSpacing, _Calendar.tokens.calendarMonthFontLineHeight, _Calendar.tokens.calendarMonthFontWeight, _Calendar.tokens.calendarMonthSelectedFontWeight, _Calendar.tokens.calendarDaysPadding, _Calendar.tokens.calendarDayItemBorderRadius, _Calendar.tokens.calendarDayItemWidth, _Calendar.tokens.calendarDayItemHeight, _Calendar.tokens.calendarDayFontFamily, _Calendar.tokens.calendarDayFontSize, _Calendar.tokens.calendarDayFontStyle, _Calendar.tokens.calendarDayFontLetterSpacing, _Calendar.tokens.calendarDayFontLineHeight, _Calendar.tokens.calendarDayFontWeight, _Calendar.tokens.calendarDaySelectedFontWeight, _Calendar.tokens.calendarHeaderArrowGap, _Calendar.tokens.calendarHeaderPadding, _Calendar.tokens.calendarHeaderDateGap, _Calendar.tokens.calendarHeaderFontFamily, _Calendar.tokens.calendarHeaderFontSize, _Calendar.tokens.calendarHeaderFontStyle, _Calendar.tokens.calendarHeaderFontLetterSpacing, _Calendar.tokens.calendarHeaderFontLineHeight, _Calendar.tokens.calendarHeaderFontWeight, _Calendar.tokens.calendarHeaderFontWeightBold, _Calendar.tokens.iconButtonHeight, _Calendar.tokens.iconButtonWidth, _Calendar.tokens.iconButtonPadding, _Calendar.tokens.iconButtonRadius)
|
23
|
-
}
|
24
|
-
}
|
25
|
-
};
|
package/styled-components/cjs/examples/sds_engineer/components/Calendar/CalendarDouble.config.js
DELETED
@@ -1,25 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.config = void 0;
|
7
|
-
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
-
var _Calendar = /*#__PURE__*/require("../../../../components/Calendar/Calendar.tokens");
|
9
|
-
var config = exports.config = {
|
10
|
-
defaults: {
|
11
|
-
view: 'default',
|
12
|
-
size: 'm'
|
13
|
-
},
|
14
|
-
variations: {
|
15
|
-
view: {
|
16
|
-
"default": /*#__PURE__*/(0, _styledComponents.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);"], _Calendar.tokens.calendarSeparatorBackground, _Calendar.tokens.calendarBackgroundColor, _Calendar.tokens.calendarSelectedItemBackground, _Calendar.tokens.calendarSelectedItemColor, _Calendar.tokens.calendarSelectableItemBackgroundHover, _Calendar.tokens.calendarCurrentItemBorderColor, _Calendar.tokens.calendarCurrentItemBackgroundHover, _Calendar.tokens.calendarCurrentItemColorHover, _Calendar.tokens.calendarCurrentItemChildBackgroundHover, _Calendar.tokens.calendarActiveItemBackground, _Calendar.tokens.calendarActiveItemColor, _Calendar.tokens.calendarHoveredItemBackground, _Calendar.tokens.calendarHoveredItemColor, _Calendar.tokens.calendarRangeBackground, _Calendar.tokens.calendarOutlineFocusColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarContentSecondaryColor, _Calendar.tokens.iconButtonColor, _Calendar.tokens.iconButtonBackgroundColor, _Calendar.tokens.iconButtonColorHover, _Calendar.tokens.iconButtonBackgroundColorHover, _Calendar.tokens.iconButtonColorActive, _Calendar.tokens.iconButtonBackgroundColorActive, _Calendar.tokens.iconButtonFocusColor)
|
17
|
-
},
|
18
|
-
size: {
|
19
|
-
l: /*#__PURE__*/(0, _styledComponents.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;"], _Calendar.tokens.calendarWidth, _Calendar.tokens.calendarHeight, _Calendar.tokens.calendarYearsPadding, _Calendar.tokens.calendarYearItemBorderRadius, _Calendar.tokens.calendarYearItemWidth, _Calendar.tokens.calendarYearItemHeight, _Calendar.tokens.calendarYearFontFamily, _Calendar.tokens.calendarYearFontSize, _Calendar.tokens.calendarYearFontStyle, _Calendar.tokens.calendarYearFontLetterSpacing, _Calendar.tokens.calendarYearFontLineHeight, _Calendar.tokens.calendarYearFontWeight, _Calendar.tokens.calendarYearSelectedFontWeight, _Calendar.tokens.calendarQuartersPadding, _Calendar.tokens.calendarQuarterItemBorderRadius, _Calendar.tokens.calendarQuarterItemWidth, _Calendar.tokens.calendarQuarterItemHeight, _Calendar.tokens.calendarQuarterFontFamily, _Calendar.tokens.calendarQuarterFontSize, _Calendar.tokens.calendarQuarterFontStyle, _Calendar.tokens.calendarQuarterFontLetterSpacing, _Calendar.tokens.calendarQuarterFontLineHeight, _Calendar.tokens.calendarQuarterFontWeight, _Calendar.tokens.calendarQuarterSelectedFontWeight, _Calendar.tokens.calendarMonthsPadding, _Calendar.tokens.calendarMonthItemBorderRadius, _Calendar.tokens.calendarMonthItemWidth, _Calendar.tokens.calendarMonthItemHeight, _Calendar.tokens.calendarMonthFontFamily, _Calendar.tokens.calendarMonthFontSize, _Calendar.tokens.calendarMonthFontStyle, _Calendar.tokens.calendarMonthFontLetterSpacing, _Calendar.tokens.calendarMonthFontLineHeight, _Calendar.tokens.calendarMonthFontWeight, _Calendar.tokens.calendarMonthSelectedFontWeight, _Calendar.tokens.calendarDayItemBorderRadius, _Calendar.tokens.calendarDayItemWidth, _Calendar.tokens.calendarDayItemHeight, _Calendar.tokens.calendarDayFontFamily, _Calendar.tokens.calendarDayFontSize, _Calendar.tokens.calendarDayFontStyle, _Calendar.tokens.calendarDayFontLetterSpacing, _Calendar.tokens.calendarDayFontLineHeight, _Calendar.tokens.calendarDayFontWeight, _Calendar.tokens.calendarDaySelectedFontWeight, _Calendar.tokens.calendarHeaderArrowGap, _Calendar.tokens.calendarDaysPadding, _Calendar.tokens.calendarHeaderPadding, _Calendar.tokens.calendarHeaderDateGap, _Calendar.tokens.calendarHeaderFontFamily, _Calendar.tokens.calendarHeaderFontSize, _Calendar.tokens.calendarHeaderFontStyle, _Calendar.tokens.calendarHeaderFontLetterSpacing, _Calendar.tokens.calendarHeaderFontLineHeight, _Calendar.tokens.calendarHeaderFontWeight, _Calendar.tokens.calendarHeaderFontWeightBold, _Calendar.tokens.iconButtonHeight, _Calendar.tokens.iconButtonWidth, _Calendar.tokens.iconButtonPadding, _Calendar.tokens.iconButtonRadius),
|
20
|
-
m: /*#__PURE__*/(0, _styledComponents.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;"], _Calendar.tokens.calendarWidth, _Calendar.tokens.calendarHeight, _Calendar.tokens.calendarYearsPadding, _Calendar.tokens.calendarYearItemBorderRadius, _Calendar.tokens.calendarYearItemWidth, _Calendar.tokens.calendarYearItemHeight, _Calendar.tokens.calendarYearFontFamily, _Calendar.tokens.calendarYearFontSize, _Calendar.tokens.calendarYearFontStyle, _Calendar.tokens.calendarYearFontLetterSpacing, _Calendar.tokens.calendarYearFontLineHeight, _Calendar.tokens.calendarYearFontWeight, _Calendar.tokens.calendarYearSelectedFontWeight, _Calendar.tokens.calendarQuartersPadding, _Calendar.tokens.calendarQuarterItemBorderRadius, _Calendar.tokens.calendarQuarterItemWidth, _Calendar.tokens.calendarQuarterItemHeight, _Calendar.tokens.calendarQuarterFontFamily, _Calendar.tokens.calendarQuarterFontSize, _Calendar.tokens.calendarQuarterFontStyle, _Calendar.tokens.calendarQuarterFontLetterSpacing, _Calendar.tokens.calendarQuarterFontLineHeight, _Calendar.tokens.calendarQuarterFontWeight, _Calendar.tokens.calendarQuarterSelectedFontWeight, _Calendar.tokens.calendarMonthsPadding, _Calendar.tokens.calendarMonthItemBorderRadius, _Calendar.tokens.calendarMonthItemWidth, _Calendar.tokens.calendarMonthItemHeight, _Calendar.tokens.calendarMonthFontFamily, _Calendar.tokens.calendarMonthFontSize, _Calendar.tokens.calendarMonthFontStyle, _Calendar.tokens.calendarMonthFontLetterSpacing, _Calendar.tokens.calendarMonthFontLineHeight, _Calendar.tokens.calendarMonthFontWeight, _Calendar.tokens.calendarMonthSelectedFontWeight, _Calendar.tokens.calendarDaysPadding, _Calendar.tokens.calendarDayItemBorderRadius, _Calendar.tokens.calendarDayItemWidth, _Calendar.tokens.calendarDayItemHeight, _Calendar.tokens.calendarDayFontFamily, _Calendar.tokens.calendarDayFontSize, _Calendar.tokens.calendarDayFontStyle, _Calendar.tokens.calendarDayFontLetterSpacing, _Calendar.tokens.calendarDayFontLineHeight, _Calendar.tokens.calendarDayFontWeight, _Calendar.tokens.calendarDaySelectedFontWeight, _Calendar.tokens.calendarHeaderArrowGap, _Calendar.tokens.calendarDaysPadding, _Calendar.tokens.calendarHeaderPadding, _Calendar.tokens.calendarHeaderDateGap, _Calendar.tokens.calendarHeaderFontFamily, _Calendar.tokens.calendarHeaderFontSize, _Calendar.tokens.calendarHeaderFontStyle, _Calendar.tokens.calendarHeaderFontLetterSpacing, _Calendar.tokens.calendarHeaderFontLineHeight, _Calendar.tokens.calendarHeaderFontWeight, _Calendar.tokens.calendarHeaderFontWeightBold, _Calendar.tokens.iconButtonHeight, _Calendar.tokens.iconButtonWidth, _Calendar.tokens.iconButtonPadding, _Calendar.tokens.iconButtonRadius),
|
21
|
-
s: /*#__PURE__*/(0, _styledComponents.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;"], _Calendar.tokens.calendarWidth, _Calendar.tokens.calendarHeight, _Calendar.tokens.calendarYearsPadding, _Calendar.tokens.calendarYearItemBorderRadius, _Calendar.tokens.calendarYearItemWidth, _Calendar.tokens.calendarYearItemHeight, _Calendar.tokens.calendarYearFontFamily, _Calendar.tokens.calendarYearFontSize, _Calendar.tokens.calendarYearFontStyle, _Calendar.tokens.calendarYearFontLetterSpacing, _Calendar.tokens.calendarYearFontLineHeight, _Calendar.tokens.calendarYearFontWeight, _Calendar.tokens.calendarYearSelectedFontWeight, _Calendar.tokens.calendarQuartersPadding, _Calendar.tokens.calendarQuarterItemBorderRadius, _Calendar.tokens.calendarQuarterItemWidth, _Calendar.tokens.calendarQuarterItemHeight, _Calendar.tokens.calendarQuarterFontFamily, _Calendar.tokens.calendarQuarterFontSize, _Calendar.tokens.calendarQuarterFontStyle, _Calendar.tokens.calendarQuarterFontLetterSpacing, _Calendar.tokens.calendarQuarterFontLineHeight, _Calendar.tokens.calendarQuarterFontWeight, _Calendar.tokens.calendarQuarterSelectedFontWeight, _Calendar.tokens.calendarMonthsPadding, _Calendar.tokens.calendarMonthItemBorderRadius, _Calendar.tokens.calendarMonthItemWidth, _Calendar.tokens.calendarMonthItemHeight, _Calendar.tokens.calendarMonthFontFamily, _Calendar.tokens.calendarMonthFontSize, _Calendar.tokens.calendarMonthFontStyle, _Calendar.tokens.calendarMonthFontLetterSpacing, _Calendar.tokens.calendarMonthFontLineHeight, _Calendar.tokens.calendarMonthFontWeight, _Calendar.tokens.calendarMonthSelectedFontWeight, _Calendar.tokens.calendarDayItemBorderRadius, _Calendar.tokens.calendarDayItemWidth, _Calendar.tokens.calendarDayItemHeight, _Calendar.tokens.calendarDayFontFamily, _Calendar.tokens.calendarDayFontSize, _Calendar.tokens.calendarDayFontStyle, _Calendar.tokens.calendarDayFontLetterSpacing, _Calendar.tokens.calendarDayFontLineHeight, _Calendar.tokens.calendarDayFontWeight, _Calendar.tokens.calendarDaySelectedFontWeight, _Calendar.tokens.calendarHeaderArrowGap, _Calendar.tokens.calendarDaysPadding, _Calendar.tokens.calendarHeaderPadding, _Calendar.tokens.calendarHeaderDateGap, _Calendar.tokens.calendarHeaderFontFamily, _Calendar.tokens.calendarHeaderFontSize, _Calendar.tokens.calendarHeaderFontStyle, _Calendar.tokens.calendarHeaderFontLetterSpacing, _Calendar.tokens.calendarHeaderFontLineHeight, _Calendar.tokens.calendarHeaderFontWeight, _Calendar.tokens.calendarHeaderFontWeightBold, _Calendar.tokens.iconButtonHeight, _Calendar.tokens.iconButtonWidth, _Calendar.tokens.iconButtonPadding, _Calendar.tokens.iconButtonRadius),
|
22
|
-
xs: /*#__PURE__*/(0, _styledComponents.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;"], _Calendar.tokens.calendarWidth, _Calendar.tokens.calendarHeight, _Calendar.tokens.calendarYearsPadding, _Calendar.tokens.calendarYearItemBorderRadius, _Calendar.tokens.calendarYearItemWidth, _Calendar.tokens.calendarYearItemHeight, _Calendar.tokens.calendarYearFontFamily, _Calendar.tokens.calendarYearFontSize, _Calendar.tokens.calendarYearFontStyle, _Calendar.tokens.calendarYearFontLetterSpacing, _Calendar.tokens.calendarYearFontLineHeight, _Calendar.tokens.calendarYearFontWeight, _Calendar.tokens.calendarYearSelectedFontWeight, _Calendar.tokens.calendarQuartersPadding, _Calendar.tokens.calendarQuarterItemBorderRadius, _Calendar.tokens.calendarQuarterItemWidth, _Calendar.tokens.calendarQuarterItemHeight, _Calendar.tokens.calendarQuarterFontFamily, _Calendar.tokens.calendarQuarterFontSize, _Calendar.tokens.calendarQuarterFontStyle, _Calendar.tokens.calendarQuarterFontLetterSpacing, _Calendar.tokens.calendarQuarterFontLineHeight, _Calendar.tokens.calendarQuarterFontWeight, _Calendar.tokens.calendarQuarterSelectedFontWeight, _Calendar.tokens.calendarMonthsPadding, _Calendar.tokens.calendarMonthItemBorderRadius, _Calendar.tokens.calendarMonthItemWidth, _Calendar.tokens.calendarMonthItemHeight, _Calendar.tokens.calendarMonthFontFamily, _Calendar.tokens.calendarMonthFontSize, _Calendar.tokens.calendarMonthFontStyle, _Calendar.tokens.calendarMonthFontLetterSpacing, _Calendar.tokens.calendarMonthFontLineHeight, _Calendar.tokens.calendarMonthFontWeight, _Calendar.tokens.calendarMonthSelectedFontWeight, _Calendar.tokens.calendarDaysPadding, _Calendar.tokens.calendarDayItemBorderRadius, _Calendar.tokens.calendarDayItemWidth, _Calendar.tokens.calendarDayItemHeight, _Calendar.tokens.calendarDayFontFamily, _Calendar.tokens.calendarDayFontSize, _Calendar.tokens.calendarDayFontStyle, _Calendar.tokens.calendarDayFontLetterSpacing, _Calendar.tokens.calendarDayFontLineHeight, _Calendar.tokens.calendarDayFontWeight, _Calendar.tokens.calendarDaySelectedFontWeight, _Calendar.tokens.calendarHeaderArrowGap, _Calendar.tokens.calendarHeaderPadding, _Calendar.tokens.calendarHeaderDateGap, _Calendar.tokens.calendarHeaderFontFamily, _Calendar.tokens.calendarHeaderFontSize, _Calendar.tokens.calendarHeaderFontStyle, _Calendar.tokens.calendarHeaderFontLetterSpacing, _Calendar.tokens.calendarHeaderFontLineHeight, _Calendar.tokens.calendarHeaderFontWeight, _Calendar.tokens.calendarHeaderFontWeightBold, _Calendar.tokens.iconButtonHeight, _Calendar.tokens.iconButtonWidth, _Calendar.tokens.iconButtonPadding, _Calendar.tokens.iconButtonRadius)
|
23
|
-
}
|
24
|
-
}
|
25
|
-
};
|
@@ -1,41 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.config = void 0;
|
7
|
-
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
-
var _Checkbox = /*#__PURE__*/require("../../../../components/Checkbox");
|
9
|
-
var config = exports.config = {
|
10
|
-
defaults: {
|
11
|
-
view: 'accent'
|
12
|
-
},
|
13
|
-
variations: {
|
14
|
-
/**
|
15
|
-
* Размер контрола.
|
16
|
-
*/
|
17
|
-
size: {
|
18
|
-
s: /*#__PURE__*/(0, _styledComponents.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);"], _Checkbox.checkboxTokens.margin, _Checkbox.checkboxTokens.triggerMargin, _Checkbox.checkboxTokens.triggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Checkbox.checkboxTokens.contentTopOffset, _Checkbox.checkboxTokens.contentLeftOffset, _Checkbox.checkboxTokens.labelFontFamily, _Checkbox.checkboxTokens.labelFontSize, _Checkbox.checkboxTokens.labelFontStyle, _Checkbox.checkboxTokens.labelFontWeight, _Checkbox.checkboxTokens.labelLetterSpacing, _Checkbox.checkboxTokens.labelLineHeight, _Checkbox.checkboxTokens.descriptionMarginTop, _Checkbox.checkboxTokens.descriptionFontFamily, _Checkbox.checkboxTokens.descriptionFontSize, _Checkbox.checkboxTokens.descriptionFontStyle, _Checkbox.checkboxTokens.descriptionFontWeight, _Checkbox.checkboxTokens.descriptionLetterSpacing, _Checkbox.checkboxTokens.descriptionLineHeight),
|
19
|
-
m: /*#__PURE__*/(0, _styledComponents.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);"], _Checkbox.checkboxTokens.margin, _Checkbox.checkboxTokens.triggerMargin, _Checkbox.checkboxTokens.triggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Checkbox.checkboxTokens.contentTopOffset, _Checkbox.checkboxTokens.contentLeftOffset, _Checkbox.checkboxTokens.labelFontFamily, _Checkbox.checkboxTokens.labelFontSize, _Checkbox.checkboxTokens.labelFontStyle, _Checkbox.checkboxTokens.labelFontWeight, _Checkbox.checkboxTokens.labelLetterSpacing, _Checkbox.checkboxTokens.labelLineHeight, _Checkbox.checkboxTokens.descriptionMarginTop, _Checkbox.checkboxTokens.descriptionFontFamily, _Checkbox.checkboxTokens.descriptionFontSize, _Checkbox.checkboxTokens.descriptionFontStyle, _Checkbox.checkboxTokens.descriptionFontWeight, _Checkbox.checkboxTokens.descriptionLetterSpacing, _Checkbox.checkboxTokens.descriptionLineHeight)
|
20
|
-
},
|
21
|
-
/**
|
22
|
-
* Вид контрола.
|
23
|
-
*/
|
24
|
-
view: {
|
25
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor),
|
26
|
-
secondary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-secondary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor),
|
27
|
-
tertiary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-tertiary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor),
|
28
|
-
paragraph: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-paragraph);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor),
|
29
|
-
accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor),
|
30
|
-
positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-positive);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor),
|
31
|
-
warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-warning);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor),
|
32
|
-
negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-negative);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor)
|
33
|
-
},
|
34
|
-
disabled: {
|
35
|
-
"true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _Checkbox.checkboxTokens.disabledOpacity)
|
36
|
-
},
|
37
|
-
focused: {
|
38
|
-
"true": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-accent);"], _Checkbox.checkboxTokens.focusColor)
|
39
|
-
}
|
40
|
-
}
|
41
|
-
};
|
@@ -1,11 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.Checkbox = void 0;
|
7
|
-
var _Checkbox = /*#__PURE__*/require("../../../../components/Checkbox");
|
8
|
-
var _engines = /*#__PURE__*/require("../../../../engines");
|
9
|
-
var _Checkbox2 = /*#__PURE__*/require("./Checkbox.config");
|
10
|
-
var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Checkbox.checkboxConfig, _Checkbox2.config);
|
11
|
-
var Checkbox = exports.Checkbox = /*#__PURE__*/(0, _engines.component)(mergedConfig);
|
package/styled-components/cjs/examples/sds_engineer/components/Checkbox/Checkbox.stories.tsx
DELETED
@@ -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
|
-
};
|