@sio-group/form-react 0.1.0

package/dist/styles/components/grid.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../src/assets/scss/components/grid.scss"],"names":[],"mappings":"AAYA;EACE;;;AAsBF;AAAA;AAAA;EAGE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;;;AAkBE;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAIA;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAIJ;EACE;;;AAGF;EACE;;;AAIA;EACE,OAFS;;;AACX;EACE,OAFS;;;AACX;EACE,OAFS;;;AACX;EACE,OAFS;;;AACX;EACE,OAFS;;;AACX;EACE,OAFS;;;AACX;EACE,OAFS;;;AACX;EACE,OAFS;;;AACX;EACE,OAFS;;;AACX;EACE,OAFS;;;AACX;EACE,OAFS;;;AACX;EACE,OAFS;;;AACX;EACE,OAFS;;;AAQT;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AAMJ;EACE;;;AAKF;EACE;;;AAzGJ;EAyDA;IACE;IACA;IACA;;EAEF;IACE;IACA;IACA;;EAIA;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAIJ;IACE;;EAGF;IACE;;EAIA;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EAQT;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EAMJ;IACE;;EAKF;IACE;;;AAzGJ;EAyDA;IACE;IACA;IACA;;EAEF;IACE;IACA;IACA;;EAIA;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAIJ;IACE;;EAGF;IACE;;EAIA;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EAQT;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EAMJ;IACE;;EAKF;IACE;;;AAzGJ;EAyDA;IACE;IACA;IACA;;EAEF;IACE;IACA;IACA;;EAIA;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAIJ;IACE;;EAGF;IACE;;EAIA;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EAQT;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EAMJ;IACE;;EAKF;IACE;;;AAzGJ;EAyDA;IACE;IACA;IACA;;EAEF;IACE;IACA;IACA;;EAIA;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAIJ;IACE;;EAGF;IACE;;EAIA;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EAQT;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EAMJ;IACE;;EAKF;IACE","file":"grid.css"}

package/dist/styles/components/input.css

@@ -0,0 +1,112 @@
+:where(.form-field__control) {
+  border: 1px solid var(--sio-form-border);
+  background: var(--sio-form-bg);
+  position: relative;
+  font-size: 1em;
+  padding: 0;
+  margin: 2px 0 0;
+  display: flex;
+  justify-content: space-between;
+  border-radius: var(--sio-form-border-radius);
+  transition: color 300ms ease;
+}
+
+:where(.form-field__control input),
+:where(.form-field__control textarea) {
+  display: block;
+  color: var(--sio-color-gray);
+  width: 100%;
+  background: transparent;
+  border: none;
+  padding: var(--sio-form-padding-y) var(--sio-form-padding-x);
+  resize: vertical;
+  transition: color 300ms ease;
+}
+
+:where(.form-field__control input:focus),
+:where(.form-field__control textarea:focus),
+:where(.form-field__control select:focus) {
+  outline: none;
+  box-shadow: none;
+}
+
+:where(.form-field__control input::placeholder),
+:where(.form-field__control textarea::placeholder) {
+  color: var(--sio-color-light-gray);
+  font-weight: 200;
+  font-size: 1em;
+}
+
+:where(.form-field__icon) {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 25px;
+  color: var(--sio-color-light-gray);
+  font-size: 1em;
+  margin-top: -1px;
+}
+
+:where(.form-field__action) {
+  color: var(--sio-color-white);
+  background-color: var(--sio-color-primary);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: 0 3px 3px 0;
+  margin: -1px -1px -1px 0;
+  cursor: pointer;
+}
+
+:where(.form-field__spinner) {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  color: var(--sio-color-light-gray);
+  gap: 1px;
+  margin-right: 1px;
+}
+
+:where(.form-field__spinner .btn) {
+  padding: 0 5px;
+  min-height: unset;
+  font-size: 0.5em;
+  height: 11px;
+}
+
+:where(.form-field__spinner-btn) {
+  padding: 0 0.5rem;
+  font-size: 1.2em;
+  text-decoration: none;
+}
+
+:where(.form-field input)::-webkit-resizer,
+:where(.form-field input)::-webkit-inner-spin-button,
+:where(.form-field input)::-webkit-calendar-picker-indicator {
+  display: none;
+}
+
+:where(.form-field input[type=date i]) {
+  font-family: Arial;
+}
+
+:where(.form-field input::-webkit-datetime-edit-text) {
+  color: var(--sio-color-primary);
+}
+
+:where(.form-field input)::-webkit-datetime-edit-day-field,
+:where(.form-field input)::-webkit-datetime-edit-month-field,
+:where(.form-field input)::-webkit-datetime-edit-year-field {
+  color: var(--sio-color-black);
+}
+
+:where(.form-field input)::-webkit-datetime-edit-day-field:focus,
+:where(.form-field input)::-webkit-datetime-edit-month-field:focus,
+:where(.form-field input)::-webkit-datetime-edit-year-field:focus {
+  background-color: color-mix(in srgb, rgb(var(--sio-color-primary)) 60%, white);
+  color: var(--sio-color-black);
+  border-radius: var(--sio-form-border-radius);
+}
+
+/*# sourceMappingURL=input.css.map */

