@flightlesslabs/dodo-ui 0.10.3 → 0.11.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 (212) hide show
  1. package/dist/index.d.ts +3 -3
  2. package/dist/index.js +2 -2
  3. package/dist/stories/components/Form/DatePicker/DatePicker.stories.svelte +16 -0
  4. package/dist/stories/components/Form/DatePicker/DatePicker.svelte +3 -12
  5. package/dist/stories/components/Form/DatePicker/DatePicker.svelte.d.ts +3 -1
  6. package/dist/stories/components/Form/DatePicker/Positions/AutoPosition/AutoPosition.stories.svelte +43 -0
  7. package/dist/stories/components/Form/DatePicker/Positions/AutoPosition/AutoPosition.stories.svelte.d.ts +18 -0
  8. package/dist/stories/components/Form/DatePicker/Positions/Positions.stories.svelte +54 -0
  9. package/dist/stories/components/Form/DatePicker/Positions/Positions.stories.svelte.d.ts +18 -0
  10. package/dist/stories/components/Info/Calendar/Calendar.stories.svelte +14 -0
  11. package/dist/stories/components/Info/Calendar/Calendar.svelte +2 -1
  12. package/dist/stories/components/Info/Calendar/Calendar.svelte.d.ts +3 -3
  13. package/dist/stories/components/Info/Calendar/SubComponents/CalendarDatesChart/CalendarDateChip/CalendarDateChip.svelte +2 -215
  14. package/dist/stories/components/Info/Calendar/SubComponents/CalendarDatesChart/CalendarDateChip/CalendarDateChip.svelte.d.ts +1 -7
  15. package/dist/stories/components/Info/Calendar/SubComponents/CalendarDatesChart/CalendarDateChip/utils/scss/mixins.scss +0 -46
  16. package/dist/stories/components/Info/Calendar/SubComponents/CalendarDatesChart/CalendarDatesChart.stories.svelte +14 -0
  17. package/dist/stories/components/Info/Calendar/SubComponents/CalendarDatesChart/CalendarDatesChart.svelte +3 -25
  18. package/dist/stories/components/Info/Calendar/SubComponents/CalendarDatesChart/CalendarDatesChart.svelte.d.ts +4 -5
  19. package/dist/stories/components/Info/Calendar/utils/createDateOfMonth/createDateOfMonth.d.ts +27 -0
  20. package/dist/stories/components/Info/Calendar/utils/createDateOfMonth/createDateOfMonth.js +72 -0
  21. package/dist/stories/components/Info/Calendar/utils/createDateOfMonth/index.mdx +121 -0
  22. package/dist/stories/components/Info/Calendar/utils/getDatesOfMonth/getDatesOfMonth.d.ts +10 -0
  23. package/dist/stories/components/Info/Calendar/utils/{getDatesOfMonth.js → getDatesOfMonth/getDatesOfMonth.js} +20 -13
  24. package/dist/stories/components/Info/Calendar/utils/getDatesOfMonth/index.mdx +37 -0
  25. package/dist/stories/components/Info/Calendar/utils/types.d.ts +0 -4
  26. package/dist/stories/developer tools/components/Popper/Popper.stories.svelte +16 -0
  27. package/dist/stories/developer tools/components/Popper/Popper.svelte +10 -14
  28. package/dist/stories/developer tools/components/Popper/Popper.svelte.d.ts +2 -0
  29. package/dist/stories/developer tools/components/Popper/PopperPopup/PopperPopup.svelte +25 -11
  30. package/dist/stories/developer tools/components/Popper/PopperPopup/PopperPopup.svelte.d.ts +2 -0
  31. package/dist/stories/developer tools/components/Popper/PopperPopup/utils/getPopupPosition.d.ts +10 -8
  32. package/dist/stories/developer tools/components/Popper/PopperPopup/utils/getPopupPosition.js +40 -23
  33. package/dist/stories/developer tools/helpers/Time/getMoment/getMoment.d.ts +10 -11
  34. package/dist/stories/developer tools/helpers/Time/getMoment/getMoment.js +8 -8
  35. package/dist/stories/developer tools/helpers/Time/getMoment/index.mdx +31 -4
  36. package/package.json +21 -23
  37. package/src/lib/index.ts +3 -3
  38. package/src/lib/stories/Home.mdx +59 -0
  39. package/src/lib/stories/assets/dark-theme-toggle.png +0 -0
  40. package/src/lib/stories/components/Form/Button/Button.stories.svelte +61 -0
  41. package/src/lib/stories/components/Form/Button/Color/Color.stories.svelte +43 -0
  42. package/src/lib/stories/components/Form/Button/Events/Events.stories.svelte +36 -0
  43. package/src/lib/stories/components/Form/Button/IconButton/IconButton.stories.svelte +43 -0
  44. package/src/lib/stories/components/Form/Button/Roundness/Roundness.stories.svelte +23 -0
  45. package/src/lib/stories/components/Form/Button/Size/Size.stories.svelte +16 -0
  46. package/src/lib/stories/components/Form/Button/Variant/Variant.stories.svelte +18 -0
  47. package/src/lib/stories/components/Form/DatePicker/Color/Color.stories.svelte +47 -0
  48. package/src/lib/stories/components/Form/DatePicker/Controls/Controls.stories.svelte +58 -0
  49. package/src/lib/stories/components/Form/DatePicker/Customize/Customize.stories.svelte +167 -0
  50. package/src/lib/stories/components/Form/DatePicker/DatePicker.stories.svelte +107 -0
  51. package/src/lib/stories/components/Form/DatePicker/DatePicker.svelte +11 -13
  52. package/src/lib/stories/components/Form/DatePicker/Events/Events.stories.svelte +147 -0
  53. package/src/lib/stories/components/Form/DatePicker/FilterDates/FilterDates.stories.svelte +61 -0
  54. package/src/lib/stories/components/Form/DatePicker/Positions/AutoPosition/AutoPosition.stories.svelte +46 -0
  55. package/src/lib/stories/components/Form/DatePicker/Positions/Positions.stories.svelte +57 -0
  56. package/src/lib/stories/components/Form/DatePicker/Roundness/Roundness.stories.svelte +38 -0
  57. package/src/lib/stories/components/Form/DatePicker/Size/Size.stories.svelte +41 -0
  58. package/src/lib/stories/components/Form/DatePicker/WithIcon/WithIcon.stories.svelte +41 -0
  59. package/src/lib/stories/components/Form/FormControl/FormControl.stories.svelte +28 -0
  60. package/src/lib/stories/components/Form/Label/Label.stories.svelte +13 -0
  61. package/src/lib/stories/components/Form/Message/Color/Color.stories.svelte +36 -0
  62. package/src/lib/stories/components/Form/Message/Message.stories.svelte +27 -0
  63. package/src/lib/stories/components/Form/Message/Size/Size.stories.svelte +22 -0
  64. package/src/lib/stories/components/Form/NumericInput/Events/Events.stories.svelte +134 -0
  65. package/src/lib/stories/components/Form/NumericInput/NumericInput.stories.svelte +84 -0
  66. package/src/lib/stories/components/Form/NumericInput/Validation/Validation.stories.svelte +87 -0
  67. package/src/lib/stories/components/Form/PasswordInput/Events/Events.stories.svelte +132 -0
  68. package/src/lib/stories/components/Form/PasswordInput/PasswordInput.stories.svelte +58 -0
  69. package/src/lib/stories/components/Form/PasswordInput/Roundness/Roundness.stories.svelte +20 -0
  70. package/src/lib/stories/components/Form/PasswordInput/Size/Size.stories.svelte +16 -0
  71. package/src/lib/stories/components/Form/PasswordInput/WithIcon/WithIcon.stories.svelte +31 -0
  72. package/src/lib/stories/components/Form/Select/Customize/Customize.stories.svelte +139 -0
  73. package/src/lib/stories/components/Form/Select/DropDownArrow/DropDownArrow.stories.svelte +63 -0
  74. package/src/lib/stories/components/Form/Select/Events/Events.stories.svelte +174 -0
  75. package/src/lib/stories/components/Form/Select/Options/OptionFormat.mdx +40 -0
  76. package/src/lib/stories/components/Form/Select/Positions/AutoPosition/AutoPosition.stories.svelte +58 -0
  77. package/src/lib/stories/components/Form/Select/Positions/Positions.stories.svelte +87 -0
  78. package/src/lib/stories/components/Form/Select/Roundness/Roundness.stories.svelte +32 -0
  79. package/src/lib/stories/components/Form/Select/Select.stories.svelte +125 -0
  80. package/src/lib/stories/components/Form/Select/Size/Size.stories.svelte +28 -0
  81. package/src/lib/stories/components/Form/Select/WithIcon/WithIcon.stories.svelte +43 -0
  82. package/src/lib/stories/components/Form/TextInput/Events/Events.stories.svelte +125 -0
  83. package/src/lib/stories/components/Form/TextInput/Roundness/Roundness.stories.svelte +21 -0
  84. package/src/lib/stories/components/Form/TextInput/Size/Size.stories.svelte +17 -0
  85. package/src/lib/stories/components/Form/TextInput/TextInput.stories.svelte +43 -0
  86. package/src/lib/stories/components/Form/TextInput/WithIcon/WithIcon.stories.svelte +47 -0
  87. package/src/lib/stories/components/Info/Calendar/Calendar.stories.svelte +121 -0
  88. package/src/lib/stories/components/Info/Calendar/Calendar.svelte +8 -2
  89. package/src/lib/stories/components/Info/Calendar/Color/Color.stories.svelte +23 -0
  90. package/src/lib/stories/components/Info/Calendar/Controls/Controls.stories.svelte +26 -0
  91. package/src/lib/stories/components/Info/Calendar/Customize/Customize.stories.svelte +160 -0
  92. package/src/lib/stories/components/Info/Calendar/Events/Events.stories.svelte +122 -0
  93. package/src/lib/stories/components/Info/Calendar/FilterDates/FilterDates.stories.svelte +70 -0
  94. package/src/lib/stories/components/Info/Calendar/Size/Size.stories.svelte +20 -0
  95. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarControls/CalendarControls.stories.svelte +36 -0
  96. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarControls/CalendarMonthSelector/CalendarMonthSelector.stories.svelte +58 -0
  97. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarControls/CalendarMonthSelector/Color/Color.stories.svelte +23 -0
  98. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarControls/CalendarMonthSelector/Customize/Customize.stories.svelte +30 -0
  99. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarControls/CalendarMonthSelector/Events/Events.stories.svelte +25 -0
  100. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarControls/CalendarMonthSelector/NameTypes/NameTypes.stories.svelte +25 -0
  101. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarControls/CalendarMonthSelector/Roundness/Roundness.stories.svelte +26 -0
  102. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarControls/CalendarMonthSelector/Size/Size.stories.svelte +20 -0
  103. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarControls/CalendarNavigation/CalendarNavigation.stories.svelte +36 -0
  104. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarControls/CalendarNavigation/Color/Color.stories.svelte +19 -0
  105. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarControls/CalendarNavigation/Customize/Customize.stories.svelte +33 -0
  106. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarControls/CalendarNavigation/Events/Events.stories.svelte +37 -0
  107. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarControls/CalendarNavigation/Size/Size.stories.svelte +16 -0
  108. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarControls/CalendarYearSelector/CalendarYearSelector.stories.svelte +58 -0
  109. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarControls/CalendarYearSelector/Color/Color.stories.svelte +23 -0
  110. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarControls/CalendarYearSelector/Customize/Customize.stories.svelte +30 -0
  111. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarControls/CalendarYearSelector/Events/Events.stories.svelte +25 -0
  112. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarControls/CalendarYearSelector/Roundness/Roundness.stories.svelte +26 -0
  113. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarControls/CalendarYearSelector/Size/Size.stories.svelte +20 -0
  114. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarControls/Color/Color.stories.svelte +23 -0
  115. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarControls/Controls/Controls.stories.svelte +21 -0
  116. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarControls/Customize/Customize.stories.svelte +69 -0
  117. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarControls/Events/Events.stories.svelte +61 -0
  118. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarControls/Size/Size.stories.svelte +20 -0
  119. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarDatesChart/CalendarDateChip/CalendarDateChip.stories.svelte +75 -0
  120. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarDatesChart/CalendarDateChip/CalendarDateChip.svelte +2 -25
  121. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarDatesChart/CalendarDateChip/Color/Color.stories.svelte +41 -0
  122. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarDatesChart/CalendarDateChip/Customize/Customize.stories.svelte +45 -0
  123. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarDatesChart/CalendarDateChip/Events/Events.stories.svelte +28 -0
  124. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarDatesChart/CalendarDateChip/Roundness/Roundness.stories.svelte +31 -0
  125. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarDatesChart/CalendarDateChip/Size/Size.stories.svelte +24 -0
  126. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarDatesChart/CalendarDateChip/SpecialChips/SpecialChips.stories.svelte +96 -0
  127. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarDatesChart/CalendarDateChip/utils/scss/mixins.scss +0 -46
  128. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarDatesChart/CalendarDatesChart.stories.svelte +104 -0
  129. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarDatesChart/CalendarDatesChart.svelte +23 -53
  130. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarDatesChart/CalendarWeek/CalendarWeek.stories.svelte +38 -0
  131. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarDatesChart/CalendarWeek/Customize/Customize.stories.svelte +32 -0
  132. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarDatesChart/CalendarWeek/NameTypes/NameTypes.stories.svelte +28 -0
  133. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarDatesChart/CalendarWeek/Size/Size.stories.svelte +16 -0
  134. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarDatesChart/Color/Color.stories.svelte +23 -0
  135. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarDatesChart/Customize/Customize.stories.svelte +68 -0
  136. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarDatesChart/Events/Events.stories.svelte +24 -0
  137. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarDatesChart/Size/Size.stories.svelte +20 -0
  138. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarMonthList/CalendarMonthChip/CalendarMonthChip.stories.svelte +40 -0
  139. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarMonthList/CalendarMonthChip/Color/Color.stories.svelte +29 -0
  140. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarMonthList/CalendarMonthChip/Customize/Customize.stories.svelte +33 -0
  141. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarMonthList/CalendarMonthChip/Events/Events.stories.svelte +23 -0
  142. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarMonthList/CalendarMonthChip/Roundness/Roundness.stories.svelte +26 -0
  143. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarMonthList/CalendarMonthChip/Size/Size.stories.svelte +19 -0
  144. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarMonthList/CalendarMonthList.stories.svelte +45 -0
  145. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarMonthList/Color/Color.stories.svelte +22 -0
  146. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarMonthList/Customize/Customize.stories.svelte +36 -0
  147. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarMonthList/Events/Events.stories.svelte +33 -0
  148. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarMonthList/Size/Size.stories.svelte +19 -0
  149. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarYearList/CalendarYearChip/CalendarYearChip.stories.svelte +41 -0
  150. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarYearList/CalendarYearChip/Color/Color.stories.svelte +30 -0
  151. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarYearList/CalendarYearChip/Customize/Customize.stories.svelte +33 -0
  152. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarYearList/CalendarYearChip/Events/Events.stories.svelte +24 -0
  153. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarYearList/CalendarYearChip/Roundness/Roundness.stories.svelte +27 -0
  154. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarYearList/CalendarYearChip/Size/Size.stories.svelte +20 -0
  155. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarYearList/CalendarYearList.stories.svelte +39 -0
  156. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarYearList/Color/Color.stories.svelte +23 -0
  157. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarYearList/Customize/Customize.stories.svelte +36 -0
  158. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarYearList/Events/Events.stories.svelte +24 -0
  159. package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarYearList/Size/Size.stories.svelte +20 -0
  160. package/src/lib/stories/components/Info/Calendar/utils/createDateOfMonth/createDateOfMonth.ts +120 -0
  161. package/src/lib/stories/components/Info/Calendar/utils/createDateOfMonth/index.mdx +121 -0
  162. package/src/lib/stories/components/Info/Calendar/utils/{getDatesOfMonth.ts → getDatesOfMonth/getDatesOfMonth.ts} +30 -16
  163. package/src/lib/stories/components/Info/Calendar/utils/getDatesOfMonth/index.mdx +37 -0
  164. package/src/lib/stories/components/Info/Calendar/utils/types.ts +0 -5
  165. package/src/lib/stories/components/Layout/Menu/DynamicMenu/Customize/Customize.stories.svelte +30 -0
  166. package/src/lib/stories/components/Layout/Menu/DynamicMenu/DynamicMenu.stories.svelte +56 -0
  167. package/src/lib/stories/components/Layout/Menu/DynamicMenu/Events/Events.stories.svelte +48 -0
  168. package/src/lib/stories/components/Layout/Menu/DynamicMenu/KeybaordNavigation/KeybaordNavigation.stories.svelte +29 -0
  169. package/src/lib/stories/components/Layout/Menu/DynamicMenu/Options/OptionFormat.mdx +72 -0
  170. package/src/lib/stories/components/Layout/Menu/Menu.stories.svelte +69 -0
  171. package/src/lib/stories/components/Layout/Menu/MenuItem/MenuItem.stories.svelte +34 -0
  172. package/src/lib/stories/components/Layout/Menu/MenuItem/Size/Size.stories.svelte +16 -0
  173. package/src/lib/stories/components/Layout/Menu/MenuItem/Type/Type.stories.svelte +21 -0
  174. package/src/lib/stories/components/Layout/Menu/Size/Size.stories.svelte +37 -0
  175. package/src/lib/stories/components/Layout/Paper/Color/Color.stories.svelte +63 -0
  176. package/src/lib/stories/components/Layout/Paper/Paper.stories.svelte +50 -0
  177. package/src/lib/stories/components/Layout/Paper/Roundness/Roundness.stories.svelte +25 -0
  178. package/src/lib/stories/components/Layout/Paper/Shadow/Shadow.stories.svelte +24 -0
  179. package/src/lib/stories/components/Layout/Separator/Color/Color.stories.svelte +19 -0
  180. package/src/lib/stories/components/Layout/Separator/Separator.stories.svelte +30 -0
  181. package/src/lib/stories/developer tools/Intro.mdx +9 -0
  182. package/src/lib/stories/developer tools/components/DynamicInput/DynamicInput.stories.svelte +53 -0
  183. package/src/lib/stories/developer tools/components/DynamicInput/Events/Events.stories.svelte +121 -0
  184. package/src/lib/stories/developer tools/components/DynamicInput/Size/Size.stories.svelte +17 -0
  185. package/src/lib/stories/developer tools/components/InputEnclosure/InputEnclosure.stories.svelte +38 -0
  186. package/src/lib/stories/developer tools/components/InputEnclosure/Roundness/Roundness.stories.svelte +20 -0
  187. package/src/lib/stories/developer tools/components/InputEnclosure/Size/Size.stories.svelte +16 -0
  188. package/src/lib/stories/developer tools/components/InputEnclosure/WithIcon/WithIcon.stories.svelte +47 -0
  189. package/src/lib/stories/developer tools/components/Popper/Popper.stories.svelte +140 -0
  190. package/src/lib/stories/developer tools/components/Popper/Popper.svelte +13 -14
  191. package/src/lib/stories/developer tools/components/Popper/PopperPopup/PopperPopup.stories.svelte +64 -0
  192. package/src/lib/stories/developer tools/components/Popper/PopperPopup/PopperPopup.svelte +36 -10
  193. package/src/lib/stories/developer tools/components/Popper/PopperPopup/utils/getPopupPosition.ts +45 -31
  194. package/src/lib/stories/developer tools/components/Popper/Positions/AutoPosition/AutoPosition.stories.svelte +92 -0
  195. package/src/lib/stories/developer tools/components/Popper/Positions/Positions.stories.svelte +114 -0
  196. package/src/lib/stories/developer tools/components/UtilityButton/Size/Size.stories.svelte +25 -0
  197. package/src/lib/stories/developer tools/components/UtilityButton/UtilityButton.stories.svelte +30 -0
  198. package/src/lib/stories/developer tools/directives/clickOutside/index.mdx +25 -0
  199. package/src/lib/stories/developer tools/helpers/Numbers/cleanNumericString/index.mdx +20 -0
  200. package/src/lib/stories/developer tools/helpers/Numbers/isValidNumberValue/index.mdx +71 -0
  201. package/src/lib/stories/developer tools/helpers/Time/getMoment/getMoment.ts +11 -12
  202. package/src/lib/stories/developer tools/helpers/Time/getMoment/index.mdx +45 -0
  203. package/src/lib/stories/developer tools/helpers/logger/index.mdx +63 -0
  204. package/src/lib/stories/developer tools/philosophy/Colors/Colors.mdx +43 -0
  205. package/src/lib/stories/developer tools/philosophy/Colors/Colors.stories.svelte +22 -0
  206. package/src/lib/stories/developer tools/philosophy/Colors/Opacity.stories.svelte +11 -0
  207. package/src/lib/stories/developer tools/philosophy/Themes.mdx +23 -0
  208. package/dist/stories/components/Info/Calendar/utils/createDateOfMonth.d.ts +0 -28
  209. package/dist/stories/components/Info/Calendar/utils/createDateOfMonth.js +0 -87
  210. package/dist/stories/components/Info/Calendar/utils/getDatesOfMonth.d.ts +0 -10
  211. package/dist/stories/components/Info/Calendar/utils/index.mdx +0 -64
  212. package/src/lib/stories/components/Info/Calendar/utils/createDateOfMonth.ts +0 -160
