@ardium-ui/ui 1.0.0

package/prebuilt-themes/default/inputs/search-bar.css

@@ -0,0 +1,114 @@
+/**
+ * Should be applied to the first element in the component's template.
+ */
+.ard-search-bar {
+  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-search-bar .ard-input-container {
+  flex-grow: 1;
+  text-size-adjust: 100%;
+  display: flex;
+  align-items: center;
+}
+.ard-search-bar .ard-input-container .ard-placeholder {
+  font: inherit;
+  opacity: 60%;
+}
+.ard-search-bar .ard-input-container input {
+  border: none;
+  background: transparent;
+  outline: none;
+  font: inherit;
+  padding: 0;
+  display: block;
+  width: 100%;
+}
+.ard-search-bar.ard-compact {
+  height: 1.5625em;
+  font-size: 0.85em;
+  line-height: 1;
+}
+.ard-search-bar ard-_clear-button {
+  height: var(--ard-clear-button-size);
+  width: var(--ard-clear-button-size);
+  position: relative;
+}
+.ard-search-bar .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-search-bar .ard-clear-btn-wrapper .ard-hitbox {
+  position: absolute;
+  left: -1px;
+  right: -1px;
+  top: -1px;
+  bottom: -1px;
+}
+.ard-search-bar .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-search-bar .ard-clear-btn-wrapper .ard-clear-btn {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+.ard-search-bar .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-search-bar .ard-clear-btn-wrapper:hover .ard-focus-overlay {
+  opacity: 5%;
+}
+.ard-search-bar .ard-clear-btn-wrapper:focus .ard-focus-overlay {
+  opacity: 8%;
+}
+.ard-search-bar .ard-clear-btn-wrapper:active .ard-focus-overlay {
+  opacity: 15%;
+}
+
+.ard-disabled .ard-search-bar {
+  pointer-events: none;
+  opacity: 50%;
+}
+
+/*# sourceMappingURL=search-bar.css.map */

package/prebuilt-themes/default/inputs/search-bar.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/search-bar.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;ACEA;EDEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECVA;EACA;EACA;;ADUA;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;;;ADtDZ;EACI;EACA","file":"search-bar.css"}

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

@@ -0,0 +1,114 @@
+/**
+ * Should be applied to the first element in the component's template.
+ */
+.ard-simple-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-simple-input .ard-input-container {
+  flex-grow: 1;
+  text-size-adjust: 100%;
+  display: flex;
+  align-items: center;
+}
+.ard-simple-input .ard-input-container .ard-placeholder {
+  font: inherit;
+  opacity: 60%;
+}
+.ard-simple-input .ard-input-container input {
+  border: none;
+  background: transparent;
+  outline: none;
+  font: inherit;
+  padding: 0;
+  display: block;
+  width: 100%;
+}
+.ard-simple-input.ard-compact {
+  height: 1.5625em;
+  font-size: 0.85em;
+  line-height: 1;
+}
+.ard-simple-input ard-_clear-button {
+  height: var(--ard-clear-button-size);
+  width: var(--ard-clear-button-size);
+  position: relative;
+}
+.ard-simple-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-simple-input .ard-clear-btn-wrapper .ard-hitbox {
+  position: absolute;
+  left: -1px;
+  right: -1px;
+  top: -1px;
+  bottom: -1px;
+}
+.ard-simple-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-simple-input .ard-clear-btn-wrapper .ard-clear-btn {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+.ard-simple-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-simple-input .ard-clear-btn-wrapper:hover .ard-focus-overlay {
+  opacity: 5%;
+}
+.ard-simple-input .ard-clear-btn-wrapper:focus .ard-focus-overlay {
+  opacity: 8%;
+}
+.ard-simple-input .ard-clear-btn-wrapper:active .ard-focus-overlay {
+  opacity: 15%;
+}
+
+.ard-disabled .ard-simple-input {
+  pointer-events: none;
+  opacity: 50%;
+}
+
+/*# sourceMappingURL=simple-input.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/simple-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;ACEA;EDEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECVA;EACA;EACA;;ADUA;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;;;ADtDZ;EACI;EACA","file":"simple-input.css"}

package/prebuilt-themes/default/kbd-shortcut.css

@@ -0,0 +1,12 @@
+.ard-kbd-shortcut {
+  font-family: monospace;
+  color: var(--ard-text2);
+}
+.ard-kbd-shortcut > span {
+  font-size: 0.9em;
+}
+.ard-kbd-shortcut.ard-appearance-transparent > span {
+  font-size: 0.75em;
+}
+
+/*# sourceMappingURL=kbd-shortcut.css.map */

package/prebuilt-themes/default/kbd-shortcut.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/kbd-shortcut.scss","../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAEA;EACI;EACA,OCII;;ADFJ;EACI;;AAEJ;EACI","file":"kbd-shortcut.css"}

package/prebuilt-themes/default/kbd.css

@@ -0,0 +1,17 @@
+.ard-kbd {
+  border-radius: 0.2em;
+  font-family: monospace;
+  font-size: 0.9em;
+  margin: 0 0.125em;
+  color: var(--ard-text2);
+}
+.ard-kbd.ard-appearance-outlined, .ard-kbd.ard-appearance-filled {
+  border: 1px solid var(--ard-detail-ultralight);
+  box-shadow: inset 0 -1px 0 var(--ard-darken-overlay);
+  padding: 0.15em 0.35em;
+}
+.ard-kbd.ard-appearance-filled {
+  background: var(--ard-bg-darker);
+}
+
+/*# sourceMappingURL=kbd.css.map */

package/prebuilt-themes/default/kbd.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/kbd.scss","../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAEA;EACI;EACA;EACA;EACA;EACA,OCCI;;ADEJ;EAEI;EACA;EACA;;AAEJ;EACI,YCbD","file":"kbd.css"}

package/prebuilt-themes/default/modal.css

@@ -0,0 +1,73 @@
+.ard-modal {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  display: grid;
+  place-items: center;
+}
+.ard-modal.ard-modal-backdrop {
+  background: var(--ard-darken-overlay-strong);
+}
+.ard-modal .ard-modal-panel {
+  padding: 1.25rem 3rem 1.5rem 3rem;
+  background: var(--ard-bg);
+  max-width: calc(100vw - 4rem);
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: start;
+  gap: 1.5rem;
+}
+.ard-modal .ard-modal-panel.ard-modal-no-heading-text {
+  gap: 0.25rem;
+}
+.ard-modal .ard-modal-panel.ard-modal-no-heading-text .ard-modal-close-button {
+  position: absolute;
+  right: 0.5rem;
+  top: 0.5rem;
+}
+.ard-modal .ard-modal-panel.ard-modal-has-close-button .ard-modal-heading {
+  padding-right: 1rem;
+}
+.ard-modal .ard-modal-heading {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+}
+.ard-modal .ard-modal-heading .ard-modal-heading-text {
+  font-size: 1.25rem;
+  color: var(--ard-text);
+  font-weight: 500;
+  font-family: Roboto;
+}
+.ard-modal .ard-modal-heading .ard-modal-close-button {
+  position: absolute;
+  right: 0.5rem;
+  top: 0.5rem;
+}
+.ard-modal.ard-appearance-raised .ard-modal-panel {
+  box-shadow: var(--ard-simple-shadow2);
+}
+.ard-modal.ard-variant-rounded .ard-modal-panel {
+  border-radius: 8px;
+}
+.ard-modal.ard-variant-sharp .ard-modal-panel {
+  border-radius: 0;
+}
+.ard-modal.ard-compact .ard-modal-panel {
+  font-size: 90%;
+  padding: 0.75rem 2rem 1rem 2rem;
+  gap: 1rem;
+}
+.ard-modal.ard-compact .ard-modal-panel.ard-modal-no-heading-text {
+  gap: 0.25rem;
+}
+.ard-modal.ard-compact .ard-modal-panel.ard-modal-no-heading-text .ard-modal-close-button {
+  position: absolute;
+  right: 0.25rem;
+  top: 0.25rem;
+}
+
+/*# sourceMappingURL=modal.css.map */

package/prebuilt-themes/default/modal.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/modal.scss","../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI,YCcgB;;ADZpB;EACI;EACA,YChBH;EDiBG;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAEA;EACI;EACA;EACA;;AAIJ;EACI;;AAIZ;EACI;EACA;EACA;;AAEA;EACI;EACA,OCvCL;EDwCK;EACA;;AAEJ;EACI;EACA;EACA;;AAKJ;EACI,YCzBK;;AD8BT;EACI;;AAIJ;EACI;;AAMJ;EACI;EACA;EACA;;AAEA;EACI;;AAEA;EACI;EACA;EACA","file":"modal.css"}

package/prebuilt-themes/default/progress-bar.css

@@ -0,0 +1,267 @@
+.ard-progress-bar {
+  width: 100%;
+  margin: 0.5rem 0;
+  overflow: hidden;
+}
+.ard-progress-bar.ard-color-none {
+  --ard-cmpcl--bg: var(--ard-bg);
+  --ard-cmpcl--bg-colored: var(--ard-bg-alt);
+  --ard-cmpcl--bg-colored-light: var(--ard-detail-light);
+  --ard-cmpcl--bg-header: var(--ard-bg-filled);
+  --ard-cmpcl--bg-colored-verylight: var(--ard-bg-darker);
+  --ard-cmpcl--on-bg: var(--ard-text);
+  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
+  --ard-cmpcl--border: var(--ard-text);
+  --ard-cmpcl--border-light: var(--ard-text2);
+  --ard-cmpcl--content: var(--ard-text);
+  --ard-cmpcl--content-light: var(--ard-text-alt);
+  --ard-cmpcl--overlay-rgb: var(--ard-overlay-rgb);
+  --ard-cmpcl--overlay: var(--ard-overlay);
+  --ard-cmpcl--overlay-colored: var(--ard-overlay);
+  --ard-cmpcl--overlay-colored-light: var(--ard-text-alt);
+}
+.ard-progress-bar.ard-color-primary {
+  --ard-cmpcl--bg: rgb(var(--ard-primary-500));
+  --ard-cmpcl--bg-colored: rgb(var(--ard-primary-500));
+  --ard-cmpcl--bg-colored-light: rgb(var(--ard-primary-100));
+  --ard-cmpcl--bg-header: rgb(var(--ard-primary-100));
+  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-primary-50));
+  --ard-cmpcl--on-bg: var(--ard-text-alt);
+  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
+  --ard-cmpcl--border: rgb(var(--ard-primary-300));
+  --ard-cmpcl--border-light: rgb(var(--ard-primary-100));
+  --ard-cmpcl--content: rgb(var(--ard-primary-700));
+  --ard-cmpcl--content-light: rgb(var(--ard-primary-300));
+  --ard-cmpcl--overlay-rgb: var(--ard-primary-500);
+  --ard-cmpcl--overlay: var(--ard-overlay);
+  --ard-cmpcl--overlay-colored: rgb(var(--ard-primary-700));
+  --ard-cmpcl--overlay-colored-light: rgb(var(--ard-primary-100));
+}
+.ard-progress-bar.ard-color-secondary {
+  --ard-cmpcl--bg: rgb(var(--ard-secondary-500));
+  --ard-cmpcl--bg-colored: rgb(var(--ard-secondary-500));
+  --ard-cmpcl--bg-colored-light: rgb(var(--ard-secondary-50));
+  --ard-cmpcl--bg-header: rgb(var(--ard-secondary-50));
+  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-secondary-50));
+  --ard-cmpcl--on-bg: var(--ard-text-alt);
+  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
+  --ard-cmpcl--border: rgb(var(--ard-secondary-300));
+  --ard-cmpcl--border-light: rgb(var(--ard-secondary-100));
+  --ard-cmpcl--content: rgb(var(--ard-secondary-700));
+  --ard-cmpcl--content-light: rgb(var(--ard-secondary-300));
+  --ard-cmpcl--overlay-rgb: var(--ard-secondary-500);
+  --ard-cmpcl--overlay: var(--ard-overlay);
+  --ard-cmpcl--overlay-colored: rgb(var(--ard-secondary-700));
+  --ard-cmpcl--overlay-colored-light: rgb(var(--ard-secondary-100));
+}
+.ard-progress-bar.ard-color-warn {
+  --ard-cmpcl--bg: rgb(var(--ard-warn-500));
+  --ard-cmpcl--bg-colored: rgb(var(--ard-warn-500));
+  --ard-cmpcl--bg-colored-light: rgb(var(--ard-warn-50));
+  --ard-cmpcl--bg-header: rgb(var(--ard-warn-50));
+  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-warn-50));
+  --ard-cmpcl--on-bg: var(--ard-text-alt);
+  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
+  --ard-cmpcl--border: rgb(var(--ard-warn-300));
+  --ard-cmpcl--border-light: rgb(var(--ard-warn-100));
+  --ard-cmpcl--content: rgb(var(--ard-warn-700));
+  --ard-cmpcl--content-light: rgb(var(--ard-warn-100));
+  --ard-cmpcl--overlay-rgb: var(--ard-warn-500);
+  --ard-cmpcl--overlay: var(--ard-overlay);
+  --ard-cmpcl--overlay-colored: rgb(var(--ard-warn-700));
+  --ard-cmpcl--overlay-colored-light: rgb(var(--ard-warn-100));
+}
+.ard-progress-bar.ard-color-danger {
+  --ard-cmpcl--bg: rgb(var(--ard-danger-700));
+  --ard-cmpcl--bg-colored: rgb(var(--ard-danger-700));
+  --ard-cmpcl--bg-colored-light: rgb(var(--ard-danger-100));
+  --ard-cmpcl--bg-header: rgb(var(--ard-danger-100));
+  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-danger-50));
+  --ard-cmpcl--on-bg: var(--ard-text-alt);
+  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
+  --ard-cmpcl--border: rgb(var(--ard-danger-300));
+  --ard-cmpcl--border-light: rgb(var(--ard-danger-100));
+  --ard-cmpcl--content: rgb(var(--ard-danger-900));
+  --ard-cmpcl--content-light: rgb(var(--ard-danger-500));
+  --ard-cmpcl--overlay-rgb: var(--ard-danger-700);
+  --ard-cmpcl--overlay: var(--ard-overlay);
+  --ard-cmpcl--overlay-colored: rgb(var(--ard-danger-700));
+  --ard-cmpcl--overlay-colored-light: rgb(var(--ard-danger-300));
+}
+.ard-progress-bar.ard-color-success {
+  --ard-cmpcl--bg: rgb(var(--ard-success-700));
+  --ard-cmpcl--bg-colored: rgb(var(--ard-success-700));
+  --ard-cmpcl--bg-colored-light: rgb(var(--ard-success-50));
+  --ard-cmpcl--bg-header: rgb(var(--ard-success-50));
+  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-success-50));
+  --ard-cmpcl--on-bg: var(--ard-text-alt);
+  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
+  --ard-cmpcl--border: rgb(var(--ard-success-300));
+  --ard-cmpcl--border-light: rgb(var(--ard-success-100));
+  --ard-cmpcl--content: rgb(var(--ard-success-900));
+  --ard-cmpcl--content-light: rgb(var(--ard-success-300));
+  --ard-cmpcl--overlay-rgb: var(--ard-success-700);
+  --ard-cmpcl--overlay: var(--ard-overlay);
+  --ard-cmpcl--overlay-colored: rgb(var(--ard-success-700));
+  --ard-cmpcl--overlay-colored-light: rgb(var(--ard-success-300));
+}
+.ard-progress-bar.ard-color-info {
+  --ard-cmpcl--bg: rgb(var(--ard-info-500));
+  --ard-cmpcl--bg-colored: rgb(var(--ard-info-500));
+  --ard-cmpcl--bg-colored-light: rgb(var(--ard-info-50));
+  --ard-cmpcl--bg-header: rgb(var(--ard-info-50));
+  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-info-50));
+  --ard-cmpcl--on-bg: var(--ard-text-alt);
+  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
+  --ard-cmpcl--border: rgb(var(--ard-info-300));
+  --ard-cmpcl--border-light: rgb(var(--ard-info-100));
+  --ard-cmpcl--content: rgb(var(--ard-info-700));
+  --ard-cmpcl--content-light: rgb(var(--ard-info-300));
+  --ard-cmpcl--overlay-rgb: var(--ard-info-500);
+  --ard-cmpcl--overlay: var(--ard-overlay);
+  --ard-cmpcl--overlay-colored: rgb(var(--ard-info-700));
+  --ard-cmpcl--overlay-colored-light: rgb(var(--ard-info-100));
+}
+.ard-progress-bar.ard-color-currentColor {
+  --ard-cmpcl--bg: var(--ard-bg);
+  --ard-cmpcl--bg-colored: currentColor;
+  --ard-cmpcl--on-bg: currentColor;
+  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
+  --ard-cmpcl--border: currentColor;
+  --ard-cmpcl--border-light: currentColor;
+  --ard-cmpcl--content: currentColor;
+  --ard-cmpcl--content-light: currentColor;
+  --ard-cmpcl--overlay-rgb: var(--ard-overlay-rgb);
+  --ard-cmpcl--overlay: var(--ard-overlay);
+  --ard-cmpcl--overlay-colored: currentColor;
+  --ard-cmpcl--overlay-colored-light: currentColor;
+}
+.ard-progress-bar .ard-progress-bar__background,
+.ard-progress-bar .ard-progress-bar__overlay {
+  position: absolute;
+  background-color: var(--ard-cmpcl--bg-colored);
+  top: 0;
+  bottom: 0;
+  left: 0;
+}
+.ard-progress-bar .ard-progress-bar__background {
+  background-color: var(--ard-cmpcl--bg-colored-light);
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  opacity: 30%;
+}
+.ard-progress-bar .ard-progress-bar__overlay {
+  width: var(--ard-_progress-bar-main, 0);
+}
+.ard-progress-bar.ard-variant-sharp {
+  border-radius: 0;
+}
+.ard-progress-bar.ard-variant-pill {
+  border-radius: 9999px;
+}
+.ard-progress-bar.ard-progress-bar__size-default {
+  height: 0.25rem;
+}
+.ard-progress-bar.ard-progress-bar__size-auto:not(.ard-progress-bar__mode-buffer) {
+  height: 100%;
+}
+.ard-progress-bar.ard-progress-bar__mode-determinate .ard-progress-bar__overlay, .ard-progress-bar.ard-progress-bar__mode-buffer .ard-progress-bar__overlay {
+  transition: width 0.1s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.ard-progress-bar.ard-progress-bar__mode-indeterminate .ard-progress-bar__overlay, .ard-progress-bar.ard-progress-bar__mode-query .ard-progress-bar__overlay {
+  position: unset;
+}
+.ard-progress-bar.ard-progress-bar__mode-indeterminate .ard-progress-bar__overlay::before, .ard-progress-bar.ard-progress-bar__mode-indeterminate .ard-progress-bar__overlay::after, .ard-progress-bar.ard-progress-bar__mode-query .ard-progress-bar__overlay::before, .ard-progress-bar.ard-progress-bar__mode-query .ard-progress-bar__overlay::after {
+  content: "";
+  position: absolute;
+  background-color: inherit;
+  top: 0;
+  left: 0;
+  bottom: 0;
+}
+.ard-progress-bar.ard-progress-bar__mode-indeterminate .ard-progress-bar__overlay::before, .ard-progress-bar.ard-progress-bar__mode-query .ard-progress-bar__overlay::before {
+  animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
+}
+.ard-progress-bar.ard-progress-bar__mode-indeterminate .ard-progress-bar__overlay::after, .ard-progress-bar.ard-progress-bar__mode-query .ard-progress-bar__overlay::after {
+  animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
+  animation-delay: 1.15s;
+}
+.ard-progress-bar.ard-progress-bar__mode-query {
+  transform: rotate(180deg);
+}
+.ard-progress-bar.ard-progress-bar__mode-buffer .ard-progress-bar__background {
+  background: none !important;
+  left: var(--ard-_progress-bar-buffer, 100%);
+  overflow: hidden;
+}
+.ard-progress-bar.ard-progress-bar__mode-buffer .ard-progress-bar__background::after {
+  content: "";
+  position: absolute;
+  right: -0.5rem;
+  top: 0;
+  bottom: 0;
+  width: 9999px;
+  animation: buffer 0.4s linear infinite;
+  border-bottom: 0.25rem dotted var(--ard-cmpcl--bg-colored);
+}
+.ard-progress-bar.ard-progress-bar__mode-buffer .ard-progress-bar__overlay-buffer {
+  background: var(--ard-cmpcl--bg-colored-light);
+  position: absolute;
+  left: 0;
+  width: var(--ard-_progress-bar-buffer, 0);
+  top: 0;
+  bottom: 0;
+  transition: width 0.1s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.ard-progress-bar.ard-progress-bar__size-default > .ard-progress-bar__value, .ard-progress-bar.ard-progress-bar__hide-value > .ard-progress-bar__value, .ard-progress-bar.ard-progress-bar__mode-buffer > .ard-progress-bar__value {
+  display: none;
+}
+.ard-progress-bar.ard-color-currentColor .ard-progress-bar__background {
+  opacity: 22.5%;
+  background: var(--ard-cmpcl--bg-colored);
+}
+.ard-progress-bar.ard-color-currentColor .ard-progress-bar__overlay-buffer {
+  opacity: 30%;
+  background: var(--ard-cmpcl--bg-colored);
+}
+
+@keyframes indeterminate {
+  0% {
+    left: -35%;
+    right: 100%;
+  }
+  60% {
+    left: 100%;
+    right: -90%;
+  }
+  100% {
+    left: 100%;
+    right: -90%;
+  }
+}
+@keyframes indeterminate-short {
+  0% {
+    left: -200%;
+    right: 100%;
+  }
+  60% {
+    left: 107%;
+    right: -8%;
+  }
+  100% {
+    left: 107%;
+    right: -8%;
+  }
+}
+@keyframes buffer {
+  0% {
+    transform: translateX(0);
+  }
+  100% {
+    transform: translateX(-0.5rem);
+  }
+}
+
+/*# sourceMappingURL=progress-bar.css.map */

package/prebuilt-themes/default/progress-bar.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/progress-bar.scss","../../../../projects/ui/src/themes/default/_coloring.scss"],"names":[],"mappings":"AAGA;EAEI;EACA;EACA;;ACJA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AD7HJ;AAAA;EAEI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;;AAIJ;EACI;;AAEJ;EACI;;AAIJ;EACI;;AAEJ;EACI;;AAMA;EACI;;AAKJ;EACI;;AAEA;EAEI;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;;AAEJ;EACI;EACA;;AAIZ;EACI;;AAGA;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAQJ;EACI;;AAMJ;EACI;EACA;;AAEJ;EACI;EACA;;;AAKZ;EACI;IACI;IACA;;EAEJ;IACI;IACA;;EAEJ;IACI;IACA;;;AAIR;EACI;IACI;IACA;;EAEJ;IACI;IACA;;EAEJ;IACI;IACA;;;AAIR;EACI;IACI;;EAEJ;IACI","file":"progress-bar.css"}