@livetiles/reach-components-react 0.4.0-preview.130 → 0.4.0-preview.132

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/index.esm2.js CHANGED
@@ -48398,7 +48398,7 @@ var applyFocusStyle = function applyFocusStyle(input) {
48398
48398
  };
48399
48399
 
48400
48400
  var templateObject_1$4$3;
48401
- var GlobalStyles = createGlobalStyle(templateObject_1$3$3 || (templateObject_1$3$3 = __makeTemplateObject$k(["\n .lt-reach {\n color: ", ";\n\n a {\n text-decoration: none;\n }\n\n *:focus {\n outline: none;\n }\n\n input[type='button'],\n input[type='reset'],\n input[type='submit'],\n button {\n min-width: auto;\n }\n\n h1,\n h2,\n h3,\n div,\n span,\n input,\n textarea,\n .ms-font-m,\n div.ms-Dialog,\n .ms-Label,\n .ms-Link {\n font-family: 'Roboto', sans-serif !important;\n }\n\n .ms-Fabric {\n -webkit-font-smoothing: initial !important;\n }\n\n .ms-Button--icon.ms-Button {\n\n &:hover {\n background-color: transparent;\n }\n\n &.is-expanded {\n background-color: transparent;\n }\n }\n\n /***\n UI Fabric overrides\n */\n .ms-Dialog-main {\n width: inherit;\n .ms-Dialog-button--close:hover {\n background-color: transparent;\n }\n }\n\n .ms-Dialog-main {\n width: auto !important;\n max-width: 100% !important;\n margin: 0 10px;\n }\n\n .ms-Callout {\n // max-width 100% overflows on small screens where the dialog contents\n // occupy the whole 100%\n max-width: 90% !important;\n }\n\n }\n \n .lt-reach-picker-callout .ms-PeoplePicker-Persona {\n width: auto;\n }\n\n // the pull to refresh container is placed ABOVE our element, therefore we can not use a class from our component\n // however since \"app\" is our outer-most class it should be fine to use this\n .app {\n .ptr--ptr {\n box-shadow: none;\n }\n }\n\n .lt-reach-languageselector-menu-item {\n &.selected {\n background-color: #c0c0c0;\n span {\n font-weight: bold;\n }\n }\n\n button i {\n color: inherit;\n }\n }\n"], ["\n .lt-reach {\n color: ", ";\n\n a {\n text-decoration: none;\n }\n\n *:focus {\n outline: none;\n }\n\n input[type='button'],\n input[type='reset'],\n input[type='submit'],\n button {\n min-width: auto;\n }\n\n h1,\n h2,\n h3,\n div,\n span,\n input,\n textarea,\n .ms-font-m,\n div.ms-Dialog,\n .ms-Label,\n .ms-Link {\n font-family: 'Roboto', sans-serif !important;\n }\n\n .ms-Fabric {\n -webkit-font-smoothing: initial !important;\n }\n\n .ms-Button--icon.ms-Button {\n\n &:hover {\n background-color: transparent;\n }\n\n &.is-expanded {\n background-color: transparent;\n }\n }\n\n /***\n UI Fabric overrides\n */\n .ms-Dialog-main {\n width: inherit;\n .ms-Dialog-button--close:hover {\n background-color: transparent;\n }\n }\n\n .ms-Dialog-main {\n width: auto !important;\n max-width: 100% !important;\n margin: 0 10px;\n }\n\n .ms-Callout {\n // max-width 100% overflows on small screens where the dialog contents\n // occupy the whole 100%\n max-width: 90% !important;\n }\n\n }\n \n .lt-reach-picker-callout .ms-PeoplePicker-Persona {\n width: auto;\n }\n\n // the pull to refresh container is placed ABOVE our element, therefore we can not use a class from our component\n // however since \"app\" is our outer-most class it should be fine to use this\n .app {\n .ptr--ptr {\n box-shadow: none;\n }\n }\n\n .lt-reach-languageselector-menu-item {\n &.selected {\n background-color: #c0c0c0;\n span {\n font-weight: bold;\n }\n }\n\n button i {\n color: inherit;\n }\n }\n"])), function (p) {
48401
+ var GlobalStyles = createGlobalStyle(templateObject_1$3$3 || (templateObject_1$3$3 = __makeTemplateObject$k(["\n .lt-reach {\n color: ", ";\n\n a {\n text-decoration: none;\n }\n\n *:focus {\n outline: none;\n }\n\n input[type='button'],\n input[type='reset'],\n input[type='submit'],\n button {\n min-width: auto;\n }\n\n h1,\n h2,\n h3,\n div,\n span,\n input,\n textarea,\n .ms-font-m,\n div.ms-Dialog,\n .ms-Label,\n .ms-Link {\n font-family: 'Roboto', sans-serif !important;\n }\n\n .ms-Fabric {\n -webkit-font-smoothing: initial !important;\n }\n\n .ms-Button--icon.ms-Button {\n\n &:hover {\n background-color: transparent;\n }\n\n &.is-expanded {\n background-color: transparent;\n }\n }\n\n /***\n UI Fabric overrides\n */\n .ms-Dialog-main {\n width: inherit;\n .ms-Dialog-button--close:hover {\n background-color: transparent;\n }\n }\n\n .ms-Dialog-main {\n width: auto !important;\n max-width: 100% !important;\n margin: 0 10px;\n }\n\n .ms-Callout {\n // max-width 100% overflows on small screens where the dialog contents\n // occupy the whole 100%\n max-width: 90% !important;\n }\n\n }\n \n .lt-reach-picker-callout .ms-PeoplePicker-Persona {\n width: auto;\n }\n\n // the pull to refresh container is placed ABOVE our element, therefore we can not use a class from our component\n // however since \"app\" is our outer-most class it should be fine to use this\n .app {\n .ptr--ptr {\n box-shadow: none;\n }\n }\n\n .lt-reach-languageselector-menu-item {\n &.selected {\n background-color: #c0c0c0;\n span {\n font-weight: bold;\n }\n }\n\n button i {\n color: inherit;\n }\n }\n\n .browser-name-safari,\n .browser-name-ios,\n .browser-name-ios-webview {\n .lt-reach-header-actions {\n height: 50px;\n }\n }\n"], ["\n .lt-reach {\n color: ", ";\n\n a {\n text-decoration: none;\n }\n\n *:focus {\n outline: none;\n }\n\n input[type='button'],\n input[type='reset'],\n input[type='submit'],\n button {\n min-width: auto;\n }\n\n h1,\n h2,\n h3,\n div,\n span,\n input,\n textarea,\n .ms-font-m,\n div.ms-Dialog,\n .ms-Label,\n .ms-Link {\n font-family: 'Roboto', sans-serif !important;\n }\n\n .ms-Fabric {\n -webkit-font-smoothing: initial !important;\n }\n\n .ms-Button--icon.ms-Button {\n\n &:hover {\n background-color: transparent;\n }\n\n &.is-expanded {\n background-color: transparent;\n }\n }\n\n /***\n UI Fabric overrides\n */\n .ms-Dialog-main {\n width: inherit;\n .ms-Dialog-button--close:hover {\n background-color: transparent;\n }\n }\n\n .ms-Dialog-main {\n width: auto !important;\n max-width: 100% !important;\n margin: 0 10px;\n }\n\n .ms-Callout {\n // max-width 100% overflows on small screens where the dialog contents\n // occupy the whole 100%\n max-width: 90% !important;\n }\n\n }\n \n .lt-reach-picker-callout .ms-PeoplePicker-Persona {\n width: auto;\n }\n\n // the pull to refresh container is placed ABOVE our element, therefore we can not use a class from our component\n // however since \"app\" is our outer-most class it should be fine to use this\n .app {\n .ptr--ptr {\n box-shadow: none;\n }\n }\n\n .lt-reach-languageselector-menu-item {\n &.selected {\n background-color: #c0c0c0;\n span {\n font-weight: bold;\n }\n }\n\n button i {\n color: inherit;\n }\n }\n\n .browser-name-safari,\n .browser-name-ios,\n .browser-name-ios-webview {\n .lt-reach-header-actions {\n height: 50px;\n }\n }\n"])), function (p) {
48402
48402
  return p.theme.textColors.default;
48403
48403
  });
48404
48404
  var templateObject_1$3$3;
@@ -87404,9 +87404,9 @@ var AuthenticationContextProvider = function AuthenticationContextProvider(_a) {
87404
87404
  }), void 0);