package/dist/styles/components/input.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../src/assets/scss/components/input.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;EAGE;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;AAAA;AAAA;EAGE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;AAAA;EAGE;;;AAGF;AAAA;AAAA;EAGE;EACA;EACA","file":"input.css"}

package/dist/styles/components/link.css

@@ -0,0 +1,113 @@
+@keyframes spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+:root {
+  --sio-color-white: #ffffff;
+  --sio-color-black: #000000;
+  --sio-color-gray: #655f5d;
+  --sio-color-light-gray: #c6c6c6;
+  --sio-color-primary: #3B82F6;
+  --sio-color-success: #10B981;
+  --sio-color-error: #EF4444;
+  --sio-color-warning: #F59E0B;
+  --sio-color-info: #06B6D4;
+  --sio-color-primary-rgb: 59, 130, 246;
+  --sio-color-error-rgb: 239, 68, 68;
+  --sio-form-label: var(--sio-color-primary);
+  --sio-form-border: var(--sio-color-light-gray);
+  --sio-form-bg: var(--sio-color-white);
+  --sio-btn-primary-bg: var(--sio-color-primary);
+  --sio-btn-primary-border: var(--sio-color-primary);
+  --sio-btn-primary-text: var(--sio-color-white);
+  --sio-btn-secondary-bg: transparent;
+  --sio-btn-secondary-border: var(--sio-color-primary);
+  --sio-btn-secondary-text: var(--sio-color-primary);
+  --sio-btn-link-bg: transparent;
+  --sio-btn-link-border: transparent;
+  --sio-btn-link-text: var(--sio-color-primary);
+}
+
+:where(.btn--link) {
+  --sio-btn-bg: var(--sio-btn-link-bg);
+  --sio-btn-border: var(--sio-btn-link-border);
+  --sio-btn-text: var(--sio-btn-link-text);
+  --sio-btn-bg-hover: var(--sio-btn-bg);
+  --sio-btn-border-hover: var(--sio-btn-border);
+  --sio-btn-text-hover: color-mix(in srgb, var(--sio-btn-text) 85%, black);
+  --sio-btn-bg-disabled: var(--sio-btn-bg);
+  --sio-btn-border-disabled: var(--sio-btn-border);
+  --sio-btn-text-disabled: color-mix(in srgb, var(--sio-btn-text) 40%, white);
+}
+
+:where(.link) {
+  display: inline;
+  user-select: none;
+  transition: all 0.3s ease-in;
+  text-decoration: underline;
+}
+
+:where(.link:hover),
+:where(.link:active),
+:where(.link:focus),
+:where(.link.link--active) {
+  background: var(--sio-btn-bg-hover, var(--sio-btn-bg));
+  border-color: var(--sio-btn-border-hover, var(--sio-btn-border));
+  color: var(--sio-btn-text-hover, var(--sio-btn-text));
+}
+
+:where(.link:disabled),
+:where(.link.link--disabled) {
+  cursor: not-allowed;
+  background: var(--sio-btn-bg-disabled, var(--sio-btn-bg));
+  border-color: var(--sio-btn-border-disabled, var(--sio-btn-border));
+  color: var(--sio-btn-text-disabled, var(--sio-btn-text));
+}
+
+:where(.link--success) {
+  --sio-btn-bg: transparent;
+  --sio-btn-border: transparent;
+  --sio-btn-text: var(--sio-color-success);
+}
+
+:where(.link--error) {
+  --sio-btn-bg: transparent;
+  --sio-btn-border: transparent;
+  --sio-btn-text: var(--sio-color-error);
+}
+
+:where(.link--warning) {
+  --sio-btn-bg: transparent;
+  --sio-btn-border: transparent;
+  --sio-btn-text: var(--sio-color-warning);
+}
+
+:where(.link--info) {
+  --sio-btn-bg: transparent;
+  --sio-btn-border: transparent;
+  --sio-btn-text: var(--sio-color-info);
+}
+
+:where(.link--block) {
+  display: block;
+  width: 100%;
+}
+
+:where(.link--lg) {
+  font-size: 1.1em;
+}
+
+:where(.link--sm) {
+  font-size: 0.7em;
+}
+
+:where(.link--loading) {
+  position: relative;
+  cursor: wait !important;
+}
+
+/*# sourceMappingURL=link.css.map */

