@dfds-ui/react-components 2.0.12-alpha.3b7df7a3 → 2.0.12-alpha.3c0127cc
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/assertions/banner/Banner.d.ts +5 -1
- package/assertions/banner/Banner.js +54 -52
- package/assertions/banner/BannerAction.d.ts +2 -0
- package/assertions/banner/BannerAction.js +8 -6
- package/cjs/assertions/banner/Banner.d.ts +5 -1
- package/cjs/assertions/banner/Banner.js +40 -38
- package/cjs/assertions/banner/BannerAction.d.ts +2 -0
- package/cjs/assertions/banner/BannerAction.js +8 -6
- package/package.json +9 -9
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
export declare type BannerActionVariation = 'primary' | 'secondary';
|
|
3
|
+
export declare type BannerActionType = 'thin' | 'thick';
|
|
3
4
|
export interface BannerActionProps {
|
|
4
5
|
variation?: BannerActionVariation;
|
|
6
|
+
type?: BannerActionType;
|
|
5
7
|
onClick?: () => void;
|
|
6
8
|
/**
|
|
7
9
|
* className to be assigned to the button
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var _excluded = ["variation"];
|
|
1
|
+
var _excluded = ["variation", "type"];
|
|
2
2
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
3
3
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
4
4
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
@@ -13,24 +13,26 @@ var getVariationStyle = function getVariationStyle(bannerVariant) {
|
|
|
13
13
|
switch (bannerVariant) {
|
|
14
14
|
case 'lowEmphasis':
|
|
15
15
|
case 'default':
|
|
16
|
-
return /*#__PURE__*/css("color:", theme.colors.secondary.main, ";border-color:", theme.colors.secondary.main, ";&:hover{color:", theme.colors.secondary.dark, ";border-color:", theme.colors.secondary.dark, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getVariationStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
16
|
+
return /*#__PURE__*/css("color:", theme.colors.secondary.main, ";border-color:", theme.colors.secondary.main, ";&:hover{color:", theme.colors.secondary.dark, ";border-color:", theme.colors.secondary.dark, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getVariationStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9hc3NlcnRpb25zL2Jhbm5lci9CYW5uZXJBY3Rpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCZ0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2Fzc2VydGlvbnMvYmFubmVyL0Jhbm5lckFjdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4uLy4uL2J1dHRvbidcbmltcG9ydCB7IEJhbm5lclZhcmlhbnQsIHVzZUJhbm5lckNvbnRleHQgfSBmcm9tICcuL0Jhbm5lcidcblxuZXhwb3J0IHR5cGUgQmFubmVyQWN0aW9uVmFyaWF0aW9uID0gJ3ByaW1hcnknIHwgJ3NlY29uZGFyeSdcbmV4cG9ydCB0eXBlIEJhbm5lckFjdGlvblR5cGUgPSAndGhpbicgfCAndGhpY2snXG5cbmV4cG9ydCBpbnRlcmZhY2UgQmFubmVyQWN0aW9uUHJvcHMge1xuICB2YXJpYXRpb24/OiBCYW5uZXJBY3Rpb25WYXJpYXRpb25cbiAgdHlwZT86IEJhbm5lckFjdGlvblR5cGVcbiAgb25DbGljaz86ICgpID0+IHZvaWRcbiAgLyoqXG4gICAqIGNsYXNzTmFtZSB0byBiZSBhc3NpZ25lZCB0byB0aGUgYnV0dG9uXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgLyoqXG4gICAqIEhUTUwgdGFnIG9yIGN1c3RvbSBjb21wb25lbnQgYmVpbmcgcmVuZGVyZWRcbiAgICovXG4gIGFzPzogUmVhY3QuRWxlbWVudFR5cGVcbn1cblxuY29uc3QgZ2V0VmFyaWF0aW9uU3R5bGUgPSAoYmFubmVyVmFyaWFudDogQmFubmVyVmFyaWFudCkgPT4ge1xuICBzd2l0Y2ggKGJhbm5lclZhcmlhbnQpIHtcbiAgICBjYXNlICdsb3dFbXBoYXNpcyc6XG4gICAgY2FzZSAnZGVmYXVsdCc6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5kYXJrfTtcbiAgICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5kYXJrfTtcbiAgICAgICAgfVxuICAgICAgYFxuICAgIGNhc2UgJ21lZGl1bUVtcGhhc2lzJzpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICAgICAgICB9XG4gICAgICBgXG4gICAgY2FzZSAnaGlnaEVtcGhhc2lzJzpcbiAgICBjYXNlICdpbnZlcnRlZCc6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgICAgICAgfVxuICAgICAgYFxuICB9XG59XG5cbmV4cG9ydCBjb25zdCBCYW5uZXJBY3Rpb246IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PEJhbm5lckFjdGlvblByb3BzPiA9ICh7XG4gIHZhcmlhdGlvbiA9ICdwcmltYXJ5JyxcbiAgdHlwZSA9ICd0aGluJyxcbiAgLi4ucmVzdFxufSkgPT4ge1xuICBjb25zdCB7IHZhcmlhbnQ6IGJhbm5lclZhcmlhbnQgfSA9IHVzZUJhbm5lckNvbnRleHQoKVxuXG4gIHJldHVybiAoXG4gICAgPEJ1dHRvblxuICAgICAgdmFyaWF0aW9uPXt0eXBlID09PSAndGhpY2snICYmIHZhcmlhdGlvbiA9PT0gJ3ByaW1hcnknID8gJ291dGxpbmVkJyA6ICd0ZXh0J31cbiAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgICR7dHlwZSA9PT0gJ3RoaW4nICYmXG4gICAgICAgIGNzc2BcbiAgICAgICAgICAke3R5cG9ncmFwaHkuYWN0aW9ufTtcbiAgICAgICAgICBwYWRkaW5nOiAwICR7dGhlbWUuc3BhY2luZy54c307XG4gICAgICAgICAgYm9yZGVyLXdpZHRoOiAke3ZhcmlhdGlvbiA9PT0gJ3ByaW1hcnknID8gJzFweCcgOiAnMCd9O1xuICAgICAgICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgICAgIGB9XG4gICAgICAgIGZsZXg6IGF1dG87XG4gICAgICAgIGZsZXgtYmFzaXM6IGF1dG87XG4gICAgICAgIGZsZXgtZ3JvdzogMDtcbiAgICAgICAgbWFyZ2luLWxlZnQ6ICR7dGhlbWUuc3BhY2luZy54c307XG4gICAgICAgICR7Z2V0VmFyaWF0aW9uU3R5bGUoYmFubmVyVmFyaWFudCl9XG4gICAgICBgfVxuICAgICAgY2xhc3NOYW1lPVwiQmFubmVyQWN0aW9uXCJcbiAgICAgIHsuLi5yZXN0fVxuICAgIC8+XG4gIClcbn1cbiJdfQ== */");
|
|
17
17
|
case 'mediumEmphasis':
|
|
18
|
-
return /*#__PURE__*/css("color:", theme.colors.text.primary.primary, ";border-color:", theme.colors.text.primary.primary, ";&:hover{color:", theme.colors.text.primary.primary, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getVariationStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
18
|
+
return /*#__PURE__*/css("color:", theme.colors.text.primary.primary, ";border-color:", theme.colors.text.primary.primary, ";&:hover{color:", theme.colors.text.primary.primary, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getVariationStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9hc3NlcnRpb25zL2Jhbm5lci9CYW5uZXJBY3Rpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFDZ0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2Fzc2VydGlvbnMvYmFubmVyL0Jhbm5lckFjdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4uLy4uL2J1dHRvbidcbmltcG9ydCB7IEJhbm5lclZhcmlhbnQsIHVzZUJhbm5lckNvbnRleHQgfSBmcm9tICcuL0Jhbm5lcidcblxuZXhwb3J0IHR5cGUgQmFubmVyQWN0aW9uVmFyaWF0aW9uID0gJ3ByaW1hcnknIHwgJ3NlY29uZGFyeSdcbmV4cG9ydCB0eXBlIEJhbm5lckFjdGlvblR5cGUgPSAndGhpbicgfCAndGhpY2snXG5cbmV4cG9ydCBpbnRlcmZhY2UgQmFubmVyQWN0aW9uUHJvcHMge1xuICB2YXJpYXRpb24/OiBCYW5uZXJBY3Rpb25WYXJpYXRpb25cbiAgdHlwZT86IEJhbm5lckFjdGlvblR5cGVcbiAgb25DbGljaz86ICgpID0+IHZvaWRcbiAgLyoqXG4gICAqIGNsYXNzTmFtZSB0byBiZSBhc3NpZ25lZCB0byB0aGUgYnV0dG9uXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgLyoqXG4gICAqIEhUTUwgdGFnIG9yIGN1c3RvbSBjb21wb25lbnQgYmVpbmcgcmVuZGVyZWRcbiAgICovXG4gIGFzPzogUmVhY3QuRWxlbWVudFR5cGVcbn1cblxuY29uc3QgZ2V0VmFyaWF0aW9uU3R5bGUgPSAoYmFubmVyVmFyaWFudDogQmFubmVyVmFyaWFudCkgPT4ge1xuICBzd2l0Y2ggKGJhbm5lclZhcmlhbnQpIHtcbiAgICBjYXNlICdsb3dFbXBoYXNpcyc6XG4gICAgY2FzZSAnZGVmYXVsdCc6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5kYXJrfTtcbiAgICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5kYXJrfTtcbiAgICAgICAgfVxuICAgICAgYFxuICAgIGNhc2UgJ21lZGl1bUVtcGhhc2lzJzpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICAgICAgICB9XG4gICAgICBgXG4gICAgY2FzZSAnaGlnaEVtcGhhc2lzJzpcbiAgICBjYXNlICdpbnZlcnRlZCc6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgICAgICAgfVxuICAgICAgYFxuICB9XG59XG5cbmV4cG9ydCBjb25zdCBCYW5uZXJBY3Rpb246IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PEJhbm5lckFjdGlvblByb3BzPiA9ICh7XG4gIHZhcmlhdGlvbiA9ICdwcmltYXJ5JyxcbiAgdHlwZSA9ICd0aGluJyxcbiAgLi4ucmVzdFxufSkgPT4ge1xuICBjb25zdCB7IHZhcmlhbnQ6IGJhbm5lclZhcmlhbnQgfSA9IHVzZUJhbm5lckNvbnRleHQoKVxuXG4gIHJldHVybiAoXG4gICAgPEJ1dHRvblxuICAgICAgdmFyaWF0aW9uPXt0eXBlID09PSAndGhpY2snICYmIHZhcmlhdGlvbiA9PT0gJ3ByaW1hcnknID8gJ291dGxpbmVkJyA6ICd0ZXh0J31cbiAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgICR7dHlwZSA9PT0gJ3RoaW4nICYmXG4gICAgICAgIGNzc2BcbiAgICAgICAgICAke3R5cG9ncmFwaHkuYWN0aW9ufTtcbiAgICAgICAgICBwYWRkaW5nOiAwICR7dGhlbWUuc3BhY2luZy54c307XG4gICAgICAgICAgYm9yZGVyLXdpZHRoOiAke3ZhcmlhdGlvbiA9PT0gJ3ByaW1hcnknID8gJzFweCcgOiAnMCd9O1xuICAgICAgICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgICAgIGB9XG4gICAgICAgIGZsZXg6IGF1dG87XG4gICAgICAgIGZsZXgtYmFzaXM6IGF1dG87XG4gICAgICAgIGZsZXgtZ3JvdzogMDtcbiAgICAgICAgbWFyZ2luLWxlZnQ6ICR7dGhlbWUuc3BhY2luZy54c307XG4gICAgICAgICR7Z2V0VmFyaWF0aW9uU3R5bGUoYmFubmVyVmFyaWFudCl9XG4gICAgICBgfVxuICAgICAgY2xhc3NOYW1lPVwiQmFubmVyQWN0aW9uXCJcbiAgICAgIHsuLi5yZXN0fVxuICAgIC8+XG4gIClcbn1cbiJdfQ== */");
|
|
19
19
|
case 'highEmphasis':
|
|
20
20
|
case 'inverted':
|
|
21
|
-
return /*#__PURE__*/css("color:", theme.colors.text.light.primary, ";border-color:", theme.colors.text.light.primary, ";&:hover{color:", theme.colors.text.light.primary, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getVariationStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
21
|
+
return /*#__PURE__*/css("color:", theme.colors.text.light.primary, ";border-color:", theme.colors.text.light.primary, ";&:hover{color:", theme.colors.text.light.primary, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getVariationStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9hc3NlcnRpb25zL2Jhbm5lci9CYW5uZXJBY3Rpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThDZ0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2Fzc2VydGlvbnMvYmFubmVyL0Jhbm5lckFjdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4uLy4uL2J1dHRvbidcbmltcG9ydCB7IEJhbm5lclZhcmlhbnQsIHVzZUJhbm5lckNvbnRleHQgfSBmcm9tICcuL0Jhbm5lcidcblxuZXhwb3J0IHR5cGUgQmFubmVyQWN0aW9uVmFyaWF0aW9uID0gJ3ByaW1hcnknIHwgJ3NlY29uZGFyeSdcbmV4cG9ydCB0eXBlIEJhbm5lckFjdGlvblR5cGUgPSAndGhpbicgfCAndGhpY2snXG5cbmV4cG9ydCBpbnRlcmZhY2UgQmFubmVyQWN0aW9uUHJvcHMge1xuICB2YXJpYXRpb24/OiBCYW5uZXJBY3Rpb25WYXJpYXRpb25cbiAgdHlwZT86IEJhbm5lckFjdGlvblR5cGVcbiAgb25DbGljaz86ICgpID0+IHZvaWRcbiAgLyoqXG4gICAqIGNsYXNzTmFtZSB0byBiZSBhc3NpZ25lZCB0byB0aGUgYnV0dG9uXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgLyoqXG4gICAqIEhUTUwgdGFnIG9yIGN1c3RvbSBjb21wb25lbnQgYmVpbmcgcmVuZGVyZWRcbiAgICovXG4gIGFzPzogUmVhY3QuRWxlbWVudFR5cGVcbn1cblxuY29uc3QgZ2V0VmFyaWF0aW9uU3R5bGUgPSAoYmFubmVyVmFyaWFudDogQmFubmVyVmFyaWFudCkgPT4ge1xuICBzd2l0Y2ggKGJhbm5lclZhcmlhbnQpIHtcbiAgICBjYXNlICdsb3dFbXBoYXNpcyc6XG4gICAgY2FzZSAnZGVmYXVsdCc6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5kYXJrfTtcbiAgICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5kYXJrfTtcbiAgICAgICAgfVxuICAgICAgYFxuICAgIGNhc2UgJ21lZGl1bUVtcGhhc2lzJzpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICAgICAgICB9XG4gICAgICBgXG4gICAgY2FzZSAnaGlnaEVtcGhhc2lzJzpcbiAgICBjYXNlICdpbnZlcnRlZCc6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgICAgICAgfVxuICAgICAgYFxuICB9XG59XG5cbmV4cG9ydCBjb25zdCBCYW5uZXJBY3Rpb246IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PEJhbm5lckFjdGlvblByb3BzPiA9ICh7XG4gIHZhcmlhdGlvbiA9ICdwcmltYXJ5JyxcbiAgdHlwZSA9ICd0aGluJyxcbiAgLi4ucmVzdFxufSkgPT4ge1xuICBjb25zdCB7IHZhcmlhbnQ6IGJhbm5lclZhcmlhbnQgfSA9IHVzZUJhbm5lckNvbnRleHQoKVxuXG4gIHJldHVybiAoXG4gICAgPEJ1dHRvblxuICAgICAgdmFyaWF0aW9uPXt0eXBlID09PSAndGhpY2snICYmIHZhcmlhdGlvbiA9PT0gJ3ByaW1hcnknID8gJ291dGxpbmVkJyA6ICd0ZXh0J31cbiAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgICR7dHlwZSA9PT0gJ3RoaW4nICYmXG4gICAgICAgIGNzc2BcbiAgICAgICAgICAke3R5cG9ncmFwaHkuYWN0aW9ufTtcbiAgICAgICAgICBwYWRkaW5nOiAwICR7dGhlbWUuc3BhY2luZy54c307XG4gICAgICAgICAgYm9yZGVyLXdpZHRoOiAke3ZhcmlhdGlvbiA9PT0gJ3ByaW1hcnknID8gJzFweCcgOiAnMCd9O1xuICAgICAgICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgICAgIGB9XG4gICAgICAgIGZsZXg6IGF1dG87XG4gICAgICAgIGZsZXgtYmFzaXM6IGF1dG87XG4gICAgICAgIGZsZXgtZ3JvdzogMDtcbiAgICAgICAgbWFyZ2luLWxlZnQ6ICR7dGhlbWUuc3BhY2luZy54c307XG4gICAgICAgICR7Z2V0VmFyaWF0aW9uU3R5bGUoYmFubmVyVmFyaWFudCl9XG4gICAgICBgfVxuICAgICAgY2xhc3NOYW1lPVwiQmFubmVyQWN0aW9uXCJcbiAgICAgIHsuLi5yZXN0fVxuICAgIC8+XG4gIClcbn1cbiJdfQ== */");
|
|
22
22
|
}
|
|
23
23
|
};
|
|
24
24
|
export var BannerAction = function BannerAction(_ref) {
|
|
25
25
|
var _ref$variation = _ref.variation,
|
|
26
26
|
variation = _ref$variation === void 0 ? 'primary' : _ref$variation,
|
|
27
|
+
_ref$type = _ref.type,
|
|
28
|
+
type = _ref$type === void 0 ? 'thin' : _ref$type,
|
|
27
29
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
28
30
|
var _useBannerContext = useBannerContext(),
|
|
29
31
|
bannerVariant = _useBannerContext.variant;
|
|
30
32
|
return ___EmotionJSX(Button, _extends({
|
|
31
|
-
variation:
|
|
33
|
+
variation: type === 'thick' && variation === 'primary' ? 'outlined' : 'text',
|
|
32
34
|
type: "button",
|
|
33
|
-
css: /*#__PURE__*/css(typography.action, ";
|
|
35
|
+
css: /*#__PURE__*/css(type === 'thin' && /*#__PURE__*/css(typography.action, ";padding:0 ", theme.spacing.xs, ";border-width:", variation === 'primary' ? '1px' : '0', ";border-style:solid;" + (process.env.NODE_ENV === "production" ? "" : ";label:BannerAction;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9hc3NlcnRpb25zL2Jhbm5lci9CYW5uZXJBY3Rpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFFVyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvYXNzZXJ0aW9ucy9iYW5uZXIvQmFubmVyQWN0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IHR5cG9ncmFwaHkgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSAnLi4vLi4vYnV0dG9uJ1xuaW1wb3J0IHsgQmFubmVyVmFyaWFudCwgdXNlQmFubmVyQ29udGV4dCB9IGZyb20gJy4vQmFubmVyJ1xuXG5leHBvcnQgdHlwZSBCYW5uZXJBY3Rpb25WYXJpYXRpb24gPSAncHJpbWFyeScgfCAnc2Vjb25kYXJ5J1xuZXhwb3J0IHR5cGUgQmFubmVyQWN0aW9uVHlwZSA9ICd0aGluJyB8ICd0aGljaydcblxuZXhwb3J0IGludGVyZmFjZSBCYW5uZXJBY3Rpb25Qcm9wcyB7XG4gIHZhcmlhdGlvbj86IEJhbm5lckFjdGlvblZhcmlhdGlvblxuICB0eXBlPzogQmFubmVyQWN0aW9uVHlwZVxuICBvbkNsaWNrPzogKCkgPT4gdm9pZFxuICAvKipcbiAgICogY2xhc3NOYW1lIHRvIGJlIGFzc2lnbmVkIHRvIHRoZSBidXR0b25cbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAvKipcbiAgICogSFRNTCB0YWcgb3IgY3VzdG9tIGNvbXBvbmVudCBiZWluZyByZW5kZXJlZFxuICAgKi9cbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxufVxuXG5jb25zdCBnZXRWYXJpYXRpb25TdHlsZSA9IChiYW5uZXJWYXJpYW50OiBCYW5uZXJWYXJpYW50KSA9PiB7XG4gIHN3aXRjaCAoYmFubmVyVmFyaWFudCkge1xuICAgIGNhc2UgJ2xvd0VtcGhhc2lzJzpcbiAgICBjYXNlICdkZWZhdWx0JzpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICAgICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICAgICAgICB9XG4gICAgICBgXG4gICAgY2FzZSAnbWVkaXVtRW1waGFzaXMnOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5wcmltYXJ5fTtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gICAgICAgIH1cbiAgICAgIGBcbiAgICBjYXNlICdoaWdoRW1waGFzaXMnOlxuICAgIGNhc2UgJ2ludmVydGVkJzpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQubGlnaHQucHJpbWFyeX07XG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICAgICAgICB9XG4gICAgICBgXG4gIH1cbn1cblxuZXhwb3J0IGNvbnN0IEJhbm5lckFjdGlvbjogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8QmFubmVyQWN0aW9uUHJvcHM+ID0gKHtcbiAgdmFyaWF0aW9uID0gJ3ByaW1hcnknLFxuICB0eXBlID0gJ3RoaW4nLFxuICAuLi5yZXN0XG59KSA9PiB7XG4gIGNvbnN0IHsgdmFyaWFudDogYmFubmVyVmFyaWFudCB9ID0gdXNlQmFubmVyQ29udGV4dCgpXG5cbiAgcmV0dXJuIChcbiAgICA8QnV0dG9uXG4gICAgICB2YXJpYXRpb249e3R5cGUgPT09ICd0aGljaycgJiYgdmFyaWF0aW9uID09PSAncHJpbWFyeScgPyAnb3V0bGluZWQnIDogJ3RleHQnfVxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgJHt0eXBlID09PSAndGhpbicgJiZcbiAgICAgICAgY3NzYFxuICAgICAgICAgICR7dHlwb2dyYXBoeS5hY3Rpb259O1xuICAgICAgICAgIHBhZGRpbmc6IDAgJHt0aGVtZS5zcGFjaW5nLnhzfTtcbiAgICAgICAgICBib3JkZXItd2lkdGg6ICR7dmFyaWF0aW9uID09PSAncHJpbWFyeScgPyAnMXB4JyA6ICcwJ307XG4gICAgICAgICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICAgICAgYH1cbiAgICAgICAgZmxleDogYXV0bztcbiAgICAgICAgZmxleC1iYXNpczogYXV0bztcbiAgICAgICAgZmxleC1ncm93OiAwO1xuICAgICAgICBtYXJnaW4tbGVmdDogJHt0aGVtZS5zcGFjaW5nLnhzfTtcbiAgICAgICAgJHtnZXRWYXJpYXRpb25TdHlsZShiYW5uZXJWYXJpYW50KX1cbiAgICAgIGB9XG4gICAgICBjbGFzc05hbWU9XCJCYW5uZXJBY3Rpb25cIlxuICAgICAgey4uLnJlc3R9XG4gICAgLz5cbiAgKVxufVxuIl19 */"), " flex:auto;flex-basis:auto;flex-grow:0;margin-left:", theme.spacing.xs, ";", getVariationStyle(bannerVariant), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:BannerAction;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9hc3NlcnRpb25zL2Jhbm5lci9CYW5uZXJBY3Rpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1FYyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvYXNzZXJ0aW9ucy9iYW5uZXIvQmFubmVyQWN0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IHR5cG9ncmFwaHkgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSAnLi4vLi4vYnV0dG9uJ1xuaW1wb3J0IHsgQmFubmVyVmFyaWFudCwgdXNlQmFubmVyQ29udGV4dCB9IGZyb20gJy4vQmFubmVyJ1xuXG5leHBvcnQgdHlwZSBCYW5uZXJBY3Rpb25WYXJpYXRpb24gPSAncHJpbWFyeScgfCAnc2Vjb25kYXJ5J1xuZXhwb3J0IHR5cGUgQmFubmVyQWN0aW9uVHlwZSA9ICd0aGluJyB8ICd0aGljaydcblxuZXhwb3J0IGludGVyZmFjZSBCYW5uZXJBY3Rpb25Qcm9wcyB7XG4gIHZhcmlhdGlvbj86IEJhbm5lckFjdGlvblZhcmlhdGlvblxuICB0eXBlPzogQmFubmVyQWN0aW9uVHlwZVxuICBvbkNsaWNrPzogKCkgPT4gdm9pZFxuICAvKipcbiAgICogY2xhc3NOYW1lIHRvIGJlIGFzc2lnbmVkIHRvIHRoZSBidXR0b25cbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAvKipcbiAgICogSFRNTCB0YWcgb3IgY3VzdG9tIGNvbXBvbmVudCBiZWluZyByZW5kZXJlZFxuICAgKi9cbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxufVxuXG5jb25zdCBnZXRWYXJpYXRpb25TdHlsZSA9IChiYW5uZXJWYXJpYW50OiBCYW5uZXJWYXJpYW50KSA9PiB7XG4gIHN3aXRjaCAoYmFubmVyVmFyaWFudCkge1xuICAgIGNhc2UgJ2xvd0VtcGhhc2lzJzpcbiAgICBjYXNlICdkZWZhdWx0JzpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICAgICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICAgICAgICB9XG4gICAgICBgXG4gICAgY2FzZSAnbWVkaXVtRW1waGFzaXMnOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5wcmltYXJ5fTtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gICAgICAgIH1cbiAgICAgIGBcbiAgICBjYXNlICdoaWdoRW1waGFzaXMnOlxuICAgIGNhc2UgJ2ludmVydGVkJzpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQubGlnaHQucHJpbWFyeX07XG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICAgICAgICB9XG4gICAgICBgXG4gIH1cbn1cblxuZXhwb3J0IGNvbnN0IEJhbm5lckFjdGlvbjogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8QmFubmVyQWN0aW9uUHJvcHM+ID0gKHtcbiAgdmFyaWF0aW9uID0gJ3ByaW1hcnknLFxuICB0eXBlID0gJ3RoaW4nLFxuICAuLi5yZXN0XG59KSA9PiB7XG4gIGNvbnN0IHsgdmFyaWFudDogYmFubmVyVmFyaWFudCB9ID0gdXNlQmFubmVyQ29udGV4dCgpXG5cbiAgcmV0dXJuIChcbiAgICA8QnV0dG9uXG4gICAgICB2YXJpYXRpb249e3R5cGUgPT09ICd0aGljaycgJiYgdmFyaWF0aW9uID09PSAncHJpbWFyeScgPyAnb3V0bGluZWQnIDogJ3RleHQnfVxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgJHt0eXBlID09PSAndGhpbicgJiZcbiAgICAgICAgY3NzYFxuICAgICAgICAgICR7dHlwb2dyYXBoeS5hY3Rpb259O1xuICAgICAgICAgIHBhZGRpbmc6IDAgJHt0aGVtZS5zcGFjaW5nLnhzfTtcbiAgICAgICAgICBib3JkZXItd2lkdGg6ICR7dmFyaWF0aW9uID09PSAncHJpbWFyeScgPyAnMXB4JyA6ICcwJ307XG4gICAgICAgICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICAgICAgYH1cbiAgICAgICAgZmxleDogYXV0bztcbiAgICAgICAgZmxleC1iYXNpczogYXV0bztcbiAgICAgICAgZmxleC1ncm93OiAwO1xuICAgICAgICBtYXJnaW4tbGVmdDogJHt0aGVtZS5zcGFjaW5nLnhzfTtcbiAgICAgICAgJHtnZXRWYXJpYXRpb25TdHlsZShiYW5uZXJWYXJpYW50KX1cbiAgICAgIGB9XG4gICAgICBjbGFzc05hbWU9XCJCYW5uZXJBY3Rpb25cIlxuICAgICAgey4uLnJlc3R9XG4gICAgLz5cbiAgKVxufVxuIl19 */"),
|
|
34
36
|
className: "BannerAction"
|
|
35
37
|
}, rest));
|
|
36
38
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { ElementType, FunctionComponent, ReactNode } from 'react';
|
|
2
2
|
import { Intent } from '../../common/intent';
|
|
3
3
|
export declare type BannerVariant = 'lowEmphasis' | 'mediumEmphasis' | 'highEmphasis' | 'default' | 'inverted';
|
|
4
|
-
export declare type BannerStickyPosition = 'top' | 'bottom';
|
|
4
|
+
export declare type BannerStickyPosition = 'top' | 'bottom' | 'bottom-right';
|
|
5
5
|
export declare type BannerProps = {
|
|
6
6
|
/**
|
|
7
7
|
* Specifies the intent of the Banner (change the color of the banner icon to match intended status)
|
|
@@ -59,6 +59,10 @@ export declare type BannerProps = {
|
|
|
59
59
|
* Content of the Banner
|
|
60
60
|
*/
|
|
61
61
|
children?: ReactNode;
|
|
62
|
+
/**
|
|
63
|
+
* Specifies if the banner should be narrow
|
|
64
|
+
*/
|
|
65
|
+
isNarrow?: boolean;
|
|
62
66
|
};
|
|
63
67
|
interface BannerContextInterface {
|
|
64
68
|
intent: NonNullable<BannerProps['intent']>;
|