@tapcart/mobile-components 0.1.2 → 0.1.4
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/README.md +241 -0
- package/package.json +1 -1
- package/.turbo/turbo-build.log +0 -4
- package/components/ThemeProvider.tsx +0 -9
- package/components/ThemeToggle.tsx +0 -22
- package/components/ui/accordion.tsx +0 -58
- package/components/ui/alert-dialog.tsx +0 -141
- package/components/ui/aspect-ratio.tsx +0 -7
- package/components/ui/badge.tsx +0 -36
- package/components/ui/button.tsx +0 -69
- package/components/ui/carousel.tsx +0 -262
- package/components/ui/container.tsx +0 -24
- package/components/ui/grid.tsx +0 -38
- package/components/ui/icon.tsx +0 -25
- package/components/ui/input.tsx +0 -25
- package/components/ui/label.tsx +0 -26
- package/components/ui/money.tsx +0 -32
- package/components/ui/scroll-area.tsx +0 -54
- package/components/ui/separator.tsx +0 -31
- package/components/ui/skeleton.tsx +0 -15
- package/components/ui/switch.tsx +0 -29
- package/components/ui/text.tsx +0 -28
- package/components/ui/toast.tsx +0 -129
- package/components/ui/toaster.tsx +0 -35
- package/components/ui/toggle-group.tsx +0 -61
- package/components/ui/toggle.tsx +0 -45
- package/components/ui/use-toast.ts +0 -191
- package/components/ui/video.tsx +0 -27
- package/components.json +0 -14
- package/index.tsx +0 -28
- package/lib/utils.ts +0 -6
- package/postcss.config.js +0 -6
- package/styles/globals.css +0 -146
- package/tailwind.config.js +0 -140
- package/tsconfig.json +0 -13
package/tailwind.config.js
DELETED
|
@@ -1,140 +0,0 @@
|
|
|
1
|
-
/** @type {import('tailwindcss').Config} */
|
|
2
|
-
module.exports = {
|
|
3
|
-
darkMode: ["class"],
|
|
4
|
-
content: [
|
|
5
|
-
"./pages/**/*.{ts,tsx}",
|
|
6
|
-
"./components/**/*.{ts,tsx}",
|
|
7
|
-
"./app/**/*.{ts,tsx}",
|
|
8
|
-
"./src/**/*.{ts,tsx}",
|
|
9
|
-
"../../packages/tapcart-mobile-components/components/**/*.{ts,tsx}",
|
|
10
|
-
],
|
|
11
|
-
theme: {
|
|
12
|
-
container: {
|
|
13
|
-
center: true,
|
|
14
|
-
padding: "2rem",
|
|
15
|
-
screens: {
|
|
16
|
-
"2xl": "1400px",
|
|
17
|
-
},
|
|
18
|
-
fontSize: {
|
|
19
|
-
xs: ["10px", "1.3"], //label
|
|
20
|
-
sm: ["12px", "1.3"], //paragraph
|
|
21
|
-
base: ["15px", "1.6"], //Body
|
|
22
|
-
lg: ["20px", "28px"],
|
|
23
|
-
xl: ["18px", "1.3"], //H2
|
|
24
|
-
"2xl": ["23px", "1.3"], //H1
|
|
25
|
-
},
|
|
26
|
-
},
|
|
27
|
-
extend: {
|
|
28
|
-
colors: {
|
|
29
|
-
coreColors: {
|
|
30
|
-
brandColorPrimary: "var(--coreColors-brandColorPrimary)",
|
|
31
|
-
pageColor: "var(--coreColors-pageColor)",
|
|
32
|
-
headerBackground: "var(--coreColors-headerBackground)",
|
|
33
|
-
inputBackground: "var(--coreColors-inputBackground)",
|
|
34
|
-
modalBackground: "var(--coreColors-modalBackground)",
|
|
35
|
-
tabBar: "var(--coreColors-tabBar)",
|
|
36
|
-
dividingLines: "var(--coreColors-dividingLines)",
|
|
37
|
-
shadowsEnabled: "var(--coreColors-shadowsEnabled)",
|
|
38
|
-
primaryIcon: "var(--coreColors-primaryIcon)",
|
|
39
|
-
secondaryIcon: "var(--coreColors-secondaryIcon)",
|
|
40
|
-
headerIcon: "var(--coreColors-headerIcon)",
|
|
41
|
-
shadow: "var(--coreColors-shadow)", // TODO: add to themesV2 API
|
|
42
|
-
},
|
|
43
|
-
buttonColors: {
|
|
44
|
-
primaryFill: "var(--buttonColors-primaryFill)",
|
|
45
|
-
primaryText: "var(--buttonColors-primaryText)",
|
|
46
|
-
primaryOutlineEnabled: "var(--buttonColors-primaryOutlineEnabled)",
|
|
47
|
-
primaryOutlineColor: "var(--buttonColors-primaryOutlineColor)",
|
|
48
|
-
primaryShadowEnabled: "var(--buttonColors-primaryShadowEnabled)",
|
|
49
|
-
secondaryFill: "var(--buttonColors-secondaryFill)",
|
|
50
|
-
secondaryText: "var(--buttonColors-secondaryText)",
|
|
51
|
-
secondaryOutlineEnabled:
|
|
52
|
-
"var(--buttonColors-secondaryOutlineEnabled)",
|
|
53
|
-
secondaryOutlineColor: "var(--buttonColors-secondaryOutlineColor)",
|
|
54
|
-
secondaryShadowEnabled: "var(--buttonColors-secondaryShadowEnabled)",
|
|
55
|
-
primaryOutline: "var(--buttonColors-primaryOutline)", // TODO: add to themesV2 API
|
|
56
|
-
primaryShadow: "var(--buttonColors-primaryShadow)", // TODO: add to themesV2 API
|
|
57
|
-
disabled: "var(--buttonColors-disabled)", // TODO: add to themesV2 API
|
|
58
|
-
destructiveText: "var(--buttonColors-destructiveText)", // TODO: add to themesV2 API
|
|
59
|
-
},
|
|
60
|
-
textColors: {
|
|
61
|
-
primaryColor: "var(--textColors-primaryColor)",
|
|
62
|
-
secondaryColor: "var(--textColors-secondaryColor)",
|
|
63
|
-
pageTitle: "var(--textColors-pageTitle)",
|
|
64
|
-
legalText: "var(--textColors-legalText)",
|
|
65
|
-
productTitle: "var(--textColors-productTitle)",
|
|
66
|
-
priceText: "var(--textColors-priceText)",
|
|
67
|
-
strikethroughPriceText: "var(--textColors-strikethroughPriceText)",
|
|
68
|
-
salePriceText: "var(--textColors-salePriceText)",
|
|
69
|
-
},
|
|
70
|
-
stateColors: {
|
|
71
|
-
subscriptions: "var(--stateColors-subscriptions)",
|
|
72
|
-
favorites: "var(--stateColors-favorites)",
|
|
73
|
-
reviews: "var(--stateColors-reviews)",
|
|
74
|
-
success: "var(--stateColors-success)",
|
|
75
|
-
error: "var(--stateColors-error)",
|
|
76
|
-
warning: "var(--stateColors-warning)",
|
|
77
|
-
disabled: "var(--stateColors-disabled)",
|
|
78
|
-
skeleton: "var(--stateColors-skeleton)",
|
|
79
|
-
},
|
|
80
|
-
productImages: {
|
|
81
|
-
aspectRatio: "var(--productImages-aspectRatio)",
|
|
82
|
-
scaling: "var(--productImages-scaling)",
|
|
83
|
-
},
|
|
84
|
-
border: "hsl(var(--border))",
|
|
85
|
-
input: "hsl(var(--input))",
|
|
86
|
-
ring: "hsl(var(--ring))",
|
|
87
|
-
background: "hsl(var(--background))",
|
|
88
|
-
foreground: "hsl(var(--foreground))",
|
|
89
|
-
primary: {
|
|
90
|
-
DEFAULT: "hsl(var(--primary))",
|
|
91
|
-
foreground: "hsl(var(--primary-foreground))",
|
|
92
|
-
},
|
|
93
|
-
secondary: {
|
|
94
|
-
DEFAULT: "hsl(var(--secondary))",
|
|
95
|
-
foreground: "hsl(var(--secondary-foreground))",
|
|
96
|
-
},
|
|
97
|
-
destructive: {
|
|
98
|
-
DEFAULT: "hsl(var(--destructive))",
|
|
99
|
-
foreground: "hsl(var(--destructive-foreground))",
|
|
100
|
-
},
|
|
101
|
-
muted: {
|
|
102
|
-
DEFAULT: "hsl(var(--muted))",
|
|
103
|
-
foreground: "hsl(var(--muted-foreground))",
|
|
104
|
-
},
|
|
105
|
-
accent: {
|
|
106
|
-
DEFAULT: "hsl(var(--accent))",
|
|
107
|
-
foreground: "hsl(var(--accent-foreground))",
|
|
108
|
-
},
|
|
109
|
-
popover: {
|
|
110
|
-
DEFAULT: "hsl(var(--popover))",
|
|
111
|
-
foreground: "hsl(var(--popover-foreground))",
|
|
112
|
-
},
|
|
113
|
-
card: {
|
|
114
|
-
DEFAULT: "hsl(var(--card))",
|
|
115
|
-
foreground: "hsl(var(--card-foreground))",
|
|
116
|
-
},
|
|
117
|
-
},
|
|
118
|
-
borderRadius: {
|
|
119
|
-
lg: "var(--radius)",
|
|
120
|
-
md: "calc(var(--radius) - 2px)",
|
|
121
|
-
sm: "calc(var(--radius) - 4px)",
|
|
122
|
-
},
|
|
123
|
-
keyframes: {
|
|
124
|
-
"accordion-down": {
|
|
125
|
-
from: { height: 0 },
|
|
126
|
-
to: { height: "var(--radix-accordion-content-height)" },
|
|
127
|
-
},
|
|
128
|
-
"accordion-up": {
|
|
129
|
-
from: { height: "var(--radix-accordion-content-height)" },
|
|
130
|
-
to: { height: 0 },
|
|
131
|
-
},
|
|
132
|
-
},
|
|
133
|
-
animation: {
|
|
134
|
-
"accordion-down": "accordion-down 0.2s ease-out",
|
|
135
|
-
"accordion-up": "accordion-up 0.2s ease-out",
|
|
136
|
-
},
|
|
137
|
-
},
|
|
138
|
-
},
|
|
139
|
-
plugins: [require("tailwindcss-animate")],
|
|
140
|
-
}
|
package/tsconfig.json
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"extends": "tsconfig/react-library.json",
|
|
3
|
-
"include": [".", "components/ThemeProvider.tsx"],
|
|
4
|
-
"exclude": ["dist", "build", "node_modules"],
|
|
5
|
-
"compilerOptions": {
|
|
6
|
-
"outDir": "./dist",
|
|
7
|
-
"declaration": true,
|
|
8
|
-
"baseUrl": ".",
|
|
9
|
-
"paths": {
|
|
10
|
-
"@/*": ["./*"]
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
}
|