@thecb/components 3.3.6 → 3.3.8

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.
Files changed (9) hide show
  1. package/dist/index.cjs.js +21 -14
  2. package/package.json +2 -2
  3. package/src/components/atoms/layouts/Cover.js +1 -1
  4. package/src/components/templates/center-single/CenterSingle.js +7 -5
  5. package/src/components/templates/center-stack/CenterStack.js +7 -2
  6. package/src/components/templates/default-page-template/DefaultPageTemplate.js +7 -2
  7. package/src/components/templates/sidebar-single-content/SidebarSingleContent.js +7 -2
  8. package/src/components/templates/sidebar-stack-content/SidebarStackContent.js +2 -5
  9. package/src/util/index.js +2 -1
package/dist/index.cjs.js CHANGED
@@ -4793,6 +4793,12 @@ export const generateImgSrc = (
4793
4793
  };
4794
4794
  */
4795
4795
 
4796
+ var themeUtils = /*#__PURE__*/Object.freeze({
4797
+ __proto__: null,
4798
+ createThemeValues: createThemeValues,
4799
+ themeComponent: themeComponent
4800
+ });
4801
+
4796
4802
  /* These are constants used by nav frontend components */
4797
4803
  var HEADER_HEIGHT = "104px";
4798
4804
  var FOOTER_HEIGHT = "100px";
