@neo-ui-kit/react 1.0.0 → 1.0.2

package/dist/components/media/Sparkline/styles.css

@@ -1,70 +1,70 @@
-/* Styles owned by Sparkline. */
-.ad-sparkline {
-  display: block;
-  width: 100%;
-  max-width: 20rem;
-  aspect-ratio: 24 / 7;
-  height: auto;
-  position: relative;
-  overflow: visible;
-}
+/* Styles owned by Sparkline. */
+.ad-sparkline {
+  display: block;
+  width: 100%;
+  max-width: 20rem;
+  aspect-ratio: 24 / 7;
+  height: auto;
+  position: relative;
+  overflow: visible;
+}
 /* The drawings lie over each other; the beacon is isolated in a separate SVG. */
-.ad-sparkline > svg {
-  position: absolute;
-  inset: 0;
-  display: block;
-  width: 100%;
-  height: 100%;
-  overflow: visible;
-}
-.ad-sparkline-area {
-  animation: ad-spark-fade 1.2s 0.4s ease-out both;
-}
-.ad-sparkline-line {
-  fill: none;
-  stroke: var(--ad-spark);
-  stroke-width: 1.6;
-  stroke-linecap: round;
-  stroke-linejoin: round;
-  vector-effect: non-scaling-stroke;
-  stroke-dasharray: 1;
-  filter: drop-shadow(0 0 0.25rem var(--ad-spark));
-  animation: ad-spark-draw 1.4s cubic-bezier(0.6, 0, 0.2, 1) both;
-}
-.ad-sparkline-dot {
-  fill: #fff;
-  vector-effect: non-scaling-stroke;
-  filter: drop-shadow(0 0 0.3rem var(--ad-spark));
-}
-.ad-sparkline-ping {
-  fill: none;
-  stroke: var(--ad-spark);
-  stroke-width: 1;
-  vector-effect: non-scaling-stroke;
-  transform-box: fill-box;
-  transform-origin: center;
-  animation: ad-spark-ping 1.8s 1.4s ease-out infinite;
-}
-@keyframes ad-spark-draw {
-  from {
-    stroke-dashoffset: 1;
-  }
-  to {
-    stroke-dashoffset: 0;
-  }
-}
-@keyframes ad-spark-fade {
-  from {
-    opacity: 0;
-  }
-}
-@keyframes ad-spark-ping {
-  from {
-    scale: 1;
-    opacity: 0.9;
-  }
-  to {
-    scale: 4;
-    opacity: 0;
-  }
-}
+.ad-sparkline > svg {
+  position: absolute;
+  inset: 0;
+  display: block;
+  width: 100%;
+  height: 100%;
+  overflow: visible;
+}
+.ad-sparkline-area {
+  animation: ad-spark-fade 1.2s 0.4s ease-out both;
+}
+.ad-sparkline-line {
+  fill: none;
+  stroke: var(--ad-spark);
+  stroke-width: 1.6;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+  vector-effect: non-scaling-stroke;
+  stroke-dasharray: 1;
+  filter: drop-shadow(0 0 0.25rem var(--ad-spark));
+  animation: ad-spark-draw 1.4s cubic-bezier(0.6, 0, 0.2, 1) both;
+}
+.ad-sparkline-dot {
+  fill: #fff;
+  vector-effect: non-scaling-stroke;
+  filter: drop-shadow(0 0 0.3rem var(--ad-spark));
+}
+.ad-sparkline-ping {
+  fill: none;
+  stroke: var(--ad-spark);
+  stroke-width: 1;
+  vector-effect: non-scaling-stroke;
+  transform-box: fill-box;
+  transform-origin: center;
+  animation: ad-spark-ping 1.8s 1.4s ease-out infinite;
+}
+@keyframes ad-spark-draw {
+  from {
+    stroke-dashoffset: 1;
+  }
+  to {
+    stroke-dashoffset: 0;
+  }
+}
+@keyframes ad-spark-fade {
+  from {
+    opacity: 0;
+  }
+}
+@keyframes ad-spark-ping {
+  from {
+    scale: 1;
+    opacity: 0.9;
+  }
+  to {
+    scale: 4;
+    opacity: 0;
+  }
+}

package/dist/components/media/WaveDecoration/styles.css

@@ -1,2 +1,2 @@
-/* Styles owned by WaveDecoration. */
+/* Styles owned by WaveDecoration. */
 /* Animated path data needs no full-width transform layer. */

package/dist/components/media/shared.css

@@ -1,7 +1,7 @@
-/* Shared only by sibling components. */
-.ad-wave-decoration {
-  width: 100%;
-  height: 8.125rem;
-  display: block;
-  pointer-events: none;
-}
+/* Shared only by sibling components. */
+.ad-wave-decoration {
+  width: 100%;
+  height: 8.125rem;
+  display: block;
+  pointer-events: none;
+}

package/dist/fonts/melodix.css

