@revenuecat/purchases-ui-js 2.0.0 → 2.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 (105) hide show
  1. package/dist/components/button/Button.svelte +1 -5
  2. package/dist/components/button/ButtonNode.stories.svelte +57 -71
  3. package/dist/components/button/ButtonNode.stories.svelte.d.ts +0 -8
  4. package/dist/components/button/ButtonNode.svelte +10 -21
  5. package/dist/components/button/ButtonNode.svelte.d.ts +2 -2
  6. package/dist/components/button/button-utils.d.ts +2 -2
  7. package/dist/components/footer/Footer.stories.svelte +26 -22
  8. package/dist/components/footer/Footer.stories.svelte.d.ts +0 -5
  9. package/dist/components/footer/Footer.svelte +3 -10
  10. package/dist/components/footer/Footer.svelte.d.ts +1 -1
  11. package/dist/components/image/Image.stories.svelte +27 -19
  12. package/dist/components/image/Image.svelte +18 -17
  13. package/dist/components/image/image-utils.d.ts +2 -1
  14. package/dist/components/image/image-utils.js +2 -2
  15. package/dist/components/package/Package.stories.svelte +31 -31
  16. package/dist/components/package/Package.stories.svelte.d.ts +0 -6
  17. package/dist/components/package/Package.svelte +19 -30
  18. package/dist/components/package/Package.svelte.d.ts +1 -1
  19. package/dist/components/paywall/Node.svelte +26 -50
  20. package/dist/components/paywall/Node.svelte.d.ts +11 -14
  21. package/dist/components/paywall/Paywall.stories.svelte +21 -78
  22. package/dist/components/paywall/Paywall.svelte +75 -100
  23. package/dist/components/paywall/Paywall.svelte.d.ts +4 -4
  24. package/dist/components/paywall/paywall-utils.d.ts +3 -2
  25. package/dist/components/paywall/paywall-utils.js +5 -5
  26. package/dist/components/purchase-button/PurchaseButton.stories.svelte +29 -31
  27. package/dist/components/purchase-button/PurchaseButton.stories.svelte.d.ts +0 -5
  28. package/dist/components/purchase-button/PurchaseButton.svelte +9 -20
  29. package/dist/components/purchase-button/PurchaseButton.svelte.d.ts +1 -1
  30. package/dist/components/purchase-button/purchase-button-utils.d.ts +1 -1
  31. package/dist/components/stack/Stack.stories.svelte +17 -94
  32. package/dist/components/stack/Stack.svelte +18 -48
  33. package/dist/components/stack/stack-utils.d.ts +4 -3
  34. package/dist/components/stack/stack-utils.js +7 -10
  35. package/dist/components/text/TextNode.stories.svelte +45 -152
  36. package/dist/components/text/TextNode.svelte +15 -23
  37. package/dist/components/text/text-utils.d.ts +7 -6
  38. package/dist/components/text/text-utils.js +7 -7
  39. package/dist/components/timeline/Timeline.stories.svelte +37 -48
  40. package/dist/components/timeline/Timeline.svelte +0 -2
  41. package/dist/components/timeline/TimelineItem.svelte +28 -11
  42. package/dist/components/timeline/timeline-utils.d.ts +3 -3
  43. package/dist/components/timeline/timeline-utils.js +7 -17
  44. package/dist/data/entities.d.ts +54 -145
  45. package/dist/index.d.ts +10 -10
  46. package/dist/index.js +10 -10
  47. package/dist/stores/color-mode.d.ts +6 -0
  48. package/dist/stores/color-mode.js +15 -0
  49. package/dist/stores/localization.d.ts +13 -0
  50. package/dist/stores/localization.js +26 -0
  51. package/dist/stores/paywall.d.ts +11 -0
  52. package/dist/stores/paywall.js +13 -0
  53. package/dist/stores/variables.d.ts +5 -0
  54. package/dist/stores/variables.js +14 -0
  55. package/dist/stories/fixtures.d.ts +1 -1
  56. package/dist/stories/fixtures.js +30 -135
  57. package/dist/stories/localization-decorator.d.ts +3 -0
  58. package/dist/stories/localization-decorator.js +7 -0
  59. package/dist/stories/paywall-decorator.d.ts +2 -0
  60. package/dist/stories/paywall-decorator.js +19 -0
  61. package/dist/stories/variables-decorator.d.ts +3 -0
  62. package/dist/stories/variables-decorator.js +9 -0
  63. package/dist/stories/with-layout.svelte +4 -4
  64. package/dist/types/alignment.d.ts +19 -0
  65. package/dist/types/background.d.ts +18 -0
  66. package/dist/types/background.js +1 -0
  67. package/dist/types/colors.d.ts +34 -0
  68. package/dist/types/colors.js +1 -0
  69. package/dist/types/component.d.ts +6 -0
  70. package/dist/types/component.js +1 -0
  71. package/dist/types/components/button.d.ts +36 -0
  72. package/dist/types/components/button.js +1 -0
  73. package/dist/types/components/footer.d.ts +5 -0
  74. package/dist/types/components/footer.js +1 -0
  75. package/dist/types/components/package.d.ts +8 -0
  76. package/dist/types/components/package.js +1 -0
  77. package/dist/types/components/purchase-button.d.ts +5 -0
  78. package/dist/types/components/purchase-button.js +1 -0
  79. package/dist/types/localization.d.ts +4 -0
  80. package/dist/types/localization.js +1 -0
  81. package/dist/types/media.d.ts +18 -0
  82. package/dist/types/media.js +1 -0
  83. package/dist/types.d.ts +5 -35
  84. package/dist/ui/atoms/typography.stories.svelte +7 -13
  85. package/dist/ui/atoms/typography.stories.svelte.d.ts +1 -1
  86. package/dist/ui/atoms/typography.svelte +1 -1
  87. package/dist/ui/layout/main-block.svelte +2 -2
  88. package/dist/ui/molecules/button.stories.svelte +8 -15
  89. package/dist/ui/molecules/button.svelte +3 -2
  90. package/dist/ui/molecules/button.svelte.d.ts +2 -26
  91. package/dist/ui/molecules/types.d.ts +2 -1
  92. package/dist/ui/theme/theme.d.ts +2 -2
  93. package/dist/ui/theme/theme.js +2 -2
  94. package/dist/ui/theme/utils.d.ts +2 -2
  95. package/dist/utils/style-utils.d.ts +13 -11
  96. package/dist/utils/style-utils.js +21 -27
  97. package/dist/utils/variable-utils.d.ts +1 -38
  98. package/dist/utils/variable-utils.js +6 -48
  99. package/dist/web-components/index.css +1 -1
  100. package/dist/web-components/index.js +610 -657
  101. package/package.json +33 -36
  102. package/dist/data/state.d.ts +0 -9
  103. package/dist/stores/theme.d.ts +0 -1
  104. package/dist/stores/theme.js +0 -17
  105. /package/dist/{data/state.js → types/alignment.js} +0 -0
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@revenuecat/purchases-ui-js",
3
3
  "description": "Web components for Paywalls. Powered by RevenueCat",
