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

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.
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",