@popsure/dirty-swan 20.0.11 → 27.0.2

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 (288) hide show
  1. package/Readme.md +10 -1
  2. package/dist/assets/checkmark.svg +1 -1
  3. package/dist/assets/icon-form-dropdown.svg +1 -1
  4. package/dist/index.css +1169 -137
  5. package/dist/index.css.map +1 -1
  6. package/dist/index.d.ts +2 -2
  7. package/dist/index.js +8453 -13347
  8. package/dist/index.js.map +1 -1
  9. package/dist/lib/components/button/index.d.ts +1 -1
  10. package/dist/lib/components/cards/cardButton/index.d.ts +16 -0
  11. package/dist/lib/components/cards/cardWithLeftIcon/index.d.ts +2 -2
  12. package/dist/lib/components/cards/cardWithTopIcon/index.d.ts +2 -2
  13. package/dist/lib/components/cards/cardWithTopLeftIcon/index.d.ts +2 -2
  14. package/dist/lib/components/cards/icons/index.d.ts +2 -1
  15. package/dist/lib/components/cards/index.d.ts +3 -2
  16. package/dist/lib/components/comparisonTable/components/Chevron.d.ts +5 -0
  17. package/dist/lib/components/comparisonTable/components/Row/index.d.ts +12 -0
  18. package/dist/lib/components/comparisonTable/components/TableArrows/Arrow.d.ts +5 -0
  19. package/dist/lib/components/comparisonTable/components/TableArrows/index.d.ts +9 -0
  20. package/dist/lib/components/comparisonTable/components/TableInfoButton/index.d.ts +6 -0
  21. package/dist/lib/components/comparisonTable/components/TableRating/StarIcon.d.ts +5 -0
  22. package/dist/lib/components/comparisonTable/components/TableRating/ZapIcon.d.ts +5 -0
  23. package/dist/lib/components/comparisonTable/components/TableRating/index.d.ts +8 -0
  24. package/dist/lib/components/comparisonTable/components/TableRowHeader/index.d.ts +8 -0
  25. package/dist/lib/components/comparisonTable/components/TableTrueFalse.d.ts +6 -0
  26. package/dist/lib/components/comparisonTable/hooks/useActiveTableArrows.d.ts +10 -0
  27. package/dist/lib/components/comparisonTable/index.d.ts +45 -0
  28. package/dist/lib/components/downloadButton/index.d.ts +10 -0
  29. package/dist/lib/components/input/autoSuggestInput/index.d.ts +2 -1
  30. package/dist/lib/components/input/autoSuggestMultiSelect/index.d.ts +2 -1
  31. package/dist/lib/components/input/index.d.ts +3 -3
  32. package/dist/lib/components/modal/bottomModal/index.d.ts +1 -1
  33. package/dist/lib/components/modal/hooks/useOnClose.d.ts +7 -0
  34. package/dist/lib/components/modal/index.d.ts +2 -0
  35. package/dist/lib/components/modal/regularModal/index.d.ts +1 -1
  36. package/dist/lib/components/segmentedControl/index.d.ts +12 -0
  37. package/dist/lib/index.d.ts +7 -2
  38. package/dist/lib/models/download.d.ts +1 -0
  39. package/dist/lib/scss/private/_reset.scss +10 -1
  40. package/dist/lib/scss/private/base/_border_radius.scss +15 -0
  41. package/dist/lib/scss/private/base/_display.scss +4 -0
  42. package/dist/lib/scss/private/base/_grid.scss +44 -0
  43. package/dist/lib/scss/private/base/_index.scss +2 -0
  44. package/dist/lib/scss/private/base/_spacing.scss +64 -18
  45. package/dist/lib/scss/private/base/_typography.scss +7 -0
  46. package/dist/lib/scss/private/base/demo.tsx +4 -0
  47. package/dist/lib/scss/private/base/flex/_flex.scss +63 -0
  48. package/dist/lib/scss/private/base/flex/style.module.scss +24 -0
  49. package/dist/lib/scss/private/base/style.module.scss +10 -0
  50. package/dist/lib/scss/private/components/_buttons.scss +4 -4
  51. package/dist/lib/scss/private/components/_input.scss +6 -4
  52. package/dist/lib/scss/private/components/_notices.scss +13 -1
  53. package/dist/lib/scss/private/components/assets/checkmark.svg +1 -1
  54. package/dist/lib/scss/private/components/assets/icon-form-dropdown.svg +1 -1
  55. package/dist/lib/scss/public/colors/default.scss +38 -0
  56. package/dist/lib/scss/public/demo.tsx +109 -22
  57. package/package.json +6 -3
  58. package/src/App.tsx +50 -0
  59. package/src/bin/index.ts +71 -0
  60. package/src/bin/tsconfig.json +13 -0
  61. package/src/bin/util/index.test.ts +85 -0
  62. package/src/bin/util/index.ts +132 -0
  63. package/src/bin/util/test/data.json +13 -0
  64. package/src/colors.scss +1 -0
  65. package/src/font-weight.scss +1 -0
  66. package/src/grid.scss +1 -0
  67. package/src/index.tsx +37 -0
  68. package/src/intro.stories.mdx +41 -0
  69. package/src/lib/components/autocompleteAddress/demo.tsx +38 -0
  70. package/src/lib/components/autocompleteAddress/index.stories.mdx +44 -0
  71. package/src/lib/components/autocompleteAddress/index.tsx +327 -0
  72. package/src/lib/components/autocompleteAddress/mapStyle.ts +187 -0
  73. package/src/lib/components/autocompleteAddress/style.module.scss +82 -0
  74. package/src/lib/components/autocompleteAddress/util/index.test.ts +51 -0
  75. package/src/lib/components/autocompleteAddress/util/index.ts +59 -0
  76. package/src/lib/components/button/icons/index.ts +14 -0
  77. package/src/lib/components/button/icons/send-purple.svg +4 -0
  78. package/src/lib/components/button/icons/send-white.svg +4 -0
  79. package/src/lib/components/button/index.stories.mdx +121 -0
  80. package/src/lib/components/button/index.tsx +64 -0
  81. package/src/lib/components/button/styles.module.scss +5 -0
  82. package/src/lib/components/cards/a.stories.mdx +44 -0
  83. package/src/lib/components/cards/cardButton/index.stories.mdx +47 -0
  84. package/src/lib/components/cards/cardButton/index.tsx +61 -0
  85. package/src/lib/components/cards/cardButton/style.module.scss +33 -0
  86. package/src/lib/components/cards/cardWithLeftIcon/index.stories.mdx +103 -0
  87. package/src/lib/components/cards/cardWithLeftIcon/index.tsx +87 -0
  88. package/src/lib/components/cards/cardWithLeftIcon/style.module.scss +23 -0
  89. package/src/lib/components/cards/cardWithTopIcon/index.stories.mdx +105 -0
  90. package/src/lib/components/cards/cardWithTopIcon/index.tsx +60 -0
  91. package/src/lib/components/cards/cardWithTopIcon/style.module.scss +10 -0
  92. package/src/lib/components/cards/cardWithTopLeftIcon/index.stories.mdx +101 -0
  93. package/src/lib/components/cards/cardWithTopLeftIcon/index.tsx +72 -0
  94. package/src/lib/components/cards/cardWithTopLeftIcon/style.module.scss +21 -0
  95. package/src/lib/components/cards/icons/arrow-right.svg +4 -0
  96. package/src/lib/components/cards/icons/chevron-right.svg +3 -0
  97. package/src/lib/components/cards/icons/feather-logo.svg +10 -0
  98. package/src/lib/components/cards/icons/index.ts +36 -0
  99. package/src/lib/components/cards/icons/info.svg +12 -0
  100. package/src/lib/components/cards/index.test.ts +37 -0
  101. package/src/lib/components/cards/index.tsx +57 -0
  102. package/src/lib/components/cards/infoCard/index.stories.mdx +61 -0
  103. package/src/lib/components/cards/infoCard/index.tsx +47 -0
  104. package/src/lib/components/cards/infoCard/style.module.scss +53 -0
  105. package/src/lib/components/chip/icons/remove-button-highlighted.svg +4 -0
  106. package/src/lib/components/chip/icons/remove-button.svg +4 -0
  107. package/src/lib/components/chip/index.stories.mdx +101 -0
  108. package/src/lib/components/chip/index.tsx +38 -0
  109. package/src/lib/components/chip/style.module.scss +54 -0
  110. package/src/lib/components/comparisonTable/components/Chevron.tsx +19 -0
  111. package/src/lib/components/comparisonTable/components/Row/index.tsx +68 -0
  112. package/src/lib/components/comparisonTable/components/Row/style.module.scss +114 -0
  113. package/src/lib/components/comparisonTable/components/TableArrows/Arrow.tsx +19 -0
  114. package/src/lib/components/comparisonTable/components/TableArrows/index.tsx +52 -0
  115. package/src/lib/components/comparisonTable/components/TableArrows/style.module.scss +53 -0
  116. package/src/lib/components/comparisonTable/components/TableInfoButton/index.tsx +37 -0
  117. package/src/lib/components/comparisonTable/components/TableInfoButton/style.module.scss +30 -0
  118. package/src/lib/components/comparisonTable/components/TableRating/StarIcon.tsx +13 -0
  119. package/src/lib/components/comparisonTable/components/TableRating/ZapIcon.tsx +17 -0
  120. package/src/lib/components/comparisonTable/components/TableRating/index.tsx +45 -0
  121. package/src/lib/components/comparisonTable/components/TableRating/style.module.scss +13 -0
  122. package/src/lib/components/comparisonTable/components/TableRowHeader/index.tsx +35 -0
  123. package/src/lib/components/comparisonTable/components/TableRowHeader/style.module.scss +3 -0
  124. package/src/lib/components/comparisonTable/components/TableTrueFalse.tsx +40 -0
  125. package/src/lib/components/comparisonTable/hooks/useActiveTableArrows.ts +63 -0
  126. package/src/lib/components/comparisonTable/index.stories.mdx +254 -0
  127. package/src/lib/components/comparisonTable/index.tsx +211 -0
  128. package/src/lib/components/comparisonTable/style.module.scss +104 -0
  129. package/src/lib/components/dateSelector/datepicker.scss +406 -0
  130. package/src/lib/components/dateSelector/icons/calendar.svg +6 -0
  131. package/src/lib/components/dateSelector/icons/chevron-left.svg +3 -0
  132. package/src/lib/components/dateSelector/icons/chevron-right.svg +3 -0
  133. package/src/lib/components/dateSelector/index.stories.mdx +62 -0
  134. package/src/lib/components/dateSelector/index.test.ts +33 -0
  135. package/src/lib/components/dateSelector/index.tsx +247 -0
  136. package/src/lib/components/dateSelector/style.module.scss +77 -0
  137. package/src/lib/components/downloadButton/icons/check.svg +3 -0
  138. package/src/lib/components/downloadButton/icons/download.svg +5 -0
  139. package/src/lib/components/downloadButton/index.stories.mdx +59 -0
  140. package/src/lib/components/downloadButton/index.tsx +67 -0
  141. package/src/lib/components/downloadButton/style.module.scss +19 -0
  142. package/src/lib/components/downloadRing/icons/check-outside-circle.tsx +26 -0
  143. package/src/lib/components/downloadRing/icons/download-cloud.tsx +18 -0
  144. package/src/lib/components/downloadRing/icons/style.module.scss +7 -0
  145. package/src/lib/components/downloadRing/index.stories.mdx +35 -0
  146. package/src/lib/components/downloadRing/index.tsx +79 -0
  147. package/src/lib/components/downloadRing/style.module.scss +66 -0
  148. package/src/lib/components/dropzone/images/error.tsx +18 -0
  149. package/src/lib/components/dropzone/images/file.tsx +26 -0
  150. package/src/lib/components/dropzone/images/style.module.scss +7 -0
  151. package/src/lib/components/dropzone/images/upload-complete.tsx +24 -0
  152. package/src/lib/components/dropzone/images/upload.tsx +18 -0
  153. package/src/lib/components/dropzone/index.stories.mdx +44 -0
  154. package/src/lib/components/dropzone/index.tsx +152 -0
  155. package/src/lib/components/dropzone/style.module.scss +90 -0
  156. package/src/lib/components/input/a.stories.mdx +28 -0
  157. package/src/lib/components/input/autoSuggestInput/index.stories.mdx +137 -0
  158. package/src/lib/components/input/autoSuggestInput/index.tsx +81 -0
  159. package/src/lib/components/input/autoSuggestInput/style.module.scss +71 -0
  160. package/src/lib/components/input/autoSuggestMultiSelect/index.stories.mdx +115 -0
  161. package/src/lib/components/input/autoSuggestMultiSelect/index.tsx +75 -0
  162. package/src/lib/components/input/autoSuggestMultiSelect/style.module.scss +4 -0
  163. package/src/lib/components/input/currency/format/index.test.ts +49 -0
  164. package/src/lib/components/input/currency/format/index.ts +15 -0
  165. package/src/lib/components/input/currency/index.stories.mdx +25 -0
  166. package/src/lib/components/input/currency/index.test.tsx +56 -0
  167. package/src/lib/components/input/currency/index.tsx +53 -0
  168. package/src/lib/components/input/iban/formatIban/index.test.ts +11 -0
  169. package/src/lib/components/input/iban/formatIban/index.ts +22 -0
  170. package/src/lib/components/input/iban/index.stories.mdx +21 -0
  171. package/src/lib/components/input/iban/index.tsx +20 -0
  172. package/src/lib/components/input/index.stories.mdx +62 -0
  173. package/src/lib/components/input/index.tsx +51 -0
  174. package/src/lib/components/input/style.module.scss +94 -0
  175. package/src/lib/components/modal/bottomModal/img/close.svg +4 -0
  176. package/src/lib/components/modal/bottomModal/index.tsx +68 -0
  177. package/src/lib/components/modal/bottomModal/style.module.scss +104 -0
  178. package/src/lib/components/modal/bottomOrRegularModal/index.tsx +43 -0
  179. package/src/lib/components/modal/bottomOrRegularModal/style.module.scss +16 -0
  180. package/src/lib/components/modal/hooks/useOnClose.ts +54 -0
  181. package/src/lib/components/modal/index.stories.mdx +313 -0
  182. package/src/lib/components/modal/index.ts +14 -0
  183. package/src/lib/components/modal/regularModal/img/close.svg +4 -0
  184. package/src/lib/components/modal/regularModal/index.tsx +55 -0
  185. package/src/lib/components/modal/regularModal/style.module.scss +114 -0
  186. package/src/lib/components/multiDropzone/UploadFileCell/index.tsx +138 -0
  187. package/src/lib/components/multiDropzone/UploadFileCell/style.module.scss +101 -0
  188. package/src/lib/components/multiDropzone/icons/bmp-complete.svg +10 -0
  189. package/src/lib/components/multiDropzone/icons/bmp.svg +10 -0
  190. package/src/lib/components/multiDropzone/icons/doc-complete.svg +11 -0
  191. package/src/lib/components/multiDropzone/icons/doc.svg +11 -0
  192. package/src/lib/components/multiDropzone/icons/docx-complete.svg +12 -0
  193. package/src/lib/components/multiDropzone/icons/docx.svg +12 -0
  194. package/src/lib/components/multiDropzone/icons/eye.svg +4 -0
  195. package/src/lib/components/multiDropzone/icons/generic-complete.svg +4 -0
  196. package/src/lib/components/multiDropzone/icons/generic-error.svg +7 -0
  197. package/src/lib/components/multiDropzone/icons/generic.svg +4 -0
  198. package/src/lib/components/multiDropzone/icons/heic-complete.svg +11 -0
  199. package/src/lib/components/multiDropzone/icons/heic.svg +11 -0
  200. package/src/lib/components/multiDropzone/icons/index.ts +51 -0
  201. package/src/lib/components/multiDropzone/icons/jpeg-complete.svg +11 -0
  202. package/src/lib/components/multiDropzone/icons/jpeg.svg +11 -0
  203. package/src/lib/components/multiDropzone/icons/jpg-complete.svg +10 -0
  204. package/src/lib/components/multiDropzone/icons/jpg.svg +10 -0
  205. package/src/lib/components/multiDropzone/icons/pdf-complete.svg +8 -0
  206. package/src/lib/components/multiDropzone/icons/pdf.svg +8 -0
  207. package/src/lib/components/multiDropzone/icons/png-complete.svg +10 -0
  208. package/src/lib/components/multiDropzone/icons/png.svg +10 -0
  209. package/src/lib/components/multiDropzone/icons/trash.svg +6 -0
  210. package/src/lib/components/multiDropzone/icons/upload.svg +5 -0
  211. package/src/lib/components/multiDropzone/index.stories.mdx +91 -0
  212. package/src/lib/components/multiDropzone/index.tsx +99 -0
  213. package/src/lib/components/multiDropzone/style.module.scss +32 -0
  214. package/src/lib/components/segmentedControl/index.stories.mdx +47 -0
  215. package/src/lib/components/segmentedControl/index.tsx +105 -0
  216. package/src/lib/components/segmentedControl/style.module.scss +36 -0
  217. package/src/lib/components/signaturePad/img/reset.svg +4 -0
  218. package/src/lib/components/signaturePad/img/sign.svg +3 -0
  219. package/src/lib/components/signaturePad/index.stories.mdx +17 -0
  220. package/src/lib/components/signaturePad/index.tsx +96 -0
  221. package/src/lib/components/signaturePad/style.module.scss +90 -0
  222. package/src/lib/index.tsx +71 -0
  223. package/src/lib/models/autoSuggestInput/index.ts +4 -0
  224. package/src/lib/models/download.ts +1 -0
  225. package/src/lib/models/downloadRing/index.ts +6 -0
  226. package/src/lib/scss/index.scss +22 -0
  227. package/src/lib/scss/private/_reset.scss +154 -0
  228. package/src/lib/scss/private/base/_border_radius.scss +15 -0
  229. package/src/lib/scss/private/base/_colors.scss +19 -0
  230. package/src/lib/scss/private/base/_cursors.scss +31 -0
  231. package/src/lib/scss/private/base/_display.scss +35 -0
  232. package/src/lib/scss/private/base/_grid.scss +60 -0
  233. package/src/lib/scss/private/base/_index.scss +10 -0
  234. package/src/lib/scss/private/base/_shadows.scss +2 -0
  235. package/src/lib/scss/private/base/_spacing.scss +89 -0
  236. package/src/lib/scss/private/base/_typography.scss +135 -0
  237. package/src/lib/scss/private/base/_width_and_height.scss +25 -0
  238. package/src/lib/scss/private/base/border_radius.stories.mdx +43 -0
  239. package/src/lib/scss/private/base/cursors.stories.mdx +18 -0
  240. package/src/lib/scss/private/base/demo.tsx +123 -0
  241. package/src/lib/scss/private/base/display.stories.mdx +19 -0
  242. package/src/lib/scss/private/base/flex/_flex.scss +63 -0
  243. package/src/lib/scss/private/base/flex/flex.stories.mdx +139 -0
  244. package/src/lib/scss/private/base/flex/style.module.scss +24 -0
  245. package/src/lib/scss/private/base/spacing.stories.mdx +185 -0
  246. package/src/lib/scss/private/base/style.module.scss +52 -0
  247. package/src/lib/scss/private/base/typography.stories.mdx +74 -0
  248. package/src/lib/scss/private/base/width_and_height.stories.mdx +172 -0
  249. package/src/lib/scss/private/components/_badge.scss +41 -0
  250. package/src/lib/scss/private/components/_buttons.scss +193 -0
  251. package/src/lib/scss/private/components/_cards.scss +32 -0
  252. package/src/lib/scss/private/components/_index.scss +6 -0
  253. package/src/lib/scss/private/components/_input.scss +238 -0
  254. package/src/lib/scss/private/components/_notices.scss +39 -0
  255. package/src/lib/scss/private/components/_spinner.scss +60 -0
  256. package/src/lib/scss/private/components/assets/checkmark.svg +3 -0
  257. package/src/lib/scss/private/components/assets/icon-form-dropdown.svg +3 -0
  258. package/src/lib/scss/private/components/badge.stories.mdx +37 -0
  259. package/src/lib/scss/private/components/button.stories.mdx +107 -0
  260. package/src/lib/scss/private/components/cards.stories.mdx +35 -0
  261. package/src/lib/scss/private/components/checkbox.stories.mdx +47 -0
  262. package/src/lib/scss/private/components/input.stories.mdx +33 -0
  263. package/src/lib/scss/private/components/notices.stories.mdx +37 -0
  264. package/src/lib/scss/private/components/radio.stories.mdx +47 -0
  265. package/src/lib/scss/private/components/select.stories.mdx +17 -0
  266. package/src/lib/scss/private/components/spinner.stories.mdx +25 -0
  267. package/src/lib/scss/public/colors/_index.scss +2 -0
  268. package/src/lib/scss/public/colors/default.scss +130 -0
  269. package/src/lib/scss/public/colors/overrides.scss +0 -0
  270. package/src/lib/scss/public/colors.stories.mdx +27 -0
  271. package/src/lib/scss/public/demo.tsx +297 -0
  272. package/src/lib/scss/public/font/_index.scss +2 -0
  273. package/src/lib/scss/public/font/default.scss +3 -0
  274. package/src/lib/scss/public/font/overrides.scss +0 -0
  275. package/src/lib/scss/public/font-weight.scss +9 -0
  276. package/src/lib/scss/public/font-weight.stories.mdx +32 -0
  277. package/src/lib/scss/public/grid.scss +21 -0
  278. package/src/lib/scss/public/grid.stories.mdx +41 -0
  279. package/src/lib/scss/third-party/_google_places.scss +62 -0
  280. package/src/lib/scss/third-party/_index.scss +1 -0
  281. package/src/lib/scss/utils/_index.scss +3 -0
  282. package/src/lib/util/calendarDate/index.test.ts +32 -0
  283. package/src/lib/util/calendarDate/index.ts +30 -0
  284. package/src/lib/util/zeroFill.test.ts +15 -0
  285. package/src/lib/util/zeroFill.ts +7 -0
  286. package/src/react-app-env.d.ts +1 -0
  287. package/src/setupTests.js +8 -0
  288. package/src/theme.stories.mdx +54 -0
