@galaxy-io/dls 1.4.5 → 1.4.6

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/beacons/Beacon.js +2 -2
  2. package/dist/styles.css +1 -1
  3. package/dist/theme/variants/dark.js +2 -2
  4. package/dist/theme/variants/light.js +2 -2
  5. package/package.json +1 -1
package/dist/beacons/Beacon.js CHANGED
@@ -37,7 +37,7 @@ var BeaconWrapper = /*#__PURE__*/ styled("div")({
37
37
  });
38
38
  var _exp3 = () => ({ $speed }) => $speed ?? 2;
39
39
  var _exp4 = () => ({ $variant, theme }) => {
40
- return match($variant).returnType().with("BASE", () => theme.color.icon.primary).with("PRIMARY", () => theme.color.icon.primary).with("SECONDARY", () => theme.color.icon.secondary).with("TERTIARY", () => theme.color.background.tertiaryAlt).with("SUCCESS", () => theme.color.border.success).with("ERROR", () => theme.color.border.error).with("WARNING", () => theme.color.border.warning).with("LIME", () => theme.color.background.limeAlt).with("YELLOW", () => theme.color.background.yellowAlt).with("BLUE", () => theme.color.icon.blue).with("ORANGE", () => theme.color.background.orangeAlt).with("PINK", () => theme.color.background.pinkAlt).with("PURPLE", () => theme.color.background.purpleAlt).with("TEAL", () => theme.color.background.tealAlt).with("DISABLED", () => theme.color.background.disabled).exhaustive();
40
+ return match($variant).returnType().with("BASE", () => theme.color.icon.primary).with("PRIMARY", () => theme.color.icon.primary).with("SECONDARY", () => theme.color.icon.secondary).with("TERTIARY", () => theme.color.background.tertiaryAlt).with("SUCCESS", () => theme.color.border.success).with("ERROR", () => theme.color.border.error).with("WARNING", () => theme.color.border.warning).with("LIME", () => theme.color.border.lime).with("YELLOW", () => theme.color.border.yellow).with("BLUE", () => theme.color.border.blue).with("ORANGE", () => theme.color.border.orange).with("PINK", () => theme.color.border.pink).with("PURPLE", () => theme.color.border.purple).with("TEAL", () => theme.color.border.teal).with("DISABLED", () => theme.color.border.disabled).exhaustive();
41
41
  };
