@ardium-ui/ui 5.0.0-alpha.9 → 5.0.0-alpha.90

package/prebuilt-themes/default/kbd.css

@@ -1,18 +1,29 @@
-.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;
-  background-color: var(--ard-bg);
-}
-.ard-kbd.ard-appearance-filled {
-  background: var(--ard-bg-darker);
+@layer ard-ui {
+  :root {
+    --ard-kbd-border-radius: 0.1875em;
+    --ard-kbd-margin: 0 0.125em;
+    --ard-kbd-padding: 0.125em 0.375em;
+    --ard-kbd-border-width: 1px;
+    --ard-kbd-border-style: solid;
+    --ard-kbd-border-color: ;
+    --ard-kbd-box-shadow-settings: inset 0 -1px 0;
+  }
+  .ard-kbd {
+    border-radius: var(--ard-kbd-border-radius, 0.1875em);
+    font-family: var(--ard-font-family-mono);
+    font-size: var(--ard-kbd-font-size, 0.875em);
+    margin: var(--ard-kbd-margin, 0 0.125em);
+    color: var(--ard-text2);
+  }
+  .ard-kbd.ard-appearance-outlined, .ard-kbd.ard-appearance-filled {
+    border: var(--ard-kbd-border-width, 1px) var(--ard-kbd-border-style, solid) var(--ard-kbd-border-color, var(--ard-detail-ultralight));
+    box-shadow: var(--ard-kbd-box-shadow-settings, inset 0 -1px 0) var(--ard-kbd-box-shadow-color, var(--ard-detail-light));
+    padding: var(--ard-kbd-padding, 0.125em 0.375em);
+    background-color: var(--ard-kbd-bg, var(--ard-bg));
+  }
+  .ard-kbd.ard-appearance-filled {
+    background: var(--ard-kbd-filled-bg, var(--ard-bg-darker));
+  }
 }
 
 /*# sourceMappingURL=kbd.css.map */

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/kbd.scss","../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA,OCCM;;ADEN;EAEE;EACA;EACA;EACA,kBCfC;;ADiBH;EACE,YCdG","file":"kbd.css"}
+{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/kbd.scss","../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAEA;EAGE;IAEE;IACA;IACA;IACA;IACA;IACA;IACA;;EAMF;IACE;IACA;IACA;IACA;IACA,OChBI;;EDmBJ;IAEE;IAEA;IACA;IACA;;EAEF;IACE","file":"kbd.css"}

package/prebuilt-themes/default/modal.css

@@ -1,74 +1,99 @@
-.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;
-  padding-top: 1rem;
-  background: var(--ard-bg);
-  max-width: calc(100vw - 4rem);
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  align-items: flex-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: 2rem;
-}
-.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;
+@layer ard-ui {
+  :root {
+    --ard-modal-viewport-spacing: 2rem;
+    --ard-modal-padding: 1.25rem;
+    --ard-modal-padding-top: 1rem;
+    --ard-modal-gap: 1.5rem;
+    --ard-modal-no-heading-gap: 0.25rem;
+    --ard-modal-close-button-offset: 0.5rem;
+    --ard-modal-heading-padding-right: 2rem;
+    --ard-modal-heading-font-size: 1.25rem;
+    --ard-modal-heading-font-weight: 500;
+    --ard-modal-rounded-border-radius: 8px;
+    --ard-modal-font-size: 1rem;
+    --ard-modal-font-size-compact: 0.875rem;
+    --ard-modal-padding-compact: 0.75rem 2rem 1rem 2rem;
+    --ard-modal-gap-compact: 1rem;
+    --ard-modal-close-button-offset-compact: 0.25rem;
+  }
+  .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: var(--ard-modal-padding, 1.25rem);
+    padding-top: var(--ard-modal-padding-top, 1rem);
+    width: var(--ard-modal-width);
+    height: var(--ard-modal-height);
+    min-width: var(--ard-modal-min-width);
+    min-height: var(--ard-modal-min-height);
+    max-width: var(--ard-modal-max-width, calc(100vw - var(--ard-modal-viewport-spacing, 2rem) * 2));
+    max-height: var(--ard-modal-max-height, calc(100vh - var(--ard-modal-viewport-spacing, 2rem) * 2));
+    background: var(--ard-modal-bg, var(--ard-bg));
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: var(--ard-modal-gap, 1.5rem);
+    font-size: 1rem;
+  }
+  .ard-modal .ard-modal-panel.ard-modal-no-heading-text {
+    gap: var(--ard-modal-no-heading-gap, 0.25rem);
+  }
+  .ard-modal .ard-modal-panel.ard-modal-no-heading-text .ard-modal-close-button {
+    position: absolute;
+    right: var(--ard-modal-close-button-offset, 0.5rem);
+    top: var(--ard-modal-close-button-offset, 0.5rem);
+  }
+  .ard-modal .ard-modal-panel.ard-modal-has-close-button .ard-modal-heading {
+    padding-right: var(--ard-modal-heading-padding-right, 2rem);
+  }
+  .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: var(--ard-modal-heading-font-size, 1.25rem);
+    color: var(--ard-modal-heading-color, var(--ard-text));
+    font-weight: var(--ard-modal-heading-font-weight, 500);
+    font-family: var(--ard-font-family);
+  }
+  .ard-modal .ard-modal-heading .ard-modal-close-button {
+    position: absolute;
+    right: var(--ard-modal-close-button-offset, 0.5rem);
+    top: var(--ard-modal-close-button-offset, 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: var(--ard-modal-rounded-border-radius, 8px);
+  }
+  .ard-modal.ard-variant-sharp .ard-modal-panel {
+    border-radius: 0;
+  }
+  .ard-modal.ard-compact .ard-modal-panel {
+    font-size: var(--ard-modal-font-size-compact, 0.875rem);
+    padding: var(--ard-modal-padding-compact, 0.75rem 2rem 1rem 2rem);
+    gap: var(--ard-modal-gap-compact, 1rem);
+  }
+  .ard-modal.ard-compact .ard-modal-panel.ard-modal-no-heading-text {
+    gap: var(--ard-modal-no-heading-gap, 0.25rem);
+  }
+  .ard-modal.ard-compact .ard-modal-panel.ard-modal-no-heading-text .ard-modal-close-button {
+    position: absolute;
+    right: var(--ard-modal-close-button-offset-compact, 0.25rem);
+    top: var(--ard-modal-close-button-offset-compact, 0.25rem);
+  }
 }
 
 /*# sourceMappingURL=modal.css.map */

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/modal.scss","../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE,YCcoB;;ADZtB;EACE;EACA;EACA,YCjBC;EDkBD;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;;AAIF;EACE;;AAIN;EACE;EACA;EACA;;AAEA;EACE;EACA,OCxCC;EDyCD;EACA;;AAEF;EACE;EACA;EACA;;AAKF;EACE,YC1BW;;AD+Bb;EACE;;AAIF;EACE;;AAMF;EACE;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA","file":"modal.css"}
+{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/modal.scss","../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAEA;EAGE;IAOE;IACA;IACA;IACA;IAEA;IACA;IACA;IACA;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EAEA;IACE,YCfkB;;EDiBpB;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEA;IACE;;EAEA;IACE;IACA;IACA;;EAIF;IACE;;EAIN;IACE;IACA;IACA;;EAEA;IACE;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;;EAKF;IACE,YC5DS;;EDiEX;IACE;;EAIF;IACE;;EAMF;IACE;IACA;IACA;;EAEA;IACE;;EAEA;IACE;IACA;IACA","file":"modal.css"}