sag_components 2.0.0-beta34 → 2.0.0-beta340

package/dist/types/components/TwoBarCharts/TwoBarCharts.stories.d.ts

@@ -0,0 +1,172 @@
+declare namespace _default {
+    export const title: string;
+    export { TwoBarCharts as component };
+    export const tags: string[];
+    export namespace argTypes {
+        export namespace title_1 {
+            const control: string;
+            const description: string;
+        }
+        export { title_1 as title };
+        export namespace width {
+            const control_1: string;
+            export { control_1 as control };
+            const description_1: string;
+            export { description_1 as description };
+        }
+        export namespace height {
+            const control_2: string;
+            export { control_2 as control };
+            const description_2: string;
+            export { description_2 as description };
+        }
+        export namespace barSize {
+            const control_3: string;
+            export { control_3 as control };
+            const description_3: string;
+            export { description_3 as description };
+        }
+        export namespace barFontSizeValue {
+            const control_4: string;
+            export { control_4 as control };
+            const description_4: string;
+            export { description_4 as description };
+        }
+        export namespace barChartColorFirst {
+            const control_5: string;
+            export { control_5 as control };
+            const description_5: string;
+            export { description_5 as description };
+        }
+        export namespace barChartColorSecond {
+            const control_6: string;
+            export { control_6 as control };
+            const description_6: string;
+            export { description_6 as description };
+        }
+        export namespace barChartData {
+            const description_7: string;
+            export { description_7 as description };
+        }
+        export namespace isDollar {
+            const control_7: string;
+            export { control_7 as control };
+            const description_8: string;
+            export { description_8 as description };
+        }
+        export namespace showDollarSign {
+            const control_8: string;
+            export { control_8 as control };
+            const description_9: string;
+            export { description_9 as description };
+        }
+        export namespace showLegend {
+            const control_9: string;
+            export { control_9 as control };
+            const description_10: string;
+            export { description_10 as description };
+        }
+        export namespace yAxisCounter {
+            const control_10: string;
+            export { control_10 as control };
+            const description_11: string;
+            export { description_11 as description };
+        }
+        export namespace isPercentValue {
+            const control_11: string;
+            export { control_11 as control };
+            const description_12: string;
+            export { description_12 as description };
+        }
+        export namespace showReferenceLine {
+            const control_12: string;
+            export { control_12 as control };
+            const description_13: string;
+            export { description_13 as description };
+        }
+        export namespace referenceLinePoint {
+            const control_13: string;
+            export { control_13 as control };
+            const description_14: string;
+            export { description_14 as description };
+        }
+        export namespace referenceLineColor {
+            const control_14: string;
+            export { control_14 as control };
+            const description_15: string;
+            export { description_15 as description };
+        }
+        export namespace referenceLineDashed {
+            const control_15: string;
+            export { control_15 as control };
+            const description_16: string;
+            export { description_16 as description };
+        }
+        export namespace showTooltip {
+            const control_16: string;
+            export { control_16 as control };
+            const description_17: string;
+            export { description_17 as description };
+        }
+        export namespace tooltipText {
+            const control_17: string;
+            export { control_17 as control };
+            const description_18: string;
+            export { description_18 as description };
+        }
+    }
+}
+export default _default;
+export namespace SalesDollars {
+    namespace args {
+        const title_2: string;
+        export { title_2 as title };
+        export { arrData as barChartData };
+        export const legendData: {
+            title: string;
+            iconType: string;
+            iconColor: string;
+        }[];
+        const width_1: string;
+        export { width_1 as width };
+        const height_1: string;
+        export { height_1 as height };
+        const barChartColorFirst_1: string;
+        export { barChartColorFirst_1 as barChartColorFirst };
+        const barChartColorSecond_1: string;
+        export { barChartColorSecond_1 as barChartColorSecond };
+        const barSize_1: number;
+        export { barSize_1 as barSize };
+        const barFontSizeValue_1: string;
+        export { barFontSizeValue_1 as barFontSizeValue };
+        const yAxisCounter_1: number;
+        export { yAxisCounter_1 as yAxisCounter };
+        const isPercentValue_1: boolean;
+        export { isPercentValue_1 as isPercentValue };
+        const showLegend_1: boolean;
+        export { showLegend_1 as showLegend };
+        const isDollar_1: boolean;
+        export { isDollar_1 as isDollar };
+        const showDollarSign_1: boolean;
+        export { showDollarSign_1 as showDollarSign };
+        const showTooltip_1: boolean;
+        export { showTooltip_1 as showTooltip };
+        const showReferenceLine_1: boolean;
+        export { showReferenceLine_1 as showReferenceLine };
+        const referenceLinePoint_1: number;
+        export { referenceLinePoint_1 as referenceLinePoint };
+        const referenceLineColor_1: string;
+        export { referenceLineColor_1 as referenceLineColor };
+        const referenceLineDashed_1: string;
+        export { referenceLineDashed_1 as referenceLineDashed };
+        const tooltipText_1: string;
+        export { tooltipText_1 as tooltipText };
+    }
+}
+import { TwoBarCharts } from "./TwoBarCharts";
+declare const arrData: {
+    title: string;
+    date: string;
+    valueOne: number;
+    valueTwo: number;
+}[];

