@appmax_npm/ds-prime 1.0.0-alpha.27 → 1.0.0-alpha.29
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/amtext/index.js +182 -0
- package/components/AmText/AmText.variants.d.ts +5 -0
- package/components/AmText/AmText.variants.js +115 -0
- package/config/theme.js +5 -1
- package/css/index.css +2 -192
- package/package.json +4 -2
- package/tailwind/{index.js → tailwind.config.js} +9 -2
- package/tailwind/index.d.ts +0 -211
package/amtext/index.js
ADDED
|
@@ -0,0 +1,182 @@
|
|
|
1
|
+
import { defineComponent as p, openBlock as S, createBlock as _, resolveDynamicComponent as C, normalizeClass as V, unref as k, withCtx as A, renderSlot as N } from "vue";
|
|
2
|
+
function x(a) {
|
|
3
|
+
var e, t, s = "";
|
|
4
|
+
if (typeof a == "string" || typeof a == "number") s += a;
|
|
5
|
+
else if (typeof a == "object") if (Array.isArray(a)) for (e = 0; e < a.length; e++) a[e] && (t = x(a[e])) && (s && (s += " "), s += t);
|
|
6
|
+
else for (e in a) a[e] && (s && (s += " "), s += e);
|
|
7
|
+
return s;
|
|
8
|
+
}
|
|
9
|
+
function h() {
|
|
10
|
+
for (var a, e, t = 0, s = ""; t < arguments.length; ) (a = arguments[t++]) && (e = x(a)) && (s && (s += " "), s += e);
|
|
11
|
+
return s;
|
|
12
|
+
}
|
|
13
|
+
const v = (a) => typeof a == "boolean" ? "".concat(a) : a === 0 ? "0" : a, f = h, O = (a, e) => (t) => {
|
|
14
|
+
var s;
|
|
15
|
+
if ((e == null ? void 0 : e.variants) == null) return f(a, t == null ? void 0 : t.class, t == null ? void 0 : t.className);
|
|
16
|
+
const { variants: d, defaultVariants: r } = e, y = Object.keys(d).map((i) => {
|
|
17
|
+
const l = t == null ? void 0 : t[i], o = r == null ? void 0 : r[i];
|
|
18
|
+
if (l === null) return null;
|
|
19
|
+
const n = v(l) || v(o);
|
|
20
|
+
return d[i][n];
|
|
21
|
+
}), m = t && Object.entries(t).reduce((i, l) => {
|
|
22
|
+
let [o, n] = l;
|
|
23
|
+
return n === void 0 || (i[o] = n), i;
|
|
24
|
+
}, {}), g = e == null || (s = e.compoundVariants) === null || s === void 0 ? void 0 : s.reduce((i, l) => {
|
|
25
|
+
let { class: o, className: n, ...b } = l;
|
|
26
|
+
return Object.entries(b).every((z) => {
|
|
27
|
+
let [c, u] = z;
|
|
28
|
+
return Array.isArray(u) ? u.includes({
|
|
29
|
+
...r,
|
|
30
|
+
...m
|
|
31
|
+
}[c]) : {
|
|
32
|
+
...r,
|
|
33
|
+
...m
|
|
34
|
+
}[c] === u;
|
|
35
|
+
}) ? [
|
|
36
|
+
...i,
|
|
37
|
+
o,
|
|
38
|
+
n
|
|
39
|
+
] : i;
|
|
40
|
+
}, []);
|
|
41
|
+
return f(a, y, g, t == null ? void 0 : t.class, t == null ? void 0 : t.className);
|
|
42
|
+
}, j = O("am-text", {
|
|
43
|
+
variants: {
|
|
44
|
+
variant: {
|
|
45
|
+
caption: ["text-xs", "text-secondary", "am-text-caption"],
|
|
46
|
+
body: ["text-sm", "text-primary", "am-text-body"],
|
|
47
|
+
subtitle: ["text-base", "text-primary", "am-text-subtitle"],
|
|
48
|
+
title: "text-primary",
|
|
49
|
+
display: "text-primary"
|
|
50
|
+
},
|
|
51
|
+
isStrong: {
|
|
52
|
+
false: "",
|
|
53
|
+
true: ""
|
|
54
|
+
},
|
|
55
|
+
size: {
|
|
56
|
+
small: "",
|
|
57
|
+
medium: "",
|
|
58
|
+
large: ""
|
|
59
|
+
}
|
|
60
|
+
},
|
|
61
|
+
compoundVariants: [
|
|
62
|
+
{
|
|
63
|
+
variant: "caption",
|
|
64
|
+
isStrong: !1,
|
|
65
|
+
class: "font-medium"
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
variant: "caption",
|
|
69
|
+
isStrong: !0,
|
|
70
|
+
class: "font-bold"
|
|
71
|
+
},
|
|
72
|
+
{
|
|
73
|
+
variant: "title",
|
|
74
|
+
size: "small",
|
|
75
|
+
class: "text-lg"
|
|
76
|
+
},
|
|
77
|
+
{
|
|
78
|
+
variant: "title",
|
|
79
|
+
size: "medium",
|
|
80
|
+
class: "text-2xl"
|
|
81
|
+
},
|
|
82
|
+
{
|
|
83
|
+
variant: "title",
|
|
84
|
+
size: "large",
|
|
85
|
+
class: "text-3xl"
|
|
86
|
+
},
|
|
87
|
+
{
|
|
88
|
+
variant: "display",
|
|
89
|
+
size: "small",
|
|
90
|
+
class: "text-4xl"
|
|
91
|
+
},
|
|
92
|
+
{
|
|
93
|
+
variant: "display",
|
|
94
|
+
size: "medium",
|
|
95
|
+
class: "text-5xl"
|
|
96
|
+
},
|
|
97
|
+
{
|
|
98
|
+
variant: "body",
|
|
99
|
+
isStrong: !0,
|
|
100
|
+
class: "font-medium"
|
|
101
|
+
},
|
|
102
|
+
{
|
|
103
|
+
variant: "subtitle",
|
|
104
|
+
isStrong: !0,
|
|
105
|
+
class: "font-medium"
|
|
106
|
+
},
|
|
107
|
+
{
|
|
108
|
+
variant: "display",
|
|
109
|
+
isStrong: !0,
|
|
110
|
+
class: "font-semibold"
|
|
111
|
+
},
|
|
112
|
+
{
|
|
113
|
+
variant: "title",
|
|
114
|
+
isStrong: !0,
|
|
115
|
+
size: "large",
|
|
116
|
+
class: "font-semibold"
|
|
117
|
+
},
|
|
118
|
+
{
|
|
119
|
+
variant: "caption",
|
|
120
|
+
isStrong: !0,
|
|
121
|
+
class: "font-bold"
|
|
122
|
+
},
|
|
123
|
+
{
|
|
124
|
+
variant: "title",
|
|
125
|
+
size: ["small", "medium"],
|
|
126
|
+
isStrong: !0,
|
|
127
|
+
class: "font-bold"
|
|
128
|
+
},
|
|
129
|
+
{
|
|
130
|
+
variant: "title",
|
|
131
|
+
size: "small",
|
|
132
|
+
class: "am-text-title--sm"
|
|
133
|
+
},
|
|
134
|
+
{
|
|
135
|
+
variant: "title",
|
|
136
|
+
size: "medium",
|
|
137
|
+
class: "am-text-title--md"
|
|
138
|
+
},
|
|
139
|
+
{
|
|
140
|
+
variant: "title",
|
|
141
|
+
size: "large",
|
|
142
|
+
class: "am-text-title--lg"
|
|
143
|
+
},
|
|
144
|
+
{
|
|
145
|
+
variant: "display",
|
|
146
|
+
size: "small",
|
|
147
|
+
class: "am-text-display--sm"
|
|
148
|
+
},
|
|
149
|
+
{
|
|
150
|
+
variant: "display",
|
|
151
|
+
size: "medium",
|
|
152
|
+
class: "am-text-display--md"
|
|
153
|
+
}
|
|
154
|
+
]
|
|
155
|
+
}), T = /* @__PURE__ */ p({
|
|
156
|
+
__name: "AmText",
|
|
157
|
+
props: {
|
|
158
|
+
as: { default: "div" },
|
|
159
|
+
size: { default: "small" },
|
|
160
|
+
variant: { default: "body" },
|
|
161
|
+
isStrong: { type: Boolean, default: !1 }
|
|
162
|
+
},
|
|
163
|
+
setup(a) {
|
|
164
|
+
const e = a;
|
|
165
|
+
return (t, s) => (S(), _(C(t.as), {
|
|
166
|
+
class: V(k(j)(e))
|
|
167
|
+
}, {
|
|
168
|
+
default: A(() => [
|
|
169
|
+
N(t.$slots, "default", {}, void 0, !0)
|
|
170
|
+
]),
|
|
171
|
+
_: 3
|
|
172
|
+
}, 8, ["class"]));
|
|
173
|
+
}
|
|
174
|
+
}), B = (a, e) => {
|
|
175
|
+
const t = a.__vccOpts || a;
|
|
176
|
+
for (const [s, d] of e)
|
|
177
|
+
t[s] = d;
|
|
178
|
+
return t;
|
|
179
|
+
}, w = /* @__PURE__ */ B(T, [["__scopeId", "data-v-dc172826"]]);
|
|
180
|
+
export {
|
|
181
|
+
w as default
|
|
182
|
+
};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export declare const amTextVariants: (props?: ({
|
|
2
|
+
variant?: "caption" | "body" | "subtitle" | "title" | "display" | null | undefined;
|
|
3
|
+
isStrong?: boolean | null | undefined;
|
|
4
|
+
size?: "small" | "medium" | "large" | null | undefined;
|
|
5
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
import { cva } from 'class-variance-authority';
|
|
2
|
+
export const amTextVariants = cva('am-text', {
|
|
3
|
+
variants: {
|
|
4
|
+
variant: {
|
|
5
|
+
caption: ['text-xs', 'text-secondary', 'am-text-caption'],
|
|
6
|
+
body: ['text-sm', 'text-primary', 'am-text-body'],
|
|
7
|
+
subtitle: ['text-base', 'text-primary', 'am-text-subtitle'],
|
|
8
|
+
title: 'text-primary',
|
|
9
|
+
display: 'text-primary'
|
|
10
|
+
},
|
|
11
|
+
isStrong: {
|
|
12
|
+
false: '',
|
|
13
|
+
true: ''
|
|
14
|
+
},
|
|
15
|
+
size: {
|
|
16
|
+
small: '',
|
|
17
|
+
medium: '',
|
|
18
|
+
large: ''
|
|
19
|
+
}
|
|
20
|
+
},
|
|
21
|
+
compoundVariants: [
|
|
22
|
+
{
|
|
23
|
+
variant: 'caption',
|
|
24
|
+
isStrong: false,
|
|
25
|
+
class: 'font-medium'
|
|
26
|
+
},
|
|
27
|
+
{
|
|
28
|
+
variant: 'caption',
|
|
29
|
+
isStrong: true,
|
|
30
|
+
class: 'font-bold'
|
|
31
|
+
},
|
|
32
|
+
{
|
|
33
|
+
variant: 'title',
|
|
34
|
+
size: 'small',
|
|
35
|
+
class: 'text-lg'
|
|
36
|
+
},
|
|
37
|
+
{
|
|
38
|
+
variant: 'title',
|
|
39
|
+
size: 'medium',
|
|
40
|
+
class: 'text-2xl'
|
|
41
|
+
},
|
|
42
|
+
{
|
|
43
|
+
variant: 'title',
|
|
44
|
+
size: 'large',
|
|
45
|
+
class: 'text-3xl'
|
|
46
|
+
},
|
|
47
|
+
{
|
|
48
|
+
variant: 'display',
|
|
49
|
+
size: 'small',
|
|
50
|
+
class: 'text-4xl'
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
variant: 'display',
|
|
54
|
+
size: 'medium',
|
|
55
|
+
class: 'text-5xl'
|
|
56
|
+
},
|
|
57
|
+
{
|
|
58
|
+
variant: 'body',
|
|
59
|
+
isStrong: true,
|
|
60
|
+
class: 'font-medium'
|
|
61
|
+
},
|
|
62
|
+
{
|
|
63
|
+
variant: 'subtitle',
|
|
64
|
+
isStrong: true,
|
|
65
|
+
class: 'font-medium'
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
variant: 'display',
|
|
69
|
+
isStrong: true,
|
|
70
|
+
class: 'font-semibold'
|
|
71
|
+
},
|
|
72
|
+
{
|
|
73
|
+
variant: 'title',
|
|
74
|
+
isStrong: true,
|
|
75
|
+
size: 'large',
|
|
76
|
+
class: 'font-semibold'
|
|
77
|
+
},
|
|
78
|
+
{
|
|
79
|
+
variant: 'caption',
|
|
80
|
+
isStrong: true,
|
|
81
|
+
class: 'font-bold'
|
|
82
|
+
},
|
|
83
|
+
{
|
|
84
|
+
variant: 'title',
|
|
85
|
+
size: ['small', 'medium'],
|
|
86
|
+
isStrong: true,
|
|
87
|
+
class: 'font-bold'
|
|
88
|
+
},
|
|
89
|
+
{
|
|
90
|
+
variant: 'title',
|
|
91
|
+
size: 'small',
|
|
92
|
+
class: 'am-text-title--sm'
|
|
93
|
+
},
|
|
94
|
+
{
|
|
95
|
+
variant: 'title',
|
|
96
|
+
size: 'medium',
|
|
97
|
+
class: 'am-text-title--md'
|
|
98
|
+
},
|
|
99
|
+
{
|
|
100
|
+
variant: 'title',
|
|
101
|
+
size: 'large',
|
|
102
|
+
class: 'am-text-title--lg'
|
|
103
|
+
},
|
|
104
|
+
{
|
|
105
|
+
variant: 'display',
|
|
106
|
+
size: 'small',
|
|
107
|
+
class: 'am-text-display--sm'
|
|
108
|
+
},
|
|
109
|
+
{
|
|
110
|
+
variant: 'display',
|
|
111
|
+
size: 'medium',
|
|
112
|
+
class: 'am-text-display--md'
|
|
113
|
+
}
|
|
114
|
+
]
|
|
115
|
+
});
|
package/config/theme.js
CHANGED
package/css/index.css
CHANGED
|
@@ -1,192 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
:root {
|
|
3
|
-
--blue-50: #f5f9ff;
|
|
4
|
-
--blue-100: #d0e1fd;
|
|
5
|
-
--blue-200: #abc9fb;
|
|
6
|
-
--blue-300: #85b2f9;
|
|
7
|
-
--blue-400: #609af8;
|
|
8
|
-
--blue-500: #3b82f6;
|
|
9
|
-
--blue-600: #326fd1;
|
|
10
|
-
--blue-700: #295bac;
|
|
11
|
-
--blue-800: #204887;
|
|
12
|
-
--blue-900: #183462;
|
|
13
|
-
|
|
14
|
-
--green-50: #f4fcf7;
|
|
15
|
-
--green-100: #caf1d8;
|
|
16
|
-
--green-200: #a0e6ba;
|
|
17
|
-
--green-300: #76db9b;
|
|
18
|
-
--green-400: #4cd07d;
|
|
19
|
-
--green-500: #22c55e;
|
|
20
|
-
--green-600: #1da750;
|
|
21
|
-
--green-700: #188a42;
|
|
22
|
-
--green-800: #136c34;
|
|
23
|
-
--green-900: #0e4f26;
|
|
24
|
-
|
|
25
|
-
--yellow-50: #fefbf3;
|
|
26
|
-
--yellow-100: #faedc4;
|
|
27
|
-
--yellow-200: #f6de95;
|
|
28
|
-
--yellow-300: #f2d066;
|
|
29
|
-
--yellow-400: #eec137;
|
|
30
|
-
--yellow-500: #eab308;
|
|
31
|
-
--yellow-600: #c79807;
|
|
32
|
-
--yellow-700: #a47d06;
|
|
33
|
-
--yellow-800: #816204;
|
|
34
|
-
--yellow-900: #5e4803;
|
|
35
|
-
|
|
36
|
-
--cyan-50: #f3fbfd;
|
|
37
|
-
--cyan-100: #c3edf5;
|
|
38
|
-
--cyan-200: #94e0ed;
|
|
39
|
-
--cyan-300: #65d2e4;
|
|
40
|
-
--cyan-400: #35c4dc;
|
|
41
|
-
--cyan-500: #06b6d4;
|
|
42
|
-
--cyan-600: #059bb4;
|
|
43
|
-
--cyan-700: #047f94;
|
|
44
|
-
--cyan-800: #036475;
|
|
45
|
-
--cyan-900: #024955;
|
|
46
|
-
|
|
47
|
-
--pink-50: #fef6fa;
|
|
48
|
-
--pink-100: #fad3e7;
|
|
49
|
-
--pink-200: #f7b0d3;
|
|
50
|
-
--pink-300: #f38ec0;
|
|
51
|
-
--pink-400: #f06bac;
|
|
52
|
-
--pink-500: #ec4899;
|
|
53
|
-
--pink-600: #c93d82;
|
|
54
|
-
--pink-700: #a5326b;
|
|
55
|
-
--pink-800: #822854;
|
|
56
|
-
--pink-900: #5e1d3d;
|
|
57
|
-
|
|
58
|
-
--indigo-50: #f7f7fe;
|
|
59
|
-
--indigo-100: #dadafc;
|
|
60
|
-
--indigo-200: #bcbdf9;
|
|
61
|
-
--indigo-300: #9ea0f6;
|
|
62
|
-
--indigo-400: #8183f4;
|
|
63
|
-
--indigo-500: #6366f1;
|
|
64
|
-
--indigo-600: #5457cd;
|
|
65
|
-
--indigo-700: #4547a9;
|
|
66
|
-
--indigo-800: #363885;
|
|
67
|
-
--indigo-900: #282960;
|
|
68
|
-
|
|
69
|
-
--teal-50: #f3fbfb;
|
|
70
|
-
--teal-100: #c7eeea;
|
|
71
|
-
--teal-200: #9ae0d9;
|
|
72
|
-
--teal-300: #6dd3c8;
|
|
73
|
-
--teal-400: #41c5b7;
|
|
74
|
-
--teal-500: #14b8a6;
|
|
75
|
-
--teal-600: #119c8d;
|
|
76
|
-
--teal-700: #0e8174;
|
|
77
|
-
--teal-800: #0b655b;
|
|
78
|
-
--teal-900: #084a42;
|
|
79
|
-
|
|
80
|
-
--orange-50: #fff8f3;
|
|
81
|
-
--orange-100: #feddc7;
|
|
82
|
-
--orange-200: #fcc39b;
|
|
83
|
-
--orange-300: #fba86f;
|
|
84
|
-
--orange-400: #fa8e42;
|
|
85
|
-
--orange-500: #f97316;
|
|
86
|
-
--orange-600: #d46213;
|
|
87
|
-
--orange-700: #ae510f;
|
|
88
|
-
--orange-800: #893f0c;
|
|
89
|
-
--orange-900: #642e09;
|
|
90
|
-
|
|
91
|
-
--bluegray-50: #f7f8f9;
|
|
92
|
-
--bluegray-100: #dadee3;
|
|
93
|
-
--bluegray-200: #bcc3cd;
|
|
94
|
-
--bluegray-300: #9fa9b7;
|
|
95
|
-
--bluegray-400: #818ea1;
|
|
96
|
-
--bluegray-500: #64748b;
|
|
97
|
-
--bluegray-600: #556376;
|
|
98
|
-
--bluegray-700: #465161;
|
|
99
|
-
--bluegray-800: #37404c;
|
|
100
|
-
--bluegray-900: #282e38;
|
|
101
|
-
|
|
102
|
-
--purple-50: #f7f3ff;
|
|
103
|
-
--purple-100: #f0e8ff;
|
|
104
|
-
--purple-200: #e4d6ff;
|
|
105
|
-
--purple-300: #ccb2ff;
|
|
106
|
-
--purple-400: #b28bff;
|
|
107
|
-
--purple-500: #9b6afa;
|
|
108
|
-
--purple-600: #7443d6;
|
|
109
|
-
--purple-700: #623dae;
|
|
110
|
-
--purple-800: #4d2f89;
|
|
111
|
-
--purple-900: #372263;
|
|
112
|
-
|
|
113
|
-
--red-50: #fff5f5;
|
|
114
|
-
--red-100: #ffd0ce;
|
|
115
|
-
--red-200: #ffaca7;
|
|
116
|
-
--red-300: #ff8780;
|
|
117
|
-
--red-400: #ff6259;
|
|
118
|
-
--red-500: #ff3d32;
|
|
119
|
-
--red-600: #d9342b;
|
|
120
|
-
--red-700: #b32b23;
|
|
121
|
-
--red-800: #8c221c;
|
|
122
|
-
--red-900: #661814;
|
|
123
|
-
|
|
124
|
-
--gray-50: var(--bluegray-50);
|
|
125
|
-
--gray-100: var(--bluegray-100);
|
|
126
|
-
--gray-200: var(--bluegray-200);
|
|
127
|
-
--gray-300: var(--bluegray-300);
|
|
128
|
-
--gray-400: var(--bluegray-400);
|
|
129
|
-
--gray-500: var(--bluegray-500);
|
|
130
|
-
--gray-600: var(--bluegray-600);
|
|
131
|
-
--gray-700: var(--bluegray-700);
|
|
132
|
-
--gray-800: var(--bluegray-800);
|
|
133
|
-
--gray-900: var(--bluegray-900);
|
|
134
|
-
|
|
135
|
-
--grape-50: #f8f6fc;
|
|
136
|
-
--grape-100: #e4d6ff;
|
|
137
|
-
--grape-200: #ccb2ff;
|
|
138
|
-
--grape-300: #ccb2ff;
|
|
139
|
-
--grape-400: #b28bff;
|
|
140
|
-
--grape-500: #9b6afa;
|
|
141
|
-
--grape-600: #7443d6;
|
|
142
|
-
--grape-700: #623dae;
|
|
143
|
-
--grape-800: #4d2f89;
|
|
144
|
-
--grape-900: #372263;
|
|
145
|
-
--grape-950: #2b0850;
|
|
146
|
-
|
|
147
|
-
--oil-50: #f7f7fd;
|
|
148
|
-
--oil-100: #f2f8fd;
|
|
149
|
-
--oil-200: #e1eafa;
|
|
150
|
-
--oil-300: #ccd7eb;
|
|
151
|
-
--oil-400: #a3adc2;
|
|
152
|
-
--oil-500: #727e96;
|
|
153
|
-
--oil-600: #535d73;
|
|
154
|
-
--oil-700: #35435e;
|
|
155
|
-
--oil-800: #202a44;
|
|
156
|
-
--oil-900: #282e38;
|
|
157
|
-
--oil-950: #060d1e;
|
|
158
|
-
}
|
|
159
|
-
|
|
160
|
-
/* Semantic */
|
|
161
|
-
:root {
|
|
162
|
-
--primary-50: var(--grape-50);
|
|
163
|
-
--primary-100: var(--grape-100);
|
|
164
|
-
--primary-200: var(--grape-200);
|
|
165
|
-
--primary-300: var(--grape-300);
|
|
166
|
-
--primary-400: var(--grape-400);
|
|
167
|
-
--primary-500: var(--grape-500);
|
|
168
|
-
--primary-600: var(--grape-600);
|
|
169
|
-
--primary-700: var(--grape-700);
|
|
170
|
-
--primary-800: var(--grape-800);
|
|
171
|
-
--primary-900: var(--grape-900);
|
|
172
|
-
--primary-950: var(--grape-950);
|
|
173
|
-
|
|
174
|
-
--surface-0: #ffffff;
|
|
175
|
-
--surface-50: var(--oil-50);
|
|
176
|
-
--surface-100: var(--oil-100);
|
|
177
|
-
--surface-200: var(--oil-200);
|
|
178
|
-
--surface-300: var(--oil-300);
|
|
179
|
-
--surface-400: var(--oil-400);
|
|
180
|
-
--surface-500: var(--oil-500);
|
|
181
|
-
--surface-600: var(--oil-600);
|
|
182
|
-
--surface-700: var(--oil-700);
|
|
183
|
-
--surface-800: var(--oil-800);
|
|
184
|
-
--surface-900: var(--oil-900);
|
|
185
|
-
--surface-950: var(--oil-950);
|
|
186
|
-
}
|
|
187
|
-
|
|
188
|
-
/* Text */
|
|
189
|
-
:root {
|
|
190
|
-
--text-color: var(--oil-800);
|
|
191
|
-
color: var(--text-color);
|
|
192
|
-
}
|
|
1
|
+
@layer tailwind-base, primevue, tailwind-utilities;@layer tailwind-base{
|
|
2
|
+
/*! tailwindcss v3.4.10 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--gray-200)}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Roboto,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:var(--gray-400)}input::placeholder,textarea::placeholder{opacity:1;color:var(--gray-400)}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(147,197,253,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(147,197,253,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }}@layer tailwind-utilities{.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-primary{color:var(--surface-900)}.text-secondary{color:var(--surface-600)}}:root{--blue-50:#f5f9ff;--blue-100:#d0e1fd;--blue-200:#abc9fb;--blue-300:#85b2f9;--blue-400:#609af8;--blue-500:#3b82f6;--blue-600:#326fd1;--blue-700:#295bac;--blue-800:#204887;--blue-900:#183462;--green-50:#f4fcf7;--green-100:#caf1d8;--green-200:#a0e6ba;--green-300:#76db9b;--green-400:#4cd07d;--green-500:#22c55e;--green-600:#1da750;--green-700:#188a42;--green-800:#136c34;--green-900:#0e4f26;--yellow-50:#fefbf3;--yellow-100:#faedc4;--yellow-200:#f6de95;--yellow-300:#f2d066;--yellow-400:#eec137;--yellow-500:#eab308;--yellow-600:#c79807;--yellow-700:#a47d06;--yellow-800:#816204;--yellow-900:#5e4803;--cyan-50:#f3fbfd;--cyan-100:#c3edf5;--cyan-200:#94e0ed;--cyan-300:#65d2e4;--cyan-400:#35c4dc;--cyan-500:#06b6d4;--cyan-600:#059bb4;--cyan-700:#047f94;--cyan-800:#036475;--cyan-900:#024955;--pink-50:#fef6fa;--pink-100:#fad3e7;--pink-200:#f7b0d3;--pink-300:#f38ec0;--pink-400:#f06bac;--pink-500:#ec4899;--pink-600:#c93d82;--pink-700:#a5326b;--pink-800:#822854;--pink-900:#5e1d3d;--indigo-50:#f7f7fe;--indigo-100:#dadafc;--indigo-200:#bcbdf9;--indigo-300:#9ea0f6;--indigo-400:#8183f4;--indigo-500:#6366f1;--indigo-600:#5457cd;--indigo-700:#4547a9;--indigo-800:#363885;--indigo-900:#282960;--teal-50:#f3fbfb;--teal-100:#c7eeea;--teal-200:#9ae0d9;--teal-300:#6dd3c8;--teal-400:#41c5b7;--teal-500:#14b8a6;--teal-600:#119c8d;--teal-700:#0e8174;--teal-800:#0b655b;--teal-900:#084a42;--orange-50:#fff8f3;--orange-100:#feddc7;--orange-200:#fcc39b;--orange-300:#fba86f;--orange-400:#fa8e42;--orange-500:#f97316;--orange-600:#d46213;--orange-700:#ae510f;--orange-800:#893f0c;--orange-900:#642e09;--bluegray-50:#f7f8f9;--bluegray-100:#dadee3;--bluegray-200:#bcc3cd;--bluegray-300:#9fa9b7;--bluegray-400:#818ea1;--bluegray-500:#64748b;--bluegray-600:#556376;--bluegray-700:#465161;--bluegray-800:#37404c;--bluegray-900:#282e38;--purple-50:#f7f3ff;--purple-100:#f0e8ff;--purple-200:#e4d6ff;--purple-300:#ccb2ff;--purple-400:#b28bff;--purple-500:#9b6afa;--purple-600:#7443d6;--purple-700:#623dae;--purple-800:#4d2f89;--purple-900:#372263;--red-50:#fff5f5;--red-100:#ffd0ce;--red-200:#ffaca7;--red-300:#ff8780;--red-400:#ff6259;--red-500:#ff3d32;--red-600:#d9342b;--red-700:#b32b23;--red-800:#8c221c;--red-900:#661814;--gray-50:var(--bluegray-50);--gray-100:var(--bluegray-100);--gray-200:var(--bluegray-200);--gray-300:var(--bluegray-300);--gray-400:var(--bluegray-400);--gray-500:var(--bluegray-500);--gray-600:var(--bluegray-600);--gray-700:var(--bluegray-700);--gray-800:var(--bluegray-800);--gray-900:var(--bluegray-900);--grape-50:#f8f6fc;--grape-100:#e4d6ff;--grape-200:#ccb2ff;--grape-300:#ccb2ff;--grape-400:#b28bff;--grape-500:#9b6afa;--grape-600:#7443d6;--grape-700:#623dae;--grape-800:#4d2f89;--grape-900:#372263;--grape-950:#2b0850;--oil-50:#f7f7fd;--oil-100:#f2f8fd;--oil-200:#e1eafa;--oil-300:#ccd7eb;--oil-400:#a3adc2;--oil-500:#727e96;--oil-600:#535d73;--oil-700:#35435e;--oil-800:#202a44;--oil-900:#282e38;--oil-950:#060d1e;--primary-50:var(--grape-50);--primary-100:var(--grape-100);--primary-200:var(--grape-200);--primary-300:var(--grape-300);--primary-400:var(--grape-400);--primary-500:var(--grape-500);--primary-600:var(--grape-600);--primary-700:var(--grape-700);--primary-800:var(--grape-800);--primary-900:var(--grape-900);--primary-950:var(--grape-950);--surface-0:#fff;--surface-50:var(--oil-50);--surface-100:var(--oil-100);--surface-200:var(--oil-200);--surface-300:var(--oil-300);--surface-400:var(--oil-400);--surface-500:var(--oil-500);--surface-600:var(--oil-600);--surface-700:var(--oil-700);--surface-800:var(--oil-800);--surface-900:var(--oil-900);--surface-950:var(--oil-950);--text-color:var(--surface-900);color:var(--text-color)}.am-text-body strong[data-v-dc172826],.am-text-subtitle strong[data-v-dc172826]{font-weight:500}.am-text-title--lg strong[data-v-dc172826],.am-text-display--sm strong[data-v-dc172826],.am-text-display--md strong[data-v-dc172826]{font-weight:600}.am-text-caption strong[data-v-dc172826],.am-text-title--sm strong[data-v-dc172826],.am-text-title--md strong[data-v-dc172826]{font-weight:700}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@appmax_npm/ds-prime",
|
|
3
|
-
"version": "1.0.0-alpha.
|
|
3
|
+
"version": "1.0.0-alpha.29",
|
|
4
4
|
"description": "Design System da Appmax baseado no Primevue",
|
|
5
5
|
"author": "Appmax",
|
|
6
6
|
"type": "module",
|
|
@@ -10,7 +10,9 @@
|
|
|
10
10
|
"./css/index.css": "./css/index.css"
|
|
11
11
|
},
|
|
12
12
|
"dependencies": {
|
|
13
|
-
"@primevue/themes": "^4.0.4"
|
|
13
|
+
"@primevue/themes": "^4.0.4",
|
|
14
|
+
"class-variance-authority": "^0.7.0",
|
|
15
|
+
"tailwindcss-primeui": "^0.3.4"
|
|
14
16
|
},
|
|
15
17
|
"peerDependencies": {
|
|
16
18
|
"primevue": "^4",
|
|
@@ -1,10 +1,18 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
var tailwindcss_primeui_1 = require("tailwindcss-primeui");
|
|
4
|
+
exports.default = {
|
|
2
5
|
content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
|
|
6
|
+
plugins: [tailwindcss_primeui_1.default],
|
|
3
7
|
darkMode: 'class',
|
|
4
8
|
theme: {
|
|
5
9
|
fontFamily: {
|
|
6
10
|
sans: ['Roboto', 'sans-serif']
|
|
7
11
|
},
|
|
12
|
+
textColor: {
|
|
13
|
+
'primary': 'var(--surface-900)',
|
|
14
|
+
'secondary': 'var(--surface-600)',
|
|
15
|
+
},
|
|
8
16
|
extend: {
|
|
9
17
|
colors: {
|
|
10
18
|
grape: {
|
|
@@ -208,4 +216,3 @@ export const AmTailwindConfig = {
|
|
|
208
216
|
}
|
|
209
217
|
}
|
|
210
218
|
};
|
|
211
|
-
export default AmTailwindConfig;
|
package/tailwind/index.d.ts
DELETED
|
@@ -1,211 +0,0 @@
|
|
|
1
|
-
export declare const AmTailwindConfig: {
|
|
2
|
-
content: string[];
|
|
3
|
-
darkMode: "class";
|
|
4
|
-
theme: {
|
|
5
|
-
fontFamily: {
|
|
6
|
-
sans: [string, string];
|
|
7
|
-
};
|
|
8
|
-
extend: {
|
|
9
|
-
colors: {
|
|
10
|
-
grape: {
|
|
11
|
-
50: string;
|
|
12
|
-
100: string;
|
|
13
|
-
200: string;
|
|
14
|
-
300: string;
|
|
15
|
-
400: string;
|
|
16
|
-
500: string;
|
|
17
|
-
600: string;
|
|
18
|
-
700: string;
|
|
19
|
-
800: string;
|
|
20
|
-
900: string;
|
|
21
|
-
950: string;
|
|
22
|
-
};
|
|
23
|
-
oil: {
|
|
24
|
-
50: string;
|
|
25
|
-
100: string;
|
|
26
|
-
200: string;
|
|
27
|
-
300: string;
|
|
28
|
-
400: string;
|
|
29
|
-
500: string;
|
|
30
|
-
600: string;
|
|
31
|
-
700: string;
|
|
32
|
-
800: string;
|
|
33
|
-
900: string;
|
|
34
|
-
950: string;
|
|
35
|
-
};
|
|
36
|
-
blue: {
|
|
37
|
-
50: string;
|
|
38
|
-
100: string;
|
|
39
|
-
200: string;
|
|
40
|
-
300: string;
|
|
41
|
-
400: string;
|
|
42
|
-
500: string;
|
|
43
|
-
600: string;
|
|
44
|
-
700: string;
|
|
45
|
-
800: string;
|
|
46
|
-
900: string;
|
|
47
|
-
};
|
|
48
|
-
green: {
|
|
49
|
-
50: string;
|
|
50
|
-
100: string;
|
|
51
|
-
200: string;
|
|
52
|
-
300: string;
|
|
53
|
-
400: string;
|
|
54
|
-
500: string;
|
|
55
|
-
600: string;
|
|
56
|
-
700: string;
|
|
57
|
-
800: string;
|
|
58
|
-
900: string;
|
|
59
|
-
};
|
|
60
|
-
yellow: {
|
|
61
|
-
50: string;
|
|
62
|
-
100: string;
|
|
63
|
-
200: string;
|
|
64
|
-
300: string;
|
|
65
|
-
400: string;
|
|
66
|
-
500: string;
|
|
67
|
-
600: string;
|
|
68
|
-
700: string;
|
|
69
|
-
800: string;
|
|
70
|
-
900: string;
|
|
71
|
-
};
|
|
72
|
-
cyan: {
|
|
73
|
-
50: string;
|
|
74
|
-
100: string;
|
|
75
|
-
200: string;
|
|
76
|
-
300: string;
|
|
77
|
-
400: string;
|
|
78
|
-
500: string;
|
|
79
|
-
600: string;
|
|
80
|
-
700: string;
|
|
81
|
-
800: string;
|
|
82
|
-
900: string;
|
|
83
|
-
};
|
|
84
|
-
pink: {
|
|
85
|
-
50: string;
|
|
86
|
-
100: string;
|
|
87
|
-
200: string;
|
|
88
|
-
300: string;
|
|
89
|
-
400: string;
|
|
90
|
-
500: string;
|
|
91
|
-
600: string;
|
|
92
|
-
700: string;
|
|
93
|
-
800: string;
|
|
94
|
-
900: string;
|
|
95
|
-
};
|
|
96
|
-
indigo: {
|
|
97
|
-
50: string;
|
|
98
|
-
100: string;
|
|
99
|
-
200: string;
|
|
100
|
-
300: string;
|
|
101
|
-
400: string;
|
|
102
|
-
500: string;
|
|
103
|
-
600: string;
|
|
104
|
-
700: string;
|
|
105
|
-
800: string;
|
|
106
|
-
900: string;
|
|
107
|
-
};
|
|
108
|
-
teal: {
|
|
109
|
-
50: string;
|
|
110
|
-
100: string;
|
|
111
|
-
200: string;
|
|
112
|
-
300: string;
|
|
113
|
-
400: string;
|
|
114
|
-
500: string;
|
|
115
|
-
600: string;
|
|
116
|
-
700: string;
|
|
117
|
-
800: string;
|
|
118
|
-
900: string;
|
|
119
|
-
};
|
|
120
|
-
orange: {
|
|
121
|
-
50: string;
|
|
122
|
-
100: string;
|
|
123
|
-
200: string;
|
|
124
|
-
300: string;
|
|
125
|
-
400: string;
|
|
126
|
-
500: string;
|
|
127
|
-
600: string;
|
|
128
|
-
700: string;
|
|
129
|
-
800: string;
|
|
130
|
-
900: string;
|
|
131
|
-
};
|
|
132
|
-
bluegray: {
|
|
133
|
-
50: string;
|
|
134
|
-
100: string;
|
|
135
|
-
200: string;
|
|
136
|
-
300: string;
|
|
137
|
-
400: string;
|
|
138
|
-
500: string;
|
|
139
|
-
600: string;
|
|
140
|
-
700: string;
|
|
141
|
-
800: string;
|
|
142
|
-
900: string;
|
|
143
|
-
};
|
|
144
|
-
purple: {
|
|
145
|
-
50: string;
|
|
146
|
-
100: string;
|
|
147
|
-
200: string;
|
|
148
|
-
300: string;
|
|
149
|
-
400: string;
|
|
150
|
-
500: string;
|
|
151
|
-
600: string;
|
|
152
|
-
700: string;
|
|
153
|
-
800: string;
|
|
154
|
-
900: string;
|
|
155
|
-
};
|
|
156
|
-
red: {
|
|
157
|
-
50: string;
|
|
158
|
-
100: string;
|
|
159
|
-
200: string;
|
|
160
|
-
300: string;
|
|
161
|
-
400: string;
|
|
162
|
-
500: string;
|
|
163
|
-
600: string;
|
|
164
|
-
700: string;
|
|
165
|
-
800: string;
|
|
166
|
-
900: string;
|
|
167
|
-
};
|
|
168
|
-
gray: {
|
|
169
|
-
50: string;
|
|
170
|
-
100: string;
|
|
171
|
-
200: string;
|
|
172
|
-
300: string;
|
|
173
|
-
400: string;
|
|
174
|
-
500: string;
|
|
175
|
-
600: string;
|
|
176
|
-
700: string;
|
|
177
|
-
800: string;
|
|
178
|
-
900: string;
|
|
179
|
-
};
|
|
180
|
-
surface: {
|
|
181
|
-
0: string;
|
|
182
|
-
50: string;
|
|
183
|
-
100: string;
|
|
184
|
-
200: string;
|
|
185
|
-
300: string;
|
|
186
|
-
400: string;
|
|
187
|
-
500: string;
|
|
188
|
-
600: string;
|
|
189
|
-
700: string;
|
|
190
|
-
800: string;
|
|
191
|
-
900: string;
|
|
192
|
-
950: string;
|
|
193
|
-
};
|
|
194
|
-
primary: {
|
|
195
|
-
50: string;
|
|
196
|
-
100: string;
|
|
197
|
-
200: string;
|
|
198
|
-
300: string;
|
|
199
|
-
400: string;
|
|
200
|
-
500: string;
|
|
201
|
-
600: string;
|
|
202
|
-
700: string;
|
|
203
|
-
800: string;
|
|
204
|
-
900: string;
|
|
205
|
-
950: string;
|
|
206
|
-
};
|
|
207
|
-
};
|
|
208
|
-
};
|
|
209
|
-
};
|
|
210
|
-
};
|
|
211
|
-
export default AmTailwindConfig;
|