@flightlesslabs/dodo-ui 0.20.0 → 0.21.0

package/dist/styles/components.css

@@ -928,6 +928,17 @@
   border-width: var(--dodo-ui-element-border-width);
   border-color: var(--dodo-ui-InputEnclosure-border-color);
 }
+.dodo-ui-InputEnclosure .InputBox {
+  flex: 1;
+  border: 0;
+  outline: 0;
+  height: 100%;
+  background-color: transparent;
+  font-family: inherit;
+  color: inherit;
+  letter-spacing: 0.3px;
+  margin: 0;
+}
 .dodo-ui-InputEnclosure.focused {
   border-color: var(--dodo-ui-InputEnclosure-focus-border-color);
 }
@@ -949,6 +960,18 @@
 .dodo-ui-InputEnclosure.size--large {
   height: var(--dodo-ui-element-height-large);
 }
+.dodo-ui-InputEnclosure.size--normal .InputBox {
+  font-size: 1rem;
+  padding: 0 calc(var(--dodo-ui-space-small) * 2);
+}
+.dodo-ui-InputEnclosure.size--small .InputBox {
+  padding: 0 var(--dodo-ui-space);
+  font-size: 0.9rem;
+}
+.dodo-ui-InputEnclosure.size--large .InputBox {
+  font-size: 1.1rem;
+  padding: 0 calc(var(--dodo-ui-space) * 2);
+}
 .dodo-ui-InputEnclosure.roundness--1 {
   border-radius: var(--dodo-ui-element-roundness-1);
 }
@@ -962,30 +985,6 @@
   border-radius: 999px;
 }
 
-.dodo-ui-TextInput {
-  flex: 1;
-  border: 0;
-  outline: 0;
-  height: 100%;
-  background-color: transparent;
-  font-family: inherit;
-  color: inherit;
-  letter-spacing: 0.3px;
-  margin: 0;
-}
-.dodo-ui-TextInput.size--normal {
-  font-size: 1rem;
-  padding: 0 calc(var(--dodo-ui-space-small) * 2);
-}
-.dodo-ui-TextInput.size--small {
-  padding: 0 var(--dodo-ui-space);
-  font-size: 0.9rem;
-}
-.dodo-ui-TextInput.size--large {
-  font-size: 1.1rem;
-  padding: 0 calc(var(--dodo-ui-space) * 2);
-}
-
 .dodo-ui-Label {
   font-size: inherit;
   color: inherit;
@@ -1576,35 +1575,12 @@
 .dodo-ui-Select button[data-combobox-trigger] {
   font-size: 1.5em;
 }
-.dodo-ui-Select input[data-combobox-input] {
-  flex: 1;
-  border: 0;
-  outline: 0;
-  height: 100%;
-  background-color: transparent;
-  font-family: inherit;
-  color: inherit;
-  letter-spacing: 0.3px;
-  margin: 0;
-}
-.dodo-ui-Select.size--normal input[data-combobox-input] {
-  font-size: 1rem;
-  padding: 0 calc(var(--dodo-ui-space-small) * 2);
-}
 .dodo-ui-Select.size--normal button[data-combobox-trigger] {
   margin: 0 calc(var(--dodo-ui-space) / 2.5);
 }
-.dodo-ui-Select.size--small input[data-combobox-input] {
-  padding: 0 var(--dodo-ui-space);
-  font-size: 0.9rem;
-}
 .dodo-ui-Select.size--small button[data-combobox-trigger] {
   margin: 0 calc(var(--dodo-ui-space--small) / 2.5);
 }
-.dodo-ui-Select.size--large input[data-combobox-input] {
-  font-size: 1.1rem;
-  padding: 0 calc(var(--dodo-ui-space) * 2);
-}
 .dodo-ui-Select.size--large button[data-combobox-trigger] {
   margin: 0 calc(var(--dodo-ui-space--large) / 2.5);
 }
@@ -1643,15 +1619,6 @@
   font-size: 1.4em;
 }
 .dodo-ui-DatePicker [data-date-field-input] {
-  flex: 1;
-  border: 0;
-  outline: 0;
-  height: 100%;
-  background-color: transparent;
-  font-family: inherit;
-  color: inherit;
-  letter-spacing: 0.3px;
-  margin: 0;
   display: flex;
   align-items: center;
 }
