@mrshmllw/smores-react 16.2.16 → 16.2.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/Box/Box.d.ts +3 -1
  2. package/dist/Icon/iconFiles/CaretUp.d.ts +2 -4
  3. package/dist/Icon/iconsList.d.ts +2 -4
  4. package/dist/Table/components/commonComponents.d.ts +18 -6
  5. package/dist/Tooltip/Tooltip.d.ts +4 -5
  6. package/dist/fields/components/CommonInput.d.ts +25 -47
  7. package/dist/fields/components/CommonInput.js +1 -1
  8. package/dist/fields/components/CommonInput.js.map +1 -1
  9. package/dist/sharedStyles/shared.styles.d.ts +4 -5
  10. package/package.json +29 -29
package/dist/Box/Box.d.ts CHANGED
@@ -11,4 +11,6 @@ export declare const Box: import("react").ForwardRefExoticComponent<MarginProps
11
11
  as?: ElementType;
12
12
  forwardedAs?: ElementType;
13
13
  } & import("react").RefAttributes<HTMLDivElement>>;
14
- export declare const CustomBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$alignContent" | "$alignItems" | "$columnGap" | "$direction" | "$flex" | "$flow" | "$gap" | "$height" | "$justifyContent" | "$m" | "$maxHeight" | "$maxWidth" | "$mb" | "$minHeight" | "$minWidth" | "$ml" | "$mr" | "$mt" | "$mx" | "$my" | "$p" | "$pb" | "$pl" | "$pr" | "$pt" | "$px" | "$py" | "$rowGap" | "$width" | "$wrap"> & import("..").TransientProps<MarginProps> & import("..").TransientProps<PaddingProps> & import("..").TransientProps<FlexProps> & import("..").TransientProps<MeasureProps>, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$alignContent" | "$alignItems" | "$columnGap" | "$direction" | "$flex" | "$flow" | "$gap" | "$height" | "$justifyContent" | "$m" | "$maxHeight" | "$maxWidth" | "$mb" | "$minHeight" | "$minWidth" | "$ml" | "$mr" | "$mt" | "$mx" | "$my" | "$p" | "$pb" | "$pl" | "$pr" | "$pt" | "$px" | "$py" | "$rowGap" | "$width" | "$wrap"> & import("..").TransientProps<MarginProps> & import("..").TransientProps<PaddingProps> & import("..").TransientProps<FlexProps> & import("..").TransientProps<MeasureProps>, never>>> & string;
14
+ export declare const CustomBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
15
+ style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
16
+ }, TransientBoxProps>> & string;
package/dist/Icon/iconFiles/CaretUp.d.ts CHANGED
@@ -1,7 +1,5 @@
1
1
  import Caret from './Caret';
2
- declare const CaretUp: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<{
2
+ declare const CaretUp: import("styled-components/dist/types").IStyledComponentBase<"web", {
3
3
  className?: string;
4
- }, never> & Partial<Pick<{
5
- className?: string;
6
- }, never>>> & string & Omit<typeof Caret, keyof import("react").Component<any, {}, any>>;
4
+ }> & string & Omit<typeof Caret, keyof import("react").Component<any, {}, any>>;
7
5
  export default CaretUp;
