@galaxy-io/dls 1.3.6 → 1.4.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/accordion/Accordion.js +2 -2
- package/dist/avatar/AvatarShimmer.d.ts +1 -1
- package/dist/buttons/Button.js +2 -2
- package/dist/charts/BarChart.js +18 -41
- package/dist/charts/ChartAxis.d.ts +2 -11
- package/dist/charts/ChartAxis.js +4 -5
- package/dist/charts/ChartFrame.js +1 -3
- package/dist/charts/ChartLegend.d.ts +1 -9
- package/dist/charts/ChartLegend.js +1 -27
- package/dist/charts/ChartPrimitives.d.ts +2 -15
- package/dist/charts/ChartPrimitives.js +48 -65
- package/dist/charts/ChartTooltip.js +4 -9
- package/dist/charts/LineChart.js +46 -67
- package/dist/charts/PieChart.js +19 -33
- package/dist/charts/constants.d.ts +0 -19
- package/dist/charts/constants.js +1 -78
- package/dist/charts/useChartInteraction.d.ts +11 -1
- package/dist/charts/useChartInteraction.js +7 -2
- package/dist/charts/useSeriesColorResolver.d.ts +0 -7
- package/dist/charts/useSeriesColorResolver.js +1 -2
- package/dist/dividers/HorizontalDivider.d.ts +4 -1
- package/dist/dividers/HorizontalDivider.js +28 -7
- package/dist/inputs/CopyInput.js +4 -1
- package/dist/inputs/Input.d.ts +1 -1
- package/dist/inputs/MultiSelectInput.js +3 -3
- package/dist/inputs/SelectInput.js +3 -3
- package/dist/inputs/SwitcherInput.d.ts +11 -0
- package/dist/inputs/SwitcherInput.js +41 -0
- package/dist/shapes/Square.d.ts +6 -0
- package/dist/shapes/Square.js +25 -0
- package/dist/styles.css +25 -26
- package/dist/table/SpreadsheetPrimitives.d.ts +6 -6
- package/dist/table/TablePrimitives.d.ts +6 -6
- package/dist/text/HotKeys.d.ts +20 -0
- package/dist/text/HotKeys.js +68 -0
- package/dist/toast/ToastProvider.js +1 -1
- package/dist/{animations → transform}/Fade.js +1 -1
- package/dist/transform/Flash.d.ts +3 -0
- package/dist/transform/Flash.js +14 -0
- package/dist/transform/Rotate.d.ts +8 -0
- package/dist/transform/Rotate.js +28 -0
- package/dist/{animations → transform}/ScaleFade.js +1 -1
- package/dist/transform/Spin.d.ts +7 -0
- package/dist/transform/Spin.js +20 -0
- package/package.json +4 -12
- package/dist/animations/Flashing.d.ts +0 -3
- package/dist/animations/Flashing.js +0 -14
- package/dist/animations/RotateWithTransition.d.ts +0 -8
- package/dist/animations/RotateWithTransition.js +0 -28
- package/dist/animations/SpinAnimation.d.ts +0 -7
- package/dist/animations/SpinAnimation.js +0 -20
- package/dist/animations/SpinVerticalAnimation.d.ts +0 -6
- package/dist/animations/SpinVerticalAnimation.js +0 -19
- package/dist/hotkeys/HotKeyBindings.d.ts +0 -7
- package/dist/hotkeys/HotKeyBindings.js +0 -23
- package/dist/hotkeys/HotKeySymbol.d.ts +0 -13
- package/dist/hotkeys/HotKeySymbol.js +0 -49
- package/dist/switcher/Switcher.d.ts +0 -11
- package/dist/switcher/Switcher.js +0 -41
- /package/dist/{animations → transform}/Fade.d.ts +0 -0
- /package/dist/{animations → transform}/ScaleFade.d.ts +0 -0
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/* empty css */
|
|
2
|
-
import { styled } from "@linaria/react";
|
|
3
|
-
import { jsx } from "react/jsx-runtime";
|
|
4
|
-
//#region src/animations/Flashing.tsx
|
|
5
|
-
var StyledFlashing = /*#__PURE__*/ styled("span")({
|
|
6
|
-
name: "StyledFlashing",
|
|
7
|
-
class: "s1v6noph",
|
|
8
|
-
propsAsIs: false
|
|
9
|
-
});
|
|
10
|
-
var Flashing = ({ children }) => {
|
|
11
|
-
return /* @__PURE__ */ jsx(StyledFlashing, { children });
|
|
12
|
-
};
|
|
13
|
-
//#endregion
|
|
14
|
-
export { Flashing as default };
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { PropsWithChildren } from "react";
|
|
2
|
-
export interface RotateWithTransitionProps {
|
|
3
|
-
isRotated: boolean;
|
|
4
|
-
deg?: number;
|
|
5
|
-
speed?: number;
|
|
6
|
-
}
|
|
7
|
-
declare const RotateWithTransition: ({ children, isRotated, deg, speed, }: PropsWithChildren<RotateWithTransitionProps>) => import("react").JSX.Element;
|
|
8
|
-
export default RotateWithTransition;
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
/* empty css */
|
|
2
|
-
import { styled } from "@linaria/react";
|
|
3
|
-
import { jsx } from "react/jsx-runtime";
|
|
4
|
-
//#region src/animations/RotateWithTransition.tsx
|
|
5
|
-
var _exp = () => ({ $speed }) => $speed ?? .075;
|
|
6
|
-
var _exp2 = () => ({ $isRotated, $deg }) => {
|
|
7
|
-
if ($isRotated) return `${$deg}deg`;
|
|
8
|
-
return "0deg";
|
|
9
|
-
};
|
|
10
|
-
var RotateWithTransitionWrapper = /*#__PURE__*/ styled("div")({
|
|
11
|
-
name: "RotateWithTransitionWrapper",
|
|
12
|
-
class: "r94gjni",
|
|
13
|
-
propsAsIs: false,
|
|
14
|
-
vars: {
|
|
15
|
-
"r94gjni-0": [_exp(), "s"],
|
|
16
|
-
"r94gjni-1": [_exp2()]
|
|
17
|
-
}
|
|
18
|
-
});
|
|
19
|
-
var RotateWithTransition = ({ children, isRotated, deg = 180, speed }) => {
|
|
20
|
-
return /* @__PURE__ */ jsx(RotateWithTransitionWrapper, {
|
|
21
|
-
$isRotated: isRotated,
|
|
22
|
-
$deg: deg,
|
|
23
|
-
$speed: speed,
|
|
24
|
-
children
|
|
25
|
-
});
|
|
26
|
-
};
|
|
27
|
-
//#endregion
|
|
28
|
-
export { RotateWithTransition as default };
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import type { PropsWithChildren } from "react";
|
|
2
|
-
export interface SpinAnimationProps {
|
|
3
|
-
speed?: number;
|
|
4
|
-
isEnabled?: boolean;
|
|
5
|
-
}
|
|
6
|
-
declare const SpinAnimation: ({ children, speed, isEnabled, }: PropsWithChildren<SpinAnimationProps>) => import("react").JSX.Element;
|
|
7
|
-
export default SpinAnimation;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
/* empty css */
|
|
2
|
-
import { styled } from "@linaria/react";
|
|
3
|
-
import { Fragment, jsx } from "react/jsx-runtime";
|
|
4
|
-
//#region src/animations/SpinAnimation.tsx
|
|
5
|
-
var _exp = () => ({ $speed }) => 1 / $speed;
|
|
6
|
-
var StyledSpinAnimation = /*#__PURE__*/ styled("div")({
|
|
7
|
-
name: "StyledSpinAnimation",
|
|
8
|
-
class: "s1eqyn2i",
|
|
9
|
-
propsAsIs: false,
|
|
10
|
-
vars: { "s1eqyn2i-0": [_exp(), "s"] }
|
|
11
|
-
});
|
|
12
|
-
var SpinAnimation = ({ children, speed = 1, isEnabled = true }) => {
|
|
13
|
-
if (isEnabled) return /* @__PURE__ */ jsx(StyledSpinAnimation, {
|
|
14
|
-
$speed: speed,
|
|
15
|
-
children
|
|
16
|
-
});
|
|
17
|
-
return /* @__PURE__ */ jsx(Fragment, { children });
|
|
18
|
-
};
|
|
19
|
-
//#endregion
|
|
20
|
-
export { SpinAnimation as default };
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import type { PropsWithChildren } from "react";
|
|
2
|
-
export interface SpinVerticalAnimationProps {
|
|
3
|
-
speed?: number;
|
|
4
|
-
}
|
|
5
|
-
declare const SpinVerticalAnimation: ({ children, speed, }: PropsWithChildren<SpinVerticalAnimationProps>) => import("react").JSX.Element;
|
|
6
|
-
export default SpinVerticalAnimation;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
/* empty css */
|
|
2
|
-
import { styled } from "@linaria/react";
|
|
3
|
-
import { jsx } from "react/jsx-runtime";
|
|
4
|
-
//#region src/animations/SpinVerticalAnimation.tsx
|
|
5
|
-
var _exp = () => ({ $speed }) => 1 / $speed;
|
|
6
|
-
var StyledSpinVerticalAnimation = /*#__PURE__*/ styled("div")({
|
|
7
|
-
name: "StyledSpinVerticalAnimation",
|
|
8
|
-
class: "s1eibpeh",
|
|
9
|
-
propsAsIs: false,
|
|
10
|
-
vars: { "s1eibpeh-0": [_exp(), "s"] }
|
|
11
|
-
});
|
|
12
|
-
var SpinVerticalAnimation = ({ children, speed = 1 }) => {
|
|
13
|
-
return /* @__PURE__ */ jsx(StyledSpinVerticalAnimation, {
|
|
14
|
-
$speed: speed,
|
|
15
|
-
children
|
|
16
|
-
});
|
|
17
|
-
};
|
|
18
|
-
//#endregion
|
|
19
|
-
export { SpinVerticalAnimation as default };
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { type HotKeyVariant } from "./HotKeySymbol";
|
|
2
|
-
interface HotKeyBindingsProps {
|
|
3
|
-
variant?: HotKeyVariant;
|
|
4
|
-
hotKeys: string[];
|
|
5
|
-
}
|
|
6
|
-
declare const HotKeyBindings: ({ variant, hotKeys }: HotKeyBindingsProps) => import("react").JSX.Element;
|
|
7
|
-
export default HotKeyBindings;
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import HotKeySymbol from "./HotKeySymbol.js";
|
|
2
|
-
/* empty css */
|
|
3
|
-
import { styled } from "@linaria/react";
|
|
4
|
-
import { jsx } from "react/jsx-runtime";
|
|
5
|
-
//#region src/hotkeys/HotKeyBindings.tsx
|
|
6
|
-
var HotKeyBindingWrapper = /*#__PURE__*/ styled("div")({
|
|
7
|
-
name: "HotKeyBindingWrapper",
|
|
8
|
-
class: "h179mi29",
|
|
9
|
-
propsAsIs: false
|
|
10
|
-
});
|
|
11
|
-
var HotKeyBindingSymbolWrapper = /*#__PURE__*/ styled("div")({
|
|
12
|
-
name: "HotKeyBindingSymbolWrapper",
|
|
13
|
-
class: "h1gstj4e",
|
|
14
|
-
propsAsIs: false
|
|
15
|
-
});
|
|
16
|
-
var HotKeyBindings = ({ variant, hotKeys }) => {
|
|
17
|
-
return /* @__PURE__ */ jsx(HotKeyBindingWrapper, { children: hotKeys.map((hotKey) => /* @__PURE__ */ jsx(HotKeyBindingSymbolWrapper, { children: /* @__PURE__ */ jsx(HotKeySymbol, {
|
|
18
|
-
variant,
|
|
19
|
-
hotKey
|
|
20
|
-
}) }, hotKey)) });
|
|
21
|
-
};
|
|
22
|
-
//#endregion
|
|
23
|
-
export { HotKeyBindings as default };
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
export declare enum HotKeyVariant {
|
|
2
|
-
BASE = "BASE",
|
|
3
|
-
PRIMARY = "PRIMARY",
|
|
4
|
-
SECONDARY = "SECONDARY",
|
|
5
|
-
TERTIARY = "TERTIARY",
|
|
6
|
-
DISABLED = "DISABLED"
|
|
7
|
-
}
|
|
8
|
-
export interface HotKeyProps {
|
|
9
|
-
variant?: HotKeyVariant;
|
|
10
|
-
hotKey: string;
|
|
11
|
-
}
|
|
12
|
-
declare const HotKeySymbol: ({ variant, hotKey }: HotKeyProps) => import("react").JSX.Element;
|
|
13
|
-
export default HotKeySymbol;
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import { withTheme } from "../theme/GalaxyTheme.js";
|
|
2
|
-
/* empty css */
|
|
3
|
-
import { styled } from "@linaria/react";
|
|
4
|
-
import { match } from "ts-pattern";
|
|
5
|
-
import { jsx } from "react/jsx-runtime";
|
|
6
|
-
//#region src/hotkeys/HotKeySymbol.tsx
|
|
7
|
-
var HotKeyVariant = /* @__PURE__ */ function(HotKeyVariant) {
|
|
8
|
-
HotKeyVariant["BASE"] = "BASE";
|
|
9
|
-
HotKeyVariant["PRIMARY"] = "PRIMARY";
|
|
10
|
-
HotKeyVariant["SECONDARY"] = "SECONDARY";
|
|
11
|
-
HotKeyVariant["TERTIARY"] = "TERTIARY";
|
|
12
|
-
HotKeyVariant["DISABLED"] = "DISABLED";
|
|
13
|
-
return HotKeyVariant;
|
|
14
|
-
}({});
|
|
15
|
-
var _exp = () => ({ $variant, theme }) => {
|
|
16
|
-
return match($variant).with("BASE", () => theme.color.background.base).with("PRIMARY", () => theme.color.background.primary).with("SECONDARY", () => theme.color.background.secondary).with("TERTIARY", () => theme.color.background.tertiary).with("DISABLED", () => theme.color.background.secondary).with(void 0, () => theme.color.background.tertiary).exhaustive();
|
|
17
|
-
};
|
|
18
|
-
var _exp2 = () => ({ $variant, theme }) => {
|
|
19
|
-
return match($variant).with("BASE", () => theme.color.border.primary).with("PRIMARY", () => theme.color.border.primary).with("SECONDARY", () => theme.color.border.primary).with("TERTIARY", () => theme.color.border.primary).with("DISABLED", () => theme.color.border.primary).with(void 0, () => theme.color.border.primary).exhaustive();
|
|
20
|
-
};
|
|
21
|
-
var _exp3 = () => ({ $variant, theme }) => {
|
|
22
|
-
return match($variant).with("DISABLED", () => theme.color.text.disabled).otherwise(() => theme.color.text.secondary);
|
|
23
|
-
};
|
|
24
|
-
var _exp4 = () => ({ theme }) => theme.font.sans.size.body_sm;
|
|
25
|
-
var _exp5 = () => ({ theme }) => theme.font.sans.height.body_sm;
|
|
26
|
-
var _exp6 = () => ({ theme }) => theme.font.sans.weight.regular;
|
|
27
|
-
var _exp7 = () => ({ theme }) => theme.font.sans.family;
|
|
28
|
-
var StyledHotKeySymbol = withTheme(/*#__PURE__*/ styled("div")({
|
|
29
|
-
name: "StyledHotKeySymbol",
|
|
30
|
-
class: "s12p8yma",
|
|
31
|
-
propsAsIs: false,
|
|
32
|
-
vars: {
|
|
33
|
-
"s12p8yma-0": [_exp()],
|
|
34
|
-
"s12p8yma-1": [_exp2()],
|
|
35
|
-
"s12p8yma-2": [_exp3()],
|
|
36
|
-
"s12p8yma-3": [_exp4()],
|
|
37
|
-
"s12p8yma-4": [_exp5()],
|
|
38
|
-
"s12p8yma-5": [_exp6()],
|
|
39
|
-
"s12p8yma-6": [_exp7()]
|
|
40
|
-
}
|
|
41
|
-
}));
|
|
42
|
-
var HotKeySymbol = ({ variant, hotKey }) => {
|
|
43
|
-
return /* @__PURE__ */ jsx(StyledHotKeySymbol, {
|
|
44
|
-
$variant: variant,
|
|
45
|
-
children: hotKey
|
|
46
|
-
});
|
|
47
|
-
};
|
|
48
|
-
//#endregion
|
|
49
|
-
export { HotKeyVariant, HotKeySymbol as default };
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
export interface SwitcherItem {
|
|
2
|
-
id: string;
|
|
3
|
-
label: string;
|
|
4
|
-
onClick: () => void;
|
|
5
|
-
}
|
|
6
|
-
interface SwitcherProps {
|
|
7
|
-
items: SwitcherItem[];
|
|
8
|
-
selectedId: string;
|
|
9
|
-
}
|
|
10
|
-
declare const Switcher: ({ items, selectedId }: SwitcherProps) => import("react").JSX.Element;
|
|
11
|
-
export default Switcher;
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import { withTheme } from "../theme/GalaxyTheme.js";
|
|
2
|
-
import Text, { TextWeight } from "../text/Text.js";
|
|
3
|
-
/* empty css */
|
|
4
|
-
import { styled } from "@linaria/react";
|
|
5
|
-
import { jsx } from "react/jsx-runtime";
|
|
6
|
-
//#region src/switcher/Switcher.tsx
|
|
7
|
-
var _exp = () => ({ theme }) => theme.color.background.primary;
|
|
8
|
-
var _exp2 = () => ({ theme }) => theme.color.border.secondary;
|
|
9
|
-
var StyledSwitcher = withTheme(/*#__PURE__*/ styled("div")({
|
|
10
|
-
name: "StyledSwitcher",
|
|
11
|
-
class: "scx8lyz",
|
|
12
|
-
propsAsIs: false,
|
|
13
|
-
vars: {
|
|
14
|
-
"scx8lyz-0": [_exp()],
|
|
15
|
-
"scx8lyz-1": [_exp2()]
|
|
16
|
-
}
|
|
17
|
-
}));
|
|
18
|
-
var _exp3 = () => ({ theme, $isSelected }) => $isSelected ? theme.color.background.secondary : "transparent";
|
|
19
|
-
var _exp4 = () => ({ theme, $isSelected }) => $isSelected ? theme.color.border.tertiary : "transparent";
|
|
20
|
-
var SwitcherItem = withTheme(/*#__PURE__*/ styled("div")({
|
|
21
|
-
name: "SwitcherItem",
|
|
22
|
-
class: "s1law64s",
|
|
23
|
-
propsAsIs: false,
|
|
24
|
-
vars: {
|
|
25
|
-
"s1law64s-0": [_exp3()],
|
|
26
|
-
"s1law64s-1": [_exp4()]
|
|
27
|
-
}
|
|
28
|
-
}));
|
|
29
|
-
var Switcher = ({ items, selectedId }) => {
|
|
30
|
-
return /* @__PURE__ */ jsx(StyledSwitcher, { children: items.map((item) => /* @__PURE__ */ jsx(SwitcherItem, {
|
|
31
|
-
onClick: item.onClick,
|
|
32
|
-
$isSelected: item.id === selectedId,
|
|
33
|
-
children: /* @__PURE__ */ jsx(Text, {
|
|
34
|
-
weight: TextWeight.MEDIUM,
|
|
35
|
-
cursor: "pointer",
|
|
36
|
-
children: item.label
|
|
37
|
-
})
|
|
38
|
-
}, item.label)) });
|
|
39
|
-
};
|
|
40
|
-
//#endregion
|
|
41
|
-
export { Switcher as default };
|
|
File without changes
|
|
File without changes
|