@speakapbv/dough-component-library 9.16.0 → 9.18.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/components/breakpoint-viewer/breakpoint-viewer.d.ts +1 -0
- package/dist/components/form-elements/select-box/select-box.d.ts +2 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.es.js +11 -6
- package/dist/index.js +11 -6
- package/dist/utils/dom-management.d.ts +1 -1
- package/package.json +1 -1
|
@@ -4,6 +4,7 @@ export interface BreakpointViewerProps {
|
|
|
4
4
|
children?: ReactNode;
|
|
5
5
|
breakpointSize?: BreakpointViewportSizes | Array<BreakpointViewportSizes>;
|
|
6
6
|
onSizeChangedTo?(size: BreakpointViewportSizes): void;
|
|
7
|
+
useManualBreakpointSize?: boolean;
|
|
7
8
|
}
|
|
8
9
|
export declare const BreakpointViewer: {
|
|
9
10
|
(props: BreakpointViewerProps): JSX.Element | null;
|
|
@@ -17,6 +17,7 @@ export declare type DoughSelectBoxInputRef = {
|
|
|
17
17
|
interface SelectBoxCommonProps {
|
|
18
18
|
ref?: Ref<DoughSelectBoxInputRef>;
|
|
19
19
|
width?: string;
|
|
20
|
+
dropAreaWidth?: string;
|
|
20
21
|
busy?: boolean;
|
|
21
22
|
borderless?: boolean;
|
|
22
23
|
className?: string;
|
|
@@ -63,5 +64,5 @@ export interface SelectBoxMultipleProps {
|
|
|
63
64
|
value?: Array<DoughSelectBoxData>;
|
|
64
65
|
}
|
|
65
66
|
export declare type SelectBoxProps = SelectBoxCommonProps & (SelectBoxSingleProps | SelectBoxMultipleProps);
|
|
66
|
-
export declare const SelectBox: React.ForwardRefExoticComponent<Pick<SelectBoxProps, "width" | "busy" | "borderless" | "className" | "inputClassName" | "dataAttributes" | "tabIndex" | "name" | "data" | "autoFocus" | "disabled" | "readOnly" | "emptyOptionText" | "filterItems" | "filterInputAutoFocus" | "filterFunction" | "onFilterTextChanged" | "optionComponent" | "filterPlaceholder" | "label" | "mandatory" | "multiple" | "placeholder" | "guidingIcon" | "validationResult" | "onBlur" | "onChange" | "onFocus" | "validator" | "value"> & React.RefAttributes<DoughSelectBoxInputRef>>;
|
|
67
|
+
export declare const SelectBox: React.ForwardRefExoticComponent<Pick<SelectBoxProps, "width" | "dropAreaWidth" | "busy" | "borderless" | "className" | "inputClassName" | "dataAttributes" | "tabIndex" | "name" | "data" | "autoFocus" | "disabled" | "readOnly" | "emptyOptionText" | "filterItems" | "filterInputAutoFocus" | "filterFunction" | "onFilterTextChanged" | "optionComponent" | "filterPlaceholder" | "label" | "mandatory" | "multiple" | "placeholder" | "guidingIcon" | "validationResult" | "onBlur" | "onChange" | "onFocus" | "validator" | "value"> & React.RefAttributes<DoughSelectBoxInputRef>>;
|
|
67
68
|
export {};
|
package/dist/index.d.ts
CHANGED
|
@@ -62,6 +62,6 @@ export { findParentBySelector, setBreakpointSizeManually, } from "./utils/dom-ma
|
|
|
62
62
|
export { default as cn } from "./utils/class-names";
|
|
63
63
|
export { generateUID } from "./utils/guid";
|
|
64
64
|
export { hideLastDoughTooltip } from "./utils/dom-management";
|
|
65
|
-
export { BreakpointViewer } from "./components/breakpoint-viewer/breakpoint-viewer";
|
|
65
|
+
export { BreakpointViewer, BreakpointViewerProps, } from "./components/breakpoint-viewer/breakpoint-viewer";
|
|
66
66
|
export { default as checkComponentType } from "./utils/type-check";
|
|
67
67
|
export { default as DesignTokens } from "@speakapbv/dough-component-library-tokens/index";
|
package/dist/index.es.js
CHANGED
|
@@ -507,6 +507,9 @@ var insertBreakpointControllerDoms = function () {
|
|
|
507
507
|
else {
|
|
508
508
|
breakpointViewItems[affectedBreakpoint].forEach(function (breakpointViewID) {
|
|
509
509
|
if (allBreakpointViews[breakpointViewID]) {
|
|
510
|
+
if (breakpointViewID === "xl") {
|
|
511
|
+
console.log("hide xl (100):", allBreakpointViews[breakpointViewID]);
|
|
512
|
+
}
|
|
510
513
|
allBreakpointViews[breakpointViewID].breakpoints[affectedBreakpoint] = false;
|
|
511
514
|
var allBreakpointsAreHidden_1 = true;
|
|
512
515
|
Object.keys(allBreakpointViews[breakpointViewID]
|
|
@@ -539,9 +542,11 @@ var manualBreakpointSize = null;
|
|
|
539
542
|
var setBreakpointSizeManually = function (size) {
|
|
540
543
|
manualBreakpointSize = size;
|
|
541
544
|
};
|
|
542
|
-
var registerBreakpointView = function (callbacks, breakpointSize, id) {
|
|
545
|
+
var registerBreakpointView = function (callbacks, breakpointSize, id, useManualBreakpointSize) {
|
|
543
546
|
var _a;
|
|
544
|
-
if (
|
|
547
|
+
if (useManualBreakpointSize &&
|
|
548
|
+
manualBreakpointSize &&
|
|
549
|
+
manualBreakpointSize === breakpointSize) {
|
|
545
550
|
callbacks.show(breakpointSize);
|
|
546
551
|
}
|
|
547
552
|
else if (typeof IntersectionObserver !== "undefined") {
|
|
@@ -1780,7 +1785,7 @@ var BreakpointViewer = function (props) {
|
|
|
1780
1785
|
BreakpointViewportSizes.MEDIUM,
|
|
1781
1786
|
BreakpointViewportSizes.LARGE,
|
|
1782
1787
|
BreakpointViewportSizes.XL,
|
|
1783
|
-
] : _a;
|
|
1788
|
+
] : _a, useManualBreakpointSize = props.useManualBreakpointSize;
|
|
1784
1789
|
var _b = useState(false), isVisible = _b[0], setIsVisible = _b[1];
|
|
1785
1790
|
useEffect(function () {
|
|
1786
1791
|
var listOfBreakpointSizes = typeof breakpointSize === "string"
|
|
@@ -1798,7 +1803,7 @@ var BreakpointViewer = function (props) {
|
|
|
1798
1803
|
}
|
|
1799
1804
|
setIsVisible(true);
|
|
1800
1805
|
},
|
|
1801
|
-
}, breakpointSize, breakpointID);
|
|
1806
|
+
}, breakpointSize, breakpointID, useManualBreakpointSize);
|
|
1802
1807
|
});
|
|
1803
1808
|
}
|
|
1804
1809
|
return function () {
|
|
@@ -3839,7 +3844,7 @@ var SelectBox = forwardRef(function (props, ref) {
|
|
|
3839
3844
|
React.createElement("span", { className: "dough-input-element-top-border-before" }),
|
|
3840
3845
|
React.createElement("span", null, props.label))),
|
|
3841
3846
|
React.createElement("span", { className: "dough-input-element-top-border-after" })))),
|
|
3842
|
-
React.createElement(DropArea, { onHide: handleBlur, referenceElement: componentRef, show: showDropArea },
|
|
3847
|
+
React.createElement(DropArea, { onHide: handleBlur, referenceElement: componentRef, show: showDropArea, width: props.dropAreaWidth },
|
|
3843
3848
|
React.createElement(LayoutContainer, { layoutType: Direction.VERTICAL },
|
|
3844
3849
|
props.filterItems && (React.createElement(LayoutFlexBox, { verticalAlign: VerticalAlignment.CENTER, autoFit: false, className: "dough-selectbox-filter-container", spacing: Spacings.AUTO },
|
|
3845
3850
|
React.createElement(TextInput, { autoFocus: props.filterInputAutoFocus, tabIndex: props.tabIndex === undefined
|
|
@@ -4186,7 +4191,7 @@ var Dialog = function (props) {
|
|
|
4186
4191
|
};
|
|
4187
4192
|
Dialog.displayName = "Dialog";
|
|
4188
4193
|
|
|
4189
|
-
var css_248z$t = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-tooltip {\n display: inline;\n position: relative;\n pointer-events: all;\n}\n.dough-tooltip.dough-tooltip-full-width {\n width: 100%;\n box-sizing: border-box;\n}\n.dough-tooltip.disabled {\n pointer-events: none;\n}\n\n.dough-tooltip-wrapper {\n position: fixed;\n background-color: rgba(0, 0, 0, 0);\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 10;\n width: auto;\n height: auto;\n transform: translate3d(0, 4px, 0);\n overflow: hidden;\n pointer-events: none;\n font-family: \"Roboto\", sans-serif;\n opacity: 0;\n transform-origin: center center;\n}\nbody:not(.no-transition) .dough-tooltip-wrapper {\n transition: all 450ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-tooltip-wrapper {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-tooltip-wrapper > .dough-tooltip-container {\n overflow: visible;\n display: block;\n padding: 0;\n box-sizing: border-box;\n pointer-events: none;\n position: relative;\n}\n.dough-tooltip-wrapper > .dough-tooltip-container > .dough-tooltip-content {\n position: absolute;\n z-index: 10;\n background-color:
|
|
4194
|
+
var css_248z$t = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-tooltip {\n display: inline;\n position: relative;\n pointer-events: all;\n}\n.dough-tooltip.dough-tooltip-full-width {\n width: 100%;\n box-sizing: border-box;\n}\n.dough-tooltip.disabled {\n pointer-events: none;\n}\n\n.dough-tooltip-wrapper {\n position: fixed;\n background-color: rgba(0, 0, 0, 0);\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 10;\n width: auto;\n height: auto;\n transform: translate3d(0, 4px, 0);\n overflow: hidden;\n pointer-events: none;\n font-family: \"Roboto\", sans-serif;\n opacity: 0;\n transform-origin: center center;\n}\nbody:not(.no-transition) .dough-tooltip-wrapper {\n transition: all 450ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-tooltip-wrapper {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-tooltip-wrapper > .dough-tooltip-container {\n overflow: visible;\n display: block;\n padding: 0;\n box-sizing: border-box;\n pointer-events: none;\n position: relative;\n}\n.dough-tooltip-wrapper > .dough-tooltip-container > .dough-tooltip-content {\n position: absolute;\n z-index: 10;\n background-color: black;\n padding: 8px;\n border-radius: 12px;\n font-size: 0.8125rem;\n box-sizing: border-box;\n color: white;\n color: var(--dough-color-white);\n max-width: 60vw;\n display: inline-block;\n overflow: hidden;\n transform: translate3d(-50%, 0, 0);\n}\n.dough-tooltip-wrapper > .dough-tooltip-container > .dough-tooltip-arrow {\n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n align-items: flex-start;\n overflow: hidden;\n transform: translate3d(0, 0, 0);\n position: absolute;\n z-index: 20;\n width: 12px;\n height: 6px;\n}\n.dough-tooltip-wrapper > .dough-tooltip-container > .dough-tooltip-arrow > svg {\n transform: translate3d(0, 0, 0) rotateZ(180deg);\n width: 100%;\n height: 100%;\n}\n.dough-tooltip-wrapper > .dough-tooltip-container > .dough-tooltip-arrow > svg > polygon {\n fill: rgba(0, 0, 0, 0.75);\n}\n.dough-tooltip-wrapper > .dough-tooltip-container.light > .dough-tooltip-content {\n background-color: white;\n background-color: var(--dough-color-white);\n box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.2);\n color: #6e6f75;\n color: var(--dough-color-text-default);\n}\n.dough-tooltip-wrapper > .dough-tooltip-container.light > .dough-tooltip-arrow > svg > polygon {\n fill: white;\n fill: var(--dough-color-white);\n}\n.dough-tooltip-wrapper.up > .dough-tooltip-container > .dough-tooltip-content {\n bottom: -7px;\n}\n.dough-tooltip-wrapper.up > .dough-tooltip-container > .dough-tooltip-arrow {\n top: -1.5px;\n transform: translate3d(-50%, 7.75px, 0) rotateZ(0deg);\n}\n.dough-tooltip-wrapper.down > .dough-tooltip-container > .dough-tooltip-content {\n top: 2px;\n}\n.dough-tooltip-wrapper.down > .dough-tooltip-container > .dough-tooltip-arrow {\n top: 4.5px;\n transform: translate3d(-50%, -8px, 0) rotateZ(180deg);\n}\n.dough-tooltip-wrapper.right > .dough-tooltip-container > .dough-tooltip-content {\n transform: translate3d(0, -50%, 0);\n top: 2px;\n}\n.dough-tooltip-wrapper.right > .dough-tooltip-container > .dough-tooltip-arrow {\n left: 3.25px;\n transform: translate3d(-12px, -1px, 0) rotateZ(90deg);\n}\n.dough-tooltip-wrapper.left > .dough-tooltip-container > .dough-tooltip-content {\n transform: translate3d(-100%, -50%, 0);\n top: 2px;\n}\n.dough-tooltip-wrapper.left > .dough-tooltip-container > .dough-tooltip-arrow {\n left: -15px;\n transform: translate3d(12px, -1px, 0) rotateZ(-90deg);\n}\n.dough-tooltip-wrapper.visible:not(:empty) {\n opacity: 1;\n}\n.dough-tooltip-wrapper.visible:not(:empty).up {\n transform: translate3d(0, -12px, 0);\n}\n.dough-tooltip-wrapper.visible:not(:empty).down {\n transform: translate3d(0, 12px, 0);\n}\n.dough-tooltip-wrapper.visible:not(:empty).right {\n transform: translate3d(8px, 4px, 0);\n}\n.dough-tooltip-wrapper.visible:not(:empty).left {\n transform: translate3d(-8px, 4px, 0);\n}";
|
|
4190
4195
|
styleInject(css_248z$t);
|
|
4191
4196
|
|
|
4192
4197
|
var TooltipDirection;
|
package/dist/index.js
CHANGED
|
@@ -503,6 +503,9 @@ var insertBreakpointControllerDoms = function () {
|
|
|
503
503
|
else {
|
|
504
504
|
breakpointViewItems[affectedBreakpoint].forEach(function (breakpointViewID) {
|
|
505
505
|
if (allBreakpointViews[breakpointViewID]) {
|
|
506
|
+
if (breakpointViewID === "xl") {
|
|
507
|
+
console.log("hide xl (100):", allBreakpointViews[breakpointViewID]);
|
|
508
|
+
}
|
|
506
509
|
allBreakpointViews[breakpointViewID].breakpoints[affectedBreakpoint] = false;
|
|
507
510
|
var allBreakpointsAreHidden_1 = true;
|
|
508
511
|
Object.keys(allBreakpointViews[breakpointViewID]
|
|
@@ -535,9 +538,11 @@ var manualBreakpointSize = null;
|
|
|
535
538
|
var setBreakpointSizeManually = function (size) {
|
|
536
539
|
manualBreakpointSize = size;
|
|
537
540
|
};
|
|
538
|
-
var registerBreakpointView = function (callbacks, breakpointSize, id) {
|
|
541
|
+
var registerBreakpointView = function (callbacks, breakpointSize, id, useManualBreakpointSize) {
|
|
539
542
|
var _a;
|
|
540
|
-
if (
|
|
543
|
+
if (useManualBreakpointSize &&
|
|
544
|
+
manualBreakpointSize &&
|
|
545
|
+
manualBreakpointSize === breakpointSize) {
|
|
541
546
|
callbacks.show(breakpointSize);
|
|
542
547
|
}
|
|
543
548
|
else if (typeof IntersectionObserver !== "undefined") {
|
|
@@ -1766,7 +1771,7 @@ var BreakpointViewer = function (props) {
|
|
|
1766
1771
|
exports.BreakpointViewportSizes.MEDIUM,
|
|
1767
1772
|
exports.BreakpointViewportSizes.LARGE,
|
|
1768
1773
|
exports.BreakpointViewportSizes.XL,
|
|
1769
|
-
] : _a;
|
|
1774
|
+
] : _a, useManualBreakpointSize = props.useManualBreakpointSize;
|
|
1770
1775
|
var _b = React.useState(false), isVisible = _b[0], setIsVisible = _b[1];
|
|
1771
1776
|
React.useEffect(function () {
|
|
1772
1777
|
var listOfBreakpointSizes = typeof breakpointSize === "string"
|
|
@@ -1784,7 +1789,7 @@ var BreakpointViewer = function (props) {
|
|
|
1784
1789
|
}
|
|
1785
1790
|
setIsVisible(true);
|
|
1786
1791
|
},
|
|
1787
|
-
}, breakpointSize, breakpointID);
|
|
1792
|
+
}, breakpointSize, breakpointID, useManualBreakpointSize);
|
|
1788
1793
|
});
|
|
1789
1794
|
}
|
|
1790
1795
|
return function () {
|
|
@@ -3824,7 +3829,7 @@ var SelectBox = React.forwardRef(function (props, ref) {
|
|
|
3824
3829
|
React__default.createElement("span", { className: "dough-input-element-top-border-before" }),
|
|
3825
3830
|
React__default.createElement("span", null, props.label))),
|
|
3826
3831
|
React__default.createElement("span", { className: "dough-input-element-top-border-after" })))),
|
|
3827
|
-
React__default.createElement(DropArea, { onHide: handleBlur, referenceElement: componentRef, show: showDropArea },
|
|
3832
|
+
React__default.createElement(DropArea, { onHide: handleBlur, referenceElement: componentRef, show: showDropArea, width: props.dropAreaWidth },
|
|
3828
3833
|
React__default.createElement(LayoutContainer, { layoutType: exports.Direction.VERTICAL },
|
|
3829
3834
|
props.filterItems && (React__default.createElement(LayoutFlexBox, { verticalAlign: exports.VerticalAlignment.CENTER, autoFit: false, className: "dough-selectbox-filter-container", spacing: exports.Spacings.AUTO },
|
|
3830
3835
|
React__default.createElement(TextInput, { autoFocus: props.filterInputAutoFocus, tabIndex: props.tabIndex === undefined
|
|
@@ -4171,7 +4176,7 @@ var Dialog = function (props) {
|
|
|
4171
4176
|
};
|
|
4172
4177
|
Dialog.displayName = "Dialog";
|
|
4173
4178
|
|
|
4174
|
-
var css_248z$t = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-tooltip {\n display: inline;\n position: relative;\n pointer-events: all;\n}\n.dough-tooltip.dough-tooltip-full-width {\n width: 100%;\n box-sizing: border-box;\n}\n.dough-tooltip.disabled {\n pointer-events: none;\n}\n\n.dough-tooltip-wrapper {\n position: fixed;\n background-color: rgba(0, 0, 0, 0);\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 10;\n width: auto;\n height: auto;\n transform: translate3d(0, 4px, 0);\n overflow: hidden;\n pointer-events: none;\n font-family: \"Roboto\", sans-serif;\n opacity: 0;\n transform-origin: center center;\n}\nbody:not(.no-transition) .dough-tooltip-wrapper {\n transition: all 450ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-tooltip-wrapper {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-tooltip-wrapper > .dough-tooltip-container {\n overflow: visible;\n display: block;\n padding: 0;\n box-sizing: border-box;\n pointer-events: none;\n position: relative;\n}\n.dough-tooltip-wrapper > .dough-tooltip-container > .dough-tooltip-content {\n position: absolute;\n z-index: 10;\n background-color:
|
|
4179
|
+
var css_248z$t = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-tooltip {\n display: inline;\n position: relative;\n pointer-events: all;\n}\n.dough-tooltip.dough-tooltip-full-width {\n width: 100%;\n box-sizing: border-box;\n}\n.dough-tooltip.disabled {\n pointer-events: none;\n}\n\n.dough-tooltip-wrapper {\n position: fixed;\n background-color: rgba(0, 0, 0, 0);\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 10;\n width: auto;\n height: auto;\n transform: translate3d(0, 4px, 0);\n overflow: hidden;\n pointer-events: none;\n font-family: \"Roboto\", sans-serif;\n opacity: 0;\n transform-origin: center center;\n}\nbody:not(.no-transition) .dough-tooltip-wrapper {\n transition: all 450ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-tooltip-wrapper {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-tooltip-wrapper > .dough-tooltip-container {\n overflow: visible;\n display: block;\n padding: 0;\n box-sizing: border-box;\n pointer-events: none;\n position: relative;\n}\n.dough-tooltip-wrapper > .dough-tooltip-container > .dough-tooltip-content {\n position: absolute;\n z-index: 10;\n background-color: black;\n padding: 8px;\n border-radius: 12px;\n font-size: 0.8125rem;\n box-sizing: border-box;\n color: white;\n color: var(--dough-color-white);\n max-width: 60vw;\n display: inline-block;\n overflow: hidden;\n transform: translate3d(-50%, 0, 0);\n}\n.dough-tooltip-wrapper > .dough-tooltip-container > .dough-tooltip-arrow {\n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n align-items: flex-start;\n overflow: hidden;\n transform: translate3d(0, 0, 0);\n position: absolute;\n z-index: 20;\n width: 12px;\n height: 6px;\n}\n.dough-tooltip-wrapper > .dough-tooltip-container > .dough-tooltip-arrow > svg {\n transform: translate3d(0, 0, 0) rotateZ(180deg);\n width: 100%;\n height: 100%;\n}\n.dough-tooltip-wrapper > .dough-tooltip-container > .dough-tooltip-arrow > svg > polygon {\n fill: rgba(0, 0, 0, 0.75);\n}\n.dough-tooltip-wrapper > .dough-tooltip-container.light > .dough-tooltip-content {\n background-color: white;\n background-color: var(--dough-color-white);\n box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.2);\n color: #6e6f75;\n color: var(--dough-color-text-default);\n}\n.dough-tooltip-wrapper > .dough-tooltip-container.light > .dough-tooltip-arrow > svg > polygon {\n fill: white;\n fill: var(--dough-color-white);\n}\n.dough-tooltip-wrapper.up > .dough-tooltip-container > .dough-tooltip-content {\n bottom: -7px;\n}\n.dough-tooltip-wrapper.up > .dough-tooltip-container > .dough-tooltip-arrow {\n top: -1.5px;\n transform: translate3d(-50%, 7.75px, 0) rotateZ(0deg);\n}\n.dough-tooltip-wrapper.down > .dough-tooltip-container > .dough-tooltip-content {\n top: 2px;\n}\n.dough-tooltip-wrapper.down > .dough-tooltip-container > .dough-tooltip-arrow {\n top: 4.5px;\n transform: translate3d(-50%, -8px, 0) rotateZ(180deg);\n}\n.dough-tooltip-wrapper.right > .dough-tooltip-container > .dough-tooltip-content {\n transform: translate3d(0, -50%, 0);\n top: 2px;\n}\n.dough-tooltip-wrapper.right > .dough-tooltip-container > .dough-tooltip-arrow {\n left: 3.25px;\n transform: translate3d(-12px, -1px, 0) rotateZ(90deg);\n}\n.dough-tooltip-wrapper.left > .dough-tooltip-container > .dough-tooltip-content {\n transform: translate3d(-100%, -50%, 0);\n top: 2px;\n}\n.dough-tooltip-wrapper.left > .dough-tooltip-container > .dough-tooltip-arrow {\n left: -15px;\n transform: translate3d(12px, -1px, 0) rotateZ(-90deg);\n}\n.dough-tooltip-wrapper.visible:not(:empty) {\n opacity: 1;\n}\n.dough-tooltip-wrapper.visible:not(:empty).up {\n transform: translate3d(0, -12px, 0);\n}\n.dough-tooltip-wrapper.visible:not(:empty).down {\n transform: translate3d(0, 12px, 0);\n}\n.dough-tooltip-wrapper.visible:not(:empty).right {\n transform: translate3d(8px, 4px, 0);\n}\n.dough-tooltip-wrapper.visible:not(:empty).left {\n transform: translate3d(-8px, 4px, 0);\n}";
|
|
4175
4180
|
styleInject(css_248z$t);
|
|
4176
4181
|
|
|
4177
4182
|
(function (TooltipDirection) {
|
|
@@ -23,5 +23,5 @@ export declare const getNotificationOverlay: (verticalLayer: any, horizontalLaye
|
|
|
23
23
|
export declare const getInjectedStylesWrapper: () => any;
|
|
24
24
|
export declare const findParentBySelector: (element: HTMLElement, selector: string) => HTMLElement;
|
|
25
25
|
export declare const setBreakpointSizeManually: (size: BreakpointViewportSizes | null) => void;
|
|
26
|
-
export declare const registerBreakpointView: (callbacks: any, breakpointSize: BreakpointViewportSizes, id: string) => void;
|
|
26
|
+
export declare const registerBreakpointView: (callbacks: any, breakpointSize: BreakpointViewportSizes, id: string, useManualBreakpointSize?: boolean | undefined) => void;
|
|
27
27
|
export declare const deRegisterBreakpointView: (id: string) => void;
|