@sio-group/form-react 0.4.1 → 0.4.3

package/dist/styles/index.css

@@ -854,293 +854,6 @@
     display: block;
   }
 }
-:where(.btn--primary) {
-  --sio-btn-bg: var(--sio-btn-primary-bg);
-  --sio-btn-border: var(--sio-btn-primary-border);
-  --sio-btn-text: var(--sio-btn-primary-text);
-  --sio-btn-bg-hover: color-mix(in srgb, var(--sio-btn-bg) 85%, black);
-  --sio-btn-border-hover: color-mix(in srgb, var(--sio-btn-border) 85%, black);
-  --sio-btn-text-hover: var(--sio-btn-text);
-  --sio-btn-bg-disabled: color-mix(in srgb, var(--sio-btn-bg) 40%, white);
-  --sio-btn-border-disabled: color-mix(in srgb, var(--sio-btn-border) 40%, white);
-  --sio-btn-text-disabled: color-mix(in srgb, var(--sio-btn-text) 60%, black);
-}
-
-:where(.btn--secondary) {
-  --sio-btn-bg: var(--sio-btn-secondary-bg);
-  --sio-btn-border: var(--sio-btn-secondary-border);
-  --sio-btn-text: var(--sio-btn-secondary-text);
-  --sio-btn-bg-hover: var(--sio-btn-bg);
-  --sio-btn-border-hover: color-mix(in srgb, var(--sio-btn-border) 85%, black);
-  --sio-btn-text-hover: var(--sio-btn-text);
-  --sio-btn-bg-disabled: var(--sio-btn-bg);
-  --sio-btn-border-disabled: color-mix(in srgb, var(--sio-btn-border) 40%, white);
-  --sio-btn-text-disabled: color-mix(in srgb, var(--sio-btn-text) 40%, white);
-}
-
-: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(.btn) {
-  background-color: var(--sio-btn-bg);
-  color: var(--sio-btn-text);
-  display: inline-block;
-  font-size: 0.9em;
-  font-weight: 500;
-  user-select: none;
-  text-align: center;
-  border: 1px solid var(--sio-btn-border);
-  padding: 2px 15px;
-  border-radius: 3px;
-  cursor: pointer;
-  min-height: 22px;
-  transition: all 0.3s ease-in;
-  text-decoration: none;
-}
-
-:where(.btn--link) {
-  display: inline;
-  font-weight: unset;
-  user-select: none;
-  text-align: left;
-  padding: 0;
-  border-radius: unset;
-  min-height: unset;
-  transition: all 0.3s ease-in;
-  text-decoration: underline;
-}
-
-:where(.btn:hover),
-:where(.btn:active),
-:where(.btn:focus),
-:where(.btn.btn--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(.btn:disabled),
-:where(.btn.btn--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(.btn--primary.btn--success) {
-  --sio-btn-bg: var(--sio-color-success);
-  --sio-btn-border: var(--sio-color-success);
-  --sio-btn-text: var(--sio-color-white);
-}
-
-:where(.btn--secondary.btn--success) {
-  --sio-btn-bg: transparent;
-  --sio-btn-border: var(--sio-color-success);
-  --sio-btn-text: var(--sio-color-success);
-}
-
-:where(.btn--link.btn--success) {
-  --sio-btn-bg: transparent;
-  --sio-btn-border: transparent;
-  --sio-btn-text: var(--sio-color-success);
-}
-
-:where(.btn--primary.btn--error) {
-  --sio-btn-bg: var(--sio-color-error);
-  --sio-btn-border: var(--sio-color-error);
-  --sio-btn-text: var(--sio-color-white);
-}
-
-:where(.btn--secondary.btn--error) {
-  --sio-btn-bg: transparent;
-  --sio-btn-border: var(--sio-color-error);
-  --sio-btn-text: var(--sio-color-error);
-}
-
-:where(.btn--link.btn--error) {
-  --sio-btn-bg: transparent;
-  --sio-btn-border: transparent;
-  --sio-btn-text: var(--sio-color-error);
-}
-
-:where(.btn--primary.btn--warning) {
-  --sio-btn-bg: var(--sio-color-warning);
-  --sio-btn-border: var(--sio-color-warning);
-  --sio-btn-text: var(--sio-color-white);
-}
-
-:where(.btn--secondary.btn--warning) {
-  --sio-btn-bg: transparent;
-  --sio-btn-border: var(--sio-color-warning);
-  --sio-btn-text: var(--sio-color-warning);
-}
-
-:where(.btn--link.btn--warning) {
-  --sio-btn-bg: transparent;
-  --sio-btn-border: transparent;
-  --sio-btn-text: var(--sio-color-warning);
-}
-
-:where(.btn--primary.btn--info) {
-  --sio-btn-bg: var(--sio-color-info);
-  --sio-btn-border: var(--sio-color-info);
-  --sio-btn-text: var(--sio-color-white);
-}
-
-:where(.btn--secondary.btn--info) {
-  --sio-btn-bg: transparent;
-  --sio-btn-border: var(--sio-color-info);
-  --sio-btn-text: var(--sio-color-info);
-}
-
-:where(.btn--link.btn--info) {
-  --sio-btn-bg: transparent;
-  --sio-btn-border: transparent;
-  --sio-btn-text: var(--sio-color-info);
-}
-
-:where(.btn--block) {
-  display: block;
-  width: 100%;
-}
-
-:where(.btn--lg) {
-  padding: 5px 20px;
-  font-size: 1.1em;
-  min-height: 34px;
-}
-
-:where(.btn--sm) {
-  padding: 2.5px 5px;
-  font-size: 0.7em;
-  min-height: 23px;
-}
-
-:where(.btn--loading) {
-  position: relative;
-  cursor: wait !important;
-}
-
-:where(.btn__spinner) {
-  display: flex;
-  animation: spin 1s infinite linear;
-  margin-right: 8px;
-  width: 20px;
-  height: 20px;
-}
-
-:where(.btn__spinner svg) {
-  display: block;
-  width: 100%;
-  height: 100%;
-}
-
-:where(.btn__spinner circle) {
-  fill: none;
-  stroke: currentColor;
-  stroke-width: 2;
-  stroke-dasharray: 30 100;
-  stroke-linecap: round;
-}
-
-:where(.btn__loading-text) {
-  position: absolute;
-  clip: rect(1px, 1px, 1px, 1px);
-}
-
-:where(.btn-group) {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 5px;
-}
-
-: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;
-}
-
 :where(.form-field__control) {
   border: 1px solid var(--sio-form-border);
   background: var(--sio-form-bg);

package/dist/styles/index.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../src/assets/scss/tokens/_colors.scss","../../src/assets/scss/tokens/_form.scss","../../src/assets/scss/utilities/_mixins.scss","../../src/assets/scss/components/grid.scss","../../src/assets/scss/components/button.scss","../../src/assets/scss/components/link.scss","../../src/assets/scss/components/input.scss","../../src/assets/scss/components/form-field.scss","../../src/assets/scss/components/form-states.scss","../../src/assets/scss/components/checkbox.scss","../../src/assets/scss/components/radio.scss","../../src/assets/scss/components/select.scss","../../src/assets/scss/components/upload.scss","../../src/assets/scss/components/range.scss","../../src/assets/scss/components/color.scss"],"names":[],"mappings":"AAkBA;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;;AC/CF;EACE;EAEA;EACA;;;ACFF;EACE;IAAO;;EACP;IAAK;;;ACQP;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;;;AC9HR;EACE;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;EAIE;EACA;EACA;;;AAGF;AAAA;EAEE;EAEA;EACA;EACA;;;AAIA;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAbF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAbF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAbF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AC/JF;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;;;AC9DF;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;;;AC9GF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AC9BF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;;;AC9EF;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;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAIF;EACE;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EAEA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;ACxFF;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;;;ACtGF;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;;;ACjCF;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;;;AClDF;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;;;AClDF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../src/assets/scss/tokens/_colors.scss","../../src/assets/scss/tokens/_form.scss","../../src/assets/scss/utilities/_mixins.scss","../../src/assets/scss/components/grid.scss","../../src/assets/scss/components/input.scss","../../src/assets/scss/components/form-field.scss","../../src/assets/scss/components/form-states.scss","../../src/assets/scss/components/checkbox.scss","../../src/assets/scss/components/radio.scss","../../src/assets/scss/components/select.scss","../../src/assets/scss/components/upload.scss","../../src/assets/scss/components/range.scss","../../src/assets/scss/components/color.scss"],"names":[],"mappings":"AAkBA;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;;AC/CF;EACE;EAEA;EACA;;;ACFF;EACE;IAAO;;EACP;IAAK;;;ACQP;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;;;AC/HR;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;;;AC9GF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AC9BF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;;;AC9EF;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;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAIF;EACE;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EAEA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;ACxFF;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;;;ACtGF;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;;;ACjCF;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;;;AClDF;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;;;AClDF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA","file":"index.css"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sio-group/form-react",
-  "version": "0.4.1",
+  "version": "0.4.3",
   "private": false,
   "type": "module",
   "main": "./dist/index.cjs",
@@ -28,7 +28,8 @@
   "description": "",
   "dependencies": {
     "@sio-group/form-types": "0.1.3",
-    "@sio-group/form-validation": "0.1.3"
+    "@sio-group/form-validation": "0.1.3",
+    "@sio-group/ui-core": "~0.1.1"
   },
   "peerDependencies": {
     "react": "^19",

package/src/assets/scss/index.scss

@@ -4,9 +4,6 @@
 
 @use "components/grid";
 
-@use "components/button";
-@use "components/link";
-
 @use "components/input";
 @use "components/form-field";
 @use "components/form-states";

package/src/components/Fields/Input/DateInput/index.tsx

@@ -1,7 +1,7 @@
 import { DateFieldProps } from "../../../../types/field-props";
 import { RefObject, useRef } from "react";
 import InputWrapper from "../../InputWrapper";
-import { Button } from "../../../Button";
+import { Button } from "@sio-group/ui-core";
 import { Icon } from "../../../Icon";
 import { CustomIcons } from '../../../../utils/custom-icons'
 

package/src/components/Fields/Input/FileInput/index.tsx

@@ -1,9 +1,9 @@
 import { ChangeEvent } from "react";
 import { FileFieldProps } from "../../../../types/field-props";
 import InputWrapper from "../../InputWrapper";
-import { Button } from "../../../Button";
 import { Icon } from "../../../Icon";
 import { isValidFile } from "@sio-group/form-validation";
+import { Button } from "@sio-group/ui-core";
 import { getAccept } from "../../../../utils/get-accept-string";
 import { CustomIcons } from "../../../../utils/custom-icons";
 import { getFileSize } from "../../../../utils/get-file-size";

package/src/components/Fields/Input/NumberInput/index.tsx

@@ -2,7 +2,7 @@ import { ChangeEvent, KeyboardEvent } from "react";
 import { NumberFieldProps } from "../../../../types/field-props";
 import InputWrapper from "../../InputWrapper";
 import { Icon } from "../../../Icon";
-import { Button } from "../../../Button";
+import { Button } from "@sio-group/ui-core";
 
 export const NumberInput = ({
 	value,

package/src/components/Fields/InputWrapper/index.tsx

@@ -54,7 +54,7 @@ const InputWrapper: React.FC<InputWrapperProps> = ({
 			aria-invalid={hasError}>
 			{label && (
 				<label htmlFor={id} id={`${id}-label`}>
-					{label} {required && <span aria-hidden={true}>*</span>}
+					{label} {required && <span>*</span>}
 				</label>
 			)}
 

package/src/components/Form.tsx

@@ -2,11 +2,11 @@ import { ButtonContainerProps, FormConfig, FormContainerProps } from "../types/f
 import { FormField } from "@sio-group/form-types";
 import React, { useMemo } from "react";
 import { useForm } from "../hooks/useForm";
-import { ButtonProps, LinkProps, FormLayout, RadioFieldProps, SelectFieldProps, TextareaFieldProps } from "../types";
+import { FormLayout, RadioFieldProps, SelectFieldProps, TextareaFieldProps } from "../types";
 import { getColumnClasses } from "../utils/get-column-classes";
 import { Checkbox, Input, Radio, Select, Textarea } from "./Fields";
-import { Link } from "./Link";
-import { Button } from "./Button";
+import { Link, Button } from "@sio-group/ui-core";
+import type { LinkProps, ButtonProps } from "@sio-group/ui-core";
 
 const DefaultContainer: React.FC<FormContainerProps> = ({ children }) => (
   <div>{children}</div>

package/src/index.ts

@@ -2,14 +2,10 @@ export { Form } from './components/Form';
 
 export { useForm } from './hooks/useForm';
 
-export { Button } from './components/Button';
-export { Link } from './components/Link';
 export * from './components/Fields';
 
 export type {
   FieldProps,
   FormConfig,
   FormLayout,
-  ButtonProps,
-  LinkProps,
 } from './types'

package/src/types/form-config.d.ts

@@ -1,7 +1,7 @@
 import { ComponentType, CSSProperties, ComponentPropsWithoutRef, HTMLAttributes } from "react";
 import { FormField } from "@sio-group/form-types";
 import { FormLayout } from "./form-layout";
-import { ButtonProps, LinkProps } from "./ui-props";
+import type { LinkProps, ButtonProps } from "@sio-group/ui-core";
 
 type FormContainerProps = ComponentPropsWithoutRef<'form'>;
 type ButtonContainerProps = HTMLAttributes<HTMLDivElement>;

package/src/types/index.ts

@@ -14,5 +14,4 @@ export type { FieldSetters } from './field-setters';
 export type { FieldType, FieldState, FieldValue } from './field-state';
 export type { FormConfig } from './form-config';
 export type { FormLayout } from './form-layout';
-export type { ButtonProps, LinkProps } from './ui-props';
 export type { UseFormOptions } from './use-form-options';

package/dist/styles/components/button.css

@@ -1,244 +0,0 @@
-@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--primary) {
-  --sio-btn-bg: var(--sio-btn-primary-bg);
-  --sio-btn-border: var(--sio-btn-primary-border);
-  --sio-btn-text: var(--sio-btn-primary-text);
-  --sio-btn-bg-hover: color-mix(in srgb, var(--sio-btn-bg) 85%, black);
-  --sio-btn-border-hover: color-mix(in srgb, var(--sio-btn-border) 85%, black);
-  --sio-btn-text-hover: var(--sio-btn-text);
-  --sio-btn-bg-disabled: color-mix(in srgb, var(--sio-btn-bg) 40%, white);
-  --sio-btn-border-disabled: color-mix(in srgb, var(--sio-btn-border) 40%, white);
-  --sio-btn-text-disabled: color-mix(in srgb, var(--sio-btn-text) 60%, black);
-}
-
-:where(.btn--secondary) {
-  --sio-btn-bg: var(--sio-btn-secondary-bg);
-  --sio-btn-border: var(--sio-btn-secondary-border);
-  --sio-btn-text: var(--sio-btn-secondary-text);
-  --sio-btn-bg-hover: var(--sio-btn-bg);
-  --sio-btn-border-hover: color-mix(in srgb, var(--sio-btn-border) 85%, black);
-  --sio-btn-text-hover: var(--sio-btn-text);
-  --sio-btn-bg-disabled: var(--sio-btn-bg);
-  --sio-btn-border-disabled: color-mix(in srgb, var(--sio-btn-border) 40%, white);
-  --sio-btn-text-disabled: color-mix(in srgb, var(--sio-btn-text) 40%, white);
-}
-
-: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(.btn) {
-  background-color: var(--sio-btn-bg);
-  color: var(--sio-btn-text);
-  display: inline-block;
-  font-size: 0.9em;
-  font-weight: 500;
-  user-select: none;
-  text-align: center;
-  border: 1px solid var(--sio-btn-border);
-  padding: 2px 15px;
-  border-radius: 3px;
-  cursor: pointer;
-  min-height: 22px;
-  transition: all 0.3s ease-in;
-  text-decoration: none;
-}
-
-:where(.btn--link) {
-  display: inline;
-  font-weight: unset;
-  user-select: none;
-  text-align: left;
-  padding: 0;
-  border-radius: unset;
-  min-height: unset;
-  transition: all 0.3s ease-in;
-  text-decoration: underline;
-}
-
-:where(.btn:hover),
-:where(.btn:active),
-:where(.btn:focus),
-:where(.btn.btn--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(.btn:disabled),
-:where(.btn.btn--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(.btn--primary.btn--success) {
-  --sio-btn-bg: var(--sio-color-success);
-  --sio-btn-border: var(--sio-color-success);
-  --sio-btn-text: var(--sio-color-white);
-}
-
-:where(.btn--secondary.btn--success) {
-  --sio-btn-bg: transparent;
-  --sio-btn-border: var(--sio-color-success);
-  --sio-btn-text: var(--sio-color-success);
-}
-
-:where(.btn--link.btn--success) {
-  --sio-btn-bg: transparent;
-  --sio-btn-border: transparent;
-  --sio-btn-text: var(--sio-color-success);
-}
-
-:where(.btn--primary.btn--error) {
-  --sio-btn-bg: var(--sio-color-error);
-  --sio-btn-border: var(--sio-color-error);
-  --sio-btn-text: var(--sio-color-white);
-}
-
-:where(.btn--secondary.btn--error) {
-  --sio-btn-bg: transparent;
-  --sio-btn-border: var(--sio-color-error);
-  --sio-btn-text: var(--sio-color-error);
-}
-
-:where(.btn--link.btn--error) {
-  --sio-btn-bg: transparent;
-  --sio-btn-border: transparent;
-  --sio-btn-text: var(--sio-color-error);
-}
-
-:where(.btn--primary.btn--warning) {
-  --sio-btn-bg: var(--sio-color-warning);
-  --sio-btn-border: var(--sio-color-warning);
-  --sio-btn-text: var(--sio-color-white);
-}
-
-:where(.btn--secondary.btn--warning) {
-  --sio-btn-bg: transparent;
-  --sio-btn-border: var(--sio-color-warning);
-  --sio-btn-text: var(--sio-color-warning);
-}
-
-:where(.btn--link.btn--warning) {
-  --sio-btn-bg: transparent;
-  --sio-btn-border: transparent;
-  --sio-btn-text: var(--sio-color-warning);
-}
-
-:where(.btn--primary.btn--info) {
-  --sio-btn-bg: var(--sio-color-info);
-  --sio-btn-border: var(--sio-color-info);
-  --sio-btn-text: var(--sio-color-white);
-}
-
-:where(.btn--secondary.btn--info) {
-  --sio-btn-bg: transparent;
-  --sio-btn-border: var(--sio-color-info);
-  --sio-btn-text: var(--sio-color-info);
-}
-
-:where(.btn--link.btn--info) {
-  --sio-btn-bg: transparent;
-  --sio-btn-border: transparent;
-  --sio-btn-text: var(--sio-color-info);
-}
-
-:where(.btn--block) {
-  display: block;
-  width: 100%;
-}
-
-:where(.btn--lg) {
-  padding: 5px 20px;
-  font-size: 1.1em;
-  min-height: 34px;
-}
-
-:where(.btn--sm) {
-  padding: 2.5px 5px;
-  font-size: 0.7em;
-  min-height: 23px;
-}
-
-:where(.btn--loading) {
-  position: relative;
-  cursor: wait !important;
-}
-
-:where(.btn__spinner) {
-  display: flex;
-  animation: spin 1s infinite linear;
-  margin-right: 8px;
-  width: 20px;
-  height: 20px;
-}
-
-:where(.btn__spinner svg) {
-  display: block;
-  width: 100%;
-  height: 100%;
-}
-
-:where(.btn__spinner circle) {
-  fill: none;
-  stroke: currentColor;
-  stroke-width: 2;
-  stroke-dasharray: 30 100;
-  stroke-linecap: round;
-}
-
-:where(.btn__loading-text) {
-  position: absolute;
-  clip: rect(1px, 1px, 1px, 1px);
-}
-
-:where(.btn-group) {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 5px;
-}
-
-/*# sourceMappingURL=button.css.map */