@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.
Files changed (61) hide show
  1. package/dist/accordion/Accordion.js +2 -2
  2. package/dist/avatar/AvatarShimmer.d.ts +1 -1
  3. package/dist/buttons/Button.js +2 -2
  4. package/dist/charts/BarChart.js +18 -41
  5. package/dist/charts/ChartAxis.d.ts +2 -11
  6. package/dist/charts/ChartAxis.js +4 -5
  7. package/dist/charts/ChartFrame.js +1 -3
  8. package/dist/charts/ChartLegend.d.ts +1 -9
  9. package/dist/charts/ChartLegend.js +1 -27
  10. package/dist/charts/ChartPrimitives.d.ts +2 -15
  11. package/dist/charts/ChartPrimitives.js +48 -65
  12. package/dist/charts/ChartTooltip.js +4 -9
  13. package/dist/charts/LineChart.js +46 -67
  14. package/dist/charts/PieChart.js +19 -33
  15. package/dist/charts/constants.d.ts +0 -19
  16. package/dist/charts/constants.js +1 -78
  17. package/dist/charts/useChartInteraction.d.ts +11 -1
  18. package/dist/charts/useChartInteraction.js +7 -2
  19. package/dist/charts/useSeriesColorResolver.d.ts +0 -7
  20. package/dist/charts/useSeriesColorResolver.js +1 -2
  21. package/dist/dividers/HorizontalDivider.d.ts +4 -1
  22. package/dist/dividers/HorizontalDivider.js +28 -7
  23. package/dist/inputs/CopyInput.js +4 -1
  24. package/dist/inputs/Input.d.ts +1 -1
  25. package/dist/inputs/MultiSelectInput.js +3 -3
  26. package/dist/inputs/SelectInput.js +3 -3
  27. package/dist/inputs/SwitcherInput.d.ts +11 -0
  28. package/dist/inputs/SwitcherInput.js +41 -0
  29. package/dist/shapes/Square.d.ts +6 -0
  30. package/dist/shapes/Square.js +25 -0
  31. package/dist/styles.css +25 -26
  32. package/dist/table/SpreadsheetPrimitives.d.ts +6 -6
  33. package/dist/table/TablePrimitives.d.ts +6 -6
  34. package/dist/text/HotKeys.d.ts +20 -0
  35. package/dist/text/HotKeys.js +68 -0
  36. package/dist/toast/ToastProvider.js +1 -1
  37. package/dist/{animations → transform}/Fade.js +1 -1
  38. package/dist/transform/Flash.d.ts +3 -0
  39. package/dist/transform/Flash.js +14 -0
  40. package/dist/transform/Rotate.d.ts +8 -0
  41. package/dist/transform/Rotate.js +28 -0
  42. package/dist/{animations → transform}/ScaleFade.js +1 -1
  43. package/dist/transform/Spin.d.ts +7 -0
  44. package/dist/transform/Spin.js +20 -0
  45. package/package.json +4 -12
  46. package/dist/animations/Flashing.d.ts +0 -3
  47. package/dist/animations/Flashing.js +0 -14
  48. package/dist/animations/RotateWithTransition.d.ts +0 -8
  49. package/dist/animations/RotateWithTransition.js +0 -28
  50. package/dist/animations/SpinAnimation.d.ts +0 -7
  51. package/dist/animations/SpinAnimation.js +0 -20
  52. package/dist/animations/SpinVerticalAnimation.d.ts +0 -6
  53. package/dist/animations/SpinVerticalAnimation.js +0 -19
  54. package/dist/hotkeys/HotKeyBindings.d.ts +0 -7
  55. package/dist/hotkeys/HotKeyBindings.js +0 -23
  56. package/dist/hotkeys/HotKeySymbol.d.ts +0 -13
  57. package/dist/hotkeys/HotKeySymbol.js +0 -49
  58. package/dist/switcher/Switcher.d.ts +0 -11
  59. package/dist/switcher/Switcher.js +0 -41
  60. /package/dist/{animations → transform}/Fade.d.ts +0 -0
  61. /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