4
4
  "private": false,
5
- "version": "2.0.0",
5
+ "version": "2.0.2",
6
6
  "author": {
7
7
  "name": "RevenueCat, Inc."
8
8
  },
@@ -64,42 +64,39 @@
64
64
  }
65
65
  },
66
66
  "peerDependencies": {
67
- "svelte": "^5.3.0"
67
+ "svelte": "^5.12.0"
68
68
  },
69
69
  "devDependencies": {
70
- "@chromatic-com/storybook": "^3.2.3",
71
- "@eslint/js": "^9.18.0",
72
- "@storybook/addon-essentials": "^8.5.0",
73
- "@storybook/addon-interactions": "^8.5.0",
74
- "@storybook/addon-links": "^8.5.0",
75
- "@storybook/addon-svelte-csf": "^5.0.0-next.14",
76
- "@storybook/blocks": "^8.5.0",
77
- "@storybook/svelte": "^8.5.0",
78
- "@storybook/sveltekit": "^8.5.0",
79
- "@storybook/test": "^8.5.0",
80
- "@sveltejs/adapter-node": "^5.2.11",
81
- "@sveltejs/kit": "^2.15.3",
82
- "@sveltejs/package": "^2.3.7",
83
- "@sveltejs/vite-plugin-svelte": "^5.0.3",
84
- "@typescript-eslint/parser": "^8.20.0",
85
- "chromatic": "^11.24.0",
86
- "eslint": "^9.18.0",
87
- "eslint-plugin-svelte": "^2.46.1",
88
- "globals": "^15.14.0",
89
- "husky": "^9.1.7",
90
- "jsdom": "^26.0.0",
91
- "lint-staged": "^15.3.0",
92
- "prettier": "^3.4.2",
93
- "prettier-plugin-svelte": "^3.3.3",
94
- "publint": "^0.2.12",
95
- "storybook": "^8.5.0",
96
- "svelte": "^5.18.0",
97
- "svelte-check": "^4.1.4",
98
- "typescript": "^5.7.3",
99
- "typescript-eslint": "^8.20.0",
100
- "vite": "^6.0.7",
101
- "vite-plugin-dts": "^4.5.3",
102
- "vitest": "^2.1.8"
70
+ "@chromatic-com/storybook": "4.1.1",
71
+ "@eslint/js": "9.34.0",
72
+ "@storybook/addon-docs": "9.1.3",
73
+ "@storybook/addon-links": "9.1.3",
74
+ "@storybook/addon-svelte-csf": "5.0.8",
75
+ "@storybook/sveltekit": "9.1.3",
76
+ "@sveltejs/adapter-node": "5.3.1",
77
+ "@sveltejs/kit": "2.37.0",
78
+ "@sveltejs/package": "2.5.0",
79
+ "@sveltejs/vite-plugin-svelte": "5.1.1",
80
+ "@typescript-eslint/parser": "8.41.0",
81
+ "chromatic": "13.1.3",
82
+ "eslint": "9.34.0",
83
+ "eslint-plugin-storybook": "9.1.3",
84
+ "eslint-plugin-svelte": "3.11.0",
85
+ "globals": "16.3.0",
86
+ "husky": "9.1.7",
87
+ "jsdom": "26.1.0",
88
+ "lint-staged": "16.1.5",
89
+ "prettier": "3.6.2",
90
+ "prettier-plugin-svelte": "3.4.0",
91
+ "publint": "0.3.12",
92
+ "storybook": "9.1.3",
93
+ "svelte": "5.14.3",
94
+ "svelte-check": "4.3.1",
95
+ "typescript": "5.9.2",
96
+ "typescript-eslint": "8.41.0",
97
+ "vite": "6.3.5",
98
+ "vite-plugin-dts": "4.5.4",
99
+ "vitest": "3.2.4"
103
100
  },
