@microsoft/omnichannel-chat-components 1.0.2-main.e39eb0f → 1.0.3-main.1b6d37d

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 (11) hide show
  1. package/lib/cjs/components/chatbutton/common/defaultStyles/defaultChatButtonGeneralStyles.js +1 -1
  2. package/lib/cjs/components/chatbutton/common/defaultStyles/defaultChatButtonSubTitleStyles.js +2 -1
  3. package/lib/cjs/components/chatbutton/common/defaultStyles/defaultChatButtonTitleStyles.js +2 -1
  4. package/lib/cjs/components/footer/Footer.js +2 -2
  5. package/lib/cjs/components/header/Header.js +2 -2
  6. package/lib/esm/components/chatbutton/common/defaultStyles/defaultChatButtonGeneralStyles.js +1 -1
  7. package/lib/esm/components/chatbutton/common/defaultStyles/defaultChatButtonSubTitleStyles.js +2 -1
  8. package/lib/esm/components/chatbutton/common/defaultStyles/defaultChatButtonTitleStyles.js +2 -1
  9. package/lib/esm/components/footer/Footer.js +2 -2
  10. package/lib/esm/components/header/Header.js +2 -2
  11. package/package.json +1 -1
package/lib/cjs/components/chatbutton/common/defaultStyles/defaultChatButtonGeneralStyles.js CHANGED
@@ -27,6 +27,6 @@ const defaultChatButtonGeneralStyles = {
27
27
  outline: "dotted 2px #000"
28
28
  }
29
29
  },
30
- width: "180px"
30
+ minWidth: "180px"
31
31
  };
32
32
  exports.defaultChatButtonGeneralStyles = defaultChatButtonGeneralStyles;
package/lib/cjs/components/chatbutton/common/defaultStyles/defaultChatButtonSubTitleStyles.js CHANGED
@@ -17,6 +17,7 @@ const defaultChatButtonSubTitleStyles = {
17
17
  padding: "0px",
18
18
  textOverflow: "ellipsis !important",
19
19
  whiteSpace: "nowrap",
20
- width: "90px"
20
+ minWidth: "90px",
21
+ maxWidth: "105px"
21
22
  };
22
23
  exports.defaultChatButtonSubTitleStyles = defaultChatButtonSubTitleStyles;
package/lib/cjs/components/chatbutton/common/defaultStyles/defaultChatButtonTitleStyles.js CHANGED
@@ -18,6 +18,7 @@ const defaultChatButtonTitleStyles = {
18
18
  padding: "0px",
19
19
  textOverflow: "ellipsis !important",
20
20
  whiteSpace: "nowrap",
21
- width: "90px"
21
+ minWidth: "90px",
22
+ maxWidth: "105px"
22
23
  };
23
24
  exports.defaultChatButtonTitleStyles = defaultChatButtonTitleStyles;
