@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.
- package/dist/components/Button/Button.d.ts +4 -2
- package/dist/index.cjs +9 -9
- package/dist/index.d.ts +2 -2
- package/dist/index.js +2497 -2408
- package/dist/patterns/OfferCard/index.d.ts +4 -8
- package/dist/patterns/OfferCard/utils/index.d.ts +2 -1
- package/dist/patterns/OfferCard/{OfferCardEmpty.d.ts → variants/OfferCardEmpty.d.ts} +1 -1
- package/dist/patterns/OfferCard/{OfferCardError.d.ts → variants/OfferCardError.d.ts} +1 -1
- package/dist/patterns/OfferCard/{OfferCardList.d.ts → variants/OfferCardList.d.ts} +1 -1
- package/dist/patterns/OfferCard/{OfferCardSkeleton.d.ts → variants/OfferCardSkeleton.d.ts} +1 -1
- package/dist/patterns/OfferCard/variants/index.d.ts +4 -0
- package/dist/patterns/RevenueDistribution/__test__/RevenueDistributionCard.test.d.ts +1 -0
- package/dist/patterns/RevenueDistribution/index.d.ts +3 -5
- package/dist/patterns/RevenueDistribution/{RevenueDistributionEmpty.d.ts → variants/RevenueDistributionEmpty.d.ts} +1 -1
- package/dist/patterns/RevenueDistribution/{RevenueDistributionError.d.ts → variants/RevenueDistributionError.d.ts} +1 -1
- package/dist/patterns/RevenueDistribution/{RevenueDistributionSkeleton.d.ts → variants/RevenueDistributionSkeleton.d.ts} +1 -1
- package/dist/patterns/RevenueDistribution/variants/index.d.ts +3 -0
- package/dist/styles.css +98 -0
- package/dist/test/setup.motion.d.ts +1 -0
- package/package.json +8 -4
- package/public/fonts/neue-montreal/Icon/r +0 -0
- package/public/fonts/neue-montreal/PPNeueMontreal-Bold.woff +0 -0
- package/public/fonts/neue-montreal/PPNeueMontreal-Bold.woff2 +0 -0
- package/public/fonts/neue-montreal/PPNeueMontreal-BoldItalic.woff +0 -0
- package/public/fonts/neue-montreal/PPNeueMontreal-BoldItalic.woff2 +0 -0
- package/public/fonts/neue-montreal/PPNeueMontreal-Italic.woff +0 -0
- package/public/fonts/neue-montreal/PPNeueMontreal-Italic.woff2 +0 -0
- package/public/fonts/neue-montreal/PPNeueMontreal-Regular.woff +0 -0
- package/public/fonts/neue-montreal/PPNeueMontreal-Regular.woff2 +0 -0
- package/public/fonts/neue-montreal/PPNeueMontreal-SemiBold.woff +0 -0
- package/public/fonts/neue-montreal/PPNeueMontreal-SemiBold.woff2 +0 -0
- package/public/fonts/scholar/Scholar-Italic.woff +0 -0
- package/public/fonts/scholar/Scholar-Italic.woff2 +0 -0
- package/public/fonts/scholar/Scholar-Regular.woff +0 -0
- package/public/fonts/scholar/Scholar-Regular.woff2 +0 -0
- /package/dist/{patterns/EventDetails/EventDetails.test.d.ts → components/Button/Button.test.d.ts} +0 -0
- /package/dist/patterns/DonationAmounts/{DonationAmounts.test.d.ts → __test__/DonationAmounts.test.d.ts} +0 -0
- /package/dist/patterns/{Footer/Footer.test.d.ts → EventDetails/__test__/EventDetails.test.d.ts} +0 -0
- /package/dist/patterns/ExpireCartTimer/{ExpireCartTimer.test.d.ts → __test__/ExpireCartTimer.test.d.ts} +0 -0
- /package/dist/patterns/{Navbar/Navbar.test.d.ts → Footer/__test__/Footer.test.d.ts} +0 -0
- /package/dist/patterns/{OfferCard/OfferCard.test.d.ts → Navbar/__test__/Navbar.test.d.ts} +0 -0
- /package/dist/patterns/{RevenueDistribution/RevenueDistributionCard.test.d.ts → OfferCard/__test__/OfferCard.test.d.ts} +0 -0
- /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
|
|
8
|
-
export
|
|
9
|
-
export
|
|
10
|
-
export
|
|
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,5 +1,5 @@
|
|
|
1
1
|
import { JSX } from 'react';
|
|
2
|
-
import { OfferCardEmptyProps } from '
|
|
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 '
|
|
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 '
|
|
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 '
|
|
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 @@
|
|
|
1
|
+
export {};
|
|
@@ -6,9 +6,7 @@
|
|
|
6
6
|
* tax deductible checkbox, and delete button.
|
|
7
7
|
*/
|
|
8
8
|
export { RevenueDistributionCard } from './RevenueDistributionCard';
|
|
9
|
-
export { RevenueDistributionSkeleton } from './
|
|
10
|
-
export
|
|
11
|
-
export
|
|
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 { RevenueDistributionSkeletonProps } from '
|
|
2
|
+
import { RevenueDistributionSkeletonProps } from '../types';
|
|
3
3
|
/**
|
|
4
4
|
* RevenueDistributionSkeleton displays a loading placeholder
|
|
5
5
|
* matching the structure of RevenueDistributionCard.
|
package/dist/styles.css
ADDED
|
@@ -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.
|
|
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
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
/package/dist/{patterns/EventDetails/EventDetails.test.d.ts → components/Button/Button.test.d.ts}
RENAMED
|
File without changes
|
|
File without changes
|
/package/dist/patterns/{Footer/Footer.test.d.ts → EventDetails/__test__/EventDetails.test.d.ts}
RENAMED
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|