package/Readme.md CHANGED
@@ -8,10 +8,19 @@ Dirty Swan UI is the Design system used at [Feather Insurance](https://feather-i
8
8
 
9
9
  See our official website for installation and usage [dirtyswan.design](http://dirtyswan.design/)
10
10
 
11
+ ### Preview
12
+
13
+ Start the development server using
14
+
15
+ ```shell
16
+ yarn storybook
17
+ ```
18
+
11
19
  ## Contributing
12
20
 
13
21
  ### Releasing a new version
14
22
 
15
- To release a new version, use "Draft a new release" on GitHub (please refer to [Managing a release in a repository](https://docs.github.com/en/github/administering-a-repository/releasing-projects-on-github/managing-releases-in-a-repository)). You'll need to specify a correct "Tag version" that is following [Semantic Versioning](https://semver.org) (or semver).
23
+ 1. Create a tag with the correct version number that follow the [Semantic Versioning](https://semver.org) standard (e.g. `git tag v27.0.0)
24
+ 2. Use the "Draft a new release" on GitHub and write down some release notes containing "what's updated", "breaking change" (if any) and "Migration from previous version" (if any)
16
25
 
17
26
  GitHub Action will then automatically pick it up from there and release the new version for you.
@@ -1,3 +1,3 @@
1
1
  <svg width="12" height="9" viewBox="0 0 12 9" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M10.6667 1.5L4.25 7.91667L1.33334 5" stroke="#F4F4F9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2
+ <path d="M10.6667 1.5L4.25 7.91667L1.33334 5" stroke="#F4F4F9" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
3
3
  </svg>
@@ -1,3 +1,3 @@
1
1
  <svg width="32" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M6 9L12 15L18 9" stroke="#B4B4BA" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2
+ <path d="M6 9L12 15L18 9" stroke="#B4B4BA" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
3
3
  </svg>