package/dist/styles/components/link.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../src/assets/scss/utilities/_mixins.scss","../../../src/assets/scss/tokens/_colors.scss","../../../src/assets/scss/components/link.scss"],"names":[],"mappings":"AAEA;EACE;IAAO;;EACP;IAAK;;;ACcP;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;;AC5CF;EACE;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;EAIE;EACA;EACA;;;AAGF;AAAA;EAEE;EAEA;EACA;EACA;;;AAIA;EACE;EACA;EACA;;;AAHF;EACE;EACA;EACA;;;AAHF;EACE;EACA;EACA;;;AAHF;EACE;EACA;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA","file":"link.css"}

package/dist/styles/components/radio.css

@@ -0,0 +1,104 @@
+:where(.form-field__radio .form-field__control) {
+  display: flex !important;
+  flex-direction: column;
+  gap: 8px;
+  margin-top: 8px;
+}
+
+:where(.form-field__radio .form-field__control label) {
+  position: relative;
+  padding-left: 32px;
+}
+
+:where(.form-field__radio .form-field__control label > div) {
+  display: inline;
+  color: var(--sio-color-black);
+  font-weight: normal;
+}
+
+:where(.form-field__radio .form-field__control label):before {
+  content: "";
+  position: absolute;
+  border: 1px solid var(--sio-form-border);
+  background-color: var(--sio-form-bg);
+  border-radius: 50%;
+  cursor: pointer;
+  width: 17px;
+  height: 17px;
+  top: -1px;
+  left: 0;
+}
+
+:where(.form-field__radio .form-field__control label):after {
+  content: "";
+  background-color: var(--sio-color-primary);
+  position: absolute;
+  border-radius: 50%;
+  cursor: pointer;
+  width: 13px;
+  height: 13px;
+  top: 2px;
+  left: 3px;
+  transform: scale(0);
+  transition: all 0.4s;
+}
+
+:where(.form-field__radio input[type=radio]) {
+  display: none !important;
+}
+
+:where(.form-field__radio label.form-field--has-value):before {
+  border-color: var(--sio-color-primary);
+}
+
+:where(.form-field__radio label.form-field--has-value):after {
+  transform: scale(1);
+}
+
+:where(.form-field__radio-inline .form-field__control) {
+  flex-direction: row;
+  justify-content: flex-start;
+  flex-wrap: wrap;
+  gap: 20px;
+}
+
+:where(.form-field__radio.form-field--has-errors label):before {
+  border-color: var(--sio-color-error);
+  background: rgba(var(--sio-color-error-rgb), 0.06);
+}
+
+:where(.form-field__radio.form-field--has-errors label.form-field--has-value):after {
+  border-color: var(--sio-color-error);
+  background: var(--sio-color-error);
+}
+
+:where(.form-field__radio.form-field--disabled .form-field__control label) {
+  cursor: not-allowed;
+}
+
+:where(.form-field__radio.form-field--disabled .form-field__control label):before,
+:where(.form-field__radio.form-field--disabled .form-field__control label):after {
+  cursor: not-allowed;
+}
+
+:where(.form-field__radio.form-field--disabled .form-field__control label):before {
+  border-color: var(--sio-color-light-gray);
+  background-color: color-mix(in srgb, var(--sio-color-light-gray) 75%, white);
+}
+
+:where(.form-field__radio.form-field--disabled .form-field__control label):after {
+  border-color: color-mix(in srgb, var(--sio-color-light-gray) 75%, black);
+  background-color: color-mix(in srgb, var(--sio-color-light-gray) 75%, black);
+  transform: scale(0);
+  transition: all 0.4s;
+}
+
+:where(.form-field__radio.form-field--disabled .form-field__control label.form-field--has-value):before {
+  border-color: var(--sio-color-light-gray);
+}
+
+:where(.form-field__radio.form-field--disabled .form-field__control label.form-field--has-value):after {
+  transform: scale(1);
+}
+
+/*# sourceMappingURL=radio.css.map */