@@ -1663,30 +1630,18 @@
 .dodo-ui-DatePicker [data-segment=literal] {
   color: var(--dodo-color-neutral-500);
 }
-.dodo-ui-DatePicker.size--normal [data-date-field-input] {
-  font-size: 1rem;
-  padding: 0 calc(var(--dodo-ui-space-small) * 2);
-}
 .dodo-ui-DatePicker.size--normal button[data-popover-trigger] {
   margin: 0 calc(var(--dodo-ui-space) / 2.5);
 }
 .dodo-ui-DatePicker.size--normal [data-date-field-segment] {
   padding: 0 calc(var(--dodo-ui-space) / 3);
 }
-.dodo-ui-DatePicker.size--small [data-date-field-input] {
-  padding: 0 var(--dodo-ui-space);
-  font-size: 0.9rem;
-}
 .dodo-ui-DatePicker.size--small button[data-popover-trigger] {
   margin: 0 calc(var(--dodo-ui-space--small) / 2.5);
 }
 .dodo-ui-DatePicker.size--small [data-date-field-segment] {
   padding: 0 calc(var(--dodo-ui-space-small) / 3);
 }
-.dodo-ui-DatePicker.size--large [data-date-field-input] {
-  font-size: 1.1rem;
-  padding: 0 calc(var(--dodo-ui-space) * 2);
-}
 .dodo-ui-DatePicker.size--large button[data-popover-trigger] {
   margin: 0 calc(var(--dodo-ui-space--large) / 2.5);
 }

