@dfds-ui/react-components 1.0.0 → 1.0.1-alpha.b9b3748c
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 +26 -8
- package/assertions/banner/Banner.js +217 -114
- package/assertions/banner/BannerAction.d.ts +0 -3
- package/assertions/banner/BannerAction.js +17 -20
- package/assertions/banner/index.d.ts +0 -1
- package/assertions/banner/index.js +1 -2
- package/cjs/assertions/banner/Banner.d.ts +26 -8
- package/cjs/assertions/banner/Banner.js +224 -86
- package/cjs/assertions/banner/BannerAction.d.ts +0 -3
- package/cjs/assertions/banner/BannerAction.js +17 -20
- package/cjs/assertions/banner/index.d.ts +0 -1
- package/cjs/assertions/banner/index.js +2 -18
- package/cjs/common/intent.d.ts +1 -1
- package/cjs/common/intent.js +5 -5
- package/cjs/divider/Divider.d.ts +4 -0
- package/cjs/divider/Divider.js +2 -2
- package/cjs/tab/typings.d.js +1 -0
- package/common/intent.d.ts +1 -1
- package/common/intent.js +5 -4
- package/divider/Divider.d.ts +4 -0
- package/divider/Divider.js +2 -2
- package/package.json +9 -9
- package/tab/typings.d.js +1 -0
- package/assertions/banner/BannerActionContext.d.ts +0 -12
- package/assertions/banner/BannerActionContext.js +0 -25
- package/cjs/assertions/banner/BannerActionContext.d.ts +0 -12
- package/cjs/assertions/banner/BannerActionContext.js +0 -44
|
@@ -1,10 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { Intent } from '../../common/intent';
|
|
3
2
|
export declare type BannerActionVariation = 'primary' | 'secondary';
|
|
4
3
|
export interface BannerActionProps {
|
|
5
4
|
variation?: BannerActionVariation;
|
|
6
|
-
variant?: 'default' | 'inverted';
|
|
7
|
-
intent?: Intent;
|
|
8
5
|
onClick?: () => void;
|
|
9
6
|
/**
|
|
10
7
|
* className to be assigned to the button
|
|
@@ -11,22 +11,21 @@ import { css } from '@emotion/react';
|
|
|
11
11
|
import { theme } from '@dfds-ui/theme';
|
|
12
12
|
import { typography } from '@dfds-ui/typography';
|
|
13
13
|
import { Button } from '../../button';
|
|
14
|
-
import
|
|
14
|
+
import { useBannerContext } from './Banner';
|
|
15
15
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
16
16
|
|
|
17
|
-
var getVariationStyle = function getVariationStyle(
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? "" : ";label:getVariationStyle;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9hc3NlcnRpb25zL2Jhbm5lci9CYW5uZXJBY3Rpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThEYyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvYXNzZXJ0aW9ucy9iYW5uZXIvQmFubmVyQWN0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IHR5cG9ncmFwaHkgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSAnLi4vLi4vYnV0dG9uJ1xuaW1wb3J0IHsgSW50ZW50IH0gZnJvbSAnLi4vLi4vY29tbW9uL2ludGVudCdcbmltcG9ydCB1c2VCYW5uZXJBY3Rpb25Db250ZXh0IGZyb20gJy4vQmFubmVyQWN0aW9uQ29udGV4dCdcblxuZXhwb3J0IHR5cGUgQmFubmVyQWN0aW9uVmFyaWF0aW9uID0gJ3ByaW1hcnknIHwgJ3NlY29uZGFyeSdcblxuZXhwb3J0IGludGVyZmFjZSBCYW5uZXJBY3Rpb25Qcm9wcyB7XG4gIHZhcmlhdGlvbj86IEJhbm5lckFjdGlvblZhcmlhdGlvblxuICB2YXJpYW50PzogJ2RlZmF1bHQnIHwgJ2ludmVydGVkJ1xuICBpbnRlbnQ/OiBJbnRlbnRcbiAgb25DbGljaz86ICgpID0+IHZvaWRcbiAgLyoqXG4gICAqIGNsYXNzTmFtZSB0byBiZSBhc3NpZ25lZCB0byB0aGUgYnV0dG9uXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgLyoqXG4gICAqIEhUTUwgdGFnIG9yIGN1c3RvbSBjb21wb25lbnQgYmVpbmcgcmVuZGVyZWRcbiAgICovXG4gIGFzPzogUmVhY3QuRWxlbWVudFR5cGVcbn1cblxuY29uc3QgZ2V0VmFyaWF0aW9uU3R5bGUgPSAodmFyaWF0aW9uOiBCYW5uZXJBY3Rpb25WYXJpYXRpb24sIGludGVudDogSW50ZW50LCB2YXJpYW50OiAnZGVmYXVsdCcgfCAnaW52ZXJ0ZWQnKSA9PiB7XG4gIGlmICh2YXJpYXRpb24gPT09ICdwcmltYXJ5JyAmJiBpbnRlbnQgPT09ICdjcml0aWNhbCcgJiYgdmFyaWFudCA9PT0gJ2ludmVydGVkJykge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5zZWNvbmRhcnl9O1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5zZWNvbmRhcnl9O1xuICAgICAgbWFyZ2luLXJpZ2h0OiAke3RoZW1lLnNwYWNpbmcuc307XG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQubGlnaHQucHJpbWFyeX07XG4gICAgICB9XG4gICAgYFxuICB9IGVsc2UgaWYgKHZhcmlhdGlvbiAmJiBpbnRlbnQgPT09ICdjcml0aWNhbCcgJiYgdmFyaWFudCA9PT0gJ2ludmVydGVkJykge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5zZWNvbmRhcnl9O1xuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICAgICAgfVxuICAgIGBcbiAgfSBlbHNlIGlmICh2YXJpYW50ID09PSAnaW52ZXJ0ZWQnICYmIHZhcmlhdGlvbiA9PT0gJ3ByaW1hcnknKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgIG1hcmdpbi1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnN9O1xuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubGlnaHR9O1xuICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubGlnaHR9O1xuICAgICAgfVxuICAgIGBcbiAgfSBlbHNlIGlmICh2YXJpYW50ID09PSAnaW52ZXJ0ZWQnICYmIHZhcmlhdGlvbikge1xuICAgIHJldHVybiBjc3NgXG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5saWdodH07XG4gICAgICB9XG4gICAgYFxuICB9IGVsc2UgaWYgKHZhcmlhdGlvbiA9PT0gJ3ByaW1hcnknKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICBgXG4gIH0gZWxzZSB7XG4gICAgcmV0dXJuIGNzc2BgXG4gIH1cbn1cblxuZXhwb3J0IGNvbnN0IEJhbm5lckFjdGlvbjogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8QmFubmVyQWN0aW9uUHJvcHM+ID0gKHsgdmFyaWF0aW9uID0gJ3ByaW1hcnknLCAuLi5yZXN0IH0pID0+IHtcbiAgY29uc3QgeyB2YXJpYW50LCBpbnRlbnQgfSA9IHVzZUJhbm5lckFjdGlvbkNvbnRleHQoKVxuXG4gIHJldHVybiAoXG4gICAgPEJ1dHRvblxuICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgIGludGVudD17aW50ZW50fVxuICAgICAgdmFyaWF0aW9uPVwidGV4dFwiXG4gICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICAke3R5cG9ncmFwaHkuYWN0aW9ufTtcbiAgICAgICAgZmxleDogYXV0bztcbiAgICAgICAgZmxleC1iYXNpczogYXV0bztcbiAgICAgICAgZmxleC1ncm93OiAwO1xuICAgICAgICBtYXJnaW4tbGVmdDogJHt0aGVtZS5zcGFjaW5nLnhzfTtcbiAgICAgICAgaGVpZ2h0OiAke3RoZW1lLnNwYWNpbmcubH07XG4gICAgICAgIHBhZGRpbmc6IDAgJHt0aGVtZS5zcGFjaW5nLnhzfTtcbiAgICAgICAgJHtnZXRWYXJpYXRpb25TdHlsZSh2YXJpYXRpb24sIGludGVudCwgdmFyaWFudCl9XG4gICAgICBgfVxuICAgICAgey4uLnJlc3R9XG4gICAgLz5cbiAgKVxufVxuIl19 */");
|
|
17
|
+
var getVariationStyle = function getVariationStyle(bannerVariant) {
|
|
18
|
+
switch (bannerVariant) {
|
|
19
|
+
case 'lowEmphasis':
|
|
20
|
+
case 'default':
|
|
21
|
+
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9hc3NlcnRpb25zL2Jhbm5lci9CYW5uZXJBY3Rpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCZ0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2Fzc2VydGlvbnMvYmFubmVyL0Jhbm5lckFjdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4uLy4uL2J1dHRvbidcbmltcG9ydCB7IEJhbm5lclZhcmlhbnQsIHVzZUJhbm5lckNvbnRleHQgfSBmcm9tICcuL0Jhbm5lcidcblxuZXhwb3J0IHR5cGUgQmFubmVyQWN0aW9uVmFyaWF0aW9uID0gJ3ByaW1hcnknIHwgJ3NlY29uZGFyeSdcblxuZXhwb3J0IGludGVyZmFjZSBCYW5uZXJBY3Rpb25Qcm9wcyB7XG4gIHZhcmlhdGlvbj86IEJhbm5lckFjdGlvblZhcmlhdGlvblxuICBvbkNsaWNrPzogKCkgPT4gdm9pZFxuICAvKipcbiAgICogY2xhc3NOYW1lIHRvIGJlIGFzc2lnbmVkIHRvIHRoZSBidXR0b25cbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAvKipcbiAgICogSFRNTCB0YWcgb3IgY3VzdG9tIGNvbXBvbmVudCBiZWluZyByZW5kZXJlZFxuICAgKi9cbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxufVxuXG5jb25zdCBnZXRWYXJpYXRpb25TdHlsZSA9IChiYW5uZXJWYXJpYW50OiBCYW5uZXJWYXJpYW50KSA9PiB7XG4gIHN3aXRjaCAoYmFubmVyVmFyaWFudCkge1xuICAgIGNhc2UgJ2xvd0VtcGhhc2lzJzpcbiAgICBjYXNlICdkZWZhdWx0JzpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICAgICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICAgICAgICB9XG4gICAgICBgXG4gICAgY2FzZSAnbWVkaXVtRW1waGFzaXMnOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5wcmltYXJ5fTtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gICAgICAgIH1cbiAgICAgIGBcbiAgICBjYXNlICdoaWdoRW1waGFzaXMnOlxuICAgIGNhc2UgJ2ludmVydGVkJzpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQubGlnaHQucHJpbWFyeX07XG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICAgICAgICB9XG4gICAgICBgXG4gIH1cbn1cblxuZXhwb3J0IGNvbnN0IEJhbm5lckFjdGlvbjogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8QmFubmVyQWN0aW9uUHJvcHM+ID0gKHsgdmFyaWF0aW9uID0gJ3ByaW1hcnknLCAuLi5yZXN0IH0pID0+IHtcbiAgY29uc3QgeyB2YXJpYW50OiBiYW5uZXJWYXJpYW50IH0gPSB1c2VCYW5uZXJDb250ZXh0KClcblxuICByZXR1cm4gKFxuICAgIDxCdXR0b25cbiAgICAgIHZhcmlhdGlvbj1cInRleHRcIlxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgJHt0eXBvZ3JhcGh5LmFjdGlvbn07XG4gICAgICAgIGZsZXg6IGF1dG87XG4gICAgICAgIGZsZXgtYmFzaXM6IGF1dG87XG4gICAgICAgIGZsZXgtZ3JvdzogMDtcbiAgICAgICAgbWFyZ2luLWxlZnQ6ICR7dGhlbWUuc3BhY2luZy54c307XG4gICAgICAgIHBhZGRpbmc6IDAgJHt0aGVtZS5zcGFjaW5nLnhzfTtcbiAgICAgICAgYm9yZGVyLXdpZHRoOiAke3ZhcmlhdGlvbiA9PT0gJ3ByaW1hcnknID8gJzFweCcgOiAnMCd9O1xuICAgICAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgICAgICAke2dldFZhcmlhdGlvblN0eWxlKGJhbm5lclZhcmlhbnQpfVxuICAgICAgYH1cbiAgICAgIGNsYXNzTmFtZT1cIkJhbm5lckFjdGlvblwiXG4gICAgICB7Li4ucmVzdH1cbiAgICAvPlxuICApXG59XG4iXX0= */");
|
|
22
|
+
|
|
23
|
+
case 'mediumEmphasis':
|
|
24
|
+
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9hc3NlcnRpb25zL2Jhbm5lci9CYW5uZXJBY3Rpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1DZ0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2Fzc2VydGlvbnMvYmFubmVyL0Jhbm5lckFjdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4uLy4uL2J1dHRvbidcbmltcG9ydCB7IEJhbm5lclZhcmlhbnQsIHVzZUJhbm5lckNvbnRleHQgfSBmcm9tICcuL0Jhbm5lcidcblxuZXhwb3J0IHR5cGUgQmFubmVyQWN0aW9uVmFyaWF0aW9uID0gJ3ByaW1hcnknIHwgJ3NlY29uZGFyeSdcblxuZXhwb3J0IGludGVyZmFjZSBCYW5uZXJBY3Rpb25Qcm9wcyB7XG4gIHZhcmlhdGlvbj86IEJhbm5lckFjdGlvblZhcmlhdGlvblxuICBvbkNsaWNrPzogKCkgPT4gdm9pZFxuICAvKipcbiAgICogY2xhc3NOYW1lIHRvIGJlIGFzc2lnbmVkIHRvIHRoZSBidXR0b25cbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAvKipcbiAgICogSFRNTCB0YWcgb3IgY3VzdG9tIGNvbXBvbmVudCBiZWluZyByZW5kZXJlZFxuICAgKi9cbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxufVxuXG5jb25zdCBnZXRWYXJpYXRpb25TdHlsZSA9IChiYW5uZXJWYXJpYW50OiBCYW5uZXJWYXJpYW50KSA9PiB7XG4gIHN3aXRjaCAoYmFubmVyVmFyaWFudCkge1xuICAgIGNhc2UgJ2xvd0VtcGhhc2lzJzpcbiAgICBjYXNlICdkZWZhdWx0JzpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICAgICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICAgICAgICB9XG4gICAgICBgXG4gICAgY2FzZSAnbWVkaXVtRW1waGFzaXMnOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5wcmltYXJ5fTtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gICAgICAgIH1cbiAgICAgIGBcbiAgICBjYXNlICdoaWdoRW1waGFzaXMnOlxuICAgIGNhc2UgJ2ludmVydGVkJzpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQubGlnaHQucHJpbWFyeX07XG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICAgICAgICB9XG4gICAgICBgXG4gIH1cbn1cblxuZXhwb3J0IGNvbnN0IEJhbm5lckFjdGlvbjogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8QmFubmVyQWN0aW9uUHJvcHM+ID0gKHsgdmFyaWF0aW9uID0gJ3ByaW1hcnknLCAuLi5yZXN0IH0pID0+IHtcbiAgY29uc3QgeyB2YXJpYW50OiBiYW5uZXJWYXJpYW50IH0gPSB1c2VCYW5uZXJDb250ZXh0KClcblxuICByZXR1cm4gKFxuICAgIDxCdXR0b25cbiAgICAgIHZhcmlhdGlvbj1cInRleHRcIlxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgJHt0eXBvZ3JhcGh5LmFjdGlvbn07XG4gICAgICAgIGZsZXg6IGF1dG87XG4gICAgICAgIGZsZXgtYmFzaXM6IGF1dG87XG4gICAgICAgIGZsZXgtZ3JvdzogMDtcbiAgICAgICAgbWFyZ2luLWxlZnQ6ICR7dGhlbWUuc3BhY2luZy54c307XG4gICAgICAgIHBhZGRpbmc6IDAgJHt0aGVtZS5zcGFjaW5nLnhzfTtcbiAgICAgICAgYm9yZGVyLXdpZHRoOiAke3ZhcmlhdGlvbiA9PT0gJ3ByaW1hcnknID8gJzFweCcgOiAnMCd9O1xuICAgICAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgICAgICAke2dldFZhcmlhdGlvblN0eWxlKGJhbm5lclZhcmlhbnQpfVxuICAgICAgYH1cbiAgICAgIGNsYXNzTmFtZT1cIkJhbm5lckFjdGlvblwiXG4gICAgICB7Li4ucmVzdH1cbiAgICAvPlxuICApXG59XG4iXX0= */");
|
|
25
|
+
|
|
26
|
+
case 'highEmphasis':
|
|
27
|
+
case 'inverted':
|
|
28
|
+
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9hc3NlcnRpb25zL2Jhbm5lci9CYW5uZXJBY3Rpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDZ0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2Fzc2VydGlvbnMvYmFubmVyL0Jhbm5lckFjdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4uLy4uL2J1dHRvbidcbmltcG9ydCB7IEJhbm5lclZhcmlhbnQsIHVzZUJhbm5lckNvbnRleHQgfSBmcm9tICcuL0Jhbm5lcidcblxuZXhwb3J0IHR5cGUgQmFubmVyQWN0aW9uVmFyaWF0aW9uID0gJ3ByaW1hcnknIHwgJ3NlY29uZGFyeSdcblxuZXhwb3J0IGludGVyZmFjZSBCYW5uZXJBY3Rpb25Qcm9wcyB7XG4gIHZhcmlhdGlvbj86IEJhbm5lckFjdGlvblZhcmlhdGlvblxuICBvbkNsaWNrPzogKCkgPT4gdm9pZFxuICAvKipcbiAgICogY2xhc3NOYW1lIHRvIGJlIGFzc2lnbmVkIHRvIHRoZSBidXR0b25cbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAvKipcbiAgICogSFRNTCB0YWcgb3IgY3VzdG9tIGNvbXBvbmVudCBiZWluZyByZW5kZXJlZFxuICAgKi9cbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxufVxuXG5jb25zdCBnZXRWYXJpYXRpb25TdHlsZSA9IChiYW5uZXJWYXJpYW50OiBCYW5uZXJWYXJpYW50KSA9PiB7XG4gIHN3aXRjaCAoYmFubmVyVmFyaWFudCkge1xuICAgIGNhc2UgJ2xvd0VtcGhhc2lzJzpcbiAgICBjYXNlICdkZWZhdWx0JzpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICAgICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICAgICAgICB9XG4gICAgICBgXG4gICAgY2FzZSAnbWVkaXVtRW1waGFzaXMnOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5wcmltYXJ5fTtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gICAgICAgIH1cbiAgICAgIGBcbiAgICBjYXNlICdoaWdoRW1waGFzaXMnOlxuICAgIGNhc2UgJ2ludmVydGVkJzpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQubGlnaHQucHJpbWFyeX07XG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICAgICAgICB9XG4gICAgICBgXG4gIH1cbn1cblxuZXhwb3J0IGNvbnN0IEJhbm5lckFjdGlvbjogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8QmFubmVyQWN0aW9uUHJvcHM+ID0gKHsgdmFyaWF0aW9uID0gJ3ByaW1hcnknLCAuLi5yZXN0IH0pID0+IHtcbiAgY29uc3QgeyB2YXJpYW50OiBiYW5uZXJWYXJpYW50IH0gPSB1c2VCYW5uZXJDb250ZXh0KClcblxuICByZXR1cm4gKFxuICAgIDxCdXR0b25cbiAgICAgIHZhcmlhdGlvbj1cInRleHRcIlxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgJHt0eXBvZ3JhcGh5LmFjdGlvbn07XG4gICAgICAgIGZsZXg6IGF1dG87XG4gICAgICAgIGZsZXgtYmFzaXM6IGF1dG87XG4gICAgICAgIGZsZXgtZ3JvdzogMDtcbiAgICAgICAgbWFyZ2luLWxlZnQ6ICR7dGhlbWUuc3BhY2luZy54c307XG4gICAgICAgIHBhZGRpbmc6IDAgJHt0aGVtZS5zcGFjaW5nLnhzfTtcbiAgICAgICAgYm9yZGVyLXdpZHRoOiAke3ZhcmlhdGlvbiA9PT0gJ3ByaW1hcnknID8gJzFweCcgOiAnMCd9O1xuICAgICAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgICAgICAke2dldFZhcmlhdGlvblN0eWxlKGJhbm5lclZhcmlhbnQpfVxuICAgICAgYH1cbiAgICAgIGNsYXNzTmFtZT1cIkJhbm5lckFjdGlvblwiXG4gICAgICB7Li4ucmVzdH1cbiAgICAvPlxuICApXG59XG4iXX0= */");
|
|
30
29
|
}
|
|
31
30
|
};
|
|
32
31
|
|
|
@@ -35,15 +34,13 @@ export var BannerAction = function BannerAction(_ref) {
|
|
|
35
34
|
variation = _ref$variation === void 0 ? 'primary' : _ref$variation,
|
|
36
35
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
37
36
|
|
|
38
|
-
var
|
|
39
|
-
|
|
40
|
-
intent = _useBannerActionConte.intent;
|
|
37
|
+
var _useBannerContext = useBannerContext(),
|
|
38
|
+
bannerVariant = _useBannerContext.variant;
|
|
41
39
|
|
|
42
40
|
return ___EmotionJSX(Button, _extends({
|
|
43
|
-
variant: variant,
|
|
44
|
-
intent: intent,
|
|
45
41
|
variation: "text",
|
|
46
42
|
type: "button",
|
|
47
|
-
css: /*#__PURE__*/css(typography.action, ";flex:auto;flex-basis:auto;flex-grow:0;margin-left:", theme.spacing.xs, ";
|
|
43
|
+
css: /*#__PURE__*/css(typography.action, ";flex:auto;flex-basis:auto;flex-grow:0;margin-left:", theme.spacing.xs, ";padding:0 ", theme.spacing.xs, ";border-width:", variation === 'primary' ? '1px' : '0', ";border-style:solid;", getVariationStyle(bannerVariant), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:BannerAction;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9hc3NlcnRpb25zL2Jhbm5lci9CYW5uZXJBY3Rpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZEYyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvYXNzZXJ0aW9ucy9iYW5uZXIvQmFubmVyQWN0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IHR5cG9ncmFwaHkgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSAnLi4vLi4vYnV0dG9uJ1xuaW1wb3J0IHsgQmFubmVyVmFyaWFudCwgdXNlQmFubmVyQ29udGV4dCB9IGZyb20gJy4vQmFubmVyJ1xuXG5leHBvcnQgdHlwZSBCYW5uZXJBY3Rpb25WYXJpYXRpb24gPSAncHJpbWFyeScgfCAnc2Vjb25kYXJ5J1xuXG5leHBvcnQgaW50ZXJmYWNlIEJhbm5lckFjdGlvblByb3BzIHtcbiAgdmFyaWF0aW9uPzogQmFubmVyQWN0aW9uVmFyaWF0aW9uXG4gIG9uQ2xpY2s/OiAoKSA9PiB2b2lkXG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gdGhlIGJ1dHRvblxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIC8qKlxuICAgKiBIVE1MIHRhZyBvciBjdXN0b20gY29tcG9uZW50IGJlaW5nIHJlbmRlcmVkXG4gICAqL1xuICBhcz86IFJlYWN0LkVsZW1lbnRUeXBlXG59XG5cbmNvbnN0IGdldFZhcmlhdGlvblN0eWxlID0gKGJhbm5lclZhcmlhbnQ6IEJhbm5lclZhcmlhbnQpID0+IHtcbiAgc3dpdGNoIChiYW5uZXJWYXJpYW50KSB7XG4gICAgY2FzZSAnbG93RW1waGFzaXMnOlxuICAgIGNhc2UgJ2RlZmF1bHQnOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFya307XG4gICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFya307XG4gICAgICAgIH1cbiAgICAgIGBcbiAgICBjYXNlICdtZWRpdW1FbXBoYXNpcyc6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5wcmltYXJ5fTtcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5wcmltYXJ5fTtcbiAgICAgICAgfVxuICAgICAgYFxuICAgIGNhc2UgJ2hpZ2hFbXBoYXNpcyc6XG4gICAgY2FzZSAnaW52ZXJ0ZWQnOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQubGlnaHQucHJpbWFyeX07XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQubGlnaHQucHJpbWFyeX07XG4gICAgICAgIH1cbiAgICAgIGBcbiAgfVxufVxuXG5leHBvcnQgY29uc3QgQmFubmVyQWN0aW9uOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxCYW5uZXJBY3Rpb25Qcm9wcz4gPSAoeyB2YXJpYXRpb24gPSAncHJpbWFyeScsIC4uLnJlc3QgfSkgPT4ge1xuICBjb25zdCB7IHZhcmlhbnQ6IGJhbm5lclZhcmlhbnQgfSA9IHVzZUJhbm5lckNvbnRleHQoKVxuXG4gIHJldHVybiAoXG4gICAgPEJ1dHRvblxuICAgICAgdmFyaWF0aW9uPVwidGV4dFwiXG4gICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICAke3R5cG9ncmFwaHkuYWN0aW9ufTtcbiAgICAgICAgZmxleDogYXV0bztcbiAgICAgICAgZmxleC1iYXNpczogYXV0bztcbiAgICAgICAgZmxleC1ncm93OiAwO1xuICAgICAgICBtYXJnaW4tbGVmdDogJHt0aGVtZS5zcGFjaW5nLnhzfTtcbiAgICAgICAgcGFkZGluZzogMCAke3RoZW1lLnNwYWNpbmcueHN9O1xuICAgICAgICBib3JkZXItd2lkdGg6ICR7dmFyaWF0aW9uID09PSAncHJpbWFyeScgPyAnMXB4JyA6ICcwJ307XG4gICAgICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgICAgICR7Z2V0VmFyaWF0aW9uU3R5bGUoYmFubmVyVmFyaWFudCl9XG4gICAgICBgfVxuICAgICAgY2xhc3NOYW1lPVwiQmFubmVyQWN0aW9uXCJcbiAgICAgIHsuLi5yZXN0fVxuICAgIC8+XG4gIClcbn1cbiJdfQ== */"),
|
|
44
|
+
className: "BannerAction"
|
|
48
45
|
}, rest));
|
|
49
46
|
};
|
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import React, { ElementType, FunctionComponent, ReactNode } from 'react';
|
|
2
2
|
import { Intent } from '../../common/intent';
|
|
3
|
+
export declare type BannerVariant = 'lowEmphasis' | 'mediumEmphasis' | 'highEmphasis' | 'default' | 'inverted';
|
|
4
|
+
export declare type BannerStickyPosition = 'top' | 'bottom';
|
|
3
5
|
export declare type BannerProps = {
|
|
4
6
|
/**
|
|
5
7
|
* Specifies the intent of the Banner (change the color of the banner icon to match intended status)
|
|
@@ -8,7 +10,7 @@ export declare type BannerProps = {
|
|
|
8
10
|
/**
|
|
9
11
|
* Actions to be displayed inside the banner
|
|
10
12
|
*/
|
|
11
|
-
actions?:
|
|
13
|
+
actions?: ReactNode;
|
|
12
14
|
/**
|
|
13
15
|
* Class name to be added to the banner
|
|
14
16
|
*/
|
|
@@ -23,8 +25,10 @@ export declare type BannerProps = {
|
|
|
23
25
|
closeLabel?: string;
|
|
24
26
|
/**
|
|
25
27
|
* Specifies the variation of the banner.
|
|
28
|
+
*
|
|
29
|
+
* `default` and `inverted` variants are deprecated
|
|
26
30
|
*/
|
|
27
|
-
variant?:
|
|
31
|
+
variant?: BannerVariant;
|
|
28
32
|
/**
|
|
29
33
|
* Specifies if the Banner should be displayed with `position: fixed;`
|
|
30
34
|
*
|
|
@@ -34,19 +38,33 @@ export declare type BannerProps = {
|
|
|
34
38
|
/**
|
|
35
39
|
* Specifies the position of the Sticky Banner.
|
|
36
40
|
*/
|
|
37
|
-
stickyPosition?:
|
|
41
|
+
stickyPosition?: BannerStickyPosition;
|
|
38
42
|
/**
|
|
39
|
-
* Specifies if the Banner should have a border/divider at the bottom
|
|
43
|
+
* Specifies if the Banner should have a border/divider at the bottom.
|
|
40
44
|
*/
|
|
41
45
|
divider?: boolean;
|
|
42
46
|
/**
|
|
43
47
|
* Specify a custom icon to replace the one derived from `intent`
|
|
44
48
|
*
|
|
45
|
-
* @type {
|
|
49
|
+
* @type {ElementType<{ className?: string }>}
|
|
46
50
|
*/
|
|
47
|
-
icon?:
|
|
51
|
+
icon?: ElementType<{
|
|
48
52
|
className?: string;
|
|
49
53
|
}>;
|
|
54
|
+
/**
|
|
55
|
+
* Specifies if the actions should always appear below the content
|
|
56
|
+
*/
|
|
57
|
+
wrapActions?: boolean;
|
|
58
|
+
/**
|
|
59
|
+
* Content of the Banner
|
|
60
|
+
*/
|
|
61
|
+
children?: ReactNode;
|
|
50
62
|
};
|
|
51
|
-
|
|
63
|
+
interface BannerContextInterface {
|
|
64
|
+
intent: NonNullable<BannerProps['intent']>;
|
|
65
|
+
variant: NonNullable<BannerProps['variant']>;
|
|
66
|
+
}
|
|
67
|
+
export declare const BannerContext: React.Context<BannerContextInterface | undefined>;
|
|
68
|
+
export declare const useBannerContext: () => BannerContextInterface;
|
|
69
|
+
export declare const Banner: FunctionComponent<BannerProps>;
|
|
52
70
|
export default Banner;
|