@trackunit/react-components 1.15.8 → 1.15.10-alpha-e76d0654d61.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/index.cjs.js
CHANGED
|
@@ -21,6 +21,13 @@ var reactHelmetAsync = require('react-helmet-async');
|
|
|
21
21
|
var reactTabs = require('@radix-ui/react-tabs');
|
|
22
22
|
var fflate = require('fflate');
|
|
23
23
|
|
|
24
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
25
|
+
|
|
26
|
+
var IconSpriteMicro__default = /*#__PURE__*/_interopDefault(IconSpriteMicro);
|
|
27
|
+
var IconSpriteMini__default = /*#__PURE__*/_interopDefault(IconSpriteMini);
|
|
28
|
+
var IconSpriteOutline__default = /*#__PURE__*/_interopDefault(IconSpriteOutline);
|
|
29
|
+
var IconSpriteSolid__default = /*#__PURE__*/_interopDefault(IconSpriteSolid);
|
|
30
|
+
|
|
24
31
|
const cvaIcon = cssClassVarianceUtilities.cvaMerge(["aspect-square", "inline-grid", "relative", "shrink-0"], {
|
|
25
32
|
variants: {
|
|
26
33
|
color: {
|
|
@@ -152,10 +159,10 @@ const Icon = ({ name, size = "medium", className, "data-testid": dataTestId, col
|
|
|
152
159
|
}, [size]);
|
|
153
160
|
const iconName = uiIcons.iconNames[name];
|
|
154
161
|
const href = react.useMemo(() => ({
|
|
155
|
-
solid: `${
|
|
156
|
-
outline: `${
|
|
157
|
-
mini: `${
|
|
158
|
-
micro: `${
|
|
162
|
+
solid: `${IconSpriteSolid__default.default}#${iconName}`,
|
|
163
|
+
outline: `${IconSpriteOutline__default.default}#${iconName}`,
|
|
164
|
+
mini: `${IconSpriteMini__default.default}#${iconName}`,
|
|
165
|
+
micro: `${IconSpriteMicro__default.default}#${iconName}`,
|
|
159
166
|
}), [iconName]);
|
|
160
167
|
react.useEffect(() => {
|
|
161
168
|
if (isSafari() && useTagRef.current) {
|
package/index.esm.js
CHANGED
|
@@ -13,7 +13,7 @@ import { Slot, Slottable } from '@radix-ui/react-slot';
|
|
|
13
13
|
import { Link, useBlocker } from '@tanstack/react-router';
|
|
14
14
|
import { isEqual, omit } from 'es-toolkit';
|
|
15
15
|
import { twMerge } from 'tailwind-merge';
|
|
16
|
-
import { useFloating, offset, flip, shift, size,
|
|
16
|
+
import { useFloating, autoUpdate, offset, flip, shift, size, useClick, useDismiss, useHover as useHover$1, useRole, useInteractions, FloatingPortal, useMergeRefs as useMergeRefs$1, FloatingFocusManager, arrow, useTransitionStatus, FloatingArrow } from '@floating-ui/react';
|
|
17
17
|
import { useVirtualizer } from '@tanstack/react-virtual';
|
|
18
18
|
import { HelmetProvider, Helmet } from 'react-helmet-async';
|
|
19
19
|
import { Trigger, Content, List as List$1, Root } from '@radix-ui/react-tabs';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@trackunit/react-components",
|
|
3
|
-
"version": "1.15.
|
|
3
|
+
"version": "1.15.10-alpha-e76d0654d61.0",
|
|
4
4
|
"repository": "https://github.com/Trackunit/manager",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.txt",
|
|
6
6
|
"engines": {
|
|
@@ -14,10 +14,10 @@
|
|
|
14
14
|
"@floating-ui/react": "^0.26.25",
|
|
15
15
|
"string-ts": "^2.0.0",
|
|
16
16
|
"tailwind-merge": "^2.0.0",
|
|
17
|
-
"@trackunit/ui-design-tokens": "1.11.
|
|
18
|
-
"@trackunit/css-class-variance-utilities": "1.11.
|
|
19
|
-
"@trackunit/shared-utils": "1.13.
|
|
20
|
-
"@trackunit/ui-icons": "1.11.
|
|
17
|
+
"@trackunit/ui-design-tokens": "1.11.10-alpha-e76d0654d61.0",
|
|
18
|
+
"@trackunit/css-class-variance-utilities": "1.11.9-alpha-e76d0654d61.0",
|
|
19
|
+
"@trackunit/shared-utils": "1.13.9-alpha-e76d0654d61.0",
|
|
20
|
+
"@trackunit/ui-icons": "1.11.9-alpha-e76d0654d61.0",
|
|
21
21
|
"@tanstack/react-router": "1.114.29",
|
|
22
22
|
"es-toolkit": "^1.39.10",
|
|
23
23
|
"@tanstack/react-virtual": "3.13.12",
|
|
@@ -9,7 +9,7 @@ import { CSSProperties } from "react";
|
|
|
9
9
|
*
|
|
10
10
|
* @see https://tailwindcss.com/docs/responsive-design#container-queries
|
|
11
11
|
*/
|
|
12
|
-
export declare const CONTAINER_BREAKPOINTS: { [
|
|
12
|
+
export declare const CONTAINER_BREAKPOINTS: { [KeyContainerSize in keyof typeof themeContainerSize as `@${KeyContainerSize}`]: (typeof themeContainerSize)[KeyContainerSize]; };
|
|
13
13
|
export type ContainerBreakpoint = keyof typeof CONTAINER_BREAKPOINTS;
|
|
14
14
|
/**
|
|
15
15
|
* Empty cell marker for grid-template-areas.
|
|
@@ -5,7 +5,7 @@ export type BreakpointSize = keyof typeof themeScreenSizeAsNumber;
|
|
|
5
5
|
* Each property is true if the width is greater than or equal to the corresponding breakpoint.
|
|
6
6
|
*/
|
|
7
7
|
export type BreakpointState = {
|
|
8
|
-
[
|
|
8
|
+
[KeyBreakpoint in BreakpointSize as `is${Capitalize<KeyBreakpoint>}`]: boolean;
|
|
9
9
|
};
|
|
10
10
|
/**
|
|
11
11
|
* Maps size keys to their corresponding state property names.
|