@plurix/ecom-components 0.0.2-beta.0 → 0.0.2-beta.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 (57) hide show
  1. package/dist/assets/svgs/CloseIcon.d.ts +1 -0
  2. package/dist/assets/svgs/CloseIcon.js +37 -0
  3. package/dist/assets/svgs/DiscountIcon.d.ts +1 -0
  4. package/dist/assets/svgs/DiscountIcon.js +37 -0
  5. package/dist/assets/svgs/FacebookIcon.d.ts +1 -0
  6. package/dist/assets/svgs/FacebookIcon.js +22 -0
  7. package/dist/assets/svgs/InstagramIcon.d.ts +1 -0
  8. package/dist/assets/svgs/InstagramIcon.js +49 -0
  9. package/dist/main.d.ts +2 -3
  10. package/dist/main.js +6 -4
  11. package/dist/packages/CartClubAlert/CartClubAlert.d.ts +8 -0
  12. package/dist/packages/CartClubAlert/CartClubAlert.js +22 -0
  13. package/dist/packages/Onboarding/Onboarding.d.ts +10 -0
  14. package/dist/packages/Onboarding/Onboarding.js +47 -0
  15. package/dist/packages/Onboarding/components/Bullets.d.ts +5 -0
  16. package/dist/packages/Onboarding/components/Bullets.js +10 -0
  17. package/dist/packages/Onboarding/components/Content.d.ts +9 -0
  18. package/dist/packages/Onboarding/components/Content.js +30 -0
  19. package/dist/packages/Onboarding/components/Footer.d.ts +9 -0
  20. package/dist/packages/Onboarding/components/Footer.js +15 -0
  21. package/dist/packages/Onboarding/components/Header.d.ts +6 -0
  22. package/dist/packages/Onboarding/components/Header.js +11 -0
  23. package/dist/packages/Onboarding/components/SocialMedia.d.ts +10 -0
  24. package/dist/packages/Onboarding/components/SocialMedia.js +36 -0
  25. package/dist/packages/Onboarding/constants/tips.d.ts +11 -0
  26. package/dist/packages/Onboarding/constants/tips.js +36 -0
  27. package/dist/packages/Onboarding/test/Bullets.test.js +20 -0
  28. package/dist/packages/Onboarding/test/Content.test.js +52 -0
  29. package/dist/packages/Onboarding/test/Footer.test.js +60 -0
  30. package/dist/packages/Onboarding/test/Header.test.js +30 -0
  31. package/dist/packages/Onboarding/test/Onboarding.test.js +22 -0
  32. package/dist/packages/Onboarding/test/SocialMedia.test.js +39 -0
  33. package/dist/packages/Onboarding/tips/Tip1.d.ts +1 -0
  34. package/dist/packages/Onboarding/tips/Tip1.js +2130 -0
  35. package/dist/packages/Onboarding/tips/Tip2.d.ts +1 -0
  36. package/dist/packages/Onboarding/tips/Tip2.js +361 -0
  37. package/dist/packages/Onboarding/tips/Tip3.d.ts +1 -0
  38. package/dist/packages/Onboarding/tips/Tip3.js +350 -0
  39. package/dist/packages/Onboarding/tips/Tip4.d.ts +1 -0
  40. package/dist/packages/Onboarding/tips/Tip4.js +593 -0
  41. package/dist/packages/Onboarding/tips/Tip5.d.ts +1 -0
  42. package/dist/packages/Onboarding/tips/Tip5.js +1571 -0
  43. package/dist/styles/cart-club-alert.global.css +1 -0
  44. package/dist/styles/onboarding.global.css +1 -0
  45. package/dist/types/FixedLengthArray.d.ts +7 -0
  46. package/dist/types/FixedLengthArray.js +1 -0
  47. package/dist/vite-env.d.js +1 -0
  48. package/package.json +4 -1
  49. package/dist/assets/index.css +0 -3
  50. package/dist/assets/index2.css +0 -3
  51. package/dist/assets/index3.css +0 -3
  52. package/dist/components/Button/index.d.ts +0 -4
  53. package/dist/components/Button/index.js +0 -11
  54. package/dist/components/Input/index.d.ts +0 -4
  55. package/dist/components/Input/index.js +0 -11
  56. package/dist/components/Label/index.d.ts +0 -4
  57. package/dist/components/Label/index.js +0 -11