package/dist/types/components/WeeksPicker/WeeksCalendar.d.ts

@@ -0,0 +1,40 @@
+export default WeeksCalendar;
+/**
+ * WeeksCalendar
+ * -------------
+ * Props
+ * • year               — four-digit year (required)
+ * • defaultStartWeek   — number | null
+ * • defaultEndWeek     — number | null
+ * • backgroundColor    — string (default: "#066768")
+ * • hoverBackgroundColor — string (default: "#E6F0F0")
+ * • allowedWeekRange   — { startWeek: number, endWeek: number } | null
+ * • onApply(start,end) — callback, both numbers (inclusive)
+ * • onCancel()         — callback
+ */
+declare function WeeksCalendar({ year, defaultStartWeek, defaultEndWeek, backgroundColor, hoverBackgroundColor, allowedWeekRange, onApply, onCancel, }: {
+    year: any;
+    defaultStartWeek?: any;
+    defaultEndWeek?: any;
+    backgroundColor?: string;
+    hoverBackgroundColor?: string;
+    allowedWeekRange?: any;
+    onApply: any;
+    onCancel: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace WeeksCalendar {
+    namespace propTypes {
+        const year: PropTypes.Validator<number>;
+        const defaultStartWeek: PropTypes.Requireable<number>;
+        const defaultEndWeek: PropTypes.Requireable<number>;
+        const backgroundColor: PropTypes.Requireable<string>;
+        const hoverBackgroundColor: PropTypes.Requireable<string>;
+        const allowedWeekRange: PropTypes.Requireable<PropTypes.InferProps<{
+            startWeek: PropTypes.Validator<number>;
+            endWeek: PropTypes.Validator<number>;
+        }>>;
+        const onApply: PropTypes.Validator<(...args: any[]) => any>;
+        const onCancel: PropTypes.Requireable<(...args: any[]) => any>;
+    }
+}
+import PropTypes from "prop-types";

package/dist/types/components/WeeksPicker/WeeksCalendar.styles.d.ts

@@ -0,0 +1,5 @@
+export const CalendarWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const Header: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
+export const Grid: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const WeekCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const Footer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -0,0 +1,21 @@
+export default WeeksPicker;
+declare function WeeksPicker({ label, disabled, borderColor, borderColorFocus, textColor, hoverColor, required, placeholder, borderRadius, year, width, height, withMarginBottom, onChange, selectedValue, isDarkerBackground, allowedWeekRange, restrictToRange, }: {
+    label: any;
+    disabled: any;
+    borderColor: any;
+    borderColorFocus: any;
+    textColor: any;
+    hoverColor: any;
+    required: any;
+    placeholder: any;
+    borderRadius: any;
+    year: any;
+    width: any;
+    height: any;
+    withMarginBottom?: boolean;
+    onChange: any;
+    selectedValue: any;
+    isDarkerBackground?: boolean;
+    allowedWeekRange?: any;
+    restrictToRange?: boolean;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/WeeksPicker/WeeksPicker.stories.d.ts

@@ -0,0 +1,124 @@
+declare namespace _default {
+    export const title: string;
+    export { WeeksPicker as component };
+    export const tags: string[];
+    export namespace parameters {
+        const layout: string;
+    }
+    export namespace argTypes {
+        namespace width {
+            const control: string;
+            const name: string;
+        }
+        namespace height {
+            const control_1: string;
+            export { control_1 as control };
+            const name_1: string;
+            export { name_1 as name };
+        }
+        namespace label {
+            const control_2: string;
+            export { control_2 as control };
+            const name_2: string;
+            export { name_2 as name };
+        }
+        namespace placeholder {
+            const control_3: string;
+            export { control_3 as control };
+            const name_3: string;
+            export { name_3 as name };
+        }
+        namespace selectedValue {
+            const control_4: string;
+            export { control_4 as control };
+            const name_4: string;
+            export { name_4 as name };
+        }
+        namespace year {
+            const control_5: string;
+            export { control_5 as control };
+            const name_5: string;
+            export { name_5 as name };
+        }
+        namespace required {
+            const control_6: string;
+            export { control_6 as control };
+            const name_6: string;
+            export { name_6 as name };
+        }
+        namespace disabled {
+            const control_7: string;
+            export { control_7 as control };
+            const name_7: string;
+            export { name_7 as name };
+        }
+        namespace text {
+            const control_8: string;
+            export { control_8 as control };
+            const name_8: string;
+            export { name_8 as name };
+        }
+        namespace restrictToRange {
+            const control_9: string;
+            export { control_9 as control };
+            const name_9: string;
+            export { name_9 as name };
+        }
+        namespace allowedWeekRange {
+            const control_10: string;
+            export { control_10 as control };
+            const name_10: string;
+            export { name_10 as name };
+        }
+        namespace textColor {
+            const control_11: string;
+            export { control_11 as control };
+            const name_11: string;
+            export { name_11 as name };
+        }
+        namespace borderRadius {
+            const control_12: string;
+            export { control_12 as control };
+            const name_12: string;
+            export { name_12 as name };
+        }
+        namespace borderColor {
+            const control_13: string;
+            export { control_13 as control };
+            const name_13: string;
+            export { name_13 as name };
+        }
+        namespace borderColorFocus {
+            const control_14: string;
+            export { control_14 as control };
+            const name_14: string;
+            export { name_14 as name };
+        }
+        namespace hoverColor {
+            const control_15: string;
+            export { control_15 as control };
+            const name_15: string;
+            export { name_15 as name };
+        }
+        namespace withMarginBottom {
+            const control_16: string;
+            export { control_16 as control };
+            const name_16: string;
+            export { name_16 as name };
+        }
+        namespace onChange {
+            export const action: string;
+            const name_17: string;
+            export { name_17 as name };
+        }
+    }
+}
+export default _default;
+export const Default: any;
+export const Disabled: any;
+export const WithRangeRestriction: any;
+export const DisabledWithRangeRestriction: any;
+export function EventScenario(): import("react/jsx-runtime").JSX.Element;
+export const SingleWeekSelection: any;
+export const NarrowRangeRestriction: any;
+import WeeksPicker from "./WeeksPicker";

package/dist/types/components/WeeksPicker/WeeksPicker.style.d.ts

@@ -0,0 +1,8 @@
+export const WeeksPickerContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const StyledInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
+export const StyledLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
+export const RequiredIndicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export const ErrorLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const OptionsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const InputContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export const CalendarDiv: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/types/icons/ArrowDownIcon.d.ts

@@ -1,6 +1,6 @@
 export function ArrowDownIcon({ clicked, width, height }: {
     clicked: any;
-    width?: string | undefined;
-    height?: string | undefined;
+    width?: string;
+    height?: string;
 }): import("react/jsx-runtime").JSX.Element;
 export default ArrowDownIcon;

package/dist/types/icons/ArrowDropDownIcon.d.ts

@@ -0,0 +1,6 @@
+export function ArrowDropDownIcon({ clicked, width, height }: {
+    clicked: any;
+    width?: string;
+    height?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export default ArrowDropDownIcon;

package/dist/types/icons/ArrowLeftIcon.d.ts

@@ -0,0 +1,7 @@
+export default ArrowLeftIcon;
+declare function ArrowLeftIcon({ width, height, color, ...props }: {
+    [x: string]: any;
+    width?: string;
+    height?: string;
+    color?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/types/icons/ArrowRightFullIcon.d.ts

@@ -0,0 +1,5 @@
+export default ArrowRightFullIcon;
+declare function ArrowRightFullIcon({ width, height, }: {
+    width?: number;
+    height?: number;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/types/icons/ArrowSelectIcon.d.ts

@@ -1,6 +1,6 @@
 export function ArrowSelectIcon({ width, height, color, }: {
-    width?: string | undefined;
-    height?: string | undefined;
-    color?: string | undefined;
+    width?: string;
+    height?: string;
+    color?: string;
 }): import("react/jsx-runtime").JSX.Element;
 export default ArrowSelectIcon;

package/dist/types/icons/ArrowUpIcon.d.ts

@@ -1,6 +1,6 @@
 export function ArrowUpIcon({ clicked, width, height }: {
     clicked: any;
-    width?: string | undefined;
-    height?: string | undefined;
+    width?: string;
+    height?: string;
 }): import("react/jsx-runtime").JSX.Element;
 export default ArrowUpIcon;

package/dist/types/icons/AttachedIcon.d.ts

@@ -1,6 +1,6 @@
 export function AttachedIcon({ width, height, fill }: {
-    width?: string | undefined;
-    height?: string | undefined;
-    fill?: string | undefined;
+    width?: string;
+    height?: string;
+    fill?: string;
 }): import("react/jsx-runtime").JSX.Element;
 export default AttachedIcon;

package/dist/types/icons/BarcodeIcon.d.ts

@@ -0,0 +1,6 @@
+export function BarcodeIcon({ width, height, fill }: {
+    width?: string;
+    height?: string;
+    fill?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export default BarcodeIcon;

package/dist/types/icons/BellIcon.d.ts

@@ -1,6 +1,6 @@
-export function BellIcon({ width, height, color }: {
-    width?: string | undefined;
-    height?: string | undefined;
-    color?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;
 export default BellIcon;
+declare function BellIcon({ width, height, color }: {
+    width?: string;
+    height?: string;
+    color?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/types/icons/ButtonArrowRight.d.ts

@@ -1,5 +1,5 @@
-export function ButtonArrowRight({ width, height }: {
-    width?: string | undefined;
-    height?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;
 export default ButtonArrowRight;
+declare function ButtonArrowRight({ width, height }: {
+    width?: string;
+    height?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/types/icons/Calendar.d.ts

@@ -1,2 +1,4 @@
-export function Calendar(): import("react/jsx-runtime").JSX.Element;
+export function Calendar({ fill }: {
+    fill?: string;
+}): import("react/jsx-runtime").JSX.Element;
 export default Calendar;

package/dist/types/icons/CalendarIcon.d.ts

@@ -0,0 +1,8 @@
+export function CalendarIcon({ clicked, width, height, fill, color }: {
+    clicked: any;
+    width?: string;
+    height?: string;
+    fill?: string;
+    color: any;
+}): import("react/jsx-runtime").JSX.Element;
+export default CalendarIcon;

package/dist/types/icons/CalendarInOpen.d.ts

@@ -1,2 +1,6 @@
-export function CalendarInOpen(): import("react/jsx-runtime").JSX.Element;
+export function CalendarInOpen({ width, height, fill }: {
+    width?: string;
+    height?: string;
+    fill?: string;
+}): import("react/jsx-runtime").JSX.Element;
 export default CalendarInOpen;

package/dist/types/icons/CheckBoxButtonCheckedIcon.d.ts

@@ -1,7 +1,7 @@
 export function CheckBoxButtonCheckedIcon({ clicked, width, height, color, }: {
     clicked: any;
-    width?: string | undefined;
-    height?: string | undefined;
-    color?: string | undefined;
+    width?: string;
+    height?: string;
+    color?: string;
 }): import("react/jsx-runtime").JSX.Element;
 export default CheckBoxButtonCheckedIcon;

package/dist/types/icons/CheckBoxCheckedIcon.d.ts

@@ -1,7 +1,7 @@
 export function CheckBoxCheckedIcon({ clicked, width, height, color }: {
     clicked: any;
-    width?: string | undefined;
-    height?: string | undefined;
-    color?: string | undefined;
+    width?: string;
+    height?: string;
+    color?: string;
 }): import("react/jsx-runtime").JSX.Element;
 export default CheckBoxCheckedIcon;

package/dist/types/icons/CheckBoxIndeterminateIcon.d.ts

@@ -0,0 +1,6 @@
+export function CheckBoxIndeterminateIcon({ width, height, color }: {
+    width?: string;
+    height?: string;
+    color?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export default CheckBoxIndeterminateIcon;

package/dist/types/icons/CheckBoxNotCheckedIcon.d.ts

@@ -1,7 +1,7 @@
 export function CheckBoxNotCheckedIcon({ clicked, width, height, color }: {
     clicked: any;
-    width?: string | undefined;
-    height?: string | undefined;
-    color?: string | undefined;
+    width?: string;
+    height?: string;
+    color?: string;
 }): import("react/jsx-runtime").JSX.Element;
 export default CheckBoxNotCheckedIcon;

package/dist/types/icons/ChervronLeftIcon.d.ts

@@ -1,2 +1,6 @@
-export function ChervronLeftIcon(): import("react/jsx-runtime").JSX.Element;
 export default ChervronLeftIcon;
+declare function ChervronLeftIcon({ width, height, fill, }: {
+    width?: number;
+    height?: number;
+    fill?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/types/icons/ChervronRightIcon.d.ts

@@ -1,2 +1,6 @@
-export function ChervronRightIcon(): import("react/jsx-runtime").JSX.Element;
 export default ChervronRightIcon;
+declare function ChervronRightIcon({ width, height, fill, }: {
+    width?: string;
+    height?: string;
+    fill?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/types/icons/ChevronIcon.d.ts

@@ -0,0 +1,7 @@
+export default ChevronIcon;
+declare function ChevronIcon({ width, height, fill, isOpen, }: {
+    width?: number;
+    height?: number;
+    fill?: string;
+    isOpen?: boolean;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/types/icons/ChevronLeftIcon.d.ts

@@ -1,4 +1,4 @@
-export function ChevronLeftIcon({ disabled, }: {
-    disabled?: boolean | undefined;
-}): import("react/jsx-runtime").JSX.Element;
 export default ChevronLeftIcon;
+declare function ChevronLeftIcon({ disabled, }: {
+    disabled?: boolean;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/types/icons/ChevronRightIcon.d.ts

@@ -1,4 +1,4 @@
-export function ChevronRightIcon({ disabled, }: {
-    disabled?: boolean | undefined;
-}): import("react/jsx-runtime").JSX.Element;
 export default ChevronRightIcon;
+declare function ChevronRightIcon({ disabled, }: {
+    disabled?: boolean;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/types/icons/ClockIcon.d.ts

@@ -1,6 +1,6 @@
 export function ClockIcon({ clicked, width, height }: {
     clicked: any;
-    width?: string | undefined;
-    height?: string | undefined;
+    width?: string;
+    height?: string;
 }): import("react/jsx-runtime").JSX.Element;
 export default ClockIcon;

package/dist/types/icons/CloseIcon.d.ts

@@ -1,6 +1,6 @@
 export function CloseIcon({ width, height, fill, }: {
-    width?: string | undefined;
-    height?: string | undefined;
-    fill?: string | undefined;
+    width?: string;
+    height?: string;
+    fill?: string;
 }): import("react/jsx-runtime").JSX.Element;
 export default CloseIcon;

package/dist/types/icons/CloseXIcon.d.ts

@@ -1,6 +1,6 @@
-export function CloseXIcon({ width, height, fill, }: {
-    width?: string | undefined;
-    height?: string | undefined;
-    fill?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;
 export default CloseXIcon;
+declare function CloseXIcon({ width, height, fill, }: {
+    width?: string;
+    height?: string;
+    fill?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/types/icons/ComboBoxArrowDownIcon.d.ts

@@ -1,7 +1,7 @@
 export function ComboBoxArrowDownIcon({ clicked, width, height, color, }: {
     clicked: any;
-    width?: string | undefined;
-    height?: string | undefined;
-    color?: string | undefined;
+    width?: string;
+    height?: string;
+    color?: string;
 }): import("react/jsx-runtime").JSX.Element;
 export default ComboBoxArrowDownIcon;

package/dist/types/icons/ComboBoxArrowUpIcon.d.ts

@@ -1,7 +1,7 @@
 export function ComboBoxArrowUpIcon({ clicked, width, height, color, }: {
     clicked: any;
-    width?: string | undefined;
-    height?: string | undefined;
-    color?: string | undefined;
+    width?: string;
+    height?: string;
+    color?: string;
 }): import("react/jsx-runtime").JSX.Element;
 export default ComboBoxArrowUpIcon;

package/dist/types/icons/CommentIcon.d.ts

@@ -0,0 +1,7 @@
+export default CommentIcon;
+declare function CommentIcon({ width, height, showCircle, circleColor }: {
+    width?: string;
+    height?: string;
+    showCircle?: boolean;
+    circleColor?: string;
+}): import("react/jsx-runtime").JSX.Element;