@thecb/components 11.8.0-beta.8 → 11.8.1
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 +10 -4
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +10 -4
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/atoms/password-requirements/PasswordRequirements.js +3 -3
- package/src/components/molecules/tooltip/Tooltip.js +7 -2
- package/src/components/molecules/tooltip/Tooltip.stories.js +3 -1
- package/src/components/molecules/tooltip/index.d.ts +2 -0
package/dist/index.esm.js
CHANGED
|
@@ -26831,9 +26831,10 @@ var PasswordRequirements = function PasswordRequirements(_ref) {
|
|
|
26831
26831
|
color: RAZZMATAZZ_RED
|
|
26832
26832
|
}), INPUT_STATE_VALID, {
|
|
26833
26833
|
icon: /*#__PURE__*/React__default.createElement(IconValid, {
|
|
26834
|
-
margin: "0 0.5rem 0 0"
|
|
26834
|
+
margin: "0 0.5rem 0 0",
|
|
26835
|
+
bgFill: SEA_GREEN
|
|
26835
26836
|
}),
|
|
26836
|
-
color:
|
|
26837
|
+
color: SEA_GREEN
|
|
26837
26838
|
});
|
|
26838
26839
|
var validationMap = {
|
|
26839
26840
|
charactersValidation: {
|
|
@@ -51213,7 +51214,11 @@ var Tooltip = function Tooltip(_ref) {
|
|
|
51213
51214
|
_ref$triggerExtraStyl = _ref.triggerExtraStyles,
|
|
51214
51215
|
triggerExtraStyles = _ref$triggerExtraStyl === void 0 ? "" : _ref$triggerExtraStyl,
|
|
51215
51216
|
_ref$triggerButtonVar = _ref.triggerButtonVariant,
|
|
51216
|
-
triggerButtonVariant = _ref$triggerButtonVar === void 0 ? "smallGhost" : _ref$triggerButtonVar
|
|
51217
|
+
triggerButtonVariant = _ref$triggerButtonVar === void 0 ? "smallGhost" : _ref$triggerButtonVar,
|
|
51218
|
+
_ref$contentExtraStyl = _ref.contentExtraStyles,
|
|
51219
|
+
contentExtraStyles = _ref$contentExtraStyl === void 0 ? "" : _ref$contentExtraStyl,
|
|
51220
|
+
_ref$contentBackgroun = _ref.contentBackgroundColor,
|
|
51221
|
+
contentBackgroundColor = _ref$contentBackgroun === void 0 ? WHITE : _ref$contentBackgroun;
|
|
51217
51222
|
var closeTimeoutRef = useRef(null);
|
|
51218
51223
|
var _useState = useState(false),
|
|
51219
51224
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -51302,8 +51307,9 @@ var Tooltip = function Tooltip(_ref) {
|
|
|
51302
51307
|
role: "tooltip",
|
|
51303
51308
|
id: tooltipID,
|
|
51304
51309
|
"aria-hidden": !tooltipOpen,
|
|
51310
|
+
background: contentBackgroundColor,
|
|
51305
51311
|
"data-qa": "tooltip-contents",
|
|
51306
|
-
extraStyles: "\n position: absolute;\n display: ".concat(tooltipOpen ? "block" : "none", ";\n top: ").concat(top, "; \n right: ").concat(right, ";\n bottom: ").concat(bottom, ";\n left: ").concat(left, ";\n height: ").concat(height, ";\n "),
|
|
51312
|
+
extraStyles: "\n position: absolute;\n display: ".concat(tooltipOpen ? "block" : "none", ";\n top: ").concat(top, "; \n right: ").concat(right, ";\n bottom: ").concat(bottom, ";\n left: ").concat(left, ";\n height: ").concat(height, ";\n ").concat(contentExtraStyles, "\n "),
|
|
51307
51313
|
boxShadow: "0px 2px 14px 0px rgb(246, 246, 249), 0px 3px 8px 0px rgb(202, 206, 216)",
|
|
51308
51314
|
border: "1px solid transparent",
|
|
51309
51315
|
borderRadius: "4px",
|