package/dist/styles/components/radio.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../src/assets/scss/components/radio.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACE;;;AAGF;EACE;;;AAGF;EACM;;;AAGN;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EAEA;EACA;;;AAGF;EACE;;;AAGF;EACE","file":"radio.css"}

package/dist/styles/components/range.css

@@ -0,0 +1,54 @@
+:where(.form-field__range .form-field__control) {
+  background: transparent !important;
+  border: none;
+  padding: 0;
+  box-shadow: none !important;
+  gap: 15px;
+}
+
+:where(.form-field__range-value) {
+  color: var(--sio-color-gray);
+  align-content: center;
+  min-width: 25px;
+}
+
+:where(.form-field input[type=range]) {
+  appearance: none;
+  width: 100%;
+  cursor: pointer;
+  outline: none;
+  padding: 12px 0 15px;
+  margin: 0;
+  height: 6px;
+  background: transparent;
+}
+
+:where(.form-field input[type=range])::-webkit-slider-runnable-track {
+  width: 100%;
+  height: 5px;
+  cursor: pointer;
+  background: var(--sio-color-light-gray);
+  border-radius: 2px;
+}
+
+:where(.form-field input[type=range])::-webkit-slider-thumb {
+  appearance: none;
+  margin-top: -5.5px;
+  height: 14px;
+  width: 14px;
+  background-color: var(--sio-color-primary);
+  border-radius: 50%;
+  border: none;
+  transition: 0.2s ease-in-out;
+}
+
+:where(.form-field input[type=range])::-webkit-slider-thumb:hover {
+  box-shadow: 0 0 0 10px rgba(var(--sio-color-primary-rgb), 0.1);
+}
+
+:where(.form-field input[type=range]):active::-webkit-slider-thumb,
+:where(.form-field input[type=range]):focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 13px rgba(var(--sio-color-primary-rgb), 0.2);
+}
+
+/*# sourceMappingURL=range.css.map */

package/dist/styles/components/range.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../src/assets/scss/components/range.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;AAAA;EAEE","file":"range.css"}

package/dist/styles/components/select.css

@@ -0,0 +1,37 @@
+:where(.form-field__select select) {
+  display: block;
+  width: 100%;
+  background: transparent;
+  border: none;
+  color: var(--var-color-gray);
+  font-size: 1em;
+  appearance: none;
+  cursor: pointer;
+}
+
+:where(.form-field__select-single .form-field__control) {
+  position: relative;
+}
+
+:where(.form-field__select-single .form-field__control):after {
+  content: "";
+  position: absolute;
+  right: 10px;
+  top: 11px;
+  width: 6px;
+  height: 6px;
+  border-right: 2px solid var(--sio-color-light-gray);
+  border-bottom: 2px solid var(--sio-color-light-gray);
+  transform: translateY(-50%) rotate(45deg);
+  pointer-events: none;
+}
+
+:where(.form-field__select-single select) {
+  padding: 5px 28px 5px 10px;
+}
+
+:where(.form-field__select-multiple select) {
+  padding: 5px 10px;
+}
+
+/*# sourceMappingURL=select.css.map */

package/dist/styles/components/select.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../src/assets/scss/components/select.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE","file":"select.css"}

package/dist/styles/components/upload.css

@@ -0,0 +1,54 @@
+:where(.form-field__upload-file) {
+  display: flex;
+  justify-content: space-between;
+  margin: 10px 0;
+}
+
+:where(.form-field input[type=file i]) {
+  color: transparent;
+}
+
+:where(.form-field input)::file-selector-button {
+  padding: 0;
+  margin: 0;
+  border: none;
+  background-color: transparent;
+  color: var(--sio-color-light-gray);
+  font-weight: 200;
+  font-size: 1em;
+}
+
+:where(.form-field__upload-file-label) {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  color: var(--sio-color-black);
+}
+
+:where(.form-field__upload-file-section button) {
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  border: none;
+  padding: 3px 5px;
+  border-radius: 3px;
+}
+
+:where(.form-field__upload-file-remove-button) {
+  background: transparent;
+  color: var(--sio-color-error);
+}
+
+:where(.form-field__upload-buttons) {
+  display: flex;
+  justify-content: flex-end;
+  gap: 5px;
+}
+
+:where(.form-field__upload-remove-all-button) {
+  gap: 5px;
+  background: transparent;
+  color: var(--sio-color-error);
+}
+
+/*# sourceMappingURL=upload.css.map */

package/dist/styles/components/upload.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../src/assets/scss/components/upload.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA","file":"upload.css"}