@pelcro/react-pelcro-js 2.2.0-beta.12 → 2.2.0-beta.16
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/dist/index.cjs.js +4 -6
- package/dist/index.esm.js +4 -6
- package/dist/pelcro.css +10 -10
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -17161,14 +17161,12 @@ const Tooltip = ({
|
|
|
17161
17161
|
className
|
|
17162
17162
|
}) => {
|
|
17163
17163
|
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
17164
|
-
className: `pelcro-tooltip ${className}`
|
|
17164
|
+
className: `plc-flex pelcro-tooltip-container ${className}`
|
|
17165
17165
|
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
17166
|
-
className: "plc-
|
|
17167
|
-
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
17168
|
-
className: "plc-text-xl tooltip-icon"
|
|
17166
|
+
className: "plc-text-xl pelcro-tooltip-icon"
|
|
17169
17167
|
}, "\uD83D\uDEC8"), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
17170
|
-
className: "plc-p-1 plc--mt-8 plc-text-sm plc-text-gray-600 plc-bg-gray-100 plc-border plc-rounded-md plc-shadow-lg tooltip"
|
|
17171
|
-
}, value))
|
|
17168
|
+
className: "plc-p-1 plc--mt-8 plc-text-sm plc-text-gray-600 plc-bg-gray-100 plc-border plc-rounded-md plc-shadow-lg pelcro-tooltip"
|
|
17169
|
+
}, value));
|
|
17172
17170
|
};
|
|
17173
17171
|
|
|
17174
17172
|
function DatePicker({
|
package/dist/index.esm.js
CHANGED
|
@@ -17131,14 +17131,12 @@ const Tooltip = ({
|
|
|
17131
17131
|
className
|
|
17132
17132
|
}) => {
|
|
17133
17133
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
17134
|
-
className: `pelcro-tooltip ${className}`
|
|
17134
|
+
className: `plc-flex pelcro-tooltip-container ${className}`
|
|
17135
17135
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
17136
|
-
className: "plc-
|
|
17137
|
-
}, /*#__PURE__*/React__default.createElement("div", {
|
|
17138
|
-
className: "plc-text-xl tooltip-icon"
|
|
17136
|
+
className: "plc-text-xl pelcro-tooltip-icon"
|
|
17139
17137
|
}, "\uD83D\uDEC8"), /*#__PURE__*/React__default.createElement("div", {
|
|
17140
|
-
className: "plc-p-1 plc--mt-8 plc-text-sm plc-text-gray-600 plc-bg-gray-100 plc-border plc-rounded-md plc-shadow-lg tooltip"
|
|
17141
|
-
}, value))
|
|
17138
|
+
className: "plc-p-1 plc--mt-8 plc-text-sm plc-text-gray-600 plc-bg-gray-100 plc-border plc-rounded-md plc-shadow-lg pelcro-tooltip"
|
|
17139
|
+
}, value));
|
|
17142
17140
|
};
|
|
17143
17141
|
|
|
17144
17142
|
function DatePicker({
|
package/dist/pelcro.css
CHANGED
|
@@ -1325,6 +1325,16 @@ Add the correct display in Chrome and Safari.
|
|
|
1325
1325
|
color: rgba(255, 255, 255, var(--tw-text-opacity));
|
|
1326
1326
|
}
|
|
1327
1327
|
|
|
1328
|
+
.pelcro-root .pelcro-tooltip {
|
|
1329
|
+
display: none;
|
|
1330
|
+
position: absolute;
|
|
1331
|
+
}
|
|
1332
|
+
|
|
1333
|
+
.pelcro-root .pelcro-tooltip-container:hover .pelcro-tooltip, .pelcro-root .pelcro-tooltip:hover {
|
|
1334
|
+
display: block;
|
|
1335
|
+
z-index: 50;
|
|
1336
|
+
}
|
|
1337
|
+
|
|
1328
1338
|
.pelcro-root .pelcro-shop-product-image {
|
|
1329
1339
|
max-width: 13rem;
|
|
1330
1340
|
}
|
|
@@ -1472,16 +1482,6 @@ Add the correct display in Chrome and Safari.
|
|
|
1472
1482
|
|
|
1473
1483
|
/* used by multiple input sub-components */
|
|
1474
1484
|
|
|
1475
|
-
.tooltip {
|
|
1476
|
-
position: absolute;
|
|
1477
|
-
visibility: hidden;
|
|
1478
|
-
}
|
|
1479
|
-
|
|
1480
|
-
.tooltip-container:hover .tooltip, .tooltip:hover {
|
|
1481
|
-
visibility: visible;
|
|
1482
|
-
z-index: 50;
|
|
1483
|
-
}
|
|
1484
|
-
|
|
1485
1485
|
/*
|
|
1486
1486
|
styling is copied from react-easy-crop/react-easy-crop.css
|
|
1487
1487
|
in order to scope selectors under pelcro-root
|