carbon-react 102.0.1 → 102.1.0

package/lib/__internal__/label/icon-wrapper.style.js

@@ -11,8 +11,6 @@ var _validationIcon = _interopRequireDefault(require("../validations/validation-
 
 var _help = _interopRequireDefault(require("../../components/help/help.style"));
 
-var _base = _interopRequireDefault(require("../../style/themes/base"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const IconWrapperStyle = _styledComponents.default.div`
@@ -27,17 +25,12 @@ const IconWrapperStyle = _styledComponents.default.div`
   vertical-align: top;
 
   :focus {
-    outline: ${({
-  theme
-}) => `2px solid ${theme.colors.focus}`};
+    outline: 2px solid var(--colorsSemanticFocus500);
   }
 
   ${_validationIcon.default}, ${_help.default} {
     position: static;
   }
 `;
-IconWrapperStyle.defaultProps = {
-  theme: _base.default
-};
 var _default = IconWrapperStyle;
 exports.default = _default;

package/lib/__internal__/label/label.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"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
@@ -18,36 +16,30 @@ function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 const LabelStyle = _styledComponents.default.label`
-  color: ${({
-  theme
-}) => theme.text.color};
+  color: var(--colorsYin090);
   display: block;
-  font-weight: 600;
+  font-weight: 600; //TODO: (tokens) use token var(--fontWeights500)
 
   ${({
-  isRequired,
-  theme
+  isRequired
 }) => isRequired && (0, _styledComponents.css)`
       ::after {
         content: "*";
-        color: ${theme.colors.asterisk};
+        color: var(--colorsSemanticNegative500);
         font-weight: 700;
-        margin-left: ${theme.spacing}px;
+        margin-left: var(--spacing100);
       }
     `}
 
   ${({
-  disabled,
-  theme
+  disabled
 }) => disabled && (0, _styledComponents.css)`
-      color: ${theme.disabled.disabled};
+      color: var(--colorsYin030);
     `}
 `;
-LabelStyle.defaultProps = {
-  theme: _base.default
-};
 LabelStyle.propTypes = {
-  disabled: _propTypes.default.bool
+  disabled: _propTypes.default.bool,
+  isRequired: _propTypes.default.bool
 };
 const StyledLabelContainer = _styledComponents.default.div`
   display: flex;
@@ -59,16 +51,15 @@ const StyledLabelContainer = _styledComponents.default.div`
   inline,
   pr,
   pl,
-  width,
-  theme
+  width
 }) => inline && (0, _styledComponents.css)`
       box-sizing: border-box;
       margin-bottom: 0;
       ${pr && (0, _styledComponents.css)`
-        padding-right: ${pr * theme.spacing}px;
+        padding-right: var(${pr === 1 ? "--spacing100" : "--spacing200"});
       `};
       ${pl && (0, _styledComponents.css)`
-        padding-left: ${pl * theme.spacing}px;
+        padding-left: var(${pl === 1 ? "--spacing100" : "--spacing200"});
       `};
       justify-content: ${align === "right" ? "flex-end" : "flex-start"};
       width: ${width === 0 ? StyledLabelContainer.defaultProps.width : width}%;
@@ -79,7 +70,7 @@ const StyledLabelContainer = _styledComponents.default.div`
 }) => optional && (0, _styledComponents.css)`
       ::after {
         content: "(optional)";
-        font-weight: 350;
+        font-weight: 350; //TODO: (tokens) use token var(--fontWeights400)
         margin-left: 4px;
       }
     `}
@@ -87,14 +78,12 @@ const StyledLabelContainer = _styledComponents.default.div`
 exports.StyledLabelContainer = StyledLabelContainer;
 StyledLabelContainer.defaultProps = {
   align: "right",
-  theme: _base.default,
   width: 30
 };
 StyledLabelContainer.propTypes = {
   align: _propTypes.default.oneOf(["left", "right"]),
   inline: _propTypes.default.bool,
   width: _propTypes.default.number,
-  readOnly: _propTypes.default.bool,
   pr: _propTypes.default.number,
   pl: _propTypes.default.number
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "102.0.1",
+  "version": "102.1.0",
   "description": "A library of reusable React components for easily building user interfaces.",
   "engineStrict": true,
   "engines": {
@@ -19,7 +19,6 @@
     "test-update": "jest --config=./jest.conf.json --updateSnapshot",
     "test:cypress": "cypress open",
     "cypress:react": "npx cypress open-ct",
-    "cypress:ci:react": "npx cypress run-ct --spec './src/components/**/*.test.js' --record --key --parallel --group 'ubuntu-cypress-react' --browser=chrome",
     "debug": "node --inspect ./node_modules/jest-cli/bin/jest --watch --config=./jest.conf.json",
     "format": "prettier --write './src'",
     "lint": "eslint ./src",