package/dist/styles/components.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../src/lib/components/Layout/Card/Card.scss","../../src/lib/styles/scss/mixins/_card-color.scss","../../src/lib/components/Info/Calendar/Calendar.scss","../../src/lib/components/Form/UtilityButton/UtilityButton.scss","../../src/lib/styles/scss/mixins/_utility-button-color.scss","../../src/lib/components/Form/Button/Button.scss","../../src/lib/styles/scss/mixins/_button-color.scss","../../src/lib/components/Form/InputEnclosure/InputEnclosure.scss","../../src/lib/components/Form/TextInput/TextInput.scss","../../src/lib/components/Form/Label/Label.scss","../../src/lib/components/Form/FormField/FormField.scss","../../src/lib/components/Form/CheckEnclosure/CheckEnclosure.scss","../../src/lib/styles/scss/mixins/_check-enclosure-colors.scss","../../src/lib/components/Form/Checkbox/Checkbox.scss","../../src/lib/components/Form/RadioGroup/RadioGroup.scss","../../src/lib/components/Form/RadioGroup/Radio/Radio.scss","../../src/lib/components/Form/Switch/Switch.scss","../../src/lib/components/Form/Select/Select.scss","../../src/lib/components/Form/DatePicker/DatePicker.scss"],"names":[],"mappings":"AAUA;EACE;EC8DA;EAKA;EAIA;EAIA;EAKA;EAIA;EAIA;EA1BA;EAKA;EAIA;EAIA;EAKA;EAIA;EAIA;EA1BA;EAKA;EAIA;EAIA;EAKA;EAIA;EAIA;EA1BA;EAKA;EAIA;EAIA;EAKA;EAIA;EAIA;EA1BA;EAKA;EAIA;EAIA;EAKA;EAIA;EAIA;EA1BA;EAKA;EAIA;EAIA;EAKA;EAIA;EAIA;;;ADhFF;EACE;ECqDA;EAKA;EAIA;EAIA;EAKA;EAIA;EAIA;EA1BA;EAKA;EAIA;EAIA;EAKA;EAIA;EAIA;EA1BA;EAKA;EAIA;EAIA;EAKA;EAIA;EAIA;EA1BA;EAKA;EAIA;EAIA;EAKA;EAIA;EAIA;EA1BA;EAKA;EAIA;EAIA;EAKA;EAIA;EAIA;EA1BA;EAKA;EAIA;EAIA;EAKA;EAIA;EAIA;;;ADxDF;EACE,YACE;EAGF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAQE;EACE,eA3CI;;AA0CN;EACE,eA3CI;;AA0CN;EACE,eA3CI;;AA0CN;EACE,eA3CI;;AA0CN;EACE,eA3CI;;AAsDJ;EAEE;;ACoBJ;EACE;;AAEA;EACE;;AAIJ;EACE;;AAOE;EACE;;AAGF;EACE;;AAKF;EACE;;AAGF;EACE;;AA/BN;EACE;;AAEA;EACE;;AAIJ;EACE;;AAOE;EACE;;AAGF;EACE;;AAKF;EACE;;AAGF;EACE;;AA/BN;EACE;;AAEA;EACE;;AAIJ;EACE;;AAOE;EACE;;AAGF;EACE;;AAKF;EACE;;AAGF;EACE;;AA/BN;EACE;;AAEA;EACE;;AAIJ;EACE;;AAOE;EACE;;AAGF;EACE;;AAKF;EACE;;AAGF;EACE;;AA/BN;EACE;;AAEA;EACE;;AAIJ;EACE;;AAOE;EACE;;AAGF;EACE;;AAKF;EACE;;AAGF;EACE;;AA/BN;EACE;;AAEA;EACE;;AAIJ;EACE;;AAOE;EACE;;AAGF;EACE;;AAKF;EACE;;AAGF;EACE;;;ACxIZ;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;AAAA;EAEE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE,YACE;EAGF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAEA;EACE;;AAMR;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EACE;;AAEA;EACE;EACA;;;AC3HN;EACE;EACA;ECuDA;EAIA;EAIA;EAIA;EAZA;EAIA;EAIA;EAIA;EAZA;EAIA;EAIA;EAIA;EAZA;EAIA;EAIA;EAIA;EAZA;EAIA;EAIA;EAIA;EAZA;EAIA;EAIA;EAIA;;;AD3DF;EACE;EACA;EC6CA;EAIA;EAIA;EAIA;EAZA;EAIA;EAIA;EAIA;EAZA;EAIA;EAIA;EAIA;EAZA;EAIA;EAIA;EAIA;EAZA;EAIA;EAIA;EAIA;EAZA;EAIA;EAIA;EAIA;;;ADlCF;EACE;EACA,YACE;EAGF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAME;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AASA;EACE,eA9DI;;AA6DN;EACE,eA9DI;;AA6DN;EACE,eA9DI;;AA6DN;EACE,eA9DI;;AA6DN;EACE,eA9DI;;ACoDV;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAfJ;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAfJ;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAfJ;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAfJ;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;E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E;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AASF;EACE;;AA7CR;EACE;;AAIA;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAEA;EACE;;AAKN;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AASF;EACE;;AA7CR;EACE;;AAIA;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAEA;EACE;;AAKN;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AASF;EACE;;AA7CR;EACE;;AAIA;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAEA;EACE;;AAKN;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AASF;EACE;;AA7CR;EACE;;AAIA;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAEA;EACE;;AAKN;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AASF;EACE;;AA7CR;EACE;;AAIA;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAEA;EACE;;AAKN;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AASF;EACE;;AD9FV;EACE;EACA;EACA;;AAGE;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAQA;EACE;;;AEvEZ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAOA;EACE;;AACA;EACE;EACA;;AAGF;EACE;;AAIJ;EACE;;AACA;EACE;EACA;;AAGF;EACE;;AAIJ;EACE;;AACA;EACE;EACA;;AAGF;EACE;;AAWA;EACE,eA/FE;;AA8FJ;EACE,eA/FE;;AA8FJ;EACE,eA/FE;;AA8FJ;EACE,eA/FE;;;ACHV;EACE;EACA;EACA;;;ACYJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAOA;EACE;;AACA;EACE;EACA;;AAGF;EACE;;AAIJ;EACE;;AACA;EACE;EACA;;AAGF;EACE;;AAIJ;EACE;;AACA;EACE;EACA;;AAGF;EACE;;AAWA;EACE,eAhGE;;AA+FJ;EACE,eAhGE;;AA+FJ;EACE,eAhGE;;AA+FJ;EACE,eAhGE;;AA+FJ;EACE,eAhGE;;;ACWZ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGE;EACE;;AAKN;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAQF;EACE;;AACA;EACE;EACA;;AAEA;EACE;EACA;;AAIA;EACE;;AAaR;EACE;;AACA;EACE;EACA;;AAEA;EACE;EACA;;AAIA;EACE;;AAaR;EACE;;AACA;EACE;EACA;;AAEA;EACE;EACA;;AAIA;EACE;;AAoBJ;EACE,eAhKE;;AA+JJ;EACE,eAhKE;;AA+JJ;EACE,eAhKE;;AA+JJ;EACE,eAhKE;;;ACDZ;EACE;;;AAGF;EACE;;;AAKA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAQE;EACE;EACA;;AAGF;EACE;;AAKF;EACE;EACA;;AAGF;EACE;;AAKF;EACE;EACA;;AAGF;EACE;;;AAMR;EACE;AAAA;AAAA;AAAA;EAKA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;;AAGF;EACE;;AAIJ;AAAA;EAEE;EACA;EACA;EACA;;;AChGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAQE;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAKF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAKF;EACE;EACA;;AAGF;EACE;;AAGF;EACE","file":"components.css"}
+{"version":3,"sourceRoot":"","sources":["../../src/lib/components/Layout/Card/Card.scss","../../src/lib/styles/scss/mixins/_card-color.scss","../../src/lib/components/Info/Calendar/Calendar.scss","../../src/lib/components/Form/UtilityButton/UtilityButton.scss","../../src/lib/styles/scss/mixins/_utility-button-color.scss","../../src/lib/components/Form/Button/Button.scss","../../src/lib/styles/scss/mixins/_button-color.scss","../../src/lib/components/Form/InputEnclosure/InputEnclosure.scss","../../src/lib/components/Form/Label/Label.scss","../../src/lib/components/Form/FormField/FormField.scss","../../src/lib/components/Form/CheckEnclosure/CheckEnclosure.scss","../../src/lib/styles/scss/mixins/_check-enclosure-colors.scss","../../src/lib/components/Form/Checkbox/Checkbox.scss","../../src/lib/components/Form/RadioGroup/RadioGroup.scss","../../src/lib/components/Form/RadioGroup/Radio/Radio.scss","../../src/lib/components/Form/Switch/Switch.scss","../../src/lib/components/Form/Select/Select.scss","../../src/lib/components/Form/DatePicker/DatePicker.scss"],"names":[],"mappings":"AAUA;EACE;EC8DA;EAKA;EAIA;EAIA;EAKA;EAIA;EAIA;EA1BA;EAKA;EAIA;EAIA;EAKA;EAIA;EAIA;EA1BA;EAKA;EAIA;EAIA;EAKA;EAIA;EAIA;EA1BA;EAKA;EAIA;EAIA;EAKA;EAIA;EAIA;EA1BA;EAKA;EAIA;EAIA;EAKA;EAIA;EAIA;EA1BA;EAKA;EAIA;EAIA;EAKA;EAIA;EAIA;;;ADhFF;EACE;ECqDA;EAKA;EAIA;EAIA;EAKA;EAIA;EAIA;EA1BA;EAKA;EAIA;EAIA;EAKA;EAIA;EAIA;EA1BA;EAKA;EAIA;EAIA;EAKA;EAIA;EAIA;EA1BA;EAKA;EAIA;EAIA;EAKA;EAIA;EAIA;EA1BA;EAKA;EAIA;EAIA;EAKA;EAIA;EAIA;EA1BA;EAKA;EAIA;EAIA;EAKA;EAIA;EAIA;;;ADxDF;EACE,YACE;EAGF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAQE;EACE,eA3CI;;AA0CN;EACE,eA3CI;;AA0CN;EACE,eA3CI;;AA0CN;EACE,eA3CI;;AA0CN;EACE,eA3CI;;AAsDJ;EAEE;;ACoBJ;EACE;;AAEA;EACE;;AAIJ;EACE;;AAOE;EACE;;AAGF;EACE;;AAKF;EACE;;AAGF;EACE;;AA/BN;EACE;;AAEA;EACE;;AAIJ;EACE;;AAOE;EACE;;AAGF;EACE;;AAKF;EACE;;AAGF;EACE;;AA/BN;EACE;;AAEA;EACE;;AAIJ;EACE;;AAOE;EACE;;AAGF;EACE;;AAKF;EACE;;AAGF;EACE;;AA/BN;EACE;;AAEA;EACE;;AAIJ;EACE;;AAOE;EACE;;AAGF;EACE;;AAKF;EACE;;AAGF;EACE;;AA/BN;EACE;;AAEA;EACE;;AAIJ;EACE;;AAOE;EACE;;AAGF;EACE;;AAKF;EACE;;AAGF;EACE;;AA/BN;EACE;;AAEA;EACE;;AAIJ;EACE;;AAOE;EACE;;AAGF;EACE;;AAKF;EACE;;AAGF;EACE;;;ACxIZ;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;AAAA;EAEE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE,YACE;EAGF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAEA;EACE;;AAMR;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EACE;;AAEA;EACE;EACA;;;AC3HN;EACE;EACA;ECuDA;EAIA;EAIA;EAIA;EAZA;EAIA;EAIA;EAIA;EAZA;EAIA;EAIA;EAIA;EAZA;EAIA;EAIA;EAIA;EAZA;EAIA;EAIA;EAIA;EAZA;EAIA;EAIA;EAIA;;;AD3DF;EACE;EACA;EC6CA;EAIA;EAIA;EAIA;EAZA;EAIA;EAIA;EAIA;EAZA;EAIA;EAIA;EAIA;EAZA;EAIA;EAIA;EAIA;EAZA;EAIA;EAIA;EAIA;EAZA;EAIA;EAIA;EAIA;;;ADlCF;EACE;EACA,YACE;EAGF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAME;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AASA;EACE,eA9DI;;AA6DN;EACE,eA9DI;;AA6DN;EACE,eA9DI;;AA6DN;EACE,eA9DI;;AA6DN;EACE,eA9DI;;ACoDV;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAfJ;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAfJ;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAfJ;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAfJ;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;E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EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AASF;EACE;;AA7CR;EACE;;AAIA;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAEA;EACE;;AAKN;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AASF;EACE;;AA7CR;EACE;;AAIA;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAEA;EACE;;AAKN;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AASF;EACE;;AA7CR;EACE;;AAIA;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAEA;EACE;;AAKN;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AASF;EACE;;AA7CR;EACE;;AAIA;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAEA;EACE;;AAKN;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AASF;EACE;;AA7CR;EACE;;AAIA;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAEA;EACE;;AAKN;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AASF;EACE;;AD9FV;EACE;EACA;EACA;;AAGE;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAQA;EACE;;;AEvEZ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAOA;EACE;;AACA;EACE;EACA;;AAGF;EACE;;AAIJ;EACE;;AACA;EACE;EACA;;AAGF;EACE;;AAIJ;EACE;;AACA;EACE;EACA;;AAGF;EACE;;AAWA;EACE,eA/FE;;AA8FJ;EACE,eA/FE;;AA8FJ;EACE,eA/FE;;AA8FJ;EACE,eA/FE;;;ACHV;EACE;EACA;EACA;;;ACYJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAOA;EACE;;AACA;EACE;EACA;;AAGF;EACE;;AAIJ;EACE;;AACA;EACE;EACA;;AAGF;EACE;;AAIJ;EACE;;AACA;EACE;EACA;;AAGF;EACE;;AAWA;EACE,eAhGE;;AA+FJ;EACE,eAhGE;;AA+FJ;EACE,eAhGE;;AA+FJ;EACE,eAhGE;;AA+FJ;EACE,eAhGE;;;ACWZ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGE;EACE;;AAKN;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAQF;EACE;;AACA;EACE;EACA;;AAEA;EACE;EACA;;AAIA;EACE;;AAaR;EACE;;AACA;EACE;EACA;;AAEA;EACE;EACA;;AAIA;EACE;;AAaR;EACE;;AACA;EACE;EACA;;AAEA;EACE;EACA;;AAIA;EACE;;AAoBJ;EACE,eAhKE;;AA+JJ;EACE,eAhKE;;AA+JJ;EACE,eAhKE;;AA+JJ;EACE,eAhKE;;;ACDZ;EACE;;;AAGF;EACE;;;AAKA;EACE;;AAQE;EACE;;AAKF;EACE;;AAKF;EACE;;;AAMR;EACE;AAAA;AAAA;AAAA;EAKA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;;AAGF;EACE;;AAIJ;AAAA;EAEE;EACA;EACA;EACA;;;ACvEF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAQE;EACE;;AAGF;EACE;;AAKF;EACE;;AAGF;EACE;;AAKF;EACE;;AAGF;EACE","file":"components.css"}

