@neo-ui-kit/react 1.0.0 → 1.0.2

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

@@ -1,50 +1,50 @@
-.ad-link {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.45rem;
-  min-width: 0;
-  color: inherit;
-  text-decoration: none;
-  border-radius: 0.55rem;
-  outline: none;
-  transition:
-    color 0.16s,
-    background 0.16s,
-    box-shadow 0.16s,
-    transform 0.16s;
-}
-.ad-link[data-ad-underline="always"] {
-  text-decoration: underline;
-  text-underline-offset: 0.18em;
-}
-/* The underline grows from the left instead of snapping in. */
-.ad-link[data-ad-underline="hover"] {
-  background: linear-gradient(90deg, var(--ad-pink), var(--ad-secondary-100)) 0 100% / 0
-    0.0625rem no-repeat;
-  transition:
-    color 0.2s,
-    background-size 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
-}
-.ad-link[data-ad-underline="hover"]:hover {
-  background-size: 100% 0.0625rem;
-}
-.ad-link > .ad-icon {
-  transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.5, 1);
-}
-.ad-link:hover > .ad-icon:last-child:not(:first-child) {
-  transform: translateX(0.2rem);
-}
-.ad-link:hover > .ad-icon:first-child {
-  transform: scale(1.12) rotate(-6deg);
-}
-.ad-link:hover {
-  color: var(--ad-pink);
-}
-.ad-link:focus-visible {
-  outline: 0.125rem solid var(--ad-secondary-100);
-  outline-offset: 0.18rem;
-}
-.ad-link > .ad-icon {
-  width: 1em;
-  height: 1em;
-}
+.ad-link {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.45rem;
+  min-width: 0;
+  color: inherit;
+  text-decoration: none;
+  border-radius: 0.55rem;
+  outline: none;
+  transition:
+    color 0.16s,
+    background 0.16s,
+    box-shadow 0.16s,
+    transform 0.16s;
+}
+.ad-link[data-ad-underline="always"] {
+  text-decoration: underline;
+  text-underline-offset: 0.18em;
+}
+/* The underline grows from the left instead of snapping in. */
+.ad-link[data-ad-underline="hover"] {
+  background: linear-gradient(90deg, var(--ad-pink), var(--ad-secondary-100)) 0 100% / 0
+    0.0625rem no-repeat;
+  transition:
+    color 0.2s,
+    background-size 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
+}
+.ad-link[data-ad-underline="hover"]:hover {
+  background-size: 100% 0.0625rem;
+}
+.ad-link > .ad-icon {
+  transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.5, 1);
+}
+.ad-link:hover > .ad-icon:last-child:not(:first-child) {
+  transform: translateX(0.2rem);
+}
+.ad-link:hover > .ad-icon:first-child {
+  transform: scale(1.12) rotate(-6deg);
+}
+.ad-link:hover {
+  color: var(--ad-pink);
+}
+.ad-link:focus-visible {
+  outline: 0.125rem solid var(--ad-secondary-100);
+  outline-offset: 0.18rem;
+}
+.ad-link > .ad-icon {
+  width: 1em;
+  height: 1em;
+}

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

@@ -1,9 +1,9 @@
-/* Styles owned by SegmentedControl: Tabs sized to their content instead of the full row. */
-.ad-segmented-control {
-  display: inline-flex;
-  max-width: 100%;
-  min-width: 0;
-}
-.ad-segmented-control > .ad-tabs {
-  flex: 1;
-}
+/* Styles owned by SegmentedControl: Tabs sized to their content instead of the full row. */
+.ad-segmented-control {
+  display: inline-flex;
+  max-width: 100%;
+  min-width: 0;
+}
+.ad-segmented-control > .ad-tabs {
+  flex: 1;
+}

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

