@mailstep/design-system 0.8.38 → 0.8.39

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 (6) hide show
  1. package/package.json +1 -1
  2. package/ui/Blocks/CommonGrid/components/gridCells/IconButtonInCell.js +2 -2
  3. package/ui/Forms/TextArea/styles.js +1 -3
  4. package/ui/ThemeProvider/themes/dark.d.ts +4 -4
  5. package/ui/ThemeProvider/themes/dark.js +4 -0
  6. package/ui/ThemeProvider/themes/index.d.ts +4 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mailstep/design-system",
3
- "version": "0.8.38",
3
+ "version": "0.8.39",
4
4
  "license": "ISC",
5
5
  "type": "module",
6
6
  "main": "./ui/index.js",
package/ui/Blocks/CommonGrid/components/gridCells/IconButtonInCell.js CHANGED
@@ -12,7 +12,7 @@ const IconButtonInCell = ({ icon, isLoading, onClick, linkTo }) => {
12
12
  children: /* @__PURE__ */ jsx(Icon, {
13
13
  icon: icon || "warning",
14
14
  size: "16px",
15
- fill: "blue2"
15
+ fill: "iconStroke"
16
16
  })
17
17
  }) : /* @__PURE__ */ jsx(x.span, {
18
18
  onClick,
@@ -26,7 +26,7 @@ const IconButtonInCell = ({ icon, isLoading, onClick, linkTo }) => {
26
26
  children: /* @__PURE__ */ jsx(Icon, {
27
27
  icon: icon || "warning",
28
28
  size: "16px",
29
- fill: "blue2"
29
+ fill: "iconStroke"
30
30
  })
31
31
  }) });
32
32
  };
package/ui/Forms/TextArea/styles.js CHANGED
@@ -24,7 +24,6 @@ const StyledTextArea = styled$1.textarea`
24
24
  background-color: transparent;
25
25
  :focus {
26
26
  outline: 0;
27
- color: blue2;
28
27
  }
29
28
  ${({ $resize }) => $resize ? css`
30
29
  resize: ${$resize};
@@ -50,14 +49,13 @@ const BorderWrap = styled$1.div`
50
49
  border: slim;
51
50
  border-color: ${({ $isInvalid }) => $isInvalid ? th$1.color("red1") : th$1.color("lightGray6")};
52
51
  color: ${({ $isInvalid }) => $isInvalid ? th$1.color("red1") : th$1.color("gray")};
53
- background-color: ${({ disabled }) => disabled ? th$1("colors.lightGray1") : "unset"};
52
+ background-color: ${({ disabled }) => disabled ? th$1("colors.lightGray1") : th$1("colors.white")};
54
53
  background-clip: padding-box;
55
54
  border-radius: lg;
56
55
 
57
56
  :focus-within {
58
57
  background-color: white;
59
58
  border-color: blue2;
60
- color: blue2;
61
59
  }
62
60
 
63
61
  :hover {
package/ui/ThemeProvider/themes/dark.d.ts CHANGED
@@ -11,12 +11,16 @@ declare const darkTheme: {
11
11
  neutral20: string;
12
12
  neutral30: string;
13
13
  neutral300: string;
14
+ red10: string;
14
15
  red30: string;
16
+ green10: string;
17
+ dangerColor: string;
15
18
  lightGray1: string;
16
19
  lightGray2: string;
17
20
  lightGray3: string;
18
21
  lightGray4: string;
19
22
  lightGray6: string;
23
+ yellow10: string;
20
24
  blue1: string;
21
25
  blue3: string;
22
26
  blue10: string;
@@ -52,7 +56,6 @@ declare const darkTheme: {
52
56
  teal70: string;
53
57
  teal80: string;
54
58
  teal90: string;
55
- green10: string;
56
59
  green20: string;
57
60
  green30: string;
58
61
  green50: string;
@@ -68,7 +71,6 @@ declare const darkTheme: {
68
71
  orange50: string;
69
72
  orange60: string;
70
73
  orange80: string;
71
- yellow10: string;
72
74
  yellow20: string;
73
75
  yellow60: string;
74
76
  yellow70: string;
@@ -76,7 +78,6 @@ declare const darkTheme: {
76
78
  yellow90: string;
77
79
  yellow1: string;
78
80
  yellow2: string;
79
- red10: string;
80
81
  red20: string;
81
82
  red50: string;
82
83
  red70: string;
@@ -85,7 +86,6 @@ declare const darkTheme: {
85
86
  red3: string;
86
87
  red60: string;
87
88
  red80: string;
88
- dangerColor: string;
89
89
  purple20: string;
90
90
  purple40: string;
91
91
  purple50: string;
package/ui/ThemeProvider/themes/dark.js CHANGED
@@ -15,12 +15,16 @@ const darkTheme = {
15
15
  neutral20: "#2e475d",
16
16
  neutral30: "#42505d",
17
17
  neutral300: "#d6d9df",
18
+ red10: "#CF2013",
18
19
  red30: "#8594A5",
20
+ green10: "#198038",
21
+ dangerColor: "#FFDAD1",
19
22
  lightGray1: "#162C3F",
20
23
  lightGray2: "#1a2b38",
21
24
  lightGray3: "#7e8489",
22
25
  lightGray4: "#7A90A1",
23
26
  lightGray6: "#7A90A1",
27
+ yellow10: "#857000",
24
28
  blue1: "#ffffff",
25
29
  blue3: "#05111b",
26
30
  blue10: "#2e475d",
package/ui/ThemeProvider/themes/index.d.ts CHANGED
@@ -408,12 +408,16 @@ declare const themes: {
408
408
  neutral20: string;
409
409
  neutral30: string;
410
410
  neutral300: string;
411
+ red10: string;
411
412
  red30: string;
413
+ green10: string;
414
+ dangerColor: string;
412
415
  lightGray1: string;
413
416
  lightGray2: string;
414
417
  lightGray3: string;
415
418
  lightGray4: string;
416
419
  lightGray6: string;
420
+ yellow10: string;
417
421
  blue1: string;
418
422
  blue3: string;
419
423
  blue10: string;
@@ -449,7 +453,6 @@ declare const themes: {
449
453
  teal70: string;
450
454
  teal80: string;
451
455
  teal90: string;
452
- green10: string;
453
456
  green20: string;
454
457
  green30: string;
455
458
  green50: string;
@@ -465,7 +468,6 @@ declare const themes: {
465
468
  orange50: string;
466
469
  orange60: string;
467
470
  orange80: string;
468
- yellow10: string;
469
471
  yellow20: string;
470
472
  yellow60: string;
471
473
  yellow70: string;
@@ -473,7 +475,6 @@ declare const themes: {
473
475
  yellow90: string;
474
476
  yellow1: string;
475
477
  yellow2: string;
476
- red10: string;
477
478
  red20: string;
478
479
  red50: string;
479
480
  red70: string;
@@ -482,7 +483,6 @@ declare const themes: {
482
483
  red3: string;
483
484
  red60: string;
484
485
  red80: string;
485
- dangerColor: string;
486
486
  purple20: string;
487
487
  purple40: string;
488
488
  purple50: string;