package/dist/Icon/iconsList.d.ts CHANGED
@@ -237,11 +237,9 @@ export declare const iconList: {
237
237
  'car-repairs': typeof CarRepairs;
238
238
  'car-replacement': typeof CarReplacement;
239
239
  'car-usage': typeof CarUsage;
240
- 'caret-up': import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<{
240
+ 'caret-up': import("styled-components/dist/types").IStyledComponentBase<"web", {
241
241
  className?: string;
242
- }, never> & Partial<Pick<{
243
- className?: string;
244
- }, never>>> & string & Omit<typeof Caret, keyof import("react").Component<any, {}, any>>;
242
+ }> & string & Omit<typeof Caret, keyof import("react").Component<any, {}, any>>;
245
243
  'chat-bubble': typeof ChatBubble;
246
244
  'checkout-with-text': typeof CheckoutWithText;
247
245
  'circle-tick': typeof CircleTick;
package/dist/Table/components/commonComponents.d.ts CHANGED
@@ -3,10 +3,18 @@ import { TableStylesProps, type TableProps } from '../types';
3
3
  type StyledTableProps = {
4
4
  $roundedTable: TableProps<unknown>['roundedTable'];
5
5
  };
6
- export declare const StyledTable: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "$roundedTable"> & StyledTableProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "$roundedTable"> & StyledTableProps, never>>> & string;
7
- export declare const StyledHeaderCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "$clickableRow" | "$columnPadding" | "$fixedHeader" | "$hasKeyline" | "$headerColor" | "$headerHeight" | "$hideOverflow" | "$maxWidth" | "$minWidth" | "$noRowBorderColor" | "$noWrapContent" | "$rowActionsBgColor" | "$rowBorderColor" | "$rowColor" | "$rowPadding" | "$stickyCell" | "$stripedColor" | "$truncateContent" | "$width"> & TransientProps<TableStylesProps>, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "$clickableRow" | "$columnPadding" | "$fixedHeader" | "$hasKeyline" | "$headerColor" | "$headerHeight" | "$hideOverflow" | "$maxWidth" | "$minWidth" | "$noRowBorderColor" | "$noWrapContent" | "$rowActionsBgColor" | "$rowBorderColor" | "$rowColor" | "$rowPadding" | "$stickyCell" | "$stripedColor" | "$truncateContent" | "$width"> & TransientProps<TableStylesProps>, never>>> & string;
8
- export declare const StyledCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "$clickableRow" | "$columnPadding" | "$fixedHeader" | "$hasKeyline" | "$headerColor" | "$headerHeight" | "$hideOverflow" | "$maxWidth" | "$minWidth" | "$noRowBorderColor" | "$noWrapContent" | "$rowActionsBgColor" | "$rowBorderColor" | "$rowColor" | "$rowPadding" | "$stickyCell" | "$stripedColor" | "$truncateContent" | "$width"> & TransientProps<TableStylesProps>, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "$clickableRow" | "$columnPadding" | "$fixedHeader" | "$hasKeyline" | "$headerColor" | "$headerHeight" | "$hideOverflow" | "$maxWidth" | "$minWidth" | "$noRowBorderColor" | "$noWrapContent" | "$rowActionsBgColor" | "$rowBorderColor" | "$rowColor" | "$rowPadding" | "$stickyCell" | "$stripedColor" | "$truncateContent" | "$width"> & TransientProps<TableStylesProps>, never>>> & string;
9
- export declare const StyledRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "$clickableRow" | "$columnPadding" | "$fixedHeader" | "$hasKeyline" | "$headerColor" | "$headerHeight" | "$hideOverflow" | "$maxWidth" | "$minWidth" | "$noRowBorderColor" | "$noWrapContent" | "$rowActionsBgColor" | "$rowBorderColor" | "$rowColor" | "$rowPadding" | "$stickyCell" | "$stripedColor" | "$truncateContent" | "$width"> & TransientProps<TableStylesProps>, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "$clickableRow" | "$columnPadding" | "$fixedHeader" | "$hasKeyline" | "$headerColor" | "$headerHeight" | "$hideOverflow" | "$maxWidth" | "$minWidth" | "$noRowBorderColor" | "$noWrapContent" | "$rowActionsBgColor" | "$rowBorderColor" | "$rowColor" | "$rowPadding" | "$stickyCell" | "$stripedColor" | "$truncateContent" | "$width"> & TransientProps<TableStylesProps>, never>>> & string;
6
+ export declare const StyledTable: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "style"> & {
7
+ style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
8
+ }, StyledTableProps>> & string;
9
+ export declare const StyledHeaderCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "style"> & {
10
+ style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
11
+ }, TransientProps<TableStylesProps>>> & string;
12
+ export declare const StyledCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "style"> & {
13
+ style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
14
+ }, TransientProps<TableStylesProps>>> & string;
15
+ export declare const StyledRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "style"> & {
16
+ style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
17
+ }, TransientProps<TableStylesProps>>> & string;
10
18
  type StyledSubTableCellProps = {
11
19
  $bgColor?: string;
12
20
  $padding?: string | undefined;
@@ -15,6 +23,10 @@ type StyledSubTableCellProps = {
15
23
  type StyledSubInnerCellProps = {
16
24
  $padding?: string | undefined;
17
25
  };
18
- export declare const StyledSubTableCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, keyof StyledSubTableCellProps> & StyledSubTableCellProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, keyof StyledSubTableCellProps> & StyledSubTableCellProps, never>>> & string;
19
- export declare const StyledSubInnerCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$padding"> & StyledSubInnerCellProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$padding"> & StyledSubInnerCellProps, never>>> & string;
26
+ export declare const StyledSubTableCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "style"> & {
27
+ style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
28
+ }, StyledSubTableCellProps>> & string;
29
+ export declare const StyledSubInnerCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
30
+ style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
31
+ }, StyledSubInnerCellProps>> & string;
20
32
  export {};
package/dist/Tooltip/Tooltip.d.ts CHANGED
@@ -27,10 +27,9 @@ export interface TooltipProps {
27
27
  }
28
28
  export type TooltipVariant = 'primary' | 'fallback' | 'bubblegum';
29
29
  export declare const Tooltip: FC<TooltipProps>;
30
- export declare const Tip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$background" | "$maxWidth"> & {
30
+ export declare const Tip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
31
+ style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
32
+ }, {
31
33
  $maxWidth?: number;
32
34
  $background: string;
33
- }, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$background" | "$maxWidth"> & {
34
- $maxWidth?: number;
35
- $background: string;
36
- }, never>>> & string;
35
+ }>> & string;
package/dist/fields/components/CommonInput.d.ts CHANGED
@@ -12,69 +12,47 @@ interface IInput {
12
12
  interface SIcon {
13
13
  $disabled?: boolean;
14
14
  }
15
- export declare const Input: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, keyof IInput> & IInput, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, keyof IInput> & IInput, never>>> & string;
16
- export declare const InputLeadingIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "$iconColor" | "$size"> & {
15
+ export declare const Input: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "style"> & {
16
+ style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
17
+ }, IInput>> & string;
18
+ export declare const InputLeadingIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("styled-components").FastOmit<import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
19
+ style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
20
+ }, {
17
21
  $size: import("../../types").IconSize;
18
22
  $iconColor?: string;
19
- }, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "$iconColor" | "$size"> & {
20
- $size: import("../../types").IconSize;
21
- $iconColor?: string;
22
- }, never>>, "as" | "forwardedAs"> & {
23
+ }>, "as" | "forwardedAs"> & {
23
24
  as?: import("styled-components").WebTarget | undefined;
24
25
  forwardedAs?: import("styled-components").WebTarget | undefined;
25
- }, "$disabled"> & SIcon, never> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "$iconColor" | "$size"> & {
26
- $size: import("../../types").IconSize;
27
- $iconColor?: string;
28
- }, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "$iconColor" | "$size"> & {
29
- $size: import("../../types").IconSize;
30
- $iconColor?: string;
31
- }, never>>, "as" | "forwardedAs"> & {
32
- as?: import("styled-components").WebTarget | undefined;
33
- forwardedAs?: import("styled-components").WebTarget | undefined;
34
- }, "$disabled"> & SIcon, never>>> & string;
35
- export declare const StyledFrontIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<{
36
- className?: string;
37
- render: Icons;
38
- size?: number;
39
- color?: import("../..").ColorTypes;
40
- rotate?: number;
41
- } & import("../..").MarginProps, "$disabled"> & SIcon, never> & Partial<Pick<import("styled-components").FastOmit<{
26
+ }, "style"> & {
27
+ style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | (import("react").CSSProperties & {
28
+ [key: `--${string}`]: string | number | undefined;
29
+ }) | undefined;
30
+ }, SIcon>> & string;
31
+ export declare const StyledFrontIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<{
42
32
  className?: string;
43
33
  render: Icons;
44
34
  size?: number;
45
35
  color?: import("../..").ColorTypes;
46
36
  rotate?: number;
47
- } & import("../..").MarginProps, "$disabled"> & SIcon, never>>> & string & Omit<import("react").FC<import("../../Icon/Icon").IconProps>, keyof import("react").Component<any, {}, any>>;
48
- export declare const StyledTrailingIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<{
37
+ } & import("../..").MarginProps, SIcon>> & string & Omit<import("react").FC<import("../../Icon/Icon").IconProps>, keyof import("react").Component<any, {}, any>>;
38
+ export declare const StyledTrailingIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<{
49
39
  className?: string;
50
40
  render: Icons;
51
41
  size?: number;
52
42
  color?: import("../..").ColorTypes;
53
43
  rotate?: number;
54
- } & import("../..").MarginProps, "$disabled"> & SIcon, never> & Partial<Pick<import("styled-components").FastOmit<{
55
- className?: string;
56
- render: Icons;
57
- size?: number;
58
- color?: import("../..").ColorTypes;
59
- rotate?: number;
60
- } & import("../..").MarginProps, "$disabled"> & SIcon, never>>> & string & Omit<import("react").FC<import("../../Icon/Icon").IconProps>, keyof import("react").Component<any, {}, any>>;
61
- export declare const InputTrailingIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "$iconColor" | "$size"> & {
62
- $size: import("../../types").IconSize;
63
- $iconColor?: string;
64
- }, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "$iconColor" | "$size"> & {
65
- $size: import("../../types").IconSize;
66
- $iconColor?: string;
67
- }, never>>, "as" | "forwardedAs"> & {
68
- as?: import("styled-components").WebTarget | undefined;
69
- forwardedAs?: import("styled-components").WebTarget | undefined;
70
- }, "$disabled"> & SIcon, never> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "$iconColor" | "$size"> & {
71
- $size: import("../../types").IconSize;
72
- $iconColor?: string;
73
- }, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "$iconColor" | "$size"> & {
44
+ } & import("../..").MarginProps, SIcon>> & string & Omit<import("react").FC<import("../../Icon/Icon").IconProps>, keyof import("react").Component<any, {}, any>>;
45
+ export declare const InputTrailingIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("styled-components").FastOmit<import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
46
+ style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
47
+ }, {
74
48
  $size: import("../../types").IconSize;
75
49
  $iconColor?: string;
76
- }, never>>, "as" | "forwardedAs"> & {
50
+ }>, "as" | "forwardedAs"> & {
77
51
  as?: import("styled-components").WebTarget | undefined;
78
52
  forwardedAs?: import("styled-components").WebTarget | undefined;
79
- }, "$disabled"> & SIcon, never>>> & string;
53
+ }, "style"> & {
54
+ style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | (import("react").CSSProperties & {
55
+ [key: `--${string}`]: string | number | undefined;
56
+ }) | undefined;
57
+ }, SIcon>> & string;
80
58
  export {};
package/dist/fields/components/CommonInput.js CHANGED
@@ -68,7 +68,7 @@ export const Input = styled.input `
68
68
  export const InputLeadingIconContainer = styled(IconContainer) `
69
69
  position: relative;
70
70
  left: 36px;
71
- margin-left: -24px;
71
+ margin-left: ${({ $size }) => -$size}px;
72
72
  z-index: 1;
73
73
  opacity: ${({ $disabled }) => ($disabled ? '0.5' : '1')};
74
74
  color: ${({ theme }) => theme.color.text.base};
package/dist/fields/components/CommonInput.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CommonInput.js","sourceRoot":"","sources":["../../../src/fields/components/CommonInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import styled, { css } from 'styled-components'\nimport { Icon, Icons } from '../../Icon'\nimport { IconContainer } from '../../sharedStyles/shared.styles'\n\ninterface IInput {\n $error?: boolean\n disabled?: boolean\n selected?: boolean\n step?: number\n value?: string\n $frontIcon?: boolean\n $trailingIcon?: Icons\n $fallbackStyle?: boolean\n}\n\ninterface SIcon {\n $disabled?: boolean\n}\n\nexport const Input = styled.input<IInput>`\n border: none;\n color: ${({ $error, theme }) =>\n $error ? theme.color.feedback.negative[200] : theme.color.text.base};\n font-size: 16px;\n width: 100%;\n outline: none;\n cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'initial')};\n opacity: ${({ disabled }) => (disabled ? '0.5' : '1')};\n padding: 18px 14px;\n background-color: ${({ $fallbackStyle, theme }) =>\n $fallbackStyle\n ? theme.color.surface.base[300]\n : theme.color.background['000']};\n border: 2px solid\n ${({ $error, theme }) =>\n $error ? theme.color.feedback.negative[200] : theme.color.border.subtle};\n\n ${({ disabled, $error, theme }) =>\n !disabled &&\n !$error &&\n css`\n &:hover,\n &:focus-within {\n border-color: ${theme.color.border.base};\n }\n `}\n\n border-radius: 12px;\n height: auto;\n\n ${({ $frontIcon }) =>\n $frontIcon &&\n `\n padding-left: 42px;\n `}\n\n ${({ $trailingIcon }) =>\n $trailingIcon &&\n `\n padding-right: 42px;\n `}\n\n /* Remove the spinner on Firefox and Webkit browsers */\n -moz-appearance: textfield;\n\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n\n &::placeholder {\n color: ${({ theme }) => theme.color.text.subtle};\n }\n\n &:-webkit-autofill {\n animation-name: onAutoFillStart;\n animation-duration: 2s;\n }\n\n @keyframes onAutoFillStart {\n from {\n background-color: inherit;\n }\n to {\n background-color: inherit;\n }\n }\n`\n\nexport const InputLeadingIconContainer = styled(IconContainer)<SIcon>`\n position: relative;\n left: 36px;\n margin-left: -24px;\n z-index: 1;\n opacity: ${({ $disabled }) => ($disabled ? '0.5' : '1')};\n color: ${({ theme }) => theme.color.text.base};\n`\n\nexport const StyledFrontIcon = styled(Icon)<SIcon>`\n position: relative;\n left: 36px;\n margin-left: -24px;\n z-index: 1;\n opacity: ${({ $disabled }) => ($disabled ? '0.5' : '1')};\n color: ${({ theme }) => theme.color.text.base};\n`\n\nexport const StyledTrailingIcon = styled(Icon)<SIcon>`\n position: relative;\n right: 36px;\n margin-right: -36px;\n opacity: ${({ $disabled }) => ($disabled ? '0.5' : '1')};\n color: ${({ theme }) => theme.color.text.base};\n`\n\nexport const InputTrailingIconContainer = styled(IconContainer)<SIcon>`\n position: relative;\n right: 36px;\n margin-right: -36px;\n opacity: ${({ $disabled }) => ($disabled ? '0.5' : '1')};\n color: ${({ theme }) => theme.color.text.base};\n`\n"]}
1
+ {"version":3,"file":"CommonInput.js","sourceRoot":"","sources":["../../../src/fields/components/CommonInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import styled, { css } from 'styled-components'\nimport { Icon, Icons } from '../../Icon'\nimport { IconContainer } from '../../sharedStyles/shared.styles'\n\ninterface IInput {\n $error?: boolean\n disabled?: boolean\n selected?: boolean\n step?: number\n value?: string\n $frontIcon?: boolean\n $trailingIcon?: Icons\n $fallbackStyle?: boolean\n}\n\ninterface SIcon {\n $disabled?: boolean\n}\n\nexport const Input = styled.input<IInput>`\n border: none;\n color: ${({ $error, theme }) =>\n $error ? theme.color.feedback.negative[200] : theme.color.text.base};\n font-size: 16px;\n width: 100%;\n outline: none;\n cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'initial')};\n opacity: ${({ disabled }) => (disabled ? '0.5' : '1')};\n padding: 18px 14px;\n background-color: ${({ $fallbackStyle, theme }) =>\n $fallbackStyle\n ? theme.color.surface.base[300]\n : theme.color.background['000']};\n border: 2px solid\n ${({ $error, theme }) =>\n $error ? theme.color.feedback.negative[200] : theme.color.border.subtle};\n\n ${({ disabled, $error, theme }) =>\n !disabled &&\n !$error &&\n css`\n &:hover,\n &:focus-within {\n border-color: ${theme.color.border.base};\n }\n `}\n\n border-radius: 12px;\n height: auto;\n\n ${({ $frontIcon }) =>\n $frontIcon &&\n `\n padding-left: 42px;\n `}\n\n ${({ $trailingIcon }) =>\n $trailingIcon &&\n `\n padding-right: 42px;\n `}\n\n /* Remove the spinner on Firefox and Webkit browsers */\n -moz-appearance: textfield;\n\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n\n &::placeholder {\n color: ${({ theme }) => theme.color.text.subtle};\n }\n\n &:-webkit-autofill {\n animation-name: onAutoFillStart;\n animation-duration: 2s;\n }\n\n @keyframes onAutoFillStart {\n from {\n background-color: inherit;\n }\n to {\n background-color: inherit;\n }\n }\n`\n\nexport const InputLeadingIconContainer = styled(IconContainer)<SIcon>`\n position: relative;\n left: 36px;\n margin-left: ${({ $size }) => -$size}px;\n z-index: 1;\n opacity: ${({ $disabled }) => ($disabled ? '0.5' : '1')};\n color: ${({ theme }) => theme.color.text.base};\n`\n\nexport const StyledFrontIcon = styled(Icon)<SIcon>`\n position: relative;\n left: 36px;\n margin-left: -24px;\n z-index: 1;\n opacity: ${({ $disabled }) => ($disabled ? '0.5' : '1')};\n color: ${({ theme }) => theme.color.text.base};\n`\n\nexport const StyledTrailingIcon = styled(Icon)<SIcon>`\n position: relative;\n right: 36px;\n margin-right: -36px;\n opacity: ${({ $disabled }) => ($disabled ? '0.5' : '1')};\n color: ${({ theme }) => theme.color.text.base};\n`\n\nexport const InputTrailingIconContainer = styled(IconContainer)<SIcon>`\n position: relative;\n right: 36px;\n margin-right: -36px;\n opacity: ${({ $disabled }) => ($disabled ? '0.5' : '1')};\n color: ${({ theme }) => theme.color.text.base};\n`\n"]}
package/dist/sharedStyles/shared.styles.d.ts CHANGED
@@ -1,8 +1,7 @@
1
1
  import { IconSize } from '../types';