@@ -0,0 +1 @@
1
+ .club-cart-alert-container{box-shadow:4px 4px 8px var(--color-support-shadow);margin-bottom:24px;padding:16px;border:1px solid var(--color-grayScale-lightest);border-radius:4px}.club-cart-alert-container *{margin:0;padding:0;box-sizing:border-box;font-family:DM Sans,sans-serif}.club-cart-alert-container header{display:flex;flex-direction:row}.club-cart-alert-container header .club-infos-container{margin-bottom:8px;margin-left:8px;font-size:16px;font-weight:700;line-height:20px;letter-spacing:0em;color:var(--color-grayScale)}.club-cart-alert-container .club-alert-ad{padding:8px 16px;border-radius:2px;margin-bottom:8px;background-color:var(--color-main-faded);font-size:14px;font-weight:400;line-height:18px;letter-spacing:0em;text-align:center;color:var(--color-main)}.club-cart-alert-container .club-alert-ad strong{font-size:20px;font-weight:700;line-height:24px}.club-cart-alert-container .club-accept{display:block;width:100%;margin-bottom:8px;border:1px solid var(--color-main);border-radius:2px;padding:8px 16px;color:var(--color-main);text-align:center;font-size:14px;line-height:18px;font-weight:500;text-decoration:none}.club-cart-alert-container .club-more-infos{display:block;color:var(--color-main);text-align:center;font-size:16px;font-weight:400;line-height:20px;letter-spacing:0em}
@@ -0,0 +1 @@
1
+ .onboarding-container *{box-sizing:border-box;margin:0;padding:0;font-family:DM Sans,sans-serif}.onboarding-container header{display:flex;align-items:center;justify-content:space-between;padding:0 8px 24px}.onboarding-container header h2{color:var(--color-grayScale);font-size:16px;line-height:20px;font-weight:700}.onboarding-container header button{display:flex;align-items:center;justify-content:center;outline:none;border:none;padding:0;background-color:transparent;margin-left:10px;cursor:pointer}.onboarding-container .onboarding-content-container{max-height:550px;overflow-y:auto;padding:0 8px}.onboarding-container .onboarding-content-container::-webkit-scrollbar{width:4px;background-color:var(--color-main-faded)}.onboarding-container .onboarding-content-container::-webkit-scrollbar-thumb{width:4px;background-color:var(--color-main);border-radius:20px}.onboarding-container .onboarding-content-container .svg-container{text-align:center}.onboarding-container .onboarding-content-container .svg-container svg{max-width:280px;width:100%;height:100%}.onboarding-container .onboarding-content-container .illustration-message{margin-top:8px;color:var(--color-grayScale-darkest);text-align:center;font-size:12px;line-height:16px}.onboarding-container .onboarding-content-container .steps-count{margin-top:32px;color:var(--color-grayScale);text-align:center;font-size:14px;line-height:18px;font-weight:700}.onboarding-container .onboarding-content-container .tip-message{margin-top:4px;color:var(--color-grayScale);text-align:center;font-size:16px;line-height:20px}@media (min-width: 768px){.onboarding-container .onboarding-content-container .tip-message{margin-top:16px}}.onboarding-container .onboarding-content-container .social-media-container{margin-top:16px;display:grid;grid-template-columns:repeat(2,32px);gap:21px;justify-content:center}.onboarding-container footer{display:flex;align-items:center;padding:32px 8px 0}.onboarding-container footer button{flex:1;display:flex;align-items:center;justify-content:center;outline:none;border:none;border-radius:2px;background-color:transparent;font-size:16px;line-height:20px;font-weight:500;cursor:pointer}.onboarding-container footer .back-button{border:1px solid var(--color-main);padding:7px 4px;color:var(--color-main)}.onboarding-container footer .confirm-button{padding:8px 4px;background-color:var(--color-main);color:var(--color-assistant-main)}.onboarding-container footer .bullets-container{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;align-items:center;margin:0 16px}.onboarding-container footer .bullets-container .bullet{width:6px;height:6px;border-radius:50%;background-color:var(--color-grayScale-dark)}.onboarding-container footer .bullets-container .bullet.active{width:8px;height:8px;background-color:var(--color-main)}
@@ -0,0 +1,7 @@
1
+ type ArrayLengthMutationKeys = 'splice' | 'push' | 'pop' | 'shift' | 'unshift';
2
+ export type FixedLengthArray<T, L extends number, TObj = [T, ...Array<T>]> = Pick<TObj, Exclude<keyof TObj, ArrayLengthMutationKeys>> & {
3
+ readonly length: L;
4
+ [I: number]: T;
5
+ [Symbol.iterator]: () => IterableIterator<T>;
6
+ };
7
+ export {};
@@ -0,0 +1 @@
1
+
@@ -0,0 +1 @@
1
+
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@plurix/ecom-components",
3
3
  "author": "Plurix",
