@dynamic-framework/ui-react 1.22.0 → 1.24.0
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/css/dynamic-ui-non-root.css +582 -97
- package/dist/css/dynamic-ui-non-root.min.css +2 -2
- package/dist/css/dynamic-ui-root.css +72 -50
- package/dist/css/dynamic-ui-root.min.css +2 -2
- package/dist/css/dynamic-ui.css +653 -146
- package/dist/css/dynamic-ui.min.css +2 -2
- package/dist/index.esm.js +3 -3
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +3 -3
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
- package/src/style/abstracts/_+import.scss +6 -6
- package/src/style/abstracts/_mixins.scss +7 -7
- package/src/style/abstracts/_utilities.scss +9 -4
- package/src/style/abstracts/variables/_colors.scss +63 -15
- package/src/style/abstracts/variables/_tooltip.scss +5 -5
- package/src/style/base/_+import.scss +30 -30
- package/src/style/base/_tooltip.scss +2 -2
- package/src/style/components/_+import.scss +1 -1
- package/src/style/components/_d-carousel.scss +1 -1
- package/src/style/components/_d-datepicker.scss +1 -1
- package/src/style/dynamic-ui-non-root.scss +1 -1
- package/src/style/dynamic-ui.scss +1 -1
- package/src/style/helpers/_+import.scss +12 -12
- package/src/style/helpers/_color-bg.scss +4 -2
- package/src/style/root/_+import.scss +1 -1
- package/src/style/root/_root.scss +12 -4
package/dist/index.esm.js
CHANGED
|
@@ -252,7 +252,7 @@ function DBadge({ text, dot = false, soft = false, theme = 'primary', id, classN
|
|
|
252
252
|
badge: true,
|
|
253
253
|
'rounded-circle p-2': dot,
|
|
254
254
|
[`text-bg-${theme}`]: !!theme && !soft,
|
|
255
|
-
[`text
|
|
255
|
+
[`text-${theme}-bg-color`]: !!theme && soft,
|
|
256
256
|
}), [dot, soft, theme]);
|
|
257
257
|
return (jsx("span", Object.assign({ className: classNames(generateClasses, className), style: style }, id && { id }, { children: jsx("span", { children: text }) })));
|
|
258
258
|
}
|
|
@@ -463,7 +463,7 @@ function DInput(_a, ref) {
|
|
|
463
463
|
return (jsxs("div", { className: className, style: style, children: [label && !floatingLabel && labelComponent, jsxs("div", { className: classNames({
|
|
464
464
|
'input-group': true,
|
|
465
465
|
'has-validation': invalid || valid,
|
|
466
|
-
}), children: [!!inputStart && (jsx("div", { className: "input-group-text", children: inputStart })), iconStart && (jsx("button", { type: "button", className: "input-group-text", id: `${id}Start`, onClick: handleOnIconStartClick, disabled: disabled || loading || iconStartDisabled, "aria-label": iconStartAriaLabel, tabIndex: iconStartTabIndex, children: jsx(DIcon, { icon: iconStart, familyClass: iconStartFamilyClass, familyPrefix: iconStartFamilyPrefix, materialStyle: iconStartMaterialStyle }) })), dynamicComponent, ((invalid || valid) && !iconEnd && !loading) && (jsx("span", { className: "input-group-text", id: `${id}State`, children: jsx(DIcon, { className: "input-group-validation-icon", icon: invalid ? invalidIcon : validIcon, familyClass: iconFamilyClass, familyPrefix: iconFamilyPrefix, materialStyle: iconMaterialStyle }) })), (iconEnd && !loading) && (jsx("button", { type: "button", className: "input-group-text", id: `${id}End`, onClick: handleOnIconEndClick, disabled: disabled || loading || iconEndDisabled, "aria-label": iconEndAriaLabel, tabIndex: iconEndTabIndex, children: jsx(DIcon, { icon: iconEnd, familyClass: iconEndFamilyClass, familyPrefix: iconEndFamilyPrefix, materialStyle: iconEndMaterialStyle }) })), loading && (jsx("div", { className: "input-group-text", children: jsx("span", { className: "spinner-border spinner-border-sm", role: "status", "aria-hidden": "true", children: jsx("span", { className: "visually-hidden", children: "Loading..." }) }) })), !!inputEnd && (jsx("div", { className: "input-group-text", children: inputEnd }))] }), hint && (jsx("div", { className: "form-text", id: `${id}Hint`, children: hint }))] }));
|
|
466
|
+
}), children: [!!inputStart && (jsx("div", { className: "input-group-text", children: inputStart })), iconStart && (jsx("button", { type: "button", className: "input-group-text", id: `${id}Start`, onClick: handleOnIconStartClick, disabled: disabled || loading || iconStartDisabled, "aria-label": iconStartAriaLabel, tabIndex: onIconStartClick ? iconStartTabIndex : -1, children: jsx(DIcon, { icon: iconStart, familyClass: iconStartFamilyClass, familyPrefix: iconStartFamilyPrefix, materialStyle: iconStartMaterialStyle }) })), dynamicComponent, ((invalid || valid) && !iconEnd && !loading) && (jsx("span", { className: "input-group-text", id: `${id}State`, children: jsx(DIcon, { className: "input-group-validation-icon", icon: invalid ? invalidIcon : validIcon, familyClass: iconFamilyClass, familyPrefix: iconFamilyPrefix, materialStyle: iconMaterialStyle }) })), (iconEnd && !loading) && (jsx("button", { type: "button", className: "input-group-text", id: `${id}End`, onClick: handleOnIconEndClick, disabled: disabled || loading || iconEndDisabled, "aria-label": iconEndAriaLabel, tabIndex: onIconEndClick ? iconEndTabIndex : -1, children: jsx(DIcon, { icon: iconEnd, familyClass: iconEndFamilyClass, familyPrefix: iconEndFamilyPrefix, materialStyle: iconEndMaterialStyle }) })), loading && (jsx("div", { className: "input-group-text", children: jsx("span", { className: "spinner-border spinner-border-sm", role: "status", "aria-hidden": "true", children: jsx("span", { className: "visually-hidden", children: "Loading..." }) }) })), !!inputEnd && (jsx("div", { className: "input-group-text", children: inputEnd }))] }), hint && (jsx("div", { className: "form-text", id: `${id}Hint`, children: hint }))] }));
|
|
467
467
|
}
|
|
468
468
|
const ForwardedDInput = forwardRef(DInput);
|
|
469
469
|
ForwardedDInput.displayName = 'DInput';
|
|
@@ -1278,7 +1278,7 @@ function DTooltip({ className, childrenClassName, style, offSet = ARROW_HEIGHT +
|
|
|
1278
1278
|
});
|
|
1279
1279
|
const hover = useHover(context, { move: false });
|
|
1280
1280
|
const focus = useFocus(context);
|
|
1281
|
-
const dismiss = useDismiss(context);
|
|
1281
|
+
const dismiss = useDismiss(context, { ancestorScroll: true });
|
|
1282
1282
|
const click = useClick(context);
|
|
1283
1283
|
const role = useRole(context, { role: 'tooltip' });
|
|
1284
1284
|
const { getReferenceProps, getFloatingProps } = useInteractions([
|