@livetiles/reach-components-react 0.4.0-preview.100 → 0.4.0-preview.101

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 (3) hide show
  1. package/index.esm2.js +9 -7
  2. package/index.umd.js +9 -7
  3. package/package.json +1 -1
package/index.esm2.js CHANGED
@@ -78468,14 +78468,16 @@ var EditorHighlight = function EditorHighlight(_a) {
78468
78468
  resourceKey: tooltipResourceKey,
78469
78469
  className: className
78470
78470
  }, {
78471
- children: jsx$1(EditorHighlightBubble, __assign$1({}, props), void 0)
78471
+ children: jsx$1(EditorHighlightBubble, __assign$1({}, props, {
78472
+ "data-highlight-bubble": true
78473
+ }), void 0)
78472
78474
  }), void 0);
78473
78475
  };
78474
78476
 
78475
78477
  var EditorHighlightBubble = _styled.div.withConfig({
78476
78478
  displayName: "EditorHighlight__EditorHighlightBubble",
78477
78479
  componentId: "sc-1d6ahk1-0"
78478
- })(templateObject_1$1a$1 || (templateObject_1$1a$1 = __makeTemplateObject$1(["\n ", ";\n &:empty {\n display: none;\n }\n\n padding: 10px 15px;\n\n cursor: ", ";\n\n > * {\n opacity: ", ";\n flex: 1 1 auto;\n }\n"], ["\n ", ";\n &:empty {\n display: none;\n }\n\n padding: 10px 15px;\n\n cursor: ", ";\n\n > * {\n opacity: ", ";\n flex: 1 1 auto;\n }\n"])), HighlightBubble(), function (_a) {
78480
+ })(templateObject_1$1a$1 || (templateObject_1$1a$1 = __makeTemplateObject$1(["\n ", ";\n &:empty {\n display: none;\n }\n\n min-height: 30px;\n padding: ", "px ", "px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: ", "px;\n\n cursor: ", ";\n\n > * {\n opacity: ", ";\n flex: 1 1 auto;\n }\n"], ["\n ", ";\n &:empty {\n display: none;\n }\n\n min-height: 30px;\n padding: ", "px ", "px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: ", "px;\n\n cursor: ", ";\n\n > * {\n opacity: ", ";\n flex: 1 1 auto;\n }\n"])), HighlightBubble(), spacingXs, spacingM - 5, fontSizeSmall, function (_a) {
78479
78481
  var readOnly = _a.readOnly;
78480
78482
  return readOnly ? 'inherit' : 'pointer';
78481
78483
  }, function (_a) {
@@ -78604,12 +78606,12 @@ var GutterToggle = function GutterToggle(_a) {
78604
78606
  var Host$x$1 = _styled.div.withConfig({
78605
78607
  displayName: "GutterToggle__Host",
78606
78608
  componentId: "sc-1aya63j-0"
78607
- })(templateObject_1$17$1 || (templateObject_1$17$1 = __makeTemplateObject$1(["\n margin: 0 21px 0 6px;\n padding-top: 8px;\n\n @media (min-width: 700px) {\n margin: 0 10px 0 18px;\n }\n"], ["\n margin: 0 21px 0 6px;\n padding-top: 8px;\n\n @media (min-width: 700px) {\n margin: 0 10px 0 18px;\n }\n"])));
78609
+ })(templateObject_1$17$1 || (templateObject_1$17$1 = __makeTemplateObject$1(["\n margin: 0 21px 0 6px;\n\n @media (min-width: 700px) {\n margin: 0 10px 0 18px;\n }\n"], ["\n margin: 0 21px 0 6px;\n\n @media (min-width: 700px) {\n margin: 0 10px 0 18px;\n }\n"])));
78608
78610
 
78609
78611
  var ToggleIcon = _styled(IconButton).withConfig({
78610
78612
  displayName: "GutterToggle__ToggleIcon",
78611
78613
  componentId: "sc-1aya63j-1"
78612
- })(templateObject_2$G$1 || (templateObject_2$G$1 = __makeTemplateObject$1(["\n && {\n margin: 0;\n padding: 0;\n font-size: 18px;\n\n &[disabled] {\n background: transparent;\n }\n\n i {\n font-size: inherit;\n margin: 0;\n }\n\n @media (min-width: 700px) {\n font-size: 25px;\n }\n }\n"], ["\n && {\n margin: 0;\n padding: 0;\n font-size: 18px;\n\n &[disabled] {\n background: transparent;\n }\n\n i {\n font-size: inherit;\n margin: 0;\n }\n\n @media (min-width: 700px) {\n font-size: 25px;\n }\n }\n"])));
78614
+ })(templateObject_2$G$1 || (templateObject_2$G$1 = __makeTemplateObject$1(["\n && {\n margin: 0;\n padding: 0;\n font-size: ", "px;\n\n &[disabled] {\n background: transparent;\n }\n\n i {\n font-size: inherit;\n margin: 0;\n }\n\n @media (min-width: 700px) {\n font-size: ", "px;\n }\n }\n"], ["\n && {\n margin: 0;\n padding: 0;\n font-size: ", "px;\n\n &[disabled] {\n background: transparent;\n }\n\n i {\n font-size: inherit;\n margin: 0;\n }\n\n @media (min-width: 700px) {\n font-size: ", "px;\n }\n }\n"])), fontSizeMedium, fontSizeMedium + 2);
78613
78615
 
