newskit 5.4.6 → 5.5.0

package/esm/tooltip/style-presets.js

@@ -1,9 +1,14 @@
 export default {
-    tooltip: {
+    tooltipPointer: {
         base: {
             backgroundColor: '{{colors.interface060}}',
+        },
+    },
+    tooltipPanel: {
+        base: {
             color: '{{colors.inkInverse}}',
             borderRadius: '{{borders.borderRadiusDefault}}',
+            backgroundColor: '{{colors.interface060}}',
         },
     },
 };

package/esm/tooltip/style-presets.js.map

@@ -1 +1 @@
-{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/tooltip/style-presets.ts"],"names":[],"mappings":"AAEA,eAAe;IACb,OAAO,EAAE;QACP,IAAI,EAAE;YACJ,eAAe,EAAE,yBAAyB;YAC1C,KAAK,EAAE,uBAAuB;YAC9B,YAAY,EAAE,iCAAiC;SAChD;KACF;CAC6B,CAAC"}
+{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/tooltip/style-presets.ts"],"names":[],"mappings":"AAEA,eAAe;IACb,cAAc,EAAE;QACd,IAAI,EAAE;YACJ,eAAe,EAAE,yBAAyB;SAC3C;KACF;IACD,YAAY,EAAE;QACZ,IAAI,EAAE;YACJ,KAAK,EAAE,uBAAuB;YAC9B,YAAY,EAAE,iCAAiC;YAC/C,eAAe,EAAE,yBAAyB;SAC3C;KACF;CAC6B,CAAC"}

package/esm/tooltip/styled.d.ts

@@ -1,11 +1,30 @@
 /// <reference types="react" />
+import { Placement, Strategy } from '@floating-ui/react-dom-interactions';
 import { TooltipProps } from './types';
 export declare const StyledTooltip: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
+} & {
+    strategy: Strategy;
+    placement: Placement;
+    $x?: number | undefined;
+    $y?: number | undefined;
+    hidePointer: boolean;
+} & Pick<TooltipProps, "overrides">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledPanel: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
 } & import("../text-block").TextBlockProps & import("react").ClassAttributes<HTMLParagraphElement> & import("react").HTMLAttributes<HTMLParagraphElement> & {
     children?: import("react").ReactNode;
 } & {
     theme?: import("@emotion/react").Theme | undefined;
 } & Pick<TooltipProps, "overrides">, {}, {}>;
+export declare const StyledPointer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    placement: Placement;
+    $x?: number | undefined;
+    $y?: number | undefined;
+} & Pick<TooltipProps, "overrides">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styled.d.ts.map

package/esm/tooltip/styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/tooltip/styled.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,SAAS,CAAC;AAWrC,eAAO,MAAM,aAAa;;;;;;;4CAQzB,CAAC"}
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/tooltip/styled.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,qCAAqC,CAAC;AACxE,OAAO,EAAC,YAAY,EAAC,MAAM,SAAS,CAAC;AAYrC,eAAO,MAAM,aAAa;;;;cAEZ,QAAQ;eACP,SAAS;;;iBAGP,OAAO;2IAqBvB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;4CAIvB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;eAEX,SAAS;;;2IA+BvB,CAAC"}

package/esm/tooltip/styled.js

@@ -2,9 +2,43 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-import { getTypographyPreset, getStylePreset, styled, getResponsiveSpace, getResponsiveSize, } from '../utils/style';
+import { getResponsiveSize, getResponsiveSpace, getStylePreset, getTypographyPreset, styled, } from '../utils/style';
 import { logicalProps } from '../utils/logical-properties';
 import { TextBlock } from '../text-block';
-export var StyledTooltip = styled(TextBlock)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  pointer-events: none;\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", "\n"], ["\n  pointer-events: none;\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", "\n"])), getResponsiveSpace('zIndex', 'tooltip', '', 'zIndex'), getResponsiveSize('maxWidth', 'tooltip', '', 'maxWidth'), getResponsiveSize('minWidth', 'tooltip', '', 'minWidth'), getStylePreset('tooltip', ''), getTypographyPreset('tooltip', ''), logicalProps('tooltip', ''));
-var templateObject_1;
+import { calculateInset } from './utils';
+export var StyledTooltip = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  pointer-events: none;\n  ", ";\n  ", ";\n  ", ";\n  ", "\n"], ["\n  pointer-events: none;\n  ", ";\n  ", ";\n  ", ";\n  ", "\n"])), getResponsiveSpace('zIndex', 'tooltip', '', 'zIndex'), getResponsiveSize('maxWidth', 'tooltip', '', 'maxWidth'), getResponsiveSize('minWidth', 'tooltip', '', 'minWidth'), function (_a) {
+    var $x = _a.$x, $y = _a.$y, strategy = _a.strategy, placement = _a.placement, hidePointer = _a.hidePointer;
+    return getResponsiveSpace(function (distance) {
+        var offset = !hidePointer ? distance : undefined;
+        return {
+            position: strategy,
+            left: calculateInset($x, 'left', offset, placement),
+            top: calculateInset($y, 'top', offset, placement),
+        };
+    }, 'tooltip', 'distance', 'distance');
+});
+export var StyledPanel = styled(TextBlock)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", ";\n  ", ";\n  ", "\n"], ["\n  ", ";\n  ", ";\n  ", "\n"])), getStylePreset('tooltip.panel', 'panel'), getTypographyPreset('tooltip.panel', 'panel'), logicalProps('tooltip.panel', 'panel'));
+export var StyledPointer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: absolute;\n  transform: rotate(45deg);\n  ", ";\n  ", "\n"], ["\n  position: absolute;\n  transform: rotate(45deg);\n  ", ";\n  ", "\n"])), getStylePreset('tooltip.pointer', 'pointer'), function (_a) {
+    var placement = _a.placement, $x = _a.$x, $y = _a.$y;
+    return getResponsiveSize(function (size) {
+        var _a;
+        var staticSide = {
+            top: 'bottom',
+            right: 'left',
+            bottom: 'top',
+            left: 'right',
+        }[placement.split('-')[0]];
+        return _a = {
+                width: size,
+                height: size,
+                left: $x != null ? "".concat($x, "px") : '',
+                top: $y != null ? "".concat($y, "px") : '',
+                right: '',
+                bottom: ''
+            },
+            _a[staticSide] = "calc(-".concat(size, " / 2)"),
+            _a;
+    }, "tooltip.pointer", 'pointer', 'size');
+});
+var templateObject_1, templateObject_2, templateObject_3;
 //# sourceMappingURL=styled.js.map

