@pega/cosmos-react-core 4.0.0-dev.2.0 → 4.0.0-dev.21.0

package/lib/components/Sentiment/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Sentiment/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC","sourcesContent":["export { default } from './Sentiment';\nexport { StyledSentiment } from './Sentiment';\nexport { SentimentProps } from './Sentiment';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Sentiment/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC","sourcesContent":["export { default, StyledSentiment } from './Sentiment';\nexport type { SentimentProps } from './Sentiment';\n"]}

package/lib/components/ShortcutManager/ShortcutManager.d.ts

@@ -0,0 +1,11 @@
+import { FunctionComponent } from 'react';
+import type { ShortcutAction, ShortcutManagerProps } from './ShortcutManager.types';
+/**
+ * Function to register an action triggerable using a shortcut. All actions must be registered before
+ * binding a callback.
+ * @param actions actions with definitions to be registered.
+ */
+export declare const registerAction: (...actions: ShortcutAction[]) => void;
+declare const ShortcutManager: FunctionComponent<ShortcutManagerProps>;
+export default ShortcutManager;
+//# sourceMappingURL=ShortcutManager.d.ts.map

package/lib/components/ShortcutManager/ShortcutManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShortcutManager.d.ts","sourceRoot":"","sources":["../../../src/components/ShortcutManager/ShortcutManager.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAqB,MAAM,OAAO,CAAC;AAM7D,OAAO,KAAK,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAGpF;;;;GAIG;AACH,eAAO,MAAM,cAAc,eAAgB,cAAc,EAAE,KAAG,IAY7D,CAAC;AAUF,QAAA,MAAM,eAAe,EAAE,iBAAiB,CAAC,oBAAoB,CAsE5D,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/components/ShortcutManager/ShortcutManager.js

@@ -0,0 +1,88 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+import { Shortcuts } from 'shortcuts';
+import { useAfterInitialEffect, useSimpleStore } from '../../hooks';
+import { hasProp } from '../../utils';
+import { actionStore } from './Store';
+/**
+ * Function to register an action triggerable using a shortcut. All actions must be registered before
+ * binding a callback.
+ * @param actions actions with definitions to be registered.
+ */
+export const registerAction = (...actions) => {
+    actionStore.setStore(store => {
+        let newStore = store;
+        actions.forEach(({ id, defaultKeyBinding: defaultShortcut }) => {
+            if (!hasProp(store, id))
+                newStore = {
+                    ...newStore,
+                    [id]: { defaultKeyBinding: defaultShortcut, keyBinding: defaultShortcut }
+                };
+        });
+        return newStore;
+    });
+};
+const dispatchShortcutEvent = (actionId, e) => {
+    const shortcutEvent = new CustomEvent('shortcut', {
+        bubbles: true,
+        detail: { actionId }
+    });
+    e.target?.dispatchEvent(shortcutEvent);
+};
+const ShortcutManager = ({ children, target, bindings: customBindings = {} }) => {
+    const shortcutsRef = useRef();
+    const [bindings, setBindings] = useSimpleStore(actionStore, store => Object.entries(store).map(([actionId, actionDefinition]) => ({
+        action: actionId,
+        shortcut: actionDefinition.keyBinding
+    })));
+    useEffect(() => {
+        setBindings(store => {
+            let newStore = store;
+            Object.entries(customBindings).forEach(([actionId, keyBinding]) => {
+                newStore = { ...newStore, [actionId]: { ...newStore[actionId], keyBinding } };
+            });
+            return newStore;
+        });
+    }, [JSON.stringify(customBindings)]);
+    useEffect(() => {
+        shortcutsRef.current = new Shortcuts({
+            target,
+            shouldHandleEvent: e => 
+            // both 'keydown' and 'keypress' events are handled by default ('shortcuts' bug?)
+            e.type === 'keydown' &&
+                !e.defaultPrevented &&
+                // don't process event during typing letters/digits into inputs without modifier keys
+                !(e.target instanceof HTMLElement &&
+                    ['input', 'textarea'].includes(e.target.nodeName.toLowerCase()) &&
+                    e.key.match(/a-zA-Z0-9/) &&
+                    !['Control', 'Meta'].some(modifier => e.getModifierState(modifier))),
+            shortcuts: bindings.map(({ action, shortcut }) => ({
+                shortcut,
+                handler: e => {
+                    e.preventDefault();
+                    dispatchShortcutEvent(action, e);
+                }
+            }))
+        });
+        return () => {
+            shortcutsRef.current?.reset();
+            shortcutsRef.current = undefined;
+        };
+    }, [target]);
+    useAfterInitialEffect(() => {
+        const shortcutInstance = shortcutsRef.current;
+        if (shortcutInstance) {
+            shortcutInstance.reset();
+            shortcutInstance.add(bindings.map(({ action, shortcut }) => ({
+                shortcut,
+                handler: e => {
+                    e.preventDefault();
+                    dispatchShortcutEvent(action, e);
+                }
+            })));
+        }
+    }, [JSON.stringify(bindings)]);
+    return _jsx(_Fragment, { children: children });
+};
+export default ShortcutManager;
+//# sourceMappingURL=ShortcutManager.js.map

