@reitwagen/design-components 0.3.0 → 0.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (262) hide show
  1. package/dist/components/Button/Button.d.ts +9 -0
  2. package/dist/components/Button/Button.d.ts.map +1 -1
  3. package/dist/components/Button/Button.js +9 -0
  4. package/dist/components/Checkbox/Checkbox.d.ts +29 -0
  5. package/dist/components/Checkbox/Checkbox.d.ts.map +1 -1
  6. package/dist/components/Checkbox/Checkbox.js +29 -0
  7. package/dist/components/Chip/Chip.d.ts +11 -1
  8. package/dist/components/Chip/Chip.d.ts.map +1 -1
  9. package/dist/components/Chip/Chip.js +10 -0
  10. package/dist/components/Icons/IconAlarmOff.d.ts +1 -0
  11. package/dist/components/Icons/IconAlarmOff.d.ts.map +1 -1
  12. package/dist/components/Icons/IconAlarmOff.js +1 -0
  13. package/dist/components/Icons/IconAlarmOn.d.ts +1 -0
  14. package/dist/components/Icons/IconAlarmOn.d.ts.map +1 -1
  15. package/dist/components/Icons/IconAlarmOn.js +1 -0
  16. package/dist/components/Icons/IconAppleDefault.d.ts +1 -0
  17. package/dist/components/Icons/IconAppleDefault.d.ts.map +1 -1
  18. package/dist/components/Icons/IconAppleDefault.js +1 -0
  19. package/dist/components/Icons/IconArrowDown.d.ts +1 -0
  20. package/dist/components/Icons/IconArrowDown.d.ts.map +1 -1
  21. package/dist/components/Icons/IconArrowDown.js +1 -0
  22. package/dist/components/Icons/IconArrowLeft.d.ts +1 -0
  23. package/dist/components/Icons/IconArrowLeft.d.ts.map +1 -1
  24. package/dist/components/Icons/IconArrowLeft.js +1 -0
  25. package/dist/components/Icons/IconArrowRight.d.ts +1 -0
  26. package/dist/components/Icons/IconArrowRight.d.ts.map +1 -1
  27. package/dist/components/Icons/IconArrowRight.js +1 -0
  28. package/dist/components/Icons/IconArrowUp.d.ts +1 -0
  29. package/dist/components/Icons/IconArrowUp.d.ts.map +1 -1
  30. package/dist/components/Icons/IconArrowUp.js +1 -0
  31. package/dist/components/Icons/IconBikeDefault.d.ts +1 -0
  32. package/dist/components/Icons/IconBikeDefault.d.ts.map +1 -1
  33. package/dist/components/Icons/IconBikeDefault.js +1 -0
  34. package/dist/components/Icons/IconBookmarkOff.d.ts +1 -0
  35. package/dist/components/Icons/IconBookmarkOff.d.ts.map +1 -1
  36. package/dist/components/Icons/IconBookmarkOff.js +1 -0
  37. package/dist/components/Icons/IconBookmarkOn.d.ts +1 -0
  38. package/dist/components/Icons/IconBookmarkOn.d.ts.map +1 -1
  39. package/dist/components/Icons/IconBookmarkOn.js +1 -0
  40. package/dist/components/Icons/IconCafeDefault.d.ts +1 -0
  41. package/dist/components/Icons/IconCafeDefault.d.ts.map +1 -1
  42. package/dist/components/Icons/IconCafeDefault.js +1 -0
  43. package/dist/components/Icons/IconCalendarDefault.d.ts +1 -0
  44. package/dist/components/Icons/IconCalendarDefault.d.ts.map +1 -1
  45. package/dist/components/Icons/IconCalendarDefault.js +1 -0
  46. package/dist/components/Icons/IconCallDefault.d.ts +1 -0
  47. package/dist/components/Icons/IconCallDefault.d.ts.map +1 -1
  48. package/dist/components/Icons/IconCallDefault.js +1 -0
  49. package/dist/components/Icons/IconCameraDefault.d.ts +1 -0
  50. package/dist/components/Icons/IconCameraDefault.d.ts.map +1 -1
  51. package/dist/components/Icons/IconCameraDefault.js +1 -0
  52. package/dist/components/Icons/IconChatDefault.d.ts +1 -0
  53. package/dist/components/Icons/IconChatDefault.d.ts.map +1 -1
  54. package/dist/components/Icons/IconChatDefault.js +1 -0
  55. package/dist/components/Icons/IconCheckDefault.d.ts +1 -0
  56. package/dist/components/Icons/IconCheckDefault.d.ts.map +1 -1
  57. package/dist/components/Icons/IconCheckDefault.js +1 -0
  58. package/dist/components/Icons/IconChevronDown.d.ts +1 -0
  59. package/dist/components/Icons/IconChevronDown.d.ts.map +1 -1
  60. package/dist/components/Icons/IconChevronDown.js +1 -0
  61. package/dist/components/Icons/IconChevronLeft.d.ts +1 -0
  62. package/dist/components/Icons/IconChevronLeft.d.ts.map +1 -1
  63. package/dist/components/Icons/IconChevronLeft.js +1 -0
  64. package/dist/components/Icons/IconChevronRight.d.ts +1 -0
  65. package/dist/components/Icons/IconChevronRight.d.ts.map +1 -1
  66. package/dist/components/Icons/IconChevronRight.js +1 -0
  67. package/dist/components/Icons/IconChevronUp.d.ts +1 -0
  68. package/dist/components/Icons/IconChevronUp.d.ts.map +1 -1
  69. package/dist/components/Icons/IconChevronUp.js +1 -0
  70. package/dist/components/Icons/IconCloseCircle.d.ts +1 -0
  71. package/dist/components/Icons/IconCloseCircle.d.ts.map +1 -1
  72. package/dist/components/Icons/IconCloseCircle.js +1 -0
  73. package/dist/components/Icons/IconCloseDefault.d.ts +1 -0
  74. package/dist/components/Icons/IconCloseDefault.d.ts.map +1 -1
  75. package/dist/components/Icons/IconCloseDefault.js +1 -0
  76. package/dist/components/Icons/IconCloseSmall.d.ts +1 -0
  77. package/dist/components/Icons/IconCloseSmall.d.ts.map +1 -1
  78. package/dist/components/Icons/IconCloseSmall.js +1 -0
  79. package/dist/components/Icons/IconCommentOff.d.ts +1 -0
  80. package/dist/components/Icons/IconCommentOff.d.ts.map +1 -1
  81. package/dist/components/Icons/IconCommentOff.js +1 -0
  82. package/dist/components/Icons/IconCommentOn.d.ts +1 -0
  83. package/dist/components/Icons/IconCommentOn.d.ts.map +1 -1
  84. package/dist/components/Icons/IconCommentOn.js +1 -0
  85. package/dist/components/Icons/IconCommunityDefault.d.ts +1 -0
  86. package/dist/components/Icons/IconCommunityDefault.d.ts.map +1 -1
  87. package/dist/components/Icons/IconCommunityDefault.js +1 -0
  88. package/dist/components/Icons/IconCopyDefault.d.ts +1 -0
  89. package/dist/components/Icons/IconCopyDefault.d.ts.map +1 -1
  90. package/dist/components/Icons/IconCopyDefault.js +1 -0
  91. package/dist/components/Icons/IconCouponDefault.d.ts +1 -0
  92. package/dist/components/Icons/IconCouponDefault.d.ts.map +1 -1
  93. package/dist/components/Icons/IconCouponDefault.js +1 -0
  94. package/dist/components/Icons/IconEditDefault.d.ts +1 -0
  95. package/dist/components/Icons/IconEditDefault.d.ts.map +1 -1
  96. package/dist/components/Icons/IconEditDefault.js +1 -0
  97. package/dist/components/Icons/IconEyeOff.d.ts +1 -0
  98. package/dist/components/Icons/IconEyeOff.d.ts.map +1 -1
  99. package/dist/components/Icons/IconEyeOff.js +1 -0
  100. package/dist/components/Icons/IconEyeOn.d.ts +1 -0
  101. package/dist/components/Icons/IconEyeOn.d.ts.map +1 -1
  102. package/dist/components/Icons/IconEyeOn.js +1 -0
  103. package/dist/components/Icons/IconFilterDefault.d.ts +1 -0
  104. package/dist/components/Icons/IconFilterDefault.d.ts.map +1 -1
  105. package/dist/components/Icons/IconFilterDefault.js +1 -0
  106. package/dist/components/Icons/IconFireDefault.d.ts +1 -0
  107. package/dist/components/Icons/IconFireDefault.d.ts.map +1 -1
  108. package/dist/components/Icons/IconFireDefault.js +1 -0
  109. package/dist/components/Icons/IconFlagDefault.d.ts +1 -0
  110. package/dist/components/Icons/IconFlagDefault.d.ts.map +1 -1
  111. package/dist/components/Icons/IconFlagDefault.js +1 -0
  112. package/dist/components/Icons/IconFunDefault.d.ts +1 -0
  113. package/dist/components/Icons/IconFunDefault.d.ts.map +1 -1
  114. package/dist/components/Icons/IconFunDefault.js +1 -0
  115. package/dist/components/Icons/IconHeartDefault.d.ts +1 -0
  116. package/dist/components/Icons/IconHeartDefault.d.ts.map +1 -1
  117. package/dist/components/Icons/IconHeartDefault.js +1 -0
  118. package/dist/components/Icons/IconHeartOff.d.ts +1 -0
  119. package/dist/components/Icons/IconHeartOff.d.ts.map +1 -1
  120. package/dist/components/Icons/IconHeartOff.js +1 -0
  121. package/dist/components/Icons/IconHeartOn.d.ts +1 -0
  122. package/dist/components/Icons/IconHeartOn.d.ts.map +1 -1
  123. package/dist/components/Icons/IconHeartOn.js +1 -0
  124. package/dist/components/Icons/IconHelmetDefault.d.ts +1 -0
  125. package/dist/components/Icons/IconHelmetDefault.d.ts.map +1 -1
  126. package/dist/components/Icons/IconHelmetDefault.js +1 -0
  127. package/dist/components/Icons/IconHomeDefault.d.ts +1 -0
  128. package/dist/components/Icons/IconHomeDefault.d.ts.map +1 -1
  129. package/dist/components/Icons/IconHomeDefault.js +1 -0
  130. package/dist/components/Icons/IconHomeLine.d.ts +1 -0
  131. package/dist/components/Icons/IconHomeLine.d.ts.map +1 -1
  132. package/dist/components/Icons/IconHomeLine.js +1 -0
  133. package/dist/components/Icons/IconImageDefault.d.ts +1 -0
  134. package/dist/components/Icons/IconImageDefault.d.ts.map +1 -1
  135. package/dist/components/Icons/IconImageDefault.js +1 -0
  136. package/dist/components/Icons/IconInfoDefault.d.ts +1 -0
  137. package/dist/components/Icons/IconInfoDefault.d.ts.map +1 -1
  138. package/dist/components/Icons/IconInfoDefault.js +1 -0
  139. package/dist/components/Icons/IconInformationDefault.d.ts +1 -0
  140. package/dist/components/Icons/IconInformationDefault.d.ts.map +1 -1
  141. package/dist/components/Icons/IconInformationDefault.js +1 -0
  142. package/dist/components/Icons/IconInstagramDefault.d.ts +1 -0
  143. package/dist/components/Icons/IconInstagramDefault.d.ts.map +1 -1
  144. package/dist/components/Icons/IconInstagramDefault.js +1 -0
  145. package/dist/components/Icons/IconKakaotalkDefault.d.ts +1 -0
  146. package/dist/components/Icons/IconKakaotalkDefault.d.ts.map +1 -1
  147. package/dist/components/Icons/IconKakaotalkDefault.js +1 -0
  148. package/dist/components/Icons/IconLike.d.ts +1 -0
  149. package/dist/components/Icons/IconLike.d.ts.map +1 -1
  150. package/dist/components/Icons/IconLike.js +1 -0
  151. package/dist/components/Icons/IconLikeOff.d.ts +1 -0
  152. package/dist/components/Icons/IconLikeOff.d.ts.map +1 -1
  153. package/dist/components/Icons/IconLikeOff.js +1 -0
  154. package/dist/components/Icons/IconLikeOn.d.ts +1 -0
  155. package/dist/components/Icons/IconLikeOn.d.ts.map +1 -1
  156. package/dist/components/Icons/IconLikeOn.js +1 -0
  157. package/dist/components/Icons/IconLocateDefault.d.ts +1 -0
  158. package/dist/components/Icons/IconLocateDefault.d.ts.map +1 -1
  159. package/dist/components/Icons/IconLocateDefault.js +1 -0
  160. package/dist/components/Icons/IconMYDefault.d.ts +1 -0
  161. package/dist/components/Icons/IconMYDefault.d.ts.map +1 -1
  162. package/dist/components/Icons/IconMYDefault.js +1 -0
  163. package/dist/components/Icons/IconMYLine.d.ts +1 -0
  164. package/dist/components/Icons/IconMYLine.d.ts.map +1 -1
  165. package/dist/components/Icons/IconMYLine.js +1 -0
  166. package/dist/components/Icons/IconMedal.d.ts +1 -0
  167. package/dist/components/Icons/IconMedal.d.ts.map +1 -1
  168. package/dist/components/Icons/IconMedal.js +1 -0
  169. package/dist/components/Icons/IconMenuDefault.d.ts +1 -0
  170. package/dist/components/Icons/IconMenuDefault.d.ts.map +1 -1
  171. package/dist/components/Icons/IconMenuDefault.js +1 -0
  172. package/dist/components/Icons/IconMessage.d.ts +1 -0
  173. package/dist/components/Icons/IconMessage.d.ts.map +1 -1
  174. package/dist/components/Icons/IconMessage.js +1 -0
  175. package/dist/components/Icons/IconMessageDefault.d.ts +1 -0
  176. package/dist/components/Icons/IconMessageDefault.d.ts.map +1 -1
  177. package/dist/components/Icons/IconMessageDefault.js +1 -0
  178. package/dist/components/Icons/IconMinusDefault.d.ts +1 -0
  179. package/dist/components/Icons/IconMinusDefault.d.ts.map +1 -1
  180. package/dist/components/Icons/IconMinusDefault.js +1 -0
  181. package/dist/components/Icons/IconMoreDefault.d.ts +1 -0
  182. package/dist/components/Icons/IconMoreDefault.d.ts.map +1 -1
  183. package/dist/components/Icons/IconMoreDefault.js +1 -0
  184. package/dist/components/Icons/IconNaviDefault.d.ts +1 -0
  185. package/dist/components/Icons/IconNaviDefault.d.ts.map +1 -1
  186. package/dist/components/Icons/IconNaviDefault.js +1 -0
  187. package/dist/components/Icons/IconNaviLine.d.ts +1 -0
  188. package/dist/components/Icons/IconNaviLine.d.ts.map +1 -1
  189. package/dist/components/Icons/IconNaviLine.js +1 -0
  190. package/dist/components/Icons/IconNull.d.ts +1 -0
  191. package/dist/components/Icons/IconNull.d.ts.map +1 -1
  192. package/dist/components/Icons/IconNull.js +1 -0
  193. package/dist/components/Icons/IconOilDefault.d.ts +1 -0
  194. package/dist/components/Icons/IconOilDefault.d.ts.map +1 -1
  195. package/dist/components/Icons/IconOilDefault.js +1 -0
  196. package/dist/components/Icons/IconPlaceDefault.d.ts +1 -0
  197. package/dist/components/Icons/IconPlaceDefault.d.ts.map +1 -1
  198. package/dist/components/Icons/IconPlaceDefault.js +1 -0
  199. package/dist/components/Icons/IconPlaceLine.d.ts +1 -0
  200. package/dist/components/Icons/IconPlaceLine.d.ts.map +1 -1
  201. package/dist/components/Icons/IconPlaceLine.js +1 -0
  202. package/dist/components/Icons/IconPlusDefault.d.ts +1 -0
  203. package/dist/components/Icons/IconPlusDefault.d.ts.map +1 -1
  204. package/dist/components/Icons/IconPlusDefault.js +1 -0
  205. package/dist/components/Icons/IconReceiptDefault.d.ts +1 -0
  206. package/dist/components/Icons/IconReceiptDefault.d.ts.map +1 -1
  207. package/dist/components/Icons/IconReceiptDefault.js +1 -0
  208. package/dist/components/Icons/IconRepairDefault.d.ts +1 -0
  209. package/dist/components/Icons/IconRepairDefault.d.ts.map +1 -1
  210. package/dist/components/Icons/IconRepairDefault.js +1 -0
  211. package/dist/components/Icons/IconResetDefault.d.ts +1 -0
  212. package/dist/components/Icons/IconResetDefault.d.ts.map +1 -1
  213. package/dist/components/Icons/IconResetDefault.js +1 -0
  214. package/dist/components/Icons/IconRevolvingLightDefault.d.ts +1 -0
  215. package/dist/components/Icons/IconRevolvingLightDefault.d.ts.map +1 -1
  216. package/dist/components/Icons/IconRevolvingLightDefault.js +1 -0
  217. package/dist/components/Icons/IconSadDefault.d.ts +1 -0
  218. package/dist/components/Icons/IconSadDefault.d.ts.map +1 -1
  219. package/dist/components/Icons/IconSadDefault.js +1 -0
  220. package/dist/components/Icons/IconSafe.d.ts +1 -0
  221. package/dist/components/Icons/IconSafe.d.ts.map +1 -1
  222. package/dist/components/Icons/IconSafe.js +1 -0
  223. package/dist/components/Icons/IconSearchDefault.d.ts +1 -0
  224. package/dist/components/Icons/IconSearchDefault.d.ts.map +1 -1
  225. package/dist/components/Icons/IconSearchDefault.js +1 -0
  226. package/dist/components/Icons/IconSettingDefault.d.ts +1 -0
  227. package/dist/components/Icons/IconSettingDefault.d.ts.map +1 -1
  228. package/dist/components/Icons/IconSettingDefault.js +1 -0
  229. package/dist/components/Icons/IconShareDefault.d.ts +1 -0
  230. package/dist/components/Icons/IconShareDefault.d.ts.map +1 -1
  231. package/dist/components/Icons/IconShareDefault.js +1 -0
  232. package/dist/components/Icons/IconShopDefault.d.ts +1 -0
  233. package/dist/components/Icons/IconShopDefault.d.ts.map +1 -1
  234. package/dist/components/Icons/IconShopDefault.js +1 -0
  235. package/dist/components/Icons/IconSmileDefault.d.ts +1 -0
  236. package/dist/components/Icons/IconSmileDefault.d.ts.map +1 -1
  237. package/dist/components/Icons/IconSmileDefault.js +1 -0
  238. package/dist/components/Icons/IconStarOff.d.ts +1 -0
  239. package/dist/components/Icons/IconStarOff.d.ts.map +1 -1
  240. package/dist/components/Icons/IconStarOff.js +1 -0
  241. package/dist/components/Icons/IconStarOn.d.ts +1 -0
  242. package/dist/components/Icons/IconStarOn.d.ts.map +1 -1
  243. package/dist/components/Icons/IconStarOn.js +1 -0
  244. package/dist/components/Icons/IconThumbDefault.d.ts +1 -0
  245. package/dist/components/Icons/IconThumbDefault.d.ts.map +1 -1
  246. package/dist/components/Icons/IconThumbDefault.js +1 -0
  247. package/dist/components/Icons/IconThunder.d.ts +1 -0
  248. package/dist/components/Icons/IconThunder.d.ts.map +1 -1
  249. package/dist/components/Icons/IconThunder.js +1 -0
  250. package/dist/components/Icons/IconTimeDefault.d.ts +1 -0
  251. package/dist/components/Icons/IconTimeDefault.d.ts.map +1 -1
  252. package/dist/components/Icons/IconTimeDefault.js +1 -0
  253. package/dist/components/Icons/IconVoteDefault.d.ts +1 -0
  254. package/dist/components/Icons/IconVoteDefault.d.ts.map +1 -1
  255. package/dist/components/Icons/IconVoteDefault.js +1 -0
  256. package/dist/components/Icons/IconYoutubeDefault.d.ts +1 -0
  257. package/dist/components/Icons/IconYoutubeDefault.d.ts.map +1 -1
  258. package/dist/components/Icons/IconYoutubeDefault.js +1 -0
  259. package/dist/components/Toggle/Toggle.d.ts +11 -8
  260. package/dist/components/Toggle/Toggle.d.ts.map +1 -1
  261. package/dist/components/Toggle/Toggle.js +11 -8
  262. package/package.json +3 -3
