yt-uikit 0.7.406-scroll-overflow.0 → 0.7.406

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 (232) hide show
  1. package/README.md +94 -94
  2. package/dist/esm/atoms/bundleBuilderProductDetailsAtom.d.ts +4 -4
  3. package/dist/esm/atoms/cartDataAtom.d.ts +3 -3
  4. package/dist/esm/atoms/cartLoadingAtom.d.ts +22 -22
  5. package/dist/esm/atoms/cartTimer.d.ts +2 -2
  6. package/dist/esm/atoms/couponSelectionOpenAtom.d.ts +3 -3
  7. package/dist/esm/atoms/dateAtom.d.ts +1 -1
  8. package/dist/esm/atoms/freebieClaimModalAtom.d.ts +7 -7
  9. package/dist/esm/atoms/giftWrap.d.ts +2 -2
  10. package/dist/esm/atoms/gstCompanyNameAtom.d.ts +1 -1
  11. package/dist/esm/atoms/gstInputAtom.d.ts +1 -1
  12. package/dist/esm/atoms/maxQtyErrorAtom.d.ts +3 -3
  13. package/dist/esm/atoms/multiClaimSelectionAtom.d.ts +19 -19
  14. package/dist/esm/atoms/noteInputAtom.d.ts +3 -3
  15. package/dist/esm/atoms/postalCodeAtom.d.ts +1 -1
  16. package/dist/esm/atoms/shippingAtom.d.ts +8 -8
  17. package/dist/esm/atoms/showGSTInputAtom.d.ts +1 -1
  18. package/dist/esm/atoms/variantSelectionModalAtom.d.ts +23 -23
  19. package/dist/esm/components/BundleBlock/Bundle.d.ts +386 -386
  20. package/dist/esm/components/BundleBlock/BundleBuilder/BundleBuilder.d.ts +39 -39
  21. package/dist/esm/components/BundleBlock/BundleBuilder/VariantOptionsModal.d.ts +16 -16
  22. package/dist/esm/components/BundleBlock/BundleBuilder/bundleBuilder.style.d.ts +37 -2789
  23. package/dist/esm/components/BundleBlock/BundleBuilderTracker/BundleBuilderTracker.d.ts +50 -50
  24. package/dist/esm/components/BundleBlock/BundleBuilderTracker/bundleBuilderTracker.style.d.ts +77 -5768
  25. package/dist/esm/components/BundleBlock/BundleProductDetailsModal/BundleProductDetailsModal.d.ts +27 -27
  26. package/dist/esm/components/BundleBlock/BundleProductDetailsModal/bundleProductDetailsModal.style.d.ts +10 -833
  27. package/dist/esm/components/BundleBlock/ComboBundle.d.ts +16 -16
  28. package/dist/esm/components/BundleBlock/FixedBundle/FixedBundle.d.ts +4 -4
  29. package/dist/esm/components/BundleBlock/FixedBundle/SeparateVariantOptions.d.ts +39 -39
  30. package/dist/esm/components/BundleBlock/FixedBundle/VariantSelectorModal.d.ts +22 -22
  31. package/dist/esm/components/BundleBlock/FixedBundle/fixedBundle.style.d.ts +90 -15019
  32. package/dist/esm/components/BundleBlock/Loader.d.ts +5 -5
  33. package/dist/esm/components/BundleBlock/MixAndMatchBundle/MixAndMatchBundle.d.ts +8 -8
  34. package/dist/esm/components/BundleBlock/MixAndMatchBundle/mixAndMatchBundle.style.d.ts +86 -6373
  35. package/dist/esm/components/BundleBlock/VolumeBundle/VolumeBundle.d.ts +3 -3
  36. package/dist/esm/components/BundleBlock/VolumeBundle/volumeBundle.style.d.ts +80 -5011
  37. package/dist/esm/components/BundleBlock/index.d.ts +1 -1
  38. package/dist/esm/components/Cart/ApplyCoupon.d.ts +12 -12
  39. package/dist/esm/components/Cart/Bundle.d.ts +6 -6
  40. package/dist/esm/components/Cart/Cart.d.ts +235 -235
  41. package/dist/esm/components/Cart/CartDrawer.d.ts +21 -21
  42. package/dist/esm/components/Cart/CartOffersCarousel.d.ts +45 -45
  43. package/dist/esm/components/Cart/CartProductsList.d.ts +45 -45
  44. package/dist/esm/components/Cart/CartTimer.d.ts +8 -8
  45. package/dist/esm/components/Cart/CheckoutSection.d.ts +38 -38
  46. package/dist/esm/components/Cart/CouponSelection.d.ts +25 -25
  47. package/dist/esm/components/Cart/DatePicker.d.ts +10 -10
  48. package/dist/esm/components/Cart/EmptyCart.d.ts +33 -33
  49. package/dist/esm/components/Cart/FooterSections.d.ts +6 -6
  50. package/dist/esm/components/Cart/FreebieClaimManager.d.ts +18 -18
  51. package/dist/esm/components/Cart/FreebieClaimOverlay.d.ts +18 -18
  52. package/dist/esm/components/Cart/FreebieClaimOverlayCard.d.ts +10 -10
  53. package/dist/esm/components/Cart/FreebieClaimSection.d.ts +18 -18
  54. package/dist/esm/components/Cart/FreebieClaimSectionCard.d.ts +17 -17
  55. package/dist/esm/components/Cart/GSTSection.d.ts +15 -15
  56. package/dist/esm/components/Cart/GiftWrap.d.ts +14 -14
  57. package/dist/esm/components/Cart/GuestDiscountCoupon.d.ts +9 -9
  58. package/dist/esm/components/Cart/InlineCartOfferInfoText.d.ts +10 -10
  59. package/dist/esm/components/Cart/LoyaltyAppliedCTA.d.ts +19 -19
  60. package/dist/esm/components/Cart/LoyaltyApplyCTA.d.ts +18 -18
  61. package/dist/esm/components/Cart/LoyaltyBadge.d.ts +10 -10
  62. package/dist/esm/components/Cart/LoyaltyGuestCTA.d.ts +17 -17
  63. package/dist/esm/components/Cart/MultiStepProgressBar/CheckpointConfetti.d.ts +11 -11
  64. package/dist/esm/components/Cart/MultiStepProgressBar/CheckpointIcon.d.ts +3 -3
  65. package/dist/esm/components/Cart/MultiStepProgressBar/CheckpointTooltip.d.ts +3 -3
  66. package/dist/esm/components/Cart/MultiStepProgressBar/MultiStepIcon.d.ts +9 -9
  67. package/dist/esm/components/Cart/MultiStepProgressBar/MultiStepProgressBar.d.ts +5 -5
  68. package/dist/esm/components/Cart/MultiStepProgressBar/MultiStepProgressBar.styled.d.ts +45 -589
  69. package/dist/esm/components/Cart/MultiStepProgressBar/MultiStepUtils.d.ts +5 -5
  70. package/dist/esm/components/Cart/MultiStepProgressBar/MultiTierProgressBar.d.ts +4 -4
  71. package/dist/esm/components/Cart/MultiStepProgressBar/MutiTierNextRewardMessage.d.ts +3 -3
  72. package/dist/esm/components/Cart/MultiStepProgressBar/NextRewardMessage.d.ts +3 -3
  73. package/dist/esm/components/Cart/MultiStepProgressBar/SingleTierProgressBar.d.ts +4 -4
  74. package/dist/esm/components/Cart/MultiStepProgressBar/SingleTierProgressBar.styled.d.ts +22 -1108
  75. package/dist/esm/components/Cart/MultiStepProgressBar/SingletTierNextRewardMessage.d.ts +3 -3
  76. package/dist/esm/components/Cart/MultiStepProgressBar/types.d.ts +55 -55
  77. package/dist/esm/components/Cart/NextFreebieRow.d.ts +19 -19
  78. package/dist/esm/components/Cart/NoteSection.d.ts +8 -8
  79. package/dist/esm/components/Cart/ProductCard.d.ts +30 -30
  80. package/dist/esm/components/Cart/ProductRecCard.d.ts +20 -20
  81. package/dist/esm/components/Cart/ProductRecList.d.ts +23 -23
  82. package/dist/esm/components/Cart/ProgressBar.d.ts +13 -13
  83. package/dist/esm/components/Cart/ProgressBarCartLoader.d.ts +7 -7
  84. package/dist/esm/components/Cart/QuantitySelector.d.ts +12 -12
  85. package/dist/esm/components/Cart/RegionSpecificDelivery.d.ts +17 -17
  86. package/dist/esm/components/Cart/RewardPointsPreview.d.ts +10 -10
  87. package/dist/esm/components/Cart/StandardDelivery.d.ts +11 -11
  88. package/dist/esm/components/Cart/StickyCart.d.ts +52 -52
  89. package/dist/esm/components/Cart/VariantSelectionPopup/DesktopVariantPopup.d.ts +19 -19
  90. package/dist/esm/components/Cart/VariantSelectionPopup/DesktopVariantPopup.styled.d.ts +60 -6316
  91. package/dist/esm/components/Cart/VariantSelectionPopup/MobileVariantPopover.d.ts +19 -19
  92. package/dist/esm/components/Cart/index.d.ts +1 -1
  93. package/dist/esm/components/CouponFrame/CouponFrame.d.ts +15 -15
  94. package/dist/esm/components/CouponFrame/index.d.ts +1 -1
  95. package/dist/esm/components/Nudge/LeadGenerationNudge.d.ts +15 -15
  96. package/dist/esm/components/Nudge/Nudge.d.ts +40 -40
  97. package/dist/esm/components/Nudge/index.d.ts +1 -1
  98. package/dist/esm/components/SpinnerWheel/SpinnerWheel.d.ts +23 -23
  99. package/dist/esm/components/SpinnerWheel/WheelSection.d.ts +9 -9
  100. package/dist/esm/components/SpinnerWheel/index.d.ts +1 -1
  101. package/dist/esm/components/index.d.ts +6 -6
  102. package/dist/esm/index.d.ts +1 -1
  103. package/dist/esm/index.js +624 -479
  104. package/dist/esm/types/atoms/bundleBuilderProductDetailsAtom.d.ts +4 -4
  105. package/dist/esm/types/atoms/cartDataAtom.d.ts +3 -3
  106. package/dist/esm/types/atoms/cartLoadingAtom.d.ts +22 -22
  107. package/dist/esm/types/atoms/cartTimer.d.ts +2 -2
  108. package/dist/esm/types/atoms/couponSelectionOpenAtom.d.ts +3 -3
  109. package/dist/esm/types/atoms/dateAtom.d.ts +1 -1
  110. package/dist/esm/types/atoms/freebieClaimModalAtom.d.ts +7 -7
  111. package/dist/esm/types/atoms/giftWrap.d.ts +2 -2
  112. package/dist/esm/types/atoms/gstCompanyNameAtom.d.ts +1 -1
  113. package/dist/esm/types/atoms/gstInputAtom.d.ts +1 -1
  114. package/dist/esm/types/atoms/maxQtyErrorAtom.d.ts +3 -3
  115. package/dist/esm/types/atoms/multiClaimSelectionAtom.d.ts +19 -19
  116. package/dist/esm/types/atoms/noteInputAtom.d.ts +3 -3
  117. package/dist/esm/types/atoms/postalCodeAtom.d.ts +1 -1
  118. package/dist/esm/types/atoms/shippingAtom.d.ts +8 -8
  119. package/dist/esm/types/atoms/showGSTInputAtom.d.ts +1 -1
  120. package/dist/esm/types/atoms/variantSelectionModalAtom.d.ts +23 -23
  121. package/dist/esm/types/components/BundleBlock/Bundle.d.ts +386 -386
  122. package/dist/esm/types/components/BundleBlock/BundleBuilder/BundleBuilder.d.ts +39 -39
  123. package/dist/esm/types/components/BundleBlock/BundleBuilder/VariantOptionsModal.d.ts +16 -16
  124. package/dist/esm/types/components/BundleBlock/BundleBuilder/bundleBuilder.style.d.ts +37 -2789
  125. package/dist/esm/types/components/BundleBlock/BundleBuilderTracker/BundleBuilderTracker.d.ts +50 -50
  126. package/dist/esm/types/components/BundleBlock/BundleBuilderTracker/bundleBuilderTracker.style.d.ts +77 -5768
  127. package/dist/esm/types/components/BundleBlock/BundleProductDetailsModal/BundleProductDetailsModal.d.ts +27 -27
  128. package/dist/esm/types/components/BundleBlock/BundleProductDetailsModal/bundleProductDetailsModal.style.d.ts +10 -833
  129. package/dist/esm/types/components/BundleBlock/ComboBundle.d.ts +16 -16
  130. package/dist/esm/types/components/BundleBlock/FixedBundle/FixedBundle.d.ts +4 -4
  131. package/dist/esm/types/components/BundleBlock/FixedBundle/SeparateVariantOptions.d.ts +39 -39
  132. package/dist/esm/types/components/BundleBlock/FixedBundle/VariantSelectorModal.d.ts +22 -22
  133. package/dist/esm/types/components/BundleBlock/FixedBundle/fixedBundle.style.d.ts +90 -15019
  134. package/dist/esm/types/components/BundleBlock/Loader.d.ts +5 -5
  135. package/dist/esm/types/components/BundleBlock/MixAndMatchBundle/MixAndMatchBundle.d.ts +8 -8
  136. package/dist/esm/types/components/BundleBlock/MixAndMatchBundle/mixAndMatchBundle.style.d.ts +86 -6373
  137. package/dist/esm/types/components/BundleBlock/VolumeBundle/VolumeBundle.d.ts +3 -3
  138. package/dist/esm/types/components/BundleBlock/VolumeBundle/volumeBundle.style.d.ts +80 -5011
  139. package/dist/esm/types/components/BundleBlock/index.d.ts +1 -1
  140. package/dist/esm/types/components/Cart/ApplyCoupon.d.ts +12 -12
  141. package/dist/esm/types/components/Cart/Bundle.d.ts +6 -6
  142. package/dist/esm/types/components/Cart/Cart.d.ts +235 -235
  143. package/dist/esm/types/components/Cart/CartDrawer.d.ts +21 -21
  144. package/dist/esm/types/components/Cart/CartOffersCarousel.d.ts +45 -45
  145. package/dist/esm/types/components/Cart/CartProductsList.d.ts +45 -45
  146. package/dist/esm/types/components/Cart/CartTimer.d.ts +8 -8
  147. package/dist/esm/types/components/Cart/CheckoutSection.d.ts +38 -38
  148. package/dist/esm/types/components/Cart/CouponSelection.d.ts +25 -25
  149. package/dist/esm/types/components/Cart/DatePicker.d.ts +10 -10
  150. package/dist/esm/types/components/Cart/EmptyCart.d.ts +33 -33
  151. package/dist/esm/types/components/Cart/FooterSections.d.ts +6 -6
  152. package/dist/esm/types/components/Cart/FreebieClaimManager.d.ts +18 -18
  153. package/dist/esm/types/components/Cart/FreebieClaimOverlay.d.ts +18 -18
  154. package/dist/esm/types/components/Cart/FreebieClaimOverlayCard.d.ts +10 -10
  155. package/dist/esm/types/components/Cart/FreebieClaimSection.d.ts +18 -18
  156. package/dist/esm/types/components/Cart/FreebieClaimSectionCard.d.ts +17 -17
  157. package/dist/esm/types/components/Cart/GSTSection.d.ts +15 -15
  158. package/dist/esm/types/components/Cart/GiftWrap.d.ts +14 -14
  159. package/dist/esm/types/components/Cart/GuestDiscountCoupon.d.ts +9 -9
  160. package/dist/esm/types/components/Cart/InlineCartOfferInfoText.d.ts +10 -10
  161. package/dist/esm/types/components/Cart/LoyaltyAppliedCTA.d.ts +19 -19
  162. package/dist/esm/types/components/Cart/LoyaltyApplyCTA.d.ts +18 -18
  163. package/dist/esm/types/components/Cart/LoyaltyBadge.d.ts +10 -10
  164. package/dist/esm/types/components/Cart/LoyaltyGuestCTA.d.ts +17 -17
  165. package/dist/esm/types/components/Cart/MultiStepProgressBar/CheckpointConfetti.d.ts +11 -11
  166. package/dist/esm/types/components/Cart/MultiStepProgressBar/CheckpointIcon.d.ts +3 -3
  167. package/dist/esm/types/components/Cart/MultiStepProgressBar/CheckpointTooltip.d.ts +3 -3
  168. package/dist/esm/types/components/Cart/MultiStepProgressBar/MultiStepIcon.d.ts +9 -9
  169. package/dist/esm/types/components/Cart/MultiStepProgressBar/MultiStepProgressBar.d.ts +5 -5
  170. package/dist/esm/types/components/Cart/MultiStepProgressBar/MultiStepProgressBar.styled.d.ts +45 -589
  171. package/dist/esm/types/components/Cart/MultiStepProgressBar/MultiStepUtils.d.ts +5 -5
  172. package/dist/esm/types/components/Cart/MultiStepProgressBar/MultiTierProgressBar.d.ts +4 -4
  173. package/dist/esm/types/components/Cart/MultiStepProgressBar/MutiTierNextRewardMessage.d.ts +3 -3
  174. package/dist/esm/types/components/Cart/MultiStepProgressBar/NextRewardMessage.d.ts +3 -3
  175. package/dist/esm/types/components/Cart/MultiStepProgressBar/SingleTierProgressBar.d.ts +4 -4
  176. package/dist/esm/types/components/Cart/MultiStepProgressBar/SingleTierProgressBar.styled.d.ts +22 -1108
  177. package/dist/esm/types/components/Cart/MultiStepProgressBar/SingletTierNextRewardMessage.d.ts +3 -3
  178. package/dist/esm/types/components/Cart/MultiStepProgressBar/types.d.ts +55 -55
  179. package/dist/esm/types/components/Cart/NextFreebieRow.d.ts +19 -19
  180. package/dist/esm/types/components/Cart/NoteSection.d.ts +8 -8
  181. package/dist/esm/types/components/Cart/ProductCard.d.ts +30 -30
  182. package/dist/esm/types/components/Cart/ProductRecCard.d.ts +20 -20
  183. package/dist/esm/types/components/Cart/ProductRecList.d.ts +23 -23
  184. package/dist/esm/types/components/Cart/ProgressBar.d.ts +13 -13
  185. package/dist/esm/types/components/Cart/ProgressBarCartLoader.d.ts +7 -7
  186. package/dist/esm/types/components/Cart/QuantitySelector.d.ts +12 -12
  187. package/dist/esm/types/components/Cart/RegionSpecificDelivery.d.ts +17 -17
  188. package/dist/esm/types/components/Cart/RewardPointsPreview.d.ts +10 -10
  189. package/dist/esm/types/components/Cart/StandardDelivery.d.ts +11 -11
  190. package/dist/esm/types/components/Cart/StickyCart.d.ts +52 -52
  191. package/dist/esm/types/components/Cart/VariantSelectionPopup/DesktopVariantPopup.d.ts +19 -19
  192. package/dist/esm/types/components/Cart/VariantSelectionPopup/DesktopVariantPopup.styled.d.ts +60 -6316
  193. package/dist/esm/types/components/Cart/VariantSelectionPopup/MobileVariantPopover.d.ts +19 -19
  194. package/dist/esm/types/components/Cart/index.d.ts +1 -1
  195. package/dist/esm/types/components/CouponFrame/CouponFrame.d.ts +15 -15
  196. package/dist/esm/types/components/CouponFrame/index.d.ts +1 -1
  197. package/dist/esm/types/components/Nudge/LeadGenerationNudge.d.ts +15 -15
  198. package/dist/esm/types/components/Nudge/Nudge.d.ts +40 -40
  199. package/dist/esm/types/components/Nudge/index.d.ts +1 -1
  200. package/dist/esm/types/components/SpinnerWheel/SpinnerWheel.d.ts +23 -23
  201. package/dist/esm/types/components/SpinnerWheel/WheelSection.d.ts +9 -9
  202. package/dist/esm/types/components/SpinnerWheel/index.d.ts +1 -1
  203. package/dist/esm/types/components/index.d.ts +6 -6
  204. package/dist/esm/types/index.d.ts +1 -1
  205. package/dist/esm/types/utils/converter.d.ts +2 -2
  206. package/dist/esm/types/utils/customVariantOptions.d.ts +20 -20
  207. package/dist/esm/types/utils/freebieProductUtils.d.ts +22 -22
  208. package/dist/esm/types/utils/freebieUtils.d.ts +5 -5
  209. package/dist/esm/types/utils/index.d.ts +14 -14
  210. package/dist/esm/utils/converter.d.ts +2 -2
  211. package/dist/esm/utils/customVariantOptions.d.ts +20 -20
  212. package/dist/esm/utils/freebieProductUtils.d.ts +22 -22
  213. package/dist/esm/utils/freebieUtils.d.ts +5 -5
  214. package/dist/esm/utils/index.d.ts +14 -14
  215. package/dist/index.d.ts +711 -711
  216. package/package.json +95 -95
  217. package/src/assets/Frame.svg +4 -4
  218. package/src/assets/bundlePlus.svg +4 -4
  219. package/src/assets/copy-icon.svg +3 -3
  220. package/src/assets/copy-iconBlack.svg +4 -4
  221. package/src/assets/coupon.svg +4 -4
  222. package/src/assets/delivery.svg +5 -5
  223. package/dist/esm/atoms/comboBundleAtom.d.ts +0 -12
  224. package/dist/esm/components/Cart/LoyaltyCTA.styled.d.ts +0 -822
  225. package/dist/esm/components/Cart/NoteSection.styled.d.ts +0 -832
  226. package/dist/esm/components/Cart/StandardDelivery.styled.d.ts +0 -3282
  227. package/dist/esm/types/atoms/comboBundleAtom.d.ts +0 -12
  228. package/dist/esm/types/components/Cart/LoyaltyCTA.styled.d.ts +0 -822
  229. package/dist/esm/types/components/Cart/NoteSection.styled.d.ts +0 -832
  230. package/dist/esm/types/components/Cart/StandardDelivery.styled.d.ts +0 -3282
  231. package/dist/esm/types/utils/comboBundleStorage.d.ts +0 -36
  232. package/dist/esm/utils/comboBundleStorage.d.ts +0 -36