78614
78616
  var Spacer = _styled.div.withConfig({
78615
78617
  displayName: "GutterToggle__Spacer",
@@ -87374,9 +87376,9 @@ var AuthenticationContextProvider = function AuthenticationContextProvider(_a) {
87374
87376
  }), void 0);
87375
87377
  };
87376
87378
 
87377
- var version$1 = "0.4.0-preview.100";
87378
- var buildId = "96302";
87379
- var commitId = "92cc1e4ea10595412d42e8be62e2fe60ff10fe76";
87379
+ var version$1 = "0.4.0-preview.101";
87380
+ var buildId = "96308";
87381
+ var commitId = "6c7a88e1c8d6951e610a6d5cc5401bde0f0ae67d";
87380
87382
  var isCustomerBuild = false;
87381
87383
  var buildInfo = {
87382
87384
  version: version$1,
package/index.umd.js CHANGED
@@ -78325,14 +78325,16 @@
78325
78325
  resourceKey: tooltipResourceKey,
78326
78326
  className: className
78327
78327
  }, {
78328
- children: jsxRuntime.jsx(EditorHighlightBubble, __assign$1({}, props), void 0)
78328
+ children: jsxRuntime.jsx(EditorHighlightBubble, __assign$1({}, props, {
78329
+ "data-highlight-bubble": true
78330
+ }), void 0)
78329
78331
  }), void 0);
78330
78332
  };
78331
78333
 
