@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 CHANGED
@@ -1,13 +1,24 @@
1
1
  <div align="center">
2
- <img src="https://raw.githubusercontent.com/solfacil/components-ui/main/public/logo-solfacil-color.svg" />
2
+ <img src="https://raw.githubusercontent.com/solfacil/girassol/develop/public/girassol.svg?token=GHSAT0AAAAAABRQP4AJEP625ZKYT2QDG3NSYSXE5HQ" />
3
3
  </div>
4
4
 
5
- Biblioteca de componentes
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}components.d.ts`,
21
+ target: `${RELATIVE_ROOT_PROJECT}/plugins/girassol.ts`,
22
22
  })
23
23
 
24
- spinnerPlugin.succeed('Plugin created!')
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('Plugin created!')
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('Global types created!')
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
  }
@@ -5,7 +5,7 @@ const command: GluegunCommand = {
5
5
  run: async (toolbox) => {
6
6
  const { print } = toolbox
7
7
 
8
- print.info('Welcome to your CLI')
8
+ print.info('Welcome Girassol CLI')
9
9
  },
10
10
  }
11
11
 
@@ -0,0 +1,3 @@
1
+ import windiconfig from '@solfacil/girassol/windi.config'
2
+
3
+ export default windiconfig
@@ -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$9 = ["data-testid"];
4
- const _hoisted_2$7 = { class: "icon -left" };
5
- const _hoisted_3$5 = { class: "icon -right" };
6
- const _sfc_main$7 = /* @__PURE__ */ defineComponent({
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$7, [
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$5, [
34
+ createElementVNode("div", _hoisted_3$6, [
35
35
  renderSlot(_ctx.$slots, "icon-right")
36
36
  ])
37
- ], 10, _hoisted_1$9);
37
+ ], 10, _hoisted_1$a);
38
38
  };
39
39
  }
40
40
  });
41
- _sfc_main$7.install = (app) => {
42
- app.component("SolButton", _sfc_main$7);
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$8 = ["id", "data-testid", "value"];
46
- const _sfc_main$6 = /* @__PURE__ */ defineComponent({
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$8);
66
+ }, null, 42, _hoisted_1$9);
67
67
  };
68
68
  }
69
69
  });
70
- _sfc_main$6.install = (app) => {
71
- app.component("SolButton", _sfc_main$6);
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$7 = ["id", "data-testid"];
75
- const _hoisted_2$6 = ["for"];
76
- const _hoisted_3$4 = { class: "container-input" };
77
- const _hoisted_4$2 = ["id"];
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$5 = /* @__PURE__ */ defineComponent({
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$6)) : createCommentVNode("", true)
122
+ ], 8, _hoisted_2$7)) : createCommentVNode("", true)
123
123
  ]),
124
- createElementVNode("div", _hoisted_3$4, [
124
+ createElementVNode("div", _hoisted_3$5, [
125
125
  renderSlot(_ctx.$slots, "default", {}, () => [
126
- createVNode(_sfc_main$6, mergeProps(_ctx.$attrs, {
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$2)) : __props.error ? (openBlock(), createElementBlock("span", {
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$7);
148
+ ], 10, _hoisted_1$8);
149
149
  };
150
150
  }
151
151
  });
152
- const _hoisted_1$6 = {
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$5 = /* @__PURE__ */ createElementVNode("g", { fill: "currentColor" }, [
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$3 = [
163
- _hoisted_2$5
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$6, _hoisted_3$3);
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$5 = {
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$4 = /* @__PURE__ */ createElementVNode("path", {
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$2 = [
180
- _hoisted_2$4
179
+ const _hoisted_3$3 = [
180
+ _hoisted_2$5
181
181
  ];
182
182
  function render(_ctx, _cache) {
183
- return openBlock(), createElementBlock("svg", _hoisted_1$5, _hoisted_3$2);
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$4 = ["aria-label"];
187
- const _sfc_main$4 = /* @__PURE__ */ defineComponent({
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$5, {
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$4)
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$5.install = (app) => {
224
- app.component("SolTextfield", _sfc_main$5);
223
+ _sfc_main$6.install = (app) => {
224
+ app.component("SolTextfield", _sfc_main$6);
225
225
  };
226
- _sfc_main$4.install = (app) => {
227
- app.component("SolTextfieldPassword", _sfc_main$4);
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$3 = ["id", "data-testid", "checked", "value", "name"];
231
- const _hoisted_2$3 = ["for"];
232
- const _sfc_main$3 = /* @__PURE__ */ defineComponent({
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$3),
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$3)
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$2 = ["aria-labelledby"];
267
- const _hoisted_2$2 = ["id", "data-testid"];
268
- const _hoisted_3$1 = ["id"];
269
- const _hoisted_4$1 = ["id"];
270
- const _sfc_main$2 = /* @__PURE__ */ defineComponent({
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$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$3, mergeProps(_ctx.$attrs, {
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$1)) : __props.error ? (openBlock(), createElementBlock("p", {
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$1)) : createCommentVNode("", true)
349
- ], 8, _hoisted_1$2);
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$1 = ["id", "data-testid", "checked", "value", "name"];
355
- const _hoisted_2$1 = ["for"];
356
- const _sfc_main$1 = /* @__PURE__ */ defineComponent({
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$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$1)
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$1, mergeProps(_ctx.$attrs, {
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$7,
491
- SolInput: _sfc_main$6,
492
- SolTextfield: _sfc_main$5,
493
- SolTextfieldPassword: _sfc_main$4,
494
- SolRadio: _sfc_main$3,
495
- SolRadioGroup: _sfc_main$2,
496
- SolCheckbox: _sfc_main$1,
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(App2) {
562
+ function install(App) {
500
563
  for (const component in components) {
501
- App2.component(component, components[component]);
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$7 as SolButton, _sfc_main$1 as SolCheckbox, _sfc_main as SolCheckboxGroup, _sfc_main$6 as SolInput, _sfc_main$3 as SolRadio, _sfc_main$2 as SolRadioGroup, _sfc_main$5 as SolTextfield, _sfc_main$4 as SolTextfieldPassword, componentsNames, install };
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 };
@@ -1,5 +1,5 @@
1
- (function(c,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(c=typeof globalThis!="undefined"?globalThis:c||self,e(c.girassol={},c.Vue))})(this,function(c,e){"use strict";var le="";const w=["data-testid"],N={class:"icon -left"},x={class:"icon -right"},y=e.defineComponent({props:{variant:{default:"primary"},dense:{type:Boolean,default:!1},invert:{type:Boolean,default:!1},id:null},setup(t){function n(u,r){return u?r:""}const l=e.useSlots(),d=e.computed(()=>!!(l==null?void 0:l.default)&&(!!(l==null?void 0:l["icon-right"])||!!(l==null?void 0:l["icon-left"]))),s=e.computed(()=>!(l==null?void 0:l.default)&&(!!(l==null?void 0:l["icon-right"])||!!(l==null?void 0:l["icon-left"])));return(u,r)=>(e.openBlock(),e.createElementBlock("button",{"data-testid":`button-${t.id}`,class:e.normalizeClass(["sol-button-core",`-${t.variant}
2
- ${n(t.dense,"-dense")} ${n(t.invert,"-invert")}
3
- ${n(e.unref(d),"-has-icon")}
4
- ${n(e.unref(s),"-only-icon")}
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,2 @@
1
+ import SolSwitch from './Switch.vue';
2
+ export { SolSwitch };
@@ -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';
@@ -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.0",
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",