package/dist/styles/components.scss

@@ -3,7 +3,6 @@
 @use '../components/Form/UtilityButton/UtilityButton.scss';
 @use '../components/Form/Button/Button.scss';
 @use '../components/Form/InputEnclosure/InputEnclosure.scss';
-@use '../components/Form/TextInput/TextInput.scss';
 @use '../components/Form/Label/Label.scss';
 @use '../components/Form/FormField/FormField.scss';
 @use '../components/Form/CheckEnclosure/CheckEnclosure.scss';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flightlesslabs/dodo-ui",
-  "version": "0.20.0",
+  "version": "0.21.0",
   "scripts": {
     "scss:global": "sh -c \"mkdir -p dist/styles && sass src/lib/styles/global/index.scss dist/styles/global.css\"",
     "scss:components": "sh -c \"mkdir -p dist/styles && sass src/lib/styles/components.scss dist/styles/components.css\"",

package/src/lib/components/Form/Button/ButtonAsAnchor.svelte

@@ -16,7 +16,7 @@
     type WithoutChildren,
   } from 'bits-ui';
 
-  let { children, ref = $bindable(null), type, ...restProps }: ButtonAsAnchorProps = $props();
+  let { children, ref = $bindable(null), ...restProps }: ButtonAsAnchorProps = $props();
 </script>
 
 <BitsUiButton.Root {...restProps} bind:ref>