@@ -1,123 +1,123 @@
-/* Melodix: the musical display typeface, in nine weights (100 Thin … 900 Black). Records, piano
-   keys, note heads, strings and waveforms are part of the letters themselves; the Latin S carries a
-   treble clef (a loop above, a hook with a note head below). Capitals of Cyrillic (Russian and
-   Ukrainian) and Latin, digits, ! ? : ; , … and ♩ ♪ ♫ ♬ 𝄞 ♥ #; lowercase letters are the same shapes
-   as small capitals. Traced from the large Melodix sheet, weights grown or slimmed from it.
-   "Melodix Text" is the cut for small sizes (body text, menus, labels under ~24 px): the engraving
-   finer than a screen pixel is filled in so the letters stay clear, records and notes stay.
-   Greek and the remaining punctuation come from Playfair Display (SIL Open Font License 1.1, see
-   melodix/OFL-PlayfairDisplay.txt). Each weight downloads only when some text uses it. */
-@font-face {
-  font-family: "Melodix";
-  src: url("./melodix/Melodix-100.woff2") format("woff2");
-  font-weight: 100;
-  font-display: swap;
-}
-@font-face {
-  font-family: "Melodix";
-  src: url("./melodix/Melodix-200.woff2") format("woff2");
-  font-weight: 200;
-  font-display: swap;
-}
-@font-face {
-  font-family: "Melodix";
-  src: url("./melodix/Melodix-300.woff2") format("woff2");
-  font-weight: 300;
-  font-display: swap;
-}
-@font-face {
-  font-family: "Melodix";
-  src: url("./melodix/Melodix-400.woff2") format("woff2");
-  font-weight: 400;
-  font-display: swap;
-}
-@font-face {
-  font-family: "Melodix";
-  src: url("./melodix/Melodix-500.woff2") format("woff2");
-  font-weight: 500;
-  font-display: swap;
-}
-@font-face {
-  font-family: "Melodix";
-  src: url("./melodix/Melodix-600.woff2") format("woff2");
-  font-weight: 600;
-  font-display: swap;
-}
-@font-face {
-  font-family: "Melodix";
-  src: url("./melodix/Melodix-700.woff2") format("woff2");
-  font-weight: 700;
-  font-display: swap;
-}
-@font-face {
-  font-family: "Melodix";
-  src: url("./melodix/Melodix-800.woff2") format("woff2");
-  font-weight: 800;
-  font-display: swap;
-}
-@font-face {
-  font-family: "Melodix";
-  src: url("./melodix/Melodix-900.woff2") format("woff2");
-  font-weight: 900;
-  font-display: swap;
-}
-@font-face {
-  font-family: "Melodix Text";
-  src: url("./melodix/MelodixText-100.woff2") format("woff2");
-  font-weight: 100;
-  font-display: swap;
-}
-@font-face {
-  font-family: "Melodix Text";
-  src: url("./melodix/MelodixText-200.woff2") format("woff2");
-  font-weight: 200;
-  font-display: swap;
-}
-@font-face {
-  font-family: "Melodix Text";
-  src: url("./melodix/MelodixText-300.woff2") format("woff2");
-  font-weight: 300;
-  font-display: swap;
-}
-@font-face {
-  font-family: "Melodix Text";
-  src: url("./melodix/MelodixText-400.woff2") format("woff2");
-  font-weight: 400;
-  font-display: swap;
-}
-@font-face {
-  font-family: "Melodix Text";
-  src: url("./melodix/MelodixText-500.woff2") format("woff2");
-  font-weight: 500;
-  font-display: swap;
-}
-@font-face {
-  font-family: "Melodix Text";
-  src: url("./melodix/MelodixText-600.woff2") format("woff2");
-  font-weight: 600;
-  font-display: swap;
-}
-@font-face {
-  font-family: "Melodix Text";
-  src: url("./melodix/MelodixText-700.woff2") format("woff2");
-  font-weight: 700;
-  font-display: swap;
-}
-@font-face {
-  font-family: "Melodix Text";
-  src: url("./melodix/MelodixText-800.woff2") format("woff2");
-  font-weight: 800;
-  font-display: swap;
-}
-@font-face {
-  font-family: "Melodix Text";
-  src: url("./melodix/MelodixText-900.woff2") format("woff2");
-  font-weight: 900;
-  font-display: swap;
-}
-:root,
-.ad-theme {
-  --ad-font-family-melodix: "Melodix", Georgia, serif;
-  /* the same letters cut for small sizes: use it for running text, menus and labels */
-  --ad-font-family-melodix-text: "Melodix Text", "Melodix", Georgia, serif;
-}
+/* Melodix: the musical display typeface, in nine weights (100 Thin … 900 Black). Records, piano
+   keys, note heads, strings and waveforms are part of the letters themselves; the Latin S carries a
+   treble clef (a loop above, a hook with a note head below). Capitals of Cyrillic (Russian and
+   Ukrainian) and Latin, digits, ! ? : ; , … and ♩ ♪ ♫ ♬ 𝄞 ♥ #; lowercase letters are the same shapes
+   as small capitals. Traced from the large Melodix sheet, weights grown or slimmed from it.
+   "Melodix Text" is the cut for small sizes (body text, menus, labels under ~24 px): the engraving
+   finer than a screen pixel is filled in so the letters stay clear, records and notes stay.
+   Greek and the remaining punctuation come from Playfair Display (SIL Open Font License 1.1, see
+   melodix/OFL-PlayfairDisplay.txt). Each weight downloads only when some text uses it. */
+@font-face {
+  font-family: "Melodix";
+  src: url("./melodix/Melodix-100.woff2") format("woff2");
+  font-weight: 100;
+  font-display: swap;
+}
+@font-face {
+  font-family: "Melodix";
+  src: url("./melodix/Melodix-200.woff2") format("woff2");
+  font-weight: 200;
+  font-display: swap;
+}
+@font-face {
+  font-family: "Melodix";
+  src: url("./melodix/Melodix-300.woff2") format("woff2");
+  font-weight: 300;
+  font-display: swap;
+}
+@font-face {
+  font-family: "Melodix";
+  src: url("./melodix/Melodix-400.woff2") format("woff2");
+  font-weight: 400;
+  font-display: swap;
+}
+@font-face {
+  font-family: "Melodix";
+  src: url("./melodix/Melodix-500.woff2") format("woff2");
+  font-weight: 500;
+  font-display: swap;
+}
+@font-face {
+  font-family: "Melodix";
+  src: url("./melodix/Melodix-600.woff2") format("woff2");
+  font-weight: 600;
+  font-display: swap;
+}
+@font-face {
+  font-family: "Melodix";
+  src: url("./melodix/Melodix-700.woff2") format("woff2");
+  font-weight: 700;
+  font-display: swap;
+}
+@font-face {
+  font-family: "Melodix";
+  src: url("./melodix/Melodix-800.woff2") format("woff2");
+  font-weight: 800;
+  font-display: swap;
+}
+@font-face {
+  font-family: "Melodix";
+  src: url("./melodix/Melodix-900.woff2") format("woff2");
+  font-weight: 900;
+  font-display: swap;
+}
+@font-face {
+  font-family: "Melodix Text";
+  src: url("./melodix/MelodixText-100.woff2") format("woff2");
+  font-weight: 100;
+  font-display: swap;
+}
+@font-face {
+  font-family: "Melodix Text";
+  src: url("./melodix/MelodixText-200.woff2") format("woff2");
+  font-weight: 200;
+  font-display: swap;
+}
+@font-face {
+  font-family: "Melodix Text";
+  src: url("./melodix/MelodixText-300.woff2") format("woff2");
+  font-weight: 300;
+  font-display: swap;
+}
+@font-face {
+  font-family: "Melodix Text";
+  src: url("./melodix/MelodixText-400.woff2") format("woff2");
+  font-weight: 400;
+  font-display: swap;
+}
+@font-face {
+  font-family: "Melodix Text";
+  src: url("./melodix/MelodixText-500.woff2") format("woff2");
+  font-weight: 500;
+  font-display: swap;
+}
+@font-face {
+  font-family: "Melodix Text";
+  src: url("./melodix/MelodixText-600.woff2") format("woff2");
+  font-weight: 600;
+  font-display: swap;
+}
+@font-face {
+  font-family: "Melodix Text";
+  src: url("./melodix/MelodixText-700.woff2") format("woff2");
+  font-weight: 700;
+  font-display: swap;
+}
+@font-face {
+  font-family: "Melodix Text";
+  src: url("./melodix/MelodixText-800.woff2") format("woff2");
+  font-weight: 800;
+  font-display: swap;
+}
+@font-face {
+  font-family: "Melodix Text";
+  src: url("./melodix/MelodixText-900.woff2") format("woff2");
+  font-weight: 900;
+  font-display: swap;
+}
+:root,
+.ad-theme {
+  --ad-font-family-melodix: "Melodix", Georgia, serif;
+  /* the same letters cut for small sizes: use it for running text, menus and labels */
+  --ad-font-family-melodix-text: "Melodix Text", "Melodix", Georgia, serif;
+}

