@ardium-ui/ui 1.0.0

package/prebuilt-themes/default/inputs/file-input.css

@@ -0,0 +1,169 @@
+/**
+ * Should be applied to the first element in the component's template.
+ */
+.ard-file-input-form-field-frame .ard-form-field-overlay {
+  display: none;
+}
+
+.ard-file-input {
+  position: relative;
+  font-family: "Roboto", sans-serif;
+  display: flex;
+  align-items: center;
+  justify-content: stretch;
+  gap: 0.625em;
+  cursor: text;
+  box-sizing: border-box;
+  height: 2.0625em;
+  font-size: 1rem;
+  line-height: 1.25em;
+  padding: 0 0 0 0.375rem;
+  min-width: 10rem;
+  max-width: 100%;
+  gap: 0.125rem;
+  cursor: default;
+}
+.ard-file-input .ard-input-container {
+  flex-grow: 1;
+  text-size-adjust: 100%;
+  display: flex;
+  align-items: center;
+}
+.ard-file-input .ard-input-container .ard-placeholder {
+  font: inherit;
+  opacity: 60%;
+}
+.ard-file-input .ard-input-container input {
+  border: none;
+  background: transparent;
+  outline: none;
+  font: inherit;
+  padding: 0;
+  display: block;
+  width: 100%;
+}
+.ard-file-input.ard-compact {
+  height: 1.5625em;
+  font-size: 0.85em;
+  line-height: 1;
+}
+.ard-file-input *:not(button):not(ard-_clear-button) {
+  pointer-events: none;
+  user-select: none;
+}
+.ard-file-input .ard-file-input__value {
+  font-size: 92%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-height: 1.25rem;
+}
+.ard-file-input .ard-browse-button {
+  cursor: pointer;
+  height: calc(100% - 0.25rem);
+  margin: 0.125rem;
+  aspect-ratio: 1;
+  border: none;
+  background: none;
+  padding: 0;
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  outline: none;
+}
+.ard-file-input .ard-browse-button .ard-focus-overlay {
+  position: absolute;
+  top: -0;
+  bottom: -0;
+  left: -0;
+  right: -0;
+  opacity: 0;
+  border-radius: inherit;
+  pointer-events: none;
+  transition: opacity 0.2s ease;
+  background: var(--ard-overlay);
+  border-radius: 9999px;
+}
+.ard-file-input .ard-browse-button:hover .ard-focus-overlay {
+  opacity: 4%;
+}
+.ard-file-input .ard-browse-button:focus .ard-focus-overlay {
+  opacity: 8%;
+}
+.ard-file-input .ard-browse-button:active .ard-focus-overlay {
+  opacity: 12%;
+}
+.ard-file-input .ard-browse-button:focus-visible .ard-focus-overlay {
+  opacity: 16%;
+}
+.ard-file-input ard-_clear-button {
+  height: var(--ard-clear-button-size);
+  width: var(--ard-clear-button-size);
+  position: relative;
+}
+.ard-file-input .ard-clear-btn-wrapper {
+  cursor: pointer;
+  font-size: medium;
+  color: var(--ard-detail);
+  width: var(--ard-clear-button-size);
+  height: var(--ard-clear-button-size);
+  line-height: 1em;
+  border-radius: 999px;
+  border: none;
+  padding: 0;
+  background: transparent;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  outline: none;
+  color: inherit;
+}
+.ard-file-input .ard-clear-btn-wrapper .ard-hitbox {
+  position: absolute;
+  left: -1px;
+  right: -1px;
+  top: -1px;
+  bottom: -1px;
+}
+.ard-file-input .ard-clear-btn-wrapper .ard-focus-overlay {
+  position: absolute;
+  top: -1px;
+  bottom: -1px;
+  left: -1px;
+  right: -1px;
+  opacity: 0;
+  border-radius: inherit;
+  pointer-events: none;
+  transition: opacity 0.2s ease;
+  background: currentColor;
+}
+.ard-file-input .ard-clear-btn-wrapper .ard-clear-btn {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+.ard-file-input .ard-clear-btn-wrapper .ard-clear-btn::before {
+  content: "close";
+  font-family: "Material Symbols Outlined";
+  font-size: 1.5em;
+  font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0, "opsz" 48;
+  font-size: 70%;
+}
+.ard-file-input .ard-clear-btn-wrapper:hover .ard-focus-overlay {
+  opacity: 5%;
+}
+.ard-file-input .ard-clear-btn-wrapper:focus .ard-focus-overlay {
+  opacity: 8%;
+}
+.ard-file-input .ard-clear-btn-wrapper:active .ard-focus-overlay {
+  opacity: 15%;
+}
+
+.ard-disabled .ard-input {
+  pointer-events: none;
+  opacity: 50%;
+}
+
+/*# sourceMappingURL=file-input.css.map */

package/prebuilt-themes/default/inputs/file-input.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/file-input.scss","../../../../../projects/ui/src/themes/default/_mixins.scss","../../../../../projects/ui/src/themes/_variables.scss","../../../../../projects/ui/src/themes/default/_clear-button.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;ACII;EACI;;;AAGR;EDJI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECJA;EACA;EACA;EACA;EACA;;ADEA;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;;ACzBJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EC9BJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EDuBQ,YE3CF;EF4CE;;AAGA;EACI;;AAIJ;EACI;;AAIJ;EACI;;AAIJ;EACI;;AG7DZ;EACI,QDkCY;ECjCZ,ODiCY;EChCZ;;AAGJ;EACI;EACA;EACA,ODGC;ECFD,ODyBY;ECxBZ,QDwBY;ECvBZ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EFvBJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EEgBQ;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EF7CZ;EACA;EACA,yBACI;EE4CQ;;AAKJ;EACI;;AAKJ;EACI;;AAKJ;EACI;;;AHKZ;EACI;EACA","file":"file-input.css"}

package/prebuilt-themes/default/inputs/hex-input.css

@@ -0,0 +1,119 @@
+/**
+ * Should be applied to the first element in the component's template.
+ */
+.ard-hex-input {
+  position: relative;
+  font-family: "Roboto", sans-serif;
+  display: flex;
+  align-items: center;
+  justify-content: stretch;
+  gap: 0.625em;
+  cursor: text;
+  box-sizing: border-box;
+  height: 2.0625em;
+  font-size: 1rem;
+  line-height: 1.25em;
+  padding: 0 0.375rem;
+  min-width: 10rem;
+  max-width: 100%;
+}
+.ard-hex-input .ard-input-container {
+  flex-grow: 1;
+  text-size-adjust: 100%;
+  display: flex;
+  align-items: center;
+}
+.ard-hex-input .ard-input-container .ard-placeholder {
+  font: inherit;
+  opacity: 60%;
+}
+.ard-hex-input .ard-input-container input {
+  border: none;
+  background: transparent;
+  outline: none;
+  font: inherit;
+  padding: 0;
+  display: block;
+  width: 100%;
+}
+.ard-hex-input.ard-compact {
+  height: 1.5625em;
+  font-size: 0.85em;
+  line-height: 1;
+}
+.ard-hex-input ard-_clear-button {
+  height: var(--ard-clear-button-size);
+  width: var(--ard-clear-button-size);
+  position: relative;
+}
+.ard-hex-input .ard-clear-btn-wrapper {
+  cursor: pointer;
+  font-size: medium;
+  color: var(--ard-detail);
+  width: var(--ard-clear-button-size);
+  height: var(--ard-clear-button-size);
+  line-height: 1em;
+  border-radius: 999px;
+  border: none;
+  padding: 0;
+  background: transparent;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  outline: none;
+  color: inherit;
+}
+.ard-hex-input .ard-clear-btn-wrapper .ard-hitbox {
+  position: absolute;
+  left: -1px;
+  right: -1px;
+  top: -1px;
+  bottom: -1px;
+}
+.ard-hex-input .ard-clear-btn-wrapper .ard-focus-overlay {
+  position: absolute;
+  top: -1px;
+  bottom: -1px;
+  left: -1px;
+  right: -1px;
+  opacity: 0;
+  border-radius: inherit;
+  pointer-events: none;
+  transition: opacity 0.2s ease;
+  background: currentColor;
+}
+.ard-hex-input .ard-clear-btn-wrapper .ard-clear-btn {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+.ard-hex-input .ard-clear-btn-wrapper .ard-clear-btn::before {
+  content: "close";
+  font-family: "Material Symbols Outlined";
+  font-size: 1.5em;
+  font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0, "opsz" 48;
+  font-size: 70%;
+}
+.ard-hex-input .ard-clear-btn-wrapper:hover .ard-focus-overlay {
+  opacity: 5%;
+}
+.ard-hex-input .ard-clear-btn-wrapper:focus .ard-focus-overlay {
+  opacity: 8%;
+}
+.ard-hex-input .ard-clear-btn-wrapper:active .ard-focus-overlay {
+  opacity: 15%;
+}
+.ard-hex-input .ard-input-container input {
+  font-family: monospace;
+}
+.ard-hex-input .ard-hash-container {
+  margin-right: -0.25rem;
+  color: var(--ard-text3);
+  opacity: 70%;
+  user-select: none;
+  font-family: monospace;
+}
+
+/*# sourceMappingURL=hex-input.css.map */

package/prebuilt-themes/default/inputs/hex-input.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/hex-input.scss","../../../../../projects/ui/src/themes/default/_clear-button.scss","../../../../../projects/ui/src/themes/_variables.scss","../../../../../projects/ui/src/themes/default/_mixins.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;ACGA;EDCI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECTA;EACA;EACA;;ADSA;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;;AEvCJ;EACI,QCkCY;EDjCZ,OCiCY;EDhCZ;;AAGJ;EACI;EACA;EACA,OCGC;EDFD,OCyBY;EDxBZ,QCwBY;EDvBZ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EEvBJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EFgBQ;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EE7CZ;EACA;EACA,yBACI;EF4CQ;;AAKJ;EACI;;AAKJ;EACI;;AAKJ;EACI;;ADtDR;EACI;;AAIR;EACI;EACA,OEZA;EFaA;EACA;EACA","file":"hex-input.css"}

package/prebuilt-themes/default/inputs/input.css

@@ -0,0 +1,139 @@
+/**
+ * Should be applied to the first element in the component's template.
+ */
+.ard-input {
+  position: relative;
+  font-family: "Roboto", sans-serif;
+  display: flex;
+  align-items: center;
+  justify-content: stretch;
+  gap: 0.625em;
+  cursor: text;
+  box-sizing: border-box;
+  height: 2.0625em;
+  font-size: 1rem;
+  line-height: 1.25em;
+  padding: 0 0.375rem;
+  min-width: 10rem;
+  max-width: 100%;
+}
+.ard-input .ard-input-container {
+  flex-grow: 1;
+  text-size-adjust: 100%;
+  display: flex;
+  align-items: center;
+}
+.ard-input .ard-input-container .ard-placeholder {
+  font: inherit;
+  opacity: 60%;
+}
+.ard-input .ard-input-container input {
+  border: none;
+  background: transparent;
+  outline: none;
+  font: inherit;
+  padding: 0;
+  display: block;
+  width: 100%;
+}
+.ard-input.ard-compact {
+  height: 1.5625em;
+  font-size: 0.85em;
+  line-height: 1;
+}
+.ard-input ard-_clear-button {
+  height: var(--ard-clear-button-size);
+  width: var(--ard-clear-button-size);
+  position: relative;
+}
+.ard-input .ard-clear-btn-wrapper {
+  cursor: pointer;
+  font-size: medium;
+  color: var(--ard-detail);
+  width: var(--ard-clear-button-size);
+  height: var(--ard-clear-button-size);
+  line-height: 1em;
+  border-radius: 999px;
+  border: none;
+  padding: 0;
+  background: transparent;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  outline: none;
+  color: inherit;
+}
+.ard-input .ard-clear-btn-wrapper .ard-hitbox {
+  position: absolute;
+  left: -1px;
+  right: -1px;
+  top: -1px;
+  bottom: -1px;
+}
+.ard-input .ard-clear-btn-wrapper .ard-focus-overlay {
+  position: absolute;
+  top: -1px;
+  bottom: -1px;
+  left: -1px;
+  right: -1px;
+  opacity: 0;
+  border-radius: inherit;
+  pointer-events: none;
+  transition: opacity 0.2s ease;
+  background: currentColor;
+}
+.ard-input .ard-clear-btn-wrapper .ard-clear-btn {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+.ard-input .ard-clear-btn-wrapper .ard-clear-btn::before {
+  content: "close";
+  font-family: "Material Symbols Outlined";
+  font-size: 1.5em;
+  font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0, "opsz" 48;
+  font-size: 70%;
+}
+.ard-input .ard-clear-btn-wrapper:hover .ard-focus-overlay {
+  opacity: 5%;
+}
+.ard-input .ard-clear-btn-wrapper:focus .ard-focus-overlay {
+  opacity: 8%;
+}
+.ard-input .ard-clear-btn-wrapper:active .ard-focus-overlay {
+  opacity: 15%;
+}
+.ard-input .ard-autocomplete {
+  opacity: 37.5%;
+}
+
+.ard-input-suggestions-panel .ard-option {
+  padding: 0.375rem 0.625rem;
+  font-size: 1rem;
+  color: var(--ard-text2);
+  cursor: pointer;
+}
+.ard-input-suggestions-panel .ard-option.ard-option-highlighted {
+  background: var(--ard-darken-overlay-light);
+}
+.ard-input-suggestions-panel .ard-option.ard-option-selected {
+  font-weight: 500;
+  background: var(--ard-darken-overlay-medium);
+}
+.ard-input-suggestions-panel .ard-option.ard-option-disabled {
+  pointer-events: none;
+  opacity: 50%;
+}
+.ard-input-suggestions-panel .ard-compact .ard-option {
+  padding: 0.25rem 0.5rem;
+  font-size: 0.9rem;
+}
+
+.ard-disabled .ard-input {
+  pointer-events: none;
+  opacity: 50%;
+}
+
+/*# sourceMappingURL=input.css.map */

package/prebuilt-themes/default/inputs/input.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/input.scss","../../../../../projects/ui/src/themes/default/_clear-button.scss","../../../../../projects/ui/src/themes/_variables.scss","../../../../../projects/ui/src/themes/default/_mixins.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;ACGA;EDCI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECTA;EACA;EACA;;ADSA;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;;AEvCJ;EACI,QCkCY;EDjCZ,OCiCY;EDhCZ;;AAGJ;EACI;EACA;EACA,OCGC;EDFD,OCyBY;EDxBZ,QCwBY;EDvBZ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EEvBJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EFgBQ;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EE7CZ;EACA;EACA,yBACI;EF4CQ;;AAKJ;EACI;;AAKJ;EACI;;AAKJ;EACI;;ADvDZ;EACI;;;AAKJ;EACI;EACA;EACA,OEdA;EFeA;;AAEA;EACI,YEEW;;AFCf;EACI;EACA,YEJY;;AFOhB;EACI;EACA;;AAIJ;EACI;EACA;;;AAKR;EACI;EACA","file":"input.css"}

package/prebuilt-themes/default/inputs/number-input.css

@@ -0,0 +1,150 @@
+/**
+ * Should be applied to the first element in the component's template.
+ */
+.ard-number-input {
+  position: relative;
+  font-family: "Roboto", sans-serif;
+  display: flex;
+  align-items: center;
+  justify-content: stretch;
+  gap: 0.625em;
+  cursor: text;
+  box-sizing: border-box;
+  height: 2.0625em;
+  font-size: 1rem;
+  line-height: 1.25em;
+  gap: 0;
+  width: 100%;
+}
+.ard-number-input .ard-input-container {
+  flex-grow: 1;
+  text-size-adjust: 100%;
+  display: flex;
+  align-items: center;
+}
+.ard-number-input .ard-input-container .ard-placeholder {
+  font: inherit;
+  opacity: 60%;
+}
+.ard-number-input .ard-input-container input {
+  border: none;
+  background: transparent;
+  outline: none;
+  font: inherit;
+  padding: 0;
+  display: block;
+  width: 100%;
+}
+.ard-number-input.ard-compact {
+  height: 1.5625em;
+  font-size: 0.85em;
+  line-height: 1;
+}
+.ard-number-input.ard-appearance-outlined {
+  --ard-appearance-background: var(--ard-bg);
+  --ard-appearance-border: 1px solid var(--ard-border);
+}
+.ard-number-input.ard-appearance-filled {
+  --ard-appearance-background: var(--ard-bg-filled);
+  --ard-appearance-border: none;
+}
+.ard-number-input.ard-appearance-transparent {
+  --ard-appearance-background: transparent;
+  --ard-appearance-border: none;
+}
+.ard-number-input .ard-input-container {
+  height: 100%;
+  max-width: 100%;
+}
+.ard-number-input .ard-input-container > input {
+  width: 100%;
+}
+.ard-number-input .ard-quick-change-button {
+  position: relative;
+}
+.ard-number-input .ard-quick-change-button .ard-button {
+  height: 100%;
+  aspect-ratio: 1;
+  padding: 0;
+  border-color: var(--ard-border);
+  display: flex;
+  justify-content: center;
+  margin: 0;
+}
+.ard-number-input .ard-quick-change-button.ard-disabled .ard-focus-overlay {
+  opacity: 0;
+}
+.ard-number-input .ard-quick-change-button.decrement {
+  left: 1px;
+}
+.ard-number-input .ard-quick-change-button.decrement .ard-button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.ard-number-input .ard-quick-change-button.increment {
+  right: 1px;
+}
+.ard-number-input .ard-quick-change-button.increment .ard-button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.ard-number-input.ard-variant-rounded {
+  border-radius: 8px;
+}
+.ard-number-input.ard-variant-rounded.ard-quick-change-false .ard-input-container {
+  border-radius: 8px;
+}
+.ard-number-input.ard-variant-sharp {
+  border-radius: 0;
+}
+.ard-number-input.ard-variant-pill {
+  border-radius: 999px;
+}
+.ard-number-input.ard-variant-pill.ard-appearance-outlined {
+  --ard-appearance-background: var(--ard-bg);
+  --ard-appearance-border: 1px solid var(--ard-border);
+}
+.ard-number-input.ard-variant-pill.ard-appearance-filled {
+  --ard-appearance-background: var(--ard-bg-filled);
+  --ard-appearance-border: none;
+}
+.ard-number-input.ard-variant-pill.ard-appearance-transparent {
+  --ard-appearance-background: transparent;
+  --ard-appearance-border: none;
+}
+.ard-number-input.ard-variant-pill .ard-button {
+  border-radius: 999px !important;
+  height: 30px;
+  width: 30px;
+  margin: 0 2px;
+}
+.ard-number-input.ard-variant-pill.ard-quick-change-false .ard-input-container {
+  border-radius: 999px;
+}
+.ard-number-input.ard-variant-rounded:not(.ard-appearance-filled) .ard-input-container, .ard-number-input.ard-variant-sharp:not(.ard-appearance-filled) .ard-input-container {
+  box-sizing: border-box;
+  background: var(--ard-appearance-background);
+  border: var(--ard-appearance-border);
+}
+.ard-number-input.ard-variant-rounded.ard-appearance-filled, .ard-number-input.ard-variant-sharp.ard-appearance-filled {
+  background: var(--ard-appearance-background);
+  border: var(--ard-appearance-border);
+}
+.ard-number-input.ard-variant-pill {
+  background: var(--ard-appearance-background);
+  border: var(--ard-appearance-border);
+}
+.ard-number-input.ard-compact {
+  font-size: 0.925rem;
+}
+
+.ard-disabled > .ard-number-input {
+  pointer-events: none;
+  opacity: 50%;
+  background: var(--ard-bg-filled);
+}
+.ard-disabled > .ard-number-input .ard-button .ard-focus-overlay {
+  opacity: 0;
+}
+
+/*# sourceMappingURL=number-input.css.map */

package/prebuilt-themes/default/inputs/number-input.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/number-input.scss","../../../../../projects/ui/src/themes/default/_mixins.scss","../../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;ACEA;EDEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECTA;EACA;;ADUA;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;;AEDJ;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AD1CJ;EACI;EACA;;AAEA;EACI;;AAIR;EACI;;AAEA;EACI;EACA;EACA;EACA,cEZH;EFaG;EACA;EACA;;AAEJ;EACI;;AAGJ;EACI;;AAEA;EACI;EACA;;AAGR;EACI;;AAEA;EACI;EACA;;AAMZ;EACI;;AAGI;EACI;;AAIZ;EACI;;AAEJ;EAGI;;AC3BJ;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;ADmBA;EACI;EACA;EACA;EACA;;AAIA;EACI;;AAQR;EACI;EACA;EACA;;AAEJ;EACI;EACA;;AAGR;EACI;EACA;;AAIJ;EACI;;;AAKJ;EACI;EACA;EAMA,YEjHD;;AF6GC;EACI","file":"number-input.css"}

package/prebuilt-themes/default/inputs/password-input.css

@@ -0,0 +1,73 @@
+/**
+ * Should be applied to the first element in the component's template.
+ */
+.ard-password-input {
+  position: relative;
+  font-family: "Roboto", sans-serif;
+  display: flex;
+  align-items: center;
+  justify-content: stretch;
+  gap: 0.625em;
+  cursor: text;
+  box-sizing: border-box;
+  height: 2.0625em;
+  font-size: 1rem;
+  line-height: 1.25em;
+  padding: 0 0.375rem;
+  min-width: 10rem;
+  max-width: 100%;
+}
+.ard-password-input .ard-input-container {
+  flex-grow: 1;
+  text-size-adjust: 100%;
+  display: flex;
+  align-items: center;
+}
+.ard-password-input .ard-input-container .ard-placeholder {
+  font: inherit;
+  opacity: 60%;
+}
+.ard-password-input .ard-input-container input {
+  border: none;
+  background: transparent;
+  outline: none;
+  font: inherit;
+  padding: 0;
+  display: block;
+  width: 100%;
+}
+.ard-password-input.ard-compact {
+  height: 1.5625em;
+  font-size: 0.85em;
+  line-height: 1;
+}
+.ard-password-input.ard-revealable {
+  padding-right: 0;
+}
+.ard-password-input .ard-reveal-button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  margin: 0.125rem;
+  height: calc(100% - 0.25rem);
+  aspect-ratio: 1;
+  font-size: 0.8rem;
+  border-radius: 9999px;
+  border: none;
+  background: transparent;
+  outline: none;
+  cursor: pointer;
+  transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.ard-password-input .ard-reveal-button:hover {
+  background: rgba(0, 0, 0, 0.04);
+}
+.ard-password-input .ard-reveal-button:focus {
+  background: rgba(0, 0, 0, 0.12);
+}
+.ard-password-input .ard-reveal-button:active {
+  background: rgba(0, 0, 0, 0.2);
+}
+
+/*# sourceMappingURL=password-input.css.map */

package/prebuilt-themes/default/inputs/password-input.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/password-input.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;ACGA;EDCI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECTA;EACA;EACA;;ADSA;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;;AChCJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAEA;EACI;;AAEJ;EACI;;AAEJ;EACI","file":"password-input.css"}