@ardium-ui/ui 5.0.0-alpha.69 → 5.0.0-alpha.70

package/prebuilt-themes/default/color-display.css

@@ -1,20 +1,27 @@
+:root {
+  --ard-color-display-gap: 0.3ch;
+  --ard-color-display-size: 1em * math.div(19, 16);
+  --ard-color-display-font-size: 1.15em;
+  --ard-color-display-rounded-corner-radius: 0.25em;
+}
+
 .ard-color-display-wrapper {
-  gap: 0.3ch;
+  gap: var(--ard-color-display-gap, 0.3ch);
   align-items: center;
 }
 .ard-color-display-wrapper .ard-color-display {
-  width: 1.1875em;
-  height: 1.1875em;
+  width: var(--ard-color-dsiplay-size, 1.1875em);
+  height: var(--ard-color-dsiplay-size, 1.1875em);
   font-size: inherit;
   cursor: help;
-  border: 0.0625em solid transparent;
+  border: 1px solid transparent;
 }
 .ard-color-display-wrapper .ard-color-display-label {
   font-family: var(--ard-font-family-mono);
-  font-size: 1.15em;
+  font-size: var(--ard-color-display-font-size, 1.15em);
 }
 .ard-color-display-wrapper.ard-appearance-rounded .ard-color-display {
-  border-radius: 0.25em;
+  border-radius: var(--ard-color-display-rounded-corner-radius, 0.25em);
 }
 .ard-color-display-wrapper.ard-appearance-circle .ard-color-display {
   border-radius: 9999px;
@@ -23,7 +30,7 @@
   border-radius: 0;
 }
 .ard-color-display-wrapper.ard-with-border .ard-color-display {
-  border-color: var(--ard-text);
+  border-color: var(--ard-color-display-border-color, var(--ard-text));
 }
 
 /*# sourceMappingURL=color-display.css.map */

