@procore/core-react 10.19.0-rc.1 → 10.19.0-rc.15
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.
- package/dist/esm/components/Modal/Modal.js +3 -2
- package/dist/esm/components/Modal/Modal.js.map +1 -1
- package/dist/esm/components/Modal/Modal.styles.js +3 -2
- package/dist/esm/components/Modal/Modal.styles.js.map +1 -1
- package/dist/esm/components/Panel/Panel.js +3 -2
- package/dist/esm/components/Panel/Panel.js.map +1 -1
- package/dist/esm/components/Panel/Panel.styles.js +3 -2
- package/dist/esm/components/Panel/Panel.styles.js.map +1 -1
- package/dist/esm/components/Pill/Pill.styles.js +1 -1
- package/dist/esm/components/Pill/Pill.styles.js.map +1 -1
- package/dist/esm/components/Tile/Tile.d.ts +2 -1
- package/dist/esm/components/Tile/Tile.js +26 -5
- package/dist/esm/components/Tile/Tile.js.map +1 -1
- package/dist/esm/components/Tile/Tile.styles.d.ts +2 -2
- package/dist/esm/components/Tile/Tile.styles.js +25 -14
- package/dist/esm/components/Tile/Tile.styles.js.map +1 -1
- package/dist/esm/components/Title/Title.styles.d.ts +1 -1
- package/dist/esm/components/Title/Title.styles.js +5 -4
- package/dist/esm/components/Title/Title.styles.js.map +1 -1
- package/dist/esm/components/_storyHelpers_/components/StoryGrid.js +24 -2
- package/dist/esm/components/_storyHelpers_/components/StoryGrid.js.map +1 -1
- package/dist/esm/components/_storyHelpers_/constants.js +3 -0
- package/dist/esm/components/_storyHelpers_/constants.js.map +1 -1
- package/dist/esm/index.d.ts +1 -0
- package/dist/esm/index.js +1 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/layouts/Content/Content.d.ts +3 -0
- package/dist/esm/layouts/Content/Content.js +20 -0
- package/dist/esm/layouts/Content/Content.js.map +1 -0
- package/dist/esm/layouts/Content/Content.styles.d.ts +2 -0
- package/dist/esm/layouts/Content/Content.styles.js +13 -0
- package/dist/esm/layouts/Content/Content.styles.js.map +1 -0
- package/dist/esm/layouts/Content/index.d.ts +1 -0
- package/dist/esm/layouts/Content/index.js +2 -0
- package/dist/esm/layouts/Content/index.js.map +1 -0
- package/dist/esm/layouts/NextDetailPage/NextDetailPage.styles.js +2 -2
- package/dist/esm/layouts/NextDetailPage/NextDetailPage.styles.js.map +1 -1
- package/dist/esm/layouts/Section/Section.d.ts +1 -0
- package/dist/esm/layouts/Section/Section.js +9 -5
- package/dist/esm/layouts/Section/Section.js.map +1 -1
- package/dist/esm/layouts/Section/Section.styles.d.ts +6 -11
- package/dist/esm/layouts/Section/Section.styles.js +8 -11
- package/dist/esm/layouts/Section/Section.styles.js.map +1 -1
- package/dist/esm/layouts/Section/index.d.ts +1 -1
- package/dist/esm/layouts/Section/index.js +1 -1
- package/dist/esm/layouts/Section/index.js.map +1 -1
- package/package.json +10 -10
- package/storybook-static/{0.b7ffb347.iframe.bundle.js → 0.01ae97c3.iframe.bundle.js} +1 -1
- package/storybook-static/{4.f8eb394e.iframe.bundle.js → 4.6ed18176.iframe.bundle.js} +3 -3
- package/storybook-static/{4.f8eb394e.iframe.bundle.js.LICENSE.txt → 4.6ed18176.iframe.bundle.js.LICENSE.txt} +0 -0
- package/storybook-static/4.6ed18176.iframe.bundle.js.map +1 -0
- package/storybook-static/{5.474288cc.iframe.bundle.js → 5.774cace8.iframe.bundle.js} +1 -1
- package/storybook-static/{6.5dce0722.iframe.bundle.js → 6.504fc789.iframe.bundle.js} +3 -3
- package/storybook-static/{6.5dce0722.iframe.bundle.js.LICENSE.txt → 6.504fc789.iframe.bundle.js.LICENSE.txt} +0 -0
- package/storybook-static/6.504fc789.iframe.bundle.js.map +1 -0
- package/storybook-static/{7.337a6b7d.iframe.bundle.js → 7.3eb46f60.iframe.bundle.js} +1 -1
- package/storybook-static/iframe.html +1 -1
- package/storybook-static/main.b93e7bd5.iframe.bundle.js +1 -0
- package/storybook-static/{runtime~main.ee33a1c6.iframe.bundle.js → runtime~main.e8eb08d9.iframe.bundle.js} +1 -1
- package/storybook-static/vendors~main.228dcf24.iframe.bundle.js +3 -0
- package/storybook-static/{vendors~main.67f2a166.iframe.bundle.js.LICENSE.txt → vendors~main.228dcf24.iframe.bundle.js.LICENSE.txt} +0 -0
- package/storybook-static/vendors~main.228dcf24.iframe.bundle.js.map +1 -0
- package/storybook-static/4.f8eb394e.iframe.bundle.js.map +0 -1
- package/storybook-static/6.5dce0722.iframe.bundle.js.map +0 -1
- package/storybook-static/main.7dfa247f.iframe.bundle.js +0 -1
- package/storybook-static/vendors~main.67f2a166.iframe.bundle.js +0 -3
- package/storybook-static/vendors~main.67f2a166.iframe.bundle.js.map +0 -1
|
@@ -32,7 +32,7 @@ import { addSubcomponents } from '../../utils/addSubcomponents';
|
|
|
32
32
|
import { Button } from '../Button';
|
|
33
33
|
import { Portal } from '../Portal';
|
|
34
34
|
import { StyledModal, StyledModalBody, StyledModalButtons, StyledModalCancel, StyledModalContainer, StyledModalContent, StyledModalFooter, StyledModalFooterNotation, StyledModalHeader, StyledModalHeading, StyledModalScrim, StyledModalWarningIcon, fadeInClassName, fadeOutClassName, StyledModalFooterSummary, } from './Modal.styles';
|
|
35
|
-
import { Section, SectionProvider } from '../../layouts/Section';
|
|
35
|
+
import { Section, SectionProvider, LevelContext } from '../../layouts/Section';
|
|
36
36
|
function noop() { }
|
|
37
37
|
var ModalContext = React.createContext({
|
|
38
38
|
isBodyScrolled: false,
|
|
@@ -63,7 +63,8 @@ var ModalBody = React.forwardRef(function (_a, ref) {
|
|
|
63
63
|
scope: scrollRef,
|
|
64
64
|
});
|
|
65
65
|
return (React.createElement(SectionProvider, null,
|
|
66
|
-
React.createElement(
|
|
66
|
+
React.createElement(LevelContext.Provider, { value: 3 },
|
|
67
|
+
React.createElement(StyledModalBody, __assign({}, props, { isOverflowingY: isOverflowingY, noSideSpacing: noSideSpacing, ref: mergeRefs(overflowRef, scrollRef, ref) }), children))));
|
|
67
68
|
});
|
|
68
69
|
var ModalFooterSummary = React.forwardRef(function (_a, ref) {
|
|
69
70
|
var children = _a.children, props = __rest(_a, ["children"]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAE/D,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAElC,OAAO,EACL,WAAW,EACX,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,yBAAyB,EACzB,iBAAiB,EACjB,kBAAkB,EAClB,gBAAgB,EAChB,sBAAsB,EACtB,eAAe,EACf,gBAAgB,EAChB,wBAAwB,GACzB,MAAM,gBAAgB,CAAA;AAQvB,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,6 +4,7 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
4
4
|
};
|
|
5
5
|
import { Warning } from '@procore/core-icons/dist';
|
|
6
6
|
import styled, { css } from 'styled-components';
|
|
7
|
+
import { StyledSection, StyledSectionInner, } from '../../layouts/Section/Section.styles';
|
|
7
8
|
import { colors } from '../../styles/colors';
|
|
8
9
|
import { spacing } from '../../styles/spacing';
|
|
9
10
|
import { Card } from '../Card';
|
|
@@ -36,10 +37,10 @@ export var StyledModalContainer = styled(Card)(templateObject_7 || (templateObje
|
|
|
36
37
|
return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n left: 50vw;\n transform: translateX(-50%)\n ", ";\n "], ["\n left: 50vw;\n transform: translateX(-50%)\n ", ";\n "])), $placement === 'center' && 'translateY(-50%)');
|
|
37
38
|
});
|
|
38
39
|
export var StyledModalFooter = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n flex: 0 0 auto;\n flex-wrap: wrap;\n justify-content: flex-end;\n padding: ", "px ", "px ", "px;\n"], ["\n align-items: center;\n display: flex;\n flex: 0 0 auto;\n flex-wrap: wrap;\n justify-content: flex-end;\n padding: ", "px ", "px ", "px;\n"])), spacing.xl, spacing.xxl, spacing.xxl);
|
|
39
|
-
export var StyledModalBody = styled.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n ", "\n\n box-sizing: border-box;\n color: ", ";\n display: flex;\n flex-direction: column;\n // TODO deprecated, delete line in breaking change\n max-width: ", ";\n overflow: auto;\n ", "\n\n ", "\n"], ["\n ", "\n\n box-sizing: border-box;\n color: ", ";\n display: flex;\n flex-direction: column;\n // TODO deprecated, delete line in breaking change\n max-width: ", ";\n overflow: auto;\n ", "\n\n ", "\n"])), getTypographyIntent('body'), colors.gray15, modalMaxWidth, function (_a) {
|
|
40
|
+
export var StyledModalBody = styled.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n ", "\n\n box-sizing: border-box;\n color: ", ";\n display: flex;\n flex-direction: column;\n // TODO deprecated, delete line in breaking change\n max-width: ", ";\n overflow: auto;\n ", "\n\n > ", " {\n padding-left: 0;\n padding-right: 0;\n\n &:first-child > ", " {\n padding-top: 0;\n }\n }\n\n ", "\n"], ["\n ", "\n\n box-sizing: border-box;\n color: ", ";\n display: flex;\n flex-direction: column;\n // TODO deprecated, delete line in breaking change\n max-width: ", ";\n overflow: auto;\n ", "\n\n > ", " {\n padding-left: 0;\n padding-right: 0;\n\n &:first-child > ", " {\n padding-top: 0;\n }\n }\n\n ", "\n"])), getTypographyIntent('body'), colors.gray15, modalMaxWidth, function (_a) {
|
|
40
41
|
var noSideSpacing = _a.noSideSpacing;
|
|
41
42
|
return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n padding: ", "px ", "px;\n "], ["\n padding: ", "px ", "px;\n "])), spacing.xl, noSideSpacing ? 0 : spacing.xxl);
|
|
42
|
-
}, function (_a) {
|
|
43
|
+
}, StyledSection, StyledSectionInner, function (_a) {
|
|
43
44
|
var isOverflowingY = _a.isOverflowingY;
|
|
44
45
|
return isOverflowingY && css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n & + ", " {\n border-top-width: 1px;\n border-top-style: solid;\n border-top-color: ", ";\n ", " {\n border-top: none;\n }\n }\n "], ["\n & + ", " {\n border-top-width: 1px;\n border-top-style: solid;\n border-top-color: ", ";\n ", " {\n border-top: none;\n }\n }\n "])), StyledModalFooter, colors.gray85, StyledModalFooterSummary);
|
|
45
46
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.styles.js","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAA;AAClD,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AAGrE,MAAM,CAAC,IAAM,eAAe,GAAG,SAAS,CAAA;AACxC,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAU,CAAA;AAC1C,MAAM,CAAC,IAAM,aAAa,GAAG,OAAO,CAAA;AACpC,MAAM,CAAC,IAAM,gBAAgB,GAAG,OAAO,CAAC,EAAE,CAAA;AAC1C,MAAM,CAAC,IAAM,gBAAgB,GAAG;IAC9B,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;CACT,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,2RAAA,sJAS/B,EAAe,kCAIf,EAAgB,4BAGrB,KAPK,eAAe,EAIf,gBAAgB,CAGrB,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,kLAAA,wDAG3B,EAAU,uCAGR,EAAU,YAE5B,KALgB,OAAO,CAAC,EAAE,EAGR,OAAO,CAAC,EAAE,CAE5B,CAAA;AAED,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,IAAI,CAAC,2KAG9C,wFAME,EAWD,QAEC,EAqBD,IACF,KAnCG,UAAC,EAAc;QAAZ,UAAU,gBAAA;IACb,IAAI,UAAU,KAAK,KAAK,EAAE;QACxB,OAAO,GAAG,gGAAA,6BAET,KAAA;KACF;IAED,OAAO,GAAG,iIAAA,8DAGT,KAAA;AACH,CAAC,EAEC,UAAC,EAAsB;QAApB,MAAM,YAAA,EAAE,UAAU,gBAAA;IACrB,IAAI,MAAM,EAAE;QACV,OAAO,GAAG,uTAAA,kBACA,EAAgB,sBACf,EAAgB,mFAGZ,EAAwB,8DAGnC,EAAe,mDAGlB,KAVS,gBAAgB,EACf,gBAAgB,EAGZ,gBAAgB,CAAC,MAAM,CAAC,EAGnC,eAAe,EAGlB;KACF;IACD,sDAAsD;IACtD,OAAO,GAAG,gJAAA,kEAGJ,EAA6C,SAClD,KADK,UAAU,KAAK,QAAQ,IAAI,kBAAkB,EAClD;AACH,CAAC,CACF,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,wNAAA,8HAM9B,EAAU,KAAM,EAAW,KAAM,EAAW,OACxD,KADY,OAAO,CAAC,EAAE,EAAM,OAAO,CAAC,GAAG,EAAM,OAAO,CAAC,GAAG,CACxD,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"Modal.styles.js","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -32,7 +32,7 @@ import { Menu } from '../Menu';
|
|
|
32
32
|
import { OverlayTrigger } from '../OverlayTrigger';
|
|
33
33
|
import { Tooltip } from '../Tooltip';
|
|
34
34
|
import { StyledBody, StyledFooter, StyledFooterActions, StyledFooterNotation, StyledHeader, StyledHeaderActions, StyledHeaderBackAction, StyledMoreMenu, StyledPanel, StyledTitle, StyledCloseButton, } from './Panel.styles';
|
|
35
|
-
import { Section, SectionProvider } from '../../layouts/Section';
|
|
35
|
+
import { Section, SectionProvider, LevelContext } from '../../layouts/Section';
|
|
36
36
|
import { useI18nContext } from '../..';
|
|
37
37
|
var maxVisibleIcons = 3;
|
|
38
38
|
var HeaderAction = React.forwardRef(function HeaderAction(_a, ref) {
|
|
@@ -91,7 +91,8 @@ var Header = React.forwardRef(function Header(_a, ref) {
|
|
|
91
91
|
var Body = React.forwardRef(function Body(_a, ref) {
|
|
92
92
|
var children = _a.children, props = __rest(_a, ["children"]);
|
|
93
93
|
return (React.createElement(SectionProvider, null,
|
|
94
|
-
React.createElement(
|
|
94
|
+
React.createElement(LevelContext.Provider, { value: 3 },
|
|
95
|
+
React.createElement(StyledBody, __assign({}, props, { ref: ref }), children))));
|
|
95
96
|
});
|
|
96
97
|
var FooterNotation = React.forwardRef(function FooterNotation(_a, ref) {
|
|
97
98
|
var children = _a.children, props = __rest(_a, ["children"]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Panel.js","sourceRoot":"","sources":["../../../../src/components/Panel/Panel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAEpC,OAAO,EACL,UAAU,EACV,YAAY,EACZ,mBAAmB,EACnB,oBAAoB,EACpB,YAAY,EACZ,mBAAmB,EACnB,sBAAsB,EACtB,cAAc,EACd,WAAW,EACX,WAAW,EACX,iBAAiB,GAClB,MAAM,gBAAgB,CAAA;AAQvB,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;
|
|
1
|
+
{"version":3,"file":"Panel.js","sourceRoot":"","sources":["../../../../src/components/Panel/Panel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,6 +7,7 @@ import { colors } from '../../styles/colors';
|
|
|
7
7
|
import { spacing } from '../../styles/spacing';
|
|
8
8
|
import { Card } from '../Card';
|
|
9
9
|
import { Typography } from '../Typography/Typography';
|
|
10
|
+
import { StyledSection, StyledSectionInner, } from '../../layouts/Section/Section.styles';
|
|
10
11
|
var headerActionSize = 36;
|
|
11
12
|
var buttonShadowWidth = 2;
|
|
12
13
|
var gutter = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n > * + * {\n margin-left: ", "px;\n }\n"], ["\n > * + * {\n margin-left: ", "px;\n }\n"])), spacing.sm);
|
|
@@ -29,10 +30,10 @@ export var StyledHeaderBackAction = styled.div(templateObject_5 || (templateObje
|
|
|
29
30
|
export var StyledMoreMenu = styled(Card)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n max-height: 128px;\n"], ["\n max-height: 128px;\n"])));
|
|
30
31
|
export var StyledHeaderActions = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n display: flex;\n margin-left: ", "px;\n flex-shrink: 0;\n\n ", "\n"], ["\n display: flex;\n margin-left: ", "px;\n flex-shrink: 0;\n\n ", "\n"])), spacing.lg, gutter);
|
|
31
32
|
export var StyledCloseButton = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n margin-left: ", "px;\n"], ["\n margin-left: ", "px;\n"])), spacing.sm);
|
|
32
|
-
export var StyledBody = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n height: 100%;\n background: ", ";\n overflow-y: auto;\n"], ["\n height: 100%;\n background: ", ";\n overflow-y: auto;\n"])), function (_a) {
|
|
33
|
+
export var StyledBody = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n height: 100%;\n background: ", ";\n overflow-y: auto;\n\n > ", " {\n padding-left: ", "px;\n padding-right: ", "px;\n\n ", " {\n padding-left: 0;\n padding-right: 0;\n }\n\n &:first-child > ", " {\n padding-top: ", "px;\n }\n }\n"], ["\n height: 100%;\n background: ", ";\n overflow-y: auto;\n\n > ", " {\n padding-left: ", "px;\n padding-right: ", "px;\n\n ", " {\n padding-left: 0;\n padding-right: 0;\n }\n\n &:first-child > ", " {\n padding-top: ", "px;\n }\n }\n"])), function (_a) {
|
|
33
34
|
var secondaryBgColor = _a.secondaryBgColor;
|
|
34
35
|
return secondaryBgColor ? colors.gray96 : colors.white;
|
|
35
|
-
});
|
|
36
|
+
}, StyledSection, spacing.lg, spacing.lg, StyledSection, StyledSectionInner, spacing.lg);
|
|
36
37
|
export var StyledPanel = styled.aside(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n background: ", ";\n overflow: hidden;\n"], ["\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n background: ", ";\n overflow: hidden;\n"])), colors.white);
|
|
37
38
|
export var StyledFooterNotation = styled.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n flex-grow: 1;\n"], ["\n flex-grow: 1;\n"])));
|
|
38
39
|
export var StyledFooterActions = styled.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), gutter);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Panel.styles.js","sourceRoot":"","sources":["../../../../src/components/Panel/Panel.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;
|
|
1
|
+
{"version":3,"file":"Panel.styles.js","sourceRoot":"","sources":["../../../../src/components/Panel/Panel.styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -6,7 +6,7 @@ import styled, { css } from 'styled-components';
|
|
|
6
6
|
import { colors } from '../../styles/colors';
|
|
7
7
|
import { spacing } from '../../styles/spacing';
|
|
8
8
|
import { getTypographyIntent } from '../Typography/Typography.styles';
|
|
9
|
-
export var StyledPill = styled.span(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n ", "\n display: inline-block;\n padding: 1px ", "px;\n border: 1px solid;\n border-radius: 10px;\n font-weight: 600;\n\n ", "\n"], ["\n ", "\n display: inline-block;\n padding: 1px ", "px;\n border: 1px solid;\n border-radius: 10px;\n font-weight: 600;\n\n ", "\n"])), getTypographyIntent('small'), spacing.sm, function (_a) {
|
|
9
|
+
export var StyledPill = styled.span(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n ", "\n display: inline-block;\n padding: 1px ", "px;\n border: 1px solid;\n border-radius: 10px;\n font-weight: 600;\n\n & + & {\n margin-left: ", "px;\n }\n\n ", "\n"], ["\n ", "\n display: inline-block;\n padding: 1px ", "px;\n border: 1px solid;\n border-radius: 10px;\n font-weight: 600;\n\n & + & {\n margin-left: ", "px;\n }\n\n ", "\n"])), getTypographyIntent('small'), spacing.sm, spacing.xs, function (_a) {
|
|
10
10
|
var $color = _a.$color;
|
|
11
11
|
switch ($color) {
|
|
12
12
|
case 'blue':
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pill.styles.js","sourceRoot":"","sources":["../../../../src/components/Pill/Pill.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AAGrE,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,IAAI,
|
|
1
|
+
{"version":3,"file":"Pill.styles.js","sourceRoot":"","sources":["../../../../src/components/Pill/Pill.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AAGrE,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,IAAI,0PAAuB,MACxD,EAA4B,6CAEf,EAAU,wGAMR,EAAU,gBAGzB,EAmCD,IACF,KA/CG,mBAAmB,CAAC,OAAO,CAAC,EAEf,OAAO,CAAC,EAAE,EAMR,OAAO,CAAC,EAAE,EAGzB,UAAC,EAAU;QAAR,MAAM,YAAA;IACT,QAAQ,MAAM,EAAE;QACd,KAAK,MAAM;YACT,OAAO,GAAG,yKAAA,gCACY,EAAa,6BACjB,EAAa,sBACpB,EAAa,aACvB,KAHqB,MAAM,CAAC,MAAM,EACjB,MAAM,CAAC,MAAM,EACpB,MAAM,CAAC,MAAM,EACvB;QACH,KAAK,MAAM;YACT,OAAO,GAAG,yKAAA,gCACY,EAAa,6BACjB,EAAa,sBACpB,EAAa,aACvB,KAHqB,MAAM,CAAC,MAAM,EACjB,MAAM,CAAC,MAAM,EACpB,MAAM,CAAC,MAAM,EACvB;QACH,KAAK,OAAO;YACV,OAAO,GAAG,yKAAA,gCACY,EAAc,6BAClB,EAAc,sBACrB,EAAc,aACxB,KAHqB,MAAM,CAAC,OAAO,EAClB,MAAM,CAAC,OAAO,EACrB,MAAM,CAAC,OAAO,EACxB;QACH,KAAK,KAAK;YACR,OAAO,GAAG,yKAAA,gCACY,EAAY,6BAChB,EAAY,sBACnB,EAAY,aACtB,KAHqB,MAAM,CAAC,KAAK,EAChB,MAAM,CAAC,KAAK,EACnB,MAAM,CAAC,KAAK,EACtB;QACH,KAAK,QAAQ;YACX,OAAO,GAAG,yKAAA,gCACY,EAAe,6BACnB,EAAe,sBACtB,EAAe,aACzB,KAHqB,MAAM,CAAC,QAAQ,EACnB,MAAM,CAAC,QAAQ,EACtB,MAAM,CAAC,QAAQ,EACzB;QACH;YACE,OAAO,EAAE,CAAA;KACZ;AACH,CAAC,CACF,CAAA"}
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { InteractableTileProps, SelectableTileProps, LinkTileProps, HeroTextProps, HeroMediaProps, TileProps } from './Tile.types';
|
|
3
2
|
import { Props } from '../../utils/types';
|
|
3
|
+
import { InteractableTileProps, SelectableTileProps, LinkTileProps, HeroTextProps, HeroMediaProps, TileProps } from './Tile.types';
|
|
4
4
|
export declare const InteractableTile: React.ForwardRefExoticComponent<Omit<InteractableTileProps, "variant"> & React.RefAttributes<HTMLDivElement>>;
|
|
5
5
|
export declare const LinkTile: React.ForwardRefExoticComponent<Omit<LinkTileProps, "variant"> & React.RefAttributes<HTMLAnchorElement>>;
|
|
6
6
|
export declare const SelectableTile: React.ForwardRefExoticComponent<Omit<SelectableTileProps, "variant"> & React.RefAttributes<HTMLDivElement>>;
|
|
7
7
|
export declare const Tile: React.ForwardRefExoticComponent<TileProps & React.RefAttributes<HTMLElement>> & {
|
|
8
8
|
Actions: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
|
|
9
9
|
Content: React.ForwardRefExoticComponent<HeroTextProps & React.RefAttributes<HTMLDivElement>>;
|
|
10
|
+
Footer: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
|
|
10
11
|
HeroText: React.ForwardRefExoticComponent<HeroTextProps & React.RefAttributes<HTMLDivElement>>;
|
|
11
12
|
HeroMedia: React.ForwardRefExoticComponent<HeroMediaProps & React.RefAttributes<HTMLDivElement>>;
|
|
12
13
|
};
|
|
@@ -21,25 +21,46 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
21
21
|
return t;
|
|
22
22
|
};
|
|
23
23
|
import React from 'react';
|
|
24
|
+
import { mergeRefs } from '../../effects/mergeRefs';
|
|
25
|
+
import { StyledActions } from '../../layouts/Content/Content.styles';
|
|
24
26
|
import { addSubcomponents } from '../../utils/addSubcomponents';
|
|
25
|
-
import { StyledLinkTile, StyledSelectableTile, StyledInteractableTile, StyledHeroMedia, StyledHeroText,
|
|
27
|
+
import { StyledLinkTile, StyledSelectableTile, StyledInteractableTile, StyledFooter, StyledHeroMedia, StyledHeroText, StyledTileContent, StyledHeroOverlay, } from './Tile.styles';
|
|
28
|
+
var heroTextGridTemplateColumns = 'auto 1fr';
|
|
26
29
|
var TileContext = React.createContext({
|
|
27
30
|
orientation: 'portrait',
|
|
28
31
|
});
|
|
29
32
|
var HeroMedia = React.forwardRef(function HeroMedia(_a, ref) {
|
|
30
33
|
var children = _a.children, _b = _a.overlay, overlay = _b === void 0 ? false : _b, onOverlayClick = _a.onOverlayClick, props = __rest(_a, ["children", "overlay", "onOverlayClick"]);
|
|
31
34
|
var orientation = React.useContext(TileContext).orientation;
|
|
32
|
-
|
|
35
|
+
var heroRef = React.useRef(null);
|
|
36
|
+
React.useLayoutEffect(function () {
|
|
37
|
+
var _a, _b;
|
|
38
|
+
if (orientation === 'landscape') {
|
|
39
|
+
(_b = (_a = heroRef.current) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.style.removeProperty('--core-tile-grid-template-columns');
|
|
40
|
+
}
|
|
41
|
+
}, [orientation]);
|
|
42
|
+
return (React.createElement(StyledHeroMedia, __assign({ ref: mergeRefs(heroRef, ref), "$orientation": orientation }, props),
|
|
33
43
|
overlay && React.createElement(StyledHeroOverlay, { onClick: onOverlayClick }),
|
|
34
44
|
children));
|
|
35
45
|
});
|
|
36
46
|
var HeroText = React.forwardRef(function HeroText(_a, ref) {
|
|
37
47
|
var children = _a.children, props = __rest(_a, ["children"]);
|
|
38
48
|
var orientation = React.useContext(TileContext).orientation;
|
|
39
|
-
|
|
49
|
+
var heroRef = React.useRef(null);
|
|
50
|
+
React.useLayoutEffect(function () {
|
|
51
|
+
var _a, _b;
|
|
52
|
+
if (orientation === 'landscape') {
|
|
53
|
+
(_b = (_a = heroRef.current) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.style.setProperty('--core-tile-grid-template-columns', heroTextGridTemplateColumns);
|
|
54
|
+
}
|
|
55
|
+
}, [orientation]);
|
|
56
|
+
return (React.createElement(StyledHeroText, __assign({ ref: mergeRefs(heroRef, ref), "$orientation": orientation }, props), children));
|
|
40
57
|
});
|
|
41
58
|
var Content = React.forwardRef(function Content(props, ref) {
|
|
42
|
-
return React.createElement(
|
|
59
|
+
return React.createElement(StyledTileContent, __assign({ ref: ref }, props));
|
|
60
|
+
});
|
|
61
|
+
var Footer = React.forwardRef(function Footer(_a, ref) {
|
|
62
|
+
var children = _a.children, props = __rest(_a, ["children"]);
|
|
63
|
+
return (React.createElement(StyledFooter, __assign({ ref: ref }, props), children));
|
|
43
64
|
});
|
|
44
65
|
var Actions = React.forwardRef(function Actions(_a, ref) {
|
|
45
66
|
var children = _a.children, props = __rest(_a, ["children"]);
|
|
@@ -81,5 +102,5 @@ var Tile_ = React.forwardRef(function Tile(_a, ref) {
|
|
|
81
102
|
return (React.createElement(LinkTile, __assign({ ref: ref, orientation: orientation }, props)));
|
|
82
103
|
}
|
|
83
104
|
});
|
|
84
|
-
export var Tile = addSubcomponents({ Actions: Actions, Content: Content, HeroText: HeroText, HeroMedia: HeroMedia }, Tile_);
|
|
105
|
+
export var Tile = addSubcomponents({ Actions: Actions, Content: Content, Footer: Footer, HeroText: HeroText, HeroMedia: HeroMedia }, Tile_);
|
|
85
106
|
//# sourceMappingURL=Tile.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tile.js","sourceRoot":"","sources":["../../../../src/components/Tile/Tile.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;
|
|
1
|
+
{"version":3,"file":"Tile.js","sourceRoot":"","sources":["../../../../src/components/Tile/Tile.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,8 +8,8 @@ export declare const StyledSelectableTile: import("styled-components").StyledCom
|
|
|
8
8
|
$disabled: boolean;
|
|
9
9
|
}, never>;
|
|
10
10
|
export declare const StyledInteractableTile: import("styled-components").StyledComponent<"div", any, StyledTile, never>;
|
|
11
|
-
export declare const
|
|
12
|
-
export declare const
|
|
11
|
+
export declare const StyledFooter: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
12
|
+
export declare const StyledTileContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../utils/types").DivAttributes & import("../../layouts/Box").BoxProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
|
|
13
13
|
export declare const StyledHeroMedia: import("styled-components").StyledComponent<"figure", any, {
|
|
14
14
|
$orientation: TileCommonProps['orientation'];
|
|
15
15
|
}, never>;
|
|
@@ -8,23 +8,34 @@ import { colors } from '../../styles/colors';
|
|
|
8
8
|
import { spacing } from '../../styles/spacing';
|
|
9
9
|
import { getShadow } from '../../styles/shadows';
|
|
10
10
|
import { getFocus } from '../../styles/mixins';
|
|
11
|
-
import {
|
|
11
|
+
import { StyledActions, StyledContent, } from '../../layouts/Content/Content.styles';
|
|
12
12
|
import { mediaIE11Hack } from '../../styles/media';
|
|
13
|
+
import { isIE11 } from '../../utils/isIE11';
|
|
14
|
+
import { StyledFormikForm as SFormikForm, StyledForm as SForm, StyledFormRow as SFormRow, } from '../Form/Form.styles';
|
|
13
15
|
var getHover = function ($selected) {
|
|
14
16
|
if ($selected === void 0) { $selected = false; }
|
|
15
17
|
return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n cursor: pointer;\n &:hover,\n &.hover {\n background-color: ", ";\n }\n"], ["\n cursor: pointer;\n &:hover,\n &.hover {\n background-color: ", ";\n }\n"])), $selected ? colors.blue94 : colors.gray96);
|
|
16
18
|
};
|
|
17
19
|
var getSelected = function () { return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n"], ["\n background-color: ", ";\n"])), colors.blue98); };
|
|
18
20
|
var getDisabled = function () { return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n cursor: not-allowed;\n"], ["\n cursor: not-allowed;\n"]))); };
|
|
21
|
+
var oneThirdTwoThirds = 'minmax(0, 1fr) minmax(0, 2fr)';
|
|
22
|
+
var getLandscapeTemplate = function () {
|
|
23
|
+
return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n --core-tile-grid-template-columns: ", ";\n grid-template-areas:\n 'hero body'\n 'hero footer';\n grid-template-columns: var(\n --core-tile-grid-template-columns,\n ", "\n );\n "], ["\n --core-tile-grid-template-columns: ", ";\n grid-template-areas:\n 'hero body'\n 'hero footer';\n grid-template-columns: var(\n --core-tile-grid-template-columns,\n ", "\n );\n "])), oneThirdTwoThirds, oneThirdTwoThirds);
|
|
24
|
+
};
|
|
25
|
+
var getPortraitTemplate = function () {
|
|
26
|
+
return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n grid-template-areas:\n 'hero'\n 'body'\n 'footer';\n grid-template-columns: 1fr;\n "], ["\n grid-template-areas:\n 'hero'\n 'body'\n 'footer';\n grid-template-columns: 1fr;\n "])));
|
|
27
|
+
};
|
|
19
28
|
var getTileStyles = function (_a) {
|
|
20
29
|
var $orientation = _a.$orientation, _b = _a.$selected, $selected = _b === void 0 ? false : _b, _c = _a.$hoverable, $hoverable = _c === void 0 ? false : _c, _d = _a.$disabled, $disabled = _d === void 0 ? false : _d;
|
|
21
|
-
return css(
|
|
30
|
+
return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n display: grid;\n ", ";\n\n background-color: ", ";\n border-radius: ", "px;\n width: 100%;\n ", "\n\n &:focus, &.focus {\n ", "\n }\n\n ", "\n ", "\n ", "\n "], ["\n display: grid;\n ", ";\n\n background-color: ", ";\n border-radius: ", "px;\n width: 100%;\n ", "\n\n &:focus, &.focus {\n ", "\n }\n\n ", "\n ", "\n ", "\n "])), $orientation === 'landscape'
|
|
31
|
+
? getLandscapeTemplate()
|
|
32
|
+
: getPortraitTemplate(), colors.white, borderRadius.md, getShadow(1, 'bottom'), getFocus(), $disabled ? getDisabled() : '', $selected ? getSelected() : '', $hoverable && !$disabled ? getHover($selected) : '');
|
|
22
33
|
};
|
|
23
|
-
export var StyledLinkTile = styled.a(
|
|
34
|
+
export var StyledLinkTile = styled.a(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n ", "\n text-decoration: none;\n color: inherit;\n"], ["\n ", "\n text-decoration: none;\n color: inherit;\n"])), function (_a) {
|
|
24
35
|
var $orientation = _a.$orientation;
|
|
25
36
|
return getTileStyles({ $orientation: $orientation, $hoverable: true });
|
|
26
37
|
});
|
|
27
|
-
export var StyledSelectableTile = styled.div(
|
|
38
|
+
export var StyledSelectableTile = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
28
39
|
var $orientation = _a.$orientation, $selected = _a.$selected, $disabled = _a.$disabled;
|
|
29
40
|
return getTileStyles({
|
|
30
41
|
$orientation: $orientation,
|
|
@@ -33,22 +44,22 @@ export var StyledSelectableTile = styled.div(templateObject_6 || (templateObject
|
|
|
33
44
|
$hoverable: true,
|
|
34
45
|
});
|
|
35
46
|
});
|
|
36
|
-
export var StyledInteractableTile = styled.div(
|
|
47
|
+
export var StyledInteractableTile = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
37
48
|
var $orientation = _a.$orientation;
|
|
38
49
|
return getTileStyles({ $orientation: $orientation });
|
|
39
50
|
});
|
|
40
|
-
export var
|
|
41
|
-
export var
|
|
42
|
-
export var StyledHeroMedia = styled.figure(
|
|
51
|
+
export var StyledFooter = styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n grid-area: footer;\n padding: ", "px;\n\n > ", " {\n flex-wrap: wrap-reverse;\n }\n"], ["\n grid-area: footer;\n padding: ", "px;\n\n > ", " {\n flex-wrap: wrap-reverse;\n }\n"])), spacing.lg, StyledActions);
|
|
52
|
+
export var StyledTileContent = styled(StyledContent)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n grid-column-start: hero-start;\n grid-column-end: body-end;\n padding: ", "px;\n\n + ", " {\n padding-top: 0;\n }\n\n > ", ", > ", " > ", ", > ", " > ", " {\n grid-column-gap: ", "px;\n }\n"], ["\n grid-column-start: hero-start;\n grid-column-end: body-end;\n padding: ", "px;\n\n + ", " {\n padding-top: 0;\n }\n\n > ", ", > ", " > ", ", > ", " > ", " {\n grid-column-gap: ", "px;\n }\n"])), spacing.lg, StyledFooter, SFormRow, SForm, SFormRow, SFormikForm, SFormRow, spacing.md);
|
|
53
|
+
export var StyledHeroMedia = styled.figure(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n grid-area: hero;\n margin: 0;\n position: relative;\n overflow: hidden;\n\n font-size: 0;\n > * {\n font-size: initial;\n }\n\n + ", " {\n grid-area: body;\n }\n\n > video {\n background-color: ", ";\n }\n > img,\n > picture > img {\n object-fit: cover;\n }\n ", "\n"], ["\n grid-area: hero;\n margin: 0;\n position: relative;\n overflow: hidden;\n\n font-size: 0;\n > * {\n font-size: initial;\n }\n\n + ", " {\n grid-area: body;\n }\n\n > video {\n background-color: ", ";\n }\n > img,\n > picture > img {\n object-fit: cover;\n }\n ", "\n"])), StyledTileContent, colors.black, function (_a) {
|
|
43
54
|
var $orientation = _a.$orientation;
|
|
44
|
-
return $orientation === 'landscape'
|
|
45
|
-
? css(
|
|
55
|
+
return $orientation === 'landscape' && !isIE11()
|
|
56
|
+
? css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n border-top-left-radius: inherit;\n border-bottom-left-radius: inherit;\n > *,\n > picture > img {\n height: 100%;\n width: 100%;\n position: absolute;\n }\n\n @media ", " {\n > picture > img,\n > img {\n width: auto;\n left: 50%;\n transform: translate(-50%, 0);\n }\n }\n "], ["\n border-top-left-radius: inherit;\n border-bottom-left-radius: inherit;\n > *,\n > picture > img {\n height: 100%;\n width: 100%;\n position: absolute;\n }\n\n @media ", " {\n > picture > img,\n > img {\n width: auto;\n left: 50%;\n transform: translate(-50%, 0);\n }\n }\n "])), mediaIE11Hack) : css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n min-height: 156px;\n max-height: 567px;\n border-top-left-radius: inherit;\n border-top-right-radius: inherit;\n > *,\n > picture > img {\n min-height: inherit;\n max-height: inherit;\n height: auto;\n width: 100%;\n }\n "], ["\n min-height: 156px;\n max-height: 567px;\n border-top-left-radius: inherit;\n border-top-right-radius: inherit;\n > *,\n > picture > img {\n min-height: inherit;\n max-height: inherit;\n height: auto;\n width: 100%;\n }\n "])));
|
|
46
57
|
});
|
|
47
|
-
export var StyledHeroOverlay = styled.div(
|
|
48
|
-
export var StyledHeroText = styled.div(
|
|
58
|
+
export var StyledHeroOverlay = styled.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: 1;\n"], ["\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: 1;\n"])));
|
|
59
|
+
export var StyledHeroText = styled.div(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n grid-area: hero;\n\n + ", " {\n grid-area: body;\n }\n\n padding: ", "px;\n border-radius: inherit;\n ", "\n"], ["\n grid-area: hero;\n\n + ", " {\n grid-area: body;\n }\n\n padding: ", "px;\n border-radius: inherit;\n ", "\n"])), StyledTileContent, spacing.lg, function (_a) {
|
|
49
60
|
var $orientation = _a.$orientation;
|
|
50
61
|
return $orientation === 'landscape'
|
|
51
|
-
? css(
|
|
62
|
+
? css(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding-right: 0;\n "], ["\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding-right: 0;\n "]))) : css(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n padding-bottom: 0;\n "], ["\n padding-bottom: 0;\n "])));
|
|
52
63
|
});
|
|
53
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16;
|
|
64
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18;
|
|
54
65
|
//# sourceMappingURL=Tile.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tile.styles.js","sourceRoot":"","sources":["../../../../src/components/Tile/Tile.styles.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;
|
|
1
|
+
{"version":3,"file":"Tile.styles.js","sourceRoot":"","sources":["../../../../src/components/Tile/Tile.styles.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,5 +5,5 @@ export declare const StyledTitleContent: import("styled-components").StyledCompo
|
|
|
5
5
|
}, never>;
|
|
6
6
|
export declare const StyledText: import("styled-components").StyledComponent<"span", any, {}, never>;
|
|
7
7
|
export declare const StyledTitlePill: import("styled-components").StyledComponent<"span", any, {}, never>;
|
|
8
|
-
export declare const StyledTitleActions: import("styled-components").StyledComponent<"
|
|
8
|
+
export declare const StyledTitleActions: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../utils/types").DivAttributes & import("../../layouts/Box").BoxProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
|
|
9
9
|
export declare const StyledSubtext: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../utils/types").SpanAttributes & import("../Typography").TypographyProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
|
|
@@ -3,18 +3,19 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
3
3
|
return cooked;
|
|
4
4
|
};
|
|
5
5
|
import styled, { css } from 'styled-components';
|
|
6
|
+
import { StyledActions } from '../../layouts/Content/Content.styles';
|
|
6
7
|
import { spacing } from '../../styles/spacing';
|
|
7
8
|
import { StyledPill } from '../Pill/Pill.styles';
|
|
8
9
|
import { Typography } from '../Typography';
|
|
9
10
|
export var StyledTitle = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n align-items: flex-start;\n"], ["\n display: flex;\n align-items: flex-start;\n"])));
|
|
10
11
|
export var StyledAssets = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n margin-right: ", "px;\n"], ["\n margin-right: ", "px;\n"])), spacing.md);
|
|
11
|
-
export var StyledTitleContent = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
12
|
+
export var StyledTitleContent = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n align-self: center;\n\n ", "\n"], ["\n align-self: center;\n\n ", "\n"])), function (_a) {
|
|
12
13
|
var $hasActions = _a.$hasActions;
|
|
13
14
|
return $hasActions && css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n margin-right: ", "px;\n "], ["\n margin-right: ", "px;\n "])), spacing.lg);
|
|
14
15
|
});
|
|
15
|
-
export var StyledText = styled.span(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n
|
|
16
|
-
export var StyledTitlePill = styled.span(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n ", " {\n vertical-align: text-top;\n }\n
|
|
17
|
-
export var StyledTitleActions = styled
|
|
16
|
+
export var StyledText = styled.span(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n > h1,\n > h2,\n > h3 {\n display: inline;\n }\n"], ["\n > h1,\n > h2,\n > h3 {\n display: inline;\n }\n"])));
|
|
17
|
+
export var StyledTitlePill = styled.span(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n margin-left: ", "px;\n\n ", " {\n vertical-align: text-top;\n }\n"], ["\n margin-left: ", "px;\n\n ", " {\n vertical-align: text-top;\n }\n"])), spacing.sm, StyledPill);
|
|
18
|
+
export var StyledTitleActions = styled(StyledActions)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n margin-left: auto;\n"], ["\n margin-left: auto;\n"])));
|
|
18
19
|
export var StyledSubtext = styled(Typography)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
19
20
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
|
|
20
21
|
//# sourceMappingURL=Title.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Title.styles.js","sourceRoot":"","sources":["../../../../src/components/Title/Title.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,qHAAA,kDAGpC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,gGAAA,oBACpB,EAAU,OAC3B,KADiB,OAAO,CAAC,EAAE,CAC3B,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,+
|
|
1
|
+
{"version":3,"file":"Title.styles.js","sourceRoot":"","sources":["../../../../src/components/Title/Title.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAA;AACpE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,qHAAA,kDAGpC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,gGAAA,oBACpB,EAAU,OAC3B,KADiB,OAAO,CAAC,EAAE,CAC3B,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,wGAA0B,+BAGlE,EAIC,IACJ,KALG,UAAC,EAAe;QAAb,WAAW,iBAAA;IACd,OAAA,WAAW,IACX,GAAG,wGAAA,wBACe,EAAU,WAC3B,KADiB,OAAO,CAAC,EAAE,CAC3B;AAHD,CAGC,CACJ,CAAA;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,IAAI,8HAAA,2DAMpC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,IAAI,+IAAA,mBACzB,EAAU,WAEvB,EAAU,0CAGb,KALgB,OAAO,CAAC,EAAE,EAEvB,UAAU,CAGb,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,aAAa,CAAC,6FAAA,0BAEtD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC,0FAAA,uBAE9C,IAAA,CAAA"}
|
|
@@ -2,6 +2,28 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
2
2
|
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
3
|
return cooked;
|
|
4
4
|
};
|
|
5
|
+
var __assign = (this && this.__assign) || function () {
|
|
6
|
+
__assign = Object.assign || function(t) {
|
|
7
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
8
|
+
s = arguments[i];
|
|
9
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
10
|
+
t[p] = s[p];
|
|
11
|
+
}
|
|
12
|
+
return t;
|
|
13
|
+
};
|
|
14
|
+
return __assign.apply(this, arguments);
|
|
15
|
+
};
|
|
16
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
17
|
+
var t = {};
|
|
18
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
19
|
+
t[p] = s[p];
|
|
20
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
21
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
22
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
23
|
+
t[p[i]] = s[p[i]];
|
|
24
|
+
}
|
|
25
|
+
return t;
|
|
26
|
+
};
|
|
5
27
|
import React from 'react';
|
|
6
28
|
import styled from 'styled-components';
|
|
7
29
|
import { colors } from '../../../styles/colors';
|
|
@@ -15,8 +37,8 @@ var StyledGrid = styled.div(templateObject_2 || (templateObject_2 = __makeTempla
|
|
|
15
37
|
});
|
|
16
38
|
var StyledGridContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 100%;\n padding: 24px;\n width: 100%;\n"], ["\n height: 100%;\n padding: 24px;\n width: 100%;\n"])));
|
|
17
39
|
export var StoryGrid = function StoryGrid(_a) {
|
|
18
|
-
var children = _a.children, _b = _a.columns, columns = _b === void 0 ? 1 : _b, _c = _a.minHeight, minHeight = _c === void 0 ? 100 : _c;
|
|
19
|
-
return (React.createElement(StyledGridContainer,
|
|
40
|
+
var children = _a.children, _b = _a.columns, columns = _b === void 0 ? 1 : _b, _c = _a.minHeight, minHeight = _c === void 0 ? 100 : _c, props = __rest(_a, ["children", "columns", "minHeight"]);
|
|
41
|
+
return (React.createElement(StyledGridContainer, __assign({}, props),
|
|
20
42
|
React.createElement(StyledGrid, { columns: columns, minHeight: minHeight }, React.Children.map(children, function (child, i) {
|
|
21
43
|
return React.createElement(StyledCell, null, child);
|
|
22
44
|
}))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StoryGrid.js","sourceRoot":"","sources":["../../../../../src/components/_storyHelpers_/components/StoryGrid.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"StoryGrid.js","sourceRoot":"","sources":["../../../../../src/components/_storyHelpers_/components/StoryGrid.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAO/C,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,sOAAA,0HAKC,EAAa,gCACd,EAAa,KACzC,KAF6B,MAAM,CAAC,MAAM,EACd,MAAM,CAAC,MAAM,CACzC,CAAA;AAED,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,gYAAW,8GAKb,EAAa,+BACZ,EAAa,2CAEnC,EAA4B,kEAK9B,EAAU,sBACI,EAA4B,mCAG7C,KAZ0B,MAAM,CAAC,MAAM,EACZ,MAAM,CAAC,MAAM,EAEnC,UAAC,EAAe;QAAb,eAAW,EAAX,OAAO,mBAAG,CAAC,KAAA;IAAO,OAAA,OAAO;AAAP,CAAO,EAK9B,UAAU,EACI,UAAC,EAAa;QAAX,SAAS,eAAA;IAAO,OAAA,SAAS;AAAT,CAAS,CAG7C,CAAA;AAED,IAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,0HAAA,uDAIrC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,SAAS,GAAwB,SAAS,SAAS,CAAC,EAKhE;IAJC,IAAA,QAAQ,cAAA,EACR,eAAW,EAAX,OAAO,mBAAG,CAAC,KAAA,EACX,iBAAe,EAAf,SAAS,mBAAG,GAAG,KAAA,EACZ,KAAK,cAJuD,oCAKhE,CADS;IAER,OAAO,CACL,oBAAC,mBAAmB,eAAK,KAAK;QAC5B,oBAAC,UAAU,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,IAC/C,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK,EAAE,CAAC;YACrC,OAAO,oBAAC,UAAU,QAAE,KAAK,CAAc,CAAA;QACzC,CAAC,CAAC,CACS,CACO,CACvB,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -21,6 +21,9 @@ export function Ipsum(lengthOrLengthProp) {
|
|
|
21
21
|
var recursiveGrow = function (length, out) {
|
|
22
22
|
if (length === void 0) { length = 1; }
|
|
23
23
|
if (out === void 0) { out = exampleText.longest_ipsum; }
|
|
24
|
+
if (!length) {
|
|
25
|
+
return '';
|
|
26
|
+
}
|
|
24
27
|
if (out.length < length) {
|
|
25
28
|
return recursiveGrow(length, out + exampleText.longest_ipsum);
|
|
26
29
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../src/components/_storyHelpers_/constants.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../src/components/_storyHelpers_/constants.tsx"],"names":[],"mappings":"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"}
|
package/dist/esm/index.d.ts
CHANGED
|
@@ -67,6 +67,7 @@ export { default as Typography } from './components/Typography';
|
|
|
67
67
|
export { Title } from './components/Title';
|
|
68
68
|
export { default as Analytics, useAnalyticsContext, } from './decorators/Analytics';
|
|
69
69
|
export { default as Box } from './layouts/Box';
|
|
70
|
+
export { Content } from './layouts/Content';
|
|
70
71
|
export { default as DetailPage } from './layouts/DetailPage/DetailPage';
|
|
71
72
|
export { NextDetailPage } from './layouts/NextDetailPage';
|
|
72
73
|
export { default as Flex } from './layouts/Flex';
|