Skip to content
This repository has been archived by the owner on Apr 17, 2023. It is now read-only.

Releases: yjkwon07/DCS-uikit

v.0.7.1

20 Jul 01:05
Compare
Choose a tag to compare

๋ฒ„๊ทธ ํ•ด๊ฒฐ

  • styled-system ํƒ€์ž… ํžŒํŠธ ์•ˆ๋‚˜์˜ค๋Š” ํ˜„์ƒ ํ•ด๊ฒฐ

v.0.7.0

20 Jul 00:56
Compare
Choose a tag to compare

๊ธฐ๋Šฅ ์ถ”๊ฐ€

  • getThemeStyel, cx ์ถ”๊ฐ€

  • GlobalStyle ์ถ”๊ฐ€

    • storybook preview ๊ต์ฒด

๋ฒ„๊ทธ ํ•ด๊ฒฐ

  • GapProps, StyledColorProps ํƒ€์ž…์ด ์—†๋‹ค๋Š” ์—๋Ÿฌ => declare ์ œ์™ธ
    • ์ปดํŒŒ์ผ ์ดํ›„์—๋„ ํƒ€์ž… ํžŒํŠธ๋กœ ํ•„์š”ํ•œ ์ƒํ™ฉ์ด๊ธฐ ๋•Œ๋ฌธ์— export

storybook

  • @6.5.9 update

  • babel ์„ค์ • ํŒŒ์ผ์„ ๋ฐ”๋ผ๋ณด์ง€ ์•Š๊ณ  main์— ์ง์ ‘ ์ž‘์„ฑ => production ๋ถ„๊ธฐ ์„ค์ • ๋ณด๋‹ค storybook๋งŒ ์‚ฌ์šฉํ•˜๋Š” plugin, preset ์„ค์ •

    • ex) babel-plugin-lodash, @babel/transform-runtime, @emotion/babel-plugin...
  • @babel/preset-react -> preset-react-jsx-transform ์˜ต์…˜ ์ถ”๊ฐ€

    Can name this anything, just an arbitrary alias to avoid duplicate presets

  • [option] webpackFinal loader ์ œ๊ฑฐ

  • [option] typescript ์ œ๊ฑฐ

rollup setting

  • babel
    • @babel/transform-runtime, lodash ์ถ”๊ฐ€
    • @emotion/babel-preset-css-prop ์œ„์น˜ ์ˆ˜์ • => "Unused external imports / jsx imported from external module "@emotion/react" but never used in.." rollup warning ํ•ด๊ฒฐ -> ์ˆœ์„œ์— ๋”ฐ๋ผ ast ๋ณ€ํ™˜ ์ˆœ์„œ๊ฐ€ ๋‹ฌ๋ผ์ง (bundle size์—๋„ ์˜ํ–ฅ ์žˆ์Œ)
  • babelHelpers: runtime
  • @babel/runtime dep.
  • tsconfig
    • types => @emotion/react/types/css-prop

v.0.6.0

15 Jul 10:04
Compare
Choose a tag to compare

