@ssa-ui-kit/core 2.26.1 → 2.27.1

package/dist/components/Charts/PieChart/types.d.ts

@@ -6,6 +6,7 @@ export interface PieChartTooltipProps {
     isEnabled?: boolean;
     isFullscreenEnabled?: boolean;
     dimension?: string;
+    className?: string;
     outputType?: 'value' | 'value+dimension' | 'dimension' | 'percentage' | 'value+percentage' | 'percentage+value' | 'value+dimension+percentage';
     valueRoundingDigits?: number | false;
     percentageRoundingDigits?: number;
@@ -57,4 +58,5 @@ export type PieChartTooltipViewProps = {
         x: number;
         y: number;
     } | null;
+    className?: string;
 };

package/dist/components/Typeahead/Typeahead.d.ts

@@ -8,4 +8,4 @@ import { TypeaheadProps } from './types';
  * Aria attributes are set according to
  * https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/
  **/
-export declare const Typeahead: ({ name, label, selectedItems, defaultSelectedItems, isOpen, isDisabled, isMultiple, children, className, startIcon, endIcon, error, success, helperText, validationSchema, placeholder, startIconClassName, endIconClassName, optionsClassName, wrapperClassName, filterOptions, width, onChange, onEmptyChange, onClearAll, onRemoveSelectedClick, renderOption, }: TypeaheadProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Typeahead: ({ name, label, selectedItems, defaultSelectedItems, isOpen, isDisabled, isMultiple, children, className, startIcon, endIcon, error, success, helperText, validationSchema, placeholder, startIconClassName, endIconClassName, popoverClassName, optionsClassName, wrapperClassName, filterOptions, width, onChange, onEmptyChange, onClearAll, onRemoveSelectedClick, renderOption, }: TypeaheadProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Typeahead/types.d.ts

@@ -9,6 +9,7 @@ export interface TypeaheadProps {
     isDisabled?: boolean;
     children?: React.ReactNode;
     className?: string;
+    popoverClassName?: string;
     optionsClassName?: string;
     wrapperClassName?: string;
     width?: string | number;

package/dist/index.js

@@ -6771,7 +6771,8 @@ const PieChartTooltip = /*#__PURE__*/(0,external_react_namespaceObject.forwardRe
   dimension,
   isFullscreenMode,
   position,
-  isOpen
+  isOpen,
+  className
 }, ref) {
   const theme = (0,react_namespaceObject.useTheme)();
   if (!isOpen) {
@@ -6797,6 +6798,7 @@ const PieChartTooltip = /*#__PURE__*/(0,external_react_namespaceObject.forwardRe
       visibility: point ? 'visible' : 'hidden',
       zIndex: 10
     },  true ? "" : 0,  true ? "" : 0),
+    className: className,
     children: point && (0,jsx_runtime_namespaceObject.jsxs)((external_react_default()).Fragment, {
       children: [(0,jsx_runtime_namespaceObject.jsx)("div", {
         css: /*#__PURE__*/(0,react_namespaceObject.css)({
@@ -7037,6 +7039,7 @@ const PieChartInternal = ({
               position: tooltipPosition,
               dimension: dimension,
               outputType: outputType,
+              className: tooltipProps?.className,
               isFullscreenMode: isFullscreenMode,
               ref: refs.setFloating
             })
@@ -19392,6 +19395,7 @@ const Typeahead = ({
   placeholder = 'Select something',
   startIconClassName,
   endIconClassName,
+  popoverClassName,
   optionsClassName,
   wrapperClassName,
   filterOptions,
@@ -19451,6 +19455,7 @@ const Typeahead = ({
         children: (0,jsx_runtime_namespaceObject.jsx)(TypeaheadFocusTrap, {
           children: (0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
             children: [(0,jsx_runtime_namespaceObject.jsx)(TypeaheadTrigger_TypeaheadTrigger, {}), (0,jsx_runtime_namespaceObject.jsx)(PopoverContent, {
+              className: popoverClassName,
               css: /*#__PURE__*/(0,react_namespaceObject.css)({
                 width: hookResult.triggerRef.current?.clientWidth,
                 boxShadow: `-4px 4px 14px 0px ${theme.colors.greyDarker14}`,