@px-ui/core 1.4.0

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 (17) hide show
  1. package/dist/assets/CedarvilleCursive-Regular.ttf +0 -0
  2. package/dist/assets/Lato-Bold.ttf +0 -0
  3. package/dist/assets/Lato-Light.ttf +0 -0
  4. package/dist/assets/Lato-Regular.ttf +0 -0
  5. package/dist/assets/Lato-SemiBold.ttf +0 -0
  6. package/dist/assets/Ubuntu-Bold.ttf +0 -0
  7. package/dist/assets/Ubuntu-Light.ttf +0 -0
  8. package/dist/assets/Ubuntu-Regular.ttf +0 -0
  9. package/dist/assets/fonts.css +39 -0
  10. package/dist/chunk-CYeTv9WL.js +42 -0
  11. package/dist/index.css +183 -0
  12. package/dist/index.css.map +1 -0
  13. package/dist/index.d.ts +808 -0
  14. package/dist/index.d.ts.map +1 -0
  15. package/dist/index.js +2096 -0
  16. package/dist/index.js.map +1 -0
  17. package/package.json +73 -0
package/dist/assets/Lato-Bold.ttf ADDED
Binary file
package/dist/assets/Lato-Light.ttf ADDED
Binary file
package/dist/assets/Lato-Regular.ttf ADDED
Binary file
package/dist/assets/Lato-SemiBold.ttf ADDED
Binary file
package/dist/assets/Ubuntu-Bold.ttf ADDED
Binary file
package/dist/assets/Ubuntu-Light.ttf ADDED
Binary file
package/dist/assets/Ubuntu-Regular.ttf ADDED
Binary file
package/dist/assets/fonts.css ADDED
@@ -0,0 +1,39 @@
1
+ @font-face {
2
+ font-family: "Ubuntu L";
3
+ src: url("./Ubuntu-Light.ttf");
4
+ }
5
+
6
+ @font-face {
7
+ font-family: "Ubuntu R";
8
+ src: url("./Ubuntu-Regular.ttf");
9
+ }
10
+
11
+ @font-face {
12
+ font-family: "Ubuntu B";
13
+ src: url("./Ubuntu-Bold.ttf");
14
+ }
15
+
16
+ @font-face {
17
+ font-family: "Lato L";
18
+ src: url("./Lato-Light.ttf");
19
+ }
20
+
21
+ @font-face {
22
+ font-family: "Lato R";
23
+ src: url("./Lato-Regular.ttf");
24
+ }
25
+
26
+ @font-face {
27
+ font-family: "Lato B";
28
+ src: url("./Lato-Bold.ttf");
29
+ }
30
+
31
+ @font-face {
32
+ font-family: "Lato SB";
33
+ src: url("./Lato-SemiBold.ttf");
34
+ }
35
+
36
+ @font-face {
37
+ font-family: "Cedarville Cursive";
38
+ src: url("./CedarvilleCursive-Regular.ttf");
39
+ }
package/dist/chunk-CYeTv9WL.js ADDED
@@ -0,0 +1,42 @@
1
+ //#region rolldown:runtime
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __export = (all, symbols) => {
7
+ let target = {};
8
+ for (var name in all) {
9
+ __defProp(target, name, {
10
+ get: all[name],
11
+ enumerable: true
12
+ });
13
+ }
14
+ if (symbols) {
15
+ __defProp(target, Symbol.toStringTag, { value: "Module" });
16
+ }
17
+ return target;
18
+ };
19
+ var __copyProps = (to, from, except, desc) => {
20
+ if (from && typeof from === "object" || typeof from === "function") {
21
+ for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
22
+ key = keys[i];
23
+ if (!__hasOwnProp.call(to, key) && key !== except) {
24
+ __defProp(to, key, {
25
+ get: ((k) => from[k]).bind(null, key),
26
+ enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
27
+ });
28
+ }
29
+ }
30
+ }
31
+ return to;
32
+ };
33
+ var __reExport = (target, mod, secondTarget, symbols) => {
34
+ if (symbols) {
35
+ __defProp(target, Symbol.toStringTag, { value: "Module" });
36
+ secondTarget && __defProp(secondTarget, Symbol.toStringTag, { value: "Module" });
37
+ }
38
+ __copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default");
39
+ };
40
+
41
+ //#endregion
42
+ export { __reExport as n, __export as t };
package/dist/index.css ADDED
@@ -0,0 +1,183 @@
1
+ @theme {
2
+ --font-sans-light: "Lato L", system-ui, sans-serif;
3
+ --font-sans: "Lato R", system-ui, sans-serif;
4
+ --font-sans-sb: "Lato SB", system-ui, sans-serif;
5
+ --font-sans-b: "Lato B", system-ui, sans-serif;
6
+ --color-ppx-green-1: #eaf8f1;
7
+ --color-ppx-green-2: #a7e1c6;
8
+ --color-ppx-green-3: #82d5ae;
9
+ --color-ppx-green-4: #4dc28c;
10
+ --color-ppx-green-5: #28b674;
11
+ --color-ppx-green-6: #1c7f51;
12
+ --color-ppx-green-7: #186f47;
13
+ --color-ppx-red-1: #f8e6e6;
14
+ --color-ppx-red-2: #e39696;
15
+ --color-ppx-red-3: #d76b6b;
16
+ --color-ppx-red-4: #c62b2b;
17
+ --color-ppx-red-5: #ba0000;
18
+ --color-ppx-red-6: #820000;
19
+ --color-ppx-red-7: #710000;
20
+ --color-ppx-yellow-1: #fff7e6;
21
+ --color-ppx-yellow-2: #ffdd96;
22
+ --color-ppx-yellow-3: #fecf6b;
23
+ --color-ppx-yellow-4: #febb2b;
24
+ --color-ppx-yellow-5: #fead00;
25
+ --color-ppx-yellow-6: #b27900;
26
+ --color-ppx-yellow-7: #9b6a00;
27
+ --color-ppx-neutral-1: #fafbfb;
28
+ --color-ppx-neutral-2: #f5f6f7;
29
+ --color-ppx-neutral-3: #ebedf0;
30
+ --color-ppx-neutral-4: #dfe2e6;
31
+ --color-ppx-neutral-5: #c2c7d0;
32
+ --color-ppx-neutral-6: #b3b9c4;
33
+ --color-ppx-neutral-7: #a6aebb;
34
+ --color-ppx-neutral-8: #98a1b0;
35
+ --color-ppx-neutral-9: #8993a4;
36
+ --color-ppx-neutral-10: #7a8699;
37
+ --color-ppx-neutral-11: #6b788e;
38
+ --color-ppx-neutral-12: #5d6b82;
39
+ --color-ppx-neutral-13: #505f79;
40
+ --color-ppx-neutral-14: #42526d;
41
+ --color-ppx-neutral-15: #354764;
42
+ --color-ppx-neutral-16: #243757;
43
+ --color-ppx-neutral-17: #15294b;
44
+ --color-ppx-neutral-18: #091e42;
45
+ --color-ppx-primary-1: #eaf8f1;
46
+ --color-ppx-primary-2: #a7e1c6;
47
+ --color-ppx-primary-3: #82d5ae;
48
+ --color-ppx-primary-4: #4dc28c;
49
+ --color-ppx-primary-5: #28b674;
50
+ --color-ppx-primary-6: #1c7f51;
51
+ --color-ppx-primary-7: #186f47;
52
+ --color-ppx-primary-b-1: #ecf4fe;
53
+ --color-ppx-primary-b-2: #b1d1f9;
54
+ --color-ppx-primary-b-3: #90bef6;
55
+ --color-ppx-primary-b-4: #60a2f3;
56
+ --color-ppx-primary-b-5: #408ff0;
57
+ --color-ppx-primary-b-6: #2d64a8;
58
+ --color-ppx-primary-b-7: #275792;
59
+ --color-ppx-background: #fff;
60
+ --color-ppx-foreground: var(--color-ppx-neutral-18);
61
+ --color-ppx-muted-background: #dfe2e6;
62
+ --color-ppx-muted-foreground: var(--color-ppx-neutral-13);
63
+ --color-ppx-border: var(--color-ppx-neutral-3);
64
+ --color-ppx-primary-focus: var(--color-ppx-green-3);
65
+
66
+ --breakpoint-ppx-sm: 40rem;
67
+ --breakpoint-ppx-md: 48rem;
68
+ --breakpoint-ppx-lg: 64rem;
69
+ --breakpoint-ppx-xl: 80rem;
70
+ --breakpoint-ppx-2xl: 96rem;
71
+
72
+ --padding-input: 0.5rem;
73
+
74
+ --height-input: 2.5rem;
75
+ --height-input-s: 2rem;
76
+
77
+ --min-width-input: 18rem;
78
+
79
+ --radius-ppx-xs: 0.125rem;
80
+ --radius-ppx-s: 0.5rem;
81
+ --radius-ppx-m: 0.75rem;
82
+ --radius-ppx-l: 1rem;
83
+ --radius-ppx-xl: 1.25rem;
84
+ --radius-input: var(--radius-ppx-s);
85
+ --radius-input-s: var(--radius-ppx-s);
86
+ }
87
+
88
+ @utility text-ppx-h1 {
89
+ font-size: 2.441rem;
90
+ line-height: 3rem;
91
+ }
92
+
93
+ @utility text-ppx-h2 {
94
+ font-size: 1.953rem;
95
+ line-height: 2.5rem;
96
+ }
97
+
98
+ @utility text-ppx-h3 {
99
+ font-size: 1.562rem;
100
+ line-height: 2rem;
101
+ }
102
+
103
+ @utility text-ppx-h4 {
104
+ font-size: 1.25rem;
105
+ line-height: 1.5rem;
106
+ }
107
+
108
+ @utility text-ppx-base {
109
+ font-size: 1rem;
110
+ line-height: 1.25rem;
111
+ }
112
+
113
+ @utility text-ppx-sm {
114
+ font-size: 0.875rem;
115
+ line-height: 1rem;
116
+ }
117
+
118
+ @utility text-ppx-xs {
119
+ font-size: 0.75rem;
120
+ line-height: 0.75rem;
121
+ }
122
+
123
+ @utility text-ppx-xxs {
124
+ font-size: 0.64rem;
125
+ line-height: 0.75rem;
126
+ }
127
+
128
+ @utility h-stretch-available {
129
+ /* For WebKit browsers */
130
+ height: -webkit-fill-available;
131
+ /* For Mozilla browsers */
132
+ height: -moz-available;
133
+ /* Standard for modern browsers */
134
+ height: stretch;
135
+ }
136
+
137
+ @utility no-arrow-spin {
138
+ -moz-appearance: textfield;
139
+
140
+ &::-webkit-outer-spin-button,
141
+ &::-webkit-inner-spin-button {
142
+ margin: 0;
143
+ -webkit-appearance: none;
144
+ }
145
+ }
146
+
147
+ @utility required {
148
+ &::after {
149
+ content: "*";
150
+ @apply text-ppx-red-5 text-ppx-base -ml-1;
151
+ }
152
+ }
153
+
154
+ .root,
155
+ #root {
156
+ isolation: isolate;
157
+ }
158
+
159
+ @keyframes bounce-color {
160
+ 0%,
161
+ 100% {
162
+ transform: translateY(0);
163
+ background-color: rgb(209 213 219);
164
+ }
165
+
166
+ 50% {
167
+ transform: translateY(-25%);
168
+ background-color: rgb(55 65 81);
169
+ }
170
+ }
171
+
172
+ @layer base {
173
+ :root,
174
+ html,
175
+ body {
176
+ @apply bg-ppx-background text-ppx-foreground border-ppx-border font-sans text-base;
177
+ }
178
+ }
179
+
180
+ @source "./**/*.{js,jsx,ts,tsx}";
181
+
182
+
183
+ /*# sourceMappingURL=index.css.map*/
package/dist/index.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.css","names":[],"sources":["../src/index.css"],"sourcesContent":["@theme {\n --font-sans-light: \"Lato L\", system-ui, sans-serif;\n --font-sans: \"Lato R\", system-ui, sans-serif;\n --font-sans-sb: \"Lato SB\", system-ui, sans-serif;\n --font-sans-b: \"Lato B\", system-ui, sans-serif;\n --color-ppx-green-1: #eaf8f1;\n --color-ppx-green-2: #a7e1c6;\n --color-ppx-green-3: #82d5ae;\n --color-ppx-green-4: #4dc28c;\n --color-ppx-green-5: #28b674;\n --color-ppx-green-6: #1c7f51;\n --color-ppx-green-7: #186f47;\n --color-ppx-red-1: #f8e6e6;\n --color-ppx-red-2: #e39696;\n --color-ppx-red-3: #d76b6b;\n --color-ppx-red-4: #c62b2b;\n --color-ppx-red-5: #ba0000;\n --color-ppx-red-6: #820000;\n --color-ppx-red-7: #710000;\n --color-ppx-yellow-1: #fff7e6;\n --color-ppx-yellow-2: #ffdd96;\n --color-ppx-yellow-3: #fecf6b;\n --color-ppx-yellow-4: #febb2b;\n --color-ppx-yellow-5: #fead00;\n --color-ppx-yellow-6: #b27900;\n --color-ppx-yellow-7: #9b6a00;\n --color-ppx-neutral-1: #fafbfb;\n --color-ppx-neutral-2: #f5f6f7;\n --color-ppx-neutral-3: #ebedf0;\n --color-ppx-neutral-4: #dfe2e6;\n --color-ppx-neutral-5: #c2c7d0;\n --color-ppx-neutral-6: #b3b9c4;\n --color-ppx-neutral-7: #a6aebb;\n --color-ppx-neutral-8: #98a1b0;\n --color-ppx-neutral-9: #8993a4;\n --color-ppx-neutral-10: #7a8699;\n --color-ppx-neutral-11: #6b788e;\n --color-ppx-neutral-12: #5d6b82;\n --color-ppx-neutral-13: #505f79;\n --color-ppx-neutral-14: #42526d;\n --color-ppx-neutral-15: #354764;\n --color-ppx-neutral-16: #243757;\n --color-ppx-neutral-17: #15294b;\n --color-ppx-neutral-18: #091e42;\n --color-ppx-primary-1: #eaf8f1;\n --color-ppx-primary-2: #a7e1c6;\n --color-ppx-primary-3: #82d5ae;\n --color-ppx-primary-4: #4dc28c;\n --color-ppx-primary-5: #28b674;\n --color-ppx-primary-6: #1c7f51;\n --color-ppx-primary-7: #186f47;\n --color-ppx-primary-b-1: #ecf4fe;\n --color-ppx-primary-b-2: #b1d1f9;\n --color-ppx-primary-b-3: #90bef6;\n --color-ppx-primary-b-4: #60a2f3;\n --color-ppx-primary-b-5: #408ff0;\n --color-ppx-primary-b-6: #2d64a8;\n --color-ppx-primary-b-7: #275792;\n --color-ppx-background: #fff;\n --color-ppx-foreground: var(--color-ppx-neutral-18);\n --color-ppx-muted-background: #dfe2e6;\n --color-ppx-muted-foreground: var(--color-ppx-neutral-13);\n --color-ppx-border: var(--color-ppx-neutral-3);\n --color-ppx-primary-focus: var(--color-ppx-green-3);\n\n --breakpoint-ppx-sm: 40rem;\n --breakpoint-ppx-md: 48rem;\n --breakpoint-ppx-lg: 64rem;\n --breakpoint-ppx-xl: 80rem;\n --breakpoint-ppx-2xl: 96rem;\n\n --padding-input: 0.5rem;\n\n --height-input: 2.5rem;\n --height-input-s: 2rem;\n\n --min-width-input: 18rem;\n\n --radius-ppx-xs: 0.125rem;\n --radius-ppx-s: 0.5rem;\n --radius-ppx-m: 0.75rem;\n --radius-ppx-l: 1rem;\n --radius-ppx-xl: 1.25rem;\n --radius-input: var(--radius-ppx-s);\n --radius-input-s: var(--radius-ppx-s);\n}\n\n@utility text-ppx-h1 {\n font-size: 2.441rem;\n line-height: 3rem;\n}\n\n@utility text-ppx-h2 {\n font-size: 1.953rem;\n line-height: 2.5rem;\n}\n\n@utility text-ppx-h3 {\n font-size: 1.562rem;\n line-height: 2rem;\n}\n\n@utility text-ppx-h4 {\n font-size: 1.25rem;\n line-height: 1.5rem;\n}\n\n@utility text-ppx-base {\n font-size: 1rem;\n line-height: 1.25rem;\n}\n\n@utility text-ppx-sm {\n font-size: 0.875rem;\n line-height: 1rem;\n}\n\n@utility text-ppx-xs {\n font-size: 0.75rem;\n line-height: 0.75rem;\n}\n\n@utility text-ppx-xxs {\n font-size: 0.64rem;\n line-height: 0.75rem;\n}\n\n@utility h-stretch-available {\n /* For WebKit browsers */\n height: -webkit-fill-available;\n /* For Mozilla browsers */\n height: -moz-available;\n /* Standard for modern browsers */\n height: stretch;\n}\n\n@utility no-arrow-spin {\n -moz-appearance: textfield;\n\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n margin: 0;\n -webkit-appearance: none;\n }\n}\n\n@utility required {\n &::after {\n content: \"*\";\n @apply text-ppx-red-5 text-ppx-base -ml-1;\n }\n}\n\n.root,\n#root {\n isolation: isolate;\n}\n\n@keyframes bounce-color {\n 0%,\n 100% {\n transform: translateY(0);\n background-color: rgb(209 213 219);\n }\n\n 50% {\n transform: translateY(-25%);\n background-color: rgb(55 65 81);\n }\n}\n\n@layer base {\n :root,\n html,\n body {\n @apply bg-ppx-background text-ppx-foreground border-ppx-border font-sans text-base;\n }\n}\n\n@source \"./**/*.{js,jsx,ts,tsx}\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA"}