@veevarts/design-system 1.0.0-dev.1 → 1.0.0-dev.10

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 (43) hide show
  1. package/dist/components/Button/Button.d.ts +4 -2
  2. package/dist/index.cjs +9 -9
  3. package/dist/index.d.ts +2 -2
  4. package/dist/index.js +2497 -2408
  5. package/dist/patterns/OfferCard/index.d.ts +4 -8
  6. package/dist/patterns/OfferCard/utils/index.d.ts +2 -1
  7. package/dist/patterns/OfferCard/{OfferCardEmpty.d.ts → variants/OfferCardEmpty.d.ts} +1 -1
  8. package/dist/patterns/OfferCard/{OfferCardError.d.ts → variants/OfferCardError.d.ts} +1 -1
  9. package/dist/patterns/OfferCard/{OfferCardList.d.ts → variants/OfferCardList.d.ts} +1 -1
  10. package/dist/patterns/OfferCard/{OfferCardSkeleton.d.ts → variants/OfferCardSkeleton.d.ts} +1 -1
  11. package/dist/patterns/OfferCard/variants/index.d.ts +4 -0
  12. package/dist/patterns/RevenueDistribution/__test__/RevenueDistributionCard.test.d.ts +1 -0
  13. package/dist/patterns/RevenueDistribution/index.d.ts +3 -5
  14. package/dist/patterns/RevenueDistribution/{RevenueDistributionEmpty.d.ts → variants/RevenueDistributionEmpty.d.ts} +1 -1
  15. package/dist/patterns/RevenueDistribution/{RevenueDistributionError.d.ts → variants/RevenueDistributionError.d.ts} +1 -1
  16. package/dist/patterns/RevenueDistribution/{RevenueDistributionSkeleton.d.ts → variants/RevenueDistributionSkeleton.d.ts} +1 -1
  17. package/dist/patterns/RevenueDistribution/variants/index.d.ts +3 -0
  18. package/dist/styles.css +98 -0
  19. package/dist/test/setup.motion.d.ts +1 -0
  20. package/package.json +8 -4
  21. package/public/fonts/neue-montreal/Icon/r +0 -0
  22. package/public/fonts/neue-montreal/PPNeueMontreal-Bold.woff +0 -0
  23. package/public/fonts/neue-montreal/PPNeueMontreal-Bold.woff2 +0 -0
  24. package/public/fonts/neue-montreal/PPNeueMontreal-BoldItalic.woff +0 -0
  25. package/public/fonts/neue-montreal/PPNeueMontreal-BoldItalic.woff2 +0 -0
  26. package/public/fonts/neue-montreal/PPNeueMontreal-Italic.woff +0 -0
  27. package/public/fonts/neue-montreal/PPNeueMontreal-Italic.woff2 +0 -0
  28. package/public/fonts/neue-montreal/PPNeueMontreal-Regular.woff +0 -0
  29. package/public/fonts/neue-montreal/PPNeueMontreal-Regular.woff2 +0 -0
  30. package/public/fonts/neue-montreal/PPNeueMontreal-SemiBold.woff +0 -0
  31. package/public/fonts/neue-montreal/PPNeueMontreal-SemiBold.woff2 +0 -0
  32. package/public/fonts/scholar/Scholar-Italic.woff +0 -0
  33. package/public/fonts/scholar/Scholar-Italic.woff2 +0 -0
  34. package/public/fonts/scholar/Scholar-Regular.woff +0 -0
  35. package/public/fonts/scholar/Scholar-Regular.woff2 +0 -0
  36. /package/dist/{patterns/EventDetails/EventDetails.test.d.ts → components/Button/Button.test.d.ts} +0 -0
  37. /package/dist/patterns/DonationAmounts/{DonationAmounts.test.d.ts → __test__/DonationAmounts.test.d.ts} +0 -0
  38. /package/dist/patterns/{Footer/Footer.test.d.ts → EventDetails/__test__/EventDetails.test.d.ts} +0 -0
  39. /package/dist/patterns/ExpireCartTimer/{ExpireCartTimer.test.d.ts → __test__/ExpireCartTimer.test.d.ts} +0 -0
  40. /package/dist/patterns/{Navbar/Navbar.test.d.ts → Footer/__test__/Footer.test.d.ts} +0 -0
  41. /package/dist/patterns/{OfferCard/OfferCard.test.d.ts → Navbar/__test__/Navbar.test.d.ts} +0 -0
  42. /package/dist/patterns/{RevenueDistribution/RevenueDistributionCard.test.d.ts → OfferCard/__test__/OfferCard.test.d.ts} +0 -0
  43. /package/dist/patterns/OfferCard/{animations.d.ts → utils/animations.d.ts} +0 -0