87405
87405
  };
87406
87406
 
87407
- var version$1 = "0.4.0-preview.130";
87408
- var buildId = "96935";
87409
- var commitId = "b351b2bfa6f2c50acce23509f46ac1a0b2addac1";
87407
+ var version$1 = "0.4.0-preview.132";
87408
+ var buildId = "96976";
87409
+ var commitId = "f21fdc33a74a97b8af6021c817bb50835177072f";
87410
87410
  var isCustomerBuild = false;
87411
87411
  var buildInfo = {
87412
87412
  version: version$1,
package/index.umd.js CHANGED
@@ -48417,7 +48417,7 @@
48417
48417
  };
48418
48418
 
48419
48419
  var templateObject_1$4$3;
48420
- var GlobalStyles = _styled.createGlobalStyle(templateObject_1$3$3 || (templateObject_1$3$3 = __makeTemplateObject$k(["\n .lt-reach {\n color: ", ";\n\n a {\n text-decoration: none;\n }\n\n *:focus {\n outline: none;\n }\n\n input[type='button'],\n input[type='reset'],\n input[type='submit'],\n button {\n min-width: auto;\n }\n\n h1,\n h2,\n h3,\n div,\n span,\n input,\n textarea,\n .ms-font-m,\n div.ms-Dialog,\n .ms-Label,\n .ms-Link {\n font-family: 'Roboto', sans-serif !important;\n }\n\n .ms-Fabric {\n -webkit-font-smoothing: initial !important;\n }\n\n .ms-Button--icon.ms-Button {\n\n &:hover {\n background-color: transparent;\n }\n\n &.is-expanded {\n background-color: transparent;\n }\n }\n\n /***\n UI Fabric overrides\n */\n .ms-Dialog-main {\n width: inherit;\n .ms-Dialog-button--close:hover {\n background-color: transparent;\n }\n }\n\n .ms-Dialog-main {\n width: auto !important;\n max-width: 100% !important;\n margin: 0 10px;\n }\n\n .ms-Callout {\n // max-width 100% overflows on small screens where the dialog contents\n // occupy the whole 100%\n max-width: 90% !important;\n }\n\n }\n \n .lt-reach-picker-callout .ms-PeoplePicker-Persona {\n width: auto;\n }\n\n // the pull to refresh container is placed ABOVE our element, therefore we can not use a class from our component\n // however since \"app\" is our outer-most class it should be fine to use this\n .app {\n .ptr--ptr {\n box-shadow: none;\n }\n }\n\n .lt-reach-languageselector-menu-item {\n &.selected {\n background-color: #c0c0c0;\n span {\n font-weight: bold;\n }\n }\n\n button i {\n color: inherit;\n }\n }\n"], ["\n .lt-reach {\n color: ", ";\n\n a {\n text-decoration: none;\n }\n\n *:focus {\n outline: none;\n }\n\n input[type='button'],\n input[type='reset'],\n input[type='submit'],\n button {\n min-width: auto;\n }\n\n h1,\n h2,\n h3,\n div,\n span,\n input,\n textarea,\n .ms-font-m,\n div.ms-Dialog,\n .ms-Label,\n .ms-Link {\n font-family: 'Roboto', sans-serif !important;\n }\n\n .ms-Fabric {\n -webkit-font-smoothing: initial !important;\n }\n\n .ms-Button--icon.ms-Button {\n\n &:hover {\n background-color: transparent;\n }\n\n &.is-expanded {\n background-color: transparent;\n }\n }\n\n /***\n UI Fabric overrides\n */\n .ms-Dialog-main {\n width: inherit;\n .ms-Dialog-button--close:hover {\n background-color: transparent;\n }\n }\n\n .ms-Dialog-main {\n width: auto !important;\n max-width: 100% !important;\n margin: 0 10px;\n }\n\n .ms-Callout {\n // max-width 100% overflows on small screens where the dialog contents\n // occupy the whole 100%\n max-width: 90% !important;\n }\n\n }\n \n .lt-reach-picker-callout .ms-PeoplePicker-Persona {\n width: auto;\n }\n\n // the pull to refresh container is placed ABOVE our element, therefore we can not use a class from our component\n // however since \"app\" is our outer-most class it should be fine to use this\n .app {\n .ptr--ptr {\n box-shadow: none;\n }\n }\n\n .lt-reach-languageselector-menu-item {\n &.selected {\n background-color: #c0c0c0;\n span {\n font-weight: bold;\n }\n }\n\n button i {\n color: inherit;\n }\n }\n"])), function (p) {
48420
+ var GlobalStyles = _styled.createGlobalStyle(templateObject_1$3$3 || (templateObject_1$3$3 = __makeTemplateObject$k(["\n .lt-reach {\n color: ", ";\n\n a {\n text-decoration: none;\n }\n\n *:focus {\n outline: none;\n }\n\n input[type='button'],\n input[type='reset'],\n input[type='submit'],\n button {\n min-width: auto;\n }\n\n h1,\n h2,\n h3,\n div,\n span,\n input,\n textarea,\n .ms-font-m,\n div.ms-Dialog,\n .ms-Label,\n .ms-Link {\n font-family: 'Roboto', sans-serif !important;\n }\n\n .ms-Fabric {\n -webkit-font-smoothing: initial !important;\n }\n\n .ms-Button--icon.ms-Button {\n\n &:hover {\n background-color: transparent;\n }\n\n &.is-expanded {\n background-color: transparent;\n }\n }\n\n /***\n UI Fabric overrides\n */\n .ms-Dialog-main {\n width: inherit;\n .ms-Dialog-button--close:hover {\n background-color: transparent;\n }\n }\n\n .ms-Dialog-main {\n width: auto !important;\n max-width: 100% !important;\n margin: 0 10px;\n }\n\n .ms-Callout {\n // max-width 100% overflows on small screens where the dialog contents\n // occupy the whole 100%\n max-width: 90% !important;\n }\n\n }\n \n .lt-reach-picker-callout .ms-PeoplePicker-Persona {\n width: auto;\n }\n\n // the pull to refresh container is placed ABOVE our element, therefore we can not use a class from our component\n // however since \"app\" is our outer-most class it should be fine to use this\n .app {\n .ptr--ptr {\n box-shadow: none;\n }\n }\n\n .lt-reach-languageselector-menu-item {\n &.selected {\n background-color: #c0c0c0;\n span {\n font-weight: bold;\n }\n }\n\n button i {\n color: inherit;\n }\n }\n\n .browser-name-safari,\n .browser-name-ios,\n .browser-name-ios-webview {\n .lt-reach-header-actions {\n height: 50px;\n }\n }\n"], ["\n .lt-reach {\n color: ", ";\n\n a {\n text-decoration: none;\n }\n\n *:focus {\n outline: none;\n }\n\n input[type='button'],\n input[type='reset'],\n input[type='submit'],\n button {\n min-width: auto;\n }\n\n h1,\n h2,\n h3,\n div,\n span,\n input,\n textarea,\n .ms-font-m,\n div.ms-Dialog,\n .ms-Label,\n .ms-Link {\n font-family: 'Roboto', sans-serif !important;\n }\n\n .ms-Fabric {\n -webkit-font-smoothing: initial !important;\n }\n\n .ms-Button--icon.ms-Button {\n\n &:hover {\n background-color: transparent;\n }\n\n &.is-expanded {\n background-color: transparent;\n }\n }\n\n /***\n UI Fabric overrides\n */\n .ms-Dialog-main {\n width: inherit;\n .ms-Dialog-button--close:hover {\n background-color: transparent;\n }\n }\n\n .ms-Dialog-main {\n width: auto !important;\n max-width: 100% !important;\n margin: 0 10px;\n }\n\n .ms-Callout {\n // max-width 100% overflows on small screens where the dialog contents\n // occupy the whole 100%\n max-width: 90% !important;\n }\n\n }\n \n .lt-reach-picker-callout .ms-PeoplePicker-Persona {\n width: auto;\n }\n\n // the pull to refresh container is placed ABOVE our element, therefore we can not use a class from our component\n // however since \"app\" is our outer-most class it should be fine to use this\n .app {\n .ptr--ptr {\n box-shadow: none;\n }\n }\n\n .lt-reach-languageselector-menu-item {\n &.selected {\n background-color: #c0c0c0;\n span {\n font-weight: bold;\n }\n }\n\n button i {\n color: inherit;\n }\n }\n\n .browser-name-safari,\n .browser-name-ios,\n .browser-name-ios-webview {\n .lt-reach-header-actions {\n height: 50px;\n }\n }\n"])), function (p) {
48421
48421
  return p.theme.textColors.default;
48422
48422
  });
48423
48423
  var templateObject_1$3$3;
@@ -87261,9 +87261,9 @@
87261
87261
  }), void 0);
87262
87262
  };
87263
87263
 
87264
- var version$1 = "0.4.0-preview.130";
87265
- var buildId = "96935";
87266
- var commitId = "b351b2bfa6f2c50acce23509f46ac1a0b2addac1";
87264
+ var version$1 = "0.4.0-preview.132";
87265
+ var buildId = "96976";
87266
+ var commitId = "f21fdc33a74a97b8af6021c817bb50835177072f";
87267
87267
  var isCustomerBuild = false;
87268
87268
  var buildInfo = {
87269
87269
  version: version$1,
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@livetiles/reach-components-react",
3
3
  "description": "Provides React components to consume LiveTiles Reach data",
4
- "version": "0.4.0-preview.130",
4
+ "version": "0.4.0-preview.132",
5
5
  "peerDependencies": {
6
6
  "react": "^16.14.0 || ^17",
7
7
  "react-dom": "^16.14.0 || ^17",