@@ -1,160 +0,0 @@
1
- import getMoment from '$lib/stories/developer tools/helpers/Time/getMoment/getMoment.js';
2
- import type dayjs from 'dayjs';
3
- import type { DateOfMonth } from './types.js';
4
- import type { CalendarWeekNames } from '../SubComponents/CalendarDatesChart/CalendarWeek/CalendarWeek.svelte';
5
-
6
- export interface CreateDatesOfMonthSettings {
7
- /** Day considered as start of the week */
8
- startOfWeek?: CalendarWeekNames;
9
-
10
- /** Include leading days from the previous month */
11
- showLastMonth?: boolean;
12
-
13
- /** Include trailing days from the next month */
14
- showNextMonth?: boolean;
15
-
16
- /** Set today manually */
17
- today?: Date;
18
-
19
- /** Minimum allowed date, rest of the dates will be disabled */
20
- minDate?: Date;
21
-
22
- /** Maxium allowed date, rest of the dates will be disabled */
23
- maxDate?: Date;
24
-
25
- /** Exclude Dates, these dates will be disabled */
26
- excludeDates?: Date[];
27
-
28
- /** Include Dates, rest of the dates will be disabled */
29
- includeDates?: Date[];
30
-
31
- /** Optional IANA timezone */
32
- timezone?: string;
33
-
34
- /** Use UTC time */
35
- utc?: boolean;
36
-
37
- /** Range value */
38
- rangeValue?: [Date, Date];
39
- }
40
-
41
- export type CreateDateOfMonthType = 'currentMonth' | 'nextMonth' | 'lastMonth';
42
-
43
- function dateMoment(date?: Date, settings?: CreateDatesOfMonthSettings) {
44
- return getMoment(date, undefined, {
45
- timezone: settings?.timezone,
46
- utc: settings?.utc,
47
- });
48
- }
49
-
50
- function getIsToday(dayMoment: dayjs.Dayjs, todayDate: string, todayManual: string | undefined) {
51
- const dayDateFormat = dayMoment.format('DD-MM-YYYY');
52
- let today = false;
53
-
54
- if (todayManual && todayManual === dayDateFormat) {
55
- today = true;
56
- } else if (todayDate === dayDateFormat) {
57
- today = true;
58
- }
59
-
60
- return today;
61
- }
62
-
63
- function getIsDateDisabled(
64
- dayMoment: dayjs.Dayjs,
65
- minDate: dayjs.Dayjs | undefined,
66
- maxDate: dayjs.Dayjs | undefined,
67
- excludeDates: string[] | undefined,
68
- includeDates: string[] | undefined,
69
- ) {
70
- const dayDateFormat = dayMoment.format('DD-MM-YYYY');
71
- let disabled = false;
72
-
73
- if (minDate?.isValid() && dayMoment.isBefore(minDate)) {
74
- disabled = true;
75
- }
76
-
77
- if (maxDate?.isValid() && dayMoment.isAfter(maxDate)) {
78
- disabled = true;
79
- }
80
-
81
- if (excludeDates?.length && excludeDates.includes(dayDateFormat)) {
82
- disabled = true;
83
- }
84
-
85
- if (includeDates?.length && !includeDates.includes(dayDateFormat)) {
86
- disabled = true;
87
- }
88
-
89
- return disabled;
90
- }
91
-
92
- export default function createDateOfMonth(
93
- date?: Date,
94
- settings?: CreateDatesOfMonthSettings,
95
- monthType: CreateDateOfMonthType = 'currentMonth',
96
- ): DateOfMonth {
97
- const minDate = settings?.minDate ? dateMoment(settings.minDate, settings) : undefined;
98
- const maxDate = settings?.maxDate ? dateMoment(settings.maxDate, settings) : undefined;
99
- const excludeDates = settings?.excludeDates?.length
100
- ? settings?.excludeDates.map((item) => dateMoment(item, settings).format('DD-MM-YYYY'))
101
- : undefined;
102
- const includeDates = settings?.includeDates?.length
103
- ? settings?.includeDates.map((item) => dateMoment(item, settings).format('DD-MM-YYYY'))
104
- : undefined;
105
-
106
- const [range1, range2] = settings?.rangeValue || [];
107
-
108
- const rangeStart = range1 ? dateMoment(range1, settings) : undefined;
109
- const rangeEnd = range2 ? dateMoment(range2, settings) : undefined;
110
-
111
- const todayDate = dateMoment(undefined, settings).format('DD-MM-YYYY');
112
-
113
- const todayManual = settings?.today
114
- ? dateMoment(settings?.today, settings).format('DD-MM-YYYY')
115
- : undefined;
116
-
117
- const dayMoment = dateMoment(date, settings);
118
- const dayMomentDayFormatted = dayMoment.format('DD-MM-YYYY');
119
-
120
- let isRangeStart = false;
121
-
122
- let isRangeEnd = false;
123
-
124
- let inRange = false;
125
-
126
- if (rangeStart && rangeEnd) {
127
- if (dayMomentDayFormatted === rangeStart.format('DD-MM-YYYY')) {
128
- isRangeStart = true;
129
- }
130
-
131
- if (dayMomentDayFormatted === rangeEnd.format('DD-MM-YYYY')) {
132
- isRangeEnd = true;
133
- }
134
-
135
- if (dayMoment.isAfter(rangeStart) && dayMoment.isBefore(rangeEnd)) {
136
- inRange = true;
137
- }
138
- }
139
-
140
- const dataToExport: DateOfMonth = {
141
- id: `${dayMoment.valueOf()}`,
142
- date: dayMoment.toDate(),
143
- isCurrentMonth: true,
144
- disabled: getIsDateDisabled(dayMoment, minDate, maxDate, excludeDates, includeDates),
145
- today: getIsToday(dayMoment, todayDate, todayManual),
146
- isRangeStart,
147
- isRangeEnd,
148
- inRange,
149
- };
150
-
151
- if (monthType === 'lastMonth') {
152
- dataToExport.isLastMonth = true;
153
- dataToExport.isCurrentMonth = false;
154
- } else if (monthType === 'nextMonth') {
155
- dataToExport.isNextMonth = true;
156
- dataToExport.isCurrentMonth = false;
157
- }
158
-
159
- return dataToExport;
160
- }