@galaxy-io/dls 1.4.8 → 1.4.10

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.
@@ -1,4 +1,4 @@
1
1
  import { type InputProps } from "./Input";
2
2
  type NumberInputProps = Omit<InputProps<number>, "type" | "parse">;
3
- declare const NumberInput: ({ value, placeholder, label, leading, trailing, isRequired, isDisabled, min, max, step, onChange, width, fillWidth, }: NumberInputProps) => import("react").JSX.Element;
3
+ declare const NumberInput: ({ value, placeholder, label, size, leading, trailing, isRequired, isDisabled, min, max, step, onChange, width, fillWidth, }: NumberInputProps) => import("react").JSX.Element;
4
4
  export default NumberInput;
@@ -2,12 +2,13 @@ import Input from "./Input.js";
2
2
  import { useCallback } from "react";
3
3
  import { jsx } from "react/jsx-runtime";
4
4
  //#region src/inputs/NumberInput.tsx
5
- var NumberInput = ({ value, placeholder, label, leading, trailing, isRequired, isDisabled, min, max, step, onChange, width, fillWidth }) => {
5
+ var NumberInput = ({ value, placeholder, label, size, leading, trailing, isRequired, isDisabled, min, max, step, onChange, width, fillWidth }) => {
6
6
  return /* @__PURE__ */ jsx(Input, {
7
7
  type: "number",
8
8
  value,
9
9
  placeholder,
10
10
  label,
11
+ size,
11
12
  leading,
12
13
  trailing,
13
14
  isRequired,
@@ -37,13 +37,13 @@ var GALAXY_DARK_COLOR = {
37
37
  warningAlt: "#c4882a",
38
38
  error: "#3d1f24",
39
39
  errorAlt: "#d63d4e",
40
- pink: "#361c23",
40
+ pink: "#3a1f2e",
41
41
  pinkAlt: "#f8e6f7",
42
42
  orange: "#3d2a12",
43
43
  orangeAlt: "#ffe6d2",
44
- yellow: "#404022",
44
+ yellow: "#443c1e",
45
45
  yellowAlt: "#faf8d2",
46
- lime: "#263017",
46
+ lime: "#2b3619",
47
47
  limeAlt: "#e4f8c5",
48
48
  blue: "#232f3b",
49
49
  blueAlt: "#e6f2ff",
@@ -65,13 +65,13 @@ var GALAXY_DARK_COLOR = {
65
65
  warning: "#b98a2e",
66
66
  error: "#c94e55",
67
67
  disabled: "#39393a",
68
- pink: "#a8527e",
69
- orange: "#b3722e",
70
- yellow: "#a09b3f",
71
- lime: "#d5f2a7",
68
+ pink: "#ea8ad2",
69
+ orange: "#f5a55c",
70
+ yellow: "#edd043",
71
+ lime: "#bfe06a",
72
72
  blue: "#4c9eff",
73
- teal: "#3a8a8f",
74
- purple: "#b7b1f1",
73
+ teal: "#5fd0c3",
74
+ purple: "#a79af2",
75
75
  galaxy: "#005EFF",
76
76
  galaxyAlt: "#3075FF"
77
77
  },
@@ -12,12 +12,12 @@ var GALAXY_LIGHT_COLOR = {
12
12
  error: "#e53f5a",
13
13
  pink: "#ff4595",
14
14
  orange: "#e99243",
15
- yellow: "#cbc24d",
16
- lime: "#9cca55",
15
+ yellow: "#bcb232",
16
+ lime: "#8cba3d",
17
17
  green: "#4cb782",
18
18
  blue: "#4885ff",
19
19
  teal: "#20b2a5",
20
- purple: "#b080f3",
20
+ purple: "#9c66ea",
21
21
  disabled: "#b8b8b8",
22
22
  galaxy: "#005EFF",
23
23
  galaxyAlt: "#004BD1"
@@ -41,11 +41,11 @@ var GALAXY_LIGHT_COLOR = {
41
41
  pinkAlt: "#361c23",
42
42
  orange: "#fdefdc",
43
43
  orangeAlt: "#3d2a12",
44
- yellow: "#faf8d2",
44
+ yellow: "#fbf5cd",
45
45
  yellowAlt: "#404022",
46
- lime: "#e4f8c5",
46
+ lime: "#e9f3d3",
47
47
  limeAlt: "#263017",
48
- blue: "#e6f2ff",
48
+ blue: "#ebf3fc",
49
49
  blueAlt: "#232f3b",
50
50
  teal: "#e6f7f9",
51
51
  tealAlt: "#2a393c",
@@ -62,16 +62,16 @@ var GALAXY_LIGHT_COLOR = {
62
62
  tertiary: "#e2e2e4",
63
63
  selected: "#d8d8da",
64
64
  success: "#62c796",
65
- warning: "#efae3c",
65
+ warning: "#e8a01f",
66
66
  error: "#e25469",
67
67
  disabled: "#d8d8da",
68
68
  pink: "#f57bb0",
69
- orange: "#e2a65c",
70
- yellow: "#d4cc6a",
71
- lime: "#9cca55",
69
+ orange: "#f5a04d",
70
+ yellow: "#d4bf28",
71
+ lime: "#94c635",
72
72
  blue: "#4c9eff",
73
- teal: "#4cc2b7",
74
- purple: "#b080f3",
73
+ teal: "#3fc9ba",
74
+ purple: "#a678ee",
75
75
  galaxy: "#005EFF",
76
76
  galaxyAlt: "#004BD1"
77
77
  },
@@ -63,7 +63,7 @@ var _exp1 = () => ({ $isClickable, $variant }) => {
63
63
  return "inherit";
64
64
  };
65
65
  var _exp10 = () => ({ theme, $noHover, $isSelected, $isClickable, $variant }) => {
66
- 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);
66
+ if (!$isClickable) return match($variant).with("BASE", () => theme.color.border.primary).with("PRIMARY", () => theme.color.border.primary).with("PRIMARY_ALT", () => theme.color.border.selected).with("SECONDARY", () => theme.color.border.primary).with("SECONDARY_ALT", () => theme.color.border.selected).with("TERTIARY", () => theme.color.border.primary).with("TERTIARY_ALT", () => theme.color.border.selected).with("SUCCESS", () => theme.color.border.success).with("WARNING", () => theme.color.border.warning).with("ERROR", () => theme.color.border.error).with("DISABLED", () => theme.color.border.disabled).with("BLUE", () => theme.color.border.blue).with("LIME", () => theme.color.border.lime).with("TEAL", () => theme.color.border.teal).with("YELLOW", () => theme.color.border.yellow).with("ORANGE", () => theme.color.border.orange).with("PURPLE", () => theme.color.border.purple).with("PINK", () => theme.color.border.pink).exhaustive();
67
67
  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(() => {
68
68
  if ($isSelected) return theme.color.border.selected;
69
69
  if ($noHover) return theme.color.border.primary;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@galaxy-io/dls",
3
- "version": "1.4.8",
3
+ "version": "1.4.10",
4
4
  "description": "Galaxy Design Language System",
5
5
  "license": "UNLICENSED",
6
6
  "type": "module",