@simpli-route/apollo-ds 0.1.56 → 0.1.57
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/components/SelectInput/types.d.ts +4 -0
- package/dist/index.cjs10.js +1 -1
- package/dist/index.cjs104.js +1 -1
- package/dist/index.cjs105.js +1 -1
- package/dist/index.cjs106.js +1 -1
- package/dist/index.cjs107.js +1 -1
- package/dist/index.cjs108.js +1 -1
- package/dist/index.cjs109.js +1 -1
- package/dist/index.cjs11.js +1 -1
- package/dist/index.cjs110.js +1 -1
- package/dist/index.cjs111.js +1 -1
- package/dist/index.cjs112.js +1 -1
- package/dist/index.cjs12.js +1 -1
- package/dist/index.cjs13.js +1 -1
- package/dist/index.cjs14.js +1 -1
- package/dist/index.cjs15.js +1 -1
- package/dist/index.cjs16.js +1 -1
- package/dist/index.cjs17.js +1 -1
- package/dist/index.cjs18.js +1 -1
- package/dist/index.cjs19.js +1 -1
- package/dist/index.cjs2.js +1 -1
- package/dist/index.cjs20.js +1 -1
- package/dist/index.cjs21.js +1 -1
- package/dist/index.cjs22.js +1 -1
- package/dist/index.cjs23.js +1 -1
- package/dist/index.cjs24.js +1 -1
- package/dist/index.cjs25.js +1 -1
- package/dist/index.cjs26.js +1 -1
- package/dist/index.cjs27.js +1 -1
- package/dist/index.cjs28.js +1 -1
- package/dist/index.cjs29.js +1 -1
- package/dist/index.cjs3.js +1 -1
- package/dist/index.cjs30.js +1 -1
- package/dist/index.cjs33.js +1 -1
- package/dist/index.cjs34.js +1 -1
- package/dist/index.cjs35.js +1 -1
- package/dist/index.cjs36.js +1 -1
- package/dist/index.cjs37.js +1 -1
- package/dist/index.cjs38.js +1 -1
- package/dist/index.cjs39.js +1 -1
- package/dist/index.cjs4.js +1 -1
- package/dist/index.cjs41.js +1 -1
- package/dist/index.cjs42.js +1 -1
- package/dist/index.cjs44.js +1 -1
- package/dist/index.cjs45.js +1 -1
- package/dist/index.cjs46.js +1 -1
- package/dist/index.cjs47.js +1 -1
- package/dist/index.cjs48.js +1 -1
- package/dist/index.cjs49.js +1 -1
- package/dist/index.cjs5.js +1 -1
- package/dist/index.cjs50.js +1 -1
- package/dist/index.cjs51.js +1 -1
- package/dist/index.cjs52.js +1 -1
- package/dist/index.cjs53.js +1 -1
- package/dist/index.cjs54.js +1 -1
- package/dist/index.cjs55.js +1 -1
- package/dist/index.cjs56.js +1 -1
- package/dist/index.cjs57.js +1 -1
- package/dist/index.cjs58.js +1 -1
- package/dist/index.cjs59.js +1 -1
- package/dist/index.cjs6.js +1 -1
- package/dist/index.cjs60.js +1 -1
- package/dist/index.cjs61.js +1 -1
- package/dist/index.cjs62.js +1 -1
- package/dist/index.cjs63.js +1 -1
- package/dist/index.cjs64.js +1 -1
- package/dist/index.cjs65.js +1 -1
- package/dist/index.cjs66.js +1 -1
- package/dist/index.cjs67.js +1 -1
- package/dist/index.cjs68.js +1 -1
- package/dist/index.cjs69.js +1 -1
- package/dist/index.cjs7.js +1 -1
- package/dist/index.cjs70.js +1 -1
- package/dist/index.cjs71.js +1 -1
- package/dist/index.cjs72.js +1 -1
- package/dist/index.cjs73.js +1 -1
- package/dist/index.cjs74.js +1 -1
- package/dist/index.cjs76.js +1 -1
- package/dist/index.cjs77.js +1 -1
- package/dist/index.cjs79.js +1 -1
- package/dist/index.cjs8.js +1 -1
- package/dist/index.cjs80.js +1 -1
- package/dist/index.cjs81.js +1 -1
- package/dist/index.cjs82.js +1 -1
- package/dist/index.cjs83.js +1 -1
- package/dist/index.cjs86.js +1 -1
- package/dist/index.cjs87.js +1 -1
- package/dist/index.cjs9.js +1 -1
- package/dist/index.es10.js +3 -3
- package/dist/index.es104.js +2 -57
- package/dist/index.es105.js +2 -4
- package/dist/index.es106.js +58 -27
- package/dist/index.es107.js +4 -2
- package/dist/index.es108.js +28 -10
- package/dist/index.es109.js +2 -340
- package/dist/index.es11.js +3 -3
- package/dist/index.es110.js +8 -166
- package/dist/index.es111.js +340 -2
- package/dist/index.es112.js +166 -2
- package/dist/index.es12.js +2 -2
- package/dist/index.es13.js +2 -2
- package/dist/index.es14.js +2 -2
- package/dist/index.es15.js +3 -3
- package/dist/index.es16.js +2 -2
- package/dist/index.es17.js +3 -3
- package/dist/index.es18.js +4 -4
- package/dist/index.es19.js +2 -2
- package/dist/index.es2.js +1 -1
- package/dist/index.es20.js +1 -1
- package/dist/index.es21.js +1 -1
- package/dist/index.es22.js +1 -1
- package/dist/index.es23.js +4 -4
- package/dist/index.es24.js +4 -4
- package/dist/index.es25.js +18 -18
- package/dist/index.es26.js +3 -3
- package/dist/index.es27.js +5 -5
- package/dist/index.es28.js +2 -2
- package/dist/index.es29.js +1 -1
- package/dist/index.es3.js +2 -2
- package/dist/index.es30.js +3 -3
- package/dist/index.es33.js +2 -2
- package/dist/index.es34.js +4 -4
- package/dist/index.es35.js +4 -4
- package/dist/index.es36.js +2 -2
- package/dist/index.es37.js +2 -2
- package/dist/index.es38.js +2 -2
- package/dist/index.es39.js +2 -2
- package/dist/index.es4.js +2 -2
- package/dist/index.es41.js +6 -31
- package/dist/index.es42.js +31 -6
- package/dist/index.es44.js +140 -53
- package/dist/index.es45.js +40 -31
- package/dist/index.es46.js +33 -17
- package/dist/index.es47.js +79 -16
- package/dist/index.es48.js +129 -15
- package/dist/index.es49.js +53 -140
- package/dist/index.es5.js +19 -19
- package/dist/index.es50.js +3 -43
- package/dist/index.es51.js +9 -61
- package/dist/index.es52.js +118 -98
- package/dist/index.es53.js +130 -3
- package/dist/index.es54.js +103 -16
- package/dist/index.es55.js +84 -120
- package/dist/index.es56.js +24 -120
- package/dist/index.es57.js +7 -114
- package/dist/index.es58.js +48 -45
- package/dist/index.es59.js +39 -33
- package/dist/index.es6.js +3 -3
- package/dist/index.es60.js +159 -7
- package/dist/index.es61.js +79 -104
- package/dist/index.es62.js +21 -39
- package/dist/index.es63.js +17 -159
- package/dist/index.es64.js +15 -90
- package/dist/index.es65.js +15 -21
- package/dist/index.es66.js +163 -30
- package/dist/index.es67.js +40 -27
- package/dist/index.es68.js +30 -163
- package/dist/index.es69.js +1 -1
- package/dist/index.es7.js +2 -2
- package/dist/index.es70.js +13 -10
- package/dist/index.es71.js +10 -12
- package/dist/index.es72.js +12 -13
- package/dist/index.es73.js +3 -3
- package/dist/index.es74.js +2 -2
- package/dist/index.es76.js +3 -3
- package/dist/index.es77.js +3 -3
- package/dist/index.es79.js +10 -19
- package/dist/index.es8.js +4 -4
- package/dist/index.es80.js +10 -20
- package/dist/index.es81.js +45 -10
- package/dist/index.es82.js +19 -10
- package/dist/index.es83.js +17 -42
- package/dist/index.es86.js +1 -1
- package/dist/index.es87.js +1 -1
- package/dist/index.es9.js +4 -4
- package/dist/stories/SelectInput.stories.d.ts +1 -0
- package/package.json +1 -1
package/dist/index.es110.js
CHANGED
|
@@ -1,168 +1,10 @@
|
|
|
1
|
-
import { getDefaultExportFromCjs as
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
);
|
|
8
|
-
}
|
|
9
|
-
var s = l(
|
|
10
|
-
({ addUtilities: a, matchUtilities: i, theme: n }) => {
|
|
11
|
-
a({
|
|
12
|
-
"@keyframes enter": n("keyframes.enter"),
|
|
13
|
-
"@keyframes exit": n("keyframes.exit"),
|
|
14
|
-
".animate-in": {
|
|
15
|
-
animationName: "enter",
|
|
16
|
-
animationDuration: n("animationDuration.DEFAULT"),
|
|
17
|
-
"--tw-enter-opacity": "initial",
|
|
18
|
-
"--tw-enter-scale": "initial",
|
|
19
|
-
"--tw-enter-rotate": "initial",
|
|
20
|
-
"--tw-enter-translate-x": "initial",
|
|
21
|
-
"--tw-enter-translate-y": "initial"
|
|
22
|
-
},
|
|
23
|
-
".animate-out": {
|
|
24
|
-
animationName: "exit",
|
|
25
|
-
animationDuration: n("animationDuration.DEFAULT"),
|
|
26
|
-
"--tw-exit-opacity": "initial",
|
|
27
|
-
"--tw-exit-scale": "initial",
|
|
28
|
-
"--tw-exit-rotate": "initial",
|
|
29
|
-
"--tw-exit-translate-x": "initial",
|
|
30
|
-
"--tw-exit-translate-y": "initial"
|
|
31
|
-
}
|
|
32
|
-
}), i(
|
|
33
|
-
{
|
|
34
|
-
"fade-in": (t) => ({ "--tw-enter-opacity": t }),
|
|
35
|
-
"fade-out": (t) => ({ "--tw-exit-opacity": t })
|
|
36
|
-
},
|
|
37
|
-
{ values: n("animationOpacity") }
|
|
38
|
-
), i(
|
|
39
|
-
{
|
|
40
|
-
"zoom-in": (t) => ({ "--tw-enter-scale": t }),
|
|
41
|
-
"zoom-out": (t) => ({ "--tw-exit-scale": t })
|
|
42
|
-
},
|
|
43
|
-
{ values: n("animationScale") }
|
|
44
|
-
), i(
|
|
45
|
-
{
|
|
46
|
-
"spin-in": (t) => ({ "--tw-enter-rotate": t }),
|
|
47
|
-
"spin-out": (t) => ({ "--tw-exit-rotate": t })
|
|
48
|
-
},
|
|
49
|
-
{ values: n("animationRotate") }
|
|
50
|
-
), i(
|
|
51
|
-
{
|
|
52
|
-
"slide-in-from-top": (t) => ({
|
|
53
|
-
"--tw-enter-translate-y": `-${t}`
|
|
54
|
-
}),
|
|
55
|
-
"slide-in-from-bottom": (t) => ({
|
|
56
|
-
"--tw-enter-translate-y": t
|
|
57
|
-
}),
|
|
58
|
-
"slide-in-from-left": (t) => ({
|
|
59
|
-
"--tw-enter-translate-x": `-${t}`
|
|
60
|
-
}),
|
|
61
|
-
"slide-in-from-right": (t) => ({
|
|
62
|
-
"--tw-enter-translate-x": t
|
|
63
|
-
}),
|
|
64
|
-
"slide-out-to-top": (t) => ({
|
|
65
|
-
"--tw-exit-translate-y": `-${t}`
|
|
66
|
-
}),
|
|
67
|
-
"slide-out-to-bottom": (t) => ({
|
|
68
|
-
"--tw-exit-translate-y": t
|
|
69
|
-
}),
|
|
70
|
-
"slide-out-to-left": (t) => ({
|
|
71
|
-
"--tw-exit-translate-x": `-${t}`
|
|
72
|
-
}),
|
|
73
|
-
"slide-out-to-right": (t) => ({
|
|
74
|
-
"--tw-exit-translate-x": t
|
|
75
|
-
})
|
|
76
|
-
},
|
|
77
|
-
{ values: n("animationTranslate") }
|
|
78
|
-
), i(
|
|
79
|
-
{ duration: (t) => ({ animationDuration: t }) },
|
|
80
|
-
{ values: e(n("animationDuration")) }
|
|
81
|
-
), i(
|
|
82
|
-
{ delay: (t) => ({ animationDelay: t }) },
|
|
83
|
-
{ values: n("animationDelay") }
|
|
84
|
-
), i(
|
|
85
|
-
{ ease: (t) => ({ animationTimingFunction: t }) },
|
|
86
|
-
{ values: e(n("animationTimingFunction")) }
|
|
87
|
-
), a({
|
|
88
|
-
".running": { animationPlayState: "running" },
|
|
89
|
-
".paused": { animationPlayState: "paused" }
|
|
90
|
-
}), i(
|
|
91
|
-
{ "fill-mode": (t) => ({ animationFillMode: t }) },
|
|
92
|
-
{ values: n("animationFillMode") }
|
|
93
|
-
), i(
|
|
94
|
-
{ direction: (t) => ({ animationDirection: t }) },
|
|
95
|
-
{ values: n("animationDirection") }
|
|
96
|
-
), i(
|
|
97
|
-
{ repeat: (t) => ({ animationIterationCount: t }) },
|
|
98
|
-
{ values: n("animationRepeat") }
|
|
99
|
-
);
|
|
100
|
-
},
|
|
101
|
-
{
|
|
102
|
-
theme: {
|
|
103
|
-
extend: {
|
|
104
|
-
animationDelay: ({ theme: a }) => ({
|
|
105
|
-
...a("transitionDelay")
|
|
106
|
-
}),
|
|
107
|
-
animationDuration: ({ theme: a }) => ({
|
|
108
|
-
0: "0ms",
|
|
109
|
-
...a("transitionDuration")
|
|
110
|
-
}),
|
|
111
|
-
animationTimingFunction: ({ theme: a }) => ({
|
|
112
|
-
...a("transitionTimingFunction")
|
|
113
|
-
}),
|
|
114
|
-
animationFillMode: {
|
|
115
|
-
none: "none",
|
|
116
|
-
forwards: "forwards",
|
|
117
|
-
backwards: "backwards",
|
|
118
|
-
both: "both"
|
|
119
|
-
},
|
|
120
|
-
animationDirection: {
|
|
121
|
-
normal: "normal",
|
|
122
|
-
reverse: "reverse",
|
|
123
|
-
alternate: "alternate",
|
|
124
|
-
"alternate-reverse": "alternate-reverse"
|
|
125
|
-
},
|
|
126
|
-
animationOpacity: ({ theme: a }) => ({
|
|
127
|
-
DEFAULT: 0,
|
|
128
|
-
...a("opacity")
|
|
129
|
-
}),
|
|
130
|
-
animationTranslate: ({ theme: a }) => ({
|
|
131
|
-
DEFAULT: "100%",
|
|
132
|
-
...a("translate")
|
|
133
|
-
}),
|
|
134
|
-
animationScale: ({ theme: a }) => ({
|
|
135
|
-
DEFAULT: 0,
|
|
136
|
-
...a("scale")
|
|
137
|
-
}),
|
|
138
|
-
animationRotate: ({ theme: a }) => ({
|
|
139
|
-
DEFAULT: "30deg",
|
|
140
|
-
...a("rotate")
|
|
141
|
-
}),
|
|
142
|
-
animationRepeat: {
|
|
143
|
-
0: "0",
|
|
144
|
-
1: "1",
|
|
145
|
-
infinite: "infinite"
|
|
146
|
-
},
|
|
147
|
-
keyframes: {
|
|
148
|
-
enter: {
|
|
149
|
-
from: {
|
|
150
|
-
opacity: "var(--tw-enter-opacity, 1)",
|
|
151
|
-
transform: "translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))"
|
|
152
|
-
}
|
|
153
|
-
},
|
|
154
|
-
exit: {
|
|
155
|
-
to: {
|
|
156
|
-
opacity: "var(--tw-exit-opacity, 1)",
|
|
157
|
-
transform: "translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))"
|
|
158
|
-
}
|
|
159
|
-
}
|
|
160
|
-
}
|
|
161
|
-
}
|
|
162
|
-
}
|
|
163
|
-
}
|
|
164
|
-
);
|
|
165
|
-
const u = /* @__PURE__ */ r(s);
|
|
1
|
+
import { getDefaultExportFromCjs as t } from "./index.es107.js";
|
|
2
|
+
import "./index.es117.js";
|
|
3
|
+
import { __exports as a } from "./index.es118.js";
|
|
4
|
+
let e = a;
|
|
5
|
+
var o = (e.__esModule ? e : { default: e }).default;
|
|
6
|
+
const r = /* @__PURE__ */ t(o);
|
|
166
7
|
export {
|
|
167
|
-
|
|
8
|
+
o as d,
|
|
9
|
+
r as default
|
|
168
10
|
};
|
package/dist/index.es111.js
CHANGED
|
@@ -1,4 +1,342 @@
|
|
|
1
|
-
|
|
1
|
+
import { getDefaultExportFromCjs as h } from "./index.es107.js";
|
|
2
|
+
import { m as k } from "./index.es119.js";
|
|
3
|
+
import { p as y } from "./index.es120.js";
|
|
4
|
+
import { d as v } from "./index.es110.js";
|
|
5
|
+
import { c as x } from "./index.es121.js";
|
|
6
|
+
const d = k, z = y, b = v, o = x, [C, { lineHeight: $ }] = b.fontSize.base, { spacing: e, borderWidth: f, borderRadius: u } = b;
|
|
7
|
+
function r(a, n) {
|
|
8
|
+
return a.replace("<alpha-value>", `var(${n}, 1)`);
|
|
9
|
+
}
|
|
10
|
+
const j = z.withOptions(function(a = { strategy: void 0 }) {
|
|
11
|
+
return function({ addBase: n, addComponents: w, theme: t }) {
|
|
12
|
+
function g(s, i) {
|
|
13
|
+
let c = t(s);
|
|
14
|
+
return !c || c.includes("var(") ? i : c.replace("<alpha-value>", "1");
|
|
15
|
+
}
|
|
16
|
+
const l = a.strategy === void 0 ? ["base", "class"] : [a.strategy], m = [
|
|
17
|
+
{
|
|
18
|
+
base: [
|
|
19
|
+
"[type='text']",
|
|
20
|
+
"input:where(:not([type]))",
|
|
21
|
+
"[type='email']",
|
|
22
|
+
"[type='url']",
|
|
23
|
+
"[type='password']",
|
|
24
|
+
"[type='number']",
|
|
25
|
+
"[type='date']",
|
|
26
|
+
"[type='datetime-local']",
|
|
27
|
+
"[type='month']",
|
|
28
|
+
"[type='search']",
|
|
29
|
+
"[type='tel']",
|
|
30
|
+
"[type='time']",
|
|
31
|
+
"[type='week']",
|
|
32
|
+
"[multiple]",
|
|
33
|
+
"textarea",
|
|
34
|
+
"select"
|
|
35
|
+
],
|
|
36
|
+
class: [".form-input", ".form-textarea", ".form-select", ".form-multiselect"],
|
|
37
|
+
styles: {
|
|
38
|
+
appearance: "none",
|
|
39
|
+
"background-color": "#fff",
|
|
40
|
+
"border-color": r(
|
|
41
|
+
t("colors.gray.500", o.gray[500]),
|
|
42
|
+
"--tw-border-opacity"
|
|
43
|
+
),
|
|
44
|
+
"border-width": f.DEFAULT,
|
|
45
|
+
"border-radius": u.none,
|
|
46
|
+
"padding-top": e[2],
|
|
47
|
+
"padding-right": e[3],
|
|
48
|
+
"padding-bottom": e[2],
|
|
49
|
+
"padding-left": e[3],
|
|
50
|
+
"font-size": C,
|
|
51
|
+
"line-height": $,
|
|
52
|
+
"--tw-shadow": "0 0 #0000",
|
|
53
|
+
"&:focus": {
|
|
54
|
+
outline: "2px solid transparent",
|
|
55
|
+
"outline-offset": "2px",
|
|
56
|
+
"--tw-ring-inset": "var(--tw-empty,/*!*/ /*!*/)",
|
|
57
|
+
"--tw-ring-offset-width": "0px",
|
|
58
|
+
"--tw-ring-offset-color": "#fff",
|
|
59
|
+
"--tw-ring-color": r(
|
|
60
|
+
t("colors.blue.600", o.blue[600]),
|
|
61
|
+
"--tw-ring-opacity"
|
|
62
|
+
),
|
|
63
|
+
"--tw-ring-offset-shadow": "var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)",
|
|
64
|
+
"--tw-ring-shadow": "var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)",
|
|
65
|
+
"box-shadow": "var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)",
|
|
66
|
+
"border-color": r(
|
|
67
|
+
t("colors.blue.600", o.blue[600]),
|
|
68
|
+
"--tw-border-opacity"
|
|
69
|
+
)
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
},
|
|
73
|
+
{
|
|
74
|
+
base: ["input::placeholder", "textarea::placeholder"],
|
|
75
|
+
class: [".form-input::placeholder", ".form-textarea::placeholder"],
|
|
76
|
+
styles: {
|
|
77
|
+
color: r(t("colors.gray.500", o.gray[500]), "--tw-text-opacity"),
|
|
78
|
+
opacity: "1"
|
|
79
|
+
}
|
|
80
|
+
},
|
|
81
|
+
{
|
|
82
|
+
base: ["::-webkit-datetime-edit-fields-wrapper"],
|
|
83
|
+
class: [".form-input::-webkit-datetime-edit-fields-wrapper"],
|
|
84
|
+
styles: {
|
|
85
|
+
padding: "0"
|
|
86
|
+
}
|
|
87
|
+
},
|
|
88
|
+
{
|
|
89
|
+
// Unfortunate hack until https://bugs.webkit.org/show_bug.cgi?id=198959 is fixed.
|
|
90
|
+
// This sucks because users can't change line-height with a utility on date inputs now.
|
|
91
|
+
// Reference: https://github.com/twbs/bootstrap/pull/31993
|
|
92
|
+
base: ["::-webkit-date-and-time-value"],
|
|
93
|
+
class: [".form-input::-webkit-date-and-time-value"],
|
|
94
|
+
styles: {
|
|
95
|
+
"min-height": "1.5em"
|
|
96
|
+
}
|
|
97
|
+
},
|
|
98
|
+
{
|
|
99
|
+
// In Safari on iOS date and time inputs are centered instead of left-aligned and can't be
|
|
100
|
+
// changed with `text-align` utilities on the input by default. Resetting this to `inherit`
|
|
101
|
+
// makes them left-aligned by default and makes it possible to override the alignment with
|
|
102
|
+
// utility classes without using an arbitrary variant to target the pseudo-elements.
|
|
103
|
+
base: ["::-webkit-date-and-time-value"],
|
|
104
|
+
class: [".form-input::-webkit-date-and-time-value"],
|
|
105
|
+
styles: {
|
|
106
|
+
"text-align": "inherit"
|
|
107
|
+
}
|
|
108
|
+
},
|
|
109
|
+
{
|
|
110
|
+
// In Safari on macOS date time inputs that are set to `display: block` have unexpected
|
|
111
|
+
// extra bottom spacing. This can be corrected by setting the `::-webkit-datetime-edit`
|
|
112
|
+
// pseudo-element to `display: inline-flex`, instead of the browser default of
|
|
113
|
+
// `display: inline-block`.
|
|
114
|
+
base: ["::-webkit-datetime-edit"],
|
|
115
|
+
class: [".form-input::-webkit-datetime-edit"],
|
|
116
|
+
styles: {
|
|
117
|
+
display: "inline-flex"
|
|
118
|
+
}
|
|
119
|
+
},
|
|
120
|
+
{
|
|
121
|
+
// In Safari on macOS date time inputs are 4px taller than normal inputs
|
|
122
|
+
// This is because there is extra padding on the datetime-edit and datetime-edit-{part}-field pseudo elements
|
|
123
|
+
// See https://github.com/tailwindlabs/tailwindcss-forms/issues/95
|
|
124
|
+
base: [
|
|
125
|
+
"::-webkit-datetime-edit",
|
|
126
|
+
"::-webkit-datetime-edit-year-field",
|
|
127
|
+
"::-webkit-datetime-edit-month-field",
|
|
128
|
+
"::-webkit-datetime-edit-day-field",
|
|
129
|
+
"::-webkit-datetime-edit-hour-field",
|
|
130
|
+
"::-webkit-datetime-edit-minute-field",
|
|
131
|
+
"::-webkit-datetime-edit-second-field",
|
|
132
|
+
"::-webkit-datetime-edit-millisecond-field",
|
|
133
|
+
"::-webkit-datetime-edit-meridiem-field"
|
|
134
|
+
],
|
|
135
|
+
class: [
|
|
136
|
+
".form-input::-webkit-datetime-edit",
|
|
137
|
+
".form-input::-webkit-datetime-edit-year-field",
|
|
138
|
+
".form-input::-webkit-datetime-edit-month-field",
|
|
139
|
+
".form-input::-webkit-datetime-edit-day-field",
|
|
140
|
+
".form-input::-webkit-datetime-edit-hour-field",
|
|
141
|
+
".form-input::-webkit-datetime-edit-minute-field",
|
|
142
|
+
".form-input::-webkit-datetime-edit-second-field",
|
|
143
|
+
".form-input::-webkit-datetime-edit-millisecond-field",
|
|
144
|
+
".form-input::-webkit-datetime-edit-meridiem-field"
|
|
145
|
+
],
|
|
146
|
+
styles: {
|
|
147
|
+
"padding-top": 0,
|
|
148
|
+
"padding-bottom": 0
|
|
149
|
+
}
|
|
150
|
+
},
|
|
151
|
+
{
|
|
152
|
+
base: ["select"],
|
|
153
|
+
class: [".form-select"],
|
|
154
|
+
styles: {
|
|
155
|
+
"background-image": `url("${d(
|
|
156
|
+
`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20"><path stroke="${g(
|
|
157
|
+
"colors.gray.500",
|
|
158
|
+
o.gray[500]
|
|
159
|
+
)}" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M6 8l4 4 4-4"/></svg>`
|
|
160
|
+
)}")`,
|
|
161
|
+
"background-position": `right ${e[2]} center`,
|
|
162
|
+
"background-repeat": "no-repeat",
|
|
163
|
+
"background-size": "1.5em 1.5em",
|
|
164
|
+
"padding-right": e[10],
|
|
165
|
+
"print-color-adjust": "exact"
|
|
166
|
+
}
|
|
167
|
+
},
|
|
168
|
+
{
|
|
169
|
+
base: ["[multiple]", '[size]:where(select:not([size="1"]))'],
|
|
170
|
+
class: ['.form-select:where([size]:not([size="1"]))'],
|
|
171
|
+
styles: {
|
|
172
|
+
"background-image": "initial",
|
|
173
|
+
"background-position": "initial",
|
|
174
|
+
"background-repeat": "unset",
|
|
175
|
+
"background-size": "initial",
|
|
176
|
+
"padding-right": e[3],
|
|
177
|
+
"print-color-adjust": "unset"
|
|
178
|
+
}
|
|
179
|
+
},
|
|
180
|
+
{
|
|
181
|
+
base: ["[type='checkbox']", "[type='radio']"],
|
|
182
|
+
class: [".form-checkbox", ".form-radio"],
|
|
183
|
+
styles: {
|
|
184
|
+
appearance: "none",
|
|
185
|
+
padding: "0",
|
|
186
|
+
"print-color-adjust": "exact",
|
|
187
|
+
display: "inline-block",
|
|
188
|
+
"vertical-align": "middle",
|
|
189
|
+
"background-origin": "border-box",
|
|
190
|
+
"user-select": "none",
|
|
191
|
+
"flex-shrink": "0",
|
|
192
|
+
height: e[4],
|
|
193
|
+
width: e[4],
|
|
194
|
+
color: r(t("colors.blue.600", o.blue[600]), "--tw-text-opacity"),
|
|
195
|
+
"background-color": "#fff",
|
|
196
|
+
"border-color": r(
|
|
197
|
+
t("colors.gray.500", o.gray[500]),
|
|
198
|
+
"--tw-border-opacity"
|
|
199
|
+
),
|
|
200
|
+
"border-width": f.DEFAULT,
|
|
201
|
+
"--tw-shadow": "0 0 #0000"
|
|
202
|
+
}
|
|
203
|
+
},
|
|
204
|
+
{
|
|
205
|
+
base: ["[type='checkbox']"],
|
|
206
|
+
class: [".form-checkbox"],
|
|
207
|
+
styles: {
|
|
208
|
+
"border-radius": u.none
|
|
209
|
+
}
|
|
210
|
+
},
|
|
211
|
+
{
|
|
212
|
+
base: ["[type='radio']"],
|
|
213
|
+
class: [".form-radio"],
|
|
214
|
+
styles: {
|
|
215
|
+
"border-radius": "100%"
|
|
216
|
+
}
|
|
217
|
+
},
|
|
218
|
+
{
|
|
219
|
+
base: ["[type='checkbox']:focus", "[type='radio']:focus"],
|
|
220
|
+
class: [".form-checkbox:focus", ".form-radio:focus"],
|
|
221
|
+
styles: {
|
|
222
|
+
outline: "2px solid transparent",
|
|
223
|
+
"outline-offset": "2px",
|
|
224
|
+
"--tw-ring-inset": "var(--tw-empty,/*!*/ /*!*/)",
|
|
225
|
+
"--tw-ring-offset-width": "2px",
|
|
226
|
+
"--tw-ring-offset-color": "#fff",
|
|
227
|
+
"--tw-ring-color": r(
|
|
228
|
+
t("colors.blue.600", o.blue[600]),
|
|
229
|
+
"--tw-ring-opacity"
|
|
230
|
+
),
|
|
231
|
+
"--tw-ring-offset-shadow": "var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)",
|
|
232
|
+
"--tw-ring-shadow": "var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)",
|
|
233
|
+
"box-shadow": "var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)"
|
|
234
|
+
}
|
|
235
|
+
},
|
|
236
|
+
{
|
|
237
|
+
base: ["[type='checkbox']:checked", "[type='radio']:checked"],
|
|
238
|
+
class: [".form-checkbox:checked", ".form-radio:checked"],
|
|
239
|
+
styles: {
|
|
240
|
+
"border-color": "transparent",
|
|
241
|
+
"background-color": "currentColor",
|
|
242
|
+
"background-size": "100% 100%",
|
|
243
|
+
"background-position": "center",
|
|
244
|
+
"background-repeat": "no-repeat"
|
|
245
|
+
}
|
|
246
|
+
},
|
|
247
|
+
{
|
|
248
|
+
base: ["[type='checkbox']:checked"],
|
|
249
|
+
class: [".form-checkbox:checked"],
|
|
250
|
+
styles: {
|
|
251
|
+
"background-image": `url("${d(
|
|
252
|
+
'<svg viewBox="0 0 16 16" fill="white" xmlns="http://www.w3.org/2000/svg"><path d="M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z"/></svg>'
|
|
253
|
+
)}")`,
|
|
254
|
+
"@media (forced-colors: active) ": {
|
|
255
|
+
appearance: "auto"
|
|
256
|
+
}
|
|
257
|
+
}
|
|
258
|
+
},
|
|
259
|
+
{
|
|
260
|
+
base: ["[type='radio']:checked"],
|
|
261
|
+
class: [".form-radio:checked"],
|
|
262
|
+
styles: {
|
|
263
|
+
"background-image": `url("${d(
|
|
264
|
+
'<svg viewBox="0 0 16 16" fill="white" xmlns="http://www.w3.org/2000/svg"><circle cx="8" cy="8" r="3"/></svg>'
|
|
265
|
+
)}")`,
|
|
266
|
+
"@media (forced-colors: active) ": {
|
|
267
|
+
appearance: "auto"
|
|
268
|
+
}
|
|
269
|
+
}
|
|
270
|
+
},
|
|
271
|
+
{
|
|
272
|
+
base: [
|
|
273
|
+
"[type='checkbox']:checked:hover",
|
|
274
|
+
"[type='checkbox']:checked:focus",
|
|
275
|
+
"[type='radio']:checked:hover",
|
|
276
|
+
"[type='radio']:checked:focus"
|
|
277
|
+
],
|
|
278
|
+
class: [
|
|
279
|
+
".form-checkbox:checked:hover",
|
|
280
|
+
".form-checkbox:checked:focus",
|
|
281
|
+
".form-radio:checked:hover",
|
|
282
|
+
".form-radio:checked:focus"
|
|
283
|
+
],
|
|
284
|
+
styles: {
|
|
285
|
+
"border-color": "transparent",
|
|
286
|
+
"background-color": "currentColor"
|
|
287
|
+
}
|
|
288
|
+
},
|
|
289
|
+
{
|
|
290
|
+
base: ["[type='checkbox']:indeterminate"],
|
|
291
|
+
class: [".form-checkbox:indeterminate"],
|
|
292
|
+
styles: {
|
|
293
|
+
"background-image": `url("${d(
|
|
294
|
+
'<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path stroke="white" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 8h8"/></svg>'
|
|
295
|
+
)}")`,
|
|
296
|
+
"border-color": "transparent",
|
|
297
|
+
"background-color": "currentColor",
|
|
298
|
+
"background-size": "100% 100%",
|
|
299
|
+
"background-position": "center",
|
|
300
|
+
"background-repeat": "no-repeat",
|
|
301
|
+
"@media (forced-colors: active) ": {
|
|
302
|
+
appearance: "auto"
|
|
303
|
+
}
|
|
304
|
+
}
|
|
305
|
+
},
|
|
306
|
+
{
|
|
307
|
+
base: ["[type='checkbox']:indeterminate:hover", "[type='checkbox']:indeterminate:focus"],
|
|
308
|
+
class: [".form-checkbox:indeterminate:hover", ".form-checkbox:indeterminate:focus"],
|
|
309
|
+
styles: {
|
|
310
|
+
"border-color": "transparent",
|
|
311
|
+
"background-color": "currentColor"
|
|
312
|
+
}
|
|
313
|
+
},
|
|
314
|
+
{
|
|
315
|
+
base: ["[type='file']"],
|
|
316
|
+
class: null,
|
|
317
|
+
styles: {
|
|
318
|
+
background: "unset",
|
|
319
|
+
"border-color": "inherit",
|
|
320
|
+
"border-width": "0",
|
|
321
|
+
"border-radius": "0",
|
|
322
|
+
padding: "0",
|
|
323
|
+
"font-size": "unset",
|
|
324
|
+
"line-height": "inherit"
|
|
325
|
+
}
|
|
326
|
+
},
|
|
327
|
+
{
|
|
328
|
+
base: ["[type='file']:focus"],
|
|
329
|
+
class: null,
|
|
330
|
+
styles: {
|
|
331
|
+
outline: ["1px solid ButtonText", "1px auto -webkit-focus-ring-color"]
|
|
332
|
+
}
|
|
333
|
+
}
|
|
334
|
+
], p = (s) => m.map((i) => i[s] === null ? null : { [i[s]]: i.styles }).filter(Boolean);
|
|
335
|
+
l.includes("base") && n(p("base")), l.includes("class") && w(p("class"));
|
|
336
|
+
};
|
|
337
|
+
});
|
|
338
|
+
var B = j;
|
|
339
|
+
const U = /* @__PURE__ */ h(B);
|
|
2
340
|
export {
|
|
3
|
-
|
|
341
|
+
U as default
|
|
4
342
|
};
|
package/dist/index.es112.js
CHANGED
|
@@ -1,4 +1,168 @@
|
|
|
1
|
-
|
|
1
|
+
import { getDefaultExportFromCjs as r } from "./index.es107.js";
|
|
2
|
+
import { p as o } from "./index.es120.js";
|
|
3
|
+
const l = o;
|
|
4
|
+
function e(a) {
|
|
5
|
+
return Object.fromEntries(
|
|
6
|
+
Object.entries(a).filter(([i]) => i !== "DEFAULT")
|
|
7
|
+
);
|
|
8
|
+
}
|
|
9
|
+
var s = l(
|
|
10
|
+
({ addUtilities: a, matchUtilities: i, theme: n }) => {
|
|
11
|
+
a({
|
|
12
|
+
"@keyframes enter": n("keyframes.enter"),
|
|
13
|
+
"@keyframes exit": n("keyframes.exit"),
|
|
14
|
+
".animate-in": {
|
|
15
|
+
animationName: "enter",
|
|
16
|
+
animationDuration: n("animationDuration.DEFAULT"),
|
|
17
|
+
"--tw-enter-opacity": "initial",
|
|
18
|
+
"--tw-enter-scale": "initial",
|
|
19
|
+
"--tw-enter-rotate": "initial",
|
|
20
|
+
"--tw-enter-translate-x": "initial",
|
|
21
|
+
"--tw-enter-translate-y": "initial"
|
|
22
|
+
},
|
|
23
|
+
".animate-out": {
|
|
24
|
+
animationName: "exit",
|
|
25
|
+
animationDuration: n("animationDuration.DEFAULT"),
|
|
26
|
+
"--tw-exit-opacity": "initial",
|
|
27
|
+
"--tw-exit-scale": "initial",
|
|
28
|
+
"--tw-exit-rotate": "initial",
|
|
29
|
+
"--tw-exit-translate-x": "initial",
|
|
30
|
+
"--tw-exit-translate-y": "initial"
|
|
31
|
+
}
|
|
32
|
+
}), i(
|
|
33
|
+
{
|
|
34
|
+
"fade-in": (t) => ({ "--tw-enter-opacity": t }),
|
|
35
|
+
"fade-out": (t) => ({ "--tw-exit-opacity": t })
|
|
36
|
+
},
|
|
37
|
+
{ values: n("animationOpacity") }
|
|
38
|
+
), i(
|
|
39
|
+
{
|
|
40
|
+
"zoom-in": (t) => ({ "--tw-enter-scale": t }),
|
|
41
|
+
"zoom-out": (t) => ({ "--tw-exit-scale": t })
|
|
42
|
+
},
|
|
43
|
+
{ values: n("animationScale") }
|
|
44
|
+
), i(
|
|
45
|
+
{
|
|
46
|
+
"spin-in": (t) => ({ "--tw-enter-rotate": t }),
|
|
47
|
+
"spin-out": (t) => ({ "--tw-exit-rotate": t })
|
|
48
|
+
},
|
|
49
|
+
{ values: n("animationRotate") }
|
|
50
|
+
), i(
|
|
51
|
+
{
|
|
52
|
+
"slide-in-from-top": (t) => ({
|
|
53
|
+
"--tw-enter-translate-y": `-${t}`
|
|
54
|
+
}),
|
|
55
|
+
"slide-in-from-bottom": (t) => ({
|
|
56
|
+
"--tw-enter-translate-y": t
|
|
57
|
+
}),
|
|
58
|
+
"slide-in-from-left": (t) => ({
|
|
59
|
+
"--tw-enter-translate-x": `-${t}`
|
|
60
|
+
}),
|
|
61
|
+
"slide-in-from-right": (t) => ({
|
|
62
|
+
"--tw-enter-translate-x": t
|
|
63
|
+
}),
|
|
64
|
+
"slide-out-to-top": (t) => ({
|
|
65
|
+
"--tw-exit-translate-y": `-${t}`
|
|
66
|
+
}),
|
|
67
|
+
"slide-out-to-bottom": (t) => ({
|
|
68
|
+
"--tw-exit-translate-y": t
|
|
69
|
+
}),
|
|
70
|
+
"slide-out-to-left": (t) => ({
|
|
71
|
+
"--tw-exit-translate-x": `-${t}`
|
|
72
|
+
}),
|
|
73
|
+
"slide-out-to-right": (t) => ({
|
|
74
|
+
"--tw-exit-translate-x": t
|
|
75
|
+
})
|
|
76
|
+
},
|
|
77
|
+
{ values: n("animationTranslate") }
|
|
78
|
+
), i(
|
|
79
|
+
{ duration: (t) => ({ animationDuration: t }) },
|
|
80
|
+
{ values: e(n("animationDuration")) }
|
|
81
|
+
), i(
|
|
82
|
+
{ delay: (t) => ({ animationDelay: t }) },
|
|
83
|
+
{ values: n("animationDelay") }
|
|
84
|
+
), i(
|
|
85
|
+
{ ease: (t) => ({ animationTimingFunction: t }) },
|
|
86
|
+
{ values: e(n("animationTimingFunction")) }
|
|
87
|
+
), a({
|
|
88
|
+
".running": { animationPlayState: "running" },
|
|
89
|
+
".paused": { animationPlayState: "paused" }
|
|
90
|
+
}), i(
|
|
91
|
+
{ "fill-mode": (t) => ({ animationFillMode: t }) },
|
|
92
|
+
{ values: n("animationFillMode") }
|
|
93
|
+
), i(
|
|
94
|
+
{ direction: (t) => ({ animationDirection: t }) },
|
|
95
|
+
{ values: n("animationDirection") }
|
|
96
|
+
), i(
|
|
97
|
+
{ repeat: (t) => ({ animationIterationCount: t }) },
|
|
98
|
+
{ values: n("animationRepeat") }
|
|
99
|
+
);
|
|
100
|
+
},
|
|
101
|
+
{
|
|
102
|
+
theme: {
|
|
103
|
+
extend: {
|
|
104
|
+
animationDelay: ({ theme: a }) => ({
|
|
105
|
+
...a("transitionDelay")
|
|
106
|
+
}),
|
|
107
|
+
animationDuration: ({ theme: a }) => ({
|
|
108
|
+
0: "0ms",
|
|
109
|
+
...a("transitionDuration")
|
|
110
|
+
}),
|
|
111
|
+
animationTimingFunction: ({ theme: a }) => ({
|
|
112
|
+
...a("transitionTimingFunction")
|
|
113
|
+
}),
|
|
114
|
+
animationFillMode: {
|
|
115
|
+
none: "none",
|
|
116
|
+
forwards: "forwards",
|
|
117
|
+
backwards: "backwards",
|
|
118
|
+
both: "both"
|
|
119
|
+
},
|
|
120
|
+
animationDirection: {
|
|
121
|
+
normal: "normal",
|
|
122
|
+
reverse: "reverse",
|
|
123
|
+
alternate: "alternate",
|
|
124
|
+
"alternate-reverse": "alternate-reverse"
|
|
125
|
+
},
|
|
126
|
+
animationOpacity: ({ theme: a }) => ({
|
|
127
|
+
DEFAULT: 0,
|
|
128
|
+
...a("opacity")
|
|
129
|
+
}),
|
|
130
|
+
animationTranslate: ({ theme: a }) => ({
|
|
131
|
+
DEFAULT: "100%",
|
|
132
|
+
...a("translate")
|
|
133
|
+
}),
|
|
134
|
+
animationScale: ({ theme: a }) => ({
|
|
135
|
+
DEFAULT: 0,
|
|
136
|
+
...a("scale")
|
|
137
|
+
}),
|
|
138
|
+
animationRotate: ({ theme: a }) => ({
|
|
139
|
+
DEFAULT: "30deg",
|
|
140
|
+
...a("rotate")
|
|
141
|
+
}),
|
|
142
|
+
animationRepeat: {
|
|
143
|
+
0: "0",
|
|
144
|
+
1: "1",
|
|
145
|
+
infinite: "infinite"
|
|
146
|
+
},
|
|
147
|
+
keyframes: {
|
|
148
|
+
enter: {
|
|
149
|
+
from: {
|
|
150
|
+
opacity: "var(--tw-enter-opacity, 1)",
|
|
151
|
+
transform: "translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))"
|
|
152
|
+
}
|
|
153
|
+
},
|
|
154
|
+
exit: {
|
|
155
|
+
to: {
|
|
156
|
+
opacity: "var(--tw-exit-opacity, 1)",
|
|
157
|
+
transform: "translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))"
|
|
158
|
+
}
|
|
159
|
+
}
|
|
160
|
+
}
|
|
161
|
+
}
|
|
162
|
+
}
|
|
163
|
+
}
|
|
164
|
+
);
|
|
165
|
+
const u = /* @__PURE__ */ r(s);
|
|
2
166
|
export {
|
|
3
|
-
|
|
167
|
+
u as default
|
|
4
168
|
};
|