@@ -1,54 +1,54 @@
-/* Styles owned by Switch: ruby fill pours in after the thumb, which springs and squashes on press. */
-.ad-switch .ad-toggle-track {
-  overflow: hidden;
-  transition:
-    border-color 0.25s,
-    box-shadow 0.35s;
-}
-.ad-switch .ad-toggle-track::before {
-  content: "";
-  position: absolute;
-  inset: 0;
-  border-radius: inherit;
-  background:
-    linear-gradient(180deg, #ffffff2a, transparent 45%),
-    linear-gradient(90deg, var(--ad-primary-800), var(--ad-primary-700) 60%, var(--ad-primary));
-  clip-path: inset(0 100% 0 0 round 999rem);
-  transition: clip-path 0.42s cubic-bezier(0.34, 1.3, 0.5, 1);
-}
-.ad-switch .ad-toggle-track i {
-  z-index: 1;
-}
-.ad-switch:hover input:not(:disabled) + .ad-toggle-track {
-  border-color: var(--ad-secondary);
-  box-shadow:
-    inset 0 0 0.3125rem #000b,
-    0 0 0.6rem rgb(from var(--ad-primary) r g b / 0.19);
-}
-.ad-switch:active input:not(:disabled) + .ad-toggle-track i {
-  scale: 1.22 0.88;
-}
-.ad-switch input:checked + .ad-toggle-track {
-  border-color: var(--ad-primary);
-  animation: ad-switch-flare 0.6s ease-out;
-  box-shadow: 0 0 0.75rem rgb(from var(--ad-primary) r g b / 0.25);
-}
-.ad-switch input:checked + .ad-toggle-track::before {
-  clip-path: inset(0 0 0 0 round 999rem);
-}
-.ad-switch input:checked + .ad-toggle-track i {
-  transform: translateX(calc(var(--ad-track-w) - var(--ad-track-h)));
-  background: radial-gradient(circle at 35% 30%, #ffffff, var(--ad-secondary-100) 60%, var(--ad-secondary-200));
-  border-color: var(--ad-neutral-200);
-  box-shadow:
-    0 0 0.4rem #fff8,
-    0 0 0.9rem rgb(from var(--ad-primary) r g b / 0.67);
-}
-.ad-switch input:disabled + .ad-toggle-track {
-  opacity: 0.45;
-}
-@keyframes ad-switch-flare {
-  40% {
-    box-shadow: 0 0 1.4rem 0.2rem rgb(from var(--ad-primary) r g b / 0.67);
-  }
-}
+/* Styles owned by Switch: ruby fill pours in after the thumb, which springs and squashes on press. */
+.ad-switch .ad-toggle-track {
+  overflow: hidden;
+  transition:
+    border-color 0.25s,
+    box-shadow 0.35s;
+}
+.ad-switch .ad-toggle-track::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  border-radius: inherit;
+  background:
+    linear-gradient(180deg, #ffffff2a, transparent 45%),
+    linear-gradient(90deg, var(--ad-primary-800), var(--ad-primary-700) 60%, var(--ad-primary));
+  clip-path: inset(0 100% 0 0 round 999rem);
+  transition: clip-path 0.42s cubic-bezier(0.34, 1.3, 0.5, 1);
+}
+.ad-switch .ad-toggle-track i {
+  z-index: 1;
+}
+.ad-switch:hover input:not(:disabled) + .ad-toggle-track {
+  border-color: var(--ad-secondary);
+  box-shadow:
+    inset 0 0 0.3125rem #000b,
+    0 0 0.6rem rgb(from var(--ad-primary) r g b / 0.19);
+}
+.ad-switch:active input:not(:disabled) + .ad-toggle-track i {
+  scale: 1.22 0.88;
+}
+.ad-switch input:checked + .ad-toggle-track {
+  border-color: var(--ad-primary);
+  animation: ad-switch-flare 0.6s ease-out;
+  box-shadow: 0 0 0.75rem rgb(from var(--ad-primary) r g b / 0.25);
+}
+.ad-switch input:checked + .ad-toggle-track::before {
+  clip-path: inset(0 0 0 0 round 999rem);
+}
+.ad-switch input:checked + .ad-toggle-track i {
+  transform: translateX(calc(var(--ad-track-w) - var(--ad-track-h)));
+  background: radial-gradient(circle at 35% 30%, #ffffff, var(--ad-secondary-100) 60%, var(--ad-secondary-200));
+  border-color: var(--ad-neutral-200);
+  box-shadow:
+    0 0 0.4rem #fff8,
+    0 0 0.9rem rgb(from var(--ad-primary) r g b / 0.67);
+}
+.ad-switch input:disabled + .ad-toggle-track {
+  opacity: 0.45;
+}
+@keyframes ad-switch-flare {
+  40% {
+    box-shadow: 0 0 1.4rem 0.2rem rgb(from var(--ad-primary) r g b / 0.67);
+  }
+}