package/prebuilt-themes/default/color-display.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/color-display.scss","../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAGA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAIA;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE,cC9BC","file":"color-display.css"}
+{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/color-display.scss"],"names":[],"mappings":"AAKA;EACE;EACA;EACA;EACA;;;AAIF;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAIA;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE","file":"color-display.css"}

package/prebuilt-themes/default/divider.css

@@ -1,11 +1,87 @@
-ard-divider {
-  margin: 0;
+:root {
+  --ard-divider-margin-size: 0.5rem;
+  --ard-divider-color: red;
+  --ard-divider-width: 1px;
+  --ard-divider-middle-inset: 1rem;
+  --ard-divider-content-padding: 0.5rem;
+  --ard-divider-content-font-size: 0.875rem;
+  --ard-divider-align-inset: 10%;
+  --ard-divider-align-min-inset: 1rem;
+  --ard-divider-align-max-inset: unset;
+  --ard-divider-style: solid;
 }
-ard-divider:not(.ard-divider-vertical) {
-  border-top: 1px solid var(--ard-detail-ultralight);
+
+.ard-divider {
+  border: none;
+  position: relative;
+  display: flex;
+  justify-content: stretch;
+  align-items: center;
+  box-sizing: border-box;
+  font-size: var(--ard-divider-content-font-size, 0.875rem);
+}
+.ard-divider::before, .ard-divider::after {
+  content: "";
+  flex-grow: 1;
+  pointer-events: none;
+  box-sizing: border-box;
+}
+.ard-divider.ard-divider__horizontal {
+  width: 100%;
+  min-height: var(--ard-divider-width, 1px);
+  margin: var(--ard-divider-margin-size, 0.5rem) 0;
+}
+.ard-divider.ard-divider__horizontal::before, .ard-divider.ard-divider__horizontal::after {
+  height: var(--ard-divider-width, 1px);
+  border-top: var(--ard-divider-width, 1px) var(--ard-divider-style, solid) var(--ard-divider-color, var(--ard-detail-ultralight));
+}
+.ard-divider.ard-divider__horizontal.ard-divider__flex-item {
+  align-self: stretch;
+  width: auto;
+}
+.ard-divider.ard-divider__vertical {
+  height: 100%;
+  min-width: var(--ard-divider-width, 1px);
+  margin: 0 var(--ard-divider-margin-size, 0.5rem);
+  flex-direction: column;
+}
+.ard-divider.ard-divider__vertical::before, .ard-divider.ard-divider__vertical::after {
+  width: var(--ard-divider-width, 1px);
+  border-left: var(--ard-divider-width, 1px) var(--ard-divider-style, solid) var(--ard-divider-color, var(--ard-detail-ultralight));
+}
+.ard-divider.ard-divider__vertical.ard-divider__flex-item {
+  align-self: stretch;
+  height: auto;
+}
+.ard-divider:not(:empty).ard-divider__horizontal::before {
+  margin-right: var(--ard-divider-content-padding, 0.5rem);
+}
+.ard-divider:not(:empty).ard-divider__horizontal::after {
+  margin-left: var(--ard-divider-content-padding, 0.5rem);
+}
+.ard-divider:not(:empty).ard-divider__vertical::before {
+  margin-bottom: var(--ard-divider-content-padding, 0.5rem);
+}
+.ard-divider:not(:empty).ard-divider__vertical::after {
+  margin-top: var(--ard-divider-content-padding, 0.5rem);
+}
+.ard-divider.ard-divider__full {
+  padding: 0;
+}
+.ard-divider.ard-divider__middle {
+  padding: 0 var(--ard-divider-middle-inset, 1rem);
+}
+.ard-divider.ard-divider__text-align-start::before {
+  width: var(--ard-divider-align-inset, 10%);
+  min-width: var(--ard-divider-align-min-inset, 1rem);
+  max-width: var(--ard-divider-align-max-inset, unset);
+  flex-grow: 0;
 }
-ard-divider.ard-divider-vertical {
-  border-left: 1px solid var(--ard-detail-ultralight);
+.ard-divider.ard-divider__text-align-end::after {
+  width: var(--ard-divider-align-inset, 10%);
+  min-width: var(--ard-divider-align-min-inset, 1rem);
+  max-width: var(--ard-divider-align-max-inset, unset);
+  flex-grow: 0;
 }
 
 /*# sourceMappingURL=divider.css.map */

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/divider.scss"],"names":[],"mappings":"AAEA;EACE;;AAEA;EACE;;AAGF;EACE","file":"divider.css"}
+{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/divider.scss"],"names":[],"mappings":"AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEA;EAEE;EACA;;AAGF;EACE;EACA;;AAGJ;EACE;EACA;EACA;EACA;;AAEA;EAEE;EACA;;AAGF;EACE;EACA;;AAOA;EACE;;AAEF;EACE;;AAIF;EACE;;AAEF;EACE;;AAMN;EACE;;AAEF;EACE;;AAKA;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA","file":"divider.css"}

package/prebuilt-themes/default/dropdown-panel.css

@@ -1,37 +1,45 @@
+:root {
+  --ard-dropdown-panel-margin: 0.375rem 0;
+  --ard-dropdown-panel-margin-compact: 0.25rem 0;
+  --ard-dropdown-panel-z-index: 5;
+  --ard-dropdown-panel-rounded-corner-radius: 0.5rem;
+  --ard-dropdown-panel-rounded-corner-radius-compact: 0.375rem;
+}
+
 ard-dropdown-panel {
   width: 100%;
 }
 
 .ard-dropdown-panel-container {
   position: relative;
-  background: var(--ard-bg);
-  margin: 0.375rem 0;
-  z-index: 5;
+  background: var(--ard-dropdown-panel-bg, var(--ard-bg));
+  margin: var(--ard-dropdown-panel-margin, 0.375rem 0);
+  z-index: var(--ard-dropdown-panel-z-index, 5);
   width: 100%;
   overflow: hidden;
   box-sizing: border-box;
 }
 .ard-dropdown-panel-container.ard-variant-rounded {
-  border-radius: 0.5rem;
+  border-radius: var(--ard-dropdown-panel-rounded-corner-radius, 0.5rem);
 }
 .ard-dropdown-panel-container.ard-variant-sharp {
   border-radius: 0;
 }
 .ard-dropdown-panel-container.ard-appearance-outlined {
-  border: 1px solid var(--ard-border);
+  border: 1px solid var(--ard-dropdown-panel-border-color, var(--ard-border));
 }
 .ard-dropdown-panel-container.ard-appearance-raised {
-  box-shadow: var(--ard-box-shadow);
+  box-shadow: var(--ard-dropdown-panel-shadow, var(--ard-box-shadow));
 }
 .ard-dropdown-panel-container.ard-connected {
   margin: 0;
   border-top: none;
 }
 .ard-dropdown-panel-container.ard-compact {
-  margin: 0.25rem 0;
+  margin: var(--ard-dropdown-panel-margin-compact, 0.25rem 0);
 }
 .ard-dropdown-panel-container.ard-compact.ard-variant-rounded {
-  border-radius: 0.4rem;
+  border-radius: var(--ard-dropdown-panel-rounded-corner-radius-compact, 0.375rem);
 }
 
 /*# sourceMappingURL=dropdown-panel.css.map */

package/prebuilt-themes/default/dropdown-panel.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/dropdown-panel.scss","../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAEA;EACE;;;AAEF;EACE;EACA,YCPG;EDQH;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAEF;EACE;;AAIF;EACE;;AAEF;EACE,YCKS;;ADDX;EACE;EACA;;AAIF;EACE;;AAEA;EACE","file":"dropdown-panel.css"}
+{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/dropdown-panel.scss"],"names":[],"mappings":"AAIA;EAEE;EACA;EACA;EACA;EACA;;;AAKF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAEF;EACE;;AAIF;EACE;;AAEF;EACE;;AAIF;EACE;EACA;;AAIF;EACE;;AAEA;EACE","file":"dropdown-panel.css"}

package/prebuilt-themes/default/file-drop-area.css

@@ -1,3 +1,47 @@
+:root {
+  --ard-file-drop-area-min-width: 15rem;
+  --ard-file-drop-area-min-height: 10rem;
+  --ard-file-drop-area-padding: 0.625rem;
+  --ard-file-drop-area-outline-border-width: 2px;
+  --ard-file-drop-area-outline-border-style: dashed;
+  --ard-file-drop-area-outline-padding: 0.375rem;
+  --ard-file-drop-area-content-gap-min: 0.2rem;
+  --ard-file-drop-area-content-gap-preferred: 10%;
+  --ard-file-drop-area-content-gap-max: 1rem;
+  --ard-file-drop-area-icon-font-size: 220%;
+  --ard-file-drop-area-drop-text-font-weight: 500;
+  --ard-file-drop-area-drop-text-font-size: 105%;
+  --ard-file-drop-area-or-text-font-weight: 400;
+  --ard-file-drop-area-or-text-font-size: 95%;
+  --ard-file-drop-area-dragover-text-font-weight: 500;
+  --ard-file-drop-area-dragover-text-font-size: 105%;
+  --ard-file-drop-area-dragover-amount-font-weight: 600;
+  --ard-file-drop-area-dragover-amount-font-size: 120%;
+  --ard-file-drop-area-uploaded-container-gap: 0.75rem;
+  --ard-file-drop-area-uploaded-message-font-weight: 500;
+  --ard-file-drop-area-uploaded-message-font-size: 105%;
+  --ard-file-drop-area-uploaded-amount-font-weight: 600;
+  --ard-file-drop-area-uploaded-amount-font-size: 100%;
+  --ard-file-drop-area-uploaded-files-gap: 0.45rem;
+  --ard-file-drop-area-file-gap: 0.75rem;
+  --ard-file-drop-area-file-icon-font-size: 220%;
+  --ard-file-drop-area-file-info-gap: 0.5ch;
+  --ard-file-drop-area-filename-gap: 0;
+  --ard-file-drop-area-filename-name-line-height: 1;
+  --ard-file-drop-area-filename-name-height: 1em;
+  --ard-file-drop-area-filesize-font-weight: 500;
+  --ard-file-drop-area-filesize-font-size: 83%;
+  --ard-file-drop-area-filesize-opacity: 60%;
+  --ard-file-drop-area-variant-rounded-corner-radius: 0.875rem;
+  --ard-file-drop-area-outline-corner-radius: 0.25rem;
+  --ard-file-drop-area-font-size-compact: 85%;
+  --ard-file-drop-area-min-width-compact: 12rem;
+  --ard-file-drop-area-min-height-compact: 8rem;
+  --ard-file-drop-area-content-gap-min-compact: 0.1667rem;
+  --ard-file-drop-area-content-gap-preferred-compact: 10%;
+  --ard-file-drop-area-content-gap-max-compact: 0.75rem;
+}
+
 ard-file-drop-area {
   display: block;
   width: 100%;
@@ -11,9 +55,9 @@ ard-file-drop-area {
   max-width: 100%;
   height: 100%;
   max-height: 100%;
-  min-width: 15rem;
-  min-height: 10rem;
-  padding: 0.625rem;
+  min-width: var(--ard-file-drop-area-min-width, 15rem);
+  min-height: var(--ard-file-drop-area-min-height, 10rem);
+  padding: var(--ard-file-drop-area-padding, 0.625rem);
   box-sizing: border-box;
   background: var(--ard-cmpcl--bg-colored-verylight);
   display: flex;
@@ -155,8 +199,8 @@ ard-file-drop-area {
   width: 100%;
   min-height: 100%;
   box-sizing: border-box;
-  border: 2px dashed var(--ard-cmpcl--border);
-  padding: 0.375rem;
+  border: var(--ard-file-drop-area-outline-border-width, 2px) var(--ard-file-drop-area-outline-border-style, dashed) var(--ard-cmpcl--border);
+  padding: var(--ard-file-drop-area-outline-padding, 0.375rem);
   pointer-events: none;
 }
 .ard-file-drop-area .ard-file-drop-area-outline * {
@@ -169,31 +213,32 @@ ard-file-drop-area {
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  gap: clamp(0.2rem, 10%, 1rem);
-  padding: 0.2rem 0;
+  gap: clamp(var(--ard-file-drop-area-content-gap-min, 0.2rem), var(--ard-file-drop-area-content-gap-preferred, 10%), var(--ard-file-drop-area-content-gap-max, 1rem));
+  padding: var(--ard-file-drop-area-content-padding, 0.2rem 0);
   box-sizing: border-box;
 }
 .ard-file-drop-area .ard-file-drop-area-icon {
-  font-size: 220%;
+  font-size: var(--ard-file-drop-area-icon-font-size, 220%);
 }
 .ard-file-drop-area .ard-file-drop-area-drop-text {
-  font-weight: 500;
-  font-size: 105%;
+  font-weight: var(--ard-file-drop-area-drop-text-font-weight, 500);
+  font-size: var(--ard-file-drop-area-drop-text-font-size, 105%);
 }
 .ard-file-drop-area .ard-file-drop-area-or-text {
-  font-size: 95%;
+  font-weight: var(--ard-file-drop-area-or-text-font-weight, 400);
+  font-size: var(--ard-file-drop-area-or-text-font-size, 95%);
 }
 .ard-file-drop-area .ard-file-drop-area-browse-button > button {
   border: 1px solid var(--ard-cmpcl--border);
   pointer-events: all;
 }
 .ard-file-drop-area .ard-file-drop-area-dragover-text {
-  font-weight: 500;
-  font-size: 105%;
+  font-weight: var(--ard-file-drop-area-dragover-text-font-weight, 500);
+  font-size: var(--ard-file-drop-area-dragover-text-font-size, 105%);
 }
 .ard-file-drop-area .ard-file-drop-area-dragover-amount {
-  font-weight: 600;
-  font-size: 120%;
+  font-weight: var(--ard-file-drop-area-dragover-amount-font-weight, 600);
+  font-size: var(--ard-file-drop-area-dragover-amount-font-size, 120%);
 }
 .ard-file-drop-area .ard-file-drop-area-uploaded-container {
   max-height: 100%;
@@ -202,15 +247,16 @@ ard-file-drop-area {
   display: grid;
   grid-template-columns: 1fr;
   grid-template-rows: max-content 1fr;
-  gap: 0.75rem;
+  gap: var(--ard-file-drop-area-uploaded-container-gap, 0.75rem);
   justify-items: center;
 }
 .ard-file-drop-area .ard-file-drop-area-uploaded-message {
-  font-weight: 500;
-  font-size: 105%;
+  font-weight: var(--ard-file-drop-area-uploaded-message-font-weight, 500);
+  font-size: var(--ard-file-drop-area-uploaded-message-font-size, 105%);
 }
 .ard-file-drop-area .ard-file-drop-area-uploaded-amount {
-  font-weight: 600;
+  font-weight: var(--ard-file-drop-area-uploaded-amount-font-weight, 600);
+  font-size: var(--ard-file-drop-area-uploaded-amount-font-size, 100%);
 }
 .ard-file-drop-area .ard-file-drop-area-uploaded-files {
   max-width: 100%;
@@ -218,7 +264,7 @@ ard-file-drop-area {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
-  gap: 0.45rem;
+  gap: var(--ard-file-drop-area-uploaded-files-gap, 0.45rem);
   overflow: hidden auto;
   box-sizing: border-box;
 }
@@ -227,53 +273,53 @@ ard-file-drop-area {
   display: grid;
   align-items: center;
   grid-template-columns: max-content 1fr;
-  gap: 0.75rem;
+  gap: var(--ard-file-drop-area-file-gap, 0.75rem);
   max-height: min-content;
 }
 .ard-file-drop-area .ard-file-drop-area-uploaded-files .ard-file-drop-area-file ard-icon {
-  font-size: 220%;
+  font-size: var(--ard-file-drop-area-file-icon-font-size, 220%);
 }
 .ard-file-drop-area .ard-file-drop-area-uploaded-files .ard-file-drop-area-file .ard-file-drop-area-file-info {
   display: flex;
   flex-direction: column;
   line-height: 1;
-  gap: 0.5ch;
+  gap: var(--ard-file-drop-area-file-info-gap, 0.5ch);
 }
 .ard-file-drop-area .ard-file-drop-area-uploaded-files .ard-file-drop-area-file .ard-file-drop-area-filename {
   max-width: 100%;
   display: grid;
   grid-template-columns: 1fr max-content;
-  gap: 0;
+  gap: var(--ard-file-drop-area-filename-gap, 0);
 }
 .ard-file-drop-area .ard-file-drop-area-uploaded-files .ard-file-drop-area-file .ard-file-drop-area-filename-name {
   max-width: 100%;
-  line-height: 1;
+  line-height: var(--ard-file-drop-area-filename-name-line-height, 1);
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
-  height: 1em;
+  height: var(--ard-file-drop-area-filename-name-height, 1em);
 }
 .ard-file-drop-area .ard-file-drop-area-uploaded-files .ard-file-drop-area-file .ard-file-drop-area-filesize {
-  font-weight: 500;
-  font-size: 83%;
-  opacity: 60%;
+  font-weight: var(--ard-file-drop-area-filesize-font-weight, 500);
+  font-size: var(--ard-file-drop-area-filesize-font-size, 83%);
+  opacity: var(--ard-file-drop-area-filesize-opacity, 60%);
 }
 .ard-file-drop-area.ard-variant-rounded, .ard-file-drop-area.ard-variant-pill {
-  border-radius: 0.875rem;
+  border-radius: var(--ard-file-drop-area-variant-rounded-corner-radius, 0.875rem);
 }
 .ard-file-drop-area.ard-variant-rounded .ard-file-drop-area-outline, .ard-file-drop-area.ard-variant-pill .ard-file-drop-area-outline {
-  border-radius: 0.25rem;
+  border-radius: var(--ard-file-drop-area-outline-corner-radius, 0.25rem);
 }
 .ard-file-drop-area.ard-variant-sharp {
   border-radius: 0;
 }
 .ard-file-drop-area.ard-compact {
-  font-size: 85%;
-  min-width: 12rem;
-  min-height: 8rem;
+  font-size: var(--ard-file-drop-area-font-size-compact, 85%);
+  min-width: var(--ard-file-drop-area-min-width-compact, 12rem);
+  min-height: var(--ard-file-drop-area-min-height-compact, 8rem);
 }
 .ard-file-drop-area.ard-compact .ard-file-drop-area-content {
-  gap: clamp(0.1667rem, 10%, 0.75rem);
+  gap: clamp(var(--ard-file-drop-area-content-gap-min-compact, 0.1667rem), var(--ard-file-drop-area-content-gap-preferred-compact, 10%), var(--ard-file-drop-area-content-gap-max-compact, 0.75rem));
 }
 
 /*# sourceMappingURL=file-drop-area.css.map */

package/prebuilt-themes/default/file-drop-area.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/file-drop-area.scss","../../../../projects/ui/src/themes/default/_coloring.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;;;AAGF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AClBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AD/GF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;;AAEF;EACE;EACA;;AAGF;EACE;EACA;;AAEF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAMN;EAEE;;AAEA;EACE;;AAGJ;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE","file":"file-drop-area.css"}
+{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/file-drop-area.scss","../../../../projects/ui/src/themes/default/_coloring.scss"],"names":[],"mappings":"AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AChEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADjEF;EACE;EACA;EACA;EACA;EAEA;EACA;;AAEA;EACE;EACA;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EAKA;EACA;;AAKF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAGF;EACE;EACA;;AAEF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAMN;EAEE;;AAEA;EACE;;AAGJ;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE","file":"file-drop-area.css"}

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

@@ -1,7 +1,18 @@
+:root {
+  --ard-digit-input-font-weight: 500;
+  --ard-digit-input-gap: 0.375em;
+  --ard-digit-input-size: 2.0625em;
+  --ard-digit-input-placeholder-opacity: 60%;
+  --ard-digit-input-transition-duration: 150ms;
+  --ard-digit-input-rectangle-font-size: 1.25em;
+  --ard-digit-input-success-background-color: transparent;
+  --ard-digit-input-disabled-opacity: 50%;
+}
+
 ard-digit-input {
-  font-family: var(--ard-font-family);
-  font-weight: 500;
-  color: var(--ard-text);
+  font-family: var(--ard-digit-input-font-family, var(--ard-font-family));
+  font-weight: var(--ard-digit-input-font-weight, 500);
+  color: var(--ard-digit-input-color, var(--ard-text));
 }
 
 .ard-digit-input,
@@ -14,7 +25,7 @@ ard-digit-input {
 
 .ard-digit-input {
   display: flex;
-  gap: 0.375em;
+  gap: var(--ard-digit-input-gap, 0.375em);
 }
 .ard-digit-input.ard-appearance-outlined {
   --ard-appearance-background: var(--ard-bg);
@@ -48,27 +59,27 @@ ard-digit-input {
 .ard-digit-input .ard-digit-input__item {
   height: max-content;
   display: flex;
-  height: 2.0625em;
+  height: var(--ard-digit-input-size, 2.0625em);
   box-sizing: border-box;
 }
 .ard-digit-input .ard-digit-input__item.ard-digit-input__item-with-input {
-  width: 2.0625em;
+  width: var(--ard-digit-input-size, 2.0625em);
 }
 .ard-digit-input .ard-digit-input__item .ard-digit-input__input {
   width: 100%;
   height: 100%;
   box-sizing: border-box;
   text-align: center;
-  color: var(--ard-text);
-  caret-color: var(--ard-text3);
+  color: inherit;
+  caret-color: var(--ard-digit-input-caret-color, var(--ard-text3));
   background: var(--ard-appearance-background);
   border: var(--ard-appearance-border);
   border-radius: var(--ard-variant-border-radius);
-  transition: border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
+  transition: border-color var(--ard-digit-input-transition-duration, 0.15s) cubic-bezier(0.4, 0, 0.2, 1), background-color var(--ard-digit-input-transition-duration, 0.15s) cubic-bezier(0.4, 0, 0.2, 1);
 }
 .ard-digit-input .ard-digit-input__item .ard-digit-input__input::placeholder {
-  color: var(--ard-text3);
-  opacity: 60%;
+  color: var(--ard-digit-input-placeholder-color, var(--ard-text3));
+  opacity: var(--ard-digit-input-placeholder-opacity, 60%);
 }
 .ard-digit-input .ard-digit-input__item .ard-digit-input__input:not(.ard-digit-input__input-empty) {
   caret-color: transparent;
@@ -80,23 +91,24 @@ ard-digit-input {
   align-items: center;
 }
 .ard-digit-input.ard-shape-square .ard-digit-input__item {
-  height: 2.0625em;
+  height: var(--ard-digit-input-size, 2.0625em);
 }
 .ard-digit-input.ard-shape-rectangle .ard-digit-input__item {
-  height: 2.68125em;
+  height: var(--ard-digit-input-rectangle-height, calc(var(--ard-digit-input-size, 2.0625em) * 1.3));
 }
 .ard-digit-input.ard-shape-rectangle .ard-digit-input__item .ard-digit-input__input {
-  font-size: 1.2em;
+  font-size: var(--ard-digit-input-rectangle-font-size, 1.25em);
 }
 .ard-digit-input.ard-is-success .ard-digit-input__item .ard-digit-input__input {
-  border-color: rgb(var(--ard-success-500));
+  background-color: var(--ard-digit-input-success-background-color, transparent);
+  border-color: var(--ard-digit-input-success-border-color, rgb(var(--ard-success-500)));
 }
 .ard-digit-input.ard-has-error .ard-digit-input__item .ard-digit-input__input {
-  background-color: rgb(var(--ard-danger-50));
-  border-color: rgb(var(--ard-danger-500));
+  background-color: var(--ard-digit-input-error-background-color, rgb(var(--ard-danger-50)));
+  border-color: var(--ard-digit-input-error-border-color, rgb(var(--ard-danger-500)));
 }
 .ard-digit-input.ard-variant-rounded {
-  --ard-variant-border-radius: 0.25em;
+  --ard-variant-border-radius: var(--ard-digit-input-border-radius, var(--ard-rounded-corner-radius, 0.375rem));
 }
 .ard-digit-input.ard-variant-pill {
   --ard-variant-border-radius: 9999px;
@@ -106,7 +118,7 @@ ard-digit-input {
 }
 
 .ard-disabled > .ard-digit-input {
-  opacity: 50%;
+  opacity: var(--ard-digit-input-disabled-opacity, 50%);
   pointer-events: none;
 }
 

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/digit-input.scss","../../../../../projects/ui/src/themes/default/_mixins.scss","../../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAIA;EACE;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;EAIE;EACA;;;AAEF;EAEE;EACA;;ACsBA;EACE;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAGJ;EACE;EACA;;AAEA;EACE;;AAEF;EACE;;AAGJ;EACE;EACA;;ADjDF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA,OE7BC;EF8BD,aE5BE;EF6BF;EACA;EACA;EACA,YACE;;AAGF;EACE,OErCA;EFsCA;;AAGF;EACE;;AAGJ;EACE;EACA;EACA;EACA;;AAIF;EACE;;AAIF;EACE;;AAEA;EACE;;AAMJ;EACE,cE2BO;;AFvBT;EACE,kBEVK;EFWL,cELM;;AFSV;EACE;;AAEF;EACE;;AAEF;EACE;;;AAIF;EACE;EACA","file":"digit-input.css"}
+{"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/digit-input.scss","../../../../../projects/ui/src/themes/default/_mixins.scss"],"names":[],"mappings":"AAMA;EAEE;EAEA;EACA;EAGA;EACA;EAEA;EACA;EAIA;;;AAGF;EACE;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;EAIE;EACA;;;AAEF;EAEE;EACA;;ACCA;EACE;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAGJ;EACE;EACA;;AAEA;EACE;;AAEF;EACE;;AAGJ;EACE;EACA;;AD5BF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;;AAGF;EACE;EACA;;AAGF;EACE;;AAGJ;EACE;EACA;EACA;EACA;;AAIF;EACE;;AAIF;EACE;;AAEA;EACE;;AAMJ;EACE;EACA;;AAIF;EACE;EACA;;AAIJ;EACE;;AAEF;EACE;;AAEF;EACE;;;AAIF;EACE;EACA","file":"digit-input.css"}

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

@@ -1,5 +1,13 @@
+:root {
+  --ard-progress-circle-size: 3em;
+  --ard-progress-circle-colorless-background-opacity: 100%;
+  --ard-progress-circle-colored-background-opacity: 100%;
+  --ard-progress-circle-value-font-size: 0.875em;
+}
+
 .ard-progress-circle {
-  width: 3em;
+  width: var(--ard-progress-circle-size, 3em);
+  height: var(--ard-progress-circle-size, 3em);
   --ard-_progress-circle-fill-color: var(--ard-cmpcl--bg-colored);
 }
 .ard-progress-circle.ard-color-none {
@@ -139,15 +147,13 @@
   background: transparent;
 }
 .ard-progress-circle.ard-appearance-colorless .ard-progress-circle-background {
-  background: var(--ard-darken-overlay-medium);
+  background: var(--ard-progress-circle-colorless-background-color, var(--ard-darken-overlay-medium));
+  opacity: var(--ard-progress-circle-colorless-background-opacity, 100%);
 }
 .ard-progress-circle.ard-appearance-colored .ard-progress-circle-background {
-  opacity: 16%;
+  opacity: var(--ard-progress-circle-colored-background-opacity, 100%);
   background: var(--ard-cmpcl--bg-colored);
 }
-.ard-progress-circle.ard-appearance-colored.ard-color-none .ard-progress-circle-background {
-  opacity: 8%;
-}
 .ard-progress-circle.ard-progress-circle-variant-ring .ard-progress-circle-background,
 .ard-progress-circle.ard-progress-circle-variant-ring .ard-progress-circle-overlay {
   mask: radial-gradient(transparent 59%, #000 59%);
@@ -158,7 +164,7 @@
   top: 50%;
   transform: translate(-50%, -50%);
   font-weight: bold;
-  font-size: 0.9em;
+  font-size: var(--ard-progress-circle-value-font-size, 0.875em);
 }
 .ard-progress-circle.ard-progress-circle-variant-full .ard-progress-circle-value {
   display: none;

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/progress-circle.scss","../../../../projects/ui/src/themes/default/_coloring.scss","../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAGA;EAEE;EAEA;;ACJA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AD3HA;EACE;;AAIF;EACE,YEWkB;;AFPpB;EACE;EACA;;AAIA;EACE;;AAMJ;AAAA;EAIE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE","file":"progress-circle.css"}
+{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/progress-circle.scss","../../../../projects/ui/src/themes/default/_coloring.scss"],"names":[],"mappings":"AAKA;EACE;EAEA;EACA;EACA;;;AAGF;EAEE;EACA;EAEA;;ACfA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADhHA;EACE;;AAIF;EACE;EACA;;AAIF;EACE;EACA;;AAKF;AAAA;EAIE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE","file":"progress-circle.css"}