Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

terra-content-container

Package Overview
Dependencies
Maintainers
7
Versions
109
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

terra-content-container - npm Package Compare versions

Comparing version 1.13.0 to 1.14.0

5

CHANGELOG.md

@@ -7,2 +7,7 @@ Changelog

1.14.0 - (January 5, 2018)
------------------
### Added
* Footer to allow sticky bottom-aligned content
1.13.0 - (November 28, 2017)

@@ -9,0 +14,0 @@ ------------------

4

docs/DEPENDENCIES.md

@@ -8,3 +8,3 @@ # Dependency Information

| prop-types | ^15.5.8 | -- | Runtime type checking for React props and similar objects. |
| terra-base | ^2.7.0 | ^15.4.2 | The base component sets minimal global styles for an application. |
| terra-base | ^2.8.0 | ^15.4.2 | The base component sets minimal global styles for an application. |

@@ -21,2 +21,2 @@ ## devDependencies

| react-dom | ^15.4.2 | ^15.6.2 | React package for working with the DOM. |
| terra-base | ^2.7.0 | ^15.4.2 | The base component sets minimal global styles for an application. |
| terra-base | ^2.8.0 | ^15.4.2 | The base component sets minimal global styles for an application. |

@@ -6,2 +6,3 @@ ## ContentContainer Props Table

| fill| `bool`| optional| `false`| Whether or not the container should expanded to fill its parent element.|
| footer| `node`| optional| `undefined`| The footer element to be placed within the footer area of the container.|
| header| `node`| optional| `undefined`| The header element to be placed within the header area of the container.|

@@ -1,5 +0,7 @@

# Terra ContentContainer Documentation
# Terra Content Container
The Terra ContentContainer is a structural component for the purpose of arranging content with a header.
The Terra ContentContainer is a structural component for the purpose of arranging content with an optional header and/or footer.
The footer is not responsive to mobile keyboard positioning.
## Getting Started

@@ -17,3 +19,3 @@

<ContentContainer header={<h1 blurb />} fill>
<ContentContainer header={<h1 blurb />} footer={<h1 blurb />} fill>
{container}

@@ -27,2 +29,1 @@ </ContentContainer>

* [Mobile Support](https://github.com/cerner/terra-core/wiki/Component-Features#mobile-support)

@@ -39,2 +39,6 @@ 'use strict';

/**
* The footer element to be placed within the footer area of the container.
*/
footer: _propTypes2.default.node,
/**
* The children to be placed within the main content area of the container.

@@ -51,2 +55,3 @@ */

header: undefined,
footer: undefined,
children: undefined,

@@ -58,5 +63,6 @@ fill: false

var header = _ref.header,
footer = _ref.footer,
children = _ref.children,
fill = _ref.fill,
customProps = _objectWithoutProperties(_ref, ['header', 'children', 'fill']);
customProps = _objectWithoutProperties(_ref, ['header', 'footer', 'children', 'fill']);

@@ -68,3 +74,3 @@ var contentLayoutClassNames = cx(['content-container', { fill: fill }, customProps.className]);

_extends({}, customProps, { className: contentLayoutClassNames }),
_react2.default.createElement(
header && _react2.default.createElement(
'div',

@@ -82,2 +88,7 @@ { className: cx('header') },

)
),
footer && _react2.default.createElement(
'div',
{ className: cx('footer') },
footer
)

@@ -84,0 +95,0 @@ );

{
"name": "terra-content-container",
"main": "lib/ContentContainer.js",
"version": "1.13.0",
"version": "1.14.0",
"description": "The Terra ContentContainer is a structural component for the purpose of arranging content with a header.",

@@ -29,3 +29,3 @@ "repository": {

"react-dom": "^15.4.2",
"terra-base": "^2.8.0"
"terra-base": "^2.9.0"
},

@@ -35,3 +35,3 @@ "dependencies": {

"prop-types": "^15.5.8",
"terra-base": "^2.8.0"
"terra-base": "^2.9.0"
},

@@ -38,0 +38,0 @@ "scripts": {

@@ -1,2 +0,2 @@

# Terra ContentContainer
# Terra Content Container

@@ -7,4 +7,6 @@

The Terra ContentContainer is a structural component for the purpose of arranging content with a header.
The Terra ContentContainer is a structural component for the purpose of arranging content with an optional header and/or footer.
The footer is not responsive to mobile keyboard positioning.
- [Getting Started](#getting-started)

@@ -11,0 +13,0 @@ - [Documentation](https://github.com/cerner/terra-core/tree/master/packages/terra-content-container/docs)

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc