@galaxy-io/dls 1.3.2 → 1.3.4

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 (10) hide show
  1. package/dist/{metrics → charts}/ProgressBar.d.ts +3 -1
  2. package/dist/{metrics → charts}/ProgressBar.js +14 -16
  3. package/dist/charts/StatChart.d.ts +15 -0
  4. package/dist/{metrics/MetricItem.js → charts/StatChart.js} +16 -16
  5. package/dist/inputs/CopyInput.js +0 -1
  6. package/dist/inputs/SliderInput.js +1 -1
  7. package/dist/styles.css +7 -19
  8. package/dist/widget/Widget.js +10 -14
  9. package/package.json +1 -5
  10. package/dist/metrics/MetricItem.d.ts +0 -15
package/dist/{metrics → charts}/ProgressBar.d.ts RENAMED
@@ -1,7 +1,9 @@
1
1
  export declare enum ProgressBarVariant {
2
- GALAXY = "GALAXY",
3
2
  PRIMARY = "PRIMARY",
3
+ SECONDARY = "SECONDARY",
4
+ TERTIARY = "TERTIARY",
4
5
  SUCCESS = "SUCCESS",
6
+ WARNING = "WARNING",
5
7
  ERROR = "ERROR"
6
8
  }
7
9
  interface ProgressBarProps {
package/dist/{metrics → charts}/ProgressBar.js RENAMED
@@ -4,11 +4,13 @@ import { styled } from "@linaria/react";
4
4
  import { match } from "ts-pattern";
5
5
  import { useMemo } from "react";
6
6
  import { jsx } from "react/jsx-runtime";
7
- //#region src/metrics/ProgressBar.tsx
7
+ //#region src/charts/ProgressBar.tsx
8
8
  var ProgressBarVariant = /* @__PURE__ */ function(ProgressBarVariant) {
9
- ProgressBarVariant["GALAXY"] = "GALAXY";
10
9
  ProgressBarVariant["PRIMARY"] = "PRIMARY";
10
+ ProgressBarVariant["SECONDARY"] = "SECONDARY";
11
+ ProgressBarVariant["TERTIARY"] = "TERTIARY";
11
12
  ProgressBarVariant["SUCCESS"] = "SUCCESS";
13
+ ProgressBarVariant["WARNING"] = "WARNING";
12
14
  ProgressBarVariant["ERROR"] = "ERROR";
13
15
  return ProgressBarVariant;
14
16
  }({});
@@ -17,29 +19,25 @@ var _exp2 = () => ({ theme }) => theme.color.background.tertiary;
17
19
  var _exp3 = () => ({ theme }) => theme.color.border.primary;
18
20
  var StyledProgressBar = withTheme(/*#__PURE__*/ styled("div")({
19
21
  name: "StyledProgressBar",
20
- class: "sjen46y",
22
+ class: "s1yc7aow",
21
23
  propsAsIs: false,
22
24
  vars: {
23
- "sjen46y-0": [_exp()],
24
- "sjen46y-1": [_exp2()],
25
- "sjen46y-2": [_exp3()]
25
+ "s1yc7aow-0": [_exp()],
26
+ "s1yc7aow-1": [_exp2()],
27
+ "s1yc7aow-2": [_exp3()]
26
28
  }
27
29
  }));
28
30
  var _exp4 = () => ({ $width }) => `${$width}%`;
29
- var _exp7 = () => ({ theme, $variant }) => match($variant).returnType().with("GALAXY", () => theme.color.background.galaxy).with("PRIMARY", () => theme.color.opacity.bw48Alt).with("SUCCESS", () => theme.color.icon.success).with("ERROR", () => theme.color.icon.error).exhaustive();
30
- var _exp8 = () => ({ theme, $variant }) => match($variant).returnType().with("GALAXY", () => theme.color.background.galaxy).with("PRIMARY", () => theme.color.opacity.bw80Alt).with("SUCCESS", () => theme.color.icon.success).with("ERROR", () => theme.color.icon.error).exhaustive();
31
- var _exp9 = () => ({ theme, $variant }) => match($variant).returnType().with("GALAXY", () => theme.color.background.galaxy).with("PRIMARY", () => theme.color.opacity.bw100Alt).with("SUCCESS", () => theme.color.icon.success).with("ERROR", () => theme.color.icon.error).exhaustive();
32
- var _exp0 = () => ({ $noAnimation }) => $noAnimation ? "shimmer 2.5s infinite" : "shimmer 2.5s infinite, pulse 2.5s cubic-bezier(0.4, 0, 0.6, 1) infinite";
31
+ var _exp5 = () => ({ theme, $variant }) => match($variant).returnType().with("PRIMARY", () => theme.color.opacity.bw100Alt).with("SECONDARY", () => theme.color.opacity.bw64Alt).with("TERTIARY", () => theme.color.opacity.bw48Alt).with("SUCCESS", () => theme.color.icon.success).with("WARNING", () => theme.color.icon.warning).with("ERROR", () => theme.color.icon.error).exhaustive();
32
+ var _exp6 = () => ({ $noAnimation }) => $noAnimation ? "none" : "pulse 2.5s cubic-bezier(0.4, 0, 0.6, 1) infinite";
33
33
  var ProgressBarFill = withTheme(/*#__PURE__*/ styled("div")({
34
34
  name: "ProgressBarFill",
35
- class: "pma25az",
35
+ class: "p1sc05jm",
36
36
  propsAsIs: false,
37
37
  vars: {
38
- "pma25az-0": [_exp4()],
39
- "pma25az-1": [_exp9()],
40
- "pma25az-2": [_exp8()],
41
- "pma25az-3": [_exp7()],
42
- "pma25az-4": [_exp0()]
38
+ "p1sc05jm-0": [_exp4()],
39
+ "p1sc05jm-1": [_exp5()],
40
+ "p1sc05jm-2": [_exp6()]
43
41
  }
44
42
  }));
45
43
  var ProgressBar = ({ percentage, variant = "PRIMARY", height = 4, noSliverOnZero = false, noAnimation = false }) => {
package/dist/charts/StatChart.d.ts ADDED
@@ -0,0 +1,15 @@
1
+ import type { ReactNode } from "react";
2
+ export declare enum StatChartVariant {
3
+ BASE = "BASE",
4
+ PRIMARY = "PRIMARY",
5
+ SECONDARY = "SECONDARY",
6
+ TERTIARY = "TERTIARY"
7
+ }
8
+ interface StatChartProps {
9
+ label: string;
10
+ value: ReactNode;
11
+ variant?: StatChartVariant;
12
+ noBorder?: boolean;
13
+ }
14
+ declare const StatChart: ({ label, value, variant, noBorder, }: StatChartProps) => import("react").JSX.Element;
15
+ export default StatChart;
package/dist/{metrics/MetricItem.js → charts/StatChart.js} RENAMED
@@ -1,31 +1,31 @@
1
1
  import { withTheme } from "../theme/GalaxyTheme.js";
2
2
  import Text, { TextSize, TextVariant, TextWeight } from "../text/Text.js";
3
3
  import FlexWrapper, { AlignItems, FlexDirection } from "../containers/FlexWrapper.js";
4
- /* empty css */
4
+ /* empty css */
5
5
  import { styled } from "@linaria/react";
6
6
  import { match } from "ts-pattern";
7
7
  import { jsx, jsxs } from "react/jsx-runtime";
8
- //#region src/metrics/MetricItem.tsx
9
- var MetricItemVariant = /* @__PURE__ */ function(MetricItemVariant) {
10
- MetricItemVariant["BASE"] = "BASE";
11
- MetricItemVariant["PRIMARY"] = "PRIMARY";
12
- MetricItemVariant["SECONDARY"] = "SECONDARY";
13
- MetricItemVariant["TERTIARY"] = "TERTIARY";
14
- return MetricItemVariant;
8
+ //#region src/charts/StatChart.tsx
9
+ var StatChartVariant = /* @__PURE__ */ function(StatChartVariant) {
10
+ StatChartVariant["BASE"] = "BASE";
11
+ StatChartVariant["PRIMARY"] = "PRIMARY";
12
+ StatChartVariant["SECONDARY"] = "SECONDARY";
13
+ StatChartVariant["TERTIARY"] = "TERTIARY";
14
+ return StatChartVariant;
15
15
  }({});
16
16
  var _exp = () => ({ theme, $variant }) => 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).exhaustive();
17
17
  var _exp2 = () => ({ theme, $noBorder }) => $noBorder ? "transparent" : theme.color.border.primary;
18
- var MetricItemWrapper = withTheme(/*#__PURE__*/ styled("div")({
19
- name: "MetricItemWrapper",
20
- class: "mv8otd",
18
+ var StatChartWrapper = withTheme(/*#__PURE__*/ styled("div")({
19
+ name: "StatChartWrapper",
20
+ class: "slaxlp8",
21
21
  propsAsIs: false,
22
22
  vars: {
23
- "mv8otd-0": [_exp()],
24
- "mv8otd-1": [_exp2()]
23
+ "slaxlp8-0": [_exp()],
24
+ "slaxlp8-1": [_exp2()]
25
25
  }
26
26
  }));
27
- var MetricItem = ({ label, value, variant = "PRIMARY", noBorder }) => {
28
- return /* @__PURE__ */ jsx(MetricItemWrapper, {
27
+ var StatChart = ({ label, value, variant = "PRIMARY", noBorder }) => {
28
+ return /* @__PURE__ */ jsx(StatChartWrapper, {
29
29
  $variant: variant,
30
30
  $noBorder: noBorder,
31
31
  children: /* @__PURE__ */ jsxs(FlexWrapper, {
@@ -50,4 +50,4 @@ var MetricItem = ({ label, value, variant = "PRIMARY", noBorder }) => {
50
50
  });
51
51
  };
52
52
  //#endregion
53
- export { MetricItemVariant, MetricItem as default };
53
+ export { StatChartVariant, StatChart as default };
package/dist/inputs/CopyInput.js CHANGED
@@ -31,7 +31,6 @@ var CopyInput = ({ value, label, labelTooltip, size = InputSize.MEDIUM, width, f
31
31
  size,
32
32
  width,
33
33
  fillWidth,
34
- isDisabled: true,
35
34
  isMonospace
36
35
  }), /* @__PURE__ */ jsx(Button, {
37
36
  icon: copied ? CheckIcon : CopyIcon,
package/dist/inputs/SliderInput.js CHANGED
@@ -124,7 +124,7 @@ var SliderInput = ({ label, labelTooltip, value, onChange, onInteractionStart, o
124
124
  children: [label && /* @__PURE__ */ jsxs(FlexWrapper, {
125
125
  alignItems: AlignItems.CENTER,
126
126
  justifyContent: JustifyContent.SPACE_BETWEEN,
127
- fillWidth,
127
+ fillWidth: true,
128
128
  children: [/* @__PURE__ */ jsx(InputLabel, {
129
129
  label,
130
130
  labelTooltip
package/dist/styles.css CHANGED
@@ -5,7 +5,7 @@
5
5
  .r94gjni{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-transition:rotate var(--r94gjni-0) ease-in-out;transition:rotate var(--r94gjni-0) ease-in-out;rotate:var(--r94gjni-1);}
6
6
  .s1he36jx{position:var(--s1he36jx-0);display:var(--s1he36jx-1);-webkit-align-items:var(--s1he36jx-2);-webkit-box-align:var(--s1he36jx-2);-ms-flex-align:var(--s1he36jx-2);align-items:var(--s1he36jx-2);-webkit-box-pack:var(--s1he36jx-3);-ms-flex-pack:var(--s1he36jx-3);-webkit-justify-content:var(--s1he36jx-3);justify-content:var(--s1he36jx-3);-webkit-box-flex:var(--s1he36jx-4);-webkit-flex-grow:var(--s1he36jx-4);-ms-flex-positive:var(--s1he36jx-4);flex-grow:var(--s1he36jx-4);-webkit-flex-shrink:var(--s1he36jx-5);-ms-flex-negative:var(--s1he36jx-5);flex-shrink:var(--s1he36jx-5);-webkit-flex-basis:var(--s1he36jx-6);-ms-flex-preferred-size:var(--s1he36jx-6);flex-basis:var(--s1he36jx-6);width:var(--s1he36jx-7);height:var(--s1he36jx-8);min-width:var(--s1he36jx-9);max-width:var(--s1he36jx-10);min-height:var(--s1he36jx-11);max-height:var(--s1he36jx-12);overflow:var(--s1he36jx-13);white-space:var(--s1he36jx-14);text-overflow:var(--s1he36jx-15);padding:var(--s1he36jx-16);overscroll-behavior:auto;cursor:var(--s1he36jx-17);}
7
7
  .s12krdms{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;-webkit-flex-direction:var(--s12krdms-0);-ms-flex-direction:var(--s12krdms-0);flex-direction:var(--s12krdms-0);-webkit-align-items:var(--s12krdms-1);-webkit-box-align:var(--s12krdms-1);-ms-flex-align:var(--s12krdms-1);align-items:var(--s12krdms-1);-webkit-box-pack:var(--s12krdms-2);-ms-flex-pack:var(--s12krdms-2);-webkit-justify-content:var(--s12krdms-2);justify-content:var(--s12krdms-2);gap:var(--s12krdms-3);-webkit-box-flex-wrap:var(--s12krdms-4);-webkit-flex-wrap:var(--s12krdms-4);-ms-flex-wrap:var(--s12krdms-4);flex-wrap:var(--s12krdms-4);-webkit-box-flex:var(--s12krdms-5);-webkit-flex-grow:var(--s12krdms-5);-ms-flex-positive:var(--s12krdms-5);flex-grow:var(--s12krdms-5);-webkit-flex-shrink:var(--s12krdms-6);-ms-flex-negative:var(--s12krdms-6);flex-shrink:var(--s12krdms-6);-webkit-flex-basis:var(--s12krdms-7);-ms-flex-preferred-size:var(--s12krdms-7);flex-basis:var(--s12krdms-7);width:var(--s12krdms-8);height:var(--s12krdms-9);min-width:var(--s12krdms-10);max-width:var(--s12krdms-11);min-height:var(--s12krdms-12);max-height:var(--s12krdms-13);overflow:var(--s12krdms-14);padding:var(--s12krdms-15);margin:var(--s12krdms-16);overscroll-behavior:auto;cursor:var(--s12krdms-17);}
8
- .h1sww5hz{width:100%;height:0.5px;background-color:var(--h1sww5hz-0);}
8
+ .h1sww5hz{width:100%;height:0.5px;min-height:0.5px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;background-color:var(--h1sww5hz-0);}
9
9
  .shbcgkd{color:var(--shbcgkd-0);font-family:var(--shbcgkd-1);font-size:var(--shbcgkd-2);font-weight:var(--shbcgkd-3);line-height:var(--shbcgkd-4);letter-spacing:var(--shbcgkd-5);text-align:var(--shbcgkd-6);-webkit-text-decoration:var(--shbcgkd-7);text-decoration:var(--shbcgkd-7);cursor:var(--shbcgkd-8);-webkit-user-select:var(--shbcgkd-9);-moz-user-select:var(--shbcgkd-9);-ms-user-select:var(--shbcgkd-9);user-select:var(--shbcgkd-9);-webkit-user-select:var(--shbcgkd-9);-moz-user-select:var(--shbcgkd-9);-ms-user-select:var(--shbcgkd-9);overflow:var(--shbcgkd-10);text-overflow:var(--shbcgkd-11);white-space:var(--shbcgkd-12);width:var(--shbcgkd-13);overscroll-behavior:auto;-webkit-transition:color 0.075s ease-in-out;transition:color 0.075s ease-in-out;}
10
10
  .s1v6noph{-webkit-animation:flash-s1v6noph 1s ease-in-out infinite;animation:flash-s1v6noph 1s ease-in-out infinite;}@-webkit-keyframes flash-s1v6noph{0%,100%{opacity:1;}50%{opacity:0.4;}}@keyframes flash-s1v6noph{0%,100%{opacity:1;}50%{opacity:0.4;}}
11
11
  .s1eqyn2i{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-animation:spin-s1eqyn2i var(--s1eqyn2i-0) linear infinite;animation:spin-s1eqyn2i var(--s1eqyn2i-0) linear infinite;transform-origin:50% 50%;}@-webkit-keyframes spin-s1eqyn2i{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes spin-s1eqyn2i{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
@@ -46,6 +46,9 @@
46
46
  .cjirv6a{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;border-radius:2px;opacity:1;-webkit-transition:opacity 100ms ease-in-out 200ms;transition:opacity 100ms ease-in-out 200ms;}.cjirv6a[data-state="muted"]{opacity:0.1;}.cjirv6a[data-state="faded"]{opacity:0.04;}@media (prefers-reduced-motion: reduce){.cjirv6a{-webkit-transition:none;transition:none;}}.cjirv6a:focus-visible{outline:1.5px solid currentColor;outline-offset:2px;}
47
47
  .c1armna5{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;opacity:1;-webkit-transition:opacity 100ms ease-in-out 200ms;transition:opacity 100ms ease-in-out 200ms;}.c1armna5[data-state="muted"]{opacity:0.1;}.c1armna5[data-state="faded"]{opacity:0.04;}@media (prefers-reduced-motion: reduce){.c1armna5{-webkit-transition:none;transition:none;}}
48
48
  .cmbdg2q{width:var(--cmbdg2q-0);height:var(--cmbdg2q-0);border-radius:50%;background-color:var(--cmbdg2q-1);}
49
+ .s1yc7aow{position:relative;height:var(--s1yc7aow-0);width:100%;background-color:var(--s1yc7aow-1);border:0.5px solid var(--s1yc7aow-2);border-radius:4px;overflow:hidden;}
50
+ .p1sc05jm{position:absolute;top:0;left:0;height:100%;width:var(--p1sc05jm-0);background-color:var(--p1sc05jm-1);-webkit-animation:var(--p1sc05jm-2);animation:var(--p1sc05jm-2);-webkit-transition:width 0.075s ease-in-out;transition:width 0.075s ease-in-out;}@-webkit-keyframes pulse-p1sc05jm{0%,100%{opacity:0.9;}50%{opacity:0.6;}}@keyframes pulse-p1sc05jm{0%,100%{opacity:0.9;}50%{opacity:0.6;}}
51
+ .slaxlp8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-flex-basis:auto;-ms-flex-preferred-size:auto;flex-basis:auto;min-width:140px;background-color:var(--slaxlp8-0);padding:12px 16px;border:0.5px solid var(--slaxlp8-1);border-radius:5px;}
49
52
  .shdcix9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;gap:4px;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;min-width:16px;cursor:var(--shdcix9-0);-webkit-transition:border-color 0.1s ease-out;transition:border-color 0.1s ease-out;height:var(--shdcix9-1);padding:var(--shdcix9-2);background-color:var(--shdcix9-3);border:0.5px solid var(--shdcix9-4);border-radius:var(--shdcix9-5);}
50
53
  .szfsuud{margin-left:0.5px;}.szfsuud>span{display:inline-block;-webkit-animation:ellipsisPulse-szfsuud var(--szfsuud-0) infinite ease-in-out both;animation:ellipsisPulse-szfsuud var(--szfsuud-0) infinite ease-in-out both;-webkit-animation-play-state:var(--szfsuud-1);animation-play-state:var(--szfsuud-1);}.szfsuud>span:nth-child(1){-webkit-animation-delay:0s;animation-delay:0s;}.szfsuud>span:nth-child(2){-webkit-animation-delay:0.2s;animation-delay:0.2s;}.szfsuud>span:nth-child(3){-webkit-animation-delay:0.4s;animation-delay:0.4s;}@-webkit-keyframes ellipsisPulse-szfsuud{0%,80%,100%{opacity:0.5;}40%{opacity:1;}}@keyframes ellipsisPulse-szfsuud{0%,80%,100%{opacity:0.5;}40%{opacity:1;}}
51
54
  .s1p67zkf{display:inline-block;background:linear-gradient(
@@ -57,7 +60,7 @@
57
60
  .s40bxfr{display:-ms-grid;display:grid;box-sizing:border-box;-ms-grid-columns:var(--s40bxfr-0);grid-template-columns:var(--s40bxfr-0);-ms-grid-rows:var(--s40bxfr-1);grid-template-rows:var(--s40bxfr-1);gap:var(--s40bxfr-2);row-gap:var(--s40bxfr-3);-webkit-column-gap:var(--s40bxfr-4);column-gap:var(--s40bxfr-4);-webkit-align-items:var(--s40bxfr-5);-webkit-box-align:var(--s40bxfr-5);-ms-flex-align:var(--s40bxfr-5);align-items:var(--s40bxfr-5);justify-items:var(--s40bxfr-6);-webkit-align-content:var(--s40bxfr-7);-ms-flex-line-pack:var(--s40bxfr-7);align-content:var(--s40bxfr-7);-webkit-box-pack:var(--s40bxfr-8);-ms-flex-pack:var(--s40bxfr-8);-webkit-justify-content:var(--s40bxfr-8);justify-content:var(--s40bxfr-8);width:var(--s40bxfr-9);height:var(--s40bxfr-10);min-width:var(--s40bxfr-11);max-width:var(--s40bxfr-12);min-height:var(--s40bxfr-13);max-height:var(--s40bxfr-14);overflow:var(--s40bxfr-15);padding:var(--s40bxfr-16);margin:var(--s40bxfr-17);}
58
61
  .s2h3guw{margin:var(--s2h3guw-0);margin-top:var(--s2h3guw-1);margin-right:var(--s2h3guw-2);margin-bottom:var(--s2h3guw-3);margin-left:var(--s2h3guw-4);width:var(--s2h3guw-5);height:var(--s2h3guw-6);}
59
62
  .sck44b4{position:var(--sck44b4-0);min-width:var(--sck44b4-1);width:var(--sck44b4-2);height:var(--sck44b4-3);overflow:var(--sck44b4-4);padding:var(--sck44b4-5);overscroll-behavior:auto;top:var(--sck44b4-6);right:var(--sck44b4-7);bottom:var(--sck44b4-8);left:var(--sck44b4-9);}
60
- .v1f76t13{width:0.5px;height:100%;background-color:var(--v1f76t13-0);}
63
+ .v1f76t13{width:0.5px;min-width:0.5px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;height:100%;-webkit-align-self:stretch;-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch;background-color:var(--v1f76t13-0);}
61
64
  .smaltnf{position:fixed;inset:0;opacity:var(--smaltnf-0);visibility:var(--smaltnf-1);pointer-events:none;}
62
65
  .d4wvefv{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;inset:0;pointer-events:none;}
63
66
  .d19reibl{position:absolute;top:8px;right:8px;bottom:8px;left:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;pointer-events:none;}
@@ -125,21 +128,6 @@
125
128
  .l1o22m4p{height:auto;}
126
129
  .s1o45025{margin:0;padding-left:8px;list-style:none;}.s1o45025 li{position:relative;padding-left:16px;margin:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}.s1o45025 li::before{content:"•";position:absolute;left:0;top:0;color:var(--s1o45025-0);font-weight:var(--s1o45025-1);line-height:inherit;}
127
130
 
128
- .mv8otd{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-flex-basis:auto;-ms-flex-preferred-size:auto;flex-basis:auto;min-width:140px;background-color:var(--mv8otd-0);padding:12px 16px;border:0.5px solid var(--mv8otd-1);border-radius:5px;}
129
- .sjen46y{position:relative;height:var(--sjen46y-0);width:100%;background-color:var(--sjen46y-1);border:0.5px solid var(--sjen46y-2);border-radius:4px;overflow:hidden;}
130
- .pma25az{position:absolute;top:0;left:0;height:100%;width:var(--pma25az-0);background:linear-gradient(
131
- 90deg,
132
- var(--pma25az-1)
133
- 0%,
134
- var(--pma25az-2)
135
- 20%,
136
- var(--pma25az-3)
137
- 50%,
138
- var(--pma25az-2)
139
- 80%,
140
- var(--pma25az-1)
141
- 100%
142
- );-webkit-background-size:200% 100%;background-size:200% 100%;-webkit-animation:var(--pma25az-4);animation:var(--pma25az-4);-webkit-transition:width 0.075s ease-in-out;transition:width 0.075s ease-in-out;}@-webkit-keyframes shimmer-pma25az{0%{-webkit-background-position:150% 0;background-position:150% 0;}100%{-webkit-background-position:-250% 0;background-position:-250% 0;}}@keyframes shimmer-pma25az{0%{-webkit-background-position:150% 0;background-position:150% 0;}100%{-webkit-background-position:-250% 0;background-position:-250% 0;}}@-webkit-keyframes pulse-pma25az{0%,100%{opacity:0.9;}50%{opacity:0.6;}}@keyframes pulse-pma25az{0%,100%{opacity:0.9;}50%{opacity:0.6;}}
143
131
  .sepkv8n{position:fixed;inset:0;opacity:var(--sepkv8n-0);visibility:var(--sepkv8n-1);pointer-events:none;}
144
132
  .m1l9qfn{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;inset:0;pointer-events:none;}
145
133
  .m1jgo9vf{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;pointer-events:auto;}
@@ -156,7 +144,7 @@
156
144
  .c1kvxq2r{position:absolute;inset:0;z-index:10;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;background-color:var(--c1kvxq2r-0);border:1.5px solid var(--c1kvxq2r-1);border-radius:4px;}
157
145
  .cz6gl36{width:100%;height:12px;border-radius:4px;background-color:var(--cz6gl36-0);-webkit-animation:spreadsheetSkeletonPulse-cz6gl36 1.4s ease-in-out infinite;animation:spreadsheetSkeletonPulse-cz6gl36 1.4s ease-in-out infinite;}@-webkit-keyframes spreadsheetSkeletonPulse-cz6gl36{0%,100%{opacity:1;}50%{opacity:0.4;}}@keyframes spreadsheetSkeletonPulse-cz6gl36{0%,100%{opacity:1;}50%{opacity:0.4;}}@media (prefers-reduced-motion: reduce){.cz6gl36{-webkit-animation:none;animation:none;}}
158
146
  .tldpbjd{width:var(--tldpbjd-0);height:var(--tldpbjd-1);position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;border-radius:5px;overflow:hidden;}
159
- .t1ltwowk{-webkit-flex:1;-ms-flex:1;flex:1;overflow:auto;position:relative;min-height:0;overflow-anchor:none;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:var(--t1ltwowk-0);}
147
+ .t1ltwowk{-webkit-flex:1;-ms-flex:1;flex:1;overflow:auto;position:relative;min-height:0;overflow-anchor:none;overscroll-behavior:none;-webkit-overflow-scrolling:touch;padding-bottom:var(--t1ltwowk-0);}
160
148
  .sfoers7{width:100%;min-width:var(--sfoers7-0);border-collapse:separate;border-spacing:0;table-layout:fixed;}
161
149
  .tmoy46{display:table-header-group;position:-webkit-sticky;position:sticky;top:0px;z-index:20;}
162
150
  .tyata5l{display:block;position:relative;height:var(--tyata5l-0);}
@@ -202,5 +190,5 @@
202
190
  .sfziwh{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;}
203
191
  .sgmrm4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:8px;padding:var(--sgmrm4-0);min-width:360px;max-width:420px;background-color:var(--sgmrm4-1);border:0.5px solid var(--sgmrm4-2);border-radius:5px;}
204
192
  .stlie57{position:fixed;z-index:11000;top:var(--stlie57-0);right:var(--stlie57-1);bottom:var(--stlie57-2);left:var(--stlie57-3);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;gap:8px;pointer-events:none;}.stlie57 >*{pointer-events:auto;}
205
- .sx1o0cd{background:var(--sx1o0cd-0);border:0.5px solid var(--sx1o0cd-1);border-radius:5px;padding:var(--sx1o0cd-2);box-shadow:0 1px 10px 0 var(--sx1o0cd-3),0 1px 1px 0 var(--sx1o0cd-4);width:var(--sx1o0cd-5);height:var(--sx1o0cd-6);min-width:var(--sx1o0cd-7);max-width:var(--sx1o0cd-8);min-height:var(--sx1o0cd-9);max-height:var(--sx1o0cd-10);opacity:var(--sx1o0cd-11);cursor:var(--sx1o0cd-12);}.sx1o0cd:hover{border-color:var(--sx1o0cd-13);}
193
+ .sx1o0cd{background:var(--sx1o0cd-0);border:0.5px solid var(--sx1o0cd-1);border-radius:5px;padding:var(--sx1o0cd-2);width:var(--sx1o0cd-3);height:var(--sx1o0cd-4);min-width:var(--sx1o0cd-5);max-width:var(--sx1o0cd-6);min-height:var(--sx1o0cd-7);max-height:var(--sx1o0cd-8);opacity:var(--sx1o0cd-9);cursor:var(--sx1o0cd-10);}.sx1o0cd:hover{border-color:var(--sx1o0cd-11);}
206
194
  /*$vite$:1*/
package/dist/widget/Widget.js CHANGED
@@ -25,36 +25,34 @@ var _exp2 = () => ({ theme, $noBorder, $isSelected, $variant }) => {
25
25
  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("SUCCESS", () => theme.color.border.success).with("WARNING", () => theme.color.border.warning).with("ERROR", () => theme.color.border.error).with("DISABLED", () => theme.color.border.primary).exhaustive();
26
26
  };
27
27
  var _exp3 = () => ({ $padding, $noPadding }) => $padding ?? ($noPadding ? "0" : "12px");
28
- var _exp4 = () => ({ theme }) => theme.color.opacity.bw16;
29
- var _exp5 = () => ({ theme }) => theme.color.opacity.bw12;
30
- var _exp6 = () => ({ $fillWidth }) => $fillWidth ? "100%" : "auto";
31
- var _exp7 = () => ({ $fillHeight }) => $fillHeight ? "100%" : "auto";
32
- var _exp8 = () => ({ $minWidth }) => {
28
+ var _exp4 = () => ({ $fillWidth }) => $fillWidth ? "100%" : "auto";
29
+ var _exp5 = () => ({ $fillHeight }) => $fillHeight ? "100%" : "auto";
30
+ var _exp6 = () => ({ $minWidth }) => {
33
31
  if ($minWidth === void 0) return "auto";
34
32
  return getCssSizeValue($minWidth);
35
33
  };
36
- var _exp9 = () => ({ $maxWidth }) => {
34
+ var _exp7 = () => ({ $maxWidth }) => {
37
35
  if ($maxWidth === void 0) return "auto";
38
36
  return getCssSizeValue($maxWidth);
39
37
  };
40
- var _exp0 = () => ({ $minHeight }) => {
38
+ var _exp8 = () => ({ $minHeight }) => {
41
39
  if ($minHeight === void 0) return "auto";
42
40
  return getCssSizeValue($minHeight);
43
41
  };
44
- var _exp1 = () => ({ $maxHeight }) => {
42
+ var _exp9 = () => ({ $maxHeight }) => {
45
43
  if ($maxHeight === void 0) return "auto";
46
44
  return getCssSizeValue($maxHeight);
47
45
  };
48
- var _exp10 = () => ({ $variant }) => {
46
+ var _exp0 = () => ({ $variant }) => {
49
47
  if ($variant === "DISABLED") return .5;
50
48
  return 1;
51
49
  };
52
- var _exp11 = () => ({ $isClickable, $variant }) => {
50
+ var _exp1 = () => ({ $isClickable, $variant }) => {
53
51
  if ($variant === "ERROR") return "not-allowed";
54
52
  if ($isClickable) return "pointer";
55
53
  return "inherit";
56
54
  };
57
- var _exp12 = () => ({ theme, $noHover, $isSelected, $isClickable, $variant }) => {
55
+ var _exp10 = () => ({ theme, $noHover, $isSelected, $isClickable, $variant }) => {
58
56
  if (!$isClickable) return match($variant).with("SUCCESS", () => theme.color.border.success).with("WARNING", () => theme.color.border.warning).with("ERROR", () => theme.color.border.error).with("DISABLED", () => theme.color.border.disabled).otherwise(() => theme.color.border.primary);
59
57
  return match($variant).with("SUCCESS", () => theme.color.border.success).with("WARNING", () => theme.color.border.warning).with("ERROR", () => theme.color.border.error).with("DISABLED", () => theme.color.border.disabled).otherwise(() => {
60
58
  if ($isSelected) return theme.color.border.selected;
@@ -78,9 +76,7 @@ var StyledWidget = withTheme(/*#__PURE__*/ styled("div")({
78
76
  "sx1o0cd-8": [_exp9()],
79
77
  "sx1o0cd-9": [_exp0()],
80
78
  "sx1o0cd-10": [_exp1()],
81
- "sx1o0cd-11": [_exp10()],
82
- "sx1o0cd-12": [_exp11()],
83
- "sx1o0cd-13": [_exp12()]
79
+ "sx1o0cd-11": [_exp10()]
84
80
  }
85
81
  }));
86
82
  var Widget = ({ children, minHeight, maxHeight, minWidth, maxWidth, fillWidth, fillHeight, padding, noPadding, noHover, noBorder, isSelected, variant = "PRIMARY", onClick }) => {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@galaxy-io/dls",
3
- "version": "1.3.2",
3
+ "version": "1.3.4",
4
4
  "description": "Galaxy Design Language System",
5
5
  "license": "UNLICENSED",
6
6
  "type": "module",
@@ -99,10 +99,6 @@
99
99
  "types": "./dist/lists/*.d.ts",
100
100
  "import": "./dist/lists/*.js"
101
101
  },
102
- "./metrics/*": {
103
- "types": "./dist/metrics/*.d.ts",
104
- "import": "./dist/metrics/*.js"
105
- },
106
102
  "./modal/*": {
107
103
  "types": "./dist/modal/*.d.ts",
108
104
  "import": "./dist/modal/*.js"
package/dist/metrics/MetricItem.d.ts DELETED
@@ -1,15 +0,0 @@
1
- import type { ReactNode } from "react";
2
- export declare enum MetricItemVariant {
3
- BASE = "BASE",
4
- PRIMARY = "PRIMARY",
5
- SECONDARY = "SECONDARY",
6
- TERTIARY = "TERTIARY"
7
- }
8
- interface MetricItemProps {
9
- label: string;
10
- value: ReactNode;
11
- variant?: MetricItemVariant;
12
- noBorder?: boolean;
13
- }
14
- declare const MetricItem: ({ label, value, variant, noBorder, }: MetricItemProps) => import("react").JSX.Element;
15
- export default MetricItem;