@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const jsx_runtime_1 = require("react/jsx-runtime");
4
4
  /**
5
5
  * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
6
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
6
7
  * @example
7
8
  * ```tsx
8
9
  * <Icon width={24} height={24} className="text-gray-500" />
@@ -6,6 +6,7 @@ interface Props extends SVGProps<SVGSVGElement> {
6
6
  }
7
7
  /**
8
8
  * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
9
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
9
10
  * @example
10
11
  * ```tsx
11
12
  * <Icon width={24} height={24} className="text-gray-500" />
@@ -1 +1 @@
1
- {"version":3,"file":"IconPlusDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconPlusDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;GAOG;AACH,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CAoBP;AAED,eAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"IconPlusDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconPlusDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;GAQG;AACH,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CAoBP;AAED,eAAe,eAAe,CAAC"}
@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const jsx_runtime_1 = require("react/jsx-runtime");
4
4
  /**
5
5
  * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
6
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
6
7
  * @example
7
8
  * ```tsx
8
9
  * <Icon width={24} height={24} className="text-gray-500" />
@@ -6,6 +6,7 @@ interface Props extends SVGProps<SVGSVGElement> {
6
6
  }
7
7
  /**
8
8
  * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
9
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
9
10
  * @example
10
11
  * ```tsx
11
12
  * <Icon width={24} height={24} className="text-gray-500" />
@@ -1 +1 @@
1
- {"version":3,"file":"IconReceiptDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconReceiptDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;GAOG;AACH,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CAiBP;AAED,eAAe,kBAAkB,CAAC"}
1
+ {"version":3,"file":"IconReceiptDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconReceiptDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;GAQG;AACH,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CAiBP;AAED,eAAe,kBAAkB,CAAC"}
@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const jsx_runtime_1 = require("react/jsx-runtime");
4
4
  /**
5
5
  * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
6
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
6
7
  * @example
7
8
  * ```tsx
8
9
  * <Icon width={24} height={24} className="text-gray-500" />
@@ -6,6 +6,7 @@ interface Props extends SVGProps<SVGSVGElement> {
6
6
  }
7
7
  /**
8
8
  * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
9
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
9
10
  * @example
10
11
  * ```tsx
11
12
  * <Icon width={24} height={24} className="text-gray-500" />
@@ -1 +1 @@
1
- {"version":3,"file":"IconRepairDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconRepairDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;GAOG;AACH,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CAmBP;AAED,eAAe,iBAAiB,CAAC"}
1
+ {"version":3,"file":"IconRepairDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconRepairDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;GAQG;AACH,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CAmBP;AAED,eAAe,iBAAiB,CAAC"}
@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const jsx_runtime_1 = require("react/jsx-runtime");
4
4
  /**
5
5
  * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
6
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
6
7
  * @example
7
8
  * ```tsx
8
9
  * <Icon width={24} height={24} className="text-gray-500" />
@@ -6,6 +6,7 @@ interface Props extends SVGProps<SVGSVGElement> {
6
6
  }
7
7
  /**
8
8
  * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
9
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
9
10
  * @example
10
11
  * ```tsx
11
12
  * <Icon width={24} height={24} className="text-gray-500" />
@@ -1 +1 @@
1
- {"version":3,"file":"IconResetDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconResetDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;GAOG;AACH,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CAoBP;AAED,eAAe,gBAAgB,CAAC"}
1
+ {"version":3,"file":"IconResetDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconResetDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;GAQG;AACH,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CAoBP;AAED,eAAe,gBAAgB,CAAC"}
@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const jsx_runtime_1 = require("react/jsx-runtime");
4
4
  /**
5
5
  * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
6
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
6
7
  * @example
7
8
  * ```tsx
8
9
  * <Icon width={24} height={24} className="text-gray-500" />
@@ -6,6 +6,7 @@ interface Props extends SVGProps<SVGSVGElement> {
6
6
  }
7
7
  /**
8
8
  * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
9
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
9
10
  * @example
10
11
  * ```tsx
11
12
  * <Icon width={24} height={24} className="text-gray-500" />
@@ -1 +1 @@
1
- {"version":3,"file":"IconRevolvingLightDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconRevolvingLightDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;GAOG;AACH,iBAAS,yBAAyB,CAAC,EACjC,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CA8BP;AAED,eAAe,yBAAyB,CAAC"}
1
+ {"version":3,"file":"IconRevolvingLightDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconRevolvingLightDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;GAQG;AACH,iBAAS,yBAAyB,CAAC,EACjC,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CA8BP;AAED,eAAe,yBAAyB,CAAC"}
@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const jsx_runtime_1 = require("react/jsx-runtime");
4
4
  /**
5
5
  * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
6
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
6
7
  * @example
7
8
  * ```tsx
8
9
  * <Icon width={24} height={24} className="text-gray-500" />
@@ -6,6 +6,7 @@ interface Props extends SVGProps<SVGSVGElement> {
6
6
  }
7
7
  /**
8
8
  * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
9
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
9
10
  * @example
10
11
  * ```tsx
11
12
  * <Icon width={24} height={24} className="text-gray-500" />
@@ -1 +1 @@
1
- {"version":3,"file":"IconSadDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconSadDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;GAOG;AACH,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CA2CP;AAED,eAAe,cAAc,CAAC"}
1
+ {"version":3,"file":"IconSadDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconSadDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;GAQG;AACH,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CA2CP;AAED,eAAe,cAAc,CAAC"}
@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const jsx_runtime_1 = require("react/jsx-runtime");
4
4
  /**
5
5
  * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
6
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
6
7
  * @example
7
8
  * ```tsx
8
9
  * <Icon width={24} height={24} className="text-gray-500" />
@@ -6,6 +6,7 @@ interface Props extends SVGProps<SVGSVGElement> {
6
6
  }
7
7
  /**
8
8
  * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
9
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
9
10
  * @example
10
11
  * ```tsx
11
12
  * <Icon width={24} height={24} className="text-gray-500" />
@@ -1 +1 @@
1
- {"version":3,"file":"IconSafe.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconSafe.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;GAOG;AACH,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAU,EAAE,MAAW,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,2CAyBxE;AAED,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"IconSafe.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconSafe.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;GAQG;AACH,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAU,EAAE,MAAW,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,2CAyBxE;AAED,eAAe,QAAQ,CAAC"}
@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const jsx_runtime_1 = require("react/jsx-runtime");
4
4
  /**
5
5
  * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
6
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
6
7
  * @example
7
8
  * ```tsx
8
9
  * <Icon width={24} height={24} className="text-gray-500" />
@@ -6,6 +6,7 @@ interface Props extends SVGProps<SVGSVGElement> {
6
6
  }
7
7
  /**
8
8
  * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
9
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
9
10
  * @example
10
11
  * ```tsx
11
12
  * <Icon width={24} height={24} className="text-gray-500" />
@@ -1 +1 @@
1
- {"version":3,"file":"IconSearchDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconSearchDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;GAOG;AACH,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CA6BP;AAED,eAAe,iBAAiB,CAAC"}
1
+ {"version":3,"file":"IconSearchDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconSearchDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;GAQG;AACH,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CA6BP;AAED,eAAe,iBAAiB,CAAC"}
@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const jsx_runtime_1 = require("react/jsx-runtime");
4
4
  /**
5
5
  * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
6
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
6
7
  * @example
7
8
  * ```tsx
8
9
  * <Icon width={24} height={24} className="text-gray-500" />
@@ -6,6 +6,7 @@ interface Props extends SVGProps<SVGSVGElement> {
6
6
  }
7
7
  /**
8
8
  * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
9
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
9
10
  * @example
10
11
  * ```tsx
11
12
  * <Icon width={24} height={24} className="text-gray-500" />
@@ -1 +1 @@
1
- {"version":3,"file":"IconSettingDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconSettingDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;GAOG;AACH,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CAiBP;AAED,eAAe,kBAAkB,CAAC"}
1
+ {"version":3,"file":"IconSettingDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconSettingDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;GAQG;AACH,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CAiBP;AAED,eAAe,kBAAkB,CAAC"}
@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const jsx_runtime_1 = require("react/jsx-runtime");
4
4
  /**
5
5
  * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
6
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
6
7
  * @example
7
8
  * ```tsx
8
9
  * <Icon width={24} height={24} className="text-gray-500" />
@@ -6,6 +6,7 @@ interface Props extends SVGProps<SVGSVGElement> {
6
6
  }
7
7
  /**
8
8
  * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
9
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
9
10
  * @example
10
11
  * ```tsx
11
12
  * <Icon width={24} height={24} className="text-gray-500" />
@@ -1 +1 @@
1
- {"version":3,"file":"IconShareDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconShareDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;GAOG;AACH,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CAoBP;AAED,eAAe,gBAAgB,CAAC"}
1
+ {"version":3,"file":"IconShareDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconShareDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;GAQG;AACH,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CAoBP;AAED,eAAe,gBAAgB,CAAC"}
@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const jsx_runtime_1 = require("react/jsx-runtime");
4
4
  /**
5
5
  * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
6
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
6
7
  * @example
7
8
  * ```tsx
8
9
  * <Icon width={24} height={24} className="text-gray-500" />
@@ -6,6 +6,7 @@ interface Props extends SVGProps<SVGSVGElement> {
6
6
  }
7
7
  /**
8
8
  * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
9
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
9
10
  * @example
10
11
  * ```tsx
11
12
  * <Icon width={24} height={24} className="text-gray-500" />
@@ -1 +1 @@
1
- {"version":3,"file":"IconShopDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconShopDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;GAOG;AACH,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CAqBP;AAED,eAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"IconShopDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconShopDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;GAQG;AACH,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CAqBP;AAED,eAAe,eAAe,CAAC"}
@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const jsx_runtime_1 = require("react/jsx-runtime");
4
4
  /**
5
5
  * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
6
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
6
7
  * @example
7
8
  * ```tsx
8
9
  * <Icon width={24} height={24} className="text-gray-500" />
@@ -6,6 +6,7 @@ interface Props extends SVGProps<SVGSVGElement> {
6
6
  }
7
7
  /**
8
8
  * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
9
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
9
10
  * @example
10
11
  * ```tsx
11
12
  * <Icon width={24} height={24} className="text-gray-500" />
@@ -1 +1 @@
1
- {"version":3,"file":"IconSmileDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconSmileDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;GAOG;AACH,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CAkCP;AAED,eAAe,gBAAgB,CAAC"}
1
+ {"version":3,"file":"IconSmileDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconSmileDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;GAQG;AACH,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CAkCP;AAED,eAAe,gBAAgB,CAAC"}
@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const jsx_runtime_1 = require("react/jsx-runtime");
4
4
  /**
5
5
  * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
6
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
6
7
  * @example
7
8
  * ```tsx
8
9
  * <Icon width={24} height={24} className="text-gray-500" />
@@ -6,6 +6,7 @@ interface Props extends SVGProps<SVGSVGElement> {
6
6
  }
7
7
  /**
8
8
  * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
9
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
9
10
  * @example
10
11
  * ```tsx
11
12
  * <Icon width={24} height={24} className="text-gray-500" />
@@ -1 +1 @@
1
- {"version":3,"file":"IconStarOff.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconStarOff.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;GAOG;AACH,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,KAAU,EAAE,MAAW,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,2CAqB3E;AAED,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"IconStarOff.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconStarOff.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;GAQG;AACH,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,KAAU,EAAE,MAAW,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,2CAqB3E;AAED,eAAe,WAAW,CAAC"}
@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const jsx_runtime_1 = require("react/jsx-runtime");
4
4
  /**
5
5
  * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
6
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
6
7
  * @example
7
8
  * ```tsx
8
9
  * <Icon width={24} height={24} className="text-gray-500" />
@@ -6,6 +6,7 @@ interface Props extends SVGProps<SVGSVGElement> {
6
6
  }
7
7
  /**
8
8
  * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
9
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
9
10
  * @example
10
11
  * ```tsx
11
12
  * <Icon width={24} height={24} className="text-gray-500" />
@@ -1 +1 @@
1
- {"version":3,"file":"IconStarOn.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconStarOn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;GAOG;AACH,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,KAAU,EAAE,MAAW,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,2CAuB1E;AAED,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"IconStarOn.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconStarOn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;GAQG;AACH,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,KAAU,EAAE,MAAW,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,2CAuB1E;AAED,eAAe,UAAU,CAAC"}
@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const jsx_runtime_1 = require("react/jsx-runtime");
4
4
  /**
5
5
  * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
6
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
6
7
  * @example
7
8
  * ```tsx
8
9
  * <Icon width={24} height={24} className="text-gray-500" />
@@ -6,6 +6,7 @@ interface Props extends SVGProps<SVGSVGElement> {
6
6
  }
7
7
  /**
8
8
  * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
9
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
9
10
  * @example
10
11
  * ```tsx
11
12
  * <Icon width={24} height={24} className="text-gray-500" />
@@ -1 +1 @@
1
- {"version":3,"file":"IconThumbDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconThumbDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;GAOG;AACH,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CA4BP;AAED,eAAe,gBAAgB,CAAC"}
1
+ {"version":3,"file":"IconThumbDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconThumbDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;GAQG;AACH,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CA4BP;AAED,eAAe,gBAAgB,CAAC"}
@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const jsx_runtime_1 = require("react/jsx-runtime");
4
4
  /**
5
5
  * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
6
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
6
7
  * @example
7
8
  * ```tsx
8
9
  * <Icon width={24} height={24} className="text-gray-500" />
@@ -6,6 +6,7 @@ interface Props extends SVGProps<SVGSVGElement> {
6
6
  }
7
7
  /**
8
8
  * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
9
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
9
10
  * @example
10
11
  * ```tsx
11
12
  * <Icon width={24} height={24} className="text-gray-500" />
@@ -1 +1 @@
1
- {"version":3,"file":"IconThunder.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconThunder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;GAOG;AACH,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,KAAU,EAAE,MAAW,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,2CAmB3E;AAED,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"IconThunder.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconThunder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;GAQG;AACH,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,KAAU,EAAE,MAAW,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,2CAmB3E;AAED,eAAe,WAAW,CAAC"}
@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const jsx_runtime_1 = require("react/jsx-runtime");
4
4
  /**
5
5
  * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
6
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
6
7
  * @example
7
8
  * ```tsx
8
9
  * <Icon width={24} height={24} className="text-gray-500" />
@@ -6,6 +6,7 @@ interface Props extends SVGProps<SVGSVGElement> {
6
6
  }
7
7
  /**
8
8
  * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
9
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
9
10
  * @example
10
11
  * ```tsx
11
12
  * <Icon width={24} height={24} className="text-gray-500" />
@@ -1 +1 @@
1
- {"version":3,"file":"IconTimeDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconTimeDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;GAOG;AACH,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CA4BP;AAED,eAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"IconTimeDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconTimeDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;GAQG;AACH,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CA4BP;AAED,eAAe,eAAe,CAAC"}
@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const jsx_runtime_1 = require("react/jsx-runtime");
4
4
  /**
5
5
  * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
6
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
6
7
  * @example
7
8
  * ```tsx
8
9
  * <Icon width={24} height={24} className="text-gray-500" />
@@ -6,6 +6,7 @@ interface Props extends SVGProps<SVGSVGElement> {
6
6
  }
7
7
  /**
8
8
  * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
9
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
9
10
  * @example
10
11
  * ```tsx
11
12
  * <Icon width={24} height={24} className="text-gray-500" />
@@ -1 +1 @@
1
- {"version":3,"file":"IconVoteDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconVoteDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;GAOG;AACH,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CAiBP;AAED,eAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"IconVoteDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconVoteDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;GAQG;AACH,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CAiBP;AAED,eAAe,eAAe,CAAC"}
@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const jsx_runtime_1 = require("react/jsx-runtime");
4
4
  /**
5
5
  * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
6
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
6
7
  * @example
7
8
  * ```tsx
8
9
  * <Icon width={24} height={24} className="text-gray-500" />
@@ -6,6 +6,7 @@ interface Props extends SVGProps<SVGSVGElement> {
6
6
  }
7
7
  /**
8
8
  * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
9
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
9
10
  * @example
10
11
  * ```tsx
11
12
  * <Icon width={24} height={24} className="text-gray-500" />
@@ -1 +1 @@
1
- {"version":3,"file":"IconYoutubeDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconYoutubeDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;GAOG;AACH,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CAmBP;AAED,eAAe,kBAAkB,CAAC"}
1
+ {"version":3,"file":"IconYoutubeDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconYoutubeDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;GAQG;AACH,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CAmBP;AAED,eAAe,kBAAkB,CAAC"}
@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const jsx_runtime_1 = require("react/jsx-runtime");
4
4
  /**
5
5
  * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
6
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
6
7
  * @example
7
8
  * ```tsx
8
9
  * <Icon width={24} height={24} className="text-gray-500" />
@@ -8,19 +8,22 @@ export interface ToggleProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement
8
8
  onCheckedChange?: (checked: boolean) => void;
9
9
  }
10
10
  /**
11
- * `Toggle` 컴포넌트는 즉각적인 상태 전환(켜기/끄기)을 위한 요소로, 활성화/비활성화 기능을 나타냅니다.
11
+ * `Toggle`: 즉각적인 상태 전환(켜기/끄기)을 위한 요소로, 활성화/비활성화 기능을 나타냅니다.
12
+ * @see [RDS Storybook: Toggle](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-toggle--docs)
12
13
  * @example
13
14
  * ```tsx
14
15
  * const [checked, setChecked] = useState(false)
15
16
  * // Controlled
16
- * <Toggle
17
- * checked={checked}
18
- * onCheckedChange={setChecked}
19
- * />
20
- * // UnControlled
21
- * <Toggle defaultChecked={true}
22
- * />
17
+ * <Toggle
18
+ * checked={checked}
19
+ * onCheckedChange={setChecked}
20
+ * />
21
+ * // UnControlled
22
+ * <Toggle defaultChecked={true}
23
+ * />
23
24
  * ```
25
+ *
26
+ *
24
27
  */