package/dist/index.d.ts

@@ -122,8 +122,8 @@ export { NeonWaves } from "./components/artwork/NeonWaves/NeonWaves";
 export type { NeonWavesProps } from "./components/artwork/NeonWaves/NeonWaves";
 export { QuantumField, quantumFieldModes, quantumFieldResolution, quantumFieldAudio } from "./components/artwork/QuantumField/QuantumField";
 export type { QuantumFieldProps, QuantumFieldMode, QuantumFieldQuality, QuantumAudioFrame } from "./components/artwork/QuantumField/QuantumField";
-export { QuantumFieldExperience } from "./components/artwork/QuantumField/QuantumFieldExperience";
-export type { QuantumFieldExperienceProps } from "./components/artwork/QuantumField/QuantumFieldExperience";
+export { QuantumBackground, QuantumFieldExperience } from "./components/artwork/QuantumField/QuantumFieldExperience";
+export type { QuantumBackgroundProps, QuantumFieldExperienceProps } from "./components/artwork/QuantumField/QuantumFieldExperience";
 export { createQuantumFieldAudio } from "./components/artwork/QuantumField/audio";
 export { Spectrum } from "./components/artwork/Spectrum/Spectrum";
 export type { SpectrumProps } from "./components/artwork/Spectrum/Spectrum";