ํƒ€์ž… ์žฌ ์ •์˜

  • โš ๏ธ as prop in styled generic component not support the componentProps type hint

  • AutoSelect => [style]

    • LayoutProps, SpaceProps
    • PolymorphicComponentProps ์ ์šฉ => default 'div'
    • shouldForwardProp ์ ์šฉ
    • focus, disabled ์Šคํƒ€์ผ ์ ์šฉ
  • Button => [style, scale, variant]

    • LayoutProps, SpaceProps
    • icon color custom support
    • props type ์žฌ ์กฐ์ •
    • shouldForwardProp ์ ์šฉ ์•ˆํ•จ => html tag write
  • CheckBox => [style, scale]

    • LayoutProps, SpaceProps
    • shouldForwardProp ์ ์šฉ ์•ˆํ•จ => html tag write
  • Disclosure => [utils]

    • TypographyProps
    • shouldForwardProp ์ ์šฉ
  • Box, Flex, Grid => [utils/layout]

    • BackgroundProps, BorderProps, LayoutProps, PositionProps, SpaceProps, FlexboxProps, GridProps, StyledColorProps
    • PolymorphicComponentProps ์ ์šฉ => default 'div'
    • shouldForwardProp ์ ์šฉ ์•ˆํ•จ => html tag write
  • Heading => [Typography, scale]

    • StyledText
    • PolymorphicComponentProps ์ ์šฉ ์•ˆํ•จ
    • shouldForwardProp ์ ์šฉ ์•ˆํ•จ => html tag write
  • Input => [style]

    • LayoutProps, SpaceProps
    • PolymorphicComponentProps ์ ์šฉ ์•ˆํ•จ
    • shouldForwardProp ์ ์šฉ ์•ˆํ•จ => html tag write
  • Menu => [style]

    • LayoutProps, SpaceProps
    • PolymorphicComponentProps ์ ์šฉ ์•ˆํ•จ
    • shouldForwardProp ์ ์šฉ
  • Modal => [utils, style]

    • LayoutProps, SpaceProps
    • PolymorphicComponentProps ์ ์šฉ ์•ˆํ•จ
    • shouldForwardProp ์ ์šฉ ์•ˆํ•จ => html tag write
  • Overlay => [utils, style]

    • BoxProps
    • PolymorphicComponentProps ์ ์šฉ
    • shouldForwardProp ์ ์šฉ ์•ˆํ•จ => html tag write
  • Radio => [style, scale]

    • LayoutProps ,SpaceProps
    • PolymorphicComponentProps ์ ์šฉ ์•ˆํ•จ
    • shouldForwardProp ์ ์šฉ ์•ˆํ•จ => html tag write
  • RadioGroup => [style]

    • LayoutProps, SpaceProps
    • PolymorphicComponentProps ์ ์šฉ => default 'div'
    • shouldForwardProp ์ ์šฉ
    • focus, disabled ์Šคํƒ€์ผ ์ ์šฉ
  • Select => [style]

    • LayoutProps, SpaceProps
    • PolymorphicComponentProps ์ ์šฉ => default 'div'
    • shouldForwardProp ์ ์šฉ
    • focus, disabled ์Šคํƒ€์ผ ์ ์šฉ
  • Svg => [icons]

    • SpaceProps, fill -> ColorStyleProps
    • PolymorphicComponentProps ์ ์šฉ ์•ˆํ•จ
    • shouldForwardProp ์ ์šฉ ์•ˆํ•จ => html tag write
  • Switch => [style, scale]

    • LayoutProps, SpaceProps
    • PolymorphicComponentProps ์ ์šฉ
    • shouldForwardProp ์ ์šฉ
  • Tab => [style]

    • LayoutProps, SpaceProps, StyledColorProps
    • PolymorphicComponentProps ์ ์šฉ ์•ˆํ•จ
    • shouldForwardProp ์ ์šฉ ์•ˆํ•จ => html tag write
  • Tag => [style, scale, variant]

    • LayoutProps, SpaceProps, TypographyProps
    • PolymorphicComponentProps ์ ์šฉ
    • shouldForwardProp ์ ์šฉ ์•ˆํ•จ => html tag write
  • Text => [Typography, scale]

    • LayoutProps, SpaceProps, TypographyProps, StyledColorProps
    • PolymorphicComponentProps ์ ์šฉ
    • shouldForwardProp ์ ์šฉ ์•ˆํ•จ => html tag write
  • Transition => [utils]

    • TwStyle, SerializedStyles ์ ์šฉ
    • PolymorphicComponentProps ์ ์šฉ ์•ˆํ•จ
    • shouldForwardProp ์ ์šฉ ์•ˆํ•จ => html tag write
  • type utils

    • global type ์ ์šฉ -> GapProps, StyledColorProps
    • ColorStyleProps -> (string & {}) ์ถ”๊ฐ€ (* string์„ ํฌํ•จ ์‹œํ‚ค๊ธฐ ์œ„ํ•จ ๊ทธ๋ƒฅ string ์‹œ ๋ชจ๋“  ๋ฒ”์ฃผ๋ฅผ string์œผ๋กœ ์ธ์‹ ํ•˜๊ธฐ ๋•Œ๋ฌธ)
  • utils

    • colorStyle -> background ์ถ”๊ฐ€
    • fontScale -> tailwind config ๊ฐ’ ์ ์šฉ

v.0.5.4

07 Jul 08:57
Compare
Choose a tag to compare

๋ฒ„๊ทธ ํ•ด๊ฒฐ

  • Disclosure type as ํƒ€์ž… ํžŒํŠธ ์—†๋Š” ํ˜„์ƒ ํ•ด๊ฒฐ

v.0.5.3

07 Jul 08:29
Compare
Choose a tag to compare

๋ฒ„๊ทธ ํ•ด๊ฒฐ

  • Disclosure Button ref ์ „๋‹ฌ ์•ˆ๋˜๋Š” ํ˜„์ƒ ํ•ด๊ฒฐ => ๐Ÿšง ๋‹ค๋ฅธ ์ปดํฌ๋„ŒํŠธ๋„ ์ ์šฉํ•ด์•ผํ•  ์‚ฌํ•ญ ๐Ÿšง
    • forwardRefWithAs ์ถ”๊ฐ€=> headless lib.

v.0.5.2

06 Jul 16:44
Compare
Choose a tag to compare

๋ฒ„๊ทธ ํ•ด๊ฒฐ

  • html props camel ๊ธฐ๋ฒ• ๊ฑฐ์ ˆ๋กœ ์ธํ•œ styled-system ๊ด€๋ จ props๋Š” class๋กœ ๋ณ€ํ™˜์ด ์•ˆ๋˜๋Š” ํ˜„์ƒ ํ•ด๊ฒฐ

    • shouldForwardProp ์ถ”๊ฐ€
  • as๋กœ ๋ฐ›์€ ์ปดํฌ๋„ŒํŠธ์˜ key: any ํ˜„์ƒ ํ•ด๊ฒฐ

    • PolymorphicComponentProps ์ˆ˜์ •

v.0.5.1

04 Jul 15:11
Compare
Choose a tag to compare

svg ์ถ”๊ฐ€

  • ChevronDown
  • ChevronLeft
  • ChevronRight
  • ChevronUp

๋ฒ„๊ทธ ์ˆ˜์ •

  • export DisClosure => Disclosure ์ฒ ์ž ์ˆ˜์ •

v.0.5.0

04 Jul 10:47
Compare
Choose a tag to compare

๊ธฐ๋Šฅ ์ถ”๊ฐ€

  • Disclosure

์Šคํ† ๋ฆฌ ์ˆ˜์ •

  • component ๋ˆ„๋ฝ ์ถ”๊ฐ€

v.0.4.4

04 Jul 02:22
Compare
Choose a tag to compare

๋ฒ„๊ทธ ํ•ด๊ฒฐ

  • package.json => types ๊ฒฝ๋กœ ์ˆ˜์ •
    • build ์‹œ src ํด๋” ์ƒ์„ฑํ›„ declare ํŒŒ์ผ์ด ์ƒ๊ธฐ๋Š” ํ˜„์ƒ์ด ์ง€์† ๋˜์–ด packageํŒŒ์ผ์— ํƒ€์ž… ๋ณด๋Š” ๊ฒฝ๋กœ๋ฅผ ์ˆ˜์ •

v.0.4.3

02 Jul 09:24
Compare
Choose a tag to compare

โŒ ๋ฒ„๊ทธ ํ•ด๊ฒฐ

  • tsdonfig => build ์‹œ type ํŒŒ์ผ์ด src ํด๋” ์•„๋ž˜๋กœ ์ƒ๊ธฐ๋Š” ํ˜„์ƒ ํ•ด๊ฒฐ
    • rootDir ์„ค์ •
    • include -> "src/**/*",