@@ -6774,7 +6780,7 @@ var CoverOuterContainer = styled__default.div(_templateObject$7(), function (_re
6774
6780
 
6775
6781
  var Cover = function Cover(_ref) {
6776
6782
  var _ref$minHeight = _ref.minHeight,
6777
- minHeight = _ref$minHeight === void 0 ? "100vh" : _ref$minHeight,
6783
+ minHeight = _ref$minHeight === void 0 ? "100%" : _ref$minHeight,
6778
6784
  childGap = _ref.childGap,
6779
6785
  padding = _ref.padding,
6780
6786
  fillCenter = _ref.fillCenter,
@@ -37460,9 +37466,9 @@ var CenterSingle = function CenterSingle(_ref) {
37460
37466
  return /*#__PURE__*/React__default.createElement(Box, {
37461
37467
  padding: "0",
37462
37468
  minWidth: "100%",
37463
- background: themeValues.pageBackground
37469
+ background: themeValues.pageBackground,
37470
+ extraStyles: "flex-grow: 1;"
37464
37471
  }, /*#__PURE__*/React__default.createElement(Cover, {
37465
- minHeight: "100vh",
37466
37472
  centerOverride: isMobile && !centeredMobileContent
37467
37473
  }, header ? header : /*#__PURE__*/React__default.createElement(Box, {
37468
37474
  padding: "0"
@@ -37505,10 +37511,9 @@ var CenterStack = function CenterStack(_ref) {
37505
37511
  return /*#__PURE__*/React__default.createElement(Box, {
37506
37512
  padding: "0",
37507
37513
  minWidth: "100%",
37508
- background: themeValues.pageBackground
37509
- }, /*#__PURE__*/React__default.createElement(Cover, {
37510
- minHeight: "100vh"
37511
- }, header ? header : /*#__PURE__*/React__default.createElement(Box, {
37514
+ background: themeValues.pageBackground,
37515
+ extraStyles: "flex-grow: 1;"
37516
+ }, /*#__PURE__*/React__default.createElement(Cover, null, header ? header : /*#__PURE__*/React__default.createElement(Box, {
37512
37517
  padding: "0"
37513
37518
  }), /*#__PURE__*/React__default.createElement(Box, {
37514
37519
  padding: "0",
@@ -37546,9 +37551,9 @@ var CenterSingle$2 = function CenterSingle(_ref) {
37546
37551
  return /*#__PURE__*/React__default.createElement(Box, {
37547
37552
  padding: "0",
37548
37553
  minWidth: "100%",
37549
- background: themeValues.pageBackground
37554
+ background: themeValues.pageBackground,
37555
+ extraStyles: "flex-grow: 1;"
37550
37556
  }, /*#__PURE__*/React__default.createElement(Cover, {
37551
- minHeight: "100vh",
37552
37557
  childGap: "0",
37553
37558
  fillCenter: true
37554
37559
  }, header ? header : /*#__PURE__*/React__default.createElement(Box, {
@@ -37597,9 +37602,9 @@ var SidebarSingleContent = function SidebarSingleContent(_ref) {
37597
37602
  return /*#__PURE__*/React__default.createElement(Box, {
37598
37603
  padding: "0",
37599
37604
  minWidth: "100%",
37600
- background: themeValues.pageBackground
37605
+ background: themeValues.pageBackground,
37606
+ extraStyles: "flex-grow: 1;"
37601
37607
  }, /*#__PURE__*/React__default.createElement(Cover, {
37602
- minHeight: "100vh",
37603
37608
  centerOverride: !sidebarVerticalCenter
37604
37609
  }, header ? header : /*#__PURE__*/React__default.createElement(Box, {
37605
37610
  padding: "0"
@@ -37654,9 +37659,9 @@ var SidebarStackContent = function SidebarStackContent(_ref) {
37654
37659
  padding: "0",
37655
37660
  minWidth: "100%",
37656
37661
  background: themeValues.pageBackground,
37657
- key: "page-bg"
37662
+ key: "page-bg",
37663
+ extraStyles: "flex-grow: 1;"
37658
37664
  }, /*#__PURE__*/React__default.createElement(Cover, {
37659
- minHeight: "100vh",
37660
37665
  centerOverride: !sidebarVerticalCenter,
37661
37666
  key: "page-cover"
37662
37667
  }, header ? header : /*#__PURE__*/React__default.createElement(Box, {
@@ -37707,7 +37712,8 @@ var index$4 = /*#__PURE__*/Object.freeze({
37707
37712
  var index$5 = /*#__PURE__*/Object.freeze({
37708
37713
  __proto__: null,
37709
37714
  formats: formats,
37710
- general: general
37715
+ general: general,
37716
+ theme: themeUtils
37711
37717
  });
37712
37718
 
37713
37719
  exports.AccountNumberImage = AccountNumberImage;
@@ -37821,3 +37827,4 @@ exports.constants = index$4;
37821
37827
  exports.createPartialAmountFormState = createPartialAmountFormState;
37822
37828
  exports.util = index$5;
37823
37829
  exports.withWindowSize = withWindowSize;
37830
+ //# sourceMappingURL=index.cjs.js.map
package/package.json CHANGED
@@ -1,13 +1,13 @@
1
1
  {
2
2
  "name": "@thecb/components",
3
- "version": "3.3.6",
3
+ "version": "3.3.8",
4
4
  "description": "Common lib for CityBase react components",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.esm.js",
7
7
  "source": "src/index.js",
8
8
  "scripts": {
9
9
  "storybook": "start-storybook",
10
- "build": "rollup -c"
10
+ "build": "rollup -cm"
11
11
  },
12
12
  "repository": {
13
13
  "type": "git",
package/src/components/atoms/layouts/Cover.js CHANGED
@@ -23,7 +23,7 @@ import { CoverOuterContainer } from "./Cover.styled";
23
23
  */
24
24
 
25
25
  const Cover = ({
26
- minHeight = "100vh",
26
+ minHeight = "100%",
27
27
  childGap,
28
28
  padding,
29
29
  fillCenter,
package/src/components/templates/center-single/CenterSingle.js CHANGED
@@ -20,11 +20,13 @@ const CenterSingle = ({
20
20
  const { isMobile } = themeContext;
21
21
 
22
22
  return (
23
- <Box padding="0" minWidth="100%" background={themeValues.pageBackground}>
24
- <Cover
25
- minHeight="100vh"
26
- centerOverride={isMobile && !centeredMobileContent}
27
- >
23
+ <Box
24
+ padding="0"
25
+ minWidth="100%"
26
+ background={themeValues.pageBackground}
27
+ extraStyles="flex-grow: 1;"
28
+ >
29
+ <Cover centerOverride={isMobile && !centeredMobileContent}>
28
30
  {header ? header : <Box padding="0" />}
29
31
  <Box
30
32
  padding="0"
package/src/components/templates/center-stack/CenterStack.js CHANGED
@@ -20,8 +20,13 @@ const CenterStack = ({
20
20
  const { isMobile } = themeContext;
21
21
 
22
22
  return (
23
- <Box padding="0" minWidth="100%" background={themeValues.pageBackground}>
24
- <Cover minHeight="100vh">
23
+ <Box
24
+ padding="0"
25
+ minWidth="100%"
26
+ background={themeValues.pageBackground}
27
+ extraStyles="flex-grow: 1;"
28
+ >
29
+ <Cover>
25
30
  {header ? header : <Box padding="0" />}
26
31
  <Box padding="0" minWidth="100%" role="main">
27
32
  {subHeader && !(isMobile && hideMobileSubHeader) ? (
package/src/components/templates/default-page-template/DefaultPageTemplate.js CHANGED
@@ -19,8 +19,13 @@ const CenterSingle = ({
19
19
  const { isMobile } = themeContext;
20
20
 
21
21
  return (
22
- <Box padding="0" minWidth="100%" background={themeValues.pageBackground}>
23
- <Cover minHeight="100vh" childGap="0" fillCenter>
22
+ <Box
23
+ padding="0"
24
+ minWidth="100%"
25
+ background={themeValues.pageBackground}
26
+ extraStyles="flex-grow: 1;"
27
+ >
28
+ <Cover childGap="0" fillCenter>
24
29
  {header ? header : <Box padding="0" />}
25
30
  <Box
26
31
  padding="0"
package/src/components/templates/sidebar-single-content/SidebarSingleContent.js CHANGED
@@ -25,8 +25,13 @@ const SidebarSingleContent = ({
25
25
  const { isMobile } = themeContext;
26
26
 
27
27
  return (
28
- <Box padding="0" minWidth="100%" background={themeValues.pageBackground}>
29
- <Cover minHeight="100vh" centerOverride={!sidebarVerticalCenter}>
28
+ <Box
29
+ padding="0"
30
+ minWidth="100%"
31
+ background={themeValues.pageBackground}
32
+ extraStyles="flex-grow: 1;"
33
+ >
34
+ <Cover centerOverride={!sidebarVerticalCenter}>
30
35
  {header ? header : <Box padding="0" />}
31
36
  <Box padding="0" minWidth="100%" role="main">
32
37
  {subHeader && !(isMobile && hideMobileSubHeader) ? (
package/src/components/templates/sidebar-stack-content/SidebarStackContent.js CHANGED
@@ -31,12 +31,9 @@ const SidebarStackContent = ({
31
31
  minWidth="100%"
32
32
  background={themeValues.pageBackground}
33
33
  key="page-bg"
34
+ extraStyles="flex-grow: 1;"
34
35
  >
35
- <Cover
36
- minHeight="100vh"
37
- centerOverride={!sidebarVerticalCenter}
38
- key="page-cover"
39
- >
36
+ <Cover centerOverride={!sidebarVerticalCenter} key="page-cover">
40
37
  {header ? header : <Box padding="0" key="header-box" />}
41
38
  <Box padding="0" minWidth="100%" key="content-box" role="main">
42
39
  {subHeader && !(isMobile && hideMobileSubHeader) ? (
package/src/util/index.js CHANGED
@@ -1,4 +1,5 @@
1
1
  import * as formats from "./formats";
2
2
  import * as general from "./general";
3
+ import * as theme from "./themeUtils";
3
4
 
4
- export { formats, general };
5
+ export { formats, general, theme };