@vaneui/ui 0.0.9 → 0.0.10
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/all.css +168 -954
- package/dist/complex.css +2 -184
- package/dist/components/complex/index.js +2 -5
- package/dist/components/complex/index.js.map +1 -1
- package/dist/ui.css +165 -913
- package/package.json +1 -1
package/dist/complex.css
CHANGED
|
@@ -1,188 +1,6 @@
|
|
|
1
1
|
/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
:root, :host {
|
|
5
|
-
--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
|
|
6
|
-
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
7
|
-
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
|
|
8
|
-
"Courier New", monospace;
|
|
9
|
-
--default-font-family: var(--font-sans);
|
|
10
|
-
--default-font-feature-settings: var(--font-sans--font-feature-settings);
|
|
11
|
-
--default-font-variation-settings: var(
|
|
12
|
-
--font-sans--font-variation-settings
|
|
13
|
-
);
|
|
14
|
-
--default-mono-font-family: var(--font-mono);
|
|
15
|
-
--default-mono-font-feature-settings: var(
|
|
16
|
-
--font-mono--font-feature-settings
|
|
17
|
-
);
|
|
18
|
-
--default-mono-font-variation-settings: var(
|
|
19
|
-
--font-mono--font-variation-settings
|
|
20
|
-
);
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
@layer base {
|
|
24
|
-
*, ::after, ::before, ::backdrop, ::file-selector-button {
|
|
25
|
-
box-sizing: border-box;
|
|
26
|
-
margin: 0;
|
|
27
|
-
padding: 0;
|
|
28
|
-
border: 0 solid;
|
|
29
|
-
}
|
|
30
|
-
html, :host {
|
|
31
|
-
line-height: 1.5;
|
|
32
|
-
-webkit-text-size-adjust: 100%;
|
|
33
|
-
tab-size: 4;
|
|
34
|
-
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" );
|
|
35
|
-
font-feature-settings: var(--default-font-feature-settings, normal);
|
|
36
|
-
font-variation-settings: var( --default-font-variation-settings, normal );
|
|
37
|
-
-webkit-tap-highlight-color: transparent;
|
|
38
|
-
}
|
|
39
|
-
body {
|
|
40
|
-
line-height: inherit;
|
|
41
|
-
}
|
|
42
|
-
hr {
|
|
43
|
-
height: 0;
|
|
44
|
-
color: inherit;
|
|
45
|
-
border-top-width: 1px;
|
|
46
|
-
}
|
|
47
|
-
abbr:where([title]) {
|
|
48
|
-
-webkit-text-decoration: underline dotted;
|
|
49
|
-
text-decoration: underline dotted;
|
|
50
|
-
}
|
|
51
|
-
h1, h2, h3, h4, h5, h6 {
|
|
52
|
-
font-size: inherit;
|
|
53
|
-
font-weight: inherit;
|
|
54
|
-
}
|
|
55
|
-
a {
|
|
56
|
-
color: inherit;
|
|
57
|
-
-webkit-text-decoration: inherit;
|
|
58
|
-
text-decoration: inherit;
|
|
59
|
-
}
|
|
60
|
-
b, strong {
|
|
61
|
-
font-weight: bolder;
|
|
62
|
-
}
|
|
63
|
-
code, kbd, samp, pre {
|
|
64
|
-
font-family: var( --default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace );
|
|
65
|
-
font-feature-settings: var( --default-mono-font-feature-settings, normal );
|
|
66
|
-
font-variation-settings: var( --default-mono-font-variation-settings, normal );
|
|
67
|
-
font-size: 1em;
|
|
68
|
-
}
|
|
69
|
-
small {
|
|
70
|
-
font-size: 80%;
|
|
71
|
-
}
|
|
72
|
-
sub, sup {
|
|
73
|
-
font-size: 75%;
|
|
74
|
-
line-height: 0;
|
|
75
|
-
position: relative;
|
|
76
|
-
vertical-align: baseline;
|
|
77
|
-
}
|
|
78
|
-
sub {
|
|
79
|
-
bottom: -0.25em;
|
|
80
|
-
}
|
|
81
|
-
sup {
|
|
82
|
-
top: -0.5em;
|
|
83
|
-
}
|
|
84
|
-
table {
|
|
85
|
-
text-indent: 0;
|
|
86
|
-
border-color: inherit;
|
|
87
|
-
border-collapse: collapse;
|
|
88
|
-
}
|
|
89
|
-
:-moz-focusring {
|
|
90
|
-
outline: auto;
|
|
91
|
-
}
|
|
92
|
-
progress {
|
|
93
|
-
vertical-align: baseline;
|
|
94
|
-
}
|
|
95
|
-
summary {
|
|
96
|
-
display: list-item;
|
|
97
|
-
}
|
|
98
|
-
ol, ul, menu {
|
|
99
|
-
list-style: none;
|
|
100
|
-
}
|
|
101
|
-
img, svg, video, canvas, audio, iframe, embed, object {
|
|
102
|
-
display: block;
|
|
103
|
-
vertical-align: middle;
|
|
104
|
-
}
|
|
105
|
-
img, video {
|
|
106
|
-
max-width: 100%;
|
|
107
|
-
height: auto;
|
|
108
|
-
}
|
|
109
|
-
button, input, select, optgroup, textarea, ::file-selector-button {
|
|
110
|
-
font: inherit;
|
|
111
|
-
font-feature-settings: inherit;
|
|
112
|
-
font-variation-settings: inherit;
|
|
113
|
-
letter-spacing: inherit;
|
|
114
|
-
color: inherit;
|
|
115
|
-
border-radius: 0;
|
|
116
|
-
background-color: transparent;
|
|
117
|
-
opacity: 1;
|
|
118
|
-
}
|
|
119
|
-
:where(select:is([multiple], [size])) optgroup {
|
|
120
|
-
font-weight: bolder;
|
|
121
|
-
}
|
|
122
|
-
:where(select:is([multiple], [size])) optgroup option {
|
|
123
|
-
padding-inline-start: 20px;
|
|
124
|
-
}
|
|
125
|
-
::file-selector-button {
|
|
126
|
-
margin-inline-end: 4px;
|
|
127
|
-
}
|
|
128
|
-
::placeholder {
|
|
129
|
-
opacity: 1;
|
|
130
|
-
color: color-mix(in oklab, currentColor 50%, transparent);
|
|
131
|
-
}
|
|
132
|
-
textarea {
|
|
133
|
-
resize: vertical;
|
|
134
|
-
}
|
|
135
|
-
::-webkit-search-decoration {
|
|
136
|
-
-webkit-appearance: none;
|
|
137
|
-
}
|
|
138
|
-
::-webkit-date-and-time-value {
|
|
139
|
-
min-height: 1lh;
|
|
140
|
-
text-align: inherit;
|
|
141
|
-
}
|
|
142
|
-
::-webkit-datetime-edit {
|
|
143
|
-
display: inline-flex;
|
|
144
|
-
}
|
|
145
|
-
::-webkit-datetime-edit-fields-wrapper {
|
|
146
|
-
padding: 0;
|
|
147
|
-
}
|
|
148
|
-
::-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 {
|
|
149
|
-
padding-block: 0;
|
|
150
|
-
}
|
|
151
|
-
:-moz-ui-invalid {
|
|
152
|
-
box-shadow: none;
|
|
153
|
-
}
|
|
154
|
-
button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
|
|
155
|
-
appearance: button;
|
|
156
|
-
}
|
|
157
|
-
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
|
|
158
|
-
height: auto;
|
|
159
|
-
}
|
|
160
|
-
[hidden]:where(:not([hidden="until-found"])) {
|
|
161
|
-
display: none !important;
|
|
162
|
-
}
|
|
163
|
-
}
|
|
164
|
-
@layer utilities {
|
|
165
|
-
.container {
|
|
166
|
-
width: 100%;
|
|
167
|
-
@media (width >= 40rem) {
|
|
168
|
-
max-width: 40rem;
|
|
169
|
-
}
|
|
170
|
-
@media (width >= 48rem) {
|
|
171
|
-
max-width: 48rem;
|
|
172
|
-
}
|
|
173
|
-
@media (width >= 64rem) {
|
|
174
|
-
max-width: 64rem;
|
|
175
|
-
}
|
|
176
|
-
@media (width >= 80rem) {
|
|
177
|
-
max-width: 80rem;
|
|
178
|
-
}
|
|
179
|
-
@media (width >= 96rem) {
|
|
180
|
-
max-width: 96rem;
|
|
181
|
-
}
|
|
182
|
-
}
|
|
183
|
-
.filter {
|
|
184
|
-
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
|
|
185
|
-
}
|
|
2
|
+
.filter {
|
|
3
|
+
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
|
|
186
4
|
}
|
|
187
5
|
@property --tw-blur {
|
|
188
6
|
syntax: "*";
|
|
@@ -118,13 +118,10 @@ const SocialShare = ({ url = window.location.href, text = '', width = 600, heigh
|
|
|
118
118
|
const shareUrl = buildShareUrl(config);
|
|
119
119
|
openShareWindow(shareUrl);
|
|
120
120
|
};
|
|
121
|
-
|
|
122
|
-
const Container = containerComponent || 'div';
|
|
123
|
-
// Default button component to use if no platform-specific component is provided
|
|
121
|
+
const ContainerComponent = containerComponent || 'div';
|
|
124
122
|
const DefaultButton = buttonComponent || 'button';
|
|
125
123
|
const platformsToShow = platforms || Object.keys(shareConfigs);
|
|
126
|
-
return (jsx(
|
|
127
|
-
// Use a specific button component if defined for the key
|
|
124
|
+
return (jsx(ContainerComponent, { children: platformsToShow.map(key => {
|
|
128
125
|
const Button = (buttonComponents && buttonComponents[key]) || DefaultButton;
|
|
129
126
|
const label = platformLabels[key] || key;
|
|
130
127
|
return (jsx(Button, { onClick: () => handleShare(key), title: `Share on ${label}`, children: label }, key));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|