2
- export declare const IconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "$iconColor" | "$size"> & {
2
+ export declare const IconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
3
+ style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
4
+ }, {
3
5
  $size: IconSize;
4
6
  $iconColor?: string;
5
- }, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "$iconColor" | "$size"> & {
6
- $size: IconSize;
7
- $iconColor?: string;
8
- }, never>>> & string;
7
+ }>> & string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mrshmllw/smores-react",
3
- "version": "16.2.16",
3
+ "version": "16.2.17",
4
4
  "description": "Collection of React components used by Marshmallow Technology",
5
5
  "main": "./dist/index.js",
6
6
  "type": "module",
@@ -52,54 +52,54 @@
52
52
  "@floating-ui/react": "0.27.20",
53
53
  "@fortawesome/fontawesome-svg-core": "^7.1.0",
54
54
  "@fortawesome/react-fontawesome": "^3.1.1",
55
- "@lexical/code-core": "^0.49.0",
56
- "@lexical/code-shiki": "^0.49.0",
57
- "@lexical/react": "^0.49.0",
58
- "@lexical/selection": "^0.49.0",
59
- "@lexical/utils": "^0.49.0",
60
- "@mrshmllw/smores-foundations": "^1.1.1",
55
+ "@lexical/code-core": "^0.51.0",
56
+ "@lexical/code-shiki": "^0.51.0",
57
+ "@lexical/react": "^0.51.0",
58
+ "@lexical/selection": "^0.51.0",
59
+ "@lexical/utils": "^0.51.0",
60
+ "@mrshmllw/smores-foundations": "^1.2.0",
61
61
  "body-scroll-lock": "^4.0.0-beta.0",