4
4
  "private": false,
5
- "version": "0.0.2-beta.0",
5
+ "version": "0.0.2-beta.2",
6
6
  "type": "module",
7
7
  "main": "dist/main.js",
8
8
  "types": "dist/main.d.ts",
@@ -30,6 +30,9 @@
30
30
  "devDependencies": {
31
31
  "@commitlint/cli": "^17.4.2",
32
32
  "@commitlint/config-conventional": "^17.4.2",
33
+ "@testing-library/jest-dom": "^6.4.5",
34
+ "@testing-library/react": "^15.0.7",
35
+ "@types/jest": "^29.5.12",
33
36
  "@types/node": "^20.11.30",
34
37
  "@types/react": "^18.2.71",
35
38
  "@types/react-dom": "^18.2.22",
@@ -1,3 +0,0 @@
1
- ._label_mog69_1 {
2
- font-weight: 700;
3
- }
@@ -1,3 +0,0 @@
1
- ._input_1auw0_1 {
2
- padding: 1rem;
3
- }
@@ -1,3 +0,0 @@
1
- ._button_1m5ht_1 {
2
- padding: 1rem;
3
- }
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- export declare function Button(
3
- props: React.ButtonHTMLAttributes<HTMLButtonElement>
4
- ): import('react/jsx-runtime').JSX.Element
@@ -1,11 +0,0 @@
1
- import '../../assets/index3.css'
2
- import { jsx as s } from 'react/jsx-runtime'
3
- const u = '_button_1m5ht_1',
4
- r = {
5
- button: u
6
- }
7
- function e(t) {
8
- const { className: o, ...n } = t
9
- return /* @__PURE__ */ s('button', { className: `${o} ${r.button}`, ...n })
10
- }
11
- export { e as Button }
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- export declare function Input(
3
- props: React.InputHTMLAttributes<HTMLInputElement>
4
- ): import('react/jsx-runtime').JSX.Element
@@ -1,11 +0,0 @@
1
- import '../../assets/index2.css'
2
- import { jsx as p } from 'react/jsx-runtime'
3
- const u = '_input_1auw0_1',
4
- o = {
5
- input: u
6
- }
7
- function r(t) {
8
- const { className: n, ...s } = t
9
- return /* @__PURE__ */ p('input', { className: `${n} ${o.input}`, ...s })
10
- }
11
- export { r as Input }
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- export declare function Label(
3
- props: React.LabelHTMLAttributes<HTMLLabelElement>
4
- ): import('react/jsx-runtime').JSX.Element
@@ -1,11 +0,0 @@
1
- import '../../assets/index.css'
2
- import { jsx as a } from 'react/jsx-runtime'
3
- const o = '_label_mog69_1',
4
- t = {
5
- label: o
6
- }
7
- function b(l) {
8
- const { className: e, ...s } = l
9
- return /* @__PURE__ */ a('label', { className: `${e} ${t.label}`, ...s })
10
- }
11
- export { b as Label }