@chayns-components/core 5.4.6-alpha.0 → 5.4.6

package/lib/esm/utils/keyboardFocusHighlighting.styles.js

@@ -1,24 +0,0 @@
-import { css } from 'styled-components';
-
-/**
- * Shared focus ring for components with keyboard-only highlighting.
- * Apply this only when keyboard highlighting is enabled/active.
- */
-export const keyboardFocusHighlightingRingCss = css`
-    outline: solid 2px color-mix(in srgb, white 70%, transparent);
-    box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.3);
-    border-radius: 3px;
-    outline-offset: 1px;
-`;
-
-/**
- * Circular focus ring variant for round controls (e.g. RadioButton).
- */
-export const keyboardFocusHighlightingCircleRingCss = css`
-    outline: solid 2px color-mix(in srgb, white 70%, transparent);
-    box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.3);
-    border-radius: 50%;
-    outline-offset: 1px;
-    color: white;
-`;
-//# sourceMappingURL=keyboardFocusHighlighting.styles.js.map

package/lib/esm/utils/keyboardFocusHighlighting.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"keyboardFocusHighlighting.styles.js","names":["css","keyboardFocusHighlightingRingCss","keyboardFocusHighlightingCircleRingCss"],"sources":["../../../src/utils/keyboardFocusHighlighting.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\n\n/**\n * Shared focus ring for components with keyboard-only highlighting.\n * Apply this only when keyboard highlighting is enabled/active.\n */\nexport const keyboardFocusHighlightingRingCss = css`\n    outline: solid 2px color-mix(in srgb, white 70%, transparent);\n    box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.3);\n    border-radius: 3px;\n    outline-offset: 1px;\n`;\n\n/**\n * Circular focus ring variant for round controls (e.g. RadioButton).\n */\nexport const keyboardFocusHighlightingCircleRingCss = css`\n    outline: solid 2px color-mix(in srgb, white 70%, transparent);\n    box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.3);\n    border-radius: 50%;\n    outline-offset: 1px;\n    color: white;\n`;\n"],"mappings":"AAAA,SAASA,GAAG,QAAQ,mBAAmB;;AAEvC;AACA;AACA;AACA;AACA,OAAO,MAAMC,gCAAgC,GAAGD,GAAG;AACnD;AACA;AACA;AACA;AACA,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAME,sCAAsC,GAAGF,GAAG;AACzD;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/lib/types/components/list/list-item/useListItemFocus.d.ts

@@ -1,13 +0,0 @@
-import { type FocusEvent } from 'react';
-type UseListItemFocusParams = {
-    uuid: string;
-    listGroupUuid?: string;
-    isInKeyboardNavigationGroup: boolean;
-    updateActiveListItemUuid?: (uuid?: string) => void;
-};
-export declare const useListItemFocus: ({ uuid, listGroupUuid, isInKeyboardNavigationGroup, updateActiveListItemUuid, }: UseListItemFocusParams) => {
-    isFocusWithinListItem: boolean;
-    handleFocus: (event: FocusEvent<HTMLDivElement>) => void;
-    handleBlur: (event: FocusEvent<HTMLDivElement>) => void;
-};
-export {};

package/lib/types/components/slider-button/SliderButton.types.d.ts

@@ -1,32 +0,0 @@
-import type { SliderButtonItem } from '../../types/slider-button';
-export type SliderButtonProps = {
-    /**
-     * Whether the button is disabled and cannot be clicked anymore.
-     */
-    isDisabled?: boolean;
-    /**
-     * Displays the button in the secondary style.
-     */
-    isSecondary?: boolean;
-    /**
-     * The items that should be displayed in the slider button.
-     */
-    items: SliderButtonItem[];
-    /**
-     * Function to be executed when a button is selected. The id of the selected button is passed as an argument.
-     * @param id
-     */
-    onChange?: (id: string) => void;
-    /**
-     * The id of the button that should be selected.
-     */
-    selectedButtonId?: string;
-    /**
-     *
-     */
-    isRounded?: boolean;
-    /**
-     * Enables keyboard-only focus highlighting.
-     */
-    shouldEnableKeyboardHighlighting?: boolean;
-};

package/lib/types/components/slider-button/useSliderButtonPopupKeyboard.d.ts

@@ -1,17 +0,0 @@
-import type { KeyboardEventHandler, MutableRefObject } from 'react';
-import type { PopupRef } from '../../types/popup';
-import type { SliderButtonItem } from '../../types/slider-button';
-type UseSliderButtonPopupKeyboardProps = {
-    isPopupOpen: boolean;
-    popupItems: SliderButtonItem[];
-    currentPopupId: string;
-    shownItemsCount: number;
-    popupItemRefs: MutableRefObject<Array<HTMLDivElement | null>>;
-    popupRef: MutableRefObject<PopupRef | null>;
-    focusThumb: VoidFunction;
-    onSelectPopupItem: (id: string, index: number) => void;
-};
-export declare const useSliderButtonPopupKeyboard: ({ isPopupOpen, popupItems, currentPopupId, shownItemsCount, popupItemRefs, popupRef, focusThumb, onSelectPopupItem, }: UseSliderButtonPopupKeyboardProps) => {
-    handlePopupKeyDown: KeyboardEventHandler<HTMLDivElement>;
-};
-export {};

package/lib/types/components/slider-button/useSliderButtonThumbKeyboard.d.ts

@@ -1,13 +0,0 @@
-import type { KeyboardEventHandler } from 'react';
-import type { SliderButtonItem } from '../../types/slider-button';
-type UseSliderButtonThumbKeyboardProps = {
-    currentId: string;
-    currentIndex: number;
-    shownItemsCount: number;
-    items: SliderButtonItem[];
-    onSelectThumbItem: (id: string, index: number) => void;
-};
-export declare const useSliderButtonThumbKeyboard: ({ currentId, currentIndex, shownItemsCount, items, onSelectThumbItem, }: UseSliderButtonThumbKeyboardProps) => {
-    handleThumbKeyDown: KeyboardEventHandler<HTMLDivElement>;
-};
-export {};

package/lib/types/hooks/useKeyboardFocusHighlighting.d.ts

@@ -1,5 +0,0 @@
-/**
- * Tracks whether focus highlighting should be visible for keyboard navigation.
- * Keyboard mode is enabled via Tab and reset by mouse interaction.
- */
-export declare const useKeyboardFocusHighlighting: (isEnabledProp?: boolean) => boolean;

package/lib/types/utils/keyboardFocusHighlighting.styles.d.ts

@@ -1,9 +0,0 @@
-/**
- * Shared focus ring for components with keyboard-only highlighting.
- * Apply this only when keyboard highlighting is enabled/active.
- */
-export declare const keyboardFocusHighlightingRingCss: import("styled-components").RuleSet<object>;
-/**
- * Circular focus ring variant for round controls (e.g. RadioButton).
- */
-export declare const keyboardFocusHighlightingCircleRingCss: import("styled-components").RuleSet<object>;