@@ -4,11 +4,7 @@
4
4
  * A complete pattern for displaying offers with quantity selection,
5
5
  * price formatting, and various states (loading, error, empty).
6
6
  */
7
- export { OfferCard, default as OfferCardDefault } from './OfferCard';
8
- export { OfferCardList } from './OfferCardList';
9
- export { OfferCardSkeleton } from './OfferCardSkeleton';
10
- export { OfferCardError } from './OfferCardError';
11
- export { OfferCardEmpty } from './OfferCardEmpty';
12
- export type { Offer, OfferSelection, OfferCardLabels, OfferCardErrorLabels, OfferCardClassNames, OfferCardListClassNames, OfferCardSkeletonClassNames, OfferCardErrorClassNames, OfferCardEmptyClassNames, OfferCardSlots, OfferCardProps, OfferCardListProps, OfferCardSkeletonProps, OfferCardErrorProps, OfferCardEmptyProps, } from './types';
13
- export { offerListVariants, offerCardVariants } from './animations';
14
- export { formatCurrency, parseCurrency } from './utils/currency';
7
+ export * from './OfferCard';
8
+ export * from './variants';
9
+ export type * from './types';
10
+ export * from './utils';
@@ -1,2 +1,3 @@
1
- export { formatCurrency, parseCurrency } from './currency';
1
+ export * from './currency';
2
2
  export * from './offers';
3
+ export * from './animations';
@@ -1,5 +1,5 @@
1
1
  import { JSX } from 'react';
2
- import { OfferCardEmptyProps } from './types';
2
+ import { OfferCardEmptyProps } from '../types';
3
3
  /**
4
4
  * OfferCardEmpty component renders a visually informative empty state
5
5
  * when there are no offers to display. It includes an icon and a message
@@ -1,5 +1,5 @@
1
1
  import { JSX } from 'react';
2
- import { OfferCardErrorProps } from './types';
2
+ import { OfferCardErrorProps } from '../types';
3
3
  /**
4
4
  * OfferCardError component renders an alert with error information
5
5
  * when the offers cannot be loaded. Supports custom error messages
@@ -1,5 +1,5 @@
1
1
  import { JSX } from 'react';
2
- import { OfferCardListProps } from './types';
2
+ import { OfferCardListProps } from '../types';
3
3
  /**
4
4
  * OfferCardList component displays a collection of offer cards in a responsive grid.
5
5
  * It manages selection state internally or accepts external control via props.
@@ -1,5 +1,5 @@
1
1
  import { JSX } from 'react';
2
- import { OfferCardSkeletonProps } from './types';
2
+ import { OfferCardSkeletonProps } from '../types';
3
3
  /**
4
4
  * OfferCardSkeleton component renders placeholder cards with animated skeletons
5
5
  * that mimic the structure of actual offer cards. This provides visual feedback
@@ -0,0 +1,4 @@
1
+ export { OfferCardEmpty } from './OfferCardEmpty';
2
+ export { OfferCardError } from './OfferCardError';
3
+ export { OfferCardSkeleton } from './OfferCardSkeleton';
4
+ export { OfferCardList } from './OfferCardList';
@@ -6,9 +6,7 @@
6
6
  * tax deductible checkbox, and delete button.
7
7
  */
