qt-ui-kit 1.0.0 → 1.0.2
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/{index.css → style.css} +120 -115
- package/package.json +52 -37
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
|
|
1
|
+
/*! tailwindcss v4.1.4 | MIT License | https://tailwindcss.com */
|
|
2
2
|
@layer properties;
|
|
3
3
|
@layer theme, base, components, utilities;
|
|
4
4
|
@layer theme {
|
|
5
|
-
:root,
|
|
6
|
-
:host {
|
|
5
|
+
:root, :host {
|
|
7
6
|
--font-sans: var(--font-geist-sans);
|
|
8
7
|
--font-mono: var(--font-geist-mono);
|
|
9
8
|
--color-gray-100: oklch(96.7% 0.003 264.542);
|
|
@@ -50,23 +49,18 @@
|
|
|
50
49
|
}
|
|
51
50
|
}
|
|
52
51
|
@layer base {
|
|
53
|
-
*,
|
|
54
|
-
::after,
|
|
55
|
-
::before,
|
|
56
|
-
::backdrop,
|
|
57
|
-
::file-selector-button {
|
|
52
|
+
*, ::after, ::before, ::backdrop, ::file-selector-button {
|
|
58
53
|
box-sizing: border-box;
|
|
59
54
|
margin: 0;
|
|
60
55
|
padding: 0;
|
|
61
56
|
border: 0 solid;
|
|
62
57
|
}
|
|
63
|
-
html,
|
|
64
|
-
:host {
|
|
58
|
+
html, :host {
|
|
65
59
|
line-height: 1.5;
|
|
66
60
|
-webkit-text-size-adjust: 100%;
|
|
67
61
|
-moz-tab-size: 4;
|
|
68
|
-
|
|
69
|
-
|
|
62
|
+
-o-tab-size: 4;
|
|
63
|
+
tab-size: 4;
|
|
70
64
|
font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
|
|
71
65
|
font-feature-settings: var(--default-font-feature-settings, normal);
|
|
72
66
|
font-variation-settings: var(--default-font-variation-settings, normal);
|
|
@@ -81,12 +75,7 @@
|
|
|
81
75
|
-webkit-text-decoration: underline dotted;
|
|
82
76
|
text-decoration: underline dotted;
|
|
83
77
|
}
|
|
84
|
-
h1,
|
|
85
|
-
h2,
|
|
86
|
-
h3,
|
|
87
|
-
h4,
|
|
88
|
-
h5,
|
|
89
|
-
h6 {
|
|
78
|
+
h1, h2, h3, h4, h5, h6 {
|
|
90
79
|
font-size: inherit;
|
|
91
80
|
font-weight: inherit;
|
|
92
81
|
}
|
|
@@ -95,14 +84,10 @@
|
|
|
95
84
|
-webkit-text-decoration: inherit;
|
|
96
85
|
text-decoration: inherit;
|
|
97
86
|
}
|
|
98
|
-
b,
|
|
99
|
-
strong {
|
|
87
|
+
b, strong {
|
|
100
88
|
font-weight: bolder;
|
|
101
89
|
}
|
|
102
|
-
code,
|
|
103
|
-
kbd,
|
|
104
|
-
samp,
|
|
105
|
-
pre {
|
|
90
|
+
code, kbd, samp, pre {
|
|
106
91
|
font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
|
|
107
92
|
font-feature-settings: var(--default-mono-font-feature-settings, normal);
|
|
108
93
|
font-variation-settings: var(--default-mono-font-variation-settings, normal);
|
|
@@ -111,8 +96,7 @@
|
|
|
111
96
|
small {
|
|
112
97
|
font-size: 80%;
|
|
113
98
|
}
|
|
114
|
-
sub,
|
|
115
|
-
sup {
|
|
99
|
+
sub, sup {
|
|
116
100
|
font-size: 75%;
|
|
117
101
|
line-height: 0;
|
|
118
102
|
position: relative;
|
|
@@ -138,33 +122,18 @@
|
|
|
138
122
|
summary {
|
|
139
123
|
display: list-item;
|
|
140
124
|
}
|
|
141
|
-
ol,
|
|
142
|
-
ul,
|
|
143
|
-
menu {
|
|
125
|
+
ol, ul, menu {
|
|
144
126
|
list-style: none;
|
|
145
127
|
}
|
|
146
|
-
img,
|
|
147
|
-
svg,
|
|
148
|
-
video,
|
|
149
|
-
canvas,
|
|
150
|
-
audio,
|
|
151
|
-
iframe,
|
|
152
|
-
embed,
|
|
153
|
-
object {
|
|
128
|
+
img, svg, video, canvas, audio, iframe, embed, object {
|
|
154
129
|
display: block;
|
|
155
130
|
vertical-align: middle;
|
|
156
131
|
}
|
|
157
|
-
img,
|
|
158
|
-
video {
|
|
132
|
+
img, video {
|
|
159
133
|
max-width: 100%;
|
|
160
134
|
height: auto;
|
|
161
135
|
}
|
|
162
|
-
button,
|
|
163
|
-
input,
|
|
164
|
-
select,
|
|
165
|
-
optgroup,
|
|
166
|
-
textarea,
|
|
167
|
-
::file-selector-button {
|
|
136
|
+
button, input, select, optgroup, textarea, ::file-selector-button {
|
|
168
137
|
font: inherit;
|
|
169
138
|
font-feature-settings: inherit;
|
|
170
139
|
font-variation-settings: inherit;
|
|
@@ -189,7 +158,7 @@
|
|
|
189
158
|
::placeholder {
|
|
190
159
|
opacity: 1;
|
|
191
160
|
}
|
|
192
|
-
@supports (not (-webkit-appearance: -apple-pay-button))
|
|
161
|
+
@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
|
|
193
162
|
::-moz-placeholder {
|
|
194
163
|
color: currentcolor;
|
|
195
164
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -219,32 +188,21 @@
|
|
|
219
188
|
::-webkit-datetime-edit-fields-wrapper {
|
|
220
189
|
padding: 0;
|
|
221
190
|
}
|
|
222
|
-
::-webkit-datetime-edit,
|
|
223
|
-
::-webkit-datetime-edit-year-field,
|
|
224
|
-
::-webkit-datetime-edit-month-field,
|
|
225
|
-
::-webkit-datetime-edit-day-field,
|
|
226
|
-
::-webkit-datetime-edit-hour-field,
|
|
227
|
-
::-webkit-datetime-edit-minute-field,
|
|
228
|
-
::-webkit-datetime-edit-second-field,
|
|
229
|
-
::-webkit-datetime-edit-millisecond-field,
|
|
230
|
-
::-webkit-datetime-edit-meridiem-field {
|
|
191
|
+
::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
|
|
231
192
|
padding-block: 0;
|
|
232
193
|
}
|
|
233
194
|
:-moz-ui-invalid {
|
|
234
195
|
box-shadow: none;
|
|
235
196
|
}
|
|
236
|
-
button,
|
|
237
|
-
input:where([type=button], [type=reset], [type=submit]),
|
|
238
|
-
::file-selector-button {
|
|
197
|
+
button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
|
|
239
198
|
-webkit-appearance: button;
|
|
240
|
-
|
|
241
|
-
|
|
199
|
+
-moz-appearance: button;
|
|
200
|
+
appearance: button;
|
|
242
201
|
}
|
|
243
|
-
::-webkit-inner-spin-button,
|
|
244
|
-
::-webkit-outer-spin-button {
|
|
202
|
+
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
|
|
245
203
|
height: auto;
|
|
246
204
|
}
|
|
247
|
-
[hidden]:where(:not([hidden=until-found])) {
|
|
205
|
+
[hidden]:where(:not([hidden="until-found"])) {
|
|
248
206
|
display: none !important;
|
|
249
207
|
}
|
|
250
208
|
}
|
|
@@ -583,7 +541,7 @@
|
|
|
583
541
|
}
|
|
584
542
|
.object-contain {
|
|
585
543
|
-o-object-fit: contain;
|
|
586
|
-
|
|
544
|
+
object-fit: contain;
|
|
587
545
|
}
|
|
588
546
|
.p-0 {
|
|
589
547
|
padding: calc(var(--spacing) * 0);
|
|
@@ -708,7 +666,7 @@
|
|
|
708
666
|
.select-none {
|
|
709
667
|
-webkit-user-select: none;
|
|
710
668
|
-moz-user-select: none;
|
|
711
|
-
|
|
669
|
+
user-select: none;
|
|
712
670
|
}
|
|
713
671
|
.placeholder\:text-gray-400 {
|
|
714
672
|
&::-moz-placeholder {
|
|
@@ -763,9 +721,9 @@
|
|
|
763
721
|
}
|
|
764
722
|
}
|
|
765
723
|
}
|
|
766
|
-
@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700&family=Inter:wght@400;500;700&display=swap);
|
|
724
|
+
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700&family=Inter:wght@400;500;700&display=swap');
|
|
767
725
|
:root {
|
|
768
|
-
--font-sans:
|
|
726
|
+
--font-sans: 'Inter', sans-serif;
|
|
769
727
|
}
|
|
770
728
|
.label-3 {
|
|
771
729
|
font-family: Inter;
|
|
@@ -863,27 +821,9 @@
|
|
|
863
821
|
.bg-test {
|
|
864
822
|
background-color: #ffffff;
|
|
865
823
|
opacity: 1;
|
|
866
|
-
background-image:
|
|
867
|
-
|
|
868
|
-
|
|
869
|
-
90deg,
|
|
870
|
-
#e6e6e6 2px,
|
|
871
|
-
transparent 2px),
|
|
872
|
-
linear-gradient(#e6e6e6 1px, transparent 1px),
|
|
873
|
-
linear-gradient(
|
|
874
|
-
90deg,
|
|
875
|
-
#e6e6e6 1px,
|
|
876
|
-
#ffffff 1px);
|
|
877
|
-
background-size:
|
|
878
|
-
50px 50px,
|
|
879
|
-
50px 50px,
|
|
880
|
-
10px 10px,
|
|
881
|
-
10px 10px;
|
|
882
|
-
background-position:
|
|
883
|
-
-2px -2px,
|
|
884
|
-
-2px -2px,
|
|
885
|
-
-1px -1px,
|
|
886
|
-
-1px -1px;
|
|
824
|
+
background-image: linear-gradient(#e6e6e6 2px, transparent 2px), linear-gradient(90deg, #e6e6e6 2px, transparent 2px), linear-gradient(#e6e6e6 1px, transparent 1px), linear-gradient(90deg, #e6e6e6 1px, #ffffff 1px);
|
|
825
|
+
background-size: 50px 50px, 50px 50px, 10px 10px, 10px 10px;
|
|
826
|
+
background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px;
|
|
887
827
|
}
|
|
888
828
|
.tests {
|
|
889
829
|
transition: all 5s linear;
|
|
@@ -902,34 +842,100 @@
|
|
|
902
842
|
.no-defaults {
|
|
903
843
|
all: unset;
|
|
904
844
|
}
|
|
905
|
-
@property --tw-rotate-x {
|
|
906
|
-
|
|
907
|
-
|
|
908
|
-
|
|
909
|
-
@property --tw-
|
|
910
|
-
|
|
911
|
-
|
|
912
|
-
|
|
913
|
-
@property --tw-
|
|
914
|
-
|
|
915
|
-
|
|
916
|
-
|
|
917
|
-
@property --tw-
|
|
918
|
-
|
|
919
|
-
|
|
920
|
-
|
|
921
|
-
@property --tw-
|
|
922
|
-
|
|
923
|
-
|
|
924
|
-
|
|
925
|
-
@property --tw-
|
|
926
|
-
|
|
845
|
+
@property --tw-rotate-x {
|
|
846
|
+
syntax: "*";
|
|
847
|
+
inherits: false;
|
|
848
|
+
}
|
|
849
|
+
@property --tw-rotate-y {
|
|
850
|
+
syntax: "*";
|
|
851
|
+
inherits: false;
|
|
852
|
+
}
|
|
853
|
+
@property --tw-rotate-z {
|
|
854
|
+
syntax: "*";
|
|
855
|
+
inherits: false;
|
|
856
|
+
}
|
|
857
|
+
@property --tw-skew-x {
|
|
858
|
+
syntax: "*";
|
|
859
|
+
inherits: false;
|
|
860
|
+
}
|
|
861
|
+
@property --tw-skew-y {
|
|
862
|
+
syntax: "*";
|
|
863
|
+
inherits: false;
|
|
864
|
+
}
|
|
865
|
+
@property --tw-space-y-reverse {
|
|
866
|
+
syntax: "*";
|
|
867
|
+
inherits: false;
|
|
868
|
+
initial-value: 0;
|
|
869
|
+
}
|
|
870
|
+
@property --tw-border-style {
|
|
871
|
+
syntax: "*";
|
|
872
|
+
inherits: false;
|
|
873
|
+
initial-value: solid;
|
|
874
|
+
}
|
|
875
|
+
@property --tw-leading {
|
|
876
|
+
syntax: "*";
|
|
877
|
+
inherits: false;
|
|
878
|
+
}
|
|
879
|
+
@property --tw-font-weight {
|
|
880
|
+
syntax: "*";
|
|
881
|
+
inherits: false;
|
|
882
|
+
}
|
|
883
|
+
@property --tw-blur {
|
|
884
|
+
syntax: "*";
|
|
885
|
+
inherits: false;
|
|
886
|
+
}
|
|
887
|
+
@property --tw-brightness {
|
|
888
|
+
syntax: "*";
|
|
889
|
+
inherits: false;
|
|
890
|
+
}
|
|
891
|
+
@property --tw-contrast {
|
|
892
|
+
syntax: "*";
|
|
893
|
+
inherits: false;
|
|
894
|
+
}
|
|
895
|
+
@property --tw-grayscale {
|
|
896
|
+
syntax: "*";
|
|
897
|
+
inherits: false;
|
|
898
|
+
}
|
|
899
|
+
@property --tw-hue-rotate {
|
|
900
|
+
syntax: "*";
|
|
901
|
+
inherits: false;
|
|
902
|
+
}
|
|
903
|
+
@property --tw-invert {
|
|
904
|
+
syntax: "*";
|
|
905
|
+
inherits: false;
|
|
906
|
+
}
|
|
907
|
+
@property --tw-opacity {
|
|
908
|
+
syntax: "*";
|
|
909
|
+
inherits: false;
|
|
910
|
+
}
|
|
911
|
+
@property --tw-saturate {
|
|
912
|
+
syntax: "*";
|
|
913
|
+
inherits: false;
|
|
914
|
+
}
|
|
915
|
+
@property --tw-sepia {
|
|
916
|
+
syntax: "*";
|
|
917
|
+
inherits: false;
|
|
918
|
+
}
|
|
919
|
+
@property --tw-drop-shadow {
|
|
920
|
+
syntax: "*";
|
|
921
|
+
inherits: false;
|
|
922
|
+
}
|
|
923
|
+
@property --tw-drop-shadow-color {
|
|
924
|
+
syntax: "*";
|
|
925
|
+
inherits: false;
|
|
926
|
+
}
|
|
927
|
+
@property --tw-drop-shadow-alpha {
|
|
928
|
+
syntax: "<percentage>";
|
|
929
|
+
inherits: false;
|
|
930
|
+
initial-value: 100%;
|
|
931
|
+
}
|
|
932
|
+
@property --tw-drop-shadow-size {
|
|
933
|
+
syntax: "*";
|
|
934
|
+
inherits: false;
|
|
935
|
+
}
|
|
927
936
|
@layer properties {
|
|
928
937
|
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
|
|
929
|
-
*,
|
|
930
|
-
::before,
|
|
931
|
-
::after,
|
|
932
|
-
::backdrop {
|
|
938
|
+
*, ::before, ::after, ::backdrop {
|
|
933
939
|
--tw-rotate-x: initial;
|
|
934
940
|
--tw-rotate-y: initial;
|
|
935
941
|
--tw-rotate-z: initial;
|
|
@@ -955,4 +961,3 @@
|
|
|
955
961
|
}
|
|
956
962
|
}
|
|
957
963
|
}
|
|
958
|
-
/*! tailwindcss v4.1.4 | MIT License | https://tailwindcss.com */
|
package/package.json
CHANGED
|
@@ -1,39 +1,54 @@
|
|
|
1
1
|
{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
2
|
+
"name": "qt-ui-kit",
|
|
3
|
+
"version": "1.0.2",
|
|
4
|
+
"main": "./dist/index.js",
|
|
5
|
+
"module": "./dist/index.js",
|
|
6
|
+
"types": "./dist/index.d.ts",
|
|
7
|
+
"files": [
|
|
8
|
+
"dist"
|
|
9
|
+
],
|
|
10
|
+
"exports": {
|
|
11
|
+
".": {
|
|
12
|
+
"style": "./dist/style.css",
|
|
13
|
+
"import": "./dist/index.js",
|
|
14
|
+
"require": "./dist/index.js",
|
|
15
|
+
"types": "./dist/index.d.ts"
|
|
16
|
+
}
|
|
17
|
+
},
|
|
18
|
+
"scripts": {
|
|
19
|
+
"test": "echo \"Error: no test specified\" && exit 1",
|
|
20
|
+
"dev": "npx ladle serve",
|
|
21
|
+
"build": "tsup src/index.ts --dts --format esm,cjs --out-dir dist && npm run build:css",
|
|
22
|
+
"build:css": "postcss src/index.css -o dist/style.css"
|
|
23
|
+
},
|
|
24
|
+
"keywords": [],
|
|
25
|
+
"author": "",
|
|
26
|
+
"license": "ISC",
|
|
27
|
+
"description": "",
|
|
28
|
+
"dependencies": {
|
|
29
|
+
"@tailwindcss/line-clamp": "^0.4.4",
|
|
30
|
+
"@tailwindcss/postcss": "^4.1.4",
|
|
31
|
+
"@tailwindcss/typography": "^0.5.16",
|
|
32
|
+
"clsx": "^2.1.1",
|
|
33
|
+
"next": "^15.3.0",
|
|
34
|
+
"react": "^19.1.0",
|
|
35
|
+
"react-dom": "^19.1.0",
|
|
36
|
+
"react-markdown": "^10.1.0",
|
|
37
|
+
"remark-gfm": "^4.0.1",
|
|
38
|
+
"tailwind-merge": "^3.2.0"
|
|
39
|
+
},
|
|
40
|
+
"devDependencies": {
|
|
41
|
+
"@ladle/react": "^5.0.2",
|
|
42
|
+
"@types/node": "^22.14.1",
|
|
43
|
+
"@types/react": "^19.1.2",
|
|
44
|
+
"autoprefixer": "^10.4.21",
|
|
45
|
+
"date-fns": "^4.1.0",
|
|
46
|
+
"emoji-dictionary": "^1.0.12",
|
|
47
|
+
"postcss": "^8.5.4",
|
|
48
|
+
"postcss-cli": "^11.0.1",
|
|
49
|
+
"tailwindcss": "^4.1.8",
|
|
50
|
+
"tsup": "^8.5.0",
|
|
51
|
+
"typescript": "^5.8.3",
|
|
52
|
+
"vite-plugin-svgr": "^4.3.0"
|
|
53
|
+
}
|
|
39
54
|
}
|