package/README.md CHANGED
@@ -1,94 +1,94 @@
1
- # YourToken UI Kit
2
-
3
- UI copmonents powering the YourToken ecosystem.
4
-
5
- ### Some Style Advice for Writing Code here
6
-
7
- - Prefer to use inline styling - negligible chances of store styles overriding us. if its becoming too unreadable then maybe stylesheet with all styles having a `yt` prefix or suffix appended along with `!important` for all styles, if this doesnt work then styled components
8
-
9
- ### Build the library
10
-
11
- ```bash
12
- npm run rollup
13
- ```
14
-
15
- ### Publish the library
16
-
17
- ```bash
18
- npm publish
19
- ```
20
-
21
- ### Run storybook locally
22
-
23
- ```bash
24
- npm run storybook
25
- ```
26
-
27
- ### Build storybook
28
-
29
- ```bash
30
- npm run build-storybook
31
- ```
32
-
33
- ### Working with local/testing version of UI kit
34
-
35
- 1. Commit all your changes (otherwise NPM will give this error: "Git working directory not clean.")
36
- 2. Build the version
37
-
38
- ```bash
39
- npm run rollup
40
- ```
41
-
42
- 3. Create a prerelease:
43
-
44
- ```bash
45
- npm version prerelease --preid=feature-name
46
- ```
47
-
48
- 4. Publish the version
49
-
50
- ```bash
51
- npm publish --tag feature-name
52
- ```
53
-
54
- This will create a version like: "1.0.0-feature-name.0" (you can keep running the above two commands and every time it will increase the digit at the end)
55
-
56
- 5. Update the uikit dependency in your project's `package.json` as this:
57
-
58
- ```bash
59
- "yt-uikit": "...yt-uikit@feature-name"
60
- ```
61
-
62
- Use the following to see list of releases with tags
63
-
64
- ```bash
65
- npm show yt-uikit dist-tags
66
- ```
67
-
68
- ### Reference code for state management in story files
69
-
70
- ```ts
71
- import { useArgs } from "@storybook/preview-api";
72
-
73
- import SomeComponent from "./Index";
74
-
75
- export default {
76
- component: SomeComponent,
77
- };
78
-
79
- export const Default = {
80
- render: function Component(args) {
81
- const [, setArgs] = useArgs();
82
-
83
- const onChange = (value) => {
84
- args.onChange(value);
85
- setArgs({ value: value });
86
- };
87
-
88
- return <SomeComponent {...args} onChange={onChange} />;
89
- },
90
- args: {
91
- value: null,
92
- },
93
- };
94
- ```
1
+ # YourToken UI Kit
2
+
3
+ UI copmonents powering the YourToken ecosystem.
4
+
5
+ ### Some Style Advice for Writing Code here
6
+
7
+ - Prefer to use inline styling - negligible chances of store styles overriding us. if its becoming too unreadable then maybe stylesheet with all styles having a `yt` prefix or suffix appended along with `!important` for all styles, if this doesnt work then styled components
8
+
9
+ ### Build the library
10
+
11
+ ```bash
12
+ npm run rollup
13
+ ```
14
+
15
+ ### Publish the library
16
+
17
+ ```bash
18
+ npm publish
19
+ ```
20
+
21
+ ### Run storybook locally
22
+
23
+ ```bash
24
+ npm run storybook
25
+ ```
26
+
27
+ ### Build storybook
28
+
29
+ ```bash
30
+ npm run build-storybook
31
+ ```
32
+
33
+ ### Working with local/testing version of UI kit
34
+
35
+ 1. Commit all your changes (otherwise NPM will give this error: "Git working directory not clean.")
36
+ 2. Build the version
37
+
38
+ ```bash
39
+ npm run rollup
40
+ ```
41
+
42
+ 3. Create a prerelease:
43
+
44
+ ```bash
45
+ npm version prerelease --preid=feature-name
46
+ ```
47
+
48
+ 4. Publish the version
49
+
50
+ ```bash
51
+ npm publish --tag feature-name
52
+ ```
53
+
54
+ This will create a version like: "1.0.0-feature-name.0" (you can keep running the above two commands and every time it will increase the digit at the end)
55
+
56
+ 5. Update the uikit dependency in your project's `package.json` as this:
57
+
58
+ ```bash
59
+ "yt-uikit": "...yt-uikit@feature-name"
60
+ ```
61
+
62
+ Use the following to see list of releases with tags
63
+
64
+ ```bash
65
+ npm show yt-uikit dist-tags
66
+ ```
67
+
68
+ ### Reference code for state management in story files
69
+
70
+ ```ts
71
+ import { useArgs } from "@storybook/preview-api";
72
+
73
+ import SomeComponent from "./Index";
74
+
75
+ export default {
76
+ component: SomeComponent,
77
+ };
78
+
79
+ export const Default = {
80
+ render: function Component(args) {
81
+ const [, setArgs] = useArgs();
82
+
83
+ const onChange = (value) => {
84
+ args.onChange(value);
85
+ setArgs({ value: value });
86
+ };
87
+
88
+ return <SomeComponent {...args} onChange={onChange} />;
89
+ },
90
+ args: {
91
+ value: null,
92
+ },
93
+ };
94
+ ```
@@ -1,4 +1,4 @@
1
- import { ProductDetails } from "../components/BundleBlock/Bundle";
2
- export declare const bundleBuilderProductDetailsState: import("jotai").PrimitiveAtom<ProductDetails | undefined> & {
3
- init: ProductDetails | undefined;
4
- };
1
+ import { ProductDetails } from "../components/BundleBlock/Bundle";
2
+ export declare const bundleBuilderProductDetailsState: import("jotai").PrimitiveAtom<ProductDetails | undefined> & {
3
+ init: ProductDetails | undefined;
4
+ };
@@ -1,3 +1,3 @@
1
- export declare const cartDataState: import("jotai").PrimitiveAtom<any> & {
2
- init: any;
3
- };
1
+ export declare const cartDataState: import("jotai").PrimitiveAtom<any> & {
2
+ init: any;
3
+ };
@@ -1,22 +1,22 @@
1
- export declare const cartLoadingState: import("jotai").PrimitiveAtom<{
2
- cartLoading: boolean;
3
- showLoader: boolean;
4
- showSkeletonLoader?: boolean | undefined;
5
- showLoyaltyCtaLoading?: boolean | undefined;
6
- }> & {
7
- init: {
8
- cartLoading: boolean;
9
- showLoader: boolean;
10
- showSkeletonLoader?: boolean | undefined;
11
- showLoyaltyCtaLoading?: boolean | undefined;
12
- };
13
- };
14
- export declare function useCartLoading(): {
15
- cartLoading: {
16
- cartLoading: boolean;
17
- showLoader: boolean;
18
- showSkeletonLoader?: boolean | undefined;
19
- showLoyaltyCtaLoading?: boolean | undefined;
20
- };
21
- setLoading: (isLoading: boolean, showLoader: boolean, showSkeletonLoader?: boolean, showLoyaltyCtaLoading?: boolean) => void;
22
- };
1
+ export declare const cartLoadingState: import("jotai").PrimitiveAtom<{
2
+ cartLoading: boolean;
3
+ showLoader: boolean;
4
+ showSkeletonLoader?: boolean | undefined;
5
+ showLoyaltyCtaLoading?: boolean | undefined;
6
+ }> & {
7
+ init: {
8
+ cartLoading: boolean;
9
+ showLoader: boolean;
10
+ showSkeletonLoader?: boolean | undefined;
11
+ showLoyaltyCtaLoading?: boolean | undefined;
12
+ };
13
+ };
14
+ export declare function useCartLoading(): {
15
+ cartLoading: {
16
+ cartLoading: boolean;
17
+ showLoader: boolean;
18
+ showSkeletonLoader?: boolean | undefined;
19
+ showLoyaltyCtaLoading?: boolean | undefined;
20
+ };
21
+ setLoading: (isLoading: boolean, showLoader: boolean, showSkeletonLoader?: boolean, showLoyaltyCtaLoading?: boolean) => void;
22
+ };
@@ -1,2 +1,2 @@
1
- export declare const timeLeftAtom: import("jotai").WritableAtom<number, [number | typeof import("jotai/utils").RESET | ((prev: number) => number | typeof import("jotai/utils").RESET)], void>;
2
- export declare const lastUpdateAtom: import("jotai").WritableAtom<number, [number | typeof import("jotai/utils").RESET | ((prev: number) => number | typeof import("jotai/utils").RESET)], void>;
1
+ export declare const timeLeftAtom: import("jotai").WritableAtom<number, [number | typeof import("jotai/utils").RESET | ((prev: number) => number | typeof import("jotai/utils").RESET)], void>;
2
+ export declare const lastUpdateAtom: import("jotai").WritableAtom<number, [number | typeof import("jotai/utils").RESET | ((prev: number) => number | typeof import("jotai/utils").RESET)], void>;
@@ -1,3 +1,3 @@
1
- export declare const couponSelectionOpenState: import("jotai").PrimitiveAtom<boolean> & {
2
- init: boolean;
3
- };
1
+ export declare const couponSelectionOpenState: import("jotai").PrimitiveAtom<boolean> & {
2
+ init: boolean;
3
+ };
@@ -1 +1 @@
1
- export declare const deliverySlotDateState: import("jotai").WritableAtom<string | null, [string | typeof import("jotai/utils").RESET | ((prev: string | null) => string | typeof import("jotai/utils").RESET | null) | null], void>;
1
+ export declare const deliverySlotDateState: import("jotai").WritableAtom<string | null, [string | typeof import("jotai/utils").RESET | ((prev: string | null) => string | typeof import("jotai/utils").RESET | null) | null], void>;
@@ -1,7 +1,7 @@
1
- export declare const freebieClaimModalState: import("jotai").PrimitiveAtom<{
2
- isOpen: boolean;
3
- }> & {
4
- init: {
5
- isOpen: boolean;
6
- };
7
- };
1
+ export declare const freebieClaimModalState: import("jotai").PrimitiveAtom<{
2
+ isOpen: boolean;
3
+ }> & {
4
+ init: {
5
+ isOpen: boolean;
6
+ };
7
+ };
@@ -1,2 +1,2 @@
1
- export declare const giftWrapAtom: import("jotai").WritableAtom<boolean, [boolean | typeof import("jotai/utils").RESET | ((prev: boolean) => boolean | typeof import("jotai/utils").RESET)], void>;
2
- export declare const giftWrapIdAtom: import("jotai").WritableAtom<string, [string | typeof import("jotai/utils").RESET | ((prev: string) => string | typeof import("jotai/utils").RESET)], void>;
1
+ export declare const giftWrapAtom: import("jotai").WritableAtom<boolean, [boolean | typeof import("jotai/utils").RESET | ((prev: boolean) => boolean | typeof import("jotai/utils").RESET)], void>;
2
+ export declare const giftWrapIdAtom: import("jotai").WritableAtom<string, [string | typeof import("jotai/utils").RESET | ((prev: string) => string | typeof import("jotai/utils").RESET)], void>;
@@ -1 +1 @@
1
- export declare const gstCompanyNameState: import("jotai").WritableAtom<string, [string | typeof import("jotai/utils").RESET | ((prev: string) => string | typeof import("jotai/utils").RESET)], void>;
1
+ export declare const gstCompanyNameState: import("jotai").WritableAtom<string, [string | typeof import("jotai/utils").RESET | ((prev: string) => string | typeof import("jotai/utils").RESET)], void>;
@@ -1 +1 @@
1
- export declare const gstNumberState: import("jotai").WritableAtom<string, [string | typeof import("jotai/utils").RESET | ((prev: string) => string | typeof import("jotai/utils").RESET)], void>;
1
+ export declare const gstNumberState: import("jotai").WritableAtom<string, [string | typeof import("jotai/utils").RESET | ((prev: string) => string | typeof import("jotai/utils").RESET)], void>;
@@ -1,3 +1,3 @@
1
- export declare const maxQtyErrorState: import("jotai").PrimitiveAtom<string | undefined> & {
2
- init: string | undefined;
3
- };
1
+ export declare const maxQtyErrorState: import("jotai").PrimitiveAtom<string | undefined> & {
2
+ init: string | undefined;
3
+ };
@@ -1,19 +1,19 @@
1
- export interface MultiClaimSelection {
2
- selectedProducts: string[];
3
- maxAllowed: number;
4
- tierName: string;
5
- }
6
- export declare const multiClaimSelectionState: import("jotai").PrimitiveAtom<MultiClaimSelection> & {
7
- init: MultiClaimSelection;
8
- };
9
- export declare const isSelectionLimitReachedAtom: import("jotai").Atom<boolean>;
10
- export declare const selectionCountAtom: import("jotai").Atom<number>;
11
- export declare const toggleProductSelectionAtom: import("jotai").WritableAtom<null, [productId: string], void> & {
12
- init: null;
13
- };
14
- export declare const resetSelectionAtom: import("jotai").WritableAtom<null, [], void> & {
15
- init: null;
16
- };
17
- export declare const initializeSelectionAtom: import("jotai").WritableAtom<null, [maxAllowed: number, tierName: string], void> & {
18
- init: null;
19
- };
1
+ export interface MultiClaimSelection {
2
+ selectedProducts: string[];
3
+ maxAllowed: number;
4
+ tierName: string;
5
+ }
6
+ export declare const multiClaimSelectionState: import("jotai").PrimitiveAtom<MultiClaimSelection> & {
7
+ init: MultiClaimSelection;
8
+ };
9
+ export declare const isSelectionLimitReachedAtom: import("jotai").Atom<boolean>;
10
+ export declare const selectionCountAtom: import("jotai").Atom<number>;
11
+ export declare const toggleProductSelectionAtom: import("jotai").WritableAtom<null, [productId: string], void> & {
12
+ init: null;
13
+ };
14
+ export declare const resetSelectionAtom: import("jotai").WritableAtom<null, [], void> & {
15
+ init: null;
16
+ };
17
+ export declare const initializeSelectionAtom: import("jotai").WritableAtom<null, [maxAllowed: number, tierName: string], void> & {
18
+ init: null;
19
+ };
@@ -1,3 +1,3 @@
1
- export declare const noteInputState: import("jotai").PrimitiveAtom<string> & {
2
- init: string;
3
- };
1
+ export declare const noteInputState: import("jotai").PrimitiveAtom<string> & {
2
+ init: string;
3
+ };
@@ -1 +1 @@
1
- export declare const postalCodeState: import("jotai").WritableAtom<number | undefined, [number | typeof import("jotai/utils").RESET | ((prev: number | undefined) => number | typeof import("jotai/utils").RESET | undefined) | undefined], void>;
1
+ export declare const postalCodeState: import("jotai").WritableAtom<number | undefined, [number | typeof import("jotai/utils").RESET | ((prev: number | undefined) => number | typeof import("jotai/utils").RESET | undefined) | undefined], void>;
@@ -1,8 +1,8 @@
1
- interface DeliveryOptionState {
2
- isPostalCodeValid: boolean;
3
- isDateValid: boolean;
4
- }
5
- export declare const deliveryOptionChosenState: import("jotai").WritableAtom<DeliveryOptionState, [DeliveryOptionState | typeof import("jotai/utils").RESET | ((prev: DeliveryOptionState) => DeliveryOptionState | typeof import("jotai/utils").RESET)], void>;
6
- export declare const isDeliveryOptionValidState: import("jotai").Atom<boolean>;
7
- export declare const deliveryTypeState: import("jotai").WritableAtom<string, [string | typeof import("jotai/utils").RESET | ((prev: string) => string | typeof import("jotai/utils").RESET)], void>;
8
- export {};
1
+ interface DeliveryOptionState {
2
+ isPostalCodeValid: boolean;
3
+ isDateValid: boolean;
4
+ }
5
+ export declare const deliveryOptionChosenState: import("jotai").WritableAtom<DeliveryOptionState, [DeliveryOptionState | typeof import("jotai/utils").RESET | ((prev: DeliveryOptionState) => DeliveryOptionState | typeof import("jotai/utils").RESET)], void>;
6
+ export declare const isDeliveryOptionValidState: import("jotai").Atom<boolean>;
7
+ export declare const deliveryTypeState: import("jotai").WritableAtom<string, [string | typeof import("jotai/utils").RESET | ((prev: string) => string | typeof import("jotai/utils").RESET)], void>;
8
+ export {};
@@ -1 +1 @@
1
- export declare const showGSTInputState: import("jotai").WritableAtom<boolean, [boolean | typeof import("jotai/utils").RESET | ((prev: boolean) => boolean | typeof import("jotai/utils").RESET)], void>;
1
+ export declare const showGSTInputState: import("jotai").WritableAtom<boolean, [boolean | typeof import("jotai/utils").RESET | ((prev: boolean) => boolean | typeof import("jotai/utils").RESET)], void>;
@@ -1,23 +1,23 @@
1
- export declare const variantSelectionModalState: import("jotai").PrimitiveAtom<{
2
- open: boolean;
3
- variantId: string | undefined;
4
- quantity?: number | undefined;
5
- handle: string | undefined;
6
- freebieSelection?: boolean | undefined;
7
- lineItemKey?: string | undefined;
8
- productId?: string | undefined;
9
- allowedVariantIds?: string[] | undefined;
10
- productRec?: boolean | undefined;
11
- }> & {
12
- init: {
13
- open: boolean;
14
- variantId: string | undefined;
15
- quantity?: number | undefined;
16
- handle: string | undefined;
17
- freebieSelection?: boolean | undefined;
18
- lineItemKey?: string | undefined;
19
- productId?: string | undefined;
20
- allowedVariantIds?: string[] | undefined;
21
- productRec?: boolean | undefined;
22
- };
23
- };
1
+ export declare const variantSelectionModalState: import("jotai").PrimitiveAtom<{
2
+ open: boolean;
3
+ variantId: string | undefined;
4
+ quantity?: number | undefined;
5
+ handle: string | undefined;
6
+ freebieSelection?: boolean | undefined;
7
+ lineItemKey?: string | undefined;
8
+ productId?: string | undefined;
9
+ allowedVariantIds?: string[] | undefined;
10
+ productRec?: boolean | undefined;
11
+ }> & {
12
+ init: {
13
+ open: boolean;
14
+ variantId: string | undefined;
15
+ quantity?: number | undefined;
16
+ handle: string | undefined;
17
+ freebieSelection?: boolean | undefined;
18
+ lineItemKey?: string | undefined;
19
+ productId?: string | undefined;
20
+ allowedVariantIds?: string[] | undefined;
21
+ productRec?: boolean | undefined;
22
+ };
23
+ };