@paprika/takeover 1.1.3-next.0 → 1.1.3

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 CHANGED
@@ -1,5 +1,11 @@
1
1
  # Changelog
2
2
 
3
+ ## 1.1.3
4
+
5
+ ### Patch Changes
6
+
7
+ - be2176f: Update takeover style base on approved design proposal
8
+
3
9
  ## 1.1.3-next.0
4
10
 
5
11
  ### Patch Changes
@@ -45,11 +45,11 @@ function Footer(_ref) {
45
45
  "ata-pka-anchor": "takeover.footer"
46
46
  }, moreProps), children || /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_button["default"], {
47
47
  kind: _button["default"].types.kind.PRIMARY,
48
- size: "large",
48
+ size: _button["default"].types.size.LARGE,
49
49
  onClick: onSaveClick
50
50
  }, I18n.t("actions.confirm")), /*#__PURE__*/_react["default"].createElement(_button["default"], {
51
51
  kind: _button["default"].types.kind.MINOR,
52
- size: "large",
52
+ size: _button["default"].types.size.LARGE,
53
53
  onClick: onCancelClick
54
54
  }, I18n.t("actions.cancel"))));
55
55
  }
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Footer/Footer.js"],"names":["StyledFooter","styled","div","tokens","color","blackLighten70","space","Footer","children","onSaveClick","onCancelClick","moreProps","I18n","Button","types","kind","PRIMARY","t","MINOR","propTypes","PropTypes","node","func","defaultProps","displayName"],"mappings":";;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,YAAY,GAAGC,6BAAOC,GAAV;AAAA;AAAA;AAAA,qGACFC,mBAAOC,KAAP,CAAaC,cADX,EAEL,qBAAO,CAAP,CAFK,EAKGF,mBAAOG,KALV,CAAlB;;AAUe,SAASC,MAAT,OAAwE;AAAA,MAAtDC,QAAsD,QAAtDA,QAAsD;AAAA,MAA5CC,WAA4C,QAA5CA,WAA4C;AAAA,MAA/BC,aAA+B,QAA/BA,aAA+B;AAAA,MAAbC,SAAa;AACrF,MAAMC,IAAI,GAAG,0BAAb;AACA,sBACE,gCAAC,YAAD;AAAc,sBAAe;AAA7B,KAAmDD,SAAnD,GACGH,QAAQ,iBACP,+EACE,gCAAC,kBAAD;AAAQ,IAAA,IAAI,EAAEK,mBAAOC,KAAP,CAAaC,IAAb,CAAkBC,OAAhC;AAAyC,IAAA,IAAI,EAAC,OAA9C;AAAsD,IAAA,OAAO,EAAEP;AAA/D,KACGG,IAAI,CAACK,CAAL,CAAO,iBAAP,CADH,CADF,eAIE,gCAAC,kBAAD;AAAQ,IAAA,IAAI,EAAEJ,mBAAOC,KAAP,CAAaC,IAAb,CAAkBG,KAAhC;AAAuC,IAAA,IAAI,EAAC,OAA5C;AAAoD,IAAA,OAAO,EAAER;AAA7D,KACGE,IAAI,CAACK,CAAL,CAAO,gBAAP,CADH,CAJF,CAFJ,CADF;AAcD;;AAED,IAAME,SAAS,GAAG;AAChB;AACAX,EAAAA,QAAQ,EAAEY,sBAAUC,IAFJ;;AAGhB;AACAZ,EAAAA,WAAW,EAAEW,sBAAUE,IAJP;;AAKhB;AACAZ,EAAAA,aAAa,EAAEU,sBAAUE;AANT,CAAlB;AASA,IAAMC,YAAY,GAAG;AACnBf,EAAAA,QAAQ,EAAE,IADS;AAEnBC,EAAAA,WAAW,EAAE,uBAAM,CAAE,CAFF;AAGnBC,EAAAA,aAAa,EAAE,yBAAM,CAAE;AAHJ,CAArB;AAMAH,MAAM,CAACiB,WAAP,GAAqB,iBAArB;AACAjB,MAAM,CAACY,SAAP,GAAmBA,SAAnB;AACAZ,MAAM,CAACgB,YAAP,GAAsBA,YAAtB","sourcesContent":["import React from \"react\";\nimport styled from \"styled-components\";\nimport Button from \"@paprika/button\";\nimport PropTypes from \"prop-types\";\nimport tokens from \"@paprika/tokens\";\nimport useI18n from \"@paprika/l10n/lib/useI18n\";\nimport { spacer } from \"@paprika/stylers/lib/helpers\";\n\nconst StyledFooter = styled.div`\n background: ${tokens.color.blackLighten70};\n padding: ${spacer(2)};\n [data-pka-anchor=\"button\"] {\n &:nth-child(2) {\n margin-left: ${tokens.space};\n }\n }\n`;\n\nexport default function Footer({ children, onSaveClick, onCancelClick, ...moreProps }) {\n const I18n = useI18n();\n return (\n <StyledFooter ata-pka-anchor=\"takeover.footer\" {...moreProps}>\n {children || (\n <>\n <Button kind={Button.types.kind.PRIMARY} size=\"large\" onClick={onSaveClick}>\n {I18n.t(\"actions.confirm\")}\n </Button>\n <Button kind={Button.types.kind.MINOR} size=\"large\" onClick={onCancelClick}>\n {I18n.t(\"actions.cancel\")}\n </Button>\n </>\n )}\n </StyledFooter>\n );\n}\n\nconst propTypes = {\n /** The footer for the Takeover. Button size needs to be LARGE as per design guideline */\n children: PropTypes.node,\n /** Save Callback triggered when want to use default layout of the footer */\n onSaveClick: PropTypes.func,\n /** Cancel Callback triggered when want to use default layout of the footer */\n onCancelClick: PropTypes.func,\n};\n\nconst defaultProps = {\n children: null,\n onSaveClick: () => {},\n onCancelClick: () => {},\n};\n\nFooter.displayName = \"Takeover.Footer\";\nFooter.propTypes = propTypes;\nFooter.defaultProps = defaultProps;\n"],"file":"Footer.js"}
1
+ {"version":3,"sources":["../../../src/components/Footer/Footer.js"],"names":["StyledFooter","styled","div","tokens","color","blackLighten70","space","Footer","children","onSaveClick","onCancelClick","moreProps","I18n","Button","types","kind","PRIMARY","size","LARGE","t","MINOR","propTypes","PropTypes","node","func","defaultProps","displayName"],"mappings":";;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,YAAY,GAAGC,6BAAOC,GAAV;AAAA;AAAA;AAAA,qGACFC,mBAAOC,KAAP,CAAaC,cADX,EAEL,qBAAO,CAAP,CAFK,EAKGF,mBAAOG,KALV,CAAlB;;AAUe,SAASC,MAAT,OAAwE;AAAA,MAAtDC,QAAsD,QAAtDA,QAAsD;AAAA,MAA5CC,WAA4C,QAA5CA,WAA4C;AAAA,MAA/BC,aAA+B,QAA/BA,aAA+B;AAAA,MAAbC,SAAa;AACrF,MAAMC,IAAI,GAAG,0BAAb;AACA,sBACE,gCAAC,YAAD;AAAc,sBAAe;AAA7B,KAAmDD,SAAnD,GACGH,QAAQ,iBACP,+EACE,gCAAC,kBAAD;AAAQ,IAAA,IAAI,EAAEK,mBAAOC,KAAP,CAAaC,IAAb,CAAkBC,OAAhC;AAAyC,IAAA,IAAI,EAAEH,mBAAOC,KAAP,CAAaG,IAAb,CAAkBC,KAAjE;AAAwE,IAAA,OAAO,EAAET;AAAjF,KACGG,IAAI,CAACO,CAAL,CAAO,iBAAP,CADH,CADF,eAIE,gCAAC,kBAAD;AAAQ,IAAA,IAAI,EAAEN,mBAAOC,KAAP,CAAaC,IAAb,CAAkBK,KAAhC;AAAuC,IAAA,IAAI,EAAEP,mBAAOC,KAAP,CAAaG,IAAb,CAAkBC,KAA/D;AAAsE,IAAA,OAAO,EAAER;AAA/E,KACGE,IAAI,CAACO,CAAL,CAAO,gBAAP,CADH,CAJF,CAFJ,CADF;AAcD;;AAED,IAAME,SAAS,GAAG;AAChB;AACAb,EAAAA,QAAQ,EAAEc,sBAAUC,IAFJ;;AAGhB;AACAd,EAAAA,WAAW,EAAEa,sBAAUE,IAJP;;AAKhB;AACAd,EAAAA,aAAa,EAAEY,sBAAUE;AANT,CAAlB;AASA,IAAMC,YAAY,GAAG;AACnBjB,EAAAA,QAAQ,EAAE,IADS;AAEnBC,EAAAA,WAAW,EAAE,uBAAM,CAAE,CAFF;AAGnBC,EAAAA,aAAa,EAAE,yBAAM,CAAE;AAHJ,CAArB;AAMAH,MAAM,CAACmB,WAAP,GAAqB,iBAArB;AACAnB,MAAM,CAACc,SAAP,GAAmBA,SAAnB;AACAd,MAAM,CAACkB,YAAP,GAAsBA,YAAtB","sourcesContent":["import React from \"react\";\nimport styled from \"styled-components\";\nimport Button from \"@paprika/button\";\nimport PropTypes from \"prop-types\";\nimport tokens from \"@paprika/tokens\";\nimport useI18n from \"@paprika/l10n/lib/useI18n\";\nimport { spacer } from \"@paprika/stylers/lib/helpers\";\n\nconst StyledFooter = styled.div`\n background: ${tokens.color.blackLighten70};\n padding: ${spacer(2)};\n [data-pka-anchor=\"button\"] {\n &:nth-child(2) {\n margin-left: ${tokens.space};\n }\n }\n`;\n\nexport default function Footer({ children, onSaveClick, onCancelClick, ...moreProps }) {\n const I18n = useI18n();\n return (\n <StyledFooter ata-pka-anchor=\"takeover.footer\" {...moreProps}>\n {children || (\n <>\n <Button kind={Button.types.kind.PRIMARY} size={Button.types.size.LARGE} onClick={onSaveClick}>\n {I18n.t(\"actions.confirm\")}\n </Button>\n <Button kind={Button.types.kind.MINOR} size={Button.types.size.LARGE} onClick={onCancelClick}>\n {I18n.t(\"actions.cancel\")}\n </Button>\n </>\n )}\n </StyledFooter>\n );\n}\n\nconst propTypes = {\n /** The footer for the Takeover. Button size needs to be LARGE as per design guideline */\n children: PropTypes.node,\n /** Save Callback triggered when want to use default layout of the footer */\n onSaveClick: PropTypes.func,\n /** Cancel Callback triggered when want to use default layout of the footer */\n onCancelClick: PropTypes.func,\n};\n\nconst defaultProps = {\n children: null,\n onSaveClick: () => {},\n onCancelClick: () => {},\n};\n\nFooter.displayName = \"Takeover.Footer\";\nFooter.propTypes = propTypes;\nFooter.defaultProps = defaultProps;\n"],"file":"Footer.js"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@paprika/takeover",
3
- "version": "1.1.3-next.0",
3
+ "version": "1.1.3",
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",