carbon-react 104.20.0 → 104.21.0

package/lib/components/pager/pager.style.d.ts

@@ -3,9 +3,8 @@ export const StyledPagerSizeOptions: import("styled-components").StyledComponent
 export const StyledPagerSizeOptionsInner: import("styled-components").StyledComponent<"div", any, {}, never>;
 export const StyledPagerNavigation: import("styled-components").StyledComponent<"div", any, {}, never>;
 export const StyledPagerNavInner: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledPagerLinkStyles: import("styled-components").StyledComponent<"button", any, {
-    type: "button";
-}, "type">;
+export const StyledPagerLinkStyles: import("styled-components").StyledComponent<typeof Link, any, {}, never>;
 export const StyledPagerNoSelect: import("styled-components").StyledComponent<"span", any, {}, never>;
 export const StyledPagerSummary: import("styled-components").StyledComponent<"div", any, {}, never>;
 export const StyledSelectContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+import Link from "../link";

package/lib/components/pager/pager.style.js

@@ -13,10 +13,10 @@ var _inputPresentation = _interopRequireDefault(require("../../__internal__/inpu
 
 var _inputIconToggle = _interopRequireDefault(require("../../__internal__/input-icon-toggle/input-icon-toggle.style"));
 
-var _base = _interopRequireDefault(require("../../style/themes/base"));
-
 var _selectText = _interopRequireDefault(require("../select/__internal__/select-text/select-text.style"));
 
+var _link = _interopRequireDefault(require("../link"));
+
 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; }
@@ -39,62 +39,15 @@ const StyledPagerContainer = _styledComponents.default.div`
   border-top-width: 0;
   font-size: 13px;
   border-top: none;
+  color: var(--colorsUtilityYin090);
 
   ${({
-  theme,
   variant
-}) => theme.table && theme.colors && (0, _styledComponents.css)`
+}) => (0, _styledComponents.css)`
       border-width: 1px 1px 1px 1px;
       border-style: none solid solid solid;
-      border-color: ${theme.table.secondary};
-      background-color: ${variant === "alternate" ? theme.pager.alternate : theme.table.zebra};
-
-      .carbon-input-icon {
-        border: none;
-        background: none;
-
-        &:hover {
-          background: none;
-          color: ${theme.colors.black};
-        }
-      }
-
-      .common-input__field:focus-within {
-        outline: 3px solid ${theme.colors.focus};
-      }
-
-      .common-input__input {
-        border: 1px solid ${theme.colors.border};
-
-        &:active,
-        &:hover,
-        &:focus {
-          border: 1px solid ${theme.colors.border};
-        }
-
-        &:focus {
-          border: 1px solid ${theme.colors.border};
-          color: ${theme.colors.black};
-        }
-
-        &:focus ~ label .carbon-input-icon,
-        &:focus ~ label .carbon-input-icon:hover {
-          border: none;
-          background: none;
-          color: ${theme.colors.black};
-        }
-
-        &:hover ~ label .carbon-input-icon {
-          border: none;
-          background: none;
-          color: ${theme.colors.black};
-        }
-
-        &:hover ~ label .carbon-input-icon:hover {
-          border: none;
-          background: none;
-        }
-      }
+      border-color: var(--colorsUtilityMajor100);
+      background-color: ${variant === "alternate" ? "var(--colorsUtilityMajor040)" : "var(--colorsUtilityMajor010)"};
     `}
 `;
 exports.StyledPagerContainer = StyledPagerContainer;
@@ -158,44 +111,10 @@ const StyledPagerNavInner = _styledComponents.default.div`
   padding: 0 12px;
 `;
 exports.StyledPagerNavInner = StyledPagerNavInner;
-const StyledPagerLinkStyles = _styledComponents.default.button.attrs({
-  type: "button"
-})`
+const StyledPagerLinkStyles = (0, _styledComponents.default)(_link.default)`
   padding: 0 10px;
-  font-size: 13px;
-  border-width: 0;
-  background-color: transparent;
-  cursor: pointer;
   margin-left: 7px;
   margin-right: 7px;
-
-  ${({
-  theme
-}) => theme.pager && (0, _styledComponents.css)`
-      color: ${theme.pager.active};
-
-      ${({
-  disabled
-}) => !disabled && (0, _styledComponents.css)`
-          &:hover {
-            text-decoration: underline;
-            padding: 5px 10px;
-          }
-        `}
-
-      &:focus {
-        outline: solid 3px ${theme.colors.focus};
-        padding: 5px 10px;
-      }
-    `}
-
-  ${({
-  disabled,
-  theme
-}) => disabled && theme && (0, _styledComponents.css)`
-      color: ${theme.pager.disabled};
-      cursor: not-allowed;
-    `}
 `;
 exports.StyledPagerLinkStyles = StyledPagerLinkStyles;
 const StyledPagerNoSelect = _styledComponents.default.span`
@@ -208,25 +127,4 @@ const StyledPagerSummary = _styledComponents.default.div`
   flex: 1 1 30%;
   justify-content: flex-end;
 `;
-exports.StyledPagerSummary = StyledPagerSummary;
-StyledPagerContainer.defaultProps = {
-  theme: _base.default
-};
-StyledPagerSizeOptions.defaultProps = {
-  theme: _base.default
-};
-StyledPagerSizeOptionsInner.defaultProps = {
-  theme: _base.default
-};
-StyledPagerNavigation.defaultProps = {
-  theme: _base.default
-};
-StyledPagerNavInner.defaultProps = {
-  theme: _base.default
-};
-StyledPagerLinkStyles.defaultProps = {
-  theme: _base.default
-};
-StyledPagerSummary.defaultProps = {
-  theme: _base.default
-};
+exports.StyledPagerSummary = StyledPagerSummary;

package/package.json

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