104
101
  "lint-staged": {
105
102
  "**/*": [
@@ -107,5 +104,5 @@
107
104
  "eslint --fix"
108
105
  ]
109
106
  },
110
- "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
107
+ "packageManager": "npm@11.5.2+sha512.aac1241cfc3f41dc38780d64295c6c6b917a41e24288b33519a7b11adfc5a54a5f881c642d7557215b6c70e01e55655ed7ba666300fd0238bc75fb17478afaf3"
111
108
  }
@@ -1,9 +0,0 @@
1
- import type { ColorMode } from "../types";
2
- import type { VariableDictionary } from "../utils/variable-utils";
3
- export interface PurchaseState {
4
- selectedPackageId?: string;
5
- locale: string;
6
- defaultLocale: string;
7
- variablesPerPackage?: Record<string, VariableDictionary>;
8
- colorMode: ColorMode;
9
- }
@@ -1 +0,0 @@
1
- export declare const prefersDarkMode: import("svelte/store").Readable<boolean>;
@@ -1,17 +0,0 @@
1
- import { readable } from "svelte/store";
2
- // Create a readable store that updates when the system theme changes
3
- export const prefersDarkMode = readable(false, (set) => {
4
- // Check if window is defined (client-side)
5
- if (typeof window !== "undefined") {
6
- // Set initial value
7
- const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
8
- set(mediaQuery.matches);
9
- // Update value when system preference changes
10
- const handler = (e) => set(e.matches);
11
- mediaQuery.addEventListener("change", handler);
12
- // Cleanup when store is destroyed
13
- return () => mediaQuery.removeEventListener("change", handler);
14
- }
15
- // Return empty cleanup function for SSR
16
- return () => { };
17
- });
File without changes