@neo-ui-kit/react 1.0.0 → 1.0.2

package/dist/components/artwork/Spectrum/styles.css

@@ -1,35 +1,35 @@
-/* Styles owned by Spectrum. */
-.ad-spectrum {
-  display: block;
-  width: 100%;
-  max-width: 21rem;
-  aspect-ratio: 325 / 232;
-  height: auto;
-  pointer-events: none;
-}
-.ad-spectrum[data-variant="bars"] {
-  max-width: 12rem;
-  aspect-ratio: 163 / 140;
-}
-.ad-spectrum[data-variant="segmented"] {
-  position: relative;
-  overflow: hidden;
-}
-.ad-spectrum[data-variant="segmented"] rect {
-  fill: var(--ad-primary-600);
-}
-/* A column is a window over its rows: both slide by transform on layers of their own. */
-.ad-spectrum-column {
-  position: absolute;
-  top: 0;
-  height: 100%;
-  overflow: hidden;
-  transform: translateY(100%);
-  will-change: transform;
-}
-.ad-spectrum-column > svg {
-  display: block;
-  width: 100%;
-  height: 100%;
-  will-change: transform;
-}
+/* Styles owned by Spectrum. */
+.ad-spectrum {
+  display: block;
+  width: 100%;
+  max-width: 21rem;
+  aspect-ratio: 325 / 232;
+  height: auto;
+  pointer-events: none;
+}
+.ad-spectrum[data-variant="bars"] {
+  max-width: 12rem;
+  aspect-ratio: 163 / 140;
+}
+.ad-spectrum[data-variant="segmented"] {
+  position: relative;
+  overflow: hidden;
+}
+.ad-spectrum[data-variant="segmented"] rect {
+  fill: var(--ad-primary-600);
+}
+/* A column is a window over its rows: both slide by transform on layers of their own. */
+.ad-spectrum-column {
+  position: absolute;
+  top: 0;
+  height: 100%;
+  overflow: hidden;
+  transform: translateY(100%);
+  will-change: transform;
+}
+.ad-spectrum-column > svg {
+  display: block;
+  width: 100%;
+  height: 100%;
+  will-change: transform;
+}

package/dist/components/controls/Autocomplete/styles.css

@@ -1 +1 @@
-/* Styles owned by Autocomplete; the option list lives in Select/styles.css. */
+/* Styles owned by Autocomplete; the option list lives in Select/styles.css. */

package/dist/components/controls/Checkbox/styles.css

@@ -1,61 +1,61 @@
-/* Styles owned by Checkbox: the box pops and the check mark is drawn as a stroke. */
-.ad-checkbox .ad-toggle-track {
-  --ad-box: calc(var(--ad-size-h) * 0.5);
-  width: var(--ad-box);
-  height: var(--ad-box);
-  border-radius: calc(var(--ad-box) * 0.28);
-  transition:
-    background 0.2s,
-    border-color 0.2s,
-    box-shadow 0.25s;
-}
-.ad-checkbox .ad-toggle-track i {
-  display: none;
-}
-.ad-checkbox:hover input:not(:disabled) + .ad-toggle-track {
-  border-color: var(--ad-secondary);
-  box-shadow: 0 0 0.5rem rgb(from var(--ad-primary) r g b / 0.19);
-}
-.ad-checkbox input:checked + .ad-toggle-track {
-  border-color: var(--ad-secondary);
-  background: linear-gradient(180deg, var(--ad-primary), var(--ad-primary-600));
-  box-shadow:
-    inset 0 0.0625rem 0 rgb(from var(--ad-secondary-100) r g b / 0.53),
-    0 0 0.7rem rgb(from var(--ad-primary) r g b / 0.4);
-  animation: ad-check-pop 0.4s cubic-bezier(0.34, 1.6, 0.5, 1);
-}
-.ad-checkbox input:checked + .ad-toggle-track::after {
-  content: "";
-  position: absolute;
-  left: 28%;
-  top: 24%;
-  width: 46%;
-  height: 26%;
-  border-left: 0.125rem solid #fff;
-  border-bottom: 0.125rem solid #fff;
-  transform: rotate(-45deg);
-  filter: drop-shadow(0 0 0.15rem #fff8);
-  animation: ad-check-draw 0.35s 0.08s ease-out both;
-}
-.ad-checkbox input:disabled + .ad-toggle-track {
-  opacity: 0.45;
-}
-@keyframes ad-check-pop {
-  0% {
-    scale: 0.7;
-  }
-  60% {
-    scale: 1.15;
-  }
-}
-@keyframes ad-check-draw {
-  from {
-    clip-path: inset(0 100% 0 0);
-  }
-  to {
-    clip-path: inset(0 0 0 0);
-  }
-}
+/* Styles owned by Checkbox: the box pops and the check mark is drawn as a stroke. */
+.ad-checkbox .ad-toggle-track {
+  --ad-box: calc(var(--ad-size-h) * 0.5);
+  width: var(--ad-box);
+  height: var(--ad-box);
+  border-radius: calc(var(--ad-box) * 0.28);
+  transition:
+    background 0.2s,
+    border-color 0.2s,
+    box-shadow 0.25s;
+}
+.ad-checkbox .ad-toggle-track i {
+  display: none;
+}
+.ad-checkbox:hover input:not(:disabled) + .ad-toggle-track {
+  border-color: var(--ad-secondary);
+  box-shadow: 0 0 0.5rem rgb(from var(--ad-primary) r g b / 0.19);
+}
+.ad-checkbox input:checked + .ad-toggle-track {
+  border-color: var(--ad-secondary);
+  background: linear-gradient(180deg, var(--ad-primary), var(--ad-primary-600));
+  box-shadow:
+    inset 0 0.0625rem 0 rgb(from var(--ad-secondary-100) r g b / 0.53),
+    0 0 0.7rem rgb(from var(--ad-primary) r g b / 0.4);
+  animation: ad-check-pop 0.4s cubic-bezier(0.34, 1.6, 0.5, 1);
+}
+.ad-checkbox input:checked + .ad-toggle-track::after {
+  content: "";
+  position: absolute;
+  left: 28%;
+  top: 24%;
+  width: 46%;
+  height: 26%;
+  border-left: 0.125rem solid #fff;
+  border-bottom: 0.125rem solid #fff;
+  transform: rotate(-45deg);
+  filter: drop-shadow(0 0 0.15rem #fff8);
+  animation: ad-check-draw 0.35s 0.08s ease-out both;
+}
+.ad-checkbox input:disabled + .ad-toggle-track {
+  opacity: 0.45;
+}
+@keyframes ad-check-pop {
+  0% {
+    scale: 0.7;
+  }
+  60% {
+    scale: 1.15;
+  }
+}
+@keyframes ad-check-draw {
+  from {
+    clip-path: inset(0 100% 0 0);
+  }
+  to {
+    clip-path: inset(0 0 0 0);
+  }
+}
 /* Indeterminate: a lit box with a dash instead of the check. */
 .ad-checkbox input:indeterminate + .ad-toggle-track {
   border-color: var(--ad-secondary);