@livetiles/reach-components-react 0.4.0-preview.13 → 0.4.0-preview.14

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
@@ -48367,7 +48367,7 @@ var applyFocusStyle = function applyFocusStyle(input) {
48367
48367
  };
48368
48368
 
48369
48369
  var templateObject_1$4$3;
48370
- 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 .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"])), function (p) {
48370
+ 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 // 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 {\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 // 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"])), function (p) {
48371
48371
  return p.theme.textColors.default;
48372
48372
  });
48373
48373
  var templateObject_1$3$3;
@@ -87261,9 +87261,9 @@ var AuthenticationContextProvider = function AuthenticationContextProvider(_a) {
87261
87261
  }), void 0);
87262
87262
  };
87263
87263
 
87264
- var version$1 = "0.3.6";
87265
- var buildId = "95132";
87266
- var commitId = "7bd86c4fe4fb192abf7c0cb50243c8b15f5f4c7b";
87264
+ var version$1 = "0.3.7";
87265
+ var buildId = "95136";
87266
+ var commitId = "f12ed6852e198109a767787e76ec4d8ebcee1e3b";
87267
87267
  var isCustomerBuild = false;
87268
87268
  var buildInfo = {
87269
87269
  version: version$1,
package/index.umd.js CHANGED
@@ -48386,7 +48386,7 @@
48386
48386
  };
48387
48387
 
48388
48388
  var templateObject_1$4$3;
48389
- 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 .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"])), function (p) {
48389
+ 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 // 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 {\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 // 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"])), function (p) {
48390
48390
  return p.theme.textColors.default;
48391
48391
  });
48392
48392
  var templateObject_1$3$3;
@@ -87118,9 +87118,9 @@
87118
87118
  }), void 0);
87119
87119
  };
87120
87120
 
87121
- var version$1 = "0.3.6";
87122
- var buildId = "95132";
87123
- var commitId = "7bd86c4fe4fb192abf7c0cb50243c8b15f5f4c7b";
87121
+ var version$1 = "0.3.7";
87122
+ var buildId = "95136";
87123
+ var commitId = "f12ed6852e198109a767787e76ec4d8ebcee1e3b";
87124
87124
  var isCustomerBuild = false;
87125
87125
  var buildInfo = {
87126
87126
  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.13",
4
+ "version": "0.4.0-preview.14",
5
5
  "peerDependencies": {
6
6
  "react": "^16.13.1 || ^17",
7
7
  "react-dom": "^16.13.1 || ^17",