package/esm/tooltip/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/tooltip/styled.tsx"],"names":[],"mappings":";;;;AACA,OAAO,EACL,mBAAmB,EACnB,cAAc,EACd,MAAM,EACN,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAC,YAAY,EAAC,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;AAExC,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,SAAS,CAAC,qJAAiC,+BAE3E,EAAqD,OACrD,EAAwD,OACxD,EAAwD,OACxD,EAA6B,OAC7B,EAAkC,OAClC,EAA2B,IAC9B,KANG,kBAAkB,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,QAAQ,CAAC,EACrD,iBAAiB,CAAC,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE,UAAU,CAAC,EACxD,iBAAiB,CAAC,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE,UAAU,CAAC,EACxD,cAAc,CAAC,SAAS,EAAE,EAAE,CAAC,EAC7B,mBAAmB,CAAC,SAAS,EAAE,EAAE,CAAC,EAClC,YAAY,CAAC,SAAS,EAAE,EAAE,CAAC,CAC9B,CAAC"}
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/tooltip/styled.tsx"],"names":[],"mappings":";;;;AAEA,OAAO,EACL,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACd,mBAAmB,EACnB,MAAM,GACP,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAC,YAAY,EAAC,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;AACxC,OAAO,EAAC,cAAc,EAAC,MAAM,SAAS,CAAC;AAEvC,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,mIAQtC,+BAEG,EAAqD,OACrD,EAAwD,OACxD,EAAwD,OACxD,EAaC,IACJ,KAjBG,kBAAkB,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,QAAQ,CAAC,EACrD,iBAAiB,CAAC,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE,UAAU,CAAC,EACxD,iBAAiB,CAAC,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE,UAAU,CAAC,EACxD,UAAC,EAA0C;QAAzC,EAAE,QAAA,EAAE,EAAE,QAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,WAAW,iBAAA;IAC1C,OAAA,kBAAkB,CAChB,UAAA,QAAQ;QACN,IAAM,MAAM,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;QACnD,OAAO;YACL,QAAQ,EAAE,QAAQ;YAClB,IAAI,EAAE,cAAc,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,CAAC;YACnD,GAAG,EAAE,cAAc,CAAC,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC;SAClD,CAAC;IACJ,CAAC,EACD,SAAS,EACT,UAAU,EACV,UAAU,CACX;AAZD,CAYC,CACJ,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,SAAS,CAAC,iGAAiC,MACzE,EAAwC,OACxC,EAA6C,OAC7C,EAAsC,IACzC,KAHG,cAAc,CAAC,eAAe,EAAE,OAAO,CAAC,EACxC,mBAAmB,CAAC,eAAe,EAAE,OAAO,CAAC,EAC7C,YAAY,CAAC,eAAe,EAAE,OAAO,CAAC,CACzC,CAAC;AAEF,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,4IAMtC,0DAGG,EAA4C,OAC5C,EAsBC,IACJ,KAxBG,cAAc,CAAC,iBAAiB,EAAE,SAAS,CAAC,EAC5C,UAAC,EAAmB;QAAlB,SAAS,eAAA,EAAE,EAAE,QAAA,EAAE,EAAE,QAAA;IACnB,OAAA,iBAAiB,CACf,UAAA,IAAI;;QACF,IAAM,UAAU,GAAW;YACzB,GAAG,EAAE,QAAQ;YACb,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,KAAK;YACb,IAAI,EAAE,OAAO;SACd,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAE,CAAC;QAC5B;gBACE,KAAK,EAAE,IAAI;gBACX,MAAM,EAAE,IAAI;gBACZ,IAAI,EAAE,EAAE,IAAI,IAAI,CAAC,CAAC,CAAC,UAAG,EAAE,OAAI,CAAC,CAAC,CAAC,EAAE;gBACjC,GAAG,EAAE,EAAE,IAAI,IAAI,CAAC,CAAC,CAAC,UAAG,EAAE,OAAI,CAAC,CAAC,CAAC,EAAE;gBAChC,KAAK,EAAE,EAAE;gBACT,MAAM,EAAE,EAAE;;YACV,GAAC,UAAU,IAAG,gBAAS,IAAI,UAAO;eAClC;IACJ,CAAC,EACD,iBAAiB,EACjB,SAAS,EACT,MAAM,CACP;AArBD,CAqBC,CACJ,CAAC"}

package/esm/tooltip/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/tooltip/tooltip.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAC,YAAY,EAAC,MAAM,SAAS,CAAC;AAoGrC,eAAO,MAAM,OAAO,wEAGlB,CAAC"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/tooltip/tooltip.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAC,YAAY,EAAC,MAAM,SAAS,CAAC;AA2HrC,eAAO,MAAM,OAAO,wEAGlB,CAAC"}

package/esm/tooltip/tooltip.js

@@ -21,62 +21,62 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import * as React from 'react';
-import { autoUpdate, useFloating, useInteractions, useHover, useFocus, useRole, useDismiss, useId, } from '@floating-ui/react-dom-interactions';
+import { autoUpdate, useFloating, useInteractions, useHover, useFocus, useRole, useDismiss, useId, arrow, } from '@floating-ui/react-dom-interactions';
 import composeRefs from '@seznam/compose-react-refs';
+import { useRef } from 'react';
 import { withOwnTheme } from '../utils/with-own-theme';
