@mmb-digital/design-system-web 0.1.343 → 0.1.344-alpha.0

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.
package/dist/index.d.ts CHANGED
@@ -544,7 +544,7 @@ declare enum Spacing {
544
544
  xxxxl = "xxxxl",
545
545
  xxxxxl = "xxxxxl"
546
546
  }
547
- declare const resolveSpacingValue: (theme: Theme$1, spacing: Spacing) => "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "48px" | "56px" | "64px" | "0";
547
+ declare const resolveSpacingValue: (theme: Theme$1, spacing: Spacing) => "0" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "48px" | "56px" | "64px";
548
548
 
549
549
  declare enum WhiteSpace {
550
550
  inherit = "inherit",
@@ -1127,7 +1127,7 @@ declare enum BorderRadius {
1127
1127
  xl = "xl",
1128
1128
  full = "full"
1129
1129
  }
1130
- declare const resolveBorderRadiusValue: (theme: Theme$1, borderRadius: BorderRadius) => "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "9999px" | "0";
1130
+ declare const resolveBorderRadiusValue: (theme: Theme$1, borderRadius: BorderRadius) => "0" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "9999px";
1131
1131
 
1132
1132
  declare enum FlexWrap {
1133
1133
  noWrap = "noWrap",
@@ -1444,25 +1444,25 @@ declare const DatePickerControl: react.ForwardRefExoticComponent<DatePickerContr
1444
1444
  declare const DatePicker: react.ForwardRefExoticComponent<DatePickerControlProps & {
1445
1445
  label?: react.ReactNode;
1446
1446
  name?: string | undefined;
1447
+ errorMessage?: react.ReactNode;
1448
+ colorScheme?: ColorScheme | undefined;
1449
+ invalid?: boolean | undefined;
1450
+ labelAs?: react.ElementType | undefined;
1451
+ labelHiddenText?: string | undefined;
1452
+ labelId?: string | undefined;
1453
+ labelSuffix?: react.ReactNode;
1454
+ tooltip?: TooltipInfoDescriptor | undefined;
1455
+ mediaType?: MediaType | undefined;
1447
1456
  addons?: FieldAddon[] | undefined;
1448
1457
  controlMobileWidth?: csstype.Property.Width | undefined;
1449
1458
  controlSectionWidth?: csstype.Property.Width | undefined;
1450
1459
  controlWidth?: csstype.Property.Width | undefined;
1451
- errorMessage?: react.ReactNode;
1452
1460
  hiddenHintText?: react.ReactNode;
1453
1461
  hintText?: react.ReactNode;
1454
- invalid?: boolean | undefined;
1455
1462
  layout?: FieldWrapperLayout | undefined;
1456
1463
  note?: react.ReactNode;
1457
1464
  optionality?: FieldOptionality | undefined;
1458
1465
  successMessage?: react.ReactNode;
1459
- colorScheme?: ColorScheme | undefined;
1460
- mediaType?: MediaType | undefined;
1461
- labelAs?: react.ElementType | undefined;
1462
- labelHiddenText?: string | undefined;
1463
- labelId?: string | undefined;
1464
- labelSuffix?: react.ReactNode;
1465
- tooltip?: TooltipInfoDescriptor | undefined;
1466
1466
  } & react.RefAttributes<HTMLInputElement>>;
1467
1467
  type DatePickerProps = ComponentProps<typeof DatePicker>;
1468
1468
 
@@ -1479,25 +1479,25 @@ interface EmailInputControlProps extends InputProps {
1479
1479
  declare const EmailInput: react.ForwardRefExoticComponent<EmailInputControlProps & {
1480
1480
  label?: react.ReactNode;
1481
1481
  name?: string | undefined;
1482
+ errorMessage?: react.ReactNode;
1483
+ colorScheme?: ColorScheme | undefined;
1484
+ invalid?: boolean | undefined;
1485
+ labelAs?: react.ElementType | undefined;
1486
+ labelHiddenText?: string | undefined;
1487
+ labelId?: string | undefined;
1488
+ labelSuffix?: react.ReactNode;
1489
+ tooltip?: TooltipInfoDescriptor | undefined;
1490
+ mediaType?: MediaType | undefined;
1482
1491
  addons?: FieldAddon[] | undefined;
1483
1492
  controlMobileWidth?: csstype.Property.Width | undefined;
1484
1493
  controlSectionWidth?: csstype.Property.Width | undefined;
1485
1494
  controlWidth?: csstype.Property.Width | undefined;
1486
- errorMessage?: react.ReactNode;
1487
1495
  hiddenHintText?: react.ReactNode;
1488
1496
  hintText?: react.ReactNode;
1489
- invalid?: boolean | undefined;
1490
1497
  layout?: FieldWrapperLayout | undefined;
1491
1498
  note?: react.ReactNode;
1492
1499
  optionality?: FieldOptionality | undefined;
1493
1500
  successMessage?: react.ReactNode;
1494
- colorScheme?: ColorScheme | undefined;
1495
- mediaType?: MediaType | undefined;
1496
- labelAs?: react.ElementType | undefined;
1497
- labelHiddenText?: string | undefined;
1498
- labelId?: string | undefined;
1499
- labelSuffix?: react.ReactNode;
1500
- tooltip?: TooltipInfoDescriptor | undefined;
1501
1501
  } & react.RefAttributes<HTMLInputElement>>;
1502
1502
  type EmailInputProps = ComponentProps<typeof EmailInput>;
1503
1503
 
@@ -1581,25 +1581,25 @@ declare const FileInputControl: react.ForwardRefExoticComponent<FileInputControl
1581
1581
  declare const FileInput: react.ForwardRefExoticComponent<Omit<FileInputControlProps & {
1582
1582
  label?: react.ReactNode;
1583
1583
  name?: string | undefined;
1584
+ errorMessage?: react.ReactNode;
1585
+ colorScheme?: ColorScheme | undefined;
1586
+ invalid?: boolean | undefined;
1587
+ labelAs?: react.ElementType | undefined;
1588
+ labelHiddenText?: string | undefined;
1589
+ labelId?: string | undefined;
1590
+ labelSuffix?: react.ReactNode;
1591
+ tooltip?: TooltipInfoDescriptor | undefined;
1592
+ mediaType?: MediaType | undefined;
1584
1593
  addons?: FieldAddon[] | undefined;
1585
1594
  controlMobileWidth?: csstype.Property.Width | undefined;
1586
1595
  controlSectionWidth?: csstype.Property.Width | undefined;
1587
1596
  controlWidth?: csstype.Property.Width | undefined;
1588
- errorMessage?: react.ReactNode;
1589
1597
  hiddenHintText?: react.ReactNode;
1590
1598
  hintText?: react.ReactNode;
1591
- invalid?: boolean | undefined;
1592
1599
  layout?: FieldWrapperLayout | undefined;
1593
1600
  note?: react.ReactNode;
1594
1601
  optionality?: FieldOptionality | undefined;
1595
1602
  successMessage?: react.ReactNode;
1596
- colorScheme?: ColorScheme | undefined;
1597
- mediaType?: MediaType | undefined;
1598
- labelAs?: react.ElementType | undefined;
1599
- labelHiddenText?: string | undefined;
1600
- labelId?: string | undefined;
1601
- labelSuffix?: react.ReactNode;
1602
- tooltip?: TooltipInfoDescriptor | undefined;
1603
1603
  } & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
1604
1604
  type FileInputProps = ComponentProps<typeof FileInput>;
1605
1605
 
@@ -1850,25 +1850,25 @@ declare const MaskedInputBase: react.ForwardRefExoticComponent<Omit<MaskedInputB
1850
1850
  declare const MaskedInput: react.ForwardRefExoticComponent<Omit<MaskedInputBaseProps & {
1851
1851
  label?: react.ReactNode;
1852
1852
  name?: string | undefined;
1853
+ errorMessage?: react.ReactNode;
1854
+ colorScheme?: ColorScheme | undefined;
1855
+ invalid?: boolean | undefined;
1856
+ labelAs?: react.ElementType | undefined;
1857
+ labelHiddenText?: string | undefined;
1858
+ labelId?: string | undefined;
1859
+ labelSuffix?: react.ReactNode;
1860
+ tooltip?: TooltipInfoDescriptor | undefined;
1861
+ mediaType?: MediaType | undefined;
1853
1862
  addons?: FieldAddon[] | undefined;
1854
1863
  controlMobileWidth?: csstype.Property.Width | undefined;
1855
1864
  controlSectionWidth?: csstype.Property.Width | undefined;
1856
1865
  controlWidth?: csstype.Property.Width | undefined;
1857
- errorMessage?: react.ReactNode;
1858
1866
  hiddenHintText?: react.ReactNode;
1859
1867
  hintText?: react.ReactNode;
1860
- invalid?: boolean | undefined;
1861
1868
  layout?: FieldWrapperLayout | undefined;
1862
1869
  note?: react.ReactNode;
1863
1870
  optionality?: FieldOptionality | undefined;
1864
1871
  successMessage?: react.ReactNode;
1865
- colorScheme?: ColorScheme | undefined;
1866
- mediaType?: MediaType | undefined;
1867
- labelAs?: react.ElementType | undefined;
1868
- labelHiddenText?: string | undefined;
1869
- labelId?: string | undefined;
1870
- labelSuffix?: react.ReactNode;
1871
- tooltip?: TooltipInfoDescriptor | undefined;
1872
1872
  }, "ref"> & react.RefAttributes<HTMLInputElement>>;
1873
1873
  type MaskedInputProps = ComponentProps<typeof MaskedInput>;
1874
1874
 
@@ -1880,25 +1880,25 @@ declare const withMaskedInputField: <TProps extends ManagedMaskedInputProps>(Com
1880
1880
  declare const MaskedInputField: <TFieldValues extends FieldValues>(props: Omit<MaskedInputBaseProps & {
1881
1881
  label?: react.ReactNode;
1882
1882
  name?: string | undefined;
1883
+ errorMessage?: react.ReactNode;
1884
+ colorScheme?: ColorScheme | undefined;
1885
+ invalid?: boolean | undefined;
1886
+ labelAs?: react.ElementType | undefined;
1887
+ labelHiddenText?: string | undefined;
1888
+ labelId?: string | undefined;
1889
+ labelSuffix?: react.ReactNode;
1890
+ tooltip?: TooltipInfoDescriptor | undefined;
1891
+ mediaType?: MediaType | undefined;
1883
1892
  addons?: FieldAddon[] | undefined;
1884
1893
  controlMobileWidth?: csstype.Property.Width | undefined;
1885
1894
  controlSectionWidth?: csstype.Property.Width | undefined;
1886
1895
  controlWidth?: csstype.Property.Width | undefined;
1887
- errorMessage?: react.ReactNode;
1888
1896
  hiddenHintText?: react.ReactNode;
1889
1897
  hintText?: react.ReactNode;
1890
- invalid?: boolean | undefined;
1891
1898
  layout?: FieldWrapperLayout | undefined;
1892
1899
  note?: react.ReactNode;
1893
1900
  optionality?: FieldOptionality | undefined;
1894
1901
  successMessage?: react.ReactNode;
1895
- colorScheme?: ColorScheme | undefined;
1896
- mediaType?: MediaType | undefined;
1897
- labelAs?: react.ElementType | undefined;
1898
- labelHiddenText?: string | undefined;
1899
- labelId?: string | undefined;
1900
- labelSuffix?: react.ReactNode;
1901
- tooltip?: TooltipInfoDescriptor | undefined;
1902
1902
  }, "ref"> & react.RefAttributes<HTMLInputElement> & {
1903
1903
  name: react_hook_form.Path<TFieldValues>;
1904
1904
  options?: RegisterOptions<TFieldValues> | undefined;
@@ -2085,25 +2085,25 @@ declare const RadioButtonGroupControl: react.ForwardRefExoticComponent<RadioButt
2085
2085
  declare const RadioButtonGroup: react.ForwardRefExoticComponent<Omit<RadioButtonGroupControlProps & {
2086
2086
  label?: react.ReactNode;
2087
2087
  name?: string | undefined;
2088
+ errorMessage?: react.ReactNode;
2089
+ colorScheme?: ColorScheme | undefined;
2090
+ invalid?: boolean | undefined;
2091
+ labelAs?: react.ElementType | undefined;
2092
+ labelHiddenText?: string | undefined;
2093
+ labelId?: string | undefined;
2094
+ labelSuffix?: react.ReactNode;
2095
+ tooltip?: TooltipInfoDescriptor | undefined;
2096
+ mediaType?: MediaType | undefined;
2088
2097
  addons?: FieldAddon[] | undefined;
2089
2098
  controlMobileWidth?: csstype.Property.Width | undefined;
2090
2099
  controlSectionWidth?: csstype.Property.Width | undefined;
2091
2100
  controlWidth?: csstype.Property.Width | undefined;
2092
- errorMessage?: react.ReactNode;
2093
2101
  hiddenHintText?: react.ReactNode;
2094
2102
  hintText?: react.ReactNode;
2095
- invalid?: boolean | undefined;
2096
2103
  layout?: FieldWrapperLayout | undefined;
2097
2104
  note?: react.ReactNode;
2098
2105
  optionality?: FieldOptionality | undefined;
2099
2106
  successMessage?: react.ReactNode;
2100
- colorScheme?: ColorScheme | undefined;
2101
- mediaType?: MediaType | undefined;
2102
- labelAs?: react.ElementType | undefined;
2103
- labelHiddenText?: string | undefined;
2104
- labelId?: string | undefined;
2105
- labelSuffix?: react.ReactNode;
2106
- tooltip?: TooltipInfoDescriptor | undefined;
2107
2107
  } & react.RefAttributes<HTMLInputElement>, "ref"> & react.RefAttributes<HTMLInputElement>>;
2108
2108
  type RadioButtonGroupProps = ComponentProps<typeof RadioButtonGroup>;
2109
2109
 
@@ -2161,25 +2161,25 @@ declare const RadioGroupControl: react.ForwardRefExoticComponent<RadioGroupContr
2161
2161
  declare const RadioGroup: react.ForwardRefExoticComponent<Omit<RadioGroupControlProps & {
2162
2162
  label?: react.ReactNode;
2163
2163
  name?: string | undefined;
2164
+ errorMessage?: react.ReactNode;
2165
+ colorScheme?: ColorScheme | undefined;
2166
+ invalid?: boolean | undefined;
2167
+ labelAs?: react.ElementType | undefined;
2168
+ labelHiddenText?: string | undefined;
2169
+ labelId?: string | undefined;
2170
+ labelSuffix?: react.ReactNode;
2171
+ tooltip?: TooltipInfoDescriptor | undefined;
2172
+ mediaType?: MediaType | undefined;
2164
2173
  addons?: FieldAddon[] | undefined;
2165
2174
  controlMobileWidth?: csstype.Property.Width | undefined;
2166
2175
  controlSectionWidth?: csstype.Property.Width | undefined;
2167
2176
  controlWidth?: csstype.Property.Width | undefined;
2168
- errorMessage?: react.ReactNode;
2169
2177
  hiddenHintText?: react.ReactNode;
2170
2178
  hintText?: react.ReactNode;
2171
- invalid?: boolean | undefined;
2172
2179
  layout?: FieldWrapperLayout | undefined;
2173
2180
  note?: react.ReactNode;
2174
2181
  optionality?: FieldOptionality | undefined;
2175
2182
  successMessage?: react.ReactNode;
2176
- colorScheme?: ColorScheme | undefined;
2177
- mediaType?: MediaType | undefined;
2178
- labelAs?: react.ElementType | undefined;
2179
- labelHiddenText?: string | undefined;
2180
- labelId?: string | undefined;
2181
- labelSuffix?: react.ReactNode;
2182
- tooltip?: TooltipInfoDescriptor | undefined;
2183
2183
  } & react.RefAttributes<HTMLInputElement>, "ref"> & react.RefAttributes<HTMLInputElement>>;
2184
2184
  type RadioGroupProps = ComponentProps<typeof RadioGroup>;
2185
2185
 
@@ -2198,25 +2198,25 @@ interface SearchInputControlProps extends InputProps {
2198
2198
  declare const SearchInput: react.ForwardRefExoticComponent<SearchInputControlProps & {
2199
2199
  label?: ReactNode;
2200
2200
  name?: string | undefined;
2201
+ errorMessage?: ReactNode;
2202
+ colorScheme?: ColorScheme | undefined;
2203
+ invalid?: boolean | undefined;
2204
+ labelAs?: react.ElementType | undefined;
2205
+ labelHiddenText?: string | undefined;
2206
+ labelId?: string | undefined;
2207
+ labelSuffix?: ReactNode;
2208
+ tooltip?: TooltipInfoDescriptor | undefined;
2209
+ mediaType?: MediaType | undefined;
2201
2210
  addons?: FieldAddon[] | undefined;
2202
2211
  controlMobileWidth?: csstype.Property.Width | undefined;
2203
2212
  controlSectionWidth?: csstype.Property.Width | undefined;
2204
2213
  controlWidth?: csstype.Property.Width | undefined;
2205
- errorMessage?: ReactNode;
2206
2214
  hiddenHintText?: ReactNode;
2207
2215
  hintText?: ReactNode;
2208
- invalid?: boolean | undefined;
2209
2216
  layout?: FieldWrapperLayout | undefined;
2210
2217
  note?: ReactNode;
2211
2218
  optionality?: FieldOptionality | undefined;
2212
2219
  successMessage?: ReactNode;
2213
- colorScheme?: ColorScheme | undefined;
2214
- mediaType?: MediaType | undefined;
2215
- labelAs?: react.ElementType | undefined;
2216
- labelHiddenText?: string | undefined;
2217
- labelId?: string | undefined;
2218
- labelSuffix?: ReactNode;
2219
- tooltip?: TooltipInfoDescriptor | undefined;
2220
2220
  } & react.RefAttributes<HTMLInputElement>>;
2221
2221
  type SearchInputProps = ComponentProps<typeof SearchInput>;
2222
2222
 
@@ -2647,25 +2647,25 @@ interface TextAreaControlProps extends TextareaHTMLAttributes<HTMLTextAreaElemen
2647
2647
  declare const TextArea: react.ForwardRefExoticComponent<TextAreaControlProps & {
2648
2648
  label?: react.ReactNode;
2649
2649
  name?: string | undefined;
2650
+ errorMessage?: react.ReactNode;
2651
+ colorScheme?: ColorScheme | undefined;
2652
+ invalid?: boolean | undefined;
2653
+ labelAs?: react.ElementType | undefined;
2654
+ labelHiddenText?: string | undefined;
2655
+ labelId?: string | undefined;
2656
+ labelSuffix?: react.ReactNode;
2657
+ tooltip?: TooltipInfoDescriptor | undefined;
2658
+ mediaType?: MediaType | undefined;
2650
2659
  addons?: FieldAddon[] | undefined;
2651
2660
  controlMobileWidth?: csstype.Property.Width | undefined;
2652
2661
  controlSectionWidth?: csstype.Property.Width | undefined;
2653
2662
  controlWidth?: csstype.Property.Width | undefined;
2654
- errorMessage?: react.ReactNode;
2655
2663
  hiddenHintText?: react.ReactNode;
2656
2664
  hintText?: react.ReactNode;
2657
- invalid?: boolean | undefined;
2658
2665
  layout?: FieldWrapperLayout | undefined;
2659
2666
  note?: react.ReactNode;
2660
2667
  optionality?: FieldOptionality | undefined;
2661
2668
  successMessage?: react.ReactNode;
2662
- colorScheme?: ColorScheme | undefined;
2663
- mediaType?: MediaType | undefined;
2664
- labelAs?: react.ElementType | undefined;
2665
- labelHiddenText?: string | undefined;
2666
- labelId?: string | undefined;
2667
- labelSuffix?: react.ReactNode;
2668
- tooltip?: TooltipInfoDescriptor | undefined;
2669
2669
  } & react.RefAttributes<HTMLTextAreaElement>>;
2670
2670
  type TextAreaProps = ComponentProps<typeof TextArea>;
2671
2671
 
@@ -2682,25 +2682,25 @@ interface TextInputControlProps extends InputProps {
2682
2682
  declare const TextInput: react.ForwardRefExoticComponent<TextInputControlProps & {
2683
2683
  label?: react.ReactNode;
2684
2684
  name?: string | undefined;
2685
+ errorMessage?: react.ReactNode;
2686
+ colorScheme?: ColorScheme | undefined;
2687
+ invalid?: boolean | undefined;
2688
+ labelAs?: react.ElementType | undefined;
2689
+ labelHiddenText?: string | undefined;
2690
+ labelId?: string | undefined;
2691
+ labelSuffix?: react.ReactNode;
2692
+ tooltip?: TooltipInfoDescriptor | undefined;
2693
+ mediaType?: MediaType | undefined;
2685
2694
  addons?: FieldAddon[] | undefined;
2686
2695
  controlMobileWidth?: csstype.Property.Width | undefined;
2687
2696
  controlSectionWidth?: csstype.Property.Width | undefined;
2688
2697
  controlWidth?: csstype.Property.Width | undefined;
2689
- errorMessage?: react.ReactNode;
2690
2698
  hiddenHintText?: react.ReactNode;
2691
2699
  hintText?: react.ReactNode;
2692
- invalid?: boolean | undefined;
2693
2700
  layout?: FieldWrapperLayout | undefined;
2694
2701
  note?: react.ReactNode;
2695
2702
  optionality?: FieldOptionality | undefined;
2696
2703
  successMessage?: react.ReactNode;
2697
- colorScheme?: ColorScheme | undefined;
2698
- mediaType?: MediaType | undefined;
2699
- labelAs?: react.ElementType | undefined;
2700
- labelHiddenText?: string | undefined;
2701
- labelId?: string | undefined;
2702
- labelSuffix?: react.ReactNode;
2703
- tooltip?: TooltipInfoDescriptor | undefined;
2704
2704
  } & react.RefAttributes<HTMLInputElement>>;
2705
2705
  type TextInputProps = ComponentProps<typeof TextInput>;
2706
2706
 
@@ -2729,25 +2729,25 @@ interface TrailingTextInputControlProps extends InputProps {
2729
2729
  declare const TrailingTextInput: react.ForwardRefExoticComponent<TrailingTextInputControlProps & {
2730
2730
  label?: ReactNode;
2731
2731
  name?: string | undefined;
2732
+ errorMessage?: ReactNode;
2733
+ colorScheme?: ColorScheme | undefined;
2734
+ invalid?: boolean | undefined;
2735
+ labelAs?: react.ElementType | undefined;
2736
+ labelHiddenText?: string | undefined;
2737
+ labelId?: string | undefined;
2738
+ labelSuffix?: ReactNode;
2739
+ tooltip?: TooltipInfoDescriptor | undefined;
2740
+ mediaType?: MediaType | undefined;
2732
2741
  addons?: FieldAddon[] | undefined;
2733
2742
  controlMobileWidth?: csstype.Property.Width | undefined;
2734
2743
  controlSectionWidth?: csstype.Property.Width | undefined;
2735
2744
  controlWidth?: csstype.Property.Width | undefined;
2736
- errorMessage?: ReactNode;
2737
2745
  hiddenHintText?: ReactNode;
2738
2746
  hintText?: ReactNode;
2739
- invalid?: boolean | undefined;
2740
2747
  layout?: FieldWrapperLayout | undefined;
2741
2748
  note?: ReactNode;
2742
2749
  optionality?: FieldOptionality | undefined;
2743
2750
  successMessage?: ReactNode;
2744
- colorScheme?: ColorScheme | undefined;
2745
- mediaType?: MediaType | undefined;
2746
- labelAs?: react.ElementType | undefined;
2747
- labelHiddenText?: string | undefined;
2748
- labelId?: string | undefined;
2749
- labelSuffix?: ReactNode;
2750
- tooltip?: TooltipInfoDescriptor | undefined;
2751
2751
  } & react.RefAttributes<HTMLInputElement>>;
2752
2752
  type TrailingTextInputProps = ComponentProps<typeof TrailingTextInput>;
2753
2753