42
42
  var BeaconPulse = withTheme(/*#__PURE__*/ styled("span")({
43
43
  name: "BeaconPulse",
@@ -49,7 +49,7 @@ var BeaconPulse = withTheme(/*#__PURE__*/ styled("span")({
49
49
  }
50
50
  }));
51
51
  var _exp5 = () => ({ $variant, theme }) => {
52
- return match($variant).returnType().with("BASE", () => theme.color.background.baseAlt).with("PRIMARY", () => theme.color.background.primaryAlt).with("SECONDARY", () => theme.color.background.secondaryAlt).with("TERTIARY", () => theme.color.background.tertiaryAlt).with("SUCCESS", () => theme.color.icon.success).with("ERROR", () => theme.color.icon.error).with("WARNING", () => theme.color.icon.warning).with("LIME", () => theme.color.background.limeAlt).with("YELLOW", () => theme.color.background.yellowAlt).with("BLUE", () => theme.color.icon.blue).with("ORANGE", () => theme.color.background.orangeAlt).with("PINK", () => theme.color.background.pinkAlt).with("PURPLE", () => theme.color.background.purpleAlt).with("TEAL", () => theme.color.background.tealAlt).with("DISABLED", () => theme.color.border.disabled).exhaustive();
52
+ return match($variant).returnType().with("BASE", () => theme.color.background.baseAlt).with("PRIMARY", () => theme.color.background.primaryAlt).with("SECONDARY", () => theme.color.background.secondaryAlt).with("TERTIARY", () => theme.color.background.tertiaryAlt).with("SUCCESS", () => theme.color.icon.success).with("ERROR", () => theme.color.icon.error).with("WARNING", () => theme.color.icon.warning).with("LIME", () => theme.color.icon.lime).with("YELLOW", () => theme.color.icon.yellow).with("BLUE", () => theme.color.icon.blue).with("ORANGE", () => theme.color.icon.orange).with("PINK", () => theme.color.icon.pink).with("PURPLE", () => theme.color.icon.purple).with("TEAL", () => theme.color.icon.teal).with("DISABLED", () => theme.color.border.disabled).exhaustive();
53
53
  };
54
54
  var BeaconDot = withTheme(/*#__PURE__*/ styled("span")({
55
55
  name: "BeaconDot",
package/dist/styles.css CHANGED
@@ -19,7 +19,7 @@
19
19
  .bjccs5e{position:relative;width:var(--bjccs5e-0);height:var(--bjccs5e-0);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;}
20
20
  .barhcbn{position:absolute;inset:0;border-radius:50%;-webkit-animation:ping-barhcbn var(--barhcbn-0) cubic-bezier(0, 0, 0.1, 0.1) infinite;animation:ping-barhcbn var(--barhcbn-0) cubic-bezier(0, 0, 0.1, 0.1) infinite;opacity:0.5;background-color:var(--barhcbn-1);}@-webkit-keyframes ping-barhcbn{75%,100%{-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);transform:scale(2);opacity:0;}}@keyframes ping-barhcbn{75%,100%{-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);transform:scale(2);opacity:0;}}
21
21
  .bv9nmr4{z-index:1;width:70%;height:70%;border-radius:50%;background-color:var(--bv9nmr4-0);}
22
- .s99zquh{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;width:var(--s99zquh-0);min-width:var(--s99zquh-1);overflow:var(--s99zquh-2);gap:var(--s99zquh-3);padding:var(--s99zquh-4);height:var(--s99zquh-5);background-color:var(--s99zquh-6);border:var(--s99zquh-7);border-radius:5px;cursor:var(--s99zquh-8);-webkit-transition:background-color 0.075s ease-in-out,border 0.075s ease-in-out;transition:background-color 0.075s ease-in-out,border 0.075s ease-in-out;}.s99zquh:hover:not(:disabled){background-color:var(--s99zquh-9);border-color:var(--s99zquh-10);}.s99zquh:disabled{background-color:var(--s99zquh-11);cursor:not-allowed;opacity:0.5;}
22
+ .s99zquh{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;width:var(--s99zquh-0);min-width:var(--s99zquh-1);overflow:var(--s99zquh-2);gap:var(--s99zquh-3);padding:var(--s99zquh-4);height:var(--s99zquh-5);background-color:var(--s99zquh-6);border:var(--s99zquh-7);border-radius:5px;cursor:var(--s99zquh-8);-webkit-transition:background-color 0.075s ease-in-out,border 0.075s ease-in-out;transition:background-color 0.075s ease-in-out,border 0.075s ease-in-out;}.s99zquh:hover:not(:disabled){background-color:var(--s99zquh-9);border-color:var(--s99zquh-10);}.s99zquh:disabled{background-color:var(--s99zquh-11);cursor:not-allowed;opacity:0.65;}
23
23
  .l9yox33{-webkit-flex:var(--l9yox33-0);-ms-flex:var(--l9yox33-0);flex:var(--l9yox33-0);min-width:var(--l9yox33-1);overflow:hidden;}
24
24
  .c1hcga6s{position:relative;display:var(--c1hcga6s-0);-webkit-flex-direction:var(--c1hcga6s-1);-ms-flex-direction:var(--c1hcga6s-1);flex-direction:var(--c1hcga6s-1);-webkit-align-items:var(--c1hcga6s-2);-webkit-box-align:var(--c1hcga6s-2);-ms-flex-align:var(--c1hcga6s-2);align-items:var(--c1hcga6s-2);-webkit-box-pack:var(--c1hcga6s-3);-ms-flex-pack:var(--c1hcga6s-3);-webkit-justify-content:var(--c1hcga6s-3);justify-content:var(--c1hcga6s-3);width:var(--c1hcga6s-4);min-width:0;height:var(--c1hcga6s-5);min-height:0;}
25
25
  .c1fvbgkp{position:relative;width:var(--c1fvbgkp-0);min-width:0;aspect-ratio:var(--c1fvbgkp-1);height:var(--c1fvbgkp-2);-webkit-flex:var(--c1fvbgkp-3);-ms-flex:var(--c1fvbgkp-3);flex:var(--c1fvbgkp-3);min-height:var(--c1fvbgkp-4);}
package/dist/theme/variants/dark.js CHANGED
@@ -51,7 +51,7 @@ var GALAXY_DARK_COLOR = {
51
51
  tealAlt: "#e6f7f9",
52
52
  purple: "#272442",
53
53
  purpleAlt: "#f2f0ff",
54
- disabled: "#1c1c1d",
54
+ disabled: "#29292a",
55
55
  disabledAlt: "#ffffff",
56
56
  galaxy: "#005EFF",
57
57
  galaxyAlt: "#3075FF"
@@ -64,7 +64,7 @@ var GALAXY_DARK_COLOR = {
64
64
  success: "#3aa175",
65
65
  warning: "#b98a2e",
66
66
  error: "#c94e55",
67
- disabled: "#2d2d2e",
67
+ disabled: "#39393a",
68
68
  pink: "#a8527e",
69
69
  orange: "#b3722e",
70
70
  yellow: "#a09b3f",
package/dist/theme/variants/light.js CHANGED
@@ -51,7 +51,7 @@ var GALAXY_LIGHT_COLOR = {
51
51
  tealAlt: "#2a393c",
52
52
  purple: "#f2f0ff",
53
53
  purpleAlt: "#272442",
54
- disabled: "#ffffff",
54
+ disabled: "#e2e2e4",
55
55
  disabledAlt: "#1c1c1d",
56
56
  galaxy: "#005EFF",
57
57
  galaxyAlt: "#004BD1"
@@ -64,7 +64,7 @@ var GALAXY_LIGHT_COLOR = {
64
64
  success: "#62c796",
65
65
  warning: "#efae3c",
66
66
  error: "#e25469",
67
- disabled: "#e8e8e9",
67
+ disabled: "#d8d8da",
68
68
  pink: "#f57bb0",
69
69
  orange: "#e2a65c",
70
70
  yellow: "#d4cc6a",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@galaxy-io/dls",
3
- "version": "1.4.5",
3
+ "version": "1.4.6",
4
4
  "description": "Galaxy Design Language System",
5
5
  "license": "UNLICENSED",
6
6
  "type": "module",