@lolmath/ui 8.0.0 → 8.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/es/index.css CHANGED
@@ -1300,7 +1300,7 @@
1300
1300
  }
1301
1301
  }
1302
1302
 
1303
- /* src/components/tabs.module.css?css_virtual&hash=eec5f */
1303
+ /* src/components/tabs.module.css?css_virtual&hash=cf0cd */
1304
1304
  @layer lol {
1305
1305
  .list_c42a1 {
1306
1306
  margin-left: -1rem;
@@ -1344,6 +1344,13 @@
1344
1344
  height: 1px;
1345
1345
  width: 100%;
1346
1346
  background: linear-gradient(to right, transparent, var(--lol-color-gold-200), transparent);
1347
+ transition-property: translate, width;
1348
+ transition-duration: 200ms;
1349
+ }
1350
+ @media (prefers-reduced-motion: reduce) {
1351
+ .indicator_c42a1 {
1352
+ transition: none;
1353
+ }
1347
1354
  }
1348
1355
  }
1349
1356
 
@@ -344,7 +344,7 @@ type TextElement = "p" | "span" | "div";
344
344
  type TextPreset = "sm" | "base" | "md" | "lg" | "largeNumber" | "stat";
345
345
  declare const text: (props?: ({
346
346
  color?: "gold100" | "grey100" | "grey150" | undefined;
347
- preset?: "base" | "label" | "sm" | "md" | "lg" | "largeNumber" | "stat" | undefined;
347
+ preset?: "label" | "base" | "sm" | "md" | "lg" | "largeNumber" | "stat" | undefined;
348
348
  } & ({
349
349
  class?: cva.ClassValue;
350
350
  className?: never;
package/dist/es/index.js CHANGED
@@ -1443,7 +1443,8 @@ import {
1443
1443
  TabList as AriaTabList,
1444
1444
  TabPanel as AriaTabPanel,
1445
1445
  Tabs as AriaTabs,
1446
- composeRenderProps as composeRenderProps16
1446
+ composeRenderProps as composeRenderProps16,
1447
+ SelectionIndicator
1447
1448
  } from "react-aria-components";
1448
1449
 
1449
1450
  // src/components/tabs.module.css
@@ -1478,7 +1479,7 @@ function Tab({ children, className, ...rest }) {
1478
1479
  ),
1479
1480
  children: (values) => /* @__PURE__ */ jsxs13(Fragment10, { children: [
1480
1481
  typeof children === "function" ? children(values) : children,
1481
- values.isSelected && /* @__PURE__ */ jsx22("div", { className: tabs_default.indicator })
1482
+ values.isSelected && /* @__PURE__ */ jsx22(SelectionIndicator, { className: tabs_default.indicator })
1482
1483
  ] })
1483
1484
  }
1484
1485
  );