@solfacil/girassol 0.1.0 → 0.1.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/README.md +14 -3
- package/cli/src/commands/generate:plugin.ts +16 -6
- package/cli/src/commands/generate:types.ts +4 -3
- package/cli/src/commands/girassol.ts +1 -1
- package/cli/src/templates/windi.config.ts.ejs +3 -0
- package/dist/girassol.es.js +146 -83
- package/dist/girassol.umd.js +5 -5
- package/dist/style.css +1 -1
- package/dist/types/components/forms/button/button.spec.d.ts +1 -0
- package/dist/types/components/forms/checkbox/checkbox-group.spec.d.ts +1 -0
- package/dist/types/components/forms/checkbox/checkbox.spec.d.ts +1 -0
- package/dist/types/components/forms/input/input.spec.d.ts +1 -0
- package/dist/types/components/forms/radio/radio-group.spec.d.ts +1 -0
- package/dist/types/components/forms/radio/radio.spec.d.ts +1 -0
- package/dist/types/components/forms/switch/Switch.vue.d.ts +33 -0
- package/dist/types/components/forms/switch/index.d.ts +2 -0
- package/dist/types/components/forms/switch/switch.spec.d.ts +1 -0
- package/dist/types/components/forms/textfield/textfield-password.spec.d.ts +1 -0
- package/dist/types/components/forms/textfield/textfield.spec.d.ts +1 -0
- package/dist/types/index.d.ts +3 -2
- package/package.json +2 -1
package/README.md
CHANGED
|
@@ -1,13 +1,24 @@
|
|
|
1
1
|
<div align="center">
|
|
2
|
-
<img src="https://raw.githubusercontent.com/solfacil/
|
|
2
|
+
<img src="https://raw.githubusercontent.com/solfacil/girassol/develop/public/girassol.svg?token=GHSAT0AAAAAABRQP4AJEP625ZKYT2QDG3NSYSXE5HQ" />
|
|
3
3
|
</div>
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
Girassol design system
|
|
7
6
|
# Documentação
|
|
7
|
+
<a href="http://girassol.solfacil.tech/?path=/docs/introdu%C3%A7%C3%A3o-introdu%C3%A7%C3%A3o--page" target="_blank">Storybook</a>
|
|
8
8
|
|
|
9
9
|
# Instalação
|
|
10
10
|
|
|
11
|
+
Basta executar:
|
|
12
|
+
```bash dark
|
|
13
|
+
yarn add @solfacil/girassol
|
|
14
|
+
```
|
|
15
|
+
|
|
16
|
+
e colocar no `scripts` dentro do `package.json` para ter acesso ao nosso CLI:
|
|
17
|
+
|
|
18
|
+
```json dark
|
|
19
|
+
"girassol": "girassol"
|
|
20
|
+
```
|
|
21
|
+
|
|
11
22
|
# Licença
|
|
12
23
|
|
|
13
24
|
<a href="https://opensource.org/licenses/MIT"><img src="https://img.shields.io/npm/l/buefy.svg?logo=github" /></a>
|
|
@@ -18,18 +18,19 @@ module.exports = {
|
|
|
18
18
|
|
|
19
19
|
await template.generate({
|
|
20
20
|
template: 'nuxt-plugin.ejs',
|
|
21
|
-
target: `${RELATIVE_ROOT_PROJECT}
|
|
21
|
+
target: `${RELATIVE_ROOT_PROJECT}/plugins/girassol.ts`,
|
|
22
22
|
})
|
|
23
23
|
|
|
24
|
-
spinnerPlugin.succeed(
|
|
24
|
+
spinnerPlugin.succeed(`Plugin created in [/plugins/girassol.ts]!`)
|
|
25
25
|
const spinnerTypes = spin('Setting types')
|
|
26
26
|
|
|
27
27
|
await template.generate({
|
|
28
|
+
props: { componentsNames },
|
|
28
29
|
template: 'components.d.ts.ejs',
|
|
29
30
|
target: `${RELATIVE_ROOT_PROJECT}components.d.ts`,
|
|
30
31
|
})
|
|
31
32
|
|
|
32
|
-
spinnerTypes.succeed('Global types created!')
|
|
33
|
+
spinnerTypes.succeed('Global types created in [/components.d.ts]!')
|
|
33
34
|
} else {
|
|
34
35
|
const spinnerPlugin = spin('Setting plugin')
|
|
35
36
|
|
|
@@ -38,21 +39,30 @@ module.exports = {
|
|
|
38
39
|
target: `${RELATIVE_ROOT_PROJECT}/src/plugins/girassol.ts`,
|
|
39
40
|
})
|
|
40
41
|
|
|
41
|
-
spinnerPlugin.succeed(
|
|
42
|
+
spinnerPlugin.succeed(`Plugin created in [/src/plugins/girassol.ts]!`)
|
|
42
43
|
|
|
43
44
|
const spinnerTypes = spin('Setting types')
|
|
44
45
|
|
|
45
46
|
await template.generate({
|
|
46
|
-
template: 'components.d.ts.ejs',
|
|
47
47
|
props: { componentsNames },
|
|
48
|
+
template: 'components.d.ts.ejs',
|
|
48
49
|
target: `${RELATIVE_ROOT_PROJECT}/src/components.d.ts`,
|
|
49
50
|
})
|
|
50
51
|
|
|
51
|
-
spinnerTypes.succeed('Global types created!')
|
|
52
|
+
spinnerTypes.succeed('Global types created in [/src/components.d.ts]!')
|
|
52
53
|
|
|
53
54
|
info('Please, add command below to src/main.ts')
|
|
54
55
|
highlight(`import girassol from 'plugins/girassol'`)
|
|
55
56
|
highlight(`createApp(App).use(girassol)`)
|
|
56
57
|
}
|
|
58
|
+
|
|
59
|
+
const spinnerWindi = spin('Setting plugin')
|
|
60
|
+
|
|
61
|
+
await template.generate({
|
|
62
|
+
template: 'windi.config.ts.ejs',
|
|
63
|
+
target: `${RELATIVE_ROOT_PROJECT}/windi.config.ts`,
|
|
64
|
+
})
|
|
65
|
+
|
|
66
|
+
spinnerWindi.succeed(`Windicss config created in [/windi.config.ts]!`)
|
|
57
67
|
},
|
|
58
68
|
}
|
|
@@ -17,21 +17,22 @@ module.exports = {
|
|
|
17
17
|
const spinnerTypes = spin('Setting types')
|
|
18
18
|
|
|
19
19
|
await template.generate({
|
|
20
|
+
props: { componentsNames },
|
|
20
21
|
template: 'components.d.ts.ejs',
|
|
21
22
|
target: `${RELATIVE_ROOT_PROJECT}components.d.ts`,
|
|
22
23
|
})
|
|
23
24
|
|
|
24
|
-
spinnerTypes.succeed(
|
|
25
|
+
spinnerTypes.succeed(`Global types created in [/components.d.ts]!`)
|
|
25
26
|
} else {
|
|
26
27
|
const spinnerTypes = spin('Setting types')
|
|
27
28
|
|
|
28
29
|
await template.generate({
|
|
29
|
-
template: 'components.d.ts.ejs',
|
|
30
30
|
props: { componentsNames },
|
|
31
|
+
template: 'components.d.ts.ejs',
|
|
31
32
|
target: `${RELATIVE_ROOT_PROJECT}/src/components.d.ts`,
|
|
32
33
|
})
|
|
33
34
|
|
|
34
|
-
spinnerTypes.succeed('Global types created!')
|
|
35
|
+
spinnerTypes.succeed('Global types created in [/src/components.d.ts]!')
|
|
35
36
|
}
|
|
36
37
|
},
|
|
37
38
|
}
|
package/dist/girassol.es.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { defineComponent, useSlots, computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, renderSlot, toDisplayString, createCommentVNode, createVNode, mergeProps, isRef, ref, createBlock, withCtx, withDirectives, vShow, Fragment, renderList } from "vue";
|
|
2
2
|
var Button_vue_vue_type_style_index_0_lang = "";
|
|
3
|
-
const _hoisted_1$
|
|
4
|
-
const _hoisted_2$
|
|
5
|
-
const _hoisted_3$
|
|
6
|
-
const _sfc_main$
|
|
3
|
+
const _hoisted_1$a = ["data-testid"];
|
|
4
|
+
const _hoisted_2$8 = { class: "icon -left" };
|
|
5
|
+
const _hoisted_3$6 = { class: "icon -right" };
|
|
6
|
+
const _sfc_main$8 = /* @__PURE__ */ defineComponent({
|
|
7
7
|
props: {
|
|
8
8
|
variant: { default: "primary" },
|
|
9
9
|
dense: { type: Boolean, default: false },
|
|
@@ -27,23 +27,23 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
|
|
|
27
27
|
`]),
|
|
28
28
|
type: "button"
|
|
29
29
|
}, [
|
|
30
|
-
createElementVNode("div", _hoisted_2$
|
|
30
|
+
createElementVNode("div", _hoisted_2$8, [
|
|
31
31
|
renderSlot(_ctx.$slots, "icon-left")
|
|
32
32
|
]),
|
|
33
33
|
renderSlot(_ctx.$slots, "default"),
|
|
34
|
-
createElementVNode("div", _hoisted_3$
|
|
34
|
+
createElementVNode("div", _hoisted_3$6, [
|
|
35
35
|
renderSlot(_ctx.$slots, "icon-right")
|
|
36
36
|
])
|
|
37
|
-
], 10, _hoisted_1$
|
|
37
|
+
], 10, _hoisted_1$a);
|
|
38
38
|
};
|
|
39
39
|
}
|
|
40
40
|
});
|
|
41
|
-
_sfc_main$
|
|
42
|
-
app.component("SolButton", _sfc_main$
|
|
41
|
+
_sfc_main$8.install = (app) => {
|
|
42
|
+
app.component("SolButton", _sfc_main$8);
|
|
43
43
|
};
|
|
44
44
|
var Input_vue_vue_type_style_index_0_lang = "";
|
|
45
|
-
const _hoisted_1$
|
|
46
|
-
const _sfc_main$
|
|
45
|
+
const _hoisted_1$9 = ["id", "data-testid", "value"];
|
|
46
|
+
const _sfc_main$7 = /* @__PURE__ */ defineComponent({
|
|
47
47
|
props: {
|
|
48
48
|
id: null,
|
|
49
49
|
modelValue: null,
|
|
@@ -63,20 +63,20 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
|
|
|
63
63
|
value: __props.modelValue,
|
|
64
64
|
class: normalizeClass(["sol-input-core", { "-invert": __props.invert, "-error": __props.error }]),
|
|
65
65
|
onInput: emitInput
|
|
66
|
-
}, null, 42, _hoisted_1$
|
|
66
|
+
}, null, 42, _hoisted_1$9);
|
|
67
67
|
};
|
|
68
68
|
}
|
|
69
69
|
});
|
|
70
|
-
_sfc_main$
|
|
71
|
-
app.component("
|
|
70
|
+
_sfc_main$7.install = (app) => {
|
|
71
|
+
app.component("SolInput", _sfc_main$7);
|
|
72
72
|
};
|
|
73
73
|
var Textfield_vue_vue_type_style_index_0_lang = "";
|
|
74
|
-
const _hoisted_1$
|
|
75
|
-
const _hoisted_2$
|
|
76
|
-
const _hoisted_3$
|
|
77
|
-
const _hoisted_4$
|
|
74
|
+
const _hoisted_1$8 = ["id", "data-testid"];
|
|
75
|
+
const _hoisted_2$7 = ["for"];
|
|
76
|
+
const _hoisted_3$5 = { class: "container-input" };
|
|
77
|
+
const _hoisted_4$3 = ["id"];
|
|
78
78
|
const _hoisted_5 = ["id"];
|
|
79
|
-
const _sfc_main$
|
|
79
|
+
const _sfc_main$6 = /* @__PURE__ */ defineComponent({
|
|
80
80
|
props: {
|
|
81
81
|
id: null,
|
|
82
82
|
class: null,
|
|
@@ -119,11 +119,11 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
|
|
|
119
119
|
class: "label"
|
|
120
120
|
}, [
|
|
121
121
|
createElementVNode("span", null, toDisplayString(__props.label), 1)
|
|
122
|
-
], 8, _hoisted_2$
|
|
122
|
+
], 8, _hoisted_2$7)) : createCommentVNode("", true)
|
|
123
123
|
]),
|
|
124
|
-
createElementVNode("div", _hoisted_3$
|
|
124
|
+
createElementVNode("div", _hoisted_3$5, [
|
|
125
125
|
renderSlot(_ctx.$slots, "default", {}, () => [
|
|
126
|
-
createVNode(_sfc_main$
|
|
126
|
+
createVNode(_sfc_main$7, mergeProps(_ctx.$attrs, {
|
|
127
127
|
modelValue: unref(model),
|
|
128
128
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(model) ? model.value = $event : null),
|
|
129
129
|
id: __props.id,
|
|
@@ -140,51 +140,51 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
|
|
|
140
140
|
key: 0,
|
|
141
141
|
id: `hint-${__props.id}`,
|
|
142
142
|
class: "hint"
|
|
143
|
-
}, toDisplayString(__props.hint), 9, _hoisted_4$
|
|
143
|
+
}, toDisplayString(__props.hint), 9, _hoisted_4$3)) : __props.error ? (openBlock(), createElementBlock("span", {
|
|
144
144
|
key: 1,
|
|
145
145
|
id: `error-${__props.id}`,
|
|
146
146
|
class: "error"
|
|
147
147
|
}, toDisplayString(__props.error), 9, _hoisted_5)) : createCommentVNode("", true)
|
|
148
|
-
], 10, _hoisted_1$
|
|
148
|
+
], 10, _hoisted_1$8);
|
|
149
149
|
};
|
|
150
150
|
}
|
|
151
151
|
});
|
|
152
|
-
const _hoisted_1$
|
|
152
|
+
const _hoisted_1$7 = {
|
|
153
153
|
preserveAspectRatio: "xMidYMid meet",
|
|
154
154
|
viewBox: "0 0 24 24",
|
|
155
155
|
width: "1.2em",
|
|
156
156
|
height: "1.2em"
|
|
157
157
|
};
|
|
158
|
-
const _hoisted_2$
|
|
158
|
+
const _hoisted_2$6 = /* @__PURE__ */ createElementVNode("g", { fill: "currentColor" }, [
|
|
159
159
|
/* @__PURE__ */ createElementVNode("path", { d: "M15 12a3 3 0 1 1-6 0a3 3 0 0 1 6 0z" }),
|
|
160
160
|
/* @__PURE__ */ createElementVNode("path", { d: "M21.894 11.553C19.736 7.236 15.904 5 12 5c-3.903 0-7.736 2.236-9.894 6.553a1 1 0 0 0 0 .894C4.264 16.764 8.096 19 12 19c3.903 0 7.736-2.236 9.894-6.553a1 1 0 0 0 0-.894zM12 17c-2.969 0-6.002-1.62-7.87-5C5.998 8.62 9.03 7 12 7c2.969 0 6.002 1.62 7.87 5c-1.868 3.38-4.901 5-7.87 5z" })
|
|
161
161
|
], -1);
|
|
162
|
-
const _hoisted_3$
|
|
163
|
-
_hoisted_2$
|
|
162
|
+
const _hoisted_3$4 = [
|
|
163
|
+
_hoisted_2$6
|
|
164
164
|
];
|
|
165
165
|
function render$1(_ctx, _cache) {
|
|
166
|
-
return openBlock(), createElementBlock("svg", _hoisted_1$
|
|
166
|
+
return openBlock(), createElementBlock("svg", _hoisted_1$7, _hoisted_3$4);
|
|
167
167
|
}
|
|
168
168
|
var EyeOn = { name: "mi-eye", render: render$1 };
|
|
169
|
-
const _hoisted_1$
|
|
169
|
+
const _hoisted_1$6 = {
|
|
170
170
|
preserveAspectRatio: "xMidYMid meet",
|
|
171
171
|
viewBox: "0 0 24 24",
|
|
172
172
|
width: "1.2em",
|
|
173
173
|
height: "1.2em"
|
|
174
174
|
};
|
|
175
|
-
const _hoisted_2$
|
|
175
|
+
const _hoisted_2$5 = /* @__PURE__ */ createElementVNode("path", {
|
|
176
176
|
fill: "currentColor",
|
|
177
177
|
d: "M4.707 3.293a1 1 0 0 0-1.414 1.414l2.424 2.424c-1.43 1.076-2.678 2.554-3.611 4.422a1 1 0 0 0 0 .894C4.264 16.764 8.096 19 12 19c1.555 0 3.1-.355 4.53-1.055l2.763 2.762a1 1 0 0 0 1.414-1.414l-16-16zm10.307 13.135c-.98.383-2 .572-3.014.572c-2.969 0-6.002-1.62-7.87-5c.817-1.479 1.858-2.62 3.018-3.437l2.144 2.144a3 3 0 0 0 4.001 4.001l1.72 1.72zm3.538-2.532c.483-.556.926-1.187 1.318-1.896c-1.868-3.38-4.9-5-7.87-5c-.112 0-.224.002-.336.007L9.879 5.223A10.215 10.215 0 0 1 12 5c3.903 0 7.736 2.236 9.894 6.553a1 1 0 0 1 0 .894a13.106 13.106 0 0 1-1.925 2.865l-1.417-1.416z"
|
|
178
178
|
}, null, -1);
|
|
179
|
-
const _hoisted_3$
|
|
180
|
-
_hoisted_2$
|
|
179
|
+
const _hoisted_3$3 = [
|
|
180
|
+
_hoisted_2$5
|
|
181
181
|
];
|
|
182
182
|
function render(_ctx, _cache) {
|
|
183
|
-
return openBlock(), createElementBlock("svg", _hoisted_1$
|
|
183
|
+
return openBlock(), createElementBlock("svg", _hoisted_1$6, _hoisted_3$3);
|
|
184
184
|
}
|
|
185
185
|
var EyeOff = { name: "mi-eye-off", render };
|
|
186
|
-
const _hoisted_1$
|
|
187
|
-
const _sfc_main$
|
|
186
|
+
const _hoisted_1$5 = ["aria-label"];
|
|
187
|
+
const _sfc_main$5 = /* @__PURE__ */ defineComponent({
|
|
188
188
|
props: {
|
|
189
189
|
id: { default: "" },
|
|
190
190
|
label: { default: "Sua senha" }
|
|
@@ -193,7 +193,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
193
193
|
const passwordIsVisible = ref(false);
|
|
194
194
|
const inputType = computed(() => passwordIsVisible.value ? "text" : "password");
|
|
195
195
|
return (_ctx, _cache) => {
|
|
196
|
-
return openBlock(), createBlock(_sfc_main$
|
|
196
|
+
return openBlock(), createBlock(_sfc_main$6, {
|
|
197
197
|
id: __props.id,
|
|
198
198
|
required: "",
|
|
199
199
|
type: unref(inputType),
|
|
@@ -213,23 +213,23 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
213
213
|
withDirectives(createVNode(unref(EyeOff), { "aria-hidden": "true" }, null, 512), [
|
|
214
214
|
[vShow, !passwordIsVisible.value]
|
|
215
215
|
])
|
|
216
|
-
], 8, _hoisted_1$
|
|
216
|
+
], 8, _hoisted_1$5)
|
|
217
217
|
]),
|
|
218
218
|
_: 1
|
|
219
219
|
}, 8, ["id", "type", "label"]);
|
|
220
220
|
};
|
|
221
221
|
}
|
|
222
222
|
});
|
|
223
|
-
_sfc_main$
|
|
224
|
-
app.component("SolTextfield", _sfc_main$
|
|
223
|
+
_sfc_main$6.install = (app) => {
|
|
224
|
+
app.component("SolTextfield", _sfc_main$6);
|
|
225
225
|
};
|
|
226
|
-
_sfc_main$
|
|
227
|
-
app.component("SolTextfieldPassword", _sfc_main$
|
|
226
|
+
_sfc_main$5.install = (app) => {
|
|
227
|
+
app.component("SolTextfieldPassword", _sfc_main$5);
|
|
228
228
|
};
|
|
229
229
|
var Radio_vue_vue_type_style_index_0_lang = "";
|
|
230
|
-
const _hoisted_1$
|
|
231
|
-
const _hoisted_2$
|
|
232
|
-
const _sfc_main$
|
|
230
|
+
const _hoisted_1$4 = ["id", "data-testid", "checked", "value", "name"];
|
|
231
|
+
const _hoisted_2$4 = ["for"];
|
|
232
|
+
const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
233
233
|
props: {
|
|
234
234
|
id: null,
|
|
235
235
|
name: null,
|
|
@@ -253,21 +253,21 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
|
|
|
253
253
|
value: __props.value,
|
|
254
254
|
name: __props.name,
|
|
255
255
|
onChange: _cache[0] || (_cache[0] = ($event) => emit("change", __props.value))
|
|
256
|
-
}), null, 16, _hoisted_1$
|
|
256
|
+
}), null, 16, _hoisted_1$4),
|
|
257
257
|
createElementVNode("label", {
|
|
258
258
|
class: "label",
|
|
259
259
|
for: `radio-${__props.name}-${__props.id}`
|
|
260
|
-
}, toDisplayString(__props.label), 9, _hoisted_2$
|
|
260
|
+
}, toDisplayString(__props.label), 9, _hoisted_2$4)
|
|
261
261
|
], 2);
|
|
262
262
|
};
|
|
263
263
|
}
|
|
264
264
|
});
|
|
265
265
|
var RadioGroup_vue_vue_type_style_index_0_lang = "";
|
|
266
|
-
const _hoisted_1$
|
|
267
|
-
const _hoisted_2$
|
|
268
|
-
const _hoisted_3$
|
|
269
|
-
const _hoisted_4$
|
|
270
|
-
const _sfc_main$
|
|
266
|
+
const _hoisted_1$3 = ["aria-labelledby"];
|
|
267
|
+
const _hoisted_2$3 = ["id", "data-testid"];
|
|
268
|
+
const _hoisted_3$2 = ["id"];
|
|
269
|
+
const _hoisted_4$2 = ["id"];
|
|
270
|
+
const _sfc_main$3 = /* @__PURE__ */ defineComponent({
|
|
271
271
|
props: {
|
|
272
272
|
id: null,
|
|
273
273
|
title: null,
|
|
@@ -310,7 +310,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
|
310
310
|
class: normalizeClass(["title", { "sr-only": __props.hideTitle }]),
|
|
311
311
|
id: `radio-group-title-${__props.id}`,
|
|
312
312
|
"data-testid": `radio-group-title-${__props.id}`
|
|
313
|
-
}, toDisplayString(__props.title), 11, _hoisted_2$
|
|
313
|
+
}, toDisplayString(__props.title), 11, _hoisted_2$3)
|
|
314
314
|
]),
|
|
315
315
|
createElementVNode("ul", {
|
|
316
316
|
class: normalizeClass(["container-radios", { "flex-col": __props.direction === "column" }])
|
|
@@ -322,7 +322,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
|
322
322
|
(openBlock(true), createElementBlock(Fragment, null, renderList(__props.radios, (radio, index) => {
|
|
323
323
|
var _a;
|
|
324
324
|
return openBlock(), createElementBlock("li", { key: index }, [
|
|
325
|
-
createVNode(_sfc_main$
|
|
325
|
+
createVNode(_sfc_main$4, mergeProps(_ctx.$attrs, {
|
|
326
326
|
class: ["radio", { "mb-micro": __props.direction === "column", "mr-micro": __props.direction === "row" }],
|
|
327
327
|
id: (_a = radio == null ? void 0 : radio.id) != null ? _a : `${radio.value}`,
|
|
328
328
|
name: radio.name,
|
|
@@ -341,19 +341,25 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
|
341
341
|
key: 0,
|
|
342
342
|
id: `hint-${__props.id}`,
|
|
343
343
|
class: "hint"
|
|
344
|
-
}, toDisplayString(__props.hint), 9, _hoisted_3$
|
|
344
|
+
}, toDisplayString(__props.hint), 9, _hoisted_3$2)) : __props.error ? (openBlock(), createElementBlock("p", {
|
|
345
345
|
key: 1,
|
|
346
346
|
id: `error-${__props.id}`,
|
|
347
347
|
class: "error"
|
|
348
|
-
}, toDisplayString(__props.error), 9, _hoisted_4$
|
|
349
|
-
], 8, _hoisted_1$
|
|
348
|
+
}, toDisplayString(__props.error), 9, _hoisted_4$2)) : createCommentVNode("", true)
|
|
349
|
+
], 8, _hoisted_1$3);
|
|
350
350
|
};
|
|
351
351
|
}
|
|
352
352
|
});
|
|
353
|
+
_sfc_main$4.install = (app) => {
|
|
354
|
+
app.component("SolRadio", _sfc_main$4);
|
|
355
|
+
};
|
|
356
|
+
_sfc_main$3.install = (app) => {
|
|
357
|
+
app.component("SolRadioGroup", _sfc_main$3);
|
|
358
|
+
};
|
|
353
359
|
var Checkbox_vue_vue_type_style_index_0_lang = "";
|
|
354
|
-
const _hoisted_1$
|
|
355
|
-
const _hoisted_2$
|
|
356
|
-
const _sfc_main$
|
|
360
|
+
const _hoisted_1$2 = ["id", "data-testid", "checked", "value", "name"];
|
|
361
|
+
const _hoisted_2$2 = ["for"];
|
|
362
|
+
const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
357
363
|
props: {
|
|
358
364
|
id: null,
|
|
359
365
|
name: null,
|
|
@@ -377,21 +383,21 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
377
383
|
value: __props.value,
|
|
378
384
|
name: __props.name,
|
|
379
385
|
onChange: _cache[0] || (_cache[0] = ($event) => emit("change", __props.value))
|
|
380
|
-
}), null, 16, _hoisted_1$
|
|
386
|
+
}), null, 16, _hoisted_1$2),
|
|
381
387
|
createElementVNode("label", {
|
|
382
388
|
class: "label",
|
|
383
389
|
for: `checkbox-${__props.name}-${__props.id}`
|
|
384
|
-
}, toDisplayString(__props.label), 9, _hoisted_2$
|
|
390
|
+
}, toDisplayString(__props.label), 9, _hoisted_2$2)
|
|
385
391
|
], 2);
|
|
386
392
|
};
|
|
387
393
|
}
|
|
388
394
|
});
|
|
389
395
|
var CheckboxGroup_vue_vue_type_style_index_0_lang = "";
|
|
390
|
-
const _hoisted_1 = ["aria-labelledby"];
|
|
391
|
-
const _hoisted_2 = ["id", "data-testid"];
|
|
392
|
-
const _hoisted_3 = ["id"];
|
|
393
|
-
const _hoisted_4 = ["id"];
|
|
394
|
-
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
396
|
+
const _hoisted_1$1 = ["aria-labelledby"];
|
|
397
|
+
const _hoisted_2$1 = ["id", "data-testid"];
|
|
398
|
+
const _hoisted_3$1 = ["id"];
|
|
399
|
+
const _hoisted_4$1 = ["id"];
|
|
400
|
+
const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
395
401
|
props: {
|
|
396
402
|
id: null,
|
|
397
403
|
title: null,
|
|
@@ -441,7 +447,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
441
447
|
class: normalizeClass(["title", { "sr-only": __props.hideTitle }]),
|
|
442
448
|
id: `checkbox-group-title-${__props.id}`,
|
|
443
449
|
"data-testid": `checkbox-group-title-${__props.id}`
|
|
444
|
-
}, toDisplayString(__props.title), 11, _hoisted_2)
|
|
450
|
+
}, toDisplayString(__props.title), 11, _hoisted_2$1)
|
|
445
451
|
]),
|
|
446
452
|
createElementVNode("ul", {
|
|
447
453
|
class: normalizeClass(["container-checkboxes", { "flex-col": __props.direction === "column" }])
|
|
@@ -453,7 +459,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
453
459
|
(openBlock(true), createElementBlock(Fragment, null, renderList(__props.checkboxes, (checkbox, index) => {
|
|
454
460
|
var _a;
|
|
455
461
|
return openBlock(), createElementBlock("li", { key: index }, [
|
|
456
|
-
createVNode(_sfc_main$
|
|
462
|
+
createVNode(_sfc_main$2, mergeProps(_ctx.$attrs, {
|
|
457
463
|
class: ["checkbox", { "mb-micro": __props.direction === "column", "mr-micro": __props.direction === "row" }],
|
|
458
464
|
id: (_a = checkbox == null ? void 0 : checkbox.id) != null ? _a : `${checkbox.value}`,
|
|
459
465
|
label: checkbox.label,
|
|
@@ -472,37 +478,94 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
472
478
|
key: 0,
|
|
473
479
|
id: `hint-${__props.id}`,
|
|
474
480
|
class: "hint"
|
|
475
|
-
}, toDisplayString(__props.hint), 9, _hoisted_3)) : __props.error ? (openBlock(), createElementBlock("p", {
|
|
481
|
+
}, toDisplayString(__props.hint), 9, _hoisted_3$1)) : __props.error ? (openBlock(), createElementBlock("p", {
|
|
476
482
|
key: 1,
|
|
477
483
|
id: `error-${__props.id}`,
|
|
478
484
|
class: "error"
|
|
479
|
-
}, toDisplayString(__props.error), 9, _hoisted_4)) : createCommentVNode("", true)
|
|
480
|
-
], 8, _hoisted_1);
|
|
485
|
+
}, toDisplayString(__props.error), 9, _hoisted_4$1)) : createCommentVNode("", true)
|
|
486
|
+
], 8, _hoisted_1$1);
|
|
481
487
|
};
|
|
482
488
|
}
|
|
483
489
|
});
|
|
490
|
+
_sfc_main$2.install = (app) => {
|
|
491
|
+
app.component("SolCheckbox", _sfc_main$2);
|
|
492
|
+
};
|
|
493
|
+
_sfc_main$1.install = (app) => {
|
|
494
|
+
app.component("SolCheckboxGroup", _sfc_main$1);
|
|
495
|
+
};
|
|
496
|
+
var Switch_vue_vue_type_style_index_0_lang = "";
|
|
497
|
+
const _hoisted_1 = ["for", "id", "data-testid"];
|
|
498
|
+
const _hoisted_2 = { class: "switch-container" };
|
|
499
|
+
const _hoisted_3 = ["id", "aria-labelledby", "data-testid", "checked", "value", "name"];
|
|
500
|
+
const _hoisted_4 = /* @__PURE__ */ createElementVNode("span", { class: "ellipse" }, null, -1);
|
|
501
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
502
|
+
props: {
|
|
503
|
+
id: null,
|
|
504
|
+
name: null,
|
|
505
|
+
value: null,
|
|
506
|
+
label: null,
|
|
507
|
+
checked: { type: Boolean },
|
|
508
|
+
class: null,
|
|
509
|
+
hideLabel: { type: Boolean },
|
|
510
|
+
horizontalLabel: { type: Boolean }
|
|
511
|
+
},
|
|
512
|
+
emits: ["change"],
|
|
513
|
+
setup(__props, { emit }) {
|
|
514
|
+
return (_ctx, _cache) => {
|
|
515
|
+
return openBlock(), createElementBlock("div", {
|
|
516
|
+
class: normalizeClass(["sol-switch-core", [_ctx.$props.class, { "-horizontal": __props.horizontalLabel }]])
|
|
517
|
+
}, [
|
|
518
|
+
createElementVNode("label", {
|
|
519
|
+
class: normalizeClass(["label", { "mb-1": !__props.horizontalLabel, "sr-only": __props.hideLabel }]),
|
|
520
|
+
for: `switch-${__props.name}-${__props.id}`,
|
|
521
|
+
id: `switch-label-${__props.name}-${__props.id}`,
|
|
522
|
+
"data-testid": `switch-label-${__props.name}-${__props.id}`
|
|
523
|
+
}, toDisplayString(__props.label), 11, _hoisted_1),
|
|
524
|
+
createElementVNode("div", _hoisted_2, [
|
|
525
|
+
createElementVNode("input", mergeProps(_ctx.$attrs, {
|
|
526
|
+
type: "checkbox",
|
|
527
|
+
class: "switch",
|
|
528
|
+
role: "switch",
|
|
529
|
+
id: `switch-${__props.name}-${__props.id}`,
|
|
530
|
+
"aria-labelledby": `switch-label-${__props.name}-${__props.id}`,
|
|
531
|
+
"data-testid": `switch-${__props.name}-${__props.id}`,
|
|
532
|
+
checked: __props.checked,
|
|
533
|
+
value: __props.value,
|
|
534
|
+
name: __props.name,
|
|
535
|
+
onChange: _cache[0] || (_cache[0] = ($event) => emit("change", __props.value))
|
|
536
|
+
}), null, 16, _hoisted_3),
|
|
537
|
+
_hoisted_4
|
|
538
|
+
])
|
|
539
|
+
], 2);
|
|
540
|
+
};
|
|
541
|
+
}
|
|
542
|
+
});
|
|
543
|
+
_sfc_main.install = (app) => {
|
|
544
|
+
app.component("SolSwitch", _sfc_main);
|
|
545
|
+
};
|
|
484
546
|
var windiBase = "";
|
|
485
547
|
var windiComponents = "";
|
|
486
548
|
var windiUtilities = "";
|
|
487
549
|
var style = "";
|
|
488
550
|
console.log("%c\u{1F33B}[Girassol]\u{1F33B}", "padding: 8px;background: #212121;color: gold; font-family: 'Fira code'; font-weight: bold; font-size: 1.2rem");
|
|
489
551
|
const components = {
|
|
490
|
-
SolButton: _sfc_main$
|
|
491
|
-
SolInput: _sfc_main$
|
|
492
|
-
SolTextfield: _sfc_main$
|
|
493
|
-
SolTextfieldPassword: _sfc_main$
|
|
494
|
-
SolRadio: _sfc_main$
|
|
495
|
-
SolRadioGroup: _sfc_main$
|
|
496
|
-
SolCheckbox: _sfc_main$
|
|
497
|
-
SolCheckboxGroup: _sfc_main
|
|
552
|
+
SolButton: _sfc_main$8,
|
|
553
|
+
SolInput: _sfc_main$7,
|
|
554
|
+
SolTextfield: _sfc_main$6,
|
|
555
|
+
SolTextfieldPassword: _sfc_main$5,
|
|
556
|
+
SolRadio: _sfc_main$4,
|
|
557
|
+
SolRadioGroup: _sfc_main$3,
|
|
558
|
+
SolCheckbox: _sfc_main$2,
|
|
559
|
+
SolCheckboxGroup: _sfc_main$1,
|
|
560
|
+
SolSwitch: _sfc_main
|
|
498
561
|
};
|
|
499
|
-
function install(
|
|
562
|
+
function install(App) {
|
|
500
563
|
for (const component in components) {
|
|
501
|
-
|
|
564
|
+
App.component(component, components[component]);
|
|
502
565
|
}
|
|
503
566
|
}
|
|
504
567
|
const componentsNames = [];
|
|
505
568
|
for (const component in components) {
|
|
506
569
|
componentsNames.push(component);
|
|
507
570
|
}
|
|
508
|
-
export { _sfc_main$
|
|
571
|
+
export { _sfc_main$8 as SolButton, _sfc_main$2 as SolCheckbox, _sfc_main$1 as SolCheckboxGroup, _sfc_main$7 as SolInput, _sfc_main$4 as SolRadio, _sfc_main$3 as SolRadioGroup, _sfc_main as SolSwitch, _sfc_main$6 as SolTextfield, _sfc_main$5 as SolTextfieldPassword, componentsNames, install };
|
package/dist/girassol.umd.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
(function(c,
|
|
2
|
-
${n(
|
|
3
|
-
${n(
|
|
4
|
-
${n(
|
|
5
|
-
`]),type:"button"},[e.createElementVNode("div",N,[e.renderSlot(u.$slots,"icon-left")]),e.renderSlot(u.$slots,"default"),e.createElementVNode("div",x,[e.renderSlot(u.$slots,"icon-right")])],10,w))}});y.install=t=>{t.component("SolButton",y)};var ne="";const z=["id","data-testid","value"],f=e.defineComponent({props:{id:null,modelValue:null,invert:{type:Boolean},error:{type:Boolean}},emits:["update:modelValue"],setup(t,{emit:n}){function l({target:d}){const{value:s}=d;n("update:modelValue",s)}return(d,s)=>(e.openBlock(),e.createElementBlock("input",{id:`input-${t.id}`,"data-testid":`input-${t.id}`,value:t.modelValue,class:e.normalizeClass(["sol-input-core",{"-invert":t.invert,"-error":t.error}]),onInput:l},null,42,z))}});f.install=t=>{t.component("SolButton",f)};var ie="";const D=["id","data-testid"],T=["for"],M={class:"container-input"},I=["id"],P=["id"],$=e.defineComponent({props:{id:null,class:null,modelValue:{default:""},label:{default:"label"},hint:null,invert:{type:Boolean},error:null},emits:["update:modelValue"],setup(t,{emit:n}){const l=t,d=e.computed({get:()=>l.modelValue,set:r=>{n("update:modelValue",r)}});function s(r,a){return!!r&&!a}function u(r,a){return a?`error-${l.id}`:s(r,a)?`hint-${l.id}`:null}return(r,a)=>{var i;return e.openBlock(),e.createElementBlock("div",{id:`textfield-${t.id}`,"data-testid":`textfield-${t.id}`,class:e.normalizeClass([[`${(i=r.$props.class)!=null?i:""}`,{"-invert":t.invert}],"sol-textfield-core"])},[e.renderSlot(r.$slots,"label",{},()=>[t.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:`input-${t.id}`,class:"label"},[e.createElementVNode("span",null,e.toDisplayString(t.label),1)],8,T)):e.createCommentVNode("",!0)]),e.createElementVNode("div",M,[e.renderSlot(r.$slots,"default",{},()=>[e.createVNode(f,e.mergeProps(r.$attrs,{modelValue:e.unref(d),"onUpdate:modelValue":a[0]||(a[0]=o=>e.isRef(d)?d.value=o:null),id:t.id,"data-testid":`input-${t.id}`,class:[t.error&&"-error","input"],invert:t.invert,"aria-invalid":!!t.error,"aria-describedby":u(t.hint,t.error)}),null,16,["modelValue","id","data-testid","class","invert","aria-invalid","aria-describedby"])]),e.renderSlot(r.$slots,"icon")]),s(t.hint,t.error)?(e.openBlock(),e.createElementBlock("span",{key:0,id:`hint-${t.id}`,class:"hint"},e.toDisplayString(t.hint),9,I)):t.error?(e.openBlock(),e.createElementBlock("span",{key:1,id:`error-${t.id}`,class:"error"},e.toDisplayString(t.error),9,P)):e.createCommentVNode("",!0)],10,D)}}}),R={preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"},G=[e.createElementVNode("g",{fill:"currentColor"},[e.createElementVNode("path",{d:"M15 12a3 3 0 1 1-6 0a3 3 0 0 1 6 0z"}),e.createElementVNode("path",{d:"M21.894 11.553C19.736 7.236 15.904 5 12 5c-3.903 0-7.736 2.236-9.894 6.553a1 1 0 0 0 0 .894C4.264 16.764 8.096 19 12 19c3.903 0 7.736-2.236 9.894-6.553a1 1 0 0 0 0-.894zM12 17c-2.969 0-6.002-1.62-7.87-5C5.998 8.62 9.03 7 12 7c2.969 0 6.002 1.62 7.87 5c-1.868 3.38-4.901 5-7.87 5z"})],-1)];function A(t,n){return e.openBlock(),e.createElementBlock("svg",R,G)}var F={name:"mi-eye",render:A};const H={preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"},U=[e.createElementVNode("path",{fill:"currentColor",d:"M4.707 3.293a1 1 0 0 0-1.414 1.414l2.424 2.424c-1.43 1.076-2.678 2.554-3.611 4.422a1 1 0 0 0 0 .894C4.264 16.764 8.096 19 12 19c1.555 0 3.1-.355 4.53-1.055l2.763 2.762a1 1 0 0 0 1.414-1.414l-16-16zm10.307 13.135c-.98.383-2 .572-3.014.572c-2.969 0-6.002-1.62-7.87-5c.817-1.479 1.858-2.62 3.018-3.437l2.144 2.144a3 3 0 0 0 4.001 4.001l1.72 1.72zm3.538-2.532c.483-.556.926-1.187 1.318-1.896c-1.868-3.38-4.9-5-7.87-5c-.112 0-.224.002-.336.007L9.879 5.223A10.215 10.215 0 0 1 12 5c3.903 0 7.736 2.236 9.894 6.553a1 1 0 0 1 0 .894a13.106 13.106 0 0 1-1.925 2.865l-1.417-1.416z"},null,-1)];function L(t,n){return e.openBlock(),e.createElementBlock("svg",H,U)}var O={name:"mi-eye-off",render:L};const j=["aria-label"],k=e.defineComponent({props:{id:{default:""},label:{default:"Sua senha"}},setup(t){const n=e.ref(!1),l=e.computed(()=>n.value?"text":"password");return(d,s)=>(e.openBlock(),e.createBlock($,{id:t.id,required:"",type:e.unref(l),label:t.label,placeholder:"Insira sua senha"},{icon:e.withCtx(()=>[e.createElementVNode("button",{type:"button","data-testid":"toggle-type-password","aria-label":n.value?"Hide password":"Show password",onClick:s[0]||(s[0]=u=>n.value=!n.value)},[e.withDirectives(e.createVNode(e.unref(F),{"aria-hidden":"true"},null,512),[[e.vShow,n.value]]),e.withDirectives(e.createVNode(e.unref(O),{"aria-hidden":"true"},null,512),[[e.vShow,!n.value]])],8,j)]),_:1},8,["id","type","label"]))}});$.install=t=>{t.component("SolTextfield",$)},k.install=t=>{t.component("SolTextfieldPassword",k)};var de="";const q=["id","data-testid","checked","value","name"],Y=["for"],b=e.defineComponent({props:{id:null,name:null,value:null,label:null,checked:null,class:null},emits:["change"],setup(t,{emit:n}){return(l,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["sol-radio-core",t.class])},[e.createElementVNode("input",e.mergeProps(l.$attrs,{type:"radio",class:"radio",id:`radio-${t.name}-${t.id}`,"data-testid":`radio-${t.name}-${t.id}`,checked:t.checked,value:t.value,name:t.name,onChange:d[0]||(d[0]=s=>n("change",t.value))}),null,16,q),e.createElementVNode("label",{class:"label",for:`radio-${t.name}-${t.id}`},e.toDisplayString(t.label),9,Y)],2))}});var re="";const W=["aria-labelledby"],J=["id","data-testid"],K=["id"],Q=["id"],S=e.defineComponent({props:{id:null,title:null,hideTitle:{type:Boolean,default:!1},hint:null,error:null,radios:null,modelValue:null,direction:{default:"row"}},emits:["change","update:modelValue"],setup(t,{emit:n}){const l=t;function d(a,i){return!!a&&!i}function s(a,i){return i?`error-${l.id}`:d(a,i)?`hint-${l.id}`:null}function u(a){return(l==null?void 0:l.modelValue)===a}function r(a){n("change",a.value),n("update:modelValue",a.value)}return(a,i)=>(e.openBlock(),e.createElementBlock("fieldset",{class:"sol-radio-group-core","aria-labelledby":`radio-group-title-${t.id}`},[e.renderSlot(a.$slots,"title",{id:`radio-group-title-${t.id}`},()=>[e.createElementVNode("legend",{class:e.normalizeClass(["title",{"sr-only":t.hideTitle}]),id:`radio-group-title-${t.id}`,"data-testid":`radio-group-title-${t.id}`},e.toDisplayString(t.title),11,J)]),e.createElementVNode("ul",{class:e.normalizeClass(["container-radios",{"flex-col":t.direction==="column"}])},[e.renderSlot(a.$slots,"default",{radios:t.radios,direction:t.direction},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.radios,(o,m)=>{var h;return e.openBlock(),e.createElementBlock("li",{key:m},[e.createVNode(b,e.mergeProps(a.$attrs,{class:["radio",{"mb-micro":t.direction==="column","mr-micro":t.direction==="row"}],id:(h=o==null?void 0:o.id)!=null?h:`${o.value}`,name:o.name,value:o.value,label:o.label,checked:u(o.value),"aria-invalid":!!t.error,"aria-describedby":s(t.hint,t.error),onChange:V=>r(o)}),null,16,["class","id","name","value","label","checked","aria-invalid","aria-describedby","onChange"])])}),128))])],2),d(t.hint,t.error)?(e.openBlock(),e.createElementBlock("p",{key:0,id:`hint-${t.id}`,class:"hint"},e.toDisplayString(t.hint),9,K)):t.error?(e.openBlock(),e.createElementBlock("p",{key:1,id:`error-${t.id}`,class:"error"},e.toDisplayString(t.error),9,Q)):e.createCommentVNode("",!0)],8,W))}});var ce="";const X=["id","data-testid","checked","value","name"],Z=["for"],g=e.defineComponent({props:{id:null,name:null,value:null,label:null,checked:null,class:null},emits:["change"],setup(t,{emit:n}){return(l,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["sol-checkbox-core",t.class])},[e.createElementVNode("input",e.mergeProps(l.$attrs,{type:"checkbox",class:"checkbox",id:`checkbox-${t.name}-${t.id}`,"data-testid":`checkbox-${t.name}-${t.id}`,checked:t.checked,value:t.value,name:t.name,onChange:d[0]||(d[0]=s=>n("change",t.value))}),null,16,X),e.createElementVNode("label",{class:"label",for:`checkbox-${t.name}-${t.id}`},e.toDisplayString(t.label),9,Z)],2))}});var se="";const p=["aria-labelledby"],v=["id","data-testid"],_=["id"],ee=["id"],C=e.defineComponent({props:{id:null,title:null,hideTitle:{type:Boolean,default:!1},hint:null,error:null,checkboxes:null,modelValue:null,direction:{default:"row"}},emits:["change","update:modelValue"],setup(t,{emit:n}){const l=t;function d(i,o){return!!i&&!o}function s(i,o){return o?`error-${l.id}`:d(i,o)?`hint-${l.id}`:null}function u(i){var o;return(o=l==null?void 0:l.modelValue)==null?void 0:o.includes(i)}function r(i){return Array.isArray(l==null?void 0:l.modelValue)?[...l.modelValue,i]:[i]}function a(i){var m;n("change",i.value);const o=u(i.value)?(m=l.modelValue)==null?void 0:m.filter(h=>h!==i.value):r(i.value);n("update:modelValue",o)}return(i,o)=>(e.openBlock(),e.createElementBlock("fieldset",{role:"group",class:"sol-checkbox-group-core","aria-labelledby":`checkbox-group-title-${t.id}`},[e.renderSlot(i.$slots,"title",{id:`checkbox-group-title-${t.id}`},()=>[e.createElementVNode("legend",{class:e.normalizeClass(["title",{"sr-only":t.hideTitle}]),id:`checkbox-group-title-${t.id}`,"data-testid":`checkbox-group-title-${t.id}`},e.toDisplayString(t.title),11,v)]),e.createElementVNode("ul",{class:e.normalizeClass(["container-checkboxes",{"flex-col":t.direction==="column"}])},[e.renderSlot(i.$slots,"default",{checkboxes:t.checkboxes,direction:t.direction},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.checkboxes,(m,h)=>{var V;return e.openBlock(),e.createElementBlock("li",{key:h},[e.createVNode(g,e.mergeProps(i.$attrs,{class:["checkbox",{"mb-micro":t.direction==="column","mr-micro":t.direction==="row"}],id:(V=m==null?void 0:m.id)!=null?V:`${m.value}`,label:m.label,name:m.name,value:m.value,checked:u(m.value),"aria-invalid":!!t.error,"aria-describedby":s(t.hint,t.error),onChange:$e=>a(m)}),null,16,["class","id","label","name","value","checked","aria-invalid","aria-describedby","onChange"])])}),128))])],2),d(t.hint,t.error)?(e.openBlock(),e.createElementBlock("p",{key:0,id:`hint-${t.id}`,class:"hint"},e.toDisplayString(t.hint),9,_)):t.error?(e.openBlock(),e.createElementBlock("p",{key:1,id:`error-${t.id}`,class:"error"},e.toDisplayString(t.error),9,ee)):e.createCommentVNode("",!0)],8,p))}});var me="",ue="",he="",fe="";console.log("%c\u{1F33B}[Girassol]\u{1F33B}","padding: 8px;background: #212121;color: gold; font-family: 'Fira code'; font-weight: bold; font-size: 1.2rem");const B={SolButton:y,SolInput:f,SolTextfield:$,SolTextfieldPassword:k,SolRadio:b,SolRadioGroup:S,SolCheckbox:g,SolCheckboxGroup:C};function te(t){for(const n in B)t.component(n,B[n])}const E=[];for(const t in B)E.push(t);c.SolButton=y,c.SolCheckbox=g,c.SolCheckboxGroup=C,c.SolInput=f,c.SolRadio=b,c.SolRadioGroup=S,c.SolTextfield=$,c.SolTextfieldPassword=k,c.componentsNames=E,c.install=te,Object.defineProperty(c,"__esModule",{value:!0}),c[Symbol.toStringTag]="Module"});
|
|
1
|
+
(function(c,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(c=typeof globalThis!="undefined"?globalThis:c||self,t(c.girassol={},c.Vue))})(this,function(c,t){"use strict";var de="";const N=["data-testid"],x={class:"icon -left"},z={class:"icon -right"},k=t.defineComponent({props:{variant:{default:"primary"},dense:{type:Boolean,default:!1},invert:{type:Boolean,default:!1},id:null},setup(e){function n(u,r){return u?r:""}const l=t.useSlots(),i=t.computed(()=>!!(l==null?void 0:l.default)&&(!!(l==null?void 0:l["icon-right"])||!!(l==null?void 0:l["icon-left"]))),s=t.computed(()=>!(l==null?void 0:l.default)&&(!!(l==null?void 0:l["icon-right"])||!!(l==null?void 0:l["icon-left"])));return(u,r)=>(t.openBlock(),t.createElementBlock("button",{"data-testid":`button-${e.id}`,class:t.normalizeClass(["sol-button-core",`-${e.variant}
|
|
2
|
+
${n(e.dense,"-dense")} ${n(e.invert,"-invert")}
|
|
3
|
+
${n(t.unref(i),"-has-icon")}
|
|
4
|
+
${n(t.unref(s),"-only-icon")}
|
|
5
|
+
`]),type:"button"},[t.createElementVNode("div",x,[t.renderSlot(u.$slots,"icon-left")]),t.renderSlot(u.$slots,"default"),t.createElementVNode("div",z,[t.renderSlot(u.$slots,"icon-right")])],10,N))}});k.install=e=>{e.component("SolButton",k)};var ce="";const D=["id","data-testid","value"],f=t.defineComponent({props:{id:null,modelValue:null,invert:{type:Boolean},error:{type:Boolean}},emits:["update:modelValue"],setup(e,{emit:n}){function l({target:i}){const{value:s}=i;n("update:modelValue",s)}return(i,s)=>(t.openBlock(),t.createElementBlock("input",{id:`input-${e.id}`,"data-testid":`input-${e.id}`,value:e.modelValue,class:t.normalizeClass(["sol-input-core",{"-invert":e.invert,"-error":e.error}]),onInput:l},null,42,D))}});f.install=e=>{e.component("SolInput",f)};var re="";const T=["id","data-testid"],M=["for"],R={class:"container-input"},I=["id"],P=["id"],$=t.defineComponent({props:{id:null,class:null,modelValue:{default:""},label:{default:"label"},hint:null,invert:{type:Boolean},error:null},emits:["update:modelValue"],setup(e,{emit:n}){const l=e,i=t.computed({get:()=>l.modelValue,set:r=>{n("update:modelValue",r)}});function s(r,o){return!!r&&!o}function u(r,o){return o?`error-${l.id}`:s(r,o)?`hint-${l.id}`:null}return(r,o)=>{var a;return t.openBlock(),t.createElementBlock("div",{id:`textfield-${e.id}`,"data-testid":`textfield-${e.id}`,class:t.normalizeClass([[`${(a=r.$props.class)!=null?a:""}`,{"-invert":e.invert}],"sol-textfield-core"])},[t.renderSlot(r.$slots,"label",{},()=>[e.label?(t.openBlock(),t.createElementBlock("label",{key:0,for:`input-${e.id}`,class:"label"},[t.createElementVNode("span",null,t.toDisplayString(e.label),1)],8,M)):t.createCommentVNode("",!0)]),t.createElementVNode("div",R,[t.renderSlot(r.$slots,"default",{},()=>[t.createVNode(f,t.mergeProps(r.$attrs,{modelValue:t.unref(i),"onUpdate:modelValue":o[0]||(o[0]=d=>t.isRef(i)?i.value=d:null),id:e.id,"data-testid":`input-${e.id}`,class:[e.error&&"-error","input"],invert:e.invert,"aria-invalid":!!e.error,"aria-describedby":u(e.hint,e.error)}),null,16,["modelValue","id","data-testid","class","invert","aria-invalid","aria-describedby"])]),t.renderSlot(r.$slots,"icon")]),s(e.hint,e.error)?(t.openBlock(),t.createElementBlock("span",{key:0,id:`hint-${e.id}`,class:"hint"},t.toDisplayString(e.hint),9,I)):e.error?(t.openBlock(),t.createElementBlock("span",{key:1,id:`error-${e.id}`,class:"error"},t.toDisplayString(e.error),9,P)):t.createCommentVNode("",!0)],10,T)}}}),G={preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"},L=[t.createElementVNode("g",{fill:"currentColor"},[t.createElementVNode("path",{d:"M15 12a3 3 0 1 1-6 0a3 3 0 0 1 6 0z"}),t.createElementVNode("path",{d:"M21.894 11.553C19.736 7.236 15.904 5 12 5c-3.903 0-7.736 2.236-9.894 6.553a1 1 0 0 0 0 .894C4.264 16.764 8.096 19 12 19c3.903 0 7.736-2.236 9.894-6.553a1 1 0 0 0 0-.894zM12 17c-2.969 0-6.002-1.62-7.87-5C5.998 8.62 9.03 7 12 7c2.969 0 6.002 1.62 7.87 5c-1.868 3.38-4.901 5-7.87 5z"})],-1)];function A(e,n){return t.openBlock(),t.createElementBlock("svg",G,L)}var F={name:"mi-eye",render:A};const H={preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"},U=[t.createElementVNode("path",{fill:"currentColor",d:"M4.707 3.293a1 1 0 0 0-1.414 1.414l2.424 2.424c-1.43 1.076-2.678 2.554-3.611 4.422a1 1 0 0 0 0 .894C4.264 16.764 8.096 19 12 19c1.555 0 3.1-.355 4.53-1.055l2.763 2.762a1 1 0 0 0 1.414-1.414l-16-16zm10.307 13.135c-.98.383-2 .572-3.014.572c-2.969 0-6.002-1.62-7.87-5c.817-1.479 1.858-2.62 3.018-3.437l2.144 2.144a3 3 0 0 0 4.001 4.001l1.72 1.72zm3.538-2.532c.483-.556.926-1.187 1.318-1.896c-1.868-3.38-4.9-5-7.87-5c-.112 0-.224.002-.336.007L9.879 5.223A10.215 10.215 0 0 1 12 5c3.903 0 7.736 2.236 9.894 6.553a1 1 0 0 1 0 .894a13.106 13.106 0 0 1-1.925 2.865l-1.417-1.416z"},null,-1)];function O(e,n){return t.openBlock(),t.createElementBlock("svg",H,U)}var j={name:"mi-eye-off",render:O};const q=["aria-label"],g=t.defineComponent({props:{id:{default:""},label:{default:"Sua senha"}},setup(e){const n=t.ref(!1),l=t.computed(()=>n.value?"text":"password");return(i,s)=>(t.openBlock(),t.createBlock($,{id:e.id,required:"",type:t.unref(l),label:e.label,placeholder:"Insira sua senha"},{icon:t.withCtx(()=>[t.createElementVNode("button",{type:"button","data-testid":"toggle-type-password","aria-label":n.value?"Hide password":"Show password",onClick:s[0]||(s[0]=u=>n.value=!n.value)},[t.withDirectives(t.createVNode(t.unref(F),{"aria-hidden":"true"},null,512),[[t.vShow,n.value]]),t.withDirectives(t.createVNode(t.unref(j),{"aria-hidden":"true"},null,512),[[t.vShow,!n.value]])],8,q)]),_:1},8,["id","type","label"]))}});$.install=e=>{e.component("SolTextfield",$)},g.install=e=>{e.component("SolTextfieldPassword",g)};var ue="";const Y=["id","data-testid","checked","value","name"],W=["for"],b=t.defineComponent({props:{id:null,name:null,value:null,label:null,checked:null,class:null},emits:["change"],setup(e,{emit:n}){return(l,i)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["sol-radio-core",e.class])},[t.createElementVNode("input",t.mergeProps(l.$attrs,{type:"radio",class:"radio",id:`radio-${e.name}-${e.id}`,"data-testid":`radio-${e.name}-${e.id}`,checked:e.checked,value:e.value,name:e.name,onChange:i[0]||(i[0]=s=>n("change",e.value))}),null,16,Y),t.createElementVNode("label",{class:"label",for:`radio-${e.name}-${e.id}`},t.toDisplayString(e.label),9,W)],2))}});var he="";const J=["aria-labelledby"],K=["id","data-testid"],Q=["id"],X=["id"],B=t.defineComponent({props:{id:null,title:null,hideTitle:{type:Boolean,default:!1},hint:null,error:null,radios:null,modelValue:null,direction:{default:"row"}},emits:["change","update:modelValue"],setup(e,{emit:n}){const l=e;function i(o,a){return!!o&&!a}function s(o,a){return a?`error-${l.id}`:i(o,a)?`hint-${l.id}`:null}function u(o){return(l==null?void 0:l.modelValue)===o}function r(o){n("change",o.value),n("update:modelValue",o.value)}return(o,a)=>(t.openBlock(),t.createElementBlock("fieldset",{class:"sol-radio-group-core","aria-labelledby":`radio-group-title-${e.id}`},[t.renderSlot(o.$slots,"title",{id:`radio-group-title-${e.id}`},()=>[t.createElementVNode("legend",{class:t.normalizeClass(["title",{"sr-only":e.hideTitle}]),id:`radio-group-title-${e.id}`,"data-testid":`radio-group-title-${e.id}`},t.toDisplayString(e.title),11,K)]),t.createElementVNode("ul",{class:t.normalizeClass(["container-radios",{"flex-col":e.direction==="column"}])},[t.renderSlot(o.$slots,"default",{radios:e.radios,direction:e.direction},()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.radios,(d,m)=>{var h;return t.openBlock(),t.createElementBlock("li",{key:m},[t.createVNode(b,t.mergeProps(o.$attrs,{class:["radio",{"mb-micro":e.direction==="column","mr-micro":e.direction==="row"}],id:(h=d==null?void 0:d.id)!=null?h:`${d.value}`,name:d.name,value:d.value,label:d.label,checked:u(d.value),"aria-invalid":!!e.error,"aria-describedby":s(e.hint,e.error),onChange:w=>r(d)}),null,16,["class","id","name","value","label","checked","aria-invalid","aria-describedby","onChange"])])}),128))])],2),i(e.hint,e.error)?(t.openBlock(),t.createElementBlock("p",{key:0,id:`hint-${e.id}`,class:"hint"},t.toDisplayString(e.hint),9,Q)):e.error?(t.openBlock(),t.createElementBlock("p",{key:1,id:`error-${e.id}`,class:"error"},t.toDisplayString(e.error),9,X)):t.createCommentVNode("",!0)],8,J))}});b.install=e=>{e.component("SolRadio",b)},B.install=e=>{e.component("SolRadioGroup",B)};var fe="";const Z=["id","data-testid","checked","value","name"],v=["for"],y=t.defineComponent({props:{id:null,name:null,value:null,label:null,checked:null,class:null},emits:["change"],setup(e,{emit:n}){return(l,i)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["sol-checkbox-core",e.class])},[t.createElementVNode("input",t.mergeProps(l.$attrs,{type:"checkbox",class:"checkbox",id:`checkbox-${e.name}-${e.id}`,"data-testid":`checkbox-${e.name}-${e.id}`,checked:e.checked,value:e.value,name:e.name,onChange:i[0]||(i[0]=s=>n("change",e.value))}),null,16,Z),t.createElementVNode("label",{class:"label",for:`checkbox-${e.name}-${e.id}`},t.toDisplayString(e.label),9,v)],2))}});var $e="";const p=["aria-labelledby"],_=["id","data-testid"],ee=["id"],te=["id"],S=t.defineComponent({props:{id:null,title:null,hideTitle:{type:Boolean,default:!1},hint:null,error:null,checkboxes:null,modelValue:null,direction:{default:"row"}},emits:["change","update:modelValue"],setup(e,{emit:n}){const l=e;function i(a,d){return!!a&&!d}function s(a,d){return d?`error-${l.id}`:i(a,d)?`hint-${l.id}`:null}function u(a){var d;return(d=l==null?void 0:l.modelValue)==null?void 0:d.includes(a)}function r(a){return Array.isArray(l==null?void 0:l.modelValue)?[...l.modelValue,a]:[a]}function o(a){var m;n("change",a.value);const d=u(a.value)?(m=l.modelValue)==null?void 0:m.filter(h=>h!==a.value):r(a.value);n("update:modelValue",d)}return(a,d)=>(t.openBlock(),t.createElementBlock("fieldset",{role:"group",class:"sol-checkbox-group-core","aria-labelledby":`checkbox-group-title-${e.id}`},[t.renderSlot(a.$slots,"title",{id:`checkbox-group-title-${e.id}`},()=>[t.createElementVNode("legend",{class:t.normalizeClass(["title",{"sr-only":e.hideTitle}]),id:`checkbox-group-title-${e.id}`,"data-testid":`checkbox-group-title-${e.id}`},t.toDisplayString(e.title),11,_)]),t.createElementVNode("ul",{class:t.normalizeClass(["container-checkboxes",{"flex-col":e.direction==="column"}])},[t.renderSlot(a.$slots,"default",{checkboxes:e.checkboxes,direction:e.direction},()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.checkboxes,(m,h)=>{var w;return t.openBlock(),t.createElementBlock("li",{key:h},[t.createVNode(y,t.mergeProps(a.$attrs,{class:["checkbox",{"mb-micro":e.direction==="column","mr-micro":e.direction==="row"}],id:(w=m==null?void 0:m.id)!=null?w:`${m.value}`,label:m.label,name:m.name,value:m.value,checked:u(m.value),"aria-invalid":!!e.error,"aria-describedby":s(e.hint,e.error),onChange:Se=>o(m)}),null,16,["class","id","label","name","value","checked","aria-invalid","aria-describedby","onChange"])])}),128))])],2),i(e.hint,e.error)?(t.openBlock(),t.createElementBlock("p",{key:0,id:`hint-${e.id}`,class:"hint"},t.toDisplayString(e.hint),9,ee)):e.error?(t.openBlock(),t.createElementBlock("p",{key:1,id:`error-${e.id}`,class:"error"},t.toDisplayString(e.error),9,te)):t.createCommentVNode("",!0)],8,p))}});y.install=e=>{e.component("SolCheckbox",y)},S.install=e=>{e.component("SolCheckboxGroup",S)};var be="";const le=["for","id","data-testid"],ne={class:"switch-container"},ae=["id","aria-labelledby","data-testid","checked","value","name"],ie=t.createElementVNode("span",{class:"ellipse"},null,-1),V=t.defineComponent({props:{id:null,name:null,value:null,label:null,checked:{type:Boolean},class:null,hideLabel:{type:Boolean},horizontalLabel:{type:Boolean}},emits:["change"],setup(e,{emit:n}){return(l,i)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["sol-switch-core",[l.$props.class,{"-horizontal":e.horizontalLabel}]])},[t.createElementVNode("label",{class:t.normalizeClass(["label",{"mb-1":!e.horizontalLabel,"sr-only":e.hideLabel}]),for:`switch-${e.name}-${e.id}`,id:`switch-label-${e.name}-${e.id}`,"data-testid":`switch-label-${e.name}-${e.id}`},t.toDisplayString(e.label),11,le),t.createElementVNode("div",ne,[t.createElementVNode("input",t.mergeProps(l.$attrs,{type:"checkbox",class:"switch",role:"switch",id:`switch-${e.name}-${e.id}`,"aria-labelledby":`switch-label-${e.name}-${e.id}`,"data-testid":`switch-${e.name}-${e.id}`,checked:e.checked,value:e.value,name:e.name,onChange:i[0]||(i[0]=s=>n("change",e.value))}),null,16,ae),ie])],2))}});V.install=e=>{e.component("SolSwitch",V)};var ye="",ke="",ge="",Be="";console.log("%c\u{1F33B}[Girassol]\u{1F33B}","padding: 8px;background: #212121;color: gold; font-family: 'Fira code'; font-weight: bold; font-size: 1.2rem");const C={SolButton:k,SolInput:f,SolTextfield:$,SolTextfieldPassword:g,SolRadio:b,SolRadioGroup:B,SolCheckbox:y,SolCheckboxGroup:S,SolSwitch:V};function oe(e){for(const n in C)e.component(n,C[n])}const E=[];for(const e in C)E.push(e);c.SolButton=k,c.SolCheckbox=y,c.SolCheckboxGroup=S,c.SolInput=f,c.SolRadio=b,c.SolRadioGroup=B,c.SolSwitch=V,c.SolTextfield=$,c.SolTextfieldPassword=g,c.componentsNames=E,c.install=oe,Object.defineProperty(c,"__esModule",{value:!0}),c[Symbol.toStringTag]="Module"});
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.sol-button-core{border-radius:.5rem;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;font-family:Rubik;font-weight:500;font-size:.875rem;line-height:1.15;padding:.75rem 1.5rem;width:fit-content;min-width:40px;transition:filter .15s ease}.sol-button-core.-has-icon{padding-left:1rem;padding-right:1rem}.sol-button-core.-only-icon{padding:.5rem}.sol-button-core:not(.-only-icon)>.icon:empty{display:none}.sol-button-core:not(.-only-icon)>.icon.-left{margin-right:.5rem}.sol-button-core:not(.-only-icon)>.icon.-right{margin-left:.5rem}.sol-button-core:focus-visible{outline:4px solid #292929}.sol-button-core.-block{width:100%}.sol-button-core.-dense{padding:.5rem 1rem}.sol-button-core.-primary{--tw-bg-opacity: 1;background-color:rgba(255,176,31,var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(41,41,41,var(--tw-text-opacity))}.sol-button-core.-primary:hover{--tw-outline-opacity: 1;outline-color:rgba(143,143,143,var(--tw-outline-opacity));outline-width:2px;outline-style:solid}.sol-button-core.-primary:active{filter:brightness(1.2) drop-shadow(0px 3px 2px rgba(33,33,34,.5647058824))}.sol-button-core.-primary.-invert{--tw-bg-opacity: 1;background-color:rgba(255,255,255,var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(41,41,41,var(--tw-text-opacity))}.sol-button-core.-primary.-invert:hover{--tw-bg-opacity: .8;--tw-bg-opacity: 1;background-color:rgba(82,82,82,var(--tw-bg-opacity));--tw-outline-opacity: 1;outline-color:rgba(82,82,82,var(--tw-outline-opacity))}.sol-button-core.-primary.-invert:focus-visible{--tw-outline-opacity: 1;outline-color:rgba(143,143,143,var(--tw-outline-opacity))}.sol-button-core.-secondary{background-color:transparent;--tw-border-opacity: 1;border-color:rgba(82,82,82,var(--tw-border-opacity));border-width:1px;--tw-text-opacity: 1;color:rgba(82,82,82,var(--tw-text-opacity))}.sol-button-core.-secondary:hover{--tw-bg-opacity: 1;background-color:rgba(143,143,143,var(--tw-bg-opacity))}.sol-button-core.-secondary.-invert{--tw-border-opacity: 1;border-color:rgba(255,255,255,var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(255,255,255,var(--tw-text-opacity))}.sol-button-core.-secondary.-invert:hover{--tw-bg-opacity: 1;background-color:rgba(143,143,143,var(--tw-bg-opacity))}.sol-button-core.-secondary.-invert:focus-visible{--tw-outline-opacity: 1;outline-color:rgba(255,255,255,var(--tw-outline-opacity));outline-width:200px}.sol-button-core.-flat{background-color:transparent}.sol-button-core.-flat:hover{--tw-bg-opacity: 1;background-color:rgba(255,248,235,var(--tw-bg-opacity))}.sol-button-core.-flat.-invert{--tw-text-opacity: 1;color:rgba(255,255,255,var(--tw-text-opacity))}.sol-button-core.-flat.-invert:hover{--tw-bg-opacity: 1;background-color:rgba(143,143,143,var(--tw-bg-opacity))}.sol-button-core.-flat.-invert:focus{outline-color:#fff}.sol-button-core:disabled{cursor:not-allowed;filter:brightness(.8) grayscale(1)}.sol-input-core{--tw-border-opacity: 1;border-color:rgba(143,143,143,var(--tw-border-opacity));border-radius:.5rem;border-width:2px;cursor:pointer;font-family:Rubik;font-size:.875rem;max-height:2.5rem;padding:.75rem;--tw-caret-opacity: 1;caret-color:rgba(255,176,31,var(--tw-caret-opacity));--tw-text-opacity: 1;color:rgba(82,82,82,var(--tw-text-opacity))}.sol-input-core:focus-visible{--tw-border-opacity: 1;border-color:rgba(41,41,41,var(--tw-border-opacity));outline:3px solid #292929;outline-offset:0px}.sol-input-core.-invert{--tw-border-opacity: 1;border-color:rgba(82,82,82,var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(143,143,143,var(--tw-text-opacity))}.sol-input-core.-invert:focus-visible{--tw-border-opacity: 1;border-color:rgba(41,41,41,var(--tw-border-opacity));outline:3px solid #ffffff;outline-offset:0px}.sol-input-core.-invert:not(:placeholder-shown):invalid,.sol-input-core.-invert.-error{--tw-border-opacity: 1;border-color:rgba(255,37,31,var(--tw-border-opacity))}.sol-input-core.-invert:disabled{--tw-bg-opacity: 1;background-color:rgba(82,82,82,var(--tw-bg-opacity));border-color:transparent}.sol-input-core:not(:placeholder-shown):invalid,.sol-input-core.-error{--tw-border-opacity: 1;border-color:rgba(255,37,31,var(--tw-border-opacity))}.sol-input-core:not(:placeholder-shown):invalid:focus-visible,.sol-input-core.-error:focus-visible{--tw-outline-opacity: 1;outline-color:rgba(255,37,31,var(--tw-outline-opacity))}.sol-input-core:disabled{--tw-bg-opacity: 1;background-color:rgba(245,245,245,var(--tw-bg-opacity));--tw-border-opacity: 1;border-color:rgba(224,224,224,var(--tw-border-opacity));cursor:not-allowed}.sol-textfield-core{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.sol-textfield-core.-invert>.label,.sol-textfield-core.-invert>.hint{--tw-text-opacity: 1;color:rgba(255,255,255,var(--tw-text-opacity))}.sol-textfield-core:is([required=true],[required=""])>.label:after{position:absolute;top:30%;right:0px;content:"*"}.sol-textfield-core>.label{font-family:Rubik;font-weight:400;font-size:.875rem;line-height:1.15;margin-bottom:.25rem;position:relative;text-align:left;--tw-text-opacity: 1;color:rgba(82,82,82,var(--tw-text-opacity))}.sol-textfield-core>.container-input{position:relative}.sol-textfield-core>.container-input>.input{width:100%;scroll-margin-top:14rem}.sol-textfield-core>.container-input>.input~*{position:absolute;top:calc(50% - 8px);right:12px}.sol-textfield-core>.hint,.sol-textfield-core>.error{font-family:Rubik;font-weight:400;font-size:.75rem;line-height:1.15;margin-top:.25rem;text-align:left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sol-textfield-core>.hint{--tw-text-opacity: 1;color:rgba(143,143,143,var(--tw-text-opacity))}.sol-textfield-core>.error{--tw-text-opacity: 1;color:rgba(255,37,31,var(--tw-text-opacity))}.sol-radio-core{border-radius:.25rem;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.sol-radio-core:focus-within{outline:3px solid #292929;outline-offset:0px}.sol-radio-core>.radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;--tw-bg-opacity: 1;background-color:rgba(255,255,255,var(--tw-bg-opacity));--tw-border-opacity: 1;border-color:rgba(41,41,41,var(--tw-border-opacity));border-radius:100%;border-style:solid;border-width:2px;cursor:pointer;height:1rem;margin-right:.5rem;width:1rem}.sol-radio-core>.radio:checked{--tw-bg-opacity: 1;background-color:rgba(255,176,31,var(--tw-bg-opacity))}.sol-radio-core>.radio:disabled{--tw-bg-opacity: 1;background-color:rgba(224,224,224,var(--tw-bg-opacity));cursor:not-allowed}.sol-radio-core>.radio:disabled~.label{cursor:not-allowed;--tw-text-opacity: 1;color:rgba(143,143,143,var(--tw-text-opacity))}.sol-radio-core>.label{cursor:pointer;display:inline-block;font-family:Rubik;font-weight:500;height:1rem;font-size:.875rem;line-height:1.33;padding-right:.5rem;--tw-text-opacity: 1;color:rgba(41,41,41,var(--tw-text-opacity))}.sol-radio-group-core{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;text-align:left}.sol-radio-group-core>.title{margin-bottom:.75rem}.sol-radio-group-core>.container-radios{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.sol-radio-group-core>.container-radios>.radio{width:-webkit-min-content;width:-moz-min-content;width:min-content}.sol-radio-group-core>.hint,.sol-radio-group-core>.error{font-family:Rubik;font-weight:400;font-size:.75rem;line-height:1.15;margin-top:.25rem;text-align:left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sol-radio-group-core>.hint{--tw-text-opacity: 1;color:rgba(143,143,143,var(--tw-text-opacity))}.sol-radio-group-core>.error{--tw-text-opacity: 1;color:rgba(255,37,31,var(--tw-text-opacity))}.sol-checkbox-core{border-radius:.25rem;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.sol-checkbox-core:focus-within{outline:3px solid #292929;outline-offset:0px}.sol-checkbox-core:hover>.checkbox:not(:checked){--tw-bg-opacity: 1;background-color:rgba(255,176,31,var(--tw-bg-opacity))}.sol-checkbox-core:hover>.checkbox:checked:before{--tw-bg-opacity: 1;background-color:rgba(255,176,31,var(--tw-bg-opacity))}.sol-checkbox-core>.checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;--tw-bg-opacity: 1;background-color:rgba(255,255,255,var(--tw-bg-opacity));--tw-border-opacity: 1;border-color:rgba(41,41,41,var(--tw-border-opacity));border-radius:.25rem;border-width:2px;display:-ms-grid;display:grid;place-content:center;height:1rem;margin-right:.5rem;width:1rem}.sol-checkbox-core>.checkbox:before{content:"";transform:scale(0);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);--tw-bg-opacity: 1;background-color:rgba(255,248,235,var(--tw-bg-opacity));height:.5rem;width:.5rem;-webkit-transform-origin:bottom left;-ms-transform-origin:bottom left;transform-origin:bottom left;-webkit-transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);-o-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.15s;-o-transition-duration:.15s;transition-duration:.15s}.sol-checkbox-core>.checkbox:checked:before{transform:scale(1)}.sol-checkbox-core>.checkbox:checked{--tw-bg-opacity: 1;background-color:rgba(41,41,41,var(--tw-bg-opacity))}.sol-checkbox-core>.checkbox:disabled{--tw-bg-opacity: 1;background-color:rgba(224,224,224,var(--tw-bg-opacity));cursor:not-allowed}.sol-checkbox-core>.checkbox:disabled~.label{cursor:not-allowed;--tw-text-opacity: 1;color:rgba(143,143,143,var(--tw-text-opacity))}.sol-checkbox-core>.label{cursor:pointer;display:inline-block;font-family:Rubik;font-weight:500;height:1rem;font-size:.875rem;line-height:1.33;padding-right:.5rem;--tw-text-opacity: 1;color:rgba(41,41,41,var(--tw-text-opacity))}.sol-checkbox-group-core{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;text-align:left}.sol-checkbox-group-core>.title{font-weight:700;margin-bottom:.75rem}.sol-checkbox-group-core>.container-checkboxes{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.sol-checkbox-group-core>.container-checkboxes>.checkbox{width:-webkit-min-content;width:-moz-min-content;width:min-content}.sol-checkbox-group-core>.hint,.sol-checkbox-group-core>.error{font-family:Rubik;font-weight:400;font-size:.75rem;line-height:1.15;margin-top:.25rem;text-align:left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sol-checkbox-group-core>.hint{--tw-text-opacity: 1;color:rgba(143,143,143,var(--tw-text-opacity))}.sol-checkbox-group-core>.error{--tw-text-opacity: 1;color:rgba(255,37,31,var(--tw-text-opacity))}*,:before,:after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}*{--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgba(59, 130, 246, 1);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}::moz-focus-inner{border-style:none;padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{color:inherit;text-decoration:inherit}body{margin:0;font-family:inherit;line-height:inherit}button,input{font-family:inherit;font-size:100%;line-height:1.15;margin:0;padding:0;line-height:inherit;color:inherit}button{text-transform:none;background-color:transparent;background-image:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button,[role=button]{cursor:pointer}code{font-size:1em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}fieldset{margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-family:Lato,sans-serif;line-height:1.5}h2,h3,h4{font-size:inherit;font-weight:inherit}img{border-style:solid;max-width:100%;height:auto}input::placeholder{opacity:1;color:#a1a1aa}input::webkit-input-placeholder{opacity:1;color:#a1a1aa}input::-moz-placeholder{opacity:1;color:#a1a1aa}input:-ms-input-placeholder{opacity:1;color:#a1a1aa}input::-ms-input-placeholder{opacity:1;color:#a1a1aa}img,svg{display:block;vertical-align:middle}legend{padding:0}p,h2,h3,h4,dl{margin:0}strong{font-weight:bolder}small{font-size:80%}table{text-indent:0;border-color:inherit;border-collapse:collapse}ul{list-style:none;margin:0;padding:0}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.bg-brand-primary-pure{--tw-bg-opacity: 1;background-color:rgba(255,176,31,var(--tw-bg-opacity))}.bg-neutrals-low-medium{--tw-bg-opacity: 1;background-color:rgba(82,82,82,var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-neutrals-high-light{--tw-bg-opacity: 1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.bg-brand-primary-light{--tw-bg-opacity: 1;background-color:rgba(255,248,235,var(--tw-bg-opacity))}.bg-neutrals-high-pure{--tw-bg-opacity: 1;background-color:rgba(224,224,224,var(--tw-bg-opacity))}.bg-neutrals-high-medium{--tw-bg-opacity: 1;background-color:rgba(245,245,245,var(--tw-bg-opacity))}.bg-brand-primary-medium{--tw-bg-opacity: 1;background-color:rgba(255,205,112,var(--tw-bg-opacity))}.bg-neutrals-low-light{--tw-bg-opacity: 1;background-color:rgba(143,143,143,var(--tw-bg-opacity))}.bg-neutrals-low-pure{--tw-bg-opacity: 1;background-color:rgba(41,41,41,var(--tw-bg-opacity))}.bg-feedback-positive-medium{--tw-bg-opacity: 1;background-color:rgba(238,251,246,var(--tw-bg-opacity))}.bg-feedback-positive-light{--tw-bg-opacity: 1;background-color:rgba(138,229,191,var(--tw-bg-opacity))}.bg-feedback-positive-pure{--tw-bg-opacity: 1;background-color:rgba(71,215,154,var(--tw-bg-opacity))}.bg-feedback-informative-light{--tw-bg-opacity: 1;background-color:rgba(235,248,255,var(--tw-bg-opacity))}.bg-feedback-informative-medium{--tw-bg-opacity: 1;background-color:rgba(112,203,255,var(--tw-bg-opacity))}.bg-feedback-negative-pure{--tw-bg-opacity: 1;background-color:rgba(255,37,31,var(--tw-bg-opacity))}.bg-feedback-informative-pure{--tw-bg-opacity: 1;background-color:rgba(31,174,255,var(--tw-bg-opacity))}.bg-feedback-negative-light{--tw-bg-opacity: 1;background-color:rgba(255,235,235,var(--tw-bg-opacity))}.bg-feedback-negative-medium{--tw-bg-opacity: 1;background-color:rgba(255,116,112,var(--tw-bg-opacity))}.border-neutrals-high-light{--tw-border-opacity: 1;border-color:rgba(255,255,255,var(--tw-border-opacity))}.border-neutrals-low-pure{--tw-border-opacity: 1;border-color:rgba(41,41,41,var(--tw-border-opacity))}.border-neutrals-low-light{--tw-border-opacity: 1;border-color:rgba(143,143,143,var(--tw-border-opacity))}.border-neutrals-low-medium{--tw-border-opacity: 1;border-color:rgba(82,82,82,var(--tw-border-opacity))}.border-neutrals-high-pure{--tw-border-opacity: 1;border-color:rgba(224,224,224,var(--tw-border-opacity))}.rounded-md{border-radius:.5rem}.rounded-sm{border-radius:.25rem}.rounded-fully{border-radius:100%}.rounded-none{border-radius:0}.rounded-half{border-radius:50%}.rounded-lg{border-radius:1rem}.rounded-full{border-radius:40rem}.border-solid{border-style:solid}.border-a-xs{border-width:1px}.border-sm,.border-2,.border-a-sm{border-width:2px}.border-a-md{border-width:4px}.border-a-lg{border-width:8px}.border-t-md{border-top-width:4px}.border-r-md{border-right-width:4px}.border-b-md{border-bottom-width:4px}.border-l-md{border-left-width:4px}.border-y-md{border-top-width:4px;border-bottom-width:4px}.border-x-md{border-left-width:4px;border-right-width:4px}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.inline-block{display:inline-block}.flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.grid{display:-ms-grid;display:grid}.hidden{display:none}.flex-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.place-items-center{place-items:center}.place-content-center{place-content:center}.items-center{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.justify-center{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.font-highlight{font-family:Rubik}.font-code{font-family:Roboto Slab,"serif"}.font-medium{font-weight:500}.font-regular{font-weight:400}.h-4{height:1rem}.h-2{height:.5rem}.h-40{height:10rem}.h-60{height:15rem}.h-full{height:100%}.h-24{height:6rem}.text-3xs{font-size:.875rem}.text-micro{font-size:.75rem}.text-sm{font-size:1.5rem}.text-xs{font-size:1.25rem}.text-2xs{font-size:1rem}.text-md{font-size:2rem}.text-lg{font-size:2.5rem}.text-xl{font-size:3rem}.text-2xl{font-size:3.5rem}.text-3xl{font-size:4rem}.text-mega{font-size:4.5rem}.text-giga{font-size:5.5rem}.leading-xs{line-height:1.15}.leading-md{line-height:1.33}.leading-default{line-height:1}.leading-sm{line-height:1.2}.leading-lg{line-height:1.5}.leading-xl{line-height:1.7}.mx-2{margin-left:.5rem;margin-right:.5rem}.mr-micro{margin-right:.5rem}.mb-micro{margin-bottom:.5rem}.mb-3xs{margin-bottom:.75rem}.mt-nano{margin-top:.25rem}.mb-nano{margin-bottom:.25rem}.mb-6{margin-bottom:1.5rem}.mb-4{margin-bottom:1rem}.mb-0{margin-bottom:0}.ml-4{margin-left:1rem}.max-h-10{max-height:2.5rem}.outline-solid-neutrals-high-light{--tw-outline-opacity: 1;outline-color:rgba(255,255,255,var(--tw-outline-opacity))}.py-3xs{padding-top:.75rem;padding-bottom:.75rem}.px-xs{padding-left:1.5rem;padding-right:1.5rem}.px-micro{padding-left:.5rem;padding-right:.5rem}.py-micro{padding-top:.5rem;padding-bottom:.5rem}.px-3xs{padding-left:.75rem;padding-right:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.pr-micro{padding-right:.5rem}.absolute{position:absolute}.relative{position:relative}.top-3\/10{top:30%}.shadow-soft{--tw-shadow: 0px 8px 16px rgba(41, 41, 41, .08);--tw-shadow-colored: 0px 8px 16px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-medium{--tw-shadow: 0px 12px 24px rgba(41, 41, 41, .16);--tw-shadow-colored: 0px 12px 24px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-large{--tw-shadow: 0px 16px 64px rgba(41, 41, 41, .24);--tw-shadow-colored: 0px 16px 64px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.text-left{text-align:left}.text-neutrals-low-pure{--tw-text-opacity: 1;color:rgba(41,41,41,var(--tw-text-opacity))}.text-neutrals-low-medium{--tw-text-opacity: 1;color:rgba(82,82,82,var(--tw-text-opacity))}.uppercase{text-transform:uppercase}.tracking-md{letter-spacing:.04rem}.tracking-default{letter-spacing:normal}.tracking-sm{letter-spacing:.16rem}.w-fit-content{width:fit-content}.w-4{width:1rem}.w-2{width:.5rem}.w-60{width:15rem}.w-full{width:100%}.gap-4{grid-gap:1rem;gap:1rem}.gap-3{grid-gap:.75rem;gap:.75rem}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.transition-transform{-webkit-transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);-o-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.15s;-o-transition-duration:.15s;transition-duration:.15s}.filter{--tw-blur: var(--tw-empty, );--tw-brightness: var(--tw-empty, );--tw-contrast: var(--tw-empty, );--tw-grayscale: var(--tw-empty, );--tw-hue-rotate: var(--tw-empty, );--tw-invert: var(--tw-empty, );--tw-saturate: var(--tw-empty, );--tw-sepia: var(--tw-empty, );--tw-drop-shadow: var(--tw-empty, );-webkit-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);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)}.invert,.-invert,.invert\]{--tw-invert: invert(100%)}@media (min-width: 768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@font-face{font-family:Lato;src:url(fonts/lato/Lato-Regular.ttf);font-weight:400}@font-face{font-family:Lato;src:url(fonts/lato/Lato-Bold.ttf);font-weight:700}@font-face{font-family:Lato;src:url(fonts/lato/Lato-Medium.ttf);font-weight:500}@font-face{font-family:Rubik;src:url(fonts/rubik/Rubik-Regular.ttf);font-weight:400}@font-face{font-family:Rubik;src:url(fonts/rubik/Rubik-Bold.ttf);font-weight:700}@font-face{font-family:Rubik;src:url(fonts/rubik/Rubik-Medium.ttf);font-weight:500}@font-face{font-family:Roboto Slab;src:url(fonts/roboto-slab/RobotoSlab.ttf)}
|
|
1
|
+
.sol-button-core{border-radius:.5rem;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;font-family:Rubik;font-weight:500;font-size:.875rem;line-height:1.15;padding:.75rem 1.5rem;width:fit-content;min-width:40px;transition:filter .15s ease}.sol-button-core.-has-icon{padding-left:1rem;padding-right:1rem}.sol-button-core.-only-icon{padding:.5rem}.sol-button-core:not(.-only-icon)>.icon:empty{display:none}.sol-button-core:not(.-only-icon)>.icon.-left{margin-right:.5rem}.sol-button-core:not(.-only-icon)>.icon.-right{margin-left:.5rem}.sol-button-core:focus-visible{outline:4px solid #292929}.sol-button-core.-block{width:100%}.sol-button-core.-dense{padding:.5rem 1rem}.sol-button-core.-primary{--tw-bg-opacity: 1;background-color:rgba(255,176,31,var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(41,41,41,var(--tw-text-opacity))}.sol-button-core.-primary:hover{--tw-outline-opacity: 1;outline-color:rgba(143,143,143,var(--tw-outline-opacity));outline-width:2px;outline-style:solid}.sol-button-core.-primary:active{filter:brightness(1.2) drop-shadow(0px 3px 2px rgba(33,33,34,.5647058824))}.sol-button-core.-primary.-invert{--tw-bg-opacity: 1;background-color:rgba(255,255,255,var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(41,41,41,var(--tw-text-opacity))}.sol-button-core.-primary.-invert:hover{--tw-bg-opacity: .8;--tw-bg-opacity: 1;background-color:rgba(82,82,82,var(--tw-bg-opacity));--tw-outline-opacity: 1;outline-color:rgba(82,82,82,var(--tw-outline-opacity))}.sol-button-core.-primary.-invert:focus-visible{--tw-outline-opacity: 1;outline-color:rgba(143,143,143,var(--tw-outline-opacity))}.sol-button-core.-secondary{background-color:transparent;--tw-border-opacity: 1;border-color:rgba(82,82,82,var(--tw-border-opacity));border-width:1px;--tw-text-opacity: 1;color:rgba(82,82,82,var(--tw-text-opacity))}.sol-button-core.-secondary:hover{--tw-bg-opacity: 1;background-color:rgba(143,143,143,var(--tw-bg-opacity))}.sol-button-core.-secondary.-invert{--tw-border-opacity: 1;border-color:rgba(255,255,255,var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(255,255,255,var(--tw-text-opacity))}.sol-button-core.-secondary.-invert:hover{--tw-bg-opacity: 1;background-color:rgba(143,143,143,var(--tw-bg-opacity))}.sol-button-core.-secondary.-invert:focus-visible{--tw-outline-opacity: 1;outline-color:rgba(255,255,255,var(--tw-outline-opacity));outline-width:200px}.sol-button-core.-flat{background-color:transparent}.sol-button-core.-flat:hover{--tw-bg-opacity: 1;background-color:rgba(255,248,235,var(--tw-bg-opacity))}.sol-button-core.-flat.-invert{--tw-text-opacity: 1;color:rgba(255,255,255,var(--tw-text-opacity))}.sol-button-core.-flat.-invert:hover{--tw-bg-opacity: 1;background-color:rgba(143,143,143,var(--tw-bg-opacity))}.sol-button-core.-flat.-invert:focus{outline-color:#fff}.sol-button-core:disabled{cursor:not-allowed;filter:brightness(.8) grayscale(1)}.sol-input-core{--tw-border-opacity: 1;border-color:rgba(143,143,143,var(--tw-border-opacity));border-radius:.5rem;border-width:2px;cursor:pointer;font-family:Rubik;font-size:.875rem;max-height:2.5rem;padding:.75rem;--tw-caret-opacity: 1;caret-color:rgba(255,176,31,var(--tw-caret-opacity));--tw-text-opacity: 1;color:rgba(82,82,82,var(--tw-text-opacity))}.sol-input-core:focus-visible{--tw-border-opacity: 1;border-color:rgba(41,41,41,var(--tw-border-opacity));outline:3px solid #292929;outline-offset:0px}.sol-input-core.-invert{--tw-border-opacity: 1;border-color:rgba(82,82,82,var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(143,143,143,var(--tw-text-opacity))}.sol-input-core.-invert:focus-visible{--tw-border-opacity: 1;border-color:rgba(41,41,41,var(--tw-border-opacity));outline:3px solid #ffffff;outline-offset:0px}.sol-input-core.-invert:not(:placeholder-shown):invalid,.sol-input-core.-invert.-error{--tw-border-opacity: 1;border-color:rgba(255,37,31,var(--tw-border-opacity))}.sol-input-core.-invert:disabled{--tw-bg-opacity: 1;background-color:rgba(82,82,82,var(--tw-bg-opacity));border-color:transparent}.sol-input-core:not(:placeholder-shown):invalid,.sol-input-core.-error{--tw-border-opacity: 1;border-color:rgba(255,37,31,var(--tw-border-opacity))}.sol-input-core:not(:placeholder-shown):invalid:focus-visible,.sol-input-core.-error:focus-visible{--tw-outline-opacity: 1;outline-color:rgba(255,37,31,var(--tw-outline-opacity))}.sol-input-core:disabled{--tw-bg-opacity: 1;background-color:rgba(245,245,245,var(--tw-bg-opacity));--tw-border-opacity: 1;border-color:rgba(224,224,224,var(--tw-border-opacity));cursor:not-allowed}.sol-textfield-core{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.sol-textfield-core.-invert>.label,.sol-textfield-core.-invert>.hint{--tw-text-opacity: 1;color:rgba(255,255,255,var(--tw-text-opacity))}.sol-textfield-core:is([required=true],[required=""])>.label:after{position:absolute;top:30%;right:0px;content:"*"}.sol-textfield-core>.label{font-family:Rubik;font-weight:400;font-size:.875rem;line-height:1.15;margin-bottom:.25rem;position:relative;text-align:left;--tw-text-opacity: 1;color:rgba(82,82,82,var(--tw-text-opacity))}.sol-textfield-core>.container-input{position:relative}.sol-textfield-core>.container-input>.input{width:100%;scroll-margin-top:14rem}.sol-textfield-core>.container-input>.input~*{position:absolute;top:calc(50% - 8px);right:12px}.sol-textfield-core>.hint,.sol-textfield-core>.error{font-family:Rubik;font-weight:400;font-size:.75rem;line-height:1.15;margin-top:.25rem;text-align:left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sol-textfield-core>.hint{--tw-text-opacity: 1;color:rgba(143,143,143,var(--tw-text-opacity))}.sol-textfield-core>.error{--tw-text-opacity: 1;color:rgba(255,37,31,var(--tw-text-opacity))}.sol-radio-core{border-radius:.25rem;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.sol-radio-core:focus-within{outline:3px solid #292929;outline-offset:0px}.sol-radio-core>.radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;--tw-bg-opacity: 1;background-color:rgba(255,255,255,var(--tw-bg-opacity));--tw-border-opacity: 1;border-color:rgba(41,41,41,var(--tw-border-opacity));border-radius:100%;border-style:solid;border-width:2px;cursor:pointer;height:1rem;margin-right:.5rem;width:1rem}.sol-radio-core>.radio:checked{--tw-bg-opacity: 1;background-color:rgba(255,176,31,var(--tw-bg-opacity))}.sol-radio-core>.radio:disabled{--tw-bg-opacity: 1;background-color:rgba(224,224,224,var(--tw-bg-opacity));cursor:not-allowed}.sol-radio-core>.radio:disabled~.label{cursor:not-allowed;--tw-text-opacity: 1;color:rgba(143,143,143,var(--tw-text-opacity))}.sol-radio-core>.label{cursor:pointer;display:inline-block;font-family:Rubik;font-weight:500;height:1rem;font-size:.875rem;line-height:1.33;padding-right:.5rem;--tw-text-opacity: 1;color:rgba(41,41,41,var(--tw-text-opacity))}.sol-radio-group-core{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;text-align:left}.sol-radio-group-core>.title{margin-bottom:.75rem}.sol-radio-group-core>.container-radios{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.sol-radio-group-core>.container-radios>.radio{width:-webkit-min-content;width:-moz-min-content;width:min-content}.sol-radio-group-core>.hint,.sol-radio-group-core>.error{font-family:Rubik;font-weight:400;font-size:.75rem;line-height:1.15;margin-top:.25rem;text-align:left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sol-radio-group-core>.hint{--tw-text-opacity: 1;color:rgba(143,143,143,var(--tw-text-opacity))}.sol-radio-group-core>.error{--tw-text-opacity: 1;color:rgba(255,37,31,var(--tw-text-opacity))}.sol-checkbox-core{border-radius:.25rem;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.sol-checkbox-core:focus-within{outline:3px solid #292929;outline-offset:0px}.sol-checkbox-core:hover>.checkbox:not(:checked){--tw-bg-opacity: 1;background-color:rgba(255,176,31,var(--tw-bg-opacity))}.sol-checkbox-core:hover>.checkbox:checked:before{--tw-bg-opacity: 1;background-color:rgba(255,176,31,var(--tw-bg-opacity))}.sol-checkbox-core>.checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;--tw-bg-opacity: 1;background-color:rgba(255,255,255,var(--tw-bg-opacity));--tw-border-opacity: 1;border-color:rgba(41,41,41,var(--tw-border-opacity));border-radius:.25rem;border-width:2px;display:-ms-grid;display:grid;place-content:center;height:1rem;margin-right:.5rem;width:1rem}.sol-checkbox-core>.checkbox:before{content:"";transform:scale(0);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);--tw-bg-opacity: 1;background-color:rgba(255,248,235,var(--tw-bg-opacity));height:.5rem;width:.5rem;-webkit-transform-origin:bottom left;-ms-transform-origin:bottom left;transform-origin:bottom left;-webkit-transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);-o-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.15s;-o-transition-duration:.15s;transition-duration:.15s}.sol-checkbox-core>.checkbox:checked:before{transform:scale(1)}.sol-checkbox-core>.checkbox:checked{--tw-bg-opacity: 1;background-color:rgba(41,41,41,var(--tw-bg-opacity))}.sol-checkbox-core>.checkbox:disabled{--tw-bg-opacity: 1;background-color:rgba(224,224,224,var(--tw-bg-opacity));cursor:not-allowed}.sol-checkbox-core>.checkbox:disabled~.label{cursor:not-allowed;--tw-text-opacity: 1;color:rgba(143,143,143,var(--tw-text-opacity))}.sol-checkbox-core>.label{cursor:pointer;display:inline-block;font-family:Rubik;font-weight:500;height:1rem;font-size:.875rem;line-height:1.33;padding-right:.5rem;--tw-text-opacity: 1;color:rgba(41,41,41,var(--tw-text-opacity))}.sol-checkbox-group-core{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;text-align:left}.sol-checkbox-group-core>.title{font-weight:700;margin-bottom:.75rem}.sol-checkbox-group-core>.container-checkboxes{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.sol-checkbox-group-core>.container-checkboxes>.checkbox{width:-webkit-min-content;width:-moz-min-content;width:min-content}.sol-checkbox-group-core>.hint,.sol-checkbox-group-core>.error{font-family:Rubik;font-weight:400;font-size:.75rem;line-height:1.15;margin-top:.25rem;text-align:left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sol-checkbox-group-core>.hint{--tw-text-opacity: 1;color:rgba(143,143,143,var(--tw-text-opacity))}.sol-checkbox-group-core>.error{--tw-text-opacity: 1;color:rgba(255,37,31,var(--tw-text-opacity))}.sol-switch-core{border-radius:1rem;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.sol-switch-core[disabled=""]>.label,.sol-switch-core[disabled=true]>.label{cursor:not-allowed;--tw-text-opacity: 1;color:rgba(143,143,143,var(--tw-text-opacity))}.sol-switch-core[disabled=""]>.switch-container,.sol-switch-core[disabled=true]>.switch-container{--tw-border-opacity: 1;border-color:rgba(82,82,82,var(--tw-border-opacity));--tw-border-opacity: .16}.sol-switch-core.-horizontal{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;width:100%}.sol-switch-core:focus-within>.switch-container{outline:3px solid #292929;outline-offset:0px}.sol-switch-core>.label{cursor:pointer;display:inline-block;font-family:Rubik;font-weight:500;height:1rem;font-size:.875rem;line-height:1.33;padding-right:.5rem;--tw-text-opacity: 1;color:rgba(41,41,41,var(--tw-text-opacity))}.sol-switch-core>.switch-container{--tw-border-opacity: 1;border-color:rgba(82,82,82,var(--tw-border-opacity));border-radius:1rem;border-width:2px;height:1.5rem;overflow:hidden;position:relative;width:3rem}.sol-switch-core>.switch-container:hover>.switch:checked~.ellipse{--tw-bg-opacity: 1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.sol-switch-core>.switch-container>.switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;height:100%;width:100%;transition:.2s background-color}.sol-switch-core>.switch-container>.switch:checked{--tw-bg-opacity: 1;background-color:rgba(255,176,31,var(--tw-bg-opacity))}.sol-switch-core>.switch-container>.switch:checked~.ellipse{transform:translate(140%)}.sol-switch-core>.switch-container>.switch[disabled=""],.sol-switch-core>.switch-container>.switch[disabled=true]{--tw-bg-opacity: 1;background-color:rgba(245,245,245,var(--tw-bg-opacity));cursor:not-allowed}.sol-switch-core>.switch-container>.switch[disabled=""]~.ellipse,.sol-switch-core>.switch-container>.switch[disabled=true]~.ellipse{--tw-bg-opacity: 1;background-color:rgba(224,224,224,var(--tw-bg-opacity))}.sol-switch-core>.switch-container>.ellipse{--tw-bg-opacity: 1;background-color:rgba(41,41,41,var(--tw-bg-opacity));border-radius:.5rem;display:inline-block;height:1rem;pointer-events:none;position:absolute;top:11.111111%;left:.25rem;width:1rem;transition:.2s transform,.15s background-color}*,:before,:after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}*{--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgba(59, 130, 246, 1);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}::moz-focus-inner{border-style:none;padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{color:inherit;text-decoration:inherit}body{margin:0;font-family:inherit;line-height:inherit}button,input{font-family:inherit;font-size:100%;line-height:1.15;margin:0;padding:0;line-height:inherit;color:inherit}button{text-transform:none;background-color:transparent;background-image:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button,[role=button]{cursor:pointer}code{font-size:1em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}fieldset{margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-family:Lato,sans-serif;line-height:1.5}h2,h3,h4{font-size:inherit;font-weight:inherit}img{border-style:solid;max-width:100%;height:auto}input::placeholder{opacity:1;color:#a1a1aa}input::webkit-input-placeholder{opacity:1;color:#a1a1aa}input::-moz-placeholder{opacity:1;color:#a1a1aa}input:-ms-input-placeholder{opacity:1;color:#a1a1aa}input::-ms-input-placeholder{opacity:1;color:#a1a1aa}img,svg{display:block;vertical-align:middle}legend{padding:0}p,h2,h3,h4,dl{margin:0}strong{font-weight:bolder}small{font-size:80%}table{text-indent:0;border-color:inherit;border-collapse:collapse}ul{list-style:none;margin:0;padding:0}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.bg-brand-primary-pure{--tw-bg-opacity: 1;background-color:rgba(255,176,31,var(--tw-bg-opacity))}.bg-neutrals-low-medium{--tw-bg-opacity: 1;background-color:rgba(82,82,82,var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-neutrals-high-light{--tw-bg-opacity: 1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.bg-brand-primary-light{--tw-bg-opacity: 1;background-color:rgba(255,248,235,var(--tw-bg-opacity))}.bg-neutrals-high-pure{--tw-bg-opacity: 1;background-color:rgba(224,224,224,var(--tw-bg-opacity))}.bg-neutrals-high-medium{--tw-bg-opacity: 1;background-color:rgba(245,245,245,var(--tw-bg-opacity))}.bg-neutrals-low-pure{--tw-bg-opacity: 1;background-color:rgba(41,41,41,var(--tw-bg-opacity))}.bg-brand-primary-medium{--tw-bg-opacity: 1;background-color:rgba(255,205,112,var(--tw-bg-opacity))}.bg-neutrals-low-light{--tw-bg-opacity: 1;background-color:rgba(143,143,143,var(--tw-bg-opacity))}.bg-feedback-positive-medium{--tw-bg-opacity: 1;background-color:rgba(238,251,246,var(--tw-bg-opacity))}.bg-feedback-positive-light{--tw-bg-opacity: 1;background-color:rgba(138,229,191,var(--tw-bg-opacity))}.bg-feedback-positive-pure{--tw-bg-opacity: 1;background-color:rgba(71,215,154,var(--tw-bg-opacity))}.bg-feedback-informative-light{--tw-bg-opacity: 1;background-color:rgba(235,248,255,var(--tw-bg-opacity))}.bg-feedback-informative-medium{--tw-bg-opacity: 1;background-color:rgba(112,203,255,var(--tw-bg-opacity))}.bg-feedback-negative-pure{--tw-bg-opacity: 1;background-color:rgba(255,37,31,var(--tw-bg-opacity))}.bg-feedback-informative-pure{--tw-bg-opacity: 1;background-color:rgba(31,174,255,var(--tw-bg-opacity))}.bg-feedback-negative-light{--tw-bg-opacity: 1;background-color:rgba(255,235,235,var(--tw-bg-opacity))}.bg-feedback-negative-medium{--tw-bg-opacity: 1;background-color:rgba(255,116,112,var(--tw-bg-opacity))}.border-neutrals-high-light{--tw-border-opacity: 1;border-color:rgba(255,255,255,var(--tw-border-opacity))}.border-neutrals-low-pure{--tw-border-opacity: 1;border-color:rgba(41,41,41,var(--tw-border-opacity))}.border-neutrals-low-light{--tw-border-opacity: 1;border-color:rgba(143,143,143,var(--tw-border-opacity))}.border-neutrals-low-medium{--tw-border-opacity: 1;border-color:rgba(82,82,82,var(--tw-border-opacity))}.border-neutrals-high-pure{--tw-border-opacity: 1;border-color:rgba(224,224,224,var(--tw-border-opacity))}.rounded-md{border-radius:.5rem}.rounded-sm{border-radius:.25rem}.rounded-fully{border-radius:100%}.rounded-lg{border-radius:1rem}.rounded-none{border-radius:0}.rounded-half{border-radius:50%}.rounded-full{border-radius:40rem}.border-solid{border-style:solid}.border-a-xs{border-width:1px}.border-sm,.border-2,.border-a-sm{border-width:2px}.border-a-md{border-width:4px}.border-a-lg{border-width:8px}.border-t-md{border-top-width:4px}.border-r-md{border-right-width:4px}.border-b-md{border-bottom-width:4px}.border-l-md{border-left-width:4px}.border-y-md{border-top-width:4px;border-bottom-width:4px}.border-x-md{border-left-width:4px;border-right-width:4px}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.inline-block{display:inline-block}.flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.grid{display:-ms-grid;display:grid}.hidden{display:none}.flex-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row}.flex-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.place-items-center{place-items:center}.place-content-center{place-content:center}.items-start{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.items-center{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.justify-center{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.font-highlight{font-family:Rubik}.font-code{font-family:Roboto Slab,"serif"}.font-medium{font-weight:500}.font-regular{font-weight:400}.h-4{height:1rem}.h-2{height:.5rem}.h-6{height:1.5rem}.h-full{height:100%}.h-40{height:10rem}.h-60{height:15rem}.h-24{height:6rem}.text-3xs{font-size:.875rem}.text-micro{font-size:.75rem}.text-sm{font-size:1.5rem}.text-xs{font-size:1.25rem}.text-2xs{font-size:1rem}.text-md{font-size:2rem}.text-lg{font-size:2.5rem}.text-xl{font-size:3rem}.text-2xl{font-size:3.5rem}.text-3xl{font-size:4rem}.text-mega{font-size:4.5rem}.text-giga{font-size:5.5rem}.leading-xs{line-height:1.15}.leading-md{line-height:1.33}.leading-default{line-height:1}.leading-sm{line-height:1.2}.leading-lg{line-height:1.5}.leading-xl{line-height:1.7}.mx-2{margin-left:.5rem;margin-right:.5rem}.mr-micro{margin-right:.5rem}.mb-micro{margin-bottom:.5rem}.mb-3xs{margin-bottom:.75rem}.mt-nano{margin-top:.25rem}.mb-1,.mb-nano{margin-bottom:.25rem}.mb-6{margin-bottom:1.5rem}.mb-4{margin-bottom:1rem}.mb-0{margin-bottom:0}.ml-4{margin-left:1rem}.max-h-10{max-height:2.5rem}.outline-solid-neutrals-high-light{--tw-outline-opacity: 1;outline-color:rgba(255,255,255,var(--tw-outline-opacity))}.py-3xs{padding-top:.75rem;padding-bottom:.75rem}.px-xs{padding-left:1.5rem;padding-right:1.5rem}.px-micro{padding-left:.5rem;padding-right:.5rem}.py-micro{padding-top:.5rem;padding-bottom:.5rem}.px-3xs{padding-left:.75rem;padding-right:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.pr-micro{padding-right:.5rem}.absolute{position:absolute}.relative{position:relative}.top-2\/18{top:11.111111%}.left-1{left:.25rem}.top-3\/10{top:30%}.shadow-soft{--tw-shadow: 0px 8px 16px rgba(41, 41, 41, .08);--tw-shadow-colored: 0px 8px 16px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-medium{--tw-shadow: 0px 12px 24px rgba(41, 41, 41, .16);--tw-shadow-colored: 0px 12px 24px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-large{--tw-shadow: 0px 16px 64px rgba(41, 41, 41, .24);--tw-shadow-colored: 0px 16px 64px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.text-left{text-align:left}.text-neutrals-low-pure{--tw-text-opacity: 1;color:rgba(41,41,41,var(--tw-text-opacity))}.text-neutrals-low-medium{--tw-text-opacity: 1;color:rgba(82,82,82,var(--tw-text-opacity))}.text-neutrals-low-light{--tw-text-opacity: 1;color:rgba(143,143,143,var(--tw-text-opacity))}.uppercase{text-transform:uppercase}.tracking-md{letter-spacing:.04rem}.tracking-default{letter-spacing:normal}.tracking-sm{letter-spacing:.16rem}.w-fit-content{width:fit-content}.w-4{width:1rem}.w-2{width:.5rem}.w-12{width:3rem}.w-full{width:100%}.w-60{width:15rem}.gap-4{grid-gap:1rem;gap:1rem}.gap-3{grid-gap:.75rem;gap:.75rem}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.transition-transform{-webkit-transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);-o-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.15s;-o-transition-duration:.15s;transition-duration:.15s}.filter{--tw-blur: var(--tw-empty, );--tw-brightness: var(--tw-empty, );--tw-contrast: var(--tw-empty, );--tw-grayscale: var(--tw-empty, );--tw-hue-rotate: var(--tw-empty, );--tw-invert: var(--tw-empty, );--tw-saturate: var(--tw-empty, );--tw-sepia: var(--tw-empty, );--tw-drop-shadow: var(--tw-empty, );-webkit-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);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)}.invert,.-invert,.invert\]{--tw-invert: invert(100%)}@media (min-width: 768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@font-face{font-family:Lato;src:url(fonts/lato/Lato-Regular.ttf);font-weight:400}@font-face{font-family:Lato;src:url(fonts/lato/Lato-Bold.ttf);font-weight:700}@font-face{font-family:Lato;src:url(fonts/lato/Lato-Medium.ttf);font-weight:500}@font-face{font-family:Rubik;src:url(fonts/rubik/Rubik-Regular.ttf);font-weight:400}@font-face{font-family:Rubik;src:url(fonts/rubik/Rubik-Bold.ttf);font-weight:700}@font-face{font-family:Rubik;src:url(fonts/rubik/Rubik-Medium.ttf);font-weight:500}@font-face{font-family:Roboto Slab;src:url(fonts/roboto-slab/RobotoSlab.ttf)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '@testing-library/jest-dom';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '@testing-library/jest-dom';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '@testing-library/jest-dom';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '@testing-library/jest-dom';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '@testing-library/jest-dom';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '@testing-library/jest-dom';
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
|
|
2
|
+
id: string;
|
|
3
|
+
name: string;
|
|
4
|
+
value: string;
|
|
5
|
+
label: string;
|
|
6
|
+
checked?: boolean | undefined;
|
|
7
|
+
class?: string | Record<string, boolean> | undefined;
|
|
8
|
+
hideLabel?: boolean | undefined;
|
|
9
|
+
horizontalLabel?: boolean | undefined;
|
|
10
|
+
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
11
|
+
change: (value: string) => void;
|
|
12
|
+
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
|
|
13
|
+
id: string;
|
|
14
|
+
name: string;
|
|
15
|
+
value: string;
|
|
16
|
+
label: string;
|
|
17
|
+
checked?: boolean | undefined;
|
|
18
|
+
class?: string | Record<string, boolean> | undefined;
|
|
19
|
+
hideLabel?: boolean | undefined;
|
|
20
|
+
horizontalLabel?: boolean | undefined;
|
|
21
|
+
}>>> & {
|
|
22
|
+
onChange?: ((value: string) => any) | undefined;
|
|
23
|
+
}, {}>;
|
|
24
|
+
export default _default;
|
|
25
|
+
declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
26
|
+
declare type __VLS_TypePropsToRuntimeProps<T> = {
|
|
27
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
28
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
29
|
+
} : {
|
|
30
|
+
type: import('vue').PropType<T[K]>;
|
|
31
|
+
required: true;
|
|
32
|
+
};
|
|
33
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '@testing-library/jest-dom';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '@testing-library/jest-dom';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '@testing-library/jest-dom';
|
package/dist/types/index.d.ts
CHANGED
|
@@ -1,13 +1,14 @@
|
|
|
1
|
-
import { App } from 'vue';
|
|
1
|
+
import type { App } from 'vue';
|
|
2
2
|
import { SolButton } from './components/forms/button';
|
|
3
3
|
import { SolInput } from './components/forms/input';
|
|
4
4
|
import { SolTextfield, SolTextfieldPassword } from './components/forms/textfield';
|
|
5
5
|
import { SolRadio, SolRadioGroup } from './components/forms/radio';
|
|
6
6
|
import { SolCheckbox, SolCheckboxGroup } from './components/forms/checkbox';
|
|
7
|
+
import { SolSwitch } from './components/forms/switch';
|
|
7
8
|
import 'virtual:windi-base.css';
|
|
8
9
|
import 'virtual:windi-components.css';
|
|
9
10
|
import 'virtual:windi-utilities.css';
|
|
10
11
|
import '@/assets/style.css';
|
|
11
12
|
export declare function install(App: App): void;
|
|
12
|
-
export { SolButton, SolInput, SolTextfield, SolTextfieldPassword, SolRadio, SolRadioGroup, SolCheckbox, SolCheckboxGroup };
|
|
13
|
+
export { SolButton, SolInput, SolTextfield, SolTextfieldPassword, SolRadio, SolRadioGroup, SolCheckbox, SolCheckboxGroup, SolSwitch };
|
|
13
14
|
export declare const componentsNames: string[];
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@solfacil/girassol",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.2",
|
|
4
4
|
"authors": [
|
|
5
5
|
{
|
|
6
6
|
"name": "Kevin Martin",
|
|
@@ -33,6 +33,7 @@
|
|
|
33
33
|
"build:lib": "vue-tsc --noEmit && vite build",
|
|
34
34
|
"build:lib:ts": "vite build && vue-tsc --emitDeclarationOnly && mv dist/src dist/types",
|
|
35
35
|
"preview": "vite preview",
|
|
36
|
+
"girassol": "girassol",
|
|
36
37
|
"test": "jest --silent",
|
|
37
38
|
"test:w": "jest --silent --watch",
|
|
38
39
|
"storybook": "start-storybook -p 6006 --ci",
|