package/lib/cjs/components/footer/Footer.js CHANGED
@@ -51,14 +51,14 @@ function Footer(props) {
51
51
  const audioNotificationButtonHoverStyles = Object.assign({}, (_defaultFooterProps$s7 = _defaultFooterProps.defaultFooterProps.styleProps) === null || _defaultFooterProps$s7 === void 0 ? void 0 : _defaultFooterProps$s7.audioNotificationButtonHoverStyleProps, (_props$styleProps7 = props.styleProps) === null || _props$styleProps7 === void 0 ? void 0 : _props$styleProps7.audioNotificationButtonHoverStyleProps);
52
52
  const footerItemFocusStyles = Object.assign({}, (_defaultFooterProps$s8 = _defaultFooterProps.defaultFooterProps.styleProps) === null || _defaultFooterProps$s8 === void 0 ? void 0 : _defaultFooterProps$s8.footerItemFocusStyleProps, (_props$styleProps8 = props.styleProps) === null || _props$styleProps8 === void 0 ? void 0 : _props$styleProps8.footerItemFocusStyleProps);
53
53
  return /*#__PURE__*/React.createElement(_react2.Stack, {
54
+ as: "article",
54
55
  id: footerId,
55
56
  horizontal: true,
56
57
  className: props.className,
57
58
  horizontalAlign: "space-between",
58
59
  verticalAlign: "center",
59
60
  styles: stackStyles,
60
- dir: ((_props$controlProps5 = props.controlProps) === null || _props$controlProps5 === void 0 ? void 0 : _props$controlProps5.dir) ?? "ltr",
61
- role: "region"
61
+ dir: ((_props$controlProps5 = props.controlProps) === null || _props$controlProps5 === void 0 ? void 0 : _props$controlProps5.dir) ?? "ltr"
62
62
  }, /*#__PURE__*/React.createElement(_react2.Stack, {
63
63
  horizontal: true,
64
64
  id: _Constants.Ids.FooterLeftGroupId,
package/lib/cjs/components/header/Header.js CHANGED
@@ -56,13 +56,13 @@ function Header(props) {
56
56
  const minimizeButtonHoverStyles = Object.assign({}, (_defaultHeaderProps$s7 = _defaultHeaderProps.defaultHeaderProps.styleProps) === null || _defaultHeaderProps$s7 === void 0 ? void 0 : _defaultHeaderProps$s7.minimizeButtonHoverStyleProps, (_props$styleProps7 = props.styleProps) === null || _props$styleProps7 === void 0 ? void 0 : _props$styleProps7.minimizeButtonHoverStyleProps);
57
57
  const headerItemFocusStyles = Object.assign({}, (_defaultHeaderProps$s8 = _defaultHeaderProps.defaultHeaderProps.styleProps) === null || _defaultHeaderProps$s8 === void 0 ? void 0 : _defaultHeaderProps$s8.headerItemFocusStyleProps, (_props$styleProps8 = props.styleProps) === null || _props$styleProps8 === void 0 ? void 0 : _props$styleProps8.headerItemFocusStyleProps);
58
58
  return /*#__PURE__*/React.createElement(_react2.Stack, {
59
+ as: "article",
59
60
  id: headerId,
60
61
  horizontal: true,
61
62
  className: props.className,
62
63
  horizontalAlign: "space-between",
63
64
  styles: stackStyles,
64
- dir: ((_props$controlProps6 = props.controlProps) === null || _props$controlProps6 === void 0 ? void 0 : _props$controlProps6.dir) ?? "ltr",
65
- role: "region"
65
+ dir: ((_props$controlProps6 = props.controlProps) === null || _props$controlProps6 === void 0 ? void 0 : _props$controlProps6.dir) ?? "ltr"
66
66
  }, /*#__PURE__*/React.createElement(_react2.Stack, {
67
67
  horizontal: true,
68
68
  id: _Constants.Ids.HeaderLeftGroupId,
package/lib/esm/components/chatbutton/common/defaultStyles/defaultChatButtonGeneralStyles.js CHANGED
@@ -21,5 +21,5 @@ export const defaultChatButtonGeneralStyles = {
21
21
  outline: "dotted 2px #000"
22
22
  }
23
23
  },
24
- width: "180px"
24
+ minWidth: "180px"
25
25
  };
package/lib/esm/components/chatbutton/common/defaultStyles/defaultChatButtonSubTitleStyles.js CHANGED
@@ -11,5 +11,6 @@ export const defaultChatButtonSubTitleStyles = {
11
11
  padding: "0px",
12
12
  textOverflow: "ellipsis !important",
13
13
  whiteSpace: "nowrap",
14
- width: "90px"
14
+ minWidth: "90px",
15
+ maxWidth: "105px"
15
16
  };
package/lib/esm/components/chatbutton/common/defaultStyles/defaultChatButtonTitleStyles.js CHANGED
@@ -12,5 +12,6 @@ export const defaultChatButtonTitleStyles = {
12
12
  padding: "0px",
13
13
  textOverflow: "ellipsis !important",
14
14
  whiteSpace: "nowrap",
15
- width: "90px"
15
+ minWidth: "90px",
16
+ maxWidth: "105px"
16
17
  };
package/lib/esm/components/footer/Footer.js CHANGED
@@ -29,14 +29,14 @@ function Footer(props) {
29
29
  const audioNotificationButtonHoverStyles = Object.assign({}, (_defaultFooterProps$s7 = defaultFooterProps.styleProps) === null || _defaultFooterProps$s7 === void 0 ? void 0 : _defaultFooterProps$s7.audioNotificationButtonHoverStyleProps, (_props$styleProps7 = props.styleProps) === null || _props$styleProps7 === void 0 ? void 0 : _props$styleProps7.audioNotificationButtonHoverStyleProps);
30
30
  const footerItemFocusStyles = Object.assign({}, (_defaultFooterProps$s8 = defaultFooterProps.styleProps) === null || _defaultFooterProps$s8 === void 0 ? void 0 : _defaultFooterProps$s8.footerItemFocusStyleProps, (_props$styleProps8 = props.styleProps) === null || _props$styleProps8 === void 0 ? void 0 : _props$styleProps8.footerItemFocusStyleProps);
31
31
  return /*#__PURE__*/React.createElement(Stack, {
32
+ as: "article",
32
33
  id: footerId,
33
34
  horizontal: true,
34
35
  className: props.className,
35
36
  horizontalAlign: "space-between",
36
37
  verticalAlign: "center",
37
38
  styles: stackStyles,
38
- dir: ((_props$controlProps5 = props.controlProps) === null || _props$controlProps5 === void 0 ? void 0 : _props$controlProps5.dir) ?? "ltr",
39
- role: "region"
39
+ dir: ((_props$controlProps5 = props.controlProps) === null || _props$controlProps5 === void 0 ? void 0 : _props$controlProps5.dir) ?? "ltr"
40
40
  }, /*#__PURE__*/React.createElement(Stack, {
41
41
  horizontal: true,
42
42
  id: Ids.FooterLeftGroupId,
package/lib/esm/components/header/Header.js CHANGED
@@ -35,13 +35,13 @@ function Header(props) {
35
35
  const minimizeButtonHoverStyles = Object.assign({}, (_defaultHeaderProps$s7 = defaultHeaderProps.styleProps) === null || _defaultHeaderProps$s7 === void 0 ? void 0 : _defaultHeaderProps$s7.minimizeButtonHoverStyleProps, (_props$styleProps7 = props.styleProps) === null || _props$styleProps7 === void 0 ? void 0 : _props$styleProps7.minimizeButtonHoverStyleProps);
36
36
  const headerItemFocusStyles = Object.assign({}, (_defaultHeaderProps$s8 = defaultHeaderProps.styleProps) === null || _defaultHeaderProps$s8 === void 0 ? void 0 : _defaultHeaderProps$s8.headerItemFocusStyleProps, (_props$styleProps8 = props.styleProps) === null || _props$styleProps8 === void 0 ? void 0 : _props$styleProps8.headerItemFocusStyleProps);
37
37
  return /*#__PURE__*/React.createElement(Stack, {
38
+ as: "article",
38
39
  id: headerId,
39
40
  horizontal: true,
40
41
  className: props.className,
41
42
  horizontalAlign: "space-between",
42
43
  styles: stackStyles,
43
- dir: ((_props$controlProps6 = props.controlProps) === null || _props$controlProps6 === void 0 ? void 0 : _props$controlProps6.dir) ?? "ltr",
44
- role: "region"
44
+ dir: ((_props$controlProps6 = props.controlProps) === null || _props$controlProps6 === void 0 ? void 0 : _props$controlProps6.dir) ?? "ltr"
45
45
  }, /*#__PURE__*/React.createElement(Stack, {
46
46
  horizontal: true,
47
47
  id: Ids.HeaderLeftGroupId,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@microsoft/omnichannel-chat-components",
3
- "version": "1.0.2-main.e39eb0f",
3
+ "version": "1.0.3-main.1b6d37d",
4
4
  "description": "Microsoft Omnichannel Chat Components",
5
5
  "main": "lib/cjs/index.js",
6
6
  "types": "lib/types/index.d.ts",