@bcgov-sso/common-react-components 1.21.0 → 1.22.0

package/dist/cjs/types/components/Tabs/Tabs.d.ts

@@ -1,3 +1,4 @@
-export declare const SUBTITLE_FONT_SIZE = "18px";
-declare const Tab: import("styled-components").StyledComponent<import("rc-tabs/lib/Tabs").ForwardTabsType, any, {}, never>;
-export default Tab;
+import { TabPane } from 'rc-tabs';
+declare const StyledTabs: import("styled-components").StyledComponent<import("rc-tabs/lib/Tabs").ForwardTabsType, any, {}, never>;
+export default StyledTabs;
+export declare const Tab: typeof TabPane;

package/dist/cjs/types/components/Tabs/index.d.ts

@@ -1 +1 @@
-export { default } from './Tabs';
+export { default, Tab } from './Tabs';

package/dist/esm/index.js

@@ -23279,26 +23279,18 @@ function Tabs(_ref, ref) {
 var ForwardTabs = /*#__PURE__*/React.forwardRef(Tabs);
 ForwardTabs.TabPane = TabPane;
 
-const SUBTITLE_FONT_SIZE = '18px';
-const Tab = qe(ForwardTabs) `
-.rc-tabs-tab {
-  display: inline-block;
-  color: black !important;
-  height: 20px !important;
-  font-size: ${SUBTITLE_FONT_SIZE} !important;
-  padding-top: 0; !important;
-  border-top: unset !important;
-  border-left: unset !important;
-  border-right: unset !important;
-
-  &:active {
-    background-color: unset !important;
+const StyledTabs = qe(ForwardTabs) `
+  .rc-tabs-tab {
+    display: inline-block;
+    height: 30px;
+    font-size: 18px;
+  }
+
+  .rc-tabs-tab-active {
     border-bottom: 3px solid orange;
     font-weight: 600;
   }
-}
-
 `;
 
-export { Accordion, Alert, Button, NumberedContents, Table, Tab as Tabs };
+export { Accordion, Alert, Button, NumberedContents, Table, StyledTabs as Tabs };
 //# sourceMappingURL=index.js.map