25
28
  export declare function Toggle({ checked: controlledChecked, defaultChecked, disabled, onCheckedChange, ...props }: ToggleProps): import("react/jsx-runtime").JSX.Element;
26
29
  export declare namespace Toggle {
@@ -1 +1 @@
1
- {"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAY,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,EAAiB,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEhE,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,EAC/D,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9C;AAED;;;;;;;;;;;;;;GAcG;AAEH,wBAAgB,MAAM,CAAC,EACrB,OAAO,EAAE,iBAAiB,EAC1B,cAAc,EACd,QAAQ,EACR,eAAe,EACf,GAAG,KAAK,EACT,EAAE,WAAW,2CAmCb;yBAzCe,MAAM"}
1
+ {"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAY,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,EAAiB,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEhE,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,EAC/D,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9C;AAED;;;;;;;;;;;;;;;;;GAiBG;AAEH,wBAAgB,MAAM,CAAC,EACrB,OAAO,EAAE,iBAAiB,EAC1B,cAAc,EACd,QAAQ,EACR,eAAe,EACf,GAAG,KAAK,EACT,EAAE,WAAW,2CAmCb;yBAzCe,MAAM"}
@@ -7,19 +7,22 @@ const react_1 = require("react");
7
7
  const style_1 = require("../../utils/style");
8
8
  const Toggle_styles_1 = require("./Toggle.styles");
9
9
  /**
10
- * `Toggle` 컴포넌트는 즉각적인 상태 전환(켜기/끄기)을 위한 요소로, 활성화/비활성화 기능을 나타냅니다.
10
+ * `Toggle`: 즉각적인 상태 전환(켜기/끄기)을 위한 요소로, 활성화/비활성화 기능을 나타냅니다.
11
+ * @see [RDS Storybook: Toggle](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-toggle--docs)
11
12
  * @example
12
13
  * ```tsx
13
14
  * const [checked, setChecked] = useState(false)
14
15
  * // Controlled
15
- * <Toggle
16
- * checked={checked}
17
- * onCheckedChange={setChecked}
18
- * />
19
- * // UnControlled
20
- * <Toggle defaultChecked={true}
21
- * />
16
+ * <Toggle
17
+ * checked={checked}
18
+ * onCheckedChange={setChecked}
19
+ * />
20
+ * // UnControlled
21
+ * <Toggle defaultChecked={true}
22
+ * />
22
23
  * ```
24
+ *
25
+ *
23
26
  */
24
27
  function Toggle({ checked: controlledChecked, defaultChecked, disabled, onCheckedChange, ...props }) {
25
28
  const [uncontrolledChecked, setUncontrolledChecked] = (0, react_1.useState)(defaultChecked);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@reitwagen/design-components",
3
- "version": "0.3.0",
3
+ "version": "0.3.1",
4
4
  "sideEffects": [
5
5
  "**/*.css"
6
6
  ],
@@ -49,9 +49,9 @@
49
49
  "tailwindcss": "^4.1.5",
50
50
  "ts-node": "^10.9.2",
51
51
  "typescript": "5.9.2",
52
+ "@reitwagen/typescript-config": "0.0.0",
52
53
  "@reitwagen/eslint-config": "0.0.0",
53
- "@reitwagen/tailwind-config": "0.0.0",
54
- "@reitwagen/typescript-config": "0.0.0"
54
+ "@reitwagen/tailwind-config": "0.0.0"
55
55
  },
56
56
  "dependencies": {
57
57
  "axios": "^1.13.2",