78332
78334
  var EditorHighlightBubble = _styled__default["default"].div.withConfig({
78333
78335
  displayName: "EditorHighlight__EditorHighlightBubble",
78334
78336
  componentId: "sc-1d6ahk1-0"
78335
- })(templateObject_1$1a$1 || (templateObject_1$1a$1 = __makeTemplateObject$1(["\n ", ";\n &:empty {\n display: none;\n }\n\n padding: 10px 15px;\n\n cursor: ", ";\n\n > * {\n opacity: ", ";\n flex: 1 1 auto;\n }\n"], ["\n ", ";\n &:empty {\n display: none;\n }\n\n padding: 10px 15px;\n\n cursor: ", ";\n\n > * {\n opacity: ", ";\n flex: 1 1 auto;\n }\n"])), HighlightBubble(), function (_a) {
78337
+ })(templateObject_1$1a$1 || (templateObject_1$1a$1 = __makeTemplateObject$1(["\n ", ";\n &:empty {\n display: none;\n }\n\n min-height: 30px;\n padding: ", "px ", "px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: ", "px;\n\n cursor: ", ";\n\n > * {\n opacity: ", ";\n flex: 1 1 auto;\n }\n"], ["\n ", ";\n &:empty {\n display: none;\n }\n\n min-height: 30px;\n padding: ", "px ", "px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: ", "px;\n\n cursor: ", ";\n\n > * {\n opacity: ", ";\n flex: 1 1 auto;\n }\n"])), HighlightBubble(), spacingXs, spacingM - 5, fontSizeSmall, function (_a) {
78336
78338
  var readOnly = _a.readOnly;
78337
78339
  return readOnly ? 'inherit' : 'pointer';
78338
78340
  }, function (_a) {
@@ -78461,12 +78463,12 @@
78461
78463
  var Host$x$1 = _styled__default["default"].div.withConfig({
78462
78464
  displayName: "GutterToggle__Host",
78463
78465
  componentId: "sc-1aya63j-0"
78464
- })(templateObject_1$17$1 || (templateObject_1$17$1 = __makeTemplateObject$1(["\n margin: 0 21px 0 6px;\n padding-top: 8px;\n\n @media (min-width: 700px) {\n margin: 0 10px 0 18px;\n }\n"], ["\n margin: 0 21px 0 6px;\n padding-top: 8px;\n\n @media (min-width: 700px) {\n margin: 0 10px 0 18px;\n }\n"])));
78466
+ })(templateObject_1$17$1 || (templateObject_1$17$1 = __makeTemplateObject$1(["\n margin: 0 21px 0 6px;\n\n @media (min-width: 700px) {\n margin: 0 10px 0 18px;\n }\n"], ["\n margin: 0 21px 0 6px;\n\n @media (min-width: 700px) {\n margin: 0 10px 0 18px;\n }\n"])));
78465
78467
 
78466
78468
  var ToggleIcon = _styled__default["default"](IconButton).withConfig({
78467
78469
  displayName: "GutterToggle__ToggleIcon",
78468
78470
  componentId: "sc-1aya63j-1"
78469
- })(templateObject_2$G$1 || (templateObject_2$G$1 = __makeTemplateObject$1(["\n && {\n margin: 0;\n padding: 0;\n font-size: 18px;\n\n &[disabled] {\n background: transparent;\n }\n\n i {\n font-size: inherit;\n margin: 0;\n }\n\n @media (min-width: 700px) {\n font-size: 25px;\n }\n }\n"], ["\n && {\n margin: 0;\n padding: 0;\n font-size: 18px;\n\n &[disabled] {\n background: transparent;\n }\n\n i {\n font-size: inherit;\n margin: 0;\n }\n\n @media (min-width: 700px) {\n font-size: 25px;\n }\n }\n"])));
78471
+ })(templateObject_2$G$1 || (templateObject_2$G$1 = __makeTemplateObject$1(["\n && {\n margin: 0;\n padding: 0;\n font-size: ", "px;\n\n &[disabled] {\n background: transparent;\n }\n\n i {\n font-size: inherit;\n margin: 0;\n }\n\n @media (min-width: 700px) {\n font-size: ", "px;\n }\n }\n"], ["\n && {\n margin: 0;\n padding: 0;\n font-size: ", "px;\n\n &[disabled] {\n background: transparent;\n }\n\n i {\n font-size: inherit;\n margin: 0;\n }\n\n @media (min-width: 700px) {\n font-size: ", "px;\n }\n }\n"])), fontSizeMedium, fontSizeMedium + 2);
78470
78472
 
78471
78473
  var Spacer = _styled__default["default"].div.withConfig({
78472
78474
  displayName: "GutterToggle__Spacer",
@@ -87231,9 +87233,9 @@
87231
87233
  }), void 0);
87232
87234
  };
87233
87235
 
87234
- var version$1 = "0.4.0-preview.100";
87235
- var buildId = "96302";
87236
- var commitId = "92cc1e4ea10595412d42e8be62e2fe60ff10fe76";
87236
+ var version$1 = "0.4.0-preview.101";
87237
+ var buildId = "96308";
87238
+ var commitId = "6c7a88e1c8d6951e610a6d5cc5401bde0f0ae67d";
87237
87239
  var isCustomerBuild = false;
87238
87240
  var buildInfo = {
87239
87241
  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.100",
4
+ "version": "0.4.0-preview.101",
5
5
  "peerDependencies": {
6
6
  "react": "^16.14.0 || ^17",
7
7
  "react-dom": "^16.14.0 || ^17",