8
8
  export { RevenueDistributionCard } from './RevenueDistributionCard';
9
- export { RevenueDistributionSkeleton } from './RevenueDistributionSkeleton';
10
- export { RevenueDistributionError } from './RevenueDistributionError';
11
- export { RevenueDistributionEmpty } from './RevenueDistributionEmpty';
12
- export type { GlAccount, Distribution, RevenueDistributionLabels, RevenueDistributionErrorLabels, RevenueDistributionEmptyLabels, RevenueDistributionCardClassNames, RevenueDistributionSkeletonClassNames, RevenueDistributionErrorClassNames, RevenueDistributionEmptyClassNames, RevenueDistributionCardProps, RevenueDistributionSkeletonProps, RevenueDistributionErrorProps, RevenueDistributionEmptyProps, } from './types';
13
- export { formatAmount, formatCurrency, getCurrencySymbol, parseCurrency, calculateAllocationDifference, generateDistributionId, } from './utils';
9
+ export { RevenueDistributionSkeleton, RevenueDistributionError, RevenueDistributionEmpty } from './variants/';
10
+ export type * from './types';
11
+ export * from './utils';
14
12
  export { InteractiveExample, WithGlAccountSearchExample, MultipleDistributionsFormExample } from './examples';
@@ -1,5 +1,5 @@
1
1
  import { JSX } from 'react';
