@ardium-ui/ui 5.0.0-alpha.75 → 5.0.0-alpha.77

package/prebuilt-themes/default/divider.css

@@ -1,86 +1,87 @@
-:root {
-  --ard-divider-margin-size: 0.5rem;
-  --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 {
-  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__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;
+@layer ard-theme {
+  :root {
+    --ard-divider-margin-size: 0.5rem;
+    --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 {
+    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__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":"AAIA;EACE;EAEA;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"}
+{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/divider.scss"],"names":[],"mappings":"AAEA;EAGE;IACE;IAEA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EAEA;IAEE;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;;EAEA;IAEE;IACA;;EAGF;IACE;IACA;;EAGJ;IACE;IACA;IACA;IACA;;EAEA;IAEE;IACA;;EAGF;IACE;IACA;;EAOA;IACE;;EAEF;IACE;;EAIF;IACE;;EAEF;IACE;;EAMN;IACE;;EAEF;IACE;;EAKA;IACE;IACA;IACA;IACA;;EAIF;IACE;IACA;IACA;IACA","file":"divider.css"}

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

@@ -1,45 +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-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: 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-dropdown-panel-border-color, var(--ard-border));
-}
-.ard-dropdown-panel-container.ard-appearance-raised {
-  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: var(--ard-dropdown-panel-margin-compact, 0.25rem 0);
-}
-.ard-dropdown-panel-container.ard-compact.ard-variant-rounded {
-  border-radius: var(--ard-dropdown-panel-rounded-corner-radius-compact, 0.375rem);
+@layer ard-theme {
+  :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-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: 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-dropdown-panel-border-color, var(--ard-border));
+  }
+  .ard-dropdown-panel-container.ard-appearance-raised {
+    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: var(--ard-dropdown-panel-margin-compact, 0.25rem 0);
+  }
+  .ard-dropdown-panel-container.ard-compact.ard-variant-rounded {
+    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"],"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"}
+{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/dropdown-panel.scss"],"names":[],"mappings":"AAEA;EAGE;IAEE;IACA;IACA;IACA;IACA;;EAKF;IACE;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EAGA;IACE;;EAEF;IACE;;EAIF;IACE;;EAEF;IACE;;EAIF;IACE;IACA;;EAIF;IACE;;EAEA;IACE","file":"dropdown-panel.css"}