@elliemae/ds-banner 2.0.0-rc.1 → 2.0.0-rc.13

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.
Files changed (8) hide show
  1. package/cjs/DSBanner.js +4 -2
  2. package/cjs/styles.js +32 -23
  3. package/esm/DSBanner.js +4 -2
  4. package/esm/styles.js +31 -22
  5. package/package.json +7 -5
  6. package/types/DSBanner.d.ts +36 -10
  7. package/types/propTypes.d.ts +31 -9
  8. package/types/styles.d.ts +7 -66
package/cjs/DSBanner.js CHANGED
@@ -47,8 +47,10 @@ const DSBanner = _ref => {
47
47
  const linkRef = React.useRef(null);
48
48
  const [current, setCurrent] = React.useState(isOpen);
49
49
  const [isAnimating, setIsAnimating] = React.useState(false);
50
- const [height, setHeight] = React.useState(0);
51
50
  const [alertTabIndex, setAlertTabIndex] = React.useState(undefined);
51
+ const ownerState = {
52
+ type
53
+ };
52
54
  React__default["default"].useEffect(() => {
53
55
  if (actionRef && actionRef.current) {
54
56
  actionRef.current.focusOnWrapper = () => {
@@ -85,9 +87,9 @@ const DSBanner = _ref => {
85
87
  isOpen: isOpen,
86
88
  isAnimating: isAnimating,
87
89
  onAnimationEnd: () => setCurrent(isOpen),
88
- height: height,
89
90
  "data-testid": "ds-banner-container"
90
91
  }, containerProps), {}, {
92
+ ownerState: ownerState,
91
93
  children: /*#__PURE__*/jsxRuntime.jsxs(styles.StyledInnerContainer, {
92
94
  type: type,
93
95
  isOpen: isOpen,
package/cjs/styles.js CHANGED
@@ -2,18 +2,21 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var styled = require('styled-components');
5
+ var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
6
+ var dsSystem = require('@elliemae/ds-system');
6
7
  var DSButton = require('@elliemae/ds-button');
7
8
  var styleHelpers = require('./utils/styleHelpers.js');
8
9
 
9
10
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
10
11
 
11
- var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
12
+ var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefaultLegacy(_taggedTemplateLiteral);
12
13
  var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
13
14
 
14
- const StyledBannerContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
15
- componentId: "sc-ffu2hq-0"
16
- })(["overflow:hidden;height:", ";", ";"], _ref => {
15
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
16
+ const StyledBannerContainer = dsSystem.styled('div', {
17
+ name: 'DS-Banner',
18
+ slot: 'root'
19
+ })(_templateObject || (_templateObject = _taggedTemplateLiteral__default["default"](["\n overflow: hidden;\n height: ", ";\n ", ";\n"])), _ref => {
17
20
  let {
18
21
  isOpen
19
22
  } = _ref;
@@ -26,9 +29,10 @@ const StyledBannerContainer = /*#__PURE__*/styled__default["default"].div.withCo
26
29
  } = _ref2;
27
30
  return styleHelpers.handleAnimation(isAnimating, isOpen, height);
28
31
  });
29
- const StyledInnerContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
30
- componentId: "sc-ffu2hq-1"
31
- })(["padding-right:6px;display:grid;align-items:center;min-height:41px;width:100%;background-color:", ";border-bottom:5px solid ", ";", ";&:focus{position:relative;&:after{content:'';display:block;position:absolute;top:0;left:0;pointer-events:none;border-radius:2px;width:calc(100%);border:2px solid #1e79c2;height:calc(100% + 4px);}}grid-template-columns:auto minmax(auto,auto) minmax(auto,1fr) auto;"], _ref3 => {
32
+ const StyledInnerContainer = dsSystem.styled('div', {
33
+ name: 'DS-Banner',
34
+ slot: 'innerContainer'
35
+ })(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default["default"](["\n padding-right: 6px;\n display: grid;\n align-items: center;\n min-height: 41px;\n width: 100%;\n background-color: ", ";\n border-bottom: 5px solid ", ";\n ", ";\n &:focus {\n position: relative;\n &:after {\n content: '';\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n pointer-events: none;\n border-radius: 2px;\n width: calc(100%);\n border: 2px solid #1e79c2;\n height: calc(100% + 4px);\n }\n }\n grid-template-columns: auto minmax(auto, auto) minmax(auto, 1fr) auto;\n"])), _ref3 => {
32
36
  let {
33
37
  theme
34
38
  } = _ref3;
@@ -46,9 +50,10 @@ const StyledInnerContainer = /*#__PURE__*/styled__default["default"].div.withCon
46
50
  } = _ref5;
47
51
  return styleHelpers.handleAnimation(isAnimating, isOpen);
48
52
  });
49
- const StyledIconContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
50
- componentId: "sc-ffu2hq-2"
51
- })(["margin-right:", ";margin-left:", ";"], _ref6 => {
53
+ const StyledIconContainer = dsSystem.styled('div', {
54
+ name: 'DS-Banner',
55
+ slot: 'iconContainer'
56
+ })(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral__default["default"](["\n margin-right: ", ";\n margin-left: ", ";\n"])), _ref6 => {
52
57
  let {
53
58
  theme
54
59
  } = _ref6;
@@ -59,9 +64,10 @@ const StyledIconContainer = /*#__PURE__*/styled__default["default"].div.withConf
59
64
  } = _ref7;
60
65
  return theme.space.xs;
61
66
  });
62
- const StyledTitle = /*#__PURE__*/styled__default["default"].div.withConfig({
63
- componentId: "sc-ffu2hq-3"
64
- })(["color:", ";font-size:", ";font-weight:", ";"], _ref8 => {
67
+ const StyledTitle = dsSystem.styled('div', {
68
+ name: 'DS-Banner',
69
+ slot: 'title'
70
+ })(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral__default["default"](["\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n"])), _ref8 => {
65
71
  let {
66
72
  theme
67
73
  } = _ref8;
@@ -77,9 +83,10 @@ const StyledTitle = /*#__PURE__*/styled__default["default"].div.withConfig({
77
83
  } = _ref10;
78
84
  return theme.fontWeights.semibold;
79
85
  });
80
- const StyledSubTitle = /*#__PURE__*/styled__default["default"].div.withConfig({
81
- componentId: "sc-ffu2hq-4"
82
- })(["width:100%;margin-left:", ";font-size:", ";font-weight:", ";"], _ref11 => {
86
+ const StyledSubTitle = dsSystem.styled('div', {
87
+ name: 'DS-Banner',
88
+ slot: 'subtitle'
89
+ })(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral__default["default"](["\n width: 100%;\n margin-left: ", ";\n font-size: ", ";\n font-weight: ", ";\n"])), _ref11 => {
83
90
  let {
84
91
  theme
85
92
  } = _ref11;
@@ -95,9 +102,10 @@ const StyledSubTitle = /*#__PURE__*/styled__default["default"].div.withConfig({
95
102
  } = _ref13;
96
103
  return theme.fontWeights.regular;
97
104
  });
98
- const StyledActionLink = /*#__PURE__*/styled__default["default"].a.withConfig({
99
- componentId: "sc-ffu2hq-5"
100
- })(["margin-left:", ";white-space:nowrap;text-decoration:none;line-height:1.1;font-size:", ";font-weight:", ";color:", ";"], _ref14 => {
105
+ const StyledActionLink = dsSystem.styled('a', {
106
+ name: 'DS-Banner',
107
+ slot: 'action'
108
+ })(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral__default["default"](["\n margin-left: ", ";\n white-space: nowrap;\n text-decoration: none;\n line-height: 1.1;\n font-size: ", ";\n font-weight: ", ";\n color: ", ";\n"])), _ref14 => {
101
109
  let {
102
110
  theme,
103
111
  isBodyEmpty
@@ -119,9 +127,10 @@ const StyledActionLink = /*#__PURE__*/styled__default["default"].a.withConfig({
119
127
  } = _ref17;
120
128
  return theme.colors.brand[600];
121
129
  });
122
- const StyledCloseButton = /*#__PURE__*/styled__default["default"](DSButton__default["default"]).withConfig({
123
- componentId: "sc-ffu2hq-6"
124
- })(["margin-left:", ";&:not(focus){border:transparent;}"], _ref18 => {
130
+ const StyledCloseButton = dsSystem.styled(DSButton__default["default"], {
131
+ name: 'DS-Banner',
132
+ slot: 'closeButton'
133
+ })(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral__default["default"](["\n margin-left: ", ";\n &:not(focus) {\n border: transparent;\n }\n"])), _ref18 => {
125
134
  let {
126
135
  theme
127
136
  } = _ref18;
package/esm/DSBanner.js CHANGED
@@ -37,8 +37,10 @@ const DSBanner = _ref => {
37
37
  const linkRef = useRef(null);
38
38
  const [current, setCurrent] = useState(isOpen);
39
39
  const [isAnimating, setIsAnimating] = useState(false);
40
- const [height, setHeight] = useState(0);
41
40
  const [alertTabIndex, setAlertTabIndex] = useState(undefined);
41
+ const ownerState = {
42
+ type
43
+ };
42
44
  React.useEffect(() => {
43
45
  if (actionRef && actionRef.current) {
44
46
  actionRef.current.focusOnWrapper = () => {
@@ -75,9 +77,9 @@ const DSBanner = _ref => {
75
77
  isOpen: isOpen,
76
78
  isAnimating: isAnimating,
77
79
  onAnimationEnd: () => setCurrent(isOpen),
78
- height: height,
79
80
  "data-testid": "ds-banner-container"
80
81
  }, containerProps), {}, {
82
+ ownerState: ownerState,
81
83
  children: /*#__PURE__*/jsxs(StyledInnerContainer, {
82
84
  type: type,
83
85
  isOpen: isOpen,
package/esm/styles.js CHANGED
@@ -1,10 +1,13 @@
1
- import styled from 'styled-components';
1
+ import _taggedTemplateLiteral from '@babel/runtime/helpers/esm/taggedTemplateLiteral';
2
+ import { styled } from '@elliemae/ds-system';
2
3
  import DSButton from '@elliemae/ds-button';
3
4
  import { handleAnimation, handleBorderColor } from './utils/styleHelpers.js';
4
5
 
5
- const StyledBannerContainer = /*#__PURE__*/styled.div.withConfig({
6
- componentId: "sc-ffu2hq-0"
7
- })(["overflow:hidden;height:", ";", ";"], _ref => {
6
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
7
+ const StyledBannerContainer = styled('div', {
8
+ name: 'DS-Banner',
9
+ slot: 'root'
10
+ })(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n overflow: hidden;\n height: ", ";\n ", ";\n"])), _ref => {
8
11
  let {
9
12
  isOpen
10
13
  } = _ref;
@@ -17,9 +20,10 @@ const StyledBannerContainer = /*#__PURE__*/styled.div.withConfig({
17
20
  } = _ref2;
18
21
  return handleAnimation(isAnimating, isOpen, height);
19
22
  });
20
- const StyledInnerContainer = /*#__PURE__*/styled.div.withConfig({
21
- componentId: "sc-ffu2hq-1"
22
- })(["padding-right:6px;display:grid;align-items:center;min-height:41px;width:100%;background-color:", ";border-bottom:5px solid ", ";", ";&:focus{position:relative;&:after{content:'';display:block;position:absolute;top:0;left:0;pointer-events:none;border-radius:2px;width:calc(100%);border:2px solid #1e79c2;height:calc(100% + 4px);}}grid-template-columns:auto minmax(auto,auto) minmax(auto,1fr) auto;"], _ref3 => {
23
+ const StyledInnerContainer = styled('div', {
24
+ name: 'DS-Banner',
25
+ slot: 'innerContainer'
26
+ })(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding-right: 6px;\n display: grid;\n align-items: center;\n min-height: 41px;\n width: 100%;\n background-color: ", ";\n border-bottom: 5px solid ", ";\n ", ";\n &:focus {\n position: relative;\n &:after {\n content: '';\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n pointer-events: none;\n border-radius: 2px;\n width: calc(100%);\n border: 2px solid #1e79c2;\n height: calc(100% + 4px);\n }\n }\n grid-template-columns: auto minmax(auto, auto) minmax(auto, 1fr) auto;\n"])), _ref3 => {
23
27
  let {
24
28
  theme
25
29
  } = _ref3;
@@ -37,9 +41,10 @@ const StyledInnerContainer = /*#__PURE__*/styled.div.withConfig({
37
41
  } = _ref5;
38
42
  return handleAnimation(isAnimating, isOpen);
39
43
  });
40
- const StyledIconContainer = /*#__PURE__*/styled.div.withConfig({
41
- componentId: "sc-ffu2hq-2"
42
- })(["margin-right:", ";margin-left:", ";"], _ref6 => {
44
+ const StyledIconContainer = styled('div', {
45
+ name: 'DS-Banner',
46
+ slot: 'iconContainer'
47
+ })(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n margin-right: ", ";\n margin-left: ", ";\n"])), _ref6 => {
43
48
  let {
44
49
  theme
45
50
  } = _ref6;
@@ -50,9 +55,10 @@ const StyledIconContainer = /*#__PURE__*/styled.div.withConfig({
50
55
  } = _ref7;
51
56
  return theme.space.xs;
52
57
  });
53
- const StyledTitle = /*#__PURE__*/styled.div.withConfig({
54
- componentId: "sc-ffu2hq-3"
55
- })(["color:", ";font-size:", ";font-weight:", ";"], _ref8 => {
58
+ const StyledTitle = styled('div', {
59
+ name: 'DS-Banner',
60
+ slot: 'title'
61
+ })(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n"])), _ref8 => {
56
62
  let {
57
63
  theme
58
64
  } = _ref8;
@@ -68,9 +74,10 @@ const StyledTitle = /*#__PURE__*/styled.div.withConfig({
68
74
  } = _ref10;
69
75
  return theme.fontWeights.semibold;
70
76
  });
71
- const StyledSubTitle = /*#__PURE__*/styled.div.withConfig({
72
- componentId: "sc-ffu2hq-4"
73
- })(["width:100%;margin-left:", ";font-size:", ";font-weight:", ";"], _ref11 => {
77
+ const StyledSubTitle = styled('div', {
78
+ name: 'DS-Banner',
79
+ slot: 'subtitle'
80
+ })(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n width: 100%;\n margin-left: ", ";\n font-size: ", ";\n font-weight: ", ";\n"])), _ref11 => {
74
81
  let {
75
82
  theme
76
83
  } = _ref11;
@@ -86,9 +93,10 @@ const StyledSubTitle = /*#__PURE__*/styled.div.withConfig({
86
93
  } = _ref13;
87
94
  return theme.fontWeights.regular;
88
95
  });
89
- const StyledActionLink = /*#__PURE__*/styled.a.withConfig({
90
- componentId: "sc-ffu2hq-5"
91
- })(["margin-left:", ";white-space:nowrap;text-decoration:none;line-height:1.1;font-size:", ";font-weight:", ";color:", ";"], _ref14 => {
96
+ const StyledActionLink = styled('a', {
97
+ name: 'DS-Banner',
98
+ slot: 'action'
99
+ })(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n margin-left: ", ";\n white-space: nowrap;\n text-decoration: none;\n line-height: 1.1;\n font-size: ", ";\n font-weight: ", ";\n color: ", ";\n"])), _ref14 => {
92
100
  let {
93
101
  theme,
94
102
  isBodyEmpty
@@ -110,9 +118,10 @@ const StyledActionLink = /*#__PURE__*/styled.a.withConfig({
110
118
  } = _ref17;
111
119
  return theme.colors.brand[600];
112
120
  });
113
- const StyledCloseButton = /*#__PURE__*/styled(DSButton).withConfig({
114
- componentId: "sc-ffu2hq-6"
115
- })(["margin-left:", ";&:not(focus){border:transparent;}"], _ref18 => {
121
+ const StyledCloseButton = styled(DSButton, {
122
+ name: 'DS-Banner',
123
+ slot: 'closeButton'
124
+ })(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n margin-left: ", ";\n &:not(focus) {\n border: transparent;\n }\n"])), _ref18 => {
116
125
  let {
117
126
  theme
118
127
  } = _ref18;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-banner",
3
- "version": "2.0.0-rc.1",
3
+ "version": "2.0.0-rc.13",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Banner",
6
6
  "module": "./esm/index.js",
@@ -60,13 +60,15 @@
60
60
  "build": "node ../../scripts/build/build.js"
61
61
  },
62
62
  "dependencies": {
63
- "@elliemae/ds-basic": "2.0.0-rc.1",
64
- "@elliemae/ds-classnames": "2.0.0-rc.1",
65
- "@elliemae/ds-icons": "2.0.0-rc.1",
66
- "@elliemae/ds-system": "2.0.0-rc.1",
63
+ "@elliemae/ds-button": "2.0.0-rc.13",
64
+ "@elliemae/ds-icons": "2.0.0-rc.13",
65
+ "@elliemae/ds-system": "2.0.0-rc.13",
67
66
  "react-desc": "~4.1.2"
68
67
  },
69
68
  "devDependencies": {
69
+ "@testing-library/jest-dom": "~5.15.0",
70
+ "@testing-library/react": "~12.1.2",
71
+ "@testing-library/user-event": "~13.5.0",
70
72
  "styled-components": "~5.3.3"
71
73
  },
72
74
  "peerDependencies": {
package/types/DSBanner.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ /// <reference path="../../../../shared/typings/react-desc.d.ts" />
1
2
  /// <reference types="react" />
2
3
  import type { BannerPropsT } from './index.d';
3
4
  declare const DSBanner: {
@@ -17,17 +18,42 @@ declare const DSBanner: {
17
18
  };
18
19
  };
19
20
  propTypes: {
20
- containerProps: any;
21
- label: any;
22
- body: any;
23
- type: any;
24
- onClose: any;
25
- isOpen: any;
26
- showCloseButton: any;
27
- actionLink: any;
28
- actionRef: any;
21
+ containerProps: {
22
+ deprecated: import("react-desc").PropTypesDescValidator;
23
+ };
24
+ label: {
25
+ deprecated: import("react-desc").PropTypesDescValidator;
26
+ };
27
+ body: {
28
+ deprecated: import("react-desc").PropTypesDescValidator;
29
+ };
30
+ type: {
31
+ deprecated: import("react-desc").PropTypesDescValidator;
32
+ };
33
+ onClose: {
34
+ defaultValue<T = unknown>(arg: T): {
35
+ deprecated: import("react-desc").PropTypesDescValidator;
36
+ };
37
+ isRequired: import("react-desc").PropTypesDescValidator;
38
+ };
39
+ isOpen: {
40
+ deprecated: import("react-desc").PropTypesDescValidator;
41
+ };
42
+ showCloseButton: {
43
+ deprecated: import("react-desc").PropTypesDescValidator;
44
+ };
45
+ actionLink: {
46
+ deprecated: import("react-desc").PropTypesDescValidator;
47
+ };
48
+ actionRef: {
49
+ deprecated: import("react-desc").PropTypesDescValidator;
50
+ };
29
51
  };
30
52
  };
31
- declare const DSBannerWithSchema: any;
53
+ declare const DSBannerWithSchema: {
54
+ (props?: BannerPropsT | undefined): JSX.Element;
55
+ propTypes: unknown;
56
+ toTypescript: () => import("react-desc").TypescriptSchema;
57
+ };
32
58
  export default DSBanner;
33
59
  export { DSBannerWithSchema };
package/types/propTypes.d.ts CHANGED
@@ -1,11 +1,33 @@
1
+ /// <reference path="../../../../shared/typings/react-desc.d.ts" />
1
2
  export declare const propTypes: {
2
- containerProps: any;
3
- label: any;
4
- body: any;
5
- type: any;
6
- onClose: any;
7
- isOpen: any;
8
- showCloseButton: any;
9
- actionLink: any;
10
- actionRef: any;
3
+ containerProps: {
4
+ deprecated: import("react-desc").PropTypesDescValidator;
5
+ };
6
+ label: {
7
+ deprecated: import("react-desc").PropTypesDescValidator;
8
+ };
9
+ body: {
10
+ deprecated: import("react-desc").PropTypesDescValidator;
11
+ };
12
+ type: {
13
+ deprecated: import("react-desc").PropTypesDescValidator;
14
+ };
15
+ onClose: {
16
+ defaultValue<T = unknown>(arg: T): {
17
+ deprecated: import("react-desc").PropTypesDescValidator;
18
+ };
19
+ isRequired: import("react-desc").PropTypesDescValidator;
20
+ };
21
+ isOpen: {
22
+ deprecated: import("react-desc").PropTypesDescValidator;
23
+ };
24
+ showCloseButton: {
25
+ deprecated: import("react-desc").PropTypesDescValidator;
26
+ };
27
+ actionLink: {
28
+ deprecated: import("react-desc").PropTypesDescValidator;
29
+ };
30
+ actionRef: {
31
+ deprecated: import("react-desc").PropTypesDescValidator;
32
+ };
11
33
  };
package/types/styles.d.ts CHANGED
@@ -1,67 +1,8 @@
1
- /// <reference types="react" />
2
1
  import type { StyledActionLinkT, StyledBannerContainerT, StyledInnerContainerT } from './index.d';
3
- export declare const StyledBannerContainer: import("styled-components").StyledComponent<"div", any, StyledBannerContainerT, never>;
4
- export declare const StyledInnerContainer: import("styled-components").StyledComponent<"div", any, StyledInnerContainerT, never>;
5
- export declare const StyledIconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
6
- export declare const StyledTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
7
- export declare const StyledSubTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
8
- export declare const StyledActionLink: import("styled-components").StyledComponent<"a", any, StyledActionLinkT, never>;
9
- export declare const StyledCloseButton: import("styled-components").StyledComponent<{
10
- ({ innerRef, disabled, buttonType, fluidWidth, size, labelText, icon, onBlur, onClick, onKeyPress, leftIcon, tabIndex, variant, intent, containerProps, className, as: Component, type, ...rest }: {
11
- [x: string]: any;
12
- innerRef: any;
13
- disabled: any;
14
- buttonType: any;
15
- fluidWidth: any;
16
- size: any;
17
- labelText: any;
18
- icon: any;
19
- onBlur: any;
20
- onClick: any;
21
- onKeyPress: any;
22
- leftIcon: any;
23
- tabIndex: any;
24
- variant: any;
25
- intent: any;
26
- containerProps: any;
27
- className: any;
28
- as: any;
29
- type: any;
30
- }): JSX.Element;
31
- defaultProps: {
32
- disabled: boolean;
33
- fluidWidth: boolean;
34
- labelText: string;
35
- icon: null;
36
- onBlur: () => null;
37
- onClick: () => null;
38
- onKeyPress: () => null;
39
- leftIcon: null;
40
- tabIndex: number;
41
- variant: string;
42
- containerProps: {};
43
- as: string;
44
- type: string;
45
- };
46
- propTypes: {
47
- tabIndex: any;
48
- className: any;
49
- 'aria-disabled': any;
50
- as: any;
51
- disabled: any;
52
- fluidWidth: any;
53
- labelText: any;
54
- icon: any;
55
- leftIcon: any;
56
- buttonType: any;
57
- size: any;
58
- type: any;
59
- variant: any;
60
- innerRef: any;
61
- onBlur: any;
62
- intent: any;
63
- containerProps: any;
64
- onClick: any;
65
- onKeyPress: any;
66
- };
67
- }, any, {}, never>;
2
+ export declare const StyledBannerContainer: import("styled-components").StyledComponent<StyledBannerContainerT, import("@elliemae/ds-system/types/styled/types").Theme, {}, never>;
3
+ export declare const StyledInnerContainer: import("styled-components").StyledComponent<StyledInnerContainerT, import("@elliemae/ds-system/types/styled/types").Theme, {}, never>;
4
+ export declare const StyledIconContainer: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system/types/styled/types").Theme, {}, never>;
5
+ export declare const StyledTitle: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system/types/styled/types").Theme, {}, never>;
6
+ export declare const StyledSubTitle: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system/types/styled/types").Theme, {}, never>;
7
+ export declare const StyledActionLink: import("styled-components").StyledComponent<StyledActionLinkT, import("@elliemae/ds-system/types/styled/types").Theme, {}, never>;
8
+ export declare const StyledCloseButton: import("styled-components").StyledComponent<any, import("@elliemae/ds-system/types/styled/types").Theme, any, any>;