@occmundial/occ-atomic 3.0.0-beta.25 → 3.0.0-beta.27

Sign up to get free protection for your applications and to get access to all the features.
package/CHANGELOG.md CHANGED
@@ -1,3 +1,22 @@
1
+ # [3.0.0-beta.27](https://github.com/occmundial/occ-atomic/compare/v3.0.0-beta.26...v3.0.0-beta.27) (2024-07-08)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * CHanged outlines with shadows ([bba0c01](https://github.com/occmundial/occ-atomic/commit/bba0c01a54a13b1b405c2405eb1ab764cc1ab367))
7
+
8
+
9
+ ### Features
10
+
11
+ * Changed tag border to outline ([89ccbaf](https://github.com/occmundial/occ-atomic/commit/89ccbaf7f1d0c183940cfb3ef2fb8f270928aedf))
12
+
13
+ # [3.0.0-beta.26](https://github.com/occmundial/occ-atomic/compare/v3.0.0-beta.25...v3.0.0-beta.26) (2024-07-05)
14
+
15
+
16
+ ### Bug Fixes
17
+
18
+ * Align title if not description ([ef6a12a](https://github.com/occmundial/occ-atomic/commit/ef6a12a1dba3d5440220cfe2798801d7d08c441c))
19
+
1
20
  # [3.0.0-beta.25](https://github.com/occmundial/occ-atomic/compare/v3.0.0-beta.24...v3.0.0-beta.25) (2024-07-03)
2
21
 
3
22
 
@@ -31,7 +31,7 @@ Object {
31
31
  },
32
32
  "error": Object {
33
33
  "background": "#fce8e8",
34
- "border": "1px solid #FBDFDF",
34
+ "boxShadow": "inset 0px 0px 0px 1px #FBDFDF",
35
35
  "color": "#8b1313",
36
36
  },
37
37
  "errorIcon": Object {
@@ -39,7 +39,7 @@ Object {
39
39
  },
40
40
  "featured": Object {
41
41
  "background": "#0059CD",
42
- "border": "1px solid rgba(255,255,255,0.2)",
42
+ "boxShadow": "inset 0px 0px 0px 1px rgba(255,255,255,0.2)",
43
43
  "color": "#fff",
44
44
  },
45
45
  "featuredIcon": Object {
@@ -55,7 +55,7 @@ Object {
55
55
  },
56
56
  "info": Object {
57
57
  "background": "#e3efff",
58
- "border": "1px solid #b9d7ff",
58
+ "boxShadow": "inset 0px 0px 0px 1px #b9d7ff",
59
59
  "color": "#083CAE",
60
60
  },
61
61
  "infoIcon": Object {
@@ -76,7 +76,7 @@ Object {
76
76
  },
77
77
  "promo": Object {
78
78
  "background": "#080D39",
79
- "border": "1px solid rgba(255,255,255,0.2)",
79
+ "boxShadow": "inset 0px 0px 0px 1px rgba(255,255,255,0.2)",
80
80
  "color": "#fff",
81
81
  },
82
82
  "promoIcon": Object {
@@ -94,7 +94,7 @@ Object {
94
94
  },
95
95
  "success": Object {
96
96
  "background": "#ebfbf1",
97
- "border": "1px solid #d7f6e3",
97
+ "boxShadow": "inset 0px 0px 0px 1px #d7f6e3",
98
98
  "color": "#16542e",
99
99
  },
100
100
  "successIcon": Object {
@@ -123,7 +123,7 @@ Object {
123
123
  },
124
124
  "warning": Object {
125
125
  "background": "#fff8e9",
126
- "border": "1px solid #fff1d3",
126
+ "boxShadow": "inset 0px 0px 0px 1px #fff1d3",
127
127
  "color": "#664a0e",
128
128
  },
129
129
  "warningIcon": Object {
@@ -85,32 +85,32 @@ var _default = {
85
85
  featured: {
86
86
  color: text.white.primary,
87
87
  background: tag.featured.bg,
88
- border: "1px solid ".concat(tag.featured.border)
88
+ boxShadow: "inset 0px 0px 0px 1px ".concat(tag.featured.border)
89
89
  },
90
90
  promo: {
91
91
  color: text.white.primary,
92
92
  background: tag.promo.bg,
93
- border: "1px solid ".concat(tag.promo.border)
93
+ boxShadow: "inset 0px 0px 0px 1px ".concat(tag.promo.border)
94
94
  },
95
95
  success: {
96
96
  color: text.success,
97
97
  background: tag.success.bg,
98
- border: "1px solid ".concat(tag.success.border)
98
+ boxShadow: "inset 0px 0px 0px 1px ".concat(tag.success.border)
99
99
  },
100
100
  info: {
101
101
  color: text.indigo.primary,
102
102
  background: tag.info.bg,
103
- border: "1px solid ".concat(tag.info.border)
103
+ boxShadow: "inset 0px 0px 0px 1px ".concat(tag.info.border)
104
104
  },
105
105
  warning: {
106
106
  color: text.warning,
107
107
  background: tag.warning.bg,
108
- border: "1px solid ".concat(tag.warning.border)
108
+ boxShadow: "inset 0px 0px 0px 1px ".concat(tag.warning.border)
109
109
  },
110
110
  error: {
111
111
  color: text.error,
112
112
  background: tag.error.bg,
113
- border: "1px solid ".concat(tag.error.border)
113
+ boxShadow: "inset 0px 0px 0px 1px ".concat(tag.error.border)
114
114
  },
115
115
 
116
116
  /* Icon with themes */
@@ -76,7 +76,7 @@ var Toast = function Toast(_ref) {
76
76
  display: "flex",
77
77
  flex: "1",
78
78
  className: classes.content,
79
- alignSelf: "start",
79
+ alignSelf: description ? 'start' : 'center',
80
80
  justifyContent: "between"
81
81
  }, /*#__PURE__*/_react["default"].createElement(_Flexbox["default"], {
82
82
  display: "flex",
@@ -1,5 +1,5 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
- exports[`Toaster launches a toast 1`] = `"<div class=\\"container\\"><div class=\\"Toast-toast-0-1-1 Toast-success-0-1-3\\"><div class=\\"Flexbox-flex-0-1-20 Flexbox-jbetween-0-1-32\\"><div class=\\"Flexbox-flex-0-1-20 Flexbox-acenter-0-1-37 Flexbox-scenter-0-1-49\\" style=\\"flex: 1;\\"><svg class=\\"Icon-icon-0-1-55 Icon-icon-0-1-52 undefined__check-circle Toast-icon-0-1-16\\" width=\\"24\\" height=\\"24\\" fill=\\"#38d373\\" style=\\"transition: 0.3s all;\\"><use xlink:href=\\"undefined#undefined__check-circle\\"></use></svg><div class=\\"Flexbox-flex-0-1-20 Flexbox-jbetween-0-1-32 Flexbox-sstart-0-1-47 Toast-content-0-1-15\\" style=\\"flex: 1;\\"><div class=\\"Flexbox-flex-0-1-20 Flexbox-col-0-1-24\\"><p class=\\"Toast-title-0-1-13 Toast-textSuccess-0-1-10\\">Title</p></div></div></div></div></div></div>"`;
3
+ exports[`Toaster launches a toast 1`] = `"<div class=\\"container\\"><div class=\\"Toast-toast-0-1-1 Toast-success-0-1-3\\"><div class=\\"Flexbox-flex-0-1-20 Flexbox-jbetween-0-1-32\\"><div class=\\"Flexbox-flex-0-1-20 Flexbox-acenter-0-1-37 Flexbox-scenter-0-1-49\\" style=\\"flex: 1;\\"><svg class=\\"Icon-icon-0-1-55 Icon-icon-0-1-52 undefined__check-circle Toast-icon-0-1-16\\" width=\\"24\\" height=\\"24\\" fill=\\"#38d373\\" style=\\"transition: 0.3s all;\\"><use xlink:href=\\"undefined#undefined__check-circle\\"></use></svg><div class=\\"Flexbox-flex-0-1-20 Flexbox-jbetween-0-1-32 Flexbox-scenter-0-1-49 Toast-content-0-1-15\\" style=\\"flex: 1;\\"><div class=\\"Flexbox-flex-0-1-20 Flexbox-col-0-1-24\\"><p class=\\"Toast-title-0-1-13 Toast-textSuccess-0-1-10\\">Title</p></div></div></div></div></div></div>"`;
4
4
 
5
5
  exports[`Toaster matches the snapshot 1`] = `"<div class=\\"container\\"></div>"`;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@occmundial/occ-atomic",
3
- "version": "3.0.0-beta.25",
3
+ "version": "3.0.0-beta.27",
4
4
  "description": "Collection of shareable styled React components for OCC applications.",
5
5
  "homepage": "http://occmundial.github.io/occ-atomic",
6
6
  "main": "build/index.js",