package/src/lib/components/Form/DatePicker/DatePicker.scss

@@ -1,20 +1,9 @@
-
-
 .dodo-ui-DatePicker {
   button[data-popover-trigger] {
     font-size: 1.4em;
   }
 
   [data-date-field-input] {
-    flex: 1;
-    border: 0;
-    outline: 0;
-    height: 100%;
-    background-color: transparent;
-    font-family: inherit;
-    color: inherit;
-    letter-spacing: 0.3px;
-    margin: 0;
     display: flex;
     align-items: center;
   }
@@ -34,11 +23,6 @@
   // ----------------------------------------
   &.size {
     &--normal {
-      [data-date-field-input] {
-        font-size: 1rem;
-        padding: 0 calc(var(--dodo-ui-space-small) * 2);
-      }
-
       button[data-popover-trigger] {
         margin: 0 calc(var(--dodo-ui-space) / 2.5);
       }
@@ -49,11 +33,6 @@
     }
 
     &--small {
-      [data-date-field-input] {
-        padding: 0 var(--dodo-ui-space);
-        font-size: 0.9rem;
-      }
-
       button[data-popover-trigger] {
         margin: 0 calc(var(--dodo-ui-space--small) / 2.5);
       }
@@ -64,11 +43,6 @@
     }
 
     &--large {
-      [data-date-field-input] {
-        font-size: 1.1rem;
-        padding: 0 calc(var(--dodo-ui-space) * 2);
-      }
-
       button[data-popover-trigger] {
         margin: 0 calc(var(--dodo-ui-space--large) / 2.5);
       }

package/src/lib/components/Form/DatePicker/DatePicker.svelte

@@ -109,7 +109,14 @@
   }: DatePickerProps = $props();
 </script>
 
-<DatePickerBitsUi.Root {...restProps} bind:value {weekdayFormat} {weekStartsOn} {fixedWeeks}>
+<DatePickerBitsUi.Root
+  {...restProps}
+  bind:value
+  bind:open
+  {weekdayFormat}
+  {weekStartsOn}
+  {fixedWeeks}
+>
   <DatepickerInput
     {size}
     {roundness}

package/src/lib/components/Form/DatePicker/DatePickerInput/DatePickerInput.svelte

@@ -34,6 +34,7 @@
     error = false,
     focused: forcedFocused = false,
     placeholder,
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     after,
     dateFieldInputProps,
     datePickerTriggerProps,
@@ -51,7 +52,7 @@
     isFocused = false;
   }
 
-  const classes = $derived(['dodo-ui-DatePicker', `size--${size}`, className].filter(Boolean));
+  const classes = $derived(['dodo-ui-DatePicker', className].filter(Boolean));
 
   const triggerClasses = $derived(
     [
@@ -78,6 +79,7 @@
     onfocus={handleFocus}
     onblur={handleBlur}
     {placeholder}
+    class="InputBox"
     {...dateFieldInputProps}
   >
     {#snippet children({ segments })}

package/src/lib/components/Form/DatePicker/DatePickerPopup/CalendarGrid.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { DatePicker, type CalendarRootSnippetProps, type Month } from 'bits-ui';
+  import { DatePicker, type CalendarRootSnippetProps } from 'bits-ui';
 
   let { months, weekdays }: CalendarRootSnippetProps = $props();
 </script>

package/src/lib/components/Form/InputEnclosure/InputEnclosure.scss

@@ -62,6 +62,19 @@ $states: (
     border-color: var(--dodo-ui-InputEnclosure-border-color);
   }
 
+  // input tag is styled here
+  .InputBox {
+    flex: 1;
+    border: 0;
+    outline: 0;
+    height: 100%;
+    background-color: transparent;
+    font-family: inherit;
+    color: inherit;
+    letter-spacing: 0.3px;
+    margin: 0;
+  }
+
   // ----------------------------------------
   // Visual states (focused, error)
   // ----------------------------------------
@@ -90,6 +103,27 @@ $states: (
         height: $height;
       }
     }
+
+    &--normal {
+      .InputBox {
+        font-size: 1rem;
+        padding: 0 calc(var(--dodo-ui-space-small) * 2);
+      }
+    }
+
+    &--small {
+      .InputBox {
+        padding: 0 var(--dodo-ui-space);
+        font-size: 0.9rem;
+      }
+    }
+
+    &--large {
+      .InputBox {
+        font-size: 1.1rem;
+        padding: 0 calc(var(--dodo-ui-space) * 2);
+      }
+    }
   }
 
   // ----------------------------------------

package/src/lib/components/Form/InputEnclosure/InputEnclosure.stories.svelte

@@ -88,31 +88,31 @@
 <!-- ------------------------------ -->
 
 <Story name="Default (Outlined)">
-  <input placeholder="Type something…" />
+  <input placeholder="Type something…" class="InputBox" />
 </Story>
 
 <Story name="No Outline" args={{ outline: false }}>
-  <input placeholder="No outline…" />
+  <input placeholder="No outline…" class="InputBox" />
 </Story>
 
 <Story name="Focused" args={{ focused: true }}>
-  <input placeholder="Focused state…" />
+  <input placeholder="Focused state…" class="InputBox" />
 </Story>
 
 <Story name="Error" args={{ error: true }}>
-  <input placeholder="Error state…" />
+  <input placeholder="Error state…" class="InputBox" />
 </Story>
 
 <Story name="Disabled" args={{ disabled: true }}>
-  <input placeholder="Disabled state…" disabled />
+  <input placeholder="Disabled state…" disabled class="InputBox" />
 </Story>
 
 <Story name="Large" args={{ size: 'large' }}>
-  <input placeholder="Large input…" />
+  <input placeholder="Large input…" class="InputBox" />
 </Story>
 
 <Story name="Pill Shape" args={{ roundness: 'pill' }}>
-  <input placeholder="Pill shaped input…" />
+  <input placeholder="Pill shaped input…" class="InputBox" />
 </Story>
 
 <Story name="With Before (Icon Prefix)" asChild>
@@ -121,7 +121,7 @@
       <span style="color: #888;">🔍</span>
     {/snippet}
 
-    <input placeholder="Search…" />
+    <input placeholder="Search…" class="InputBox" />
   </InputEnclosure>
 </Story>
 
@@ -131,14 +131,14 @@
       <span style="color: #888;">.com</span>
     {/snippet}
 
-    <input placeholder="Website" />
+    <input placeholder="Website" class="InputBox" />
   </InputEnclosure>
 </Story>
 
 <Story name="Light Theme" asChild>
   <Theme type="light">
     <InputEnclosure>
-      <input placeholder="Type something…" />
+      <input placeholder="Type something…" class="InputBox" />
     </InputEnclosure>
   </Theme>
 </Story>
@@ -146,7 +146,7 @@
 <Story name="Dark Theme" asChild globals={{ backgrounds: { value: 'dark' } }}>
   <Theme type="dark">
     <InputEnclosure>
-      <input placeholder="Type something…" />
+      <input placeholder="Type something…" class="InputBox" />
     </InputEnclosure>
   </Theme>
 </Story>

package/src/lib/components/Form/Label/Label.svelte

@@ -29,6 +29,6 @@
   const classes = $derived(['dodo-ui-Label', className].filter(Boolean));
 </script>
 
-<LabelBitUi.Root {...restProps} class="{classes.join(' ')} bind:ref">
+<LabelBitUi.Root {...restProps} class={classes.join(' ')} bind:ref>
   {@render children?.()}
 </LabelBitUi.Root>

package/src/lib/components/Form/Select/Select.scss

@@ -15,50 +15,23 @@
     font-size: 1.5em;
   }
 
-  input[data-combobox-input] {
-    flex: 1;
-    border: 0;
-    outline: 0;
-    height: 100%;
-    background-color: transparent;
-    font-family: inherit;
-    color: inherit;
-    letter-spacing: 0.3px;
-    margin: 0;
-  }
-
   // ----------------------------------------
   // Sizes
   // ----------------------------------------
   &.size {
     &--normal {
-      input[data-combobox-input] {
-        font-size: 1rem;
-        padding: 0 calc(var(--dodo-ui-space-small) * 2);
-      }
-
       button[data-combobox-trigger] {
         margin: 0 calc(var(--dodo-ui-space) / 2.5);
       }
     }
 
     &--small {
-      input[data-combobox-input] {
-        padding: 0 var(--dodo-ui-space);
-        font-size: 0.9rem;
-      }
-
       button[data-combobox-trigger] {
         margin: 0 calc(var(--dodo-ui-space--small) / 2.5);
       }
     }
 
     &--large {
-      input[data-combobox-input] {
-        font-size: 1.1rem;
-        padding: 0 calc(var(--dodo-ui-space) * 2);
-      }
-
       button[data-combobox-trigger] {
         margin: 0 calc(var(--dodo-ui-space--large) / 2.5);
       }

package/src/lib/components/Form/Select/SelectInput.svelte

@@ -40,7 +40,9 @@
     placeholder,
     comboboxInputProps,
     comboboxTriggerProps,
+    // eslint-disable-next-line no-useless-assignment
     searchValue = $bindable<string>(''),
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     after,
     updateOpenState,
     value,
@@ -84,6 +86,7 @@
   {...restProps}
 >
   <Combobox.Input
+    {...comboboxInputProps}
     oninput={(e) => {
       searchValue = e.currentTarget.value;
     }}
@@ -93,7 +96,7 @@
     onclick={!searchable && !disabled ? () => updateOpenState(true) : undefined}
     {placeholder}
     {defaultValue}
-    {...comboboxInputProps}
+    class="InputBox"
   />
 
   {#snippet after()}

package/src/lib/components/Form/TextInput/TextInput.svelte

@@ -115,7 +115,7 @@
   /**
    * Computed class list for the InputEnclosure component.
    */
-  const classes = $derived(['dodo-ui-TextInput', `size--${size}`].filter(Boolean));
+  const classes = $derived(['dodo-ui-TextInput', className].filter(Boolean));
 </script>
 
 <InputEnclosure
@@ -125,16 +125,16 @@
   {disabled}
   {error}
   focused={forcedFocused || isFocused}
-  class={className}
+  class={classes.join(' ')}
   {before}
   {after}
 >
   <input
     {...restProps}
-    class={classes.join(' ')}
     bind:this={ref}
     {disabled}
     onfocus={handleFocus}
     onblur={handleBlur}
+    class="InputBox"
   />
 </InputEnclosure>

package/src/lib/components/Layout/Card/Card.stories.svelte

@@ -6,8 +6,7 @@
   import { componentVariantOptions } from '$lib/attributes/variant.js';
   import { componentRoundnessOptions } from '$lib/attributes/roundness.js';
   import { ComponentShadowOptions } from '$lib/attributes/shadow.js';
-  import Theme from '../Theme/Theme.svelte';
-  import { componentThemeColorsOptions, componentThemeOptions } from '$lib/attributes/theme.js';
+  import { componentThemeColorsOptions } from '$lib/attributes/theme.js';
 
   // ------------------------------
   // Storybook ArgTypes