carbon-react 102.6.0 → 102.7.2

package/lib/components/loader/loader-square.style.js

@@ -9,8 +9,6 @@ var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _base = _interopRequireDefault(require("../../style/themes/base"));
-
 var _loader = require("./loader.config");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -59,18 +57,17 @@ const getDimentions = size => {
 
 const StyledLoaderSquare = _styledComponents.default.div`
   ${({
-  theme,
   size,
   isInsideButton,
   isActive
 }) => (0, _styledComponents.css)`
     animation: ${loaderAnimation} 1s infinite ease-in-out both;
-    background-color: ${theme.colors.primary};
+    background-color: var(--colorsActionMajor500);
     display: inline-block;
     ${getDimentions(size)}
 
     ${isInsideButton && (0, _styledComponents.css)`
-      background-color: ${isActive ? theme.colors.white : theme.colors.border};
+      background-color: ${isActive ? "var(--colorsYang100)" : "var(--colorsSemanticNeutral500)"};
     `}
 
     &:nth-of-type(1) {
@@ -88,7 +85,6 @@ const StyledLoaderSquare = _styledComponents.default.div`
   `}
 `;
 StyledLoaderSquare.defaultProps = {
-  theme: _base.default,
   size: "small",
   isInsideButton: false,
   isActive: true

package/lib/components/loader-bar/loader-bar.style.js

@@ -40,24 +40,22 @@ const innerBarAnimation = (0, _styledComponents.keyframes)`
 `;
 const StyledLoaderBar = _styledComponents.default.div`
   ${({
-  size,
-  theme
+  size
 }) => (0, _styledComponents.css)`
     display: inline-block;
     height: ${getHeight(size)};
     width: 100%;
-    background-color: ${theme.colors.loadingBarBackground};
+    background-color: var(--colorsActionMajor150);
     overflow: hidden;
     position: relative;
   `}
 `;
 const InnerBar = _styledComponents.default.div`
   ${({
-  theme,
   size
 }) => (0, _styledComponents.css)`
     position: absolute;
-    background-color: ${theme.colors.primary};
+    background-color: var(--colorsActionMajor500);
     width: ${INNER_BAR_LENGTH};
     height: ${getHeight(size)};
     animation: 2s ${innerBarAnimation} linear 0s infinite normal none running;
@@ -82,11 +80,9 @@ StyledLoader.defaultProps = {
   theme: _base.default
 };
 StyledLoaderBar.defaultProps = {
-  theme: _base.default,
   size: "medium"
 };
 InnerBar.defaultProps = {
-  theme: _base.default,
   size: "medium"
 };
 StyledLoaderBar.propTypes = {

package/lib/components/message/message-content/message-content.style.js

@@ -14,6 +14,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 const MessageContentStyle = _styledComponents.default.div`
   padding: 15px 50px 15px 20px;
   white-space: pre-wrap;
+  flex: 1;
 
   .carbon-content__title {
     margin-bottom: 2px;

package/lib/components/pages/page/page.style.js

@@ -17,7 +17,7 @@ const StyledPage = _styledComponents.default.article`
 `;
 exports.StyledPage = StyledPage;
 const StyledPageContent = _styledComponents.default.div`
-  box-sizing: content-box;
+  box-sizing: border-box;
   padding: 30px 40px;
   width: 100%;
   height: 100%;

package/lib/components/textarea/textarea.component.js

@@ -194,6 +194,7 @@ const Textarea = ({
     "aria-describedby": ariaDescribedBy,
     autoFocus: autoFocus,
     name: name,
+    value: value,
     ref: inputRef,
     maxLength: enforceCharacterLimit && characterLimit ? characterLimit : undefined,
     onChange: onChange,

package/lib/style/themes/aegean/aegean-theme.config.js

@@ -31,7 +31,8 @@ var _default = palette => {
     get compatibility() {
       return {
         colorsActionMajor500: this.colors.primary,
-        colorsActionMajor600: this.colors.secondary
+        colorsActionMajor600: this.colors.secondary,
+        colorsActionMajor150: this.colors.loadingBarBackground
       };
     }
 

package/lib/style/themes/base/base-theme.config.js

@@ -343,6 +343,7 @@ var _default = palette => {
 
     get compatibility() {
       return { ..._common.default,
+        colorsActionMajor150: this.colors.loadingBarBackground,
         colorsActionMajor500: this.colors.primary,
         colorsActionMajor600: this.colors.secondary,
         colorsActionDisabled500: this.disabled.background,

package/lib/style/themes/mint/mint-theme.config.js

@@ -25,7 +25,8 @@ var _default = palette => {
     get compatibility() {
       return {
         colorsActionMajor500: this.colors.primary,
-        colorsActionMajor600: this.colors.secondary
+        colorsActionMajor600: this.colors.secondary,
+        colorsActionMajor150: this.colors.loadingBarBackground
       };
     }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "102.6.0",
+  "version": "102.7.2",
   "description": "A library of reusable React components for easily building user interfaces.",
   "engineStrict": true,
   "engines": {