-import { StyledTooltip } from './styled';
+import { StyledPanel, StyledPointer, StyledTooltip } from './styled';
 import defaults from './defaults';
 import stylePresets from './style-presets';
 import { useControlled } from '../utils/hooks';
 var ThemelessTooltip = function (_a) {
-    var children = _a.children, title = _a.title, _b = _a.placement, placement = _b === void 0 ? 'top' : _b, _c = _a.trigger, trigger = _c === void 0 ? 'hover' : _c, openProp = _a.open, defaultOpen = _a.defaultOpen, asLabel = _a.asLabel, overrides = _a.overrides, props = __rest(_a, ["children", "title", "placement", "trigger", "open", "defaultOpen", "asLabel", "overrides"]);
-    var _d = useControlled({
+    var children = _a.children, content = _a.content, _b = _a.placement, placement = _b === void 0 ? 'top' : _b, _c = _a.trigger, trigger = _c === void 0 ? ['hover', 'focus'] : _c, openProp = _a.open, defaultOpen = _a.defaultOpen, asLabel = _a.asLabel, overrides = _a.overrides, _d = _a.hidePointer, hidePointer = _d === void 0 ? false : _d, props = __rest(_a, ["children", "content", "placement", "trigger", "open", "defaultOpen", "asLabel", "overrides", "hidePointer"]);
+    var _e = useControlled({
         controlledValue: openProp,
         defaultValue: Boolean(defaultOpen),
-    }), open = _d[0], setOpen = _d[1];
-    var _e = useFloating({
+    }), open = _e[0], setOpen = _e[1];
+    var pointerRef = useRef(null);
+    var _f = useFloating({
         placement: placement,
         open: open,
         onOpenChange: setOpen,
         whileElementsMounted: autoUpdate,
-    }), x = _e.x, y = _e.y, reference = _e.reference, floating = _e.floating, strategy = _e.strategy, context = _e.context;
-    var _f = useInteractions([
+        middleware: !hidePointer ? [arrow({ element: pointerRef })] : [],
+    }), x = _f.x, y = _f.y, reference = _f.reference, floating = _f.floating, strategy = _f.strategy, context = _f.context, _g = _f.middlewareData.arrow, _h = _g === void 0 ? {} : _g, pointerX = _h.x, pointerY = _h.y;
+    var _j = useInteractions([
         useHover(context, {
             enabled: trigger.includes('hover'),
         }),
         useFocus(context, { enabled: trigger.includes('focus') }),
         useRole(context, { enabled: !asLabel, role: 'tooltip' }),
         useDismiss(context),
-    ]), getReferenceProps = _f.getReferenceProps, getFloatingProps = _f.getFloatingProps;
+    ]), getReferenceProps = _j.getReferenceProps, getFloatingProps = _j.getFloatingProps;
     var id = useId();
-    var isTitleString = typeof title === 'string';
+    var contentIsString = typeof content === 'string';
     var labelOrDescProps = {};
     // If tooltip is used as a label, add aria-label or aria-labelledby to childrenProps and id to StyledTooltip;
-    // aria-label is used when title is string; aria-labelledby is used when it's not a string;
+    // aria-label is used when content is string; aria-labelledby is used when it's not a string;
     // Because of above, 'aria-describedby' has different id for reference and floating, hence manually set below as well;
     if (asLabel) {
-        labelOrDescProps['aria-label'] = isTitleString ? title : null;
-        labelOrDescProps['aria-labelledby'] = open && !isTitleString ? id : null;
+        labelOrDescProps['aria-label'] = contentIsString ? content : null;
+        labelOrDescProps['aria-labelledby'] = open && !contentIsString ? id : null;
     }
     else {
         labelOrDescProps['aria-describedby'] = open ? id : null;
     }
     var childrenProps = __assign(__assign({}, labelOrDescProps), children.props);
-    if (!title) {
+    if (!content) {
         return children;
     }
     return (React.createElement(React.Fragment, null,
         React.cloneElement(children, getReferenceProps(__assign({ ref: composeRefs(reference, children.ref) }, childrenProps))),
-        open && (React.createElement(StyledTooltip, __assign({ as: isTitleString ? 'p' : 'div' }, getFloatingProps({
+        open && (React.createElement(StyledTooltip, __assign({}, getFloatingProps({
             ref: floating,
             id: id,
             className: 'Tooltip',
-            style: {
-                position: strategy,
-                top: y !== null && y !== void 0 ? y : '',
-                left: x !== null && x !== void 0 ? x : '',
-            },
-        }), { overrides: overrides }, props), title))));
+        }), { strategy: strategy, "$x": x, "$y": y, placement: placement, overrides: overrides, hidePointer: hidePointer, "aria-hidden": true }, props),
+            React.createElement(StyledPanel, { as: contentIsString ? 'p' : 'div', overrides: overrides }, content),
+            !hidePointer && (React.createElement(StyledPointer, { id: "".concat(id, "-pointer"), ref: pointerRef, placement: placement, "$x": pointerX, "$y": pointerY, overrides: overrides }))))));
 };
 export var Tooltip = withOwnTheme(ThemelessTooltip)({
     defaults: defaults,

package/esm/tooltip/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/tooltip/tooltip.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/tooltip/tooltip.tsx"],"names":[],"mappings":"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"}

package/esm/tooltip/types.d.ts

@@ -7,18 +7,27 @@ export interface TooltipProps extends Omit<React.HTMLAttributes<HTMLDivElement>,
     children: React.ReactElement & {
         ref?: React.Ref<unknown>;
     };
-    title: React.ReactNode;
+    content: React.ReactNode;
     open?: boolean;
     defaultOpen?: boolean;
     trigger?: TriggerType | TriggerType[];
     placement?: Placement;
     asLabel?: boolean;
+    hidePointer?: boolean;
     overrides?: {
         zIndex?: number;
         maxWidth?: MQ<string>;
         minWidth?: MQ<string>;
+        distance?: MQ<string>;
         stylePreset?: MQ<string>;
-        typographyPreset?: MQ<string>;
-    } & LogicalPaddingProps;
+        panel?: {
+            stylePreset?: MQ<string>;
+            typographyPreset?: MQ<string>;
+        } & LogicalPaddingProps;
+        pointer?: {
+            stylePreset?: MQ<string>;
+            size?: MQ<string>;
+        };
+    };
 }
 //# sourceMappingURL=types.d.ts.map

package/esm/tooltip/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/tooltip/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,SAAS,EAAC,MAAM,qCAAqC,CAAC;AAC9D,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,mBAAmB,EAAC,MAAM,6BAA6B,CAAC;AAEhE,oBAAY,WAAW,GAAG,OAAO,GAAG,OAAO,CAAC;AAE5C,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,cAAc,CAAC;IAC5E,QAAQ,EAAE,KAAK,CAAC,YAAY,GAAG;QAC7B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;KAC1B,CAAC;IACF,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,WAAW,GAAG,WAAW,EAAE,CAAC;IACtC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE;QACV,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,QAAQ,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACtB,QAAQ,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACtB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC/B,GAAG,mBAAmB,CAAC;CACzB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/tooltip/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,SAAS,EAAC,MAAM,qCAAqC,CAAC;AAC9D,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,mBAAmB,EAAC,MAAM,6BAA6B,CAAC;AAEhE,oBAAY,WAAW,GAAG,OAAO,GAAG,OAAO,CAAC;AAE5C,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,cAAc,CAAC;IAC5E,QAAQ,EAAE,KAAK,CAAC,YAAY,GAAG;QAC7B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;KAC1B,CAAC;IACF,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,WAAW,GAAG,WAAW,EAAE,CAAC;IACtC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE;QACV,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,QAAQ,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACtB,QAAQ,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACtB,QAAQ,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACtB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,KAAK,CAAC,EAAE;YACN,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACzB,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;SAC/B,GAAG,mBAAmB,CAAC;QACxB,OAAO,CAAC,EAAE;YACR,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACzB,IAAI,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;SACnB,CAAC;KACH,CAAC;CACH"}

package/esm/tooltip/utils.d.ts

@@ -0,0 +1,6 @@
+import { Axis, Placement, Side } from '@floating-ui/react-dom-interactions';
+export declare function getSide(placement: Placement): Side;
+export declare function getOffsetAxis(side: Side): Axis;
+export declare function getOffsetAxisDirection(side: Side): 1 | -1;
+export declare function calculateInset(insetValue: number | undefined | null, insetSide: Side, offsetValue: string | undefined, tooltipPlacement: Placement): string;
+//# sourceMappingURL=utils.d.ts.map

package/esm/tooltip/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/tooltip/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAC,MAAM,qCAAqC,CAAC;AAE1E,wBAAgB,OAAO,CAAC,SAAS,EAAE,SAAS,GAAG,IAAI,CAElD;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAE9C;AAED,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC,CAEzD;AAED,wBAAgB,cAAc,CAC5B,UAAU,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,EACrC,SAAS,EAAE,IAAI,EACf,WAAW,EAAE,MAAM,GAAG,SAAS,EAC/B,gBAAgB,EAAE,SAAS,GAC1B,MAAM,CAYR"}

package/esm/tooltip/utils.js

@@ -0,0 +1,23 @@
+export function getSide(placement) {
+    return placement.split('-')[0];
+}
+export function getOffsetAxis(side) {
+    return !['top', 'bottom'].includes(side) ? 'x' : 'y';
+}
+export function getOffsetAxisDirection(side) {
+    return ['left', 'top'].includes(side) ? -1 : 1;
+}
+export function calculateInset(insetValue, insetSide, offsetValue, tooltipPlacement) {
+    if (insetValue === null || insetValue === undefined) {
+        return '';
+    }
+    var offsetSide = getSide(tooltipPlacement);
+    var insetAxis = getOffsetAxis(insetSide);
+    var offsetAxis = getOffsetAxis(offsetSide);
+    if (!offsetValue || offsetAxis !== insetAxis) {
+        return "".concat(insetValue, "px");
+    }
+    var dir = getOffsetAxisDirection(offsetSide);
+    return "calc(".concat(insetValue, "px + (").concat(offsetValue, " * ").concat(dir, "))");
+}
+//# sourceMappingURL=utils.js.map