2
- import { RevenueDistributionEmptyProps } from './types';
2
+ import { RevenueDistributionEmptyProps } from '../types';
3
3
  /**
4
4
  * RevenueDistributionEmpty displays a placeholder when there are no
5
5
  * distributions configured or available.
@@ -1,5 +1,5 @@
1
1
  import { JSX } from 'react';
2
- import { RevenueDistributionErrorProps } from './types';
2
+ import { RevenueDistributionErrorProps } from '../types';
3
3
  /**
4
4
  * RevenueDistributionError displays an error alert when there's an issue
5
5
  * loading or processing distributions.
@@ -1,5 +1,5 @@
1
1
  import { JSX } from 'react';
2
- import { RevenueDistributionSkeletonProps } from './types';
2
+ import { RevenueDistributionSkeletonProps } from '../types';
3
3
  /**
4
4
  * RevenueDistributionSkeleton displays a loading placeholder
5
5
  * matching the structure of RevenueDistributionCard.
@@ -0,0 +1,3 @@
1
+ export { RevenueDistributionEmpty } from './RevenueDistributionEmpty';
2
+ export { RevenueDistributionError } from './RevenueDistributionError';
3
+ export { RevenueDistributionSkeleton } from './RevenueDistributionSkeleton';
@@ -0,0 +1,98 @@
1
+ /**
2
+ * Veevart Design System - Font Definitions
3
+ *
4
+ * Usage:
5
+ * 1. Import this file: @import '@veevarts/design-system/styles.css';
6
+ * 2. Copy fonts to your public folder:
7
+ * cp -r node_modules/@veevarts/design-system/fonts public/fonts
8
+ */
9
+
10
+ /**
11
+ * NeueMontreal Font Family
12
+ * Primary font for UI and body text
13
+ */
14
+ @font-face {
15
+ font-family: 'NeueMontreal';
16
+ src:
17
+ url('/fonts/neue-montreal/PPNeueMontreal-Regular.woff2') format('woff2'),
18
+ url('/fonts/neue-montreal/PPNeueMontreal-Regular.woff') format('woff');
19
+ font-weight: 400;
20
+ font-style: normal;
21
+ font-display: swap;
22
+ }
23
+
24
+ @font-face {
25
+ font-family: 'NeueMontreal';
26
+ src:
27
+ url('/fonts/neue-montreal/PPNeueMontreal-SemiBold.woff2') format('woff2'),
28
+ url('/fonts/neue-montreal/PPNeueMontreal-SemiBold.woff') format('woff');
29
+ font-weight: 600;
30
+ font-style: normal;
31
+ font-display: swap;
32
+ }
33
+
34
+ @font-face {
35
+ font-family: 'NeueMontreal';
36
+ src:
37
+ url('/fonts/neue-montreal/PPNeueMontreal-Bold.woff2') format('woff2'),
38
+ url('/fonts/neue-montreal/PPNeueMontreal-Bold.woff') format('woff');
39
+ font-weight: 700;
40
+ font-style: normal;
41
+ font-display: swap;
42
+ }
43
+
44
+ @font-face {
45
+ font-family: 'NeueMontreal';
46
+ src:
47
+ url('/fonts/neue-montreal/PPNeueMontreal-Italic.woff2') format('woff2'),
48
+ url('/fonts/neue-montreal/PPNeueMontreal-Italic.woff') format('woff');
49
+ font-weight: 400;
50
+ font-style: italic;
51
+ font-display: swap;
52
+ }
53
+
54
+ @font-face {
55
+ font-family: 'NeueMontreal';
56
+ src:
57
+ url('/fonts/neue-montreal/PPNeueMontreal-BoldItalic.woff2') format('woff2'),
58
+ url('/fonts/neue-montreal/PPNeueMontreal-BoldItalic.woff') format('woff');
59
+ font-weight: 700;
60
+ font-style: italic;
61
+ font-display: swap;
62
+ }
63
+
64
+ /**
65
+ * Scholar Font Family
66
+ * Secondary font for headings and emphasis
67
+ */
68
+ @font-face {
69
+ font-family: 'Scholar';
70
+ src:
71
+ url('/fonts/scholar/Scholar-Regular.woff2') format('woff2'),
72
+ url('/fonts/scholar/Scholar-Regular.woff') format('woff');
73
+ font-weight: 400;
74
+ font-style: normal;
75
+ font-display: swap;
76
+ }
77
+
78
+ @font-face {
79
+ font-family: 'Scholar';
80
+ src:
81
+ url('/fonts/scholar/Scholar-Italic.woff2') format('woff2'),
82
+ url('/fonts/scholar/Scholar-Italic.woff') format('woff');
83
+ font-weight: 400;
84
+ font-style: italic;
85
+ font-display: swap;
86
+ }
87
+
88
+ /**
89
+ * CSS Custom Properties for fonts
90
+ */
91
+ :root {
92
+ --font-primary: 'NeueMontreal', system-ui, sans-serif;
93
+ --font-secondary: 'Scholar', Georgia, serif;
94
+ }
95
+
96
+ body {
97
+ font-family: var(--font-primary);
98
+ }
@@ -0,0 +1 @@
1
+ export {};
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@veevarts/design-system",
3
3
  "private": false,
4
- "version": "1.0.0-dev.1",
4
+ "version": "1.0.0-dev.10",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",
7
7
  "module": "dist/index.js",
@@ -16,15 +16,19 @@
16
16
  "types": "./dist/tailwind/index.d.ts",
17
17
  "require": "./dist/tailwind/index.js",
18
18
  "import": "./dist/tailwind/index.js"
19
- }
19
+ },
20
+ "./styles.css": "./dist/styles.css",
21
+ "./fonts/*": "./public/fonts/*"
20
22
  },
21
23
  "files": [
22
- "dist"
24
+ "dist",
25
+ "public/fonts"
23
26
  ],
24
27
  "scripts": {
25
28
  "dev": "vite",
26
- "build": "vite build && npm run build:tailwind",
29
+ "build": "vite build && npm run build:tailwind && npm run build:styles",
27
30
  "build:tailwind": "esbuild src/tailwind/index.ts --bundle --platform=node --format=cjs --outfile=dist/tailwind/index.js && tsc -p src/tailwind/tsconfig.json",
31
+ "build:styles": "cp src/styles/fonts.css dist/styles.css",
28
32
  "lint": "eslint .",
29
33
  "preview": "vite preview",
30
34
  "test": "vitest --run",
File without changes