62
62
  "date-fns": "^4.4.0",
63
- "dompurify": "^3.4.13",
63
+ "dompurify": "^3.4.16",
64
64
  "fuse.js": "^7.5.0",
65
- "lexical": "^0.49.0",
65
+ "lexical": "^0.51.0",
66
66
  "polished": "^4.3.1"
67
67
  },
68
68
  "devDependencies": {
69
- "@commitlint/cli": "^21.2.1",
69
+ "@commitlint/cli": "^21.2.3",
70
70
  "@mrshmllw/campfire": "^7.1.0",
71
- "@snyk/protect": "^1.1306.3",
72
- "@storybook/addon-a11y": "^10.5.7",
71
+ "@snyk/protect": "^1.1307.4",
72
+ "@storybook/addon-a11y": "^10.6.0",
73
73
  "@storybook/addon-coverage": "^3.0.2",
74
- "@storybook/addon-docs": "^10.5.7",
75
- "@storybook/addon-links": "^10.5.7",
76
- "@storybook/react-vite": "^10.5.7",
77
- "@storybook/test-runner": "^0.24.4",
74
+ "@storybook/addon-docs": "^10.6.0",
75
+ "@storybook/addon-links": "^10.6.0",
76
+ "@storybook/react-vite": "^10.6.0",
77
+ "@storybook/test-runner": "^0.24.5",
78
78
  "@testing-library/jest-dom": "^7.0.1",
79
- "@testing-library/react": "^16.3.2",
79
+ "@testing-library/react": "^16.3.3",
80
80
  "@types/body-scroll-lock": "^3.1.2",
81
- "@types/node": "^26.2.0",
82
- "@types/react": "^19.2.18",
83
- "@types/react-dom": "^19.2.4",
81
+ "@types/node": "^26.6.2",
82
+ "@types/react": "^19.3.0",
83
+ "@types/react-dom": "^19.3.0",
84
84
  "axe-playwright": "^2.2.2",
85
- "concurrently": "^10.0.4",
85
+ "concurrently": "^10.0.5",
86
86
  "eslint-plugin-prettier": "^5.5.6",
87
87
  "husky": "^9.1.7",
88
88
  "jest-styled-components": "^7.4.0",
89
- "jsdom": "^30.0.1",
90
- "lint-staged": "^17.3.0",
89
+ "jsdom": "^30.1.1",
90
+ "lint-staged": "^17.5.1",
91
91
  "oxlint": "^1.78.0",
92
- "oxlint-tsgolint": "^7.0.2001",
92
+ "oxlint-tsgolint": "^7.0.2002",
93
93
  "playwright": "^1.62.1",
94
94
  "prettier": "^3.9.6",
95
- "react": "^19.2.8",
96
- "react-dom": "^19.2.8",
95
+ "react": "^19.3.0",
96
+ "react-dom": "^19.3.0",
97
97
  "rimraf": "^6.1.3",
98
98
  "storybook": "^10.2.13",
99
- "styled-components": "^6.4.4",
99
+ "styled-components": "^6.5.3",
100
100
  "typescript": "^7.0.2",
101
- "vite": "^8.2.1",
102
- "vitest": "^4.1.10"
101
+ "vite": "^8.3.0",
102
+ "vitest": "^4.1.11"
103
103
  },
104
104
  "peerDependencies": {
105
105
  "react": "^18 || ^19",