@px-ui/core 1.29.4 → 1.29.7

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.
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
@@ -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/index.css CHANGED
@@ -1,6 +1,3 @@
1
- :root {
2
- }
3
-
4
1
  @theme {
5
2
  --font-sans-light: "Lato L", system-ui, sans-serif;
6
3
  --font-sans: "Lato R", system-ui, sans-serif;
@@ -137,17 +134,25 @@
137
134
  height: stretch;
138
135
  }
139
136
 
140
- .no-arrow-spin {
137
+ @utility no-arrow-spin {
141
138
  -moz-appearance: textfield;
139
+
140
+ &::-webkit-outer-spin-button,
141
+ &::-webkit-inner-spin-button {
142
+ margin: 0;
143
+ -webkit-appearance: none;
144
+ }
142
145
  }
143
146
 
144
- .no-arrow-spin::-webkit-outer-spin-button,
145
- .no-arrow-spin::-webkit-inner-spin-button {
146
- margin: 0;
147
- -webkit-appearance: none;
147
+ @utility required {
148
+ &::after {
149
+ content: "*";
150
+ @apply text-ppx-red-5 text-ppx-base -ml-1;
151
+ }
148
152
  }
149
153
 
150
- .root {
154
+ .root,
155
+ #root {
151
156
  isolation: isolate;
152
157
  }
153
158
 
@@ -164,10 +169,11 @@
164
169
  }
165
170
  }
166
171
 
167
- @utility required {
168
- &::after {
169
- content: "*";
170
- @apply text-ppx-red-5 text-ppx-base -ml-1;
172
+ @layer base {
173
+ :root,
174
+ html,
175
+ body {
176
+ @apply bg-ppx-background text-ppx-foreground border-ppx-border font-sans text-base;
171
177
  }
172
178
  }
173
179
 
@@ -1 +1 @@
1
- {"version":3,"file":"index.css","names":[],"sources":["../src/index.css"],"sourcesContent":[":root {\n}\n\n@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.no-arrow-spin {\n -moz-appearance: textfield;\n}\n\n.no-arrow-spin::-webkit-outer-spin-button,\n.no-arrow-spin::-webkit-inner-spin-button {\n margin: 0;\n -webkit-appearance: none;\n}\n\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@utility required {\n &::after {\n content: \"*\";\n @apply text-ppx-red-5 text-ppx-base -ml-1;\n }\n}\n\n@source \"./**/*.{js,jsx,ts,tsx}\";\n"],"mappings":"AAAA;AACA;;AAEA;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;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA"}
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"}