@galaxy-io/dls 1.2.5 → 1.2.7

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 (5) hide show
  1. package/dist/icons/GalaxyLogomarkAnimation.js +1 -1
  2. package/dist/inputs/Input.d.ts +4 -1
  3. package/dist/inputs/Input.js +14 -15
  4. package/dist/styles.css +1 -1
  5. package/package.json +1 -1
package/dist/icons/GalaxyLogomarkAnimation.js CHANGED
@@ -7,7 +7,7 @@ import { styled } from "@linaria/react";
7
7
  import { match } from "ts-pattern";
8
8
  import { useEffect, useRef } from "react";
9
9
  import { jsx } from "react/jsx-runtime";
10
- import Lottie from "lottie-react";
10
+ import Lottie from "lottie-react/build/index.es.js";
11
11
  //#region src/icons/GalaxyLogomarkAnimation.tsx
12
12
  var _exp2 = () => ({ $height }) => $height;
13
13
  var _exp3 = () => ({ $fill }) => $fill;
package/dist/inputs/Input.d.ts CHANGED
@@ -19,11 +19,12 @@ export declare const StyledInput: import("react").ComponentType<Pick<import("rea
19
19
  $hasLeadingIcon?: boolean;
20
20
  $hasTrailingAction?: boolean;
21
21
  $isMonospace?: boolean;
22
+ $isDisabled?: boolean;
22
23
  } & {
23
24
  theme: import("../theme").Theme;
24
25
  } & {
25
26
  as?: React.ElementType;
26
- }, "$width" | "$fillWidth" | "as" | "$size" | "$isMonospace" | "$isError" | "$hasLeadingIcon" | "$hasTrailingAction" | keyof import("react").ClassAttributes<HTMLInputElement> | keyof import("react").InputHTMLAttributes<HTMLInputElement>> & {
27
+ }, "$width" | "$fillWidth" | "as" | "$size" | "$isMonospace" | "$isError" | "$hasLeadingIcon" | "$hasTrailingAction" | "$isDisabled" | keyof import("react").ClassAttributes<HTMLInputElement> | keyof import("react").InputHTMLAttributes<HTMLInputElement>> & {
27
28
  theme?: import("@callstack/react-theme-provider").$DeepPartial<import("../theme").Theme> | undefined;
28
29
  }> & import("@callstack/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<import("react").ComponentType<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & {
29
30
  $size: InputSize;
@@ -33,6 +34,7 @@ export declare const StyledInput: import("react").ComponentType<Pick<import("rea
33
34
  $hasLeadingIcon?: boolean;
34
35
  $hasTrailingAction?: boolean;
35
36
  $isMonospace?: boolean;
37
+ $isDisabled?: boolean;
36
38
  } & {
37
39
  theme: import("../theme").Theme;
38
40
  } & {
@@ -47,6 +49,7 @@ export declare const StyledInput: import("react").ComponentType<Pick<import("rea
47
49
  $hasLeadingIcon?: boolean;
48
50
  $hasTrailingAction?: boolean;
49
51
  $isMonospace?: boolean;
52
+ $isDisabled?: boolean;
50
53
  } & {
51
54
  theme: import("../theme").Theme;
52
55
  } & {
package/dist/inputs/Input.js CHANGED
@@ -64,11 +64,10 @@ var _exp0 = () => ({ $size, $hasLeadingIcon, $hasTrailingAction }) => {
64
64
  const leftPadding = match($size).with("SMALL", () => $hasLeadingIcon ? "24px" : "6px").with("MEDIUM", () => $hasLeadingIcon ? "28px" : "8px").with("LARGE", () => $hasLeadingIcon ? "32px" : "12px").exhaustive();
65
65
  return `0 ${match($size).with("SMALL", () => $hasTrailingAction ? "28px" : "6px").with("MEDIUM", () => $hasTrailingAction ? "32px" : "8px").with("LARGE", () => $hasTrailingAction ? "38px" : "12px").exhaustive()} 0 ${leftPadding}`;
66
66
  };
67
- var _exp1 = () => ({ theme }) => theme.color.border.primary;
68
- var _exp10 = () => ({ theme }) => theme.color.border.selected;
69
- var _exp11 = () => ({ theme }) => theme.color.text.tertiary;
70
- var _exp12 = () => ({ theme }) => theme.color.background.disabled;
71
- var _exp13 = () => ({ theme }) => theme.color.border.disabled;
67
+ var _exp1 = () => ({ $isDisabled }) => $isDisabled ? .5 : 1;
68
+ var _exp10 = () => ({ theme }) => theme.color.border.primary;
69
+ var _exp11 = () => ({ theme }) => theme.color.border.selected;
70
+ var _exp12 = () => ({ theme }) => theme.color.text.tertiary;
72
71
  var StyledInput = withTheme(/*#__PURE__*/ styled("input")({
73
72
  name: "StyledInput",
74
73
  class: "s1bxp24n",
@@ -87,37 +86,36 @@ var StyledInput = withTheme(/*#__PURE__*/ styled("input")({
87
86
  "s1bxp24n-10": [_exp1()],
88
87
  "s1bxp24n-11": [_exp10()],
89
88
  "s1bxp24n-12": [_exp11()],
90
- "s1bxp24n-13": [_exp12()],
91
- "s1bxp24n-14": [_exp13()]
89
+ "s1bxp24n-13": [_exp12()]
92
90
  }
93
91
  }));
94
- var _exp14 = () => ({ $fillWidth, $width }) => $fillWidth ? "100%" : $width ? getCssSizeValue($width) : "auto";
92
+ var _exp13 = () => ({ $fillWidth, $width }) => $fillWidth ? "100%" : $width ? getCssSizeValue($width) : "auto";
95
93
  var InputContainer = /*#__PURE__*/ styled("div")({
96
94
  name: "InputContainer",
97
95
  class: "ixmrsxd",
98
96
  propsAsIs: false,
99
- vars: { "ixmrsxd-0": [_exp14()] }
97
+ vars: { "ixmrsxd-0": [_exp13()] }
100
98
  });
101
- var _exp15 = () => ({ $size }) => {
99
+ var _exp14 = () => ({ $size }) => {
102
100
  return match($size).with("SMALL", () => "6px").with("MEDIUM", () => "8px").with("LARGE", () => "12px").exhaustive();
103
101
  };
104
102
  var LeadingIconWrapper = withTheme(/*#__PURE__*/ styled("div")({
105
103
  name: "LeadingIconWrapper",
106
104
  class: "l8jap54",
107
105
  propsAsIs: false,
108
- vars: { "l8jap54-0": [_exp15()] }
106
+ vars: { "l8jap54-0": [_exp14()] }
109
107
  }));
110
- var _exp16 = () => ({ $size }) => {
108
+ var _exp15 = () => ({ $size }) => {
111
109
  return match($size).with("SMALL", () => "6px").with("MEDIUM", () => "8px").with("LARGE", () => "12px").exhaustive();
112
110
  };
113
- var _exp17 = () => ({ $isDisabled }) => $isDisabled ? "not-allowed" : "pointer";
111
+ var _exp16 = () => ({ $isDisabled }) => $isDisabled ? "not-allowed" : "pointer";
114
112
  var TrailingActionButton = /*#__PURE__*/ styled("button")({
115
113
  name: "TrailingActionButton",
116
114
  class: "t16cwjje",
117
115
  propsAsIs: false,
118
116
  vars: {
119
- "t16cwjje-0": [_exp16()],
120
- "t16cwjje-1": [_exp17()]
117
+ "t16cwjje-0": [_exp15()],
118
+ "t16cwjje-1": [_exp16()]
121
119
  }
122
120
  });
123
121
  var INPUT_SIZE_TO_ICON_SIZE_MAP = {
@@ -166,6 +164,7 @@ var Input = forwardRef(({ parse, onChange, size = "MEDIUM", type, value, label,
166
164
  placeholder,
167
165
  value: value?.toString() ?? "",
168
166
  required: isRequired,
167
+ $isDisabled: isDisabled,
169
168
  disabled: isDisabled,
170
169
  onChange: handleChange,
171
170
  autoComplete: "off",
package/dist/styles.css CHANGED
@@ -64,7 +64,7 @@
64
64
  .c1581w8r{cursor:pointer;}
65
65
  .c2h225c{width:16px;height:16px;border-radius:3px;background-color:var(--c2h225c-0);border:1px solid rgba(0, 0, 0, 0.15);}
66
66
  .cnw6647{width:24px;height:24px;border-radius:3px;border:1px solid var(--cnw6647-0);background-color:var(--cnw6647-1);cursor:pointer;padding:0;}.cnw6647:hover{border-color:#ffffff;}.cnw6647:focus{outline:none;}
67
- .s1bxp24n{outline:none;height:var(--s1bxp24n-0);width:var(--s1bxp24n-1);background-color:var(--s1bxp24n-2);border:0.5px solid var(--s1bxp24n-3);border-radius:5px;color:var(--s1bxp24n-4);font-size:var(--s1bxp24n-5);line-height:var(--s1bxp24n-6);font-weight:var(--s1bxp24n-7);font-family:var(--s1bxp24n-8);padding:var(--s1bxp24n-9);-webkit-transition:border-color 0.075s ease-in-out;transition:border-color 0.075s ease-in-out;}.s1bxp24n:hover:not(:disabled, :focus){border-color:var(--s1bxp24n-10);}.s1bxp24n:focus{border-color:var(--s1bxp24n-11);}.s1bxp24n:disabled{background-color:var(--s1bxp24n-13);border-color:var(--s1bxp24n-14);cursor:not-allowed;}.s1bxp24n::-webkit-input-placeholder{color:var(--s1bxp24n-12);}.s1bxp24n::-moz-placeholder{color:var(--s1bxp24n-12);}.s1bxp24n:-ms-input-placeholder{color:var(--s1bxp24n-12);}.s1bxp24n::placeholder{color:var(--s1bxp24n-12);}
67
+ .s1bxp24n{outline:none;height:var(--s1bxp24n-0);width:var(--s1bxp24n-1);background-color:var(--s1bxp24n-2);border:0.5px solid var(--s1bxp24n-3);border-radius:5px;color:var(--s1bxp24n-4);font-size:var(--s1bxp24n-5);line-height:var(--s1bxp24n-6);font-weight:var(--s1bxp24n-7);font-family:var(--s1bxp24n-8);padding:var(--s1bxp24n-9);-webkit-transition:border-color 0.075s ease-in-out;transition:border-color 0.075s ease-in-out;opacity:var(--s1bxp24n-10);}.s1bxp24n:hover:not(:disabled, :focus){border-color:var(--s1bxp24n-11);}.s1bxp24n:focus{border-color:var(--s1bxp24n-12);}.s1bxp24n:disabled{cursor:not-allowed;}.s1bxp24n::-webkit-input-placeholder{color:var(--s1bxp24n-13);}.s1bxp24n::-moz-placeholder{color:var(--s1bxp24n-13);}.s1bxp24n:-ms-input-placeholder{color:var(--s1bxp24n-13);}.s1bxp24n::placeholder{color:var(--s1bxp24n-13);}
68
68
  .ixmrsxd{position:relative;width:var(--ixmrsxd-0);}
69
69
  .l8jap54{position:absolute;left:var(--l8jap54-0);top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);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:none;}
70
70
  .t16cwjje{position:absolute;right:var(--t16cwjje-0);top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);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;cursor:var(--t16cwjje-1);}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@galaxy-io/dls",
3
- "version": "1.2.5",
3
+ "version": "1.2.7",
4
4
  "description": "Galaxy Design Language System",
5
5
  "license": "UNLICENSED",
6
6
  "type": "module",