package/esm/tooltip/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/tooltip/utils.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,OAAO,CAAC,SAAoB;IAC1C,OAAO,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAS,CAAC;AACzC,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,IAAU;IACtC,OAAO,CAAC,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;AACvD,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,IAAU;IAC/C,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACjD,CAAC;AAED,MAAM,UAAU,cAAc,CAC5B,UAAqC,EACrC,SAAe,EACf,WAA+B,EAC/B,gBAA2B;IAE3B,IAAI,UAAU,KAAK,IAAI,IAAI,UAAU,KAAK,SAAS,EAAE;QACnD,OAAO,EAAE,CAAC;KACX;IACD,IAAM,UAAU,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAAC;IAC7C,IAAM,SAAS,GAAG,aAAa,CAAC,SAAS,CAAC,CAAC;IAC3C,IAAM,UAAU,GAAG,aAAa,CAAC,UAAU,CAAC,CAAC;IAC7C,IAAI,CAAC,WAAW,IAAI,UAAU,KAAK,SAAS,EAAE;QAC5C,OAAO,UAAG,UAAU,OAAI,CAAC;KAC1B;IACD,IAAM,GAAG,GAAG,sBAAsB,CAAC,UAAU,CAAC,CAAC;IAC/C,OAAO,eAAQ,UAAU,mBAAS,WAAW,gBAAM,GAAG,OAAI,CAAC;AAC7D,CAAC"}

package/esm/typography/heading/heading.d.ts

@@ -1,10 +1,11 @@
 /// <reference types="react" />
 import { MQ } from '../../utils/style';
+import { LogicalProps } from '../../utils/logical-properties';
 export declare type HeadingOverrides = {
     overrides?: {
         stylePreset?: MQ<string>;
         typographyPreset?: MQ<string>;
-    };
+    } & LogicalProps;
 };
 export declare const Heading1: import("../../utils/with-own-theme").NewsKitReactComponents<{
     theme?: import("@emotion/react").Theme | undefined;

package/esm/typography/heading/heading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"heading.d.ts","sourceRoot":"","sources":["../../../../src/typography/heading/heading.tsx"],"names":[],"mappings":";AAAA,OAAO,EAGL,EAAE,EAEH,MAAM,mBAAmB,CAAC;AAI3B,oBAAY,gBAAgB,GAAG;IAC7B,SAAS,CAAC,EAAE;QACV,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC/B,CAAC;CACH,CAAC;AAQF,eAAO,MAAM,QAAQ;;;gIAEnB,CAAC;AACH,eAAO,MAAM,EAAE;;;gIAAW,CAAC;AAQ3B,eAAO,MAAM,QAAQ;;;gIAEnB,CAAC;AACH,eAAO,MAAM,EAAE;;;gIAAW,CAAC;AAQ3B,eAAO,MAAM,QAAQ;;;gIAEnB,CAAC;AACH,eAAO,MAAM,EAAE;;;gIAAW,CAAC;AAQ3B,eAAO,MAAM,QAAQ;;;gIAEnB,CAAC;AACH,eAAO,MAAM,EAAE;;;gIAAW,CAAC;AAQ3B,eAAO,MAAM,QAAQ;;;gIAEnB,CAAC;AACH,eAAO,MAAM,EAAE;;;gIAAW,CAAC;AAQ3B,eAAO,MAAM,QAAQ;;;gIAEnB,CAAC;AACH,eAAO,MAAM,EAAE;;;gIAAW,CAAC"}
+{"version":3,"file":"heading.d.ts","sourceRoot":"","sources":["../../../../src/typography/heading/heading.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAS,EAAE,EAAiB,MAAM,mBAAmB,CAAC;AAG7D,OAAO,EACL,YAAY,EAEb,MAAM,gCAAgC,CAAC;AAExC,oBAAY,gBAAgB,GAAG;IAC7B,SAAS,CAAC,EAAE;QACV,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC/B,GAAG,YAAY,CAAC;CAClB,CAAC;AAQF,eAAO,MAAM,QAAQ;;;gIAEnB,CAAC;AACH,eAAO,MAAM,EAAE;;;gIAAW,CAAC;AAQ3B,eAAO,MAAM,QAAQ;;;gIAEnB,CAAC;AACH,eAAO,MAAM,EAAE;;;gIAAW,CAAC;AAQ3B,eAAO,MAAM,QAAQ;;;gIAEnB,CAAC;AACH,eAAO,MAAM,EAAE;;;gIAAW,CAAC;AAQ3B,eAAO,MAAM,QAAQ;;;gIAEnB,CAAC;AACH,eAAO,MAAM,EAAE;;;gIAAW,CAAC;AAQ3B,eAAO,MAAM,QAAQ;;;gIAEnB,CAAC;AACH,eAAO,MAAM,EAAE;;;gIAAW,CAAC;AAQ3B,eAAO,MAAM,QAAQ;;;gIAEnB,CAAC;AACH,eAAO,MAAM,EAAE;;;gIAAW,CAAC"}

package/esm/typography/heading/heading.js

@@ -2,40 +2,41 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-import { styled, getTypographyPreset, getStylePreset, } from '../../utils/style';
+import { styled, getStylePreset } from '../../utils/style';
 import defaults from './defaults';
 import { withOwnTheme } from '../../utils/with-own-theme';
-var ThemelessHeading1 = styled.h1(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin: 0;\n  ", "\n  ", "\n"], ["\n  margin: 0;\n  ", "\n  ", "\n"])), getTypographyPreset('headlineH1', '', { withCrop: true }), getStylePreset('headlineH1', ''));
+import { getLogicalPropsAndTypographyPreset, } from '../../utils/logical-properties';
+var ThemelessHeading1 = styled.h1(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin: 0;\n  ", "\n  ", "\n"], ["\n  margin: 0;\n  ", "\n  ", "\n"])), getStylePreset('headlineH1', ''), getLogicalPropsAndTypographyPreset('headlineH1'));
 ThemelessHeading1.displayName = 'Heading1';
 export var Heading1 = withOwnTheme(ThemelessHeading1)({
     defaults: defaults,
 });
 export var H1 = Heading1;
-var ThemelessHeading2 = styled.h2(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin: 0;\n  ", "\n  ", "\n"], ["\n  margin: 0;\n  ", "\n  ", "\n"])), getTypographyPreset('headlineH2', '', { withCrop: true }), getStylePreset('headlineH2', ''));
+var ThemelessHeading2 = styled.h2(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin: 0;\n  ", "\n  ", "\n"], ["\n  margin: 0;\n  ", "\n  ", "\n"])), getStylePreset('headlineH2', ''), getLogicalPropsAndTypographyPreset('headlineH2'));
 ThemelessHeading2.displayName = 'Heading2';
 export var Heading2 = withOwnTheme(ThemelessHeading2)({
     defaults: defaults,
 });
 export var H2 = Heading2;
-var ThemelessHeading3 = styled.h3(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  margin: 0;\n  ", "\n  ", "\n"], ["\n  margin: 0;\n  ", "\n  ", "\n"])), getTypographyPreset('headlineH3', '', { withCrop: true }), getStylePreset('headlineH3', ''));
+var ThemelessHeading3 = styled.h3(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  margin: 0;\n  ", "\n  ", "\n"], ["\n  margin: 0;\n  ", "\n  ", "\n"])), getStylePreset('headlineH3', ''), getLogicalPropsAndTypographyPreset('headlineH3'));
 ThemelessHeading3.displayName = 'Heading3';
 export var Heading3 = withOwnTheme(ThemelessHeading3)({
     defaults: defaults,
 });
 export var H3 = Heading3;
-var ThemelessHeading4 = styled.h4(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  margin: 0;\n  ", "\n  ", "\n"], ["\n  margin: 0;\n  ", "\n  ", "\n"])), getTypographyPreset('headlineH4', '', { withCrop: true }), getStylePreset('headlineH4', ''));
+var ThemelessHeading4 = styled.h4(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  margin: 0;\n  ", "\n  ", "\n"], ["\n  margin: 0;\n  ", "\n  ", "\n"])), getStylePreset('headlineH4', ''), getLogicalPropsAndTypographyPreset('headlineH4'));
 ThemelessHeading4.displayName = 'Heading4';
 export var Heading4 = withOwnTheme(ThemelessHeading4)({
     defaults: defaults,
 });
 export var H4 = Heading4;
-var ThemelessHeading5 = styled.h5(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  margin: 0;\n  ", "\n  ", "\n"], ["\n  margin: 0;\n  ", "\n  ", "\n"])), getTypographyPreset('headlineH5', '', { withCrop: true }), getStylePreset('headlineH5', ''));
+var ThemelessHeading5 = styled.h5(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  margin: 0;\n  ", "\n  ", "\n"], ["\n  margin: 0;\n  ", "\n  ", "\n"])), getStylePreset('headlineH5', ''), getLogicalPropsAndTypographyPreset('headlineH5'));
 ThemelessHeading5.displayName = 'Heading5';
 export var Heading5 = withOwnTheme(ThemelessHeading5)({
     defaults: defaults,
 });
 export var H5 = Heading5;
-var ThemelessHeading6 = styled.h6(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  margin: 0;\n  ", "\n  ", "\n"], ["\n  margin: 0;\n  ", "\n  ", "\n"])), getTypographyPreset('headlineH6', '', { withCrop: true }), getStylePreset('headlineH6', ''));
+var ThemelessHeading6 = styled.h6(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  margin: 0;\n  ", "\n  ", "\n"], ["\n  margin: 0;\n  ", "\n  ", "\n"])), getStylePreset('headlineH6', ''), getLogicalPropsAndTypographyPreset('headlineH6'));
 ThemelessHeading6.displayName = 'Heading6';
 export var Heading6 = withOwnTheme(ThemelessHeading6)({
     defaults: defaults,

package/esm/typography/heading/heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"heading.js","sourceRoot":"","sources":["../../../../src/typography/heading/heading.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"heading.js","sourceRoot":"","sources":["../../../../src/typography/heading/heading.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,EAAC,MAAM,EAAM,cAAc,EAAC,MAAM,mBAAmB,CAAC;AAC7D,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,EAAC,YAAY,EAAC,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAEL,kCAAkC,GACnC,MAAM,gCAAgC,CAAC;AASxC,IAAM,iBAAiB,GAAG,MAAM,CAAC,EAAE,qGAAkB,oBAEjD,EAAgC,MAChC,EAAgD,IACnD,KAFG,cAAc,CAAC,YAAY,EAAE,EAAE,CAAC,EAChC,kCAAkC,CAAC,YAAY,CAAC,CACnD,CAAC;AACF,iBAAiB,CAAC,WAAW,GAAG,UAAU,CAAC;AAC3C,MAAM,CAAC,IAAM,QAAQ,GAAG,YAAY,CAAC,iBAAiB,CAAC,CAAC;IACtD,QAAQ,UAAA;CACT,CAAC,CAAC;AACH,MAAM,CAAC,IAAM,EAAE,GAAG,QAAQ,CAAC;AAE3B,IAAM,iBAAiB,GAAG,MAAM,CAAC,EAAE,qGAAkB,oBAEjD,EAAgC,MAChC,EAAgD,IACnD,KAFG,cAAc,CAAC,YAAY,EAAE,EAAE,CAAC,EAChC,kCAAkC,CAAC,YAAY,CAAC,CACnD,CAAC;AACF,iBAAiB,CAAC,WAAW,GAAG,UAAU,CAAC;AAC3C,MAAM,CAAC,IAAM,QAAQ,GAAG,YAAY,CAAC,iBAAiB,CAAC,CAAC;IACtD,QAAQ,UAAA;CACT,CAAC,CAAC;AACH,MAAM,CAAC,IAAM,EAAE,GAAG,QAAQ,CAAC;AAE3B,IAAM,iBAAiB,GAAG,MAAM,CAAC,EAAE,qGAAkB,oBAEjD,EAAgC,MAChC,EAAgD,IACnD,KAFG,cAAc,CAAC,YAAY,EAAE,EAAE,CAAC,EAChC,kCAAkC,CAAC,YAAY,CAAC,CACnD,CAAC;AACF,iBAAiB,CAAC,WAAW,GAAG,UAAU,CAAC;AAC3C,MAAM,CAAC,IAAM,QAAQ,GAAG,YAAY,CAAC,iBAAiB,CAAC,CAAC;IACtD,QAAQ,UAAA;CACT,CAAC,CAAC;AACH,MAAM,CAAC,IAAM,EAAE,GAAG,QAAQ,CAAC;AAE3B,IAAM,iBAAiB,GAAG,MAAM,CAAC,EAAE,qGAAkB,oBAEjD,EAAgC,MAChC,EAAgD,IACnD,KAFG,cAAc,CAAC,YAAY,EAAE,EAAE,CAAC,EAChC,kCAAkC,CAAC,YAAY,CAAC,CACnD,CAAC;AACF,iBAAiB,CAAC,WAAW,GAAG,UAAU,CAAC;AAC3C,MAAM,CAAC,IAAM,QAAQ,GAAG,YAAY,CAAC,iBAAiB,CAAC,CAAC;IACtD,QAAQ,UAAA;CACT,CAAC,CAAC;AACH,MAAM,CAAC,IAAM,EAAE,GAAG,QAAQ,CAAC;AAE3B,IAAM,iBAAiB,GAAG,MAAM,CAAC,EAAE,qGAAkB,oBAEjD,EAAgC,MAChC,EAAgD,IACnD,KAFG,cAAc,CAAC,YAAY,EAAE,EAAE,CAAC,EAChC,kCAAkC,CAAC,YAAY,CAAC,CACnD,CAAC;AACF,iBAAiB,CAAC,WAAW,GAAG,UAAU,CAAC;AAC3C,MAAM,CAAC,IAAM,QAAQ,GAAG,YAAY,CAAC,iBAAiB,CAAC,CAAC;IACtD,QAAQ,UAAA;CACT,CAAC,CAAC;AACH,MAAM,CAAC,IAAM,EAAE,GAAG,QAAQ,CAAC;AAE3B,IAAM,iBAAiB,GAAG,MAAM,CAAC,EAAE,qGAAkB,oBAEjD,EAAgC,MAChC,EAAgD,IACnD,KAFG,cAAc,CAAC,YAAY,EAAE,EAAE,CAAC,EAChC,kCAAkC,CAAC,YAAY,CAAC,CACnD,CAAC;AACF,iBAAiB,CAAC,WAAW,GAAG,UAAU,CAAC;AAC3C,MAAM,CAAC,IAAM,QAAQ,GAAG,YAAY,CAAC,iBAAiB,CAAC,CAAC;IACtD,QAAQ,UAAA;CACT,CAAC,CAAC;AACH,MAAM,CAAC,IAAM,EAAE,GAAG,QAAQ,CAAC"}

package/esm/typography/paragraph/paragraph.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
 import { MQ } from '../../utils/style';
+import { LogicalProps } from '../../utils/logical-properties';
 export interface ParagraphProps {
-    children: any;
+    children: React.ReactNode;
     dropCap?: boolean;
     overrides?: {
         stylePreset?: MQ<string>;
@@ -11,7 +12,7 @@ export interface ParagraphProps {
             typographyPreset?: MQ<string>;
             space?: MQ<string>;
         };
-    };
+    } & LogicalProps;
 }
 export declare const ParagraphText: import("../../utils/with-own-theme").NewsKitReactComponents<{
     theme?: import("@emotion/react").Theme | undefined;

package/esm/typography/paragraph/paragraph.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"paragraph.d.ts","sourceRoot":"","sources":["../../../../src/typography/paragraph/paragraph.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAGL,EAAE,EAGH,MAAM,mBAAmB,CAAC;AAK3B,MAAM,WAAW,cAAc;IAE7B,QAAQ,EAAE,GAAG,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE;QACV,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QAC9B,OAAO,CAAC,EAAE;YACR,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACzB,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YAC9B,KAAK,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;SACpB,CAAC;KACH,CAAC;CACH;AAOD,eAAO,MAAM,aAAa;;;8GAExB,CAAC;AAWH,eAAO,MAAM,gBAAgB;;;oGAE3B,CAAC;AAOH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAgB5C,CAAC;AAGJ,eAAO,MAAM,CAAC,0BAAY,CAAC;AAE3B,eAAO,MAAM,SAAS;;;+EAErB,CAAC;AAEF,eAAO,MAAM,GAAG;;;+EAAY,CAAC;AAE7B,eAAO,MAAM,WAAW;;;+EAEvB,CAAC;AAEF,eAAO,MAAM,GAAG;;;+EAAc,CAAC"}
+{"version":3,"file":"paragraph.d.ts","sourceRoot":"","sources":["../../../../src/typography/paragraph/paragraph.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAGL,EAAE,EAGH,MAAM,mBAAmB,CAAC;AAI3B,OAAO,EAAe,YAAY,EAAC,MAAM,gCAAgC,CAAC;AAE1E,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE;QACV,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QAC9B,OAAO,CAAC,EAAE;YACR,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACzB,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YAC9B,KAAK,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;SACpB,CAAC;KACH,GAAG,YAAY,CAAC;CAClB;AAQD,eAAO,MAAM,aAAa;;;8GAExB,CAAC;AAaH,eAAO,MAAM,gBAAgB;;;oGAE3B,CAAC;AAiCH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAoB9C,CAAC;AAGF,eAAO,MAAM,CAAC,0BAAY,CAAC;AAE3B,eAAO,MAAM,SAAS;;;+EAErB,CAAC;AAEF,eAAO,MAAM,GAAG;;;+EAAY,CAAC;AAE7B,eAAO,MAAM,WAAW;;;+EAEvB,CAAC;AAEF,eAAO,MAAM,GAAG;;;+EAAc,CAAC"}

package/esm/typography/paragraph/paragraph.js

@@ -2,35 +2,75 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 import React from 'react';
-import { styled, getTypographyPreset, getSpace, getStylePreset, } from '../../utils/style';
+import { isFragment } from 'react-is';
+import { styled, getTypographyPreset, getStylePreset, getResponsiveSpace, } from '../../utils/style';
 import defaults from './defaults';
 import { withOwnTheme } from '../../utils/with-own-theme';
 import { ScreenReaderOnly } from '../../screen-reader-only';
-var ThemelessParagraphText = styled.p(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin: 0;\n  ", ";\n  ", ";\n"], ["\n  margin: 0;\n  ", ";\n  ", ";\n"])), getStylePreset('paragraph', ''), getTypographyPreset('paragraph', ''));
+import { logicalProps } from '../../utils/logical-properties';
+var ThemelessParagraphText = styled.p(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin: 0;\n  ", ";\n  ", ";\n  ", "\n"], ["\n  margin: 0;\n  ", ";\n  ", ";\n  ", "\n"])), getStylePreset('paragraph', ''), getTypographyPreset('paragraph', ''), logicalProps());
 export var ParagraphText = withOwnTheme(ThemelessParagraphText)({
     defaults: defaults,
 });
-var ThemelessParagraphDropCap = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin: 0;\n  float: left;\n  margin-right: 0.15em;\n\n  margin-top: ", ";\n  ", ";\n  ", ";\n"], ["\n  margin: 0;\n  float: left;\n  margin-right: 0.15em;\n\n  margin-top: ", ";\n  ", ";\n  ", ";\n"])), getSpace('paragraph.dropCap', 'dropCap'), getTypographyPreset('paragraph.dropCap', 'dropCap'), getStylePreset('paragraph.dropCap', 'dropCap'));
+/*
+We use this solution instead of css :first-letter since there is Firefox inconsistences,
+which causes the first letter to has less margin than desired.
+*/
+var ThemelessParagraphDropCap = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin: 0 0.15em 0 0;\n  float: left;\n  ", ";\n  ", ";\n  ", ";\n"], ["\n  margin: 0 0.15em 0 0;\n  float: left;\n  ", ";\n  ", ";\n  ", ";\n"])), getResponsiveSpace('marginTop', 'paragraph.dropCap', 'dropCap', 'space'), getTypographyPreset('paragraph.dropCap', 'dropCap'), getStylePreset('paragraph.dropCap', 'dropCap'));
 export var ParagraphDropCap = withOwnTheme(ThemelessParagraphDropCap)({
     defaults: defaults,
 });
-var ParagraphContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: inline-flex;\n  max-width: 100%;\n"], ["\n  display: inline-flex;\n  max-width: 100%;\n"])));
+var getFirstLetter = function (children) {
+    var firstChild = children[0];
+    if (typeof firstChild === 'string') {
+        return firstChild.charAt(0);
+    }
+    if (isFragment(firstChild)) {
+        return getFirstLetter(React.Children.toArray(firstChild.props.children));
+    }
+    return '';
+};
+var removeFirstLetter = function (children) {
+    var firstChild = children[0], rest = children.slice(1);
+    if (typeof firstChild === 'string') {
+        return __spreadArray([firstChild.substring(1)], rest, true);
+    }
+    if (isFragment(firstChild)) {
+        return __spreadArray([
+            removeFirstLetter(React.Children.toArray(firstChild.props.children))
+        ], rest, true);
+    }
+    /* istanbul ignore next */
+    return children;
+};
 export var Paragraph = function (_a) {
     var children = _a.children, _b = _a.overrides, overrides = _b === void 0 ? {} : _b, _c = _a.dropCap, dropCap = _c === void 0 ? false : _c;
-    return dropCap && children ? (React.createElement(ParagraphContainer, null,
+    var childrenAsArray = React.Children.toArray(children);
+    var firstLetter = getFirstLetter(childrenAsArray);
+    var useDropCap = dropCap && firstLetter;
+    return useDropCap && children ? (React.createElement(React.Fragment, null,
         React.createElement(ParagraphText, { "aria-hidden": "true", overrides: overrides },
-            React.createElement(ParagraphDropCap, { overrides: overrides }, children[0]),
-            children.slice(1)),
+            React.createElement(ParagraphDropCap, { overrides: overrides }, firstLetter),
+            removeFirstLetter(childrenAsArray)),
         React.createElement(ScreenReaderOnly, null, children))) : (React.createElement(ParagraphText, { overrides: overrides }, children));
 };
 Paragraph.displayName = 'Paragraph';
 export var P = Paragraph;
-export var Subscript = styled.sub(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  font-size: 80%;\n"], ["\n  font-size: 80%;\n"])));
+export var Subscript = styled.sub(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-size: 80%;\n"], ["\n  font-size: 80%;\n"])));
 Subscript.displayName = 'Subscript';
 export var Sub = Subscript;
-export var Superscript = styled.sup(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  font-size: 80%;\n"], ["\n  font-size: 80%;\n"])));
+export var Superscript = styled.sup(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  font-size: 80%;\n"], ["\n  font-size: 80%;\n"])));
 Superscript.displayName = 'Superscript';
 export var Sup = Superscript;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
 //# sourceMappingURL=paragraph.js.map

package/esm/typography/paragraph/paragraph.js.map

@@ -1 +1 @@
-{"version":3,"file":"paragraph.js","sourceRoot":"","sources":["../../../../src/typography/paragraph/paragraph.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,MAAM,EACN,mBAAmB,EAEnB,QAAQ,EACR,cAAc,GACf,MAAM,mBAAmB,CAAC;AAC3B,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,EAAC,YAAY,EAAC,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAC,gBAAgB,EAAC,MAAM,0BAA0B,CAAC;AAiB1D,IAAM,sBAAsB,GAAG,MAAM,CAAC,CAAC,uGAAgB,oBAEnD,EAA+B,OAC/B,EAAoC,KACvC,KAFG,cAAc,CAAC,WAAW,EAAE,EAAE,CAAC,EAC/B,mBAAmB,CAAC,WAAW,EAAE,EAAE,CAAC,CACvC,CAAC;AACF,MAAM,CAAC,IAAM,aAAa,GAAG,YAAY,CAAC,sBAAsB,CAAC,CAAC;IAChE,QAAQ,UAAA;CACT,CAAC,CAAC;AAEH,IAAM,yBAAyB,GAAG,MAAM,CAAC,IAAI,uKAAgB,2EAK7C,EAAwC,OACpD,EAAmD,OACnD,EAA8C,KACjD,KAHe,QAAQ,CAAC,mBAAmB,EAAE,SAAS,CAAC,EACpD,mBAAmB,CAAC,mBAAmB,EAAE,SAAS,CAAC,EACnD,cAAc,CAAC,mBAAmB,EAAE,SAAS,CAAC,CACjD,CAAC;AACF,MAAM,CAAC,IAAM,gBAAgB,GAAG,YAAY,CAAC,yBAAyB,CAAC,CAAC;IACtE,QAAQ,UAAA;CACT,CAAC,CAAC;AAEH,IAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,oHAAA,iDAGpC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,SAAS,GAA6B,UAAC,EAInD;QAHC,QAAQ,cAAA,EACR,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA;IAEf,OAAA,OAAO,IAAI,QAAQ,CAAC,CAAC,CAAC,CACpB,oBAAC,kBAAkB;QACjB,oBAAC,aAAa,mBAAa,MAAM,EAAC,SAAS,EAAE,SAAS;YACpD,oBAAC,gBAAgB,IAAC,SAAS,EAAE,SAAS,IAAG,QAAQ,CAAC,CAAC,CAAC,CAAoB;YACvE,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CACJ;QAEhB,oBAAC,gBAAgB,QAAE,QAAQ,CAAoB,CAC5B,CACtB,CAAC,CAAC,CAAC,CACF,oBAAC,aAAa,IAAC,SAAS,EAAE,SAAS,IAAG,QAAQ,CAAiB,CAChE;AAXD,CAWC,CAAC;AAEJ,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AACpC,MAAM,CAAC,IAAM,CAAC,GAAG,SAAS,CAAC;AAE3B,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,0FAAA,uBAElC,IAAA,CAAC;AACF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AACpC,MAAM,CAAC,IAAM,GAAG,GAAG,SAAS,CAAC;AAE7B,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,0FAAA,uBAEpC,IAAA,CAAC;AACF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AACxC,MAAM,CAAC,IAAM,GAAG,GAAG,WAAW,CAAC"}
+{"version":3,"file":"paragraph.js","sourceRoot":"","sources":["../../../../src/typography/paragraph/paragraph.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAC,MAAM,UAAU,CAAC;AACpC,OAAO,EACL,MAAM,EACN,mBAAmB,EAEnB,cAAc,EACd,kBAAkB,GACnB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,EAAC,YAAY,EAAC,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAC,gBAAgB,EAAC,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAC,YAAY,EAAe,MAAM,gCAAgC,CAAC;AAgB1E,IAAM,sBAAsB,GAAG,MAAM,CAAC,CAAC,+GAAgB,oBAEnD,EAA+B,OAC/B,EAAoC,OACpC,EAAc,IACjB,KAHG,cAAc,CAAC,WAAW,EAAE,EAAE,CAAC,EAC/B,mBAAmB,CAAC,WAAW,EAAE,EAAE,CAAC,EACpC,YAAY,EAAE,CACjB,CAAC;AACF,MAAM,CAAC,IAAM,aAAa,GAAG,YAAY,CAAC,sBAAsB,CAAC,CAAC;IAChE,QAAQ,UAAA;CACT,CAAC,CAAC;AAEH;;;EAGE;AACF,IAAM,yBAAyB,GAAG,MAAM,CAAC,IAAI,2IAAgB,+CAGzD,EAAwE,OACxE,EAAmD,OACnD,EAA8C,KACjD,KAHG,kBAAkB,CAAC,WAAW,EAAE,mBAAmB,EAAE,SAAS,EAAE,OAAO,CAAC,EACxE,mBAAmB,CAAC,mBAAmB,EAAE,SAAS,CAAC,EACnD,cAAc,CAAC,mBAAmB,EAAE,SAAS,CAAC,CACjD,CAAC;AACF,MAAM,CAAC,IAAM,gBAAgB,GAAG,YAAY,CAAC,yBAAyB,CAAC,CAAC;IACtE,QAAQ,UAAA;CACT,CAAC,CAAC;AAEH,IAAM,cAAc,GAAG,UACrB,QAAwE;IAEjE,IAAA,UAAU,GAAI,QAAQ,GAAZ,CAAa;IAC9B,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE;QAClC,OAAO,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;KAC7B;IACD,IAAI,UAAU,CAAC,UAAU,CAAC,EAAE;QAC1B,OAAO,cAAc,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;KAC1E;IACD,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC;AAEF,IAAM,iBAAiB,GAAG,UACxB,QAAwE;IAEjE,IAAA,UAAU,GAAa,QAAQ,GAArB,EAAK,IAAI,GAAI,QAAQ,SAAZ,CAAa;IACvC,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE;QAClC,sBAAQ,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,GAAK,IAAI,QAAE;KAC3C;IACD,IAAI,UAAU,CAAC,UAAU,CAAC,EAAE;QAC1B;YACE,iBAAiB,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;WACjE,IAAI,QACP;KACH;IAED,0BAA0B;IAC1B,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,SAAS,GAA6B,UAAC,EAInD;QAHC,QAAQ,cAAA,EACR,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA;IAEf,IAAM,eAAe,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IACzD,IAAM,WAAW,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;IACpD,IAAM,UAAU,GAAG,OAAO,IAAI,WAAW,CAAC;IAE1C,OAAO,UAAU,IAAI,QAAQ,CAAC,CAAC,CAAC,CAC9B;QACE,oBAAC,aAAa,mBAAa,MAAM,EAAC,SAAS,EAAE,SAAS;YACpD,oBAAC,gBAAgB,IAAC,SAAS,EAAE,SAAS,IAAG,WAAW,CAAoB;YACvE,iBAAiB,CAAC,eAAe,CAAC,CACrB;QAChB,oBAAC,gBAAgB,QAAE,QAAQ,CAAoB,CAC9C,CACJ,CAAC,CAAC,CAAC,CACF,oBAAC,aAAa,IAAC,SAAS,EAAE,SAAS,IAAG,QAAQ,CAAiB,CAChE,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AACpC,MAAM,CAAC,IAAM,CAAC,GAAG,SAAS,CAAC;AAE3B,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,0FAAA,uBAElC,IAAA,CAAC;AACF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AACpC,MAAM,CAAC,IAAM,GAAG,GAAG,SAAS,CAAC;AAE7B,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,0FAAA,uBAEpC,IAAA,CAAC;AACF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AACxC,MAAM,CAAC,IAAM,GAAG,GAAG,WAAW,CAAC"}

package/esm/unordered-list/styled.d.ts

@@ -3,6 +3,8 @@ import { UnorderedListProps } from './types';
 export declare const StyledUl: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
+} & {
+    overrides: UnorderedListProps['overrides'];
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
 export declare const StyledListItem: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;

package/esm/unordered-list/styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/unordered-list/styled.ts"],"names":[],"mappings":";AAEA,OAAO,EAAC,kBAAkB,EAAC,MAAM,SAAS,CAAC;AAa3C,eAAO,MAAM,QAAQ;;;6GAIpB,CAAC;AAEF,eAAO,MAAM,cAAc;;;yGAI1B,CAAC;AAEF,eAAO,MAAM,WAAW;;;;UAGvB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;oDAS7B,CAAC"}
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/unordered-list/styled.ts"],"names":[],"mappings":";AAGA,OAAO,EAAC,kBAAkB,EAAC,MAAM,SAAS,CAAC;AAa3C,eAAO,MAAM,QAAQ;;;;eAAyB,kBAAkB,CAAC,WAAW,CAAC;6GAK5E,CAAC;AAEF,eAAO,MAAM,cAAc;;;yGAI1B,CAAC;AAEF,eAAO,MAAM,WAAW;;;;UAGvB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;oDAS7B,CAAC"}

package/esm/unordered-list/styled.js

@@ -3,6 +3,7 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     return cooked;
 };
 import { Block } from '../block';
+import { logicalProps } from '../utils/logical-properties';
 import { getStylePreset, styled } from '../utils/style';
 var getMarkerAlign = function (align) {
     switch (align) {
@@ -14,7 +15,7 @@ var getMarkerAlign = function (align) {
             return 'align-self: center;';
     }
 };
-export var StyledUl = styled.ul(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin: 0;\n  padding: 0;\n  list-style: none;\n"], ["\n  margin: 0;\n  padding: 0;\n  list-style: none;\n"])));
+export var StyledUl = styled.ul(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  ", "\n"], ["\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  ", "\n"])), logicalProps());
 export var StyledListItem = styled.li(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  &:last-child + div {\n    margin: 0;\n  }\n"], ["\n  &:last-child + div {\n    margin: 0;\n  }\n"])));
 export var StyledBlock = styled(Block)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"], ["\n  display: flex;\n  align-items: center;\n"])));
 export var StyledMarkerBlock = styled(Block)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", ";\n  ", "\n  svg,\n  img {\n    display: block;\n  }\n"], ["\n  ", ";\n  ", "\n  svg,\n  img {\n    display: block;\n  }\n"])), getStylePreset('unorderedList.marker', 'marker'), function (_a) {

package/esm/unordered-list/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/unordered-list/styled.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EAAC,KAAK,EAAC,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAC,cAAc,EAAE,MAAM,EAAC,MAAM,gBAAgB,CAAC;AAGtD,IAAM,cAAc,GAAG,UAAC,KAAiC;IACvD,QAAQ,KAAK,EAAE;QACb,KAAK,OAAO;YACV,OAAO,oBAAoB,CAAC;QAC9B,KAAK,KAAK;YACR,OAAO,kBAAkB,CAAC;QAC5B;YACE,OAAO,qBAAqB,CAAC;KAChC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,yHAAA,sDAIhC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,EAAE,oHAAA,iDAItC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,iHAAA,8CAGvC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,KAAK,CAAC,mIAE7C,MACG,EAAgD,OAChD,EAA0D,+CAK7D,KANG,cAAc,CAAC,sBAAsB,EAAE,QAAQ,CAAC,EAChD,UAAC,EAAa;QAAZ,WAAW,iBAAA;IAAM,OAAA,cAAc,CAAC,WAAW,IAAI,QAAQ,CAAC;AAAvC,CAAuC,CAK7D,CAAC"}
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/unordered-list/styled.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EAAC,KAAK,EAAC,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAC,YAAY,EAAC,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAC,cAAc,EAAE,MAAM,EAAC,MAAM,gBAAgB,CAAC;AAGtD,IAAM,cAAc,GAAG,UAAC,KAAiC;IACvD,QAAQ,KAAK,EAAE;QACb,KAAK,OAAO;YACV,OAAO,oBAAoB,CAAC;QAC9B,KAAK,KAAK;YACR,OAAO,kBAAkB,CAAC;QAC5B;YACE,OAAO,qBAAqB,CAAC;KAChC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,iIAA8C,wDAI3E,EAAc,IACjB,KADG,YAAY,EAAE,CACjB,CAAC;AAEF,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,EAAE,oHAAA,iDAItC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,iHAAA,8CAGvC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,KAAK,CAAC,mIAE7C,MACG,EAAgD,OAChD,EAA0D,+CAK7D,KANG,cAAc,CAAC,sBAAsB,EAAE,QAAQ,CAAC,EAChD,UAAC,EAAa;QAAZ,WAAW,iBAAA;IAAM,OAAA,cAAc,CAAC,WAAW,IAAI,QAAQ,CAAC;AAAvC,CAAuC,CAK7D,CAAC"}

package/esm/unordered-list/types.d.ts

@@ -1,4 +1,5 @@
 import { NewsKitIcon } from '../icons';
+import { LogicalProps } from '../utils/logical-properties';
 import { MQ } from '../utils/style';
 export interface UnorderedListProps {
     listItemMarker?: NewsKitIcon;
@@ -14,6 +15,6 @@ export interface UnorderedListProps {
             spaceInline?: MQ<string>;
             size?: string;
         };
-    };
+    } & LogicalProps;
 }
 //# sourceMappingURL=types.d.ts.map