package/lib/components/ShortcutManager/ShortcutManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShortcutManager.js","sourceRoot":"","sources":["../../../src/components/ShortcutManager/ShortcutManager.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FunctionComponent, useEffect, useRef } from 'react';\nimport { Shortcuts } from 'shortcuts';\n\nimport { useAfterInitialEffect, useSimpleStore } from '../../hooks';\nimport { hasProp } from '../../utils';\n\nimport type { ShortcutAction, ShortcutManagerProps } from './ShortcutManager.types';\nimport { type ActionDefinitions, actionStore } from './Store';\n\n/**\n * Function to register an action triggerable using a shortcut. All actions must be registered before\n * binding a callback.\n * @param actions actions with definitions to be registered.\n */\nexport const registerAction = (...actions: ShortcutAction[]): void => {\n  actionStore.setStore(store => {\n    let newStore = store;\n    actions.forEach(({ id, defaultKeyBinding: defaultShortcut }) => {\n      if (!hasProp(store, id))\n        newStore = {\n          ...(newStore as ActionDefinitions),\n          [id]: { defaultKeyBinding: defaultShortcut, keyBinding: defaultShortcut }\n        };\n    });\n    return newStore;\n  });\n};\n\nconst dispatchShortcutEvent = (actionId: ShortcutAction['id'], e: KeyboardEvent) => {\n  const shortcutEvent = new CustomEvent('shortcut', {\n    bubbles: true,\n    detail: { actionId }\n  });\n  e.target?.dispatchEvent(shortcutEvent);\n};\n\nconst ShortcutManager: FunctionComponent<ShortcutManagerProps> = ({\n  children,\n  target,\n  bindings: customBindings = {}\n}) => {\n  const shortcutsRef = useRef<Shortcuts>();\n\n  const [bindings, setBindings] = useSimpleStore(actionStore, store =>\n    Object.entries(store).map(([actionId, actionDefinition]) => ({\n      action: actionId,\n      shortcut: actionDefinition.keyBinding\n    }))\n  );\n\n  useEffect(() => {\n    setBindings(store => {\n      let newStore = store;\n      Object.entries(customBindings).forEach(([actionId, keyBinding]) => {\n        newStore = { ...newStore, [actionId]: { ...newStore[actionId], keyBinding } };\n      });\n      return newStore;\n    });\n  }, [JSON.stringify(customBindings)]);\n\n  useEffect(() => {\n    shortcutsRef.current = new Shortcuts({\n      target,\n      shouldHandleEvent: e =>\n        // both 'keydown' and 'keypress' events are handled by default ('shortcuts' bug?)\n        e.type === 'keydown' &&\n        !e.defaultPrevented &&\n        // don't process event during typing letters/digits into inputs without modifier keys\n        !(\n          e.target instanceof HTMLElement &&\n          ['input', 'textarea'].includes(e.target.nodeName.toLowerCase()) &&\n          e.key.match(/a-zA-Z0-9/) &&\n          !['Control', 'Meta'].some(modifier => e.getModifierState(modifier))\n        ),\n      shortcuts: bindings.map(({ action, shortcut }) => ({\n        shortcut,\n        handler: e => {\n          e.preventDefault();\n          dispatchShortcutEvent(action, e);\n        }\n      }))\n    });\n\n    return () => {\n      shortcutsRef.current?.reset();\n      shortcutsRef.current = undefined;\n    };\n  }, [target]);\n\n  useAfterInitialEffect(() => {\n    const shortcutInstance = shortcutsRef.current;\n    if (shortcutInstance) {\n      shortcutInstance.reset();\n      shortcutInstance.add(\n        bindings.map(({ action, shortcut }) => ({\n          shortcut,\n          handler: e => {\n            e.preventDefault();\n            dispatchShortcutEvent(action, e);\n          }\n        }))\n      );\n    }\n  }, [JSON.stringify(bindings)]);\n\n  return <>{children}</>;\n};\n\nexport default ShortcutManager;\n"]}

package/lib/components/ShortcutManager/ShortcutManager.types.d.ts

@@ -0,0 +1,30 @@
+import { ReactNode } from 'react';
+interface ShortcutEventDetails {
+    actionId: string;
+}
+declare global {
+    type ShortcutEvent = CustomEvent<ShortcutEventDetails>;
+    interface GlobalEventHandlersEventMap {
+        shortcut: ShortcutEvent;
+    }
+}
+export interface ShortcutActionConfig {
+    defaultKeyBinding: string;
+}
+export interface ShortcutAction extends ShortcutActionConfig {
+    id: string;
+}
+export type ShortcutActionCallback = (e: ShortcutEvent) => void;
+export interface KeyBindings {
+    [key: string]: string;
+}
+export interface ShortcutManagerProps {
+    /** The element(s) that may bind callbacks to actions. */
+    children: ReactNode;
+    /** Pre-populated key bindings for actions. */
+    bindings?: KeyBindings;
+    /** HTML element that global event handler will be attached to. Document will be used if not passed. */
+    target?: HTMLElement;
+}
+export {};
+//# sourceMappingURL=ShortcutManager.types.d.ts.map

package/lib/components/ShortcutManager/ShortcutManager.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShortcutManager.types.d.ts","sourceRoot":"","sources":["../../../src/components/ShortcutManager/ShortcutManager.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,KAAK,aAAa,GAAG,WAAW,CAAC,oBAAoB,CAAC,CAAC;IAEvD,UAAU,2BAA2B;QACnC,QAAQ,EAAE,aAAa,CAAC;KACzB;CACF;AAED,MAAM,WAAW,oBAAoB;IACnC,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,cAAe,SAAQ,oBAAoB;IAC1D,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,MAAM,sBAAsB,GAAG,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;AAEhE,MAAM,WAAW,WAAW;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,oBAAoB;IACnC,yDAAyD;IACzD,QAAQ,EAAE,SAAS,CAAC;IACpB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,uGAAuG;IACvG,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB"}

package/lib/components/ShortcutManager/ShortcutManager.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ShortcutManager.types.js.map

package/lib/components/ShortcutManager/ShortcutManager.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShortcutManager.types.js","sourceRoot":"","sources":["../../../src/components/ShortcutManager/ShortcutManager.types.ts"],"names":[],"mappings":"","sourcesContent":["import { ReactNode } from 'react';\n\ninterface ShortcutEventDetails {\n  actionId: string;\n}\n\ndeclare global {\n  type ShortcutEvent = CustomEvent<ShortcutEventDetails>;\n\n  interface GlobalEventHandlersEventMap {\n    shortcut: ShortcutEvent;\n  }\n}\n\nexport interface ShortcutActionConfig {\n  defaultKeyBinding: string;\n}\n\nexport interface ShortcutAction extends ShortcutActionConfig {\n  id: string;\n}\n\nexport type ShortcutActionCallback = (e: ShortcutEvent) => void;\n\nexport interface KeyBindings {\n  [key: string]: string;\n}\n\nexport interface ShortcutManagerProps {\n  /** The element(s) that may bind callbacks to actions. */\n  children: ReactNode;\n  /** Pre-populated key bindings for actions. */\n  bindings?: KeyBindings;\n  /** HTML element that global event handler will be attached to. Document will be used if not passed. */\n  target?: HTMLElement;\n}\n"]}

package/lib/components/ShortcutManager/Store.d.ts

@@ -0,0 +1,8 @@
+import type { ShortcutActionConfig } from './ShortcutManager.types';
+export type ActionDefinitions = {
+    [key: string]: ShortcutActionConfig & {
+        keyBinding: string;
+    };
+};
+export declare const actionStore: import("../../hooks/useSimpleStore").SimpleStore<ActionDefinitions>;
+//# sourceMappingURL=Store.d.ts.map

package/lib/components/ShortcutManager/Store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Store.d.ts","sourceRoot":"","sources":["../../../src/components/ShortcutManager/Store.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAEpE,MAAM,MAAM,iBAAiB,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,oBAAoB,GAAG;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,CAAA;CAAE,CAAC;AAEjG,eAAO,MAAM,WAAW,qEAA6C,CAAC"}

package/lib/components/ShortcutManager/Store.js

@@ -0,0 +1,3 @@
+import { createSimpleStore } from '../../hooks/useSimpleStore';
+export const actionStore = createSimpleStore({});
+//# sourceMappingURL=Store.js.map

package/lib/components/ShortcutManager/Store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Store.js","sourceRoot":"","sources":["../../../src/components/ShortcutManager/Store.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAM/D,MAAM,CAAC,MAAM,WAAW,GAAG,iBAAiB,CAAC,EAAuB,CAAC,CAAC","sourcesContent":["import { createSimpleStore } from '../../hooks/useSimpleStore';\n\nimport type { ShortcutActionConfig } from './ShortcutManager.types';\n\nexport type ActionDefinitions = { [key: string]: ShortcutActionConfig & { keyBinding: string } };\n\nexport const actionStore = createSimpleStore({} as ActionDefinitions);\n"]}

package/lib/components/ShortcutManager/index.d.ts

@@ -0,0 +1,4 @@
+export { default as ShortcutManager, registerAction } from './ShortcutManager';
+export { actionStore } from './Store';
+export type { ShortcutActionCallback, ShortcutAction } from './ShortcutManager.types';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/ShortcutManager/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ShortcutManager/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAC/E,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,YAAY,EAAE,sBAAsB,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC"}

package/lib/components/ShortcutManager/index.js

@@ -0,0 +1,3 @@
+export { default as ShortcutManager, registerAction } from './ShortcutManager';
+export { actionStore } from './Store';
+//# sourceMappingURL=index.js.map

package/lib/components/ShortcutManager/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ShortcutManager/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAC/E,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC","sourcesContent":["export { default as ShortcutManager, registerAction } from './ShortcutManager';\nexport { actionStore } from './Store';\nexport type { ShortcutActionCallback, ShortcutAction } from './ShortcutManager.types';\n"]}

package/lib/components/ShowMoreLess/ShowMoreLess.d.ts

@@ -0,0 +1,9 @@
+import { FunctionComponent, ReactNode } from 'react';
+export interface ShowMoreLessProps {
+    children: ReactNode;
+    lines: number;
+}
+export declare const StyledShowMoreLessButton: import("styled-components").StyledComponent<FunctionComponent<import("../Button").ButtonProps & import("../..").ForwardProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const ShowMoreLess: FunctionComponent<ShowMoreLessProps>;
+export default ShowMoreLess;
+//# sourceMappingURL=ShowMoreLess.d.ts.map

package/lib/components/ShowMoreLess/ShowMoreLess.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShowMoreLess.d.ts","sourceRoot":"","sources":["../../../src/components/ShowMoreLess/ShowMoreLess.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAA8C,MAAM,OAAO,CAAC;AAQjG,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,wBAAwB,qLAAmB,CAAC;AAEzD,QAAA,MAAM,YAAY,EAAE,iBAAiB,CAAC,iBAAiB,CAoDtD,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/components/ShowMoreLess/ShowMoreLess.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useRef, useMemo, useLayoutEffect } from 'react';
+import styled from 'styled-components';
+import { useI18n } from '../../hooks';
+import { windowIsAvailable } from '../../utils';
+import Button from '../Button';
+import ExpandCollapse from '../ExpandCollapse';
+export const StyledShowMoreLessButton = styled(Button) ``;
+const ShowMoreLess = ({ children, lines }) => {
+    const [collapsed, setCollapsed] = useState(true);
+    const [exceedsMaxHeight, setExceedsMaxHeight] = useState(false);
+    const contentRef = useRef(null);
+    const t = useI18n();
+    const maxTextHeight = useMemo(() => {
+        if (!windowIsAvailable)
+            return Infinity;
+        const computedLineHeight = Number.parseInt(window.getComputedStyle(document.documentElement).getPropertyValue('font-size'), 10) * 1.25;
+        return lines * computedLineHeight;
+    }, []);
+    useLayoutEffect(() => {
+        if (!contentRef.current)
+            return;
+        const observer = new ResizeObserver(entries => {
+            const exceedsHeight = entries.some(({ target, contentRect }) => {
+                if (target !== contentRef.current)
+                    return;
+                return contentRect.height > maxTextHeight;
+            });
+            setExceedsMaxHeight(exceedsHeight);
+        });
+        observer.observe(contentRef.current);
+        return () => {
+            observer.disconnect();
+        };
+    }, [contentRef.current, maxTextHeight]);
+    return (_jsxs(_Fragment, { children: [_jsx(ExpandCollapse, { collapsed: collapsed, min: exceedsMaxHeight ? `${maxTextHeight}px` : 'max-content', children: _jsx("div", { ref: contentRef, children: children }) }), exceedsMaxHeight && (_jsx(StyledShowMoreLessButton, { variant: 'link', onClick: () => setCollapsed(current => !current), children: collapsed ? t('show_more') : t('show_less') }))] }));
+};
+export default ShowMoreLess;
+//# sourceMappingURL=ShowMoreLess.js.map

package/lib/components/ShowMoreLess/ShowMoreLess.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShowMoreLess.js","sourceRoot":"","sources":["../../../src/components/ShowMoreLess/ShowMoreLess.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AACjG,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,cAAc,MAAM,mBAAmB,CAAC;AAO/C,MAAM,CAAC,MAAM,wBAAwB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA,EAAE,CAAC;AAEzD,MAAM,YAAY,GAAyC,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE;IACjF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjD,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChE,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IAEpB,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,IAAI,CAAC,iBAAiB;YAAE,OAAO,QAAQ,CAAC;QAExC,MAAM,kBAAkB,GACtB,MAAM,CAAC,QAAQ,CACb,MAAM,CAAC,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,gBAAgB,CAAC,WAAW,CAAC,EAC/E,EAAE,CACH,GAAG,IAAI,CAAC;QACX,OAAO,KAAK,GAAG,kBAAkB,CAAC;IACpC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,UAAU,CAAC,OAAO;YAAE,OAAO;QAEhC,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,OAAO,CAAC,EAAE;YAC5C,MAAM,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,EAAE;gBAC7D,IAAI,MAAM,KAAK,UAAU,CAAC,OAAO;oBAAE,OAAO;gBAE1C,OAAO,WAAW,CAAC,MAAM,GAAG,aAAa,CAAC;YAC5C,CAAC,CAAC,CAAC;YAEH,mBAAmB,CAAC,aAAa,CAAC,CAAC;QACrC,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QAErC,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,UAAU,EAAE,CAAC;QACxB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC;IAExC,OAAO,CACL,8BACE,KAAC,cAAc,IACb,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG,aAAa,IAAI,CAAC,CAAC,CAAC,aAAa,YAE5D,cAAK,GAAG,EAAE,UAAU,YAAG,QAAQ,GAAO,GACvB,EAChB,gBAAgB,IAAI,CACnB,KAAC,wBAAwB,IAAC,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,YACtF,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,GACnB,CAC5B,IACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import { FunctionComponent, ReactNode, useState, useRef, useMemo, useLayoutEffect } from 'react';\nimport styled from 'styled-components';\n\nimport { useI18n } from '../../hooks';\nimport { windowIsAvailable } from '../../utils';\nimport Button from '../Button';\nimport ExpandCollapse from '../ExpandCollapse';\n\nexport interface ShowMoreLessProps {\n  children: ReactNode;\n  lines: number;\n}\n\nexport const StyledShowMoreLessButton = styled(Button)``;\n\nconst ShowMoreLess: FunctionComponent<ShowMoreLessProps> = ({ children, lines }) => {\n  const [collapsed, setCollapsed] = useState(true);\n  const [exceedsMaxHeight, setExceedsMaxHeight] = useState(false);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const t = useI18n();\n\n  const maxTextHeight = useMemo(() => {\n    if (!windowIsAvailable) return Infinity;\n\n    const computedLineHeight =\n      Number.parseInt(\n        window.getComputedStyle(document.documentElement).getPropertyValue('font-size'),\n        10\n      ) * 1.25;\n    return lines * computedLineHeight;\n  }, []);\n\n  useLayoutEffect(() => {\n    if (!contentRef.current) return;\n\n    const observer = new ResizeObserver(entries => {\n      const exceedsHeight = entries.some(({ target, contentRect }) => {\n        if (target !== contentRef.current) return;\n\n        return contentRect.height > maxTextHeight;\n      });\n\n      setExceedsMaxHeight(exceedsHeight);\n    });\n\n    observer.observe(contentRef.current);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [contentRef.current, maxTextHeight]);\n\n  return (\n    <>\n      <ExpandCollapse\n        collapsed={collapsed}\n        min={exceedsMaxHeight ? `${maxTextHeight}px` : 'max-content'}\n      >\n        <div ref={contentRef}>{children}</div>\n      </ExpandCollapse>\n      {exceedsMaxHeight && (\n        <StyledShowMoreLessButton variant='link' onClick={() => setCollapsed(current => !current)}>\n          {collapsed ? t('show_more') : t('show_less')}\n        </StyledShowMoreLessButton>\n      )}\n    </>\n  );\n};\n\nexport default ShowMoreLess;\n"]}

package/lib/components/ShowMoreLess/index.d.ts

@@ -0,0 +1,3 @@
+export { default, StyledShowMoreLessButton } from './ShowMoreLess';
+export type { ShowMoreLessProps } from './ShowMoreLess';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/ShowMoreLess/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ShowMoreLess/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AACnE,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}

package/lib/components/ShowMoreLess/index.js

@@ -0,0 +1,2 @@
+export { default, StyledShowMoreLessButton } from './ShowMoreLess';
+//# sourceMappingURL=index.js.map

package/lib/components/ShowMoreLess/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ShowMoreLess/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC","sourcesContent":["export { default, StyledShowMoreLessButton } from './ShowMoreLess';\nexport type { ShowMoreLessProps } from './ShowMoreLess';\n"]}

package/lib/components/Skeleton/LineSkeleton.d.ts

@@ -3,12 +3,12 @@ import { BaseProps, ForwardProps } from '../../types';
 export interface LineSkeletonProps extends BaseProps {
     /**
      * Width of the skeleton.
-     * @default "default"
+     * @default 'default'
      */
     width?: 'default' | 'l' | 'm' | 's';
     /**
      * Variant of the skeleton.
-     * @default "default"
+     * @default 'default'
      */
     variant?: 'default' | 'link';
 }

package/lib/components/Skeleton/LineSkeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"LineSkeleton.js","sourceRoot":"","sources":["../../../src/components/Skeleton/LineSkeleton.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAe/C,MAAM,YAAY,GAA+B;IAC/C,KAAK,EAAE,SAAS;IAChB,OAAO,EAAE,SAAS;CACnB,CAAC;AAEF,MAAM,eAAe,GAAG;IACtB,OAAO,EAAE,MAAM;IACf,CAAC,EAAE,KAAK;IACR,CAAC,EAAE,KAAK;IACR,CAAC,EAAE,KAAK;CACT,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAA6B,KAAK,CAAC,EAAE;IAC/E,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IACjC,MAAM,EAAE,QAAQ,EAAE,kBAAkB,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC;IAClE,MAAM,aAAa,GAAG,eAAe,CAAC,KAAK,IAAI,SAAS,CAAC,CAAC;IAC1D,MAAM,eAAe,GAAG,sBAAsB,CAAC;IAC/C,OAAO,GAAG,CAAA;;;;aAIC,aAAa;MACpB,OAAO,KAAK,SAAS;QACrB,CAAC,CAAC,qBAAqB,kBAAkB,EAAE;QAC3C,CAAC,CAAC,qBAAqB,eAAe,EAAE;GAC3C,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAkB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEnD,MAAM,YAAY,GAAwD,CACxE,KAAwB,EACxB,EAAE;IACF,OAAO,KAAC,kBAAkB,OAAK,KAAK,mBAAgB,MAAM,GAAG,CAAC;AAChE,CAAC,CAAC;AAEF,YAAY,CAAC,YAAY,GAAG,YAAY,CAAC;AAEzC,eAAe,YAAY,CAAC","sourcesContent":["import { FunctionComponent } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { BaseProps, ForwardProps } from '../../types';\nimport { defaultThemeProp } from '../../theme';\n\nexport interface LineSkeletonProps extends BaseProps {\n  /**\n   * Width of the skeleton.\n   * @default \"default\"\n   */\n  width?: 'default' | 'l' | 'm' | 's';\n  /**\n   * Variant of the skeleton.\n   * @default \"default\"\n   */\n  variant?: 'default' | 'link';\n}\n\nconst defaultProps: Partial<LineSkeletonProps> = {\n  width: 'default',\n  variant: 'default'\n};\n\nconst lengthToPercent = {\n  default: 'auto',\n  l: '80%',\n  m: '50%',\n  s: '30%'\n};\n\nexport const StyledLineSkeleton = styled.div<Partial<LineSkeletonProps>>(props => {\n  const { width, variant } = props;\n  const { skeleton: skeletonBackground } = props.theme.base.palette;\n  const lengthPercent = lengthToPercent[width || 'default'];\n  const LinkHeaderColor = 'rgb(135,206,235,0.5)';\n  return css`\n    flex-grow: 1;\n    margin: 0.25rem;\n    height: 0.875rem;\n    width: ${lengthPercent};\n    ${variant === 'default'\n      ? `background-color: ${skeletonBackground}`\n      : `background-color: ${LinkHeaderColor}`}\n  `;\n});\n\nStyledLineSkeleton.defaultProps = defaultThemeProp;\n\nconst LineSkeleton: FunctionComponent<LineSkeletonProps & ForwardProps> = (\n  props: LineSkeletonProps\n) => {\n  return <StyledLineSkeleton {...props} aria-disabled='true' />;\n};\n\nLineSkeleton.defaultProps = defaultProps;\n\nexport default LineSkeleton;\n"]}
+{"version":3,"file":"LineSkeleton.js","sourceRoot":"","sources":["../../../src/components/Skeleton/LineSkeleton.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAe/C,MAAM,YAAY,GAA+B;IAC/C,KAAK,EAAE,SAAS;IAChB,OAAO,EAAE,SAAS;CACnB,CAAC;AAEF,MAAM,eAAe,GAAG;IACtB,OAAO,EAAE,MAAM;IACf,CAAC,EAAE,KAAK;IACR,CAAC,EAAE,KAAK;IACR,CAAC,EAAE,KAAK;CACT,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAA6B,KAAK,CAAC,EAAE;IAC/E,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IACjC,MAAM,EAAE,QAAQ,EAAE,kBAAkB,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC;IAClE,MAAM,aAAa,GAAG,eAAe,CAAC,KAAK,IAAI,SAAS,CAAC,CAAC;IAC1D,MAAM,eAAe,GAAG,sBAAsB,CAAC;IAC/C,OAAO,GAAG,CAAA;;;;aAIC,aAAa;MACpB,OAAO,KAAK,SAAS;QACrB,CAAC,CAAC,qBAAqB,kBAAkB,EAAE;QAC3C,CAAC,CAAC,qBAAqB,eAAe,EAAE;GAC3C,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAkB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEnD,MAAM,YAAY,GAAwD,CACxE,KAAwB,EACxB,EAAE;IACF,OAAO,KAAC,kBAAkB,OAAK,KAAK,mBAAgB,MAAM,GAAG,CAAC;AAChE,CAAC,CAAC;AAEF,YAAY,CAAC,YAAY,GAAG,YAAY,CAAC;AAEzC,eAAe,YAAY,CAAC","sourcesContent":["import { FunctionComponent } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { BaseProps, ForwardProps } from '../../types';\nimport { defaultThemeProp } from '../../theme';\n\nexport interface LineSkeletonProps extends BaseProps {\n  /**\n   * Width of the skeleton.\n   * @default 'default'\n   */\n  width?: 'default' | 'l' | 'm' | 's';\n  /**\n   * Variant of the skeleton.\n   * @default 'default'\n   */\n  variant?: 'default' | 'link';\n}\n\nconst defaultProps: Partial<LineSkeletonProps> = {\n  width: 'default',\n  variant: 'default'\n};\n\nconst lengthToPercent = {\n  default: 'auto',\n  l: '80%',\n  m: '50%',\n  s: '30%'\n};\n\nexport const StyledLineSkeleton = styled.div<Partial<LineSkeletonProps>>(props => {\n  const { width, variant } = props;\n  const { skeleton: skeletonBackground } = props.theme.base.palette;\n  const lengthPercent = lengthToPercent[width || 'default'];\n  const LinkHeaderColor = 'rgb(135,206,235,0.5)';\n  return css`\n    flex-grow: 1;\n    margin: 0.25rem;\n    height: 0.875rem;\n    width: ${lengthPercent};\n    ${variant === 'default'\n      ? `background-color: ${skeletonBackground}`\n      : `background-color: ${LinkHeaderColor}`}\n  `;\n});\n\nStyledLineSkeleton.defaultProps = defaultThemeProp;\n\nconst LineSkeleton: FunctionComponent<LineSkeletonProps & ForwardProps> = (\n  props: LineSkeletonProps\n) => {\n  return <StyledLineSkeleton {...props} aria-disabled='true' />;\n};\n\nLineSkeleton.defaultProps = defaultProps;\n\nexport default LineSkeleton;\n"]}

package/lib/components/Skeleton/RectangleSkeleton.d.ts

@@ -3,17 +3,17 @@ import { BaseProps, ForwardProps } from '../../types';
 export interface RectangleSkeletonProps extends BaseProps {
     /**
      * Width of the skeleton.
-     * @default "auto"
+     * @default 'auto'
      */
     width?: string | number;
     /**
      * Height of the skeleton.
-     * @default "auto"
+     * @default 'auto'
      */
     height?: string | number;
     /**
      * Variant of the skeleton.
-     * @default "default"
+     * @default 'default'
      */
     variant?: 'default' | 'button';
 }

package/lib/components/Skeleton/RectangleSkeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"RectangleSkeleton.js","sourceRoot":"","sources":["../../../src/components/Skeleton/RectangleSkeleton.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAoB/C,MAAM,YAAY,GAAoC;IACpD,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,SAAS;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAkC,KAAK,CAAC,EAAE;IACzF,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IACzC,MAAM,EAAE,QAAQ,EAAE,kBAAkB,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC;IAClE,MAAM,EAAE,eAAe,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC;IAC3D,OAAO,GAAG,CAAA;;wBAEY,kBAAkB;MACpC,OAAO,KAAK,QAAQ;QACpB,CAAC,CAAC,2BAA2B,YAAY;;mBAE5B;QACb,CAAC,CAAC,UAAU,KAAK;gBACP,MAAM,EAAE;GACrB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,uBAAuB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAExD,MAAM,iBAAiB,GAA6D,CAClF,KAA6B,EAC7B,EAAE;IACF,OAAO,KAAC,uBAAuB,OAAK,KAAK,mBAAgB,MAAM,GAAG,CAAC;AACrE,CAAC,CAAC;AAEF,iBAAiB,CAAC,YAAY,GAAG,YAAY,CAAC;AAE9C,eAAe,iBAAiB,CAAC","sourcesContent":["import { FunctionComponent } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { BaseProps, ForwardProps } from '../../types';\nimport { defaultThemeProp } from '../../theme';\n\nexport interface RectangleSkeletonProps extends BaseProps {\n  /**\n   * Width of the skeleton.\n   * @default \"auto\"\n   */\n  width?: string | number;\n  /**\n   * Height of the skeleton.\n   * @default \"auto\"\n   */\n  height?: string | number;\n  /**\n   * Variant of the skeleton.\n   * @default \"default\"\n   */\n  variant?: 'default' | 'button';\n}\n\nconst defaultProps: Partial<RectangleSkeletonProps> = {\n  width: 'auto',\n  height: 'auto',\n  variant: 'default'\n};\n\nexport const StyledRectangleSkeleton = styled.div<Partial<RectangleSkeletonProps>>(props => {\n  const { width, height, variant } = props;\n  const { skeleton: skeletonBackground } = props.theme.base.palette;\n  const { 'border-radius': borderRadius } = props.theme.base;\n  return css`\n    margin: 0.25rem;\n    background-color: ${skeletonBackground};\n    ${variant === 'button'\n      ? `border-radius: calc(2 * ${borderRadius});\n      width: 6.875rem;\n      height: 2rem`\n      : `width: ${width};\n      height: ${height}`}\n  `;\n});\n\nStyledRectangleSkeleton.defaultProps = defaultThemeProp;\n\nconst RectangleSkeleton: FunctionComponent<RectangleSkeletonProps & ForwardProps> = (\n  props: RectangleSkeletonProps\n) => {\n  return <StyledRectangleSkeleton {...props} aria-disabled='true' />;\n};\n\nRectangleSkeleton.defaultProps = defaultProps;\n\nexport default RectangleSkeleton;\n"]}
+{"version":3,"file":"RectangleSkeleton.js","sourceRoot":"","sources":["../../../src/components/Skeleton/RectangleSkeleton.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAoB/C,MAAM,YAAY,GAAoC;IACpD,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,SAAS;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAkC,KAAK,CAAC,EAAE;IACzF,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IACzC,MAAM,EAAE,QAAQ,EAAE,kBAAkB,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC;IAClE,MAAM,EAAE,eAAe,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC;IAC3D,OAAO,GAAG,CAAA;;wBAEY,kBAAkB;MACpC,OAAO,KAAK,QAAQ;QACpB,CAAC,CAAC,2BAA2B,YAAY;;mBAE5B;QACb,CAAC,CAAC,UAAU,KAAK;gBACP,MAAM,EAAE;GACrB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,uBAAuB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAExD,MAAM,iBAAiB,GAA6D,CAClF,KAA6B,EAC7B,EAAE;IACF,OAAO,KAAC,uBAAuB,OAAK,KAAK,mBAAgB,MAAM,GAAG,CAAC;AACrE,CAAC,CAAC;AAEF,iBAAiB,CAAC,YAAY,GAAG,YAAY,CAAC;AAE9C,eAAe,iBAAiB,CAAC","sourcesContent":["import { FunctionComponent } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { BaseProps, ForwardProps } from '../../types';\nimport { defaultThemeProp } from '../../theme';\n\nexport interface RectangleSkeletonProps extends BaseProps {\n  /**\n   * Width of the skeleton.\n   * @default 'auto'\n   */\n  width?: string | number;\n  /**\n   * Height of the skeleton.\n   * @default 'auto'\n   */\n  height?: string | number;\n  /**\n   * Variant of the skeleton.\n   * @default 'default'\n   */\n  variant?: 'default' | 'button';\n}\n\nconst defaultProps: Partial<RectangleSkeletonProps> = {\n  width: 'auto',\n  height: 'auto',\n  variant: 'default'\n};\n\nexport const StyledRectangleSkeleton = styled.div<Partial<RectangleSkeletonProps>>(props => {\n  const { width, height, variant } = props;\n  const { skeleton: skeletonBackground } = props.theme.base.palette;\n  const { 'border-radius': borderRadius } = props.theme.base;\n  return css`\n    margin: 0.25rem;\n    background-color: ${skeletonBackground};\n    ${variant === 'button'\n      ? `border-radius: calc(2 * ${borderRadius});\n      width: 6.875rem;\n      height: 2rem`\n      : `width: ${width};\n      height: ${height}`}\n  `;\n});\n\nStyledRectangleSkeleton.defaultProps = defaultThemeProp;\n\nconst RectangleSkeleton: FunctionComponent<RectangleSkeletonProps & ForwardProps> = (\n  props: RectangleSkeletonProps\n) => {\n  return <StyledRectangleSkeleton {...props} aria-disabled='true' />;\n};\n\nRectangleSkeleton.defaultProps = defaultProps;\n\nexport default RectangleSkeleton;\n"]}

package/lib/components/Skeleton/index.d.ts

@@ -1,7 +1,7 @@
 export { default as LineSkeleton } from './LineSkeleton';
-export { LineSkeletonProps } from './LineSkeleton';
+export type { LineSkeletonProps } from './LineSkeleton';
 export { default as ParagraphSkeleton } from './ParagraphSkeleton';
-export { ParagraphSkeletonProps } from './ParagraphSkeleton';
+export type { ParagraphSkeletonProps } from './ParagraphSkeleton';
 export { default as RectangleSkeleton } from './RectangleSkeleton';
-export { RectangleSkeletonProps } from './RectangleSkeleton';
+export type { RectangleSkeletonProps } from './RectangleSkeleton';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/Skeleton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC"}

package/lib/components/Skeleton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Skeleton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEzD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAEnE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC","sourcesContent":["export { default as LineSkeleton } from './LineSkeleton';\nexport { LineSkeletonProps } from './LineSkeleton';\nexport { default as ParagraphSkeleton } from './ParagraphSkeleton';\nexport { ParagraphSkeletonProps } from './ParagraphSkeleton';\nexport { default as RectangleSkeleton } from './RectangleSkeleton';\nexport { RectangleSkeletonProps } from './RectangleSkeleton';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Skeleton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEzD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAEnE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC","sourcesContent":["export { default as LineSkeleton } from './LineSkeleton';\nexport type { LineSkeletonProps } from './LineSkeleton';\nexport { default as ParagraphSkeleton } from './ParagraphSkeleton';\nexport type { ParagraphSkeletonProps } from './ParagraphSkeleton';\nexport { default as RectangleSkeleton } from './RectangleSkeleton';\nexport type { RectangleSkeletonProps } from './RectangleSkeleton';\n"]}

package/lib/components/SkipLinks/SkipLinks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SkipLinks.d.ts","sourceRoot":"","sources":["../../../src/components/SkipLinks/SkipLinks.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAqB,MAAM,OAAO,CAAC;AAS9C,UAAU,QAAQ;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC;CACjD;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,QAAQ,EAAE,CAAC;CACnB;AAED,eAAO,MAAM,eAAe,8TAuB1B,CAAC;AAIH,QAAA,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAgEhC,CAAC;AAEH,eAAe,SAAS,CAAC"}
+{"version":3,"file":"SkipLinks.d.ts","sourceRoot":"","sources":["../../../src/components/SkipLinks/SkipLinks.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAQ,MAAM,OAAO,CAAC;AAgBjC,UAAU,QAAQ;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC;CACjD;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,QAAQ,EAAE,CAAC;CACnB;AASD,eAAO,MAAM,eAAe,8TAkB1B,CAAC;AAgBH,QAAA,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAiFhC,CAAC;AAEH,eAAe,SAAS,CAAC"}

package/lib/components/SkipLinks/SkipLinks.js

@@ -1,56 +1,52 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo, useCallback } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
 import styled, { css } from 'styled-components';
 import { hideVisually } from 'polished';
+import { Shortcut } from 'shortcuts';
 import { defaultThemeProp } from '../../theme';
-import Button, { StyledButton } from '../Button';
+import { focusHeadingOrContainer } from '../../utils';
+import Button, { StyledButtonLink } from '../Button';
 import Popover from '../Popover';
 import Flex from '../Flex';
+import { Keyboard } from '../Badges';
+import Text from '../Text';
+import Grid from '../Grid';
+import { useI18n, useShortcutManager, useUID } from '../../hooks';
+const StyledSkipLinksItems = styled.div `
+  & > ${StyledButtonLink} {
+    display: block;
+    margin-inline-start: 0;
+  }
+`;
 export const StyledSkipLinks = styled(Popover)(props => {
-    const { theme: { base: { 'z-index': zIndices, spacing } } } = props;
+    const { theme: { base: { 'z-index': zIndices } } } = props;
     const z = Math.max(...Object.values(zIndices)) + 1;
     return css `
     position: fixed;
     z-index: ${z};
-    padding: ${spacing};
-
-    & > ${StyledButton} {
-      margin: 0;
-      display: block;
-    }
 
     &:not(:focus-within) {
+      z-index: -1;
       ${hideVisually}
     }
   `;
 });
 StyledSkipLinks.defaultProps = defaultThemeProp;
+const StyledShortcuts = styled.div(({ theme }) => {
+    return css `
+    border-block-start: 0.0625rem solid ${theme.base.palette['border-line']};
+
+    [role='listitem'] {
+      display: contents;
+    }
+  `;
+});
+StyledShortcuts.defaultProps = defaultThemeProp;
 const SkipLinks = memo(({ items }) => {
-    const onClick = useCallback((item) => {
-        const selectedEl = document.querySelector(item.target.selector);
-        const container = selectedEl ?? document;
-        const heading = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'].reduce((el, tag) => el ?? container.querySelector(tag), null);
-        const target = heading ?? selectedEl;
-        if (!target)
-            return;
-        if (target === selectedEl && !selectedEl.hasAttribute('aria-label')) {
-            selectedEl.setAttribute('aria-label', item.target.ariaLabel);
-            selectedEl.addEventListener('focusout', () => {
-                selectedEl.removeAttribute('aria-label');
-            }, { once: true });
-        }
-        if (target.hasAttribute('tabindex')) {
-            target.focus();
-        }
-        else {
-            target.setAttribute('tabindex', '-1');
-            target.focus();
-            target.addEventListener('focusout', () => {
-                target.removeAttribute('tabindex');
-            }, { once: true });
-        }
-    }, []);
-    return (_jsx(Flex, { as: StyledSkipLinks, container: { gap: 0.5, direction: 'column' }, show: true, placement: 'bottom-end', target: {
+    const bindings = useShortcutManager();
+    const t = useI18n();
+    const shortcutHeadingId = useUID();
+    return (_jsxs(Flex, { as: StyledSkipLinks, container: { direction: 'column' }, placement: 'bottom-end', target: {
             getBoundingClientRect: () => ({
                 height: 0,
                 width: 0,
@@ -61,7 +57,20 @@ const SkipLinks = memo(({ items }) => {
                 left: 24,
                 right: 24
             })
-        }, children: items.map(item => (_jsx(Button, { variant: 'link', onClick: () => onClick(item), children: item.label }, item.label))) }));
+        }, modifiers: [
+            {
+                name: 'placeAndContain',
+                enabled: false
+            }
+        ], "data-app-region": true, "aria-label": t('skip_navigation_menu_label'), children: [_jsx(Flex, { container: { direction: 'column', gap: 0.5, pad: 1 }, as: StyledSkipLinksItems, children: items.map(item => (_jsx(Button, { variant: 'link', onClick: () => focusHeadingOrContainer(document.querySelector(item.target.selector) ?? document, item.target.ariaLabel), children: item.label }, item.label))) }), Object.entries(bindings).length > 0 && (_jsxs(Flex, { container: { direction: 'column', gap: 1, pad: 1 }, as: StyledShortcuts, children: [_jsx(Text, { variant: 'h2', as: 'span', id: shortcutHeadingId, children: t('shortcuts') }), _jsx(Grid, { container: {
+                            cols: 'auto minmax(0, 1fr)',
+                            gap: 1,
+                            alignItems: 'center'
+                        }, role: 'list', "aria-labelledby": shortcutHeadingId, children: Object.entries(bindings).map(([actionId, { keyBinding }]) => {
+                            return (_jsxs("div", { role: 'listitem', children: [_jsx(Text, { children: t(`shortcut_${actionId}`) }), _jsx(Flex, { container: { gap: 0.5 }, children: Shortcut.shortcut2accelerator(keyBinding)
+                                            .split('+')
+                                            .map(key => (_jsx(Keyboard, { keyName: key }, key))) })] }, actionId));
+                        }) })] }))] }));
 });
 export default SkipLinks;
 //# sourceMappingURL=SkipLinks.js.map

package/lib/components/SkipLinks/SkipLinks.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkipLinks.js","sourceRoot":"","sources":["../../../src/components/SkipLinks/SkipLinks.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,IAAI,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,MAAM,EAAE,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,OAAO,MAAM,YAAY,CAAC;AACjC,OAAO,IAAI,MAAM,SAAS,CAAC;AAW3B,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,EAAE;IACrD,MAAM,EACJ,KAAK,EAAE,EACL,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,EACvC,EACF,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC;IAEnD,OAAO,GAAG,CAAA;;eAEG,CAAC;eACD,OAAO;;UAEZ,YAAY;;;;;;QAMd,YAAY;;GAEjB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEhD,MAAM,SAAS,GAAuB,IAAI,CAAC,CAAC,EAAE,KAAK,EAAkB,EAAE,EAAE;IACvE,MAAM,OAAO,GAAG,WAAW,CAAC,CAAC,IAAc,EAAE,EAAE;QAC7C,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAgB,CAAC;QAC/E,MAAM,SAAS,GAAG,UAAU,IAAI,QAAQ,CAAC;QAEzC,MAAM,OAAO,GACX,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CACpC,CAAC,MAAM,CAA4B,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,EAAE,IAAI,SAAS,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC;QAE3F,MAAM,MAAM,GAAG,OAAO,IAAI,UAAU,CAAC;QACrC,IAAI,CAAC,MAAM;YAAE,OAAO;QAEpB,IAAI,MAAM,KAAK,UAAU,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,YAAY,CAAC,EAAE;YACnE,UAAU,CAAC,YAAY,CAAC,YAAY,EAAE,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;YAC7D,UAAU,CAAC,gBAAgB,CACzB,UAAU,EACV,GAAG,EAAE;gBACH,UAAU,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;YAC3C,CAAC,EACD,EAAE,IAAI,EAAE,IAAI,EAAE,CACf,CAAC;SACH;QAED,IAAI,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE;YACnC,MAAM,CAAC,KAAK,EAAE,CAAC;SAChB;aAAM;YACL,MAAM,CAAC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;YACtC,MAAM,CAAC,KAAK,EAAE,CAAC;YACf,MAAM,CAAC,gBAAgB,CACrB,UAAU,EACV,GAAG,EAAE;gBACH,MAAM,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;YACrC,CAAC,EACD,EAAE,IAAI,EAAE,IAAI,EAAE,CACf,CAAC;SACH;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,KAAC,IAAI,IACH,EAAE,EAAE,eAAe,EACnB,SAAS,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,EAC5C,IAAI,QACJ,SAAS,EAAC,YAAY,EACtB,MAAM,EAAE;YACN,qBAAqB,EAAE,GAAG,EAAE,CAAC,CAAC;gBAC5B,MAAM,EAAE,CAAC;gBACT,KAAK,EAAE,CAAC;gBACR,CAAC,EAAE,EAAE;gBACL,CAAC,EAAE,EAAE;gBACL,GAAG,EAAE,EAAE;gBACP,MAAM,EAAE,EAAE;gBACV,IAAI,EAAE,EAAE;gBACR,KAAK,EAAE,EAAE;aACV,CAAC;SACH,YAEA,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACjB,KAAC,MAAM,IAAC,OAAO,EAAC,MAAM,EAAkB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,YACjE,IAAI,CAAC,KAAK,IADe,IAAI,CAAC,KAAK,CAE7B,CACV,CAAC,GACG,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC","sourcesContent":["import { FC, memo, useCallback } from 'react';\nimport styled, { css } from 'styled-components';\nimport { hideVisually } from 'polished';\n\nimport { defaultThemeProp } from '../../theme';\nimport Button, { StyledButton } from '../Button';\nimport Popover from '../Popover';\nimport Flex from '../Flex';\n\ninterface SkipLink {\n  label: string;\n  target: { ariaLabel: string; selector: string };\n}\n\nexport interface SkipLinksProps {\n  items: SkipLink[];\n}\n\nexport const StyledSkipLinks = styled(Popover)(props => {\n  const {\n    theme: {\n      base: { 'z-index': zIndices, spacing }\n    }\n  } = props;\n\n  const z = Math.max(...Object.values(zIndices)) + 1;\n\n  return css`\n    position: fixed;\n    z-index: ${z};\n    padding: ${spacing};\n\n    & > ${StyledButton} {\n      margin: 0;\n      display: block;\n    }\n\n    &:not(:focus-within) {\n      ${hideVisually}\n    }\n  `;\n});\n\nStyledSkipLinks.defaultProps = defaultThemeProp;\n\nconst SkipLinks: FC<SkipLinksProps> = memo(({ items }: SkipLinksProps) => {\n  const onClick = useCallback((item: SkipLink) => {\n    const selectedEl = document.querySelector(item.target.selector) as HTMLElement;\n    const container = selectedEl ?? document;\n\n    const heading = (\n      ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'] as const\n    ).reduce<HTMLHeadingElement | null>((el, tag) => el ?? container.querySelector(tag), null);\n\n    const target = heading ?? selectedEl;\n    if (!target) return;\n\n    if (target === selectedEl && !selectedEl.hasAttribute('aria-label')) {\n      selectedEl.setAttribute('aria-label', item.target.ariaLabel);\n      selectedEl.addEventListener(\n        'focusout',\n        () => {\n          selectedEl.removeAttribute('aria-label');\n        },\n        { once: true }\n      );\n    }\n\n    if (target.hasAttribute('tabindex')) {\n      target.focus();\n    } else {\n      target.setAttribute('tabindex', '-1');\n      target.focus();\n      target.addEventListener(\n        'focusout',\n        () => {\n          target.removeAttribute('tabindex');\n        },\n        { once: true }\n      );\n    }\n  }, []);\n\n  return (\n    <Flex\n      as={StyledSkipLinks}\n      container={{ gap: 0.5, direction: 'column' }}\n      show\n      placement='bottom-end'\n      target={{\n        getBoundingClientRect: () => ({\n          height: 0,\n          width: 0,\n          x: 24,\n          y: 24,\n          top: 24,\n          bottom: 24,\n          left: 24,\n          right: 24\n        })\n      }}\n    >\n      {items.map(item => (\n        <Button variant='link' key={item.label} onClick={() => onClick(item)}>\n          {item.label}\n        </Button>\n      ))}\n    </Flex>\n  );\n});\n\nexport default SkipLinks;\n"]}
+{"version":3,"file":"SkipLinks.js","sourceRoot":"","sources":["../../../src/components/SkipLinks/SkipLinks.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FC, memo } from 'react';\nimport styled, { css } from 'styled-components';\nimport { hideVisually } from 'polished';\nimport { Shortcut } from 'shortcuts';\n\nimport { defaultThemeProp } from '../../theme';\nimport { focusHeadingOrContainer } from '../../utils';\nimport Button, { StyledButtonLink } from '../Button';\nimport Popover from '../Popover';\nimport Flex from '../Flex';\nimport { Keyboard } from '../Badges';\nimport Text from '../Text';\nimport Grid from '../Grid';\nimport { useI18n, useShortcutManager, useUID } from '../../hooks';\nimport { Translation } from '../../i18n';\n\ninterface SkipLink {\n  label: string;\n  target: { ariaLabel: string; selector: string };\n}\n\nexport interface SkipLinksProps {\n  items: SkipLink[];\n}\n\nconst StyledSkipLinksItems = styled.div`\n  & > ${StyledButtonLink} {\n    display: block;\n    margin-inline-start: 0;\n  }\n`;\n\nexport const StyledSkipLinks = styled(Popover)(props => {\n  const {\n    theme: {\n      base: { 'z-index': zIndices }\n    }\n  } = props;\n\n  const z = Math.max(...Object.values(zIndices)) + 1;\n\n  return css`\n    position: fixed;\n    z-index: ${z};\n\n    &:not(:focus-within) {\n      z-index: -1;\n      ${hideVisually}\n    }\n  `;\n});\n\nStyledSkipLinks.defaultProps = defaultThemeProp;\n\nconst StyledShortcuts = styled.div(({ theme }) => {\n  return css`\n    border-block-start: 0.0625rem solid ${theme.base.palette['border-line']};\n\n    [role='listitem'] {\n      display: contents;\n    }\n  `;\n});\n\nStyledShortcuts.defaultProps = defaultThemeProp;\n\nconst SkipLinks: FC<SkipLinksProps> = memo(({ items }: SkipLinksProps) => {\n  const bindings = useShortcutManager();\n  const t = useI18n();\n  const shortcutHeadingId = useUID();\n\n  return (\n    <Flex\n      as={StyledSkipLinks}\n      container={{ direction: 'column' }}\n      placement='bottom-end'\n      target={{\n        getBoundingClientRect: () => ({\n          height: 0,\n          width: 0,\n          x: 24,\n          y: 24,\n          top: 24,\n          bottom: 24,\n          left: 24,\n          right: 24\n        })\n      }}\n      modifiers={[\n        {\n          name: 'placeAndContain',\n          enabled: false\n        }\n      ]}\n      data-app-region\n      aria-label={t('skip_navigation_menu_label')}\n    >\n      <Flex container={{ direction: 'column', gap: 0.5, pad: 1 }} as={StyledSkipLinksItems}>\n        {items.map(item => (\n          <Button\n            variant='link'\n            key={item.label}\n            onClick={() =>\n              focusHeadingOrContainer(\n                document.querySelector(item.target.selector) ?? document,\n                item.target.ariaLabel\n              )\n            }\n          >\n            {item.label}\n          </Button>\n        ))}\n      </Flex>\n\n      {Object.entries(bindings).length > 0 && (\n        <Flex container={{ direction: 'column', gap: 1, pad: 1 }} as={StyledShortcuts}>\n          <Text variant='h2' as='span' id={shortcutHeadingId}>\n            {t('shortcuts')}\n          </Text>\n          <Grid\n            container={{\n              cols: 'auto minmax(0, 1fr)',\n              gap: 1,\n              alignItems: 'center'\n            }}\n            role='list'\n            aria-labelledby={shortcutHeadingId}\n          >\n            {Object.entries(bindings).map(([actionId, { keyBinding }]) => {\n              return (\n                <div role='listitem' key={actionId}>\n                  <Text>{t(`shortcut_${actionId}` as keyof Translation)}</Text>\n                  <Flex container={{ gap: 0.5 }}>\n                    {Shortcut.shortcut2accelerator(keyBinding)\n                      .split('+')\n                      .map(key => (\n                        <Keyboard keyName={key} key={key} />\n                      ))}\n                  </Flex>\n                </div>\n              );\n            })}\n          </Grid>\n        </Flex>\n      )}\n    </Flex>\n  );\n});\n\nexport default SkipLinks;\n"]}

package/lib/components/SkipLinks/index.d.ts

@@ -1,4 +1,4 @@
 export { default } from './SkipLinks';
 export { StyledSkipLinks } from './SkipLinks';
-export { SkipLinksProps } from './SkipLinks';
+export type { SkipLinksProps } from './SkipLinks';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/SkipLinks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SkipLinks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SkipLinks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}

package/lib/components/SkipLinks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SkipLinks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC","sourcesContent":["export { default } from './SkipLinks';\nexport { StyledSkipLinks } from './SkipLinks';\nexport { SkipLinksProps } from './SkipLinks';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SkipLinks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC","sourcesContent":["export { default } from './SkipLinks';\nexport { StyledSkipLinks } from './SkipLinks';\nexport type { SkipLinksProps } from './SkipLinks';\n"]}

package/lib/components/Slider/Slider.d.ts

@@ -1,6 +1,8 @@
 import { FunctionComponent } from 'react';
 import { ForwardProps } from '../../types';
 import SliderProps from './Slider.types';
-declare const Slider: FunctionComponent<SliderProps & ForwardProps>;
-export default Slider;
+declare const _default: FunctionComponent<SliderProps & ForwardProps> & {
+    getTestIds: (testIdProp?: string | undefined) => import("../../types").TestIdsRecord<readonly ["control", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
+};
+export default _default;
 //# sourceMappingURL=Slider.d.ts.map

package/lib/components/Slider/Slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EAUlB,MAAM,OAAO,CAAC;AAOf,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAG3C,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAYzC,QAAA,MAAM,MAAM,EAAE,iBAAiB,CAAC,WAAW,GAAG,YAAY,CAyOzD,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EAUlB,MAAM,OAAO,CAAC;AAOf,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAG3C,OAAO,WAAW,MAAM,gBAAgB,CAAC;;;;AA6PzC,wBAAqD"}