@paprika/takeover 1.0.16 → 1.0.17-next.0
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/CHANGELOG.md +11 -0
- package/lib/Takeover.js +11 -9
- package/lib/Takeover.js.map +1 -1
- package/lib/Takeover.styles.js +4 -4
- package/lib/components/Content/Content.js +3 -3
- package/lib/components/FocusLock/FocusLock.js +2 -2
- package/lib/components/FocusLock/index.js +2 -2
- package/lib/components/Header/Header.js +7 -5
- package/lib/components/Header/Header.js.map +1 -1
- package/lib/components/Header/Header.styles.js +7 -7
- package/lib/components/Overlay/Overlay.js +2 -2
- package/lib/components/Overlay/index.js +2 -2
- package/lib/index.js +2 -2
- package/lib/types.js +4 -4
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,16 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 1.0.17-next.0
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies [3385c1f]
|
|
8
|
+
- @paprika/tokens@1.1.0-next.0
|
|
9
|
+
- @paprika/button@1.1.6-next.0
|
|
10
|
+
- @paprika/heading@1.0.9-next.0
|
|
11
|
+
- @paprika/overlay@1.0.9-next.0
|
|
12
|
+
- @paprika/stylers@1.1.1-next.0
|
|
13
|
+
|
|
3
14
|
## 1.0.16
|
|
4
15
|
|
|
5
16
|
### Patch Changes
|
package/lib/Takeover.js
CHANGED
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime-corejs2/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
3
|
var _typeof = require("@babel/runtime-corejs2/helpers/typeof");
|
|
6
4
|
|
|
7
|
-
var
|
|
5
|
+
var _Object$keys = require("@babel/runtime-corejs2/core-js/object/keys");
|
|
8
6
|
|
|
9
|
-
var _Object$
|
|
7
|
+
var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs2/core-js/object/get-own-property-symbols");
|
|
10
8
|
|
|
11
|
-
var _Object$
|
|
9
|
+
var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs2/core-js/object/get-own-property-descriptor");
|
|
12
10
|
|
|
13
11
|
var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs2/core-js/object/get-own-property-descriptors");
|
|
14
12
|
|
|
15
|
-
var _Object$
|
|
13
|
+
var _Object$defineProperties = require("@babel/runtime-corejs2/core-js/object/define-properties");
|
|
16
14
|
|
|
17
|
-
var _Object$
|
|
15
|
+
var _Object$defineProperty = require("@babel/runtime-corejs2/core-js/object/define-property");
|
|
18
16
|
|
|
19
|
-
var
|
|
17
|
+
var _WeakMap = require("@babel/runtime-corejs2/core-js/weak-map");
|
|
18
|
+
|
|
19
|
+
var _interopRequireDefault = require("@babel/runtime-corejs2/helpers/interopRequireDefault");
|
|
20
20
|
|
|
21
21
|
_Object$defineProperty(exports, "__esModule", {
|
|
22
22
|
value: true
|
|
@@ -50,6 +50,8 @@ var _Content = _interopRequireDefault(require("./components/Content/Content"));
|
|
|
50
50
|
|
|
51
51
|
var sc = _interopRequireWildcard(require("./Takeover.styles"));
|
|
52
52
|
|
|
53
|
+
var _excluded = ["a11yText", "isOpen", "onClose", "onAfterClose", "onAfterOpen", "zIndex"];
|
|
54
|
+
|
|
53
55
|
function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
54
56
|
|
|
55
57
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
@@ -95,7 +97,7 @@ function Takeover(props) {
|
|
|
95
97
|
onAfterClose = props.onAfterClose,
|
|
96
98
|
onAfterOpen = props.onAfterOpen,
|
|
97
99
|
zIndex = props.zIndex,
|
|
98
|
-
moreProps = (0, _objectWithoutProperties2["default"])(props,
|
|
100
|
+
moreProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
|
|
99
101
|
|
|
100
102
|
var _extractChildren = (0, _helpers2.extractChildren)(moreProps.children, ["Takeover.Content", "Takeover.FocusLock", "Takeover.Header", "Takeover.Overlay"]),
|
|
101
103
|
contentExtracted = _extractChildren["Takeover.Content"],
|
package/lib/Takeover.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Takeover.js"],"names":["propTypes","a11yText","PropTypes","string","children","node","isRequired","isOpen","bool","onAfterClose","func","onAfterOpen","onClose","zIndex","number","defaultProps","Takeover","props","moreProps","contentExtracted","focusLockExtracted","headerExtracted","overlayExtracted","focusLockProps","focusLockOptions","as","sc","FocusLock","overlayProps","hasBackdrop","getAriaLabel","console","error","state","displayName","Header","Content","Overlay"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA
|
|
1
|
+
{"version":3,"sources":["../src/Takeover.js"],"names":["propTypes","a11yText","PropTypes","string","children","node","isRequired","isOpen","bool","onAfterClose","func","onAfterOpen","onClose","zIndex","number","defaultProps","Takeover","props","moreProps","contentExtracted","focusLockExtracted","headerExtracted","overlayExtracted","focusLockProps","focusLockOptions","as","sc","FocusLock","overlayProps","hasBackdrop","getAriaLabel","console","error","state","displayName","Header","Content","Overlay"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { zValue } from \"@paprika/stylers/lib/helpers\";\nimport { extractChildren } from \"@paprika/helpers\";\nimport OriginalOverlay from \"@paprika/overlay\";\nimport Overlay from \"./components/Overlay\";\nimport FocusLock from \"./components/FocusLock\";\nimport Header from \"./components/Header/Header\";\nimport Content from \"./components/Content/Content\";\nimport * as sc from \"./Takeover.styles\";\n\nconst propTypes = {\n /* Description of the Takeover dialog for assistive technology */\n a11yText: PropTypes.string,\n\n /** The content for the Takeover */\n children: PropTypes.node.isRequired,\n\n /** Control the visibility of the Takeover */\n isOpen: PropTypes.bool.isRequired,\n\n /** Callback once the Takeover has been closed event */\n onAfterClose: PropTypes.func,\n\n /** Callback once the Takeover has been opened event */\n onAfterOpen: PropTypes.func,\n\n /** Callback triggered when the takeover needs to be close */\n onClose: PropTypes.func,\n\n /** The z-index of the Takeover content */\n zIndex: PropTypes.number,\n};\n\nconst defaultProps = {\n a11yText: null,\n onClose: () => {},\n onAfterClose: () => {},\n onAfterOpen: () => {},\n zIndex: zValue(5),\n};\n\nexport default function Takeover(props) {\n const { a11yText, isOpen, onClose, onAfterClose, onAfterOpen, zIndex, ...moreProps } = props;\n\n const {\n \"Takeover.Content\": contentExtracted,\n \"Takeover.FocusLock\": focusLockExtracted,\n \"Takeover.Header\": headerExtracted,\n \"Takeover.Overlay\": overlayExtracted,\n children,\n } = extractChildren(moreProps.children, [\n \"Takeover.Content\",\n \"Takeover.FocusLock\",\n \"Takeover.Header\",\n \"Takeover.Overlay\",\n ]);\n\n const focusLockProps = focusLockExtracted ? focusLockExtracted.props : {};\n const focusLockOptions = {\n as: sc.FocusLock,\n ...(focusLockProps || {}),\n };\n\n const overlayProps = {\n \"data-pka-anchor\": \"takeover.overlay\",\n hasBackdrop: false,\n focusLockOptions,\n ...(overlayExtracted && overlayExtracted.props),\n isOpen,\n onAfterClose,\n onAfterOpen,\n onClose,\n zIndex,\n };\n\n function getAriaLabel() {\n if (a11yText) return a11yText;\n if (!headerExtracted || typeof headerExtracted.props.children !== \"string\") {\n console.error(\n \"Accessibility is important 😇\\nThe Takeover requires either an a11yText prop or a Takeover.Header with a string for children.\"\n );\n return null;\n }\n\n return headerExtracted.props.children;\n }\n\n return (\n <OriginalOverlay {...overlayProps}>\n {state => (\n <sc.Takeover\n state={state}\n {...moreProps}\n aria-label={getAriaLabel()}\n aria-modal\n data-pka-anchor=\"takeover\"\n role=\"dialog\"\n zIndex={zIndex}\n >\n {headerExtracted && <sc.Header {...headerExtracted.props} onClose={onClose} />}\n {contentExtracted && (\n <sc.Content role=\"region\" tabIndex=\"0\">\n {contentExtracted}\n </sc.Content>\n )}\n {children}\n </sc.Takeover>\n )}\n </OriginalOverlay>\n );\n}\n\nTakeover.displayName = \"Takeover\";\nTakeover.propTypes = propTypes;\nTakeover.defaultProps = defaultProps;\n\nTakeover.Header = Header;\nTakeover.Content = Content;\nTakeover.FocusLock = FocusLock;\nTakeover.Overlay = Overlay;\n"],"file":"Takeover.js"}
|
package/lib/Takeover.styles.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _typeof = require("@babel/runtime-corejs2/helpers/typeof");
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _WeakMap = require("@babel/runtime-corejs2/core-js/weak-map");
|
|
6
6
|
|
|
7
7
|
var _Object$defineProperty = require("@babel/runtime-corejs2/core-js/object/define-property");
|
|
8
8
|
|
|
9
|
-
var
|
|
9
|
+
var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs2/core-js/object/get-own-property-descriptor");
|
|
10
10
|
|
|
11
|
-
var
|
|
11
|
+
var _interopRequireDefault = require("@babel/runtime-corejs2/helpers/interopRequireDefault");
|
|
12
12
|
|
|
13
13
|
_Object$defineProperty(exports, "__esModule", {
|
|
14
14
|
value: true
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime-corejs2/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
3
|
var _Object$defineProperty = require("@babel/runtime-corejs2/core-js/object/define-property");
|
|
6
4
|
|
|
5
|
+
var _interopRequireDefault = require("@babel/runtime-corejs2/helpers/interopRequireDefault");
|
|
6
|
+
|
|
7
7
|
_Object$defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
9
9
|
});
|
|
@@ -18,7 +18,7 @@ var _tokens = _interopRequireDefault(require("@paprika/tokens/lib/tokens"));
|
|
|
18
18
|
|
|
19
19
|
var Content = _styledComponents["default"].div.withConfig({
|
|
20
20
|
displayName: "Content",
|
|
21
|
-
componentId: "z0n5xf-0"
|
|
21
|
+
componentId: "sc-z0n5xf-0"
|
|
22
22
|
})(["background-color:", ";border-radius:", ";box-shadow:", ";margin:", ";padding:", ";"], _tokens["default"].color.white, _tokens["default"].card.borderRadius, _tokens["default"].card.shadow, (0, _helpers.spacer)(2), (0, _helpers.spacer)(2));
|
|
23
23
|
|
|
24
24
|
Content.displayName = "Takeover.Content";
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime-corejs2/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
3
|
var _Object$defineProperty = require("@babel/runtime-corejs2/core-js/object/define-property");
|
|
6
4
|
|
|
5
|
+
var _interopRequireDefault = require("@babel/runtime-corejs2/helpers/interopRequireDefault");
|
|
6
|
+
|
|
7
7
|
_Object$defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
9
9
|
});
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime-corejs2/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
3
|
var _Object$defineProperty = require("@babel/runtime-corejs2/core-js/object/define-property");
|
|
6
4
|
|
|
5
|
+
var _interopRequireDefault = require("@babel/runtime-corejs2/helpers/interopRequireDefault");
|
|
6
|
+
|
|
7
7
|
_Object$defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
9
9
|
});
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _typeof = require("@babel/runtime-corejs2/helpers/typeof");
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _WeakMap = require("@babel/runtime-corejs2/core-js/weak-map");
|
|
6
6
|
|
|
7
7
|
var _Object$defineProperty = require("@babel/runtime-corejs2/core-js/object/define-property");
|
|
8
8
|
|
|
9
|
-
var
|
|
9
|
+
var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs2/core-js/object/get-own-property-descriptor");
|
|
10
10
|
|
|
11
|
-
var
|
|
11
|
+
var _interopRequireDefault = require("@babel/runtime-corejs2/helpers/interopRequireDefault");
|
|
12
12
|
|
|
13
13
|
_Object$defineProperty(exports, "__esModule", {
|
|
14
14
|
value: true
|
|
@@ -32,6 +32,8 @@ var types = _interopRequireWildcard(require("../../types"));
|
|
|
32
32
|
|
|
33
33
|
var sc = _interopRequireWildcard(require("./Header.styles"));
|
|
34
34
|
|
|
35
|
+
var _excluded = ["children", "level", "hasCloseButton", "kind", "onClose", "refHeading"];
|
|
36
|
+
|
|
35
37
|
function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
36
38
|
|
|
37
39
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
@@ -43,7 +45,7 @@ var Header = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
|
|
|
43
45
|
kind = props.kind,
|
|
44
46
|
onClose = props.onClose,
|
|
45
47
|
refHeading = props.refHeading,
|
|
46
|
-
moreProps = (0, _objectWithoutProperties2["default"])(props,
|
|
48
|
+
moreProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
|
|
47
49
|
return /*#__PURE__*/_react["default"].createElement(sc.Header, (0, _extends2["default"])({
|
|
48
50
|
ref: ref,
|
|
49
51
|
kind: kind
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Header/Header.js"],"names":["Header","React","forwardRef","props","ref","children","level","hasCloseButton","kind","onClose","refHeading","moreProps","types","DEFAULT","PRIMARY","propTypes","PropTypes","node","isRequired","bool","oneOf","func","defaultProps","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Header/Header.js"],"names":["Header","React","forwardRef","props","ref","children","level","hasCloseButton","kind","onClose","refHeading","moreProps","types","DEFAULT","PRIMARY","propTypes","PropTypes","node","isRequired","bool","oneOf","func","defaultProps","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,IAAMA,MAAM,gBAAGC,kBAAMC,UAAN,CAAiB,UAACC,KAAD,EAAQC,GAAR,EAAgB;AAC9C,MAAQC,QAAR,GAAqFF,KAArF,CAAQE,QAAR;AAAA,MAAkBC,KAAlB,GAAqFH,KAArF,CAAkBG,KAAlB;AAAA,MAAyBC,cAAzB,GAAqFJ,KAArF,CAAyBI,cAAzB;AAAA,MAAyCC,IAAzC,GAAqFL,KAArF,CAAyCK,IAAzC;AAAA,MAA+CC,OAA/C,GAAqFN,KAArF,CAA+CM,OAA/C;AAAA,MAAwDC,UAAxD,GAAqFP,KAArF,CAAwDO,UAAxD;AAAA,MAAuEC,SAAvE,6CAAqFR,KAArF;AAEA,sBACE,gCAAC,EAAD,CAAI,MAAJ;AAAW,IAAA,GAAG,EAAEC,GAAhB;AAAqB,IAAA,IAAI,EAAEI;AAA3B,KAAqCG,SAArC,gBACE,gCAAC,EAAD,CAAI,OAAJ;AAAY,IAAA,KAAK,EAAEL,KAAnB;AAA0B,IAAA,YAAY,EAAE,CAAxC;AAA2C,IAAA,OAAO,MAAlD;AAAmD,IAAA,GAAG,EAAEI;AAAxD,KACGL,QADH,CADF,EAIGE,cAAc,iBACb,gCAAC,EAAD,CAAI,WAAJ,qBACE,gCAAC,kBAAD,CAAQ,KAAR;AACE,uBAAgB,8BADlB;AAEE,IAAA,OAAO,EAAEE,OAFX;AAGE,IAAA,MAAM,EAAED,IAAI,KAAK,SAAT,IAAsB,IAHhC;AAIE,IAAA,IAAI,EAAC;AAJP,IADF,CALJ,CADF;AAiBD,CApBc,CAAf;;AAsBAR,MAAM,CAACY,KAAP,GAAe;AACbJ,EAAAA,IAAI,EAAE;AAAEK,IAAAA,OAAO,EAAED,KAAK,CAACC,OAAjB;AAA0BC,IAAAA,OAAO,EAAEF,KAAK,CAACE;AAAzC;AADO,CAAf;AAIA,IAAMC,SAAS,GAAG;AAChBV,EAAAA,QAAQ,EAAEW,sBAAUC,IAAV,CAAeC,UADT;AAEhBX,EAAAA,cAAc,EAAES,sBAAUG,IAFV;AAGhBX,EAAAA,IAAI,EAAEQ,sBAAUI,KAAV,CAAgB,CAACpB,MAAM,CAACY,KAAP,CAAaJ,IAAb,CAAkBK,OAAnB,EAA4Bb,MAAM,CAACY,KAAP,CAAaJ,IAAb,CAAkBM,OAA9C,CAAhB,CAHU;AAIhBR,EAAAA,KAAK,EAAEU,sBAAUI,KAAV,CAAgB,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb,EAAgB,CAAhB,CAAhB,CAJS;AAKhBX,EAAAA,OAAO,EAAEO,sBAAUK,IALH;AAMhBX,EAAAA,UAAU,EAAE;AANI,CAAlB;AASA,IAAMY,YAAY,GAAG;AACnBf,EAAAA,cAAc,EAAE,IADG;AAEnBD,EAAAA,KAAK,EAAE,CAFY;AAGnBE,EAAAA,IAAI,EAAER,MAAM,CAACY,KAAP,CAAaJ,IAAb,CAAkBK,OAHL;AAInBJ,EAAAA,OAAO,EAAE,mBAAM,CAAE,CAJE;AAKnBC,EAAAA,UAAU,EAAE;AALO,CAArB;AAQAV,MAAM,CAACuB,WAAP,GAAqB,iBAArB;AACAvB,MAAM,CAACe,SAAP,GAAmBA,SAAnB;AACAf,MAAM,CAACsB,YAAP,GAAsBA,YAAtB;eAEetB,M","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { RefOf } from \"@paprika/helpers\";\nimport Button from \"@paprika/button\";\nimport * as types from \"../../types\";\nimport * as sc from \"./Header.styles\";\n\nconst Header = React.forwardRef((props, ref) => {\n const { children, level, hasCloseButton, kind, onClose, refHeading, ...moreProps } = props;\n\n return (\n <sc.Header ref={ref} kind={kind} {...moreProps}>\n <sc.Heading level={level} displayLevel={3} isLight ref={refHeading}>\n {children}\n </sc.Heading>\n {hasCloseButton && (\n <sc.CloseButton>\n <Button.Close\n data-pka-anchor=\"takeover.header.close-button\"\n onClick={onClose}\n isDark={kind === \"primary\" || null}\n size=\"medium\"\n />\n </sc.CloseButton>\n )}\n </sc.Header>\n );\n});\n\nHeader.types = {\n kind: { DEFAULT: types.DEFAULT, PRIMARY: types.PRIMARY },\n};\n\nconst propTypes = {\n children: PropTypes.node.isRequired,\n hasCloseButton: PropTypes.bool,\n kind: PropTypes.oneOf([Header.types.kind.DEFAULT, Header.types.kind.PRIMARY]),\n level: PropTypes.oneOf([1, 2, 3, 4, 5, 6]),\n onClose: PropTypes.func,\n refHeading: RefOf(),\n};\n\nconst defaultProps = {\n hasCloseButton: true,\n level: 3,\n kind: Header.types.kind.DEFAULT,\n onClose: () => {},\n refHeading: null,\n};\n\nHeader.displayName = \"Takeover.Header\";\nHeader.propTypes = propTypes;\nHeader.defaultProps = defaultProps;\n\nexport default Header;\n"],"file":"Header.js"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _typeof = require("@babel/runtime-corejs2/helpers/typeof");
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _WeakMap = require("@babel/runtime-corejs2/core-js/weak-map");
|
|
6
6
|
|
|
7
7
|
var _Object$defineProperty = require("@babel/runtime-corejs2/core-js/object/define-property");
|
|
8
8
|
|
|
9
|
-
var
|
|
9
|
+
var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs2/core-js/object/get-own-property-descriptor");
|
|
10
10
|
|
|
11
|
-
var
|
|
11
|
+
var _interopRequireDefault = require("@babel/runtime-corejs2/helpers/interopRequireDefault");
|
|
12
12
|
|
|
13
13
|
_Object$defineProperty(exports, "__esModule", {
|
|
14
14
|
value: true
|
|
@@ -35,7 +35,7 @@ var kinds = {
|
|
|
35
35
|
|
|
36
36
|
var Header = _styledComponents["default"].div.withConfig({
|
|
37
37
|
displayName: "Headerstyles__Header",
|
|
38
|
-
componentId: "rrojnl-0"
|
|
38
|
+
componentId: "sc-rrojnl-0"
|
|
39
39
|
})(function (_ref) {
|
|
40
40
|
var kind = _ref.kind;
|
|
41
41
|
return (0, _styledComponents.css)(["align-items:center;box-shadow:", ";box-sizing:border-box;display:flex;justify-content:space-between;min-height:", ";width:100%;z-index:1;&:focus{outline:0;}", ""], _tokens["default"].shadow, (0, _helpers.spacer)(6), kinds[kind]);
|
|
@@ -44,13 +44,13 @@ var Header = _styledComponents["default"].div.withConfig({
|
|
|
44
44
|
exports.Header = Header;
|
|
45
45
|
var Heading = (0, _styledComponents["default"])(_heading["default"]).withConfig({
|
|
46
46
|
displayName: "Headerstyles__Heading",
|
|
47
|
-
componentId: "rrojnl-1"
|
|
47
|
+
componentId: "sc-rrojnl-1"
|
|
48
48
|
})(["margin:0 0 0 ", ";"], (0, _helpers.spacer)(2));
|
|
49
49
|
exports.Heading = Heading;
|
|
50
50
|
|
|
51
51
|
var CloseButton = _styledComponents["default"].div.withConfig({
|
|
52
52
|
displayName: "Headerstyles__CloseButton",
|
|
53
|
-
componentId: "rrojnl-2"
|
|
53
|
+
componentId: "sc-rrojnl-2"
|
|
54
54
|
})(["border-left:1px solid ", ";padding:", ";"], _tokens["default"].border.color, (0, _helpers.spacer)(1));
|
|
55
55
|
|
|
56
56
|
exports.CloseButton = CloseButton;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime-corejs2/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
3
|
var _Object$defineProperty = require("@babel/runtime-corejs2/core-js/object/define-property");
|
|
6
4
|
|
|
5
|
+
var _interopRequireDefault = require("@babel/runtime-corejs2/helpers/interopRequireDefault");
|
|
6
|
+
|
|
7
7
|
_Object$defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
9
9
|
});
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime-corejs2/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
3
|
var _Object$defineProperty = require("@babel/runtime-corejs2/core-js/object/define-property");
|
|
6
4
|
|
|
5
|
+
var _interopRequireDefault = require("@babel/runtime-corejs2/helpers/interopRequireDefault");
|
|
6
|
+
|
|
7
7
|
_Object$defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
9
9
|
});
|
package/lib/index.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime-corejs2/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
3
|
var _Object$defineProperty = require("@babel/runtime-corejs2/core-js/object/define-property");
|
|
6
4
|
|
|
5
|
+
var _interopRequireDefault = require("@babel/runtime-corejs2/helpers/interopRequireDefault");
|
|
6
|
+
|
|
7
7
|
_Object$defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
9
9
|
});
|
package/lib/types.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs2/core-js/object/get-own-property-descriptor");
|
|
4
|
-
|
|
5
|
-
var _Object$defineProperty = require("@babel/runtime-corejs2/core-js/object/define-property");
|
|
6
|
-
|
|
7
3
|
var _typeof = require("@babel/runtime-corejs2/helpers/typeof");
|
|
8
4
|
|
|
9
5
|
var _WeakMap = require("@babel/runtime-corejs2/core-js/weak-map");
|
|
10
6
|
|
|
7
|
+
var _Object$defineProperty = require("@babel/runtime-corejs2/core-js/object/define-property");
|
|
8
|
+
|
|
9
|
+
var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs2/core-js/object/get-own-property-descriptor");
|
|
10
|
+
|
|
11
11
|
_Object$defineProperty(exports, "__esModule", {
|
|
12
12
|
value: true
|
|
13
13
|
});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@paprika/takeover",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.17-next.0",
|
|
4
4
|
"description": "The Takeover component can toggle a full-screen view to help the user focus on complex UI tasks.",
|
|
5
5
|
"author": "@paprika",
|
|
6
6
|
"main": "lib/index.js",
|
|
@@ -16,13 +16,13 @@
|
|
|
16
16
|
},
|
|
17
17
|
"dependencies": {
|
|
18
18
|
"@babel/runtime-corejs2": "^7.3.1",
|
|
19
|
-
"@paprika/button": "^1.1.
|
|
19
|
+
"@paprika/button": "^1.1.6-next.0",
|
|
20
20
|
"@paprika/constants": "^1.0.0",
|
|
21
|
-
"@paprika/heading": "^1.0.
|
|
21
|
+
"@paprika/heading": "^1.0.9-next.0",
|
|
22
22
|
"@paprika/helpers": "^2.1.3",
|
|
23
|
-
"@paprika/overlay": "^1.0.
|
|
24
|
-
"@paprika/stylers": "^1.1.0",
|
|
25
|
-
"@paprika/tokens": "^1.0.0",
|
|
23
|
+
"@paprika/overlay": "^1.0.9-next.0",
|
|
24
|
+
"@paprika/stylers": "^1.1.1-next.0",
|
|
25
|
+
"@paprika/tokens": "^1.1.0-next.0",
|
|
26
26
|
"prop-types": "^15.7.2",
|
|
27
27
|
"react-focus-lock": "^2.2.1",
|
|
28
28
|
"react-transition-group": "^4.3.0"
|