@mmb-digital/design-system-web 0.1.334 → 0.1.335
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.cjs.js +6 -6
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +35 -25
- package/dist/index.esm.js +6 -6
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -476,7 +476,7 @@ declare enum Spacing {
|
|
|
476
476
|
xxxxl = "xxxxl",
|
|
477
477
|
xxxxxl = "xxxxxl"
|
|
478
478
|
}
|
|
479
|
-
declare const resolveSpacingValue: (theme: Theme$1, spacing: Spacing) => "
|
|
479
|
+
declare const resolveSpacingValue: (theme: Theme$1, spacing: Spacing) => "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "48px" | "56px" | "64px" | "0";
|
|
480
480
|
|
|
481
481
|
declare enum WhiteSpace {
|
|
482
482
|
inherit = "inherit",
|
|
@@ -497,7 +497,7 @@ declare enum FontWeight {
|
|
|
497
497
|
heavy900 = "heavy",
|
|
498
498
|
ultra950 = "ultra"
|
|
499
499
|
}
|
|
500
|
-
declare const resolveFontWeightValue: (theme: Theme$1, fontWeight: FontWeight) => 100 | 200 |
|
|
500
|
+
declare const resolveFontWeightValue: (theme: Theme$1, fontWeight: FontWeight) => 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950;
|
|
501
501
|
|
|
502
502
|
declare const theme: {
|
|
503
503
|
readonly palette: {
|
|
@@ -1059,7 +1059,7 @@ declare enum BorderRadius {
|
|
|
1059
1059
|
xl = "xl",
|
|
1060
1060
|
full = "full"
|
|
1061
1061
|
}
|
|
1062
|
-
declare const resolveBorderRadiusValue: (theme: Theme$1, borderRadius: BorderRadius) => "
|
|
1062
|
+
declare const resolveBorderRadiusValue: (theme: Theme$1, borderRadius: BorderRadius) => "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "9999px" | "0";
|
|
1063
1063
|
|
|
1064
1064
|
declare enum FlexWrap {
|
|
1065
1065
|
noWrap = "noWrap",
|
|
@@ -1343,6 +1343,16 @@ interface TabItemType {
|
|
|
1343
1343
|
interface TabsType {
|
|
1344
1344
|
activeTabDefaultPosition: TabsActiveTabDefaultPosition;
|
|
1345
1345
|
fullWidth?: boolean;
|
|
1346
|
+
/**
|
|
1347
|
+
* Controls the gap between individual tab items.
|
|
1348
|
+
* Defaults to {@link Spacing.xxs}.
|
|
1349
|
+
*/
|
|
1350
|
+
gap?: Spacing;
|
|
1351
|
+
/**
|
|
1352
|
+
* Removes the border and background from the tabs container.
|
|
1353
|
+
* Defaults to `false`.
|
|
1354
|
+
*/
|
|
1355
|
+
noBorder?: boolean;
|
|
1346
1356
|
size?: TabsSize;
|
|
1347
1357
|
tabItems: TabItemType[];
|
|
1348
1358
|
variant: TabsVariant;
|
|
@@ -1705,11 +1715,11 @@ interface RadioGroupControlProps extends FieldControlProps, DesignSystemBaseProp
|
|
|
1705
1715
|
declare const RadioGroupControl: React__default.ForwardRefExoticComponent<RadioGroupControlProps & React__default.RefAttributes<HTMLInputElement>>;
|
|
1706
1716
|
|
|
1707
1717
|
declare const RadioGroup: React__default.ForwardRefExoticComponent<Omit<RadioGroupControlProps & {
|
|
1718
|
+
colorScheme?: ColorScheme | undefined;
|
|
1719
|
+
mediaType?: MediaType | undefined;
|
|
1708
1720
|
label?: React__default.ReactNode;
|
|
1709
1721
|
name?: string | undefined;
|
|
1710
1722
|
invalid?: boolean | undefined;
|
|
1711
|
-
colorScheme?: ColorScheme | undefined;
|
|
1712
|
-
mediaType?: MediaType | undefined;
|
|
1713
1723
|
addons?: FieldAddon[] | undefined;
|
|
1714
1724
|
controlMobileWidth?: csstype.Property.Width | undefined;
|
|
1715
1725
|
controlSectionWidth?: csstype.Property.Width | undefined;
|
|
@@ -1777,11 +1787,11 @@ interface RadioButtonGroupControlProps extends DesignSystemBaseProps, FieldContr
|
|
|
1777
1787
|
declare const RadioButtonGroupControl: React__default.ForwardRefExoticComponent<RadioButtonGroupControlProps & React__default.RefAttributes<HTMLInputElement>>;
|
|
1778
1788
|
|
|
1779
1789
|
declare const RadioButtonGroup: React__default.ForwardRefExoticComponent<Omit<RadioButtonGroupControlProps & {
|
|
1790
|
+
colorScheme?: ColorScheme | undefined;
|
|
1791
|
+
mediaType?: MediaType | undefined;
|
|
1780
1792
|
label?: React__default.ReactNode;
|
|
1781
1793
|
name?: string | undefined;
|
|
1782
1794
|
invalid?: boolean | undefined;
|
|
1783
|
-
colorScheme?: ColorScheme | undefined;
|
|
1784
|
-
mediaType?: MediaType | undefined;
|
|
1785
1795
|
addons?: FieldAddon[] | undefined;
|
|
1786
1796
|
controlMobileWidth?: csstype.Property.Width | undefined;
|
|
1787
1797
|
controlSectionWidth?: csstype.Property.Width | undefined;
|
|
@@ -1810,11 +1820,11 @@ declare const RadioButtonGroupField: (props: RadioButtonGroupFieldProps) => Reac
|
|
|
1810
1820
|
interface TextAreaControlProps extends TextareaHTMLAttributes<HTMLTextAreaElement>, FieldControlProps {
|
|
1811
1821
|
}
|
|
1812
1822
|
declare const TextArea: React__default.ForwardRefExoticComponent<TextAreaControlProps & {
|
|
1823
|
+
colorScheme?: ColorScheme | undefined;
|
|
1824
|
+
mediaType?: MediaType | undefined;
|
|
1813
1825
|
label?: React__default.ReactNode;
|
|
1814
1826
|
name?: string | undefined;
|
|
1815
1827
|
invalid?: boolean | undefined;
|
|
1816
|
-
colorScheme?: ColorScheme | undefined;
|
|
1817
|
-
mediaType?: MediaType | undefined;
|
|
1818
1828
|
addons?: FieldAddon[] | undefined;
|
|
1819
1829
|
controlMobileWidth?: csstype.Property.Width | undefined;
|
|
1820
1830
|
controlSectionWidth?: csstype.Property.Width | undefined;
|
|
@@ -1896,11 +1906,11 @@ interface EmailInputControlProps extends InputProps {
|
|
|
1896
1906
|
placeholder?: string;
|
|
1897
1907
|
}
|
|
1898
1908
|
declare const EmailInput: React__default.ForwardRefExoticComponent<EmailInputControlProps & {
|
|
1909
|
+
colorScheme?: ColorScheme | undefined;
|
|
1910
|
+
mediaType?: MediaType | undefined;
|
|
1899
1911
|
label?: React__default.ReactNode;
|
|
1900
1912
|
name?: string | undefined;
|
|
1901
1913
|
invalid?: boolean | undefined;
|
|
1902
|
-
colorScheme?: ColorScheme | undefined;
|
|
1903
|
-
mediaType?: MediaType | undefined;
|
|
1904
1914
|
addons?: FieldAddon[] | undefined;
|
|
1905
1915
|
controlMobileWidth?: csstype.Property.Width | undefined;
|
|
1906
1916
|
controlSectionWidth?: csstype.Property.Width | undefined;
|
|
@@ -1934,11 +1944,11 @@ interface MaskedInputBaseProps extends InputBaseProps {
|
|
|
1934
1944
|
declare const MaskedInputBase: React__default.ForwardRefExoticComponent<Omit<MaskedInputBaseProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
|
|
1935
1945
|
|
|
1936
1946
|
declare const MaskedInput: React.ForwardRefExoticComponent<Omit<MaskedInputBaseProps & {
|
|
1947
|
+
colorScheme?: ColorScheme | undefined;
|
|
1948
|
+
mediaType?: MediaType | undefined;
|
|
1937
1949
|
label?: React.ReactNode;
|
|
1938
1950
|
name?: string | undefined;
|
|
1939
1951
|
invalid?: boolean | undefined;
|
|
1940
|
-
colorScheme?: ColorScheme | undefined;
|
|
1941
|
-
mediaType?: MediaType | undefined;
|
|
1942
1952
|
addons?: FieldAddon[] | undefined;
|
|
1943
1953
|
controlMobileWidth?: csstype.Property.Width | undefined;
|
|
1944
1954
|
controlSectionWidth?: csstype.Property.Width | undefined;
|
|
@@ -1964,11 +1974,11 @@ declare const withMaskedInputField: <TProps extends ManagedMaskedInputProps>(Com
|
|
|
1964
1974
|
options?: RegisterOptions<TFieldValues>;
|
|
1965
1975
|
}) => React__default.JSX.Element;
|
|
1966
1976
|
declare const MaskedInputField: <TFieldValues extends FieldValues>(props: Omit<MaskedInputBaseProps & {
|
|
1977
|
+
colorScheme?: ColorScheme | undefined;
|
|
1978
|
+
mediaType?: MediaType | undefined;
|
|
1967
1979
|
label?: React__default.ReactNode;
|
|
1968
1980
|
name?: string | undefined;
|
|
1969
1981
|
invalid?: boolean | undefined;
|
|
1970
|
-
colorScheme?: ColorScheme | undefined;
|
|
1971
|
-
mediaType?: MediaType | undefined;
|
|
1972
1982
|
addons?: FieldAddon[] | undefined;
|
|
1973
1983
|
controlMobileWidth?: csstype.Property.Width | undefined;
|
|
1974
1984
|
controlSectionWidth?: csstype.Property.Width | undefined;
|
|
@@ -2024,11 +2034,11 @@ interface SearchInputControlProps extends InputProps {
|
|
|
2024
2034
|
placeholder?: string;
|
|
2025
2035
|
}
|
|
2026
2036
|
declare const SearchInput: React__default.ForwardRefExoticComponent<SearchInputControlProps & {
|
|
2037
|
+
colorScheme?: ColorScheme | undefined;
|
|
2038
|
+
mediaType?: MediaType | undefined;
|
|
2027
2039
|
label?: React__default.ReactNode;
|
|
2028
2040
|
name?: string | undefined;
|
|
2029
2041
|
invalid?: boolean | undefined;
|
|
2030
|
-
colorScheme?: ColorScheme | undefined;
|
|
2031
|
-
mediaType?: MediaType | undefined;
|
|
2032
2042
|
addons?: FieldAddon[] | undefined;
|
|
2033
2043
|
controlMobileWidth?: csstype.Property.Width | undefined;
|
|
2034
2044
|
controlSectionWidth?: csstype.Property.Width | undefined;
|
|
@@ -2134,11 +2144,11 @@ interface TextInputControlProps extends InputProps {
|
|
|
2134
2144
|
placeholder?: string;
|
|
2135
2145
|
}
|
|
2136
2146
|
declare const TextInput: React__default.ForwardRefExoticComponent<TextInputControlProps & {
|
|
2147
|
+
colorScheme?: ColorScheme | undefined;
|
|
2148
|
+
mediaType?: MediaType | undefined;
|
|
2137
2149
|
label?: React__default.ReactNode;
|
|
2138
2150
|
name?: string | undefined;
|
|
2139
2151
|
invalid?: boolean | undefined;
|
|
2140
|
-
colorScheme?: ColorScheme | undefined;
|
|
2141
|
-
mediaType?: MediaType | undefined;
|
|
2142
2152
|
addons?: FieldAddon[] | undefined;
|
|
2143
2153
|
controlMobileWidth?: csstype.Property.Width | undefined;
|
|
2144
2154
|
controlSectionWidth?: csstype.Property.Width | undefined;
|
|
@@ -2168,11 +2178,11 @@ interface TrailingTextInputControlProps extends InputProps {
|
|
|
2168
2178
|
suffix?: ReactNode;
|
|
2169
2179
|
}
|
|
2170
2180
|
declare const TrailingTextInput: React__default.ForwardRefExoticComponent<TrailingTextInputControlProps & {
|
|
2181
|
+
colorScheme?: ColorScheme | undefined;
|
|
2182
|
+
mediaType?: MediaType | undefined;
|
|
2171
2183
|
label?: React__default.ReactNode;
|
|
2172
2184
|
name?: string | undefined;
|
|
2173
2185
|
invalid?: boolean | undefined;
|
|
2174
|
-
colorScheme?: ColorScheme | undefined;
|
|
2175
|
-
mediaType?: MediaType | undefined;
|
|
2176
2186
|
addons?: FieldAddon[] | undefined;
|
|
2177
2187
|
controlMobileWidth?: csstype.Property.Width | undefined;
|
|
2178
2188
|
controlSectionWidth?: csstype.Property.Width | undefined;
|
|
@@ -2221,11 +2231,11 @@ interface DatePickerControlProps extends Pick<DatePickerProps$1, 'chooseDayAriaL
|
|
|
2221
2231
|
declare const DatePickerControl: React__default.ForwardRefExoticComponent<DatePickerControlProps & React__default.RefAttributes<HTMLInputElement>>;
|
|
2222
2232
|
|
|
2223
2233
|
declare const DatePicker: React.ForwardRefExoticComponent<DatePickerControlProps & {
|
|
2234
|
+
colorScheme?: ColorScheme | undefined;
|
|
2235
|
+
mediaType?: MediaType | undefined;
|
|
2224
2236
|
label?: React.ReactNode;
|
|
2225
2237
|
name?: string | undefined;
|
|
2226
2238
|
invalid?: boolean | undefined;
|
|
2227
|
-
colorScheme?: ColorScheme | undefined;
|
|
2228
|
-
mediaType?: MediaType | undefined;
|
|
2229
2239
|
addons?: FieldAddon[] | undefined;
|
|
2230
2240
|
controlMobileWidth?: csstype.Property.Width | undefined;
|
|
2231
2241
|
controlSectionWidth?: csstype.Property.Width | undefined;
|
|
@@ -2722,11 +2732,11 @@ interface FileInputControlProps extends FileInputSettings, DesignSystemBaseProps
|
|
|
2722
2732
|
declare const FileInputControl: React__default.ForwardRefExoticComponent<FileInputControlProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
2723
2733
|
|
|
2724
2734
|
declare const FileInput: React__default.ForwardRefExoticComponent<Omit<FileInputControlProps & {
|
|
2735
|
+
colorScheme?: ColorScheme | undefined;
|
|
2736
|
+
mediaType?: MediaType | undefined;
|
|
2725
2737
|
label?: React__default.ReactNode;
|
|
2726
2738
|
name?: string | undefined;
|
|
2727
2739
|
invalid?: boolean | undefined;
|
|
2728
|
-
colorScheme?: ColorScheme | undefined;
|
|
2729
|
-
mediaType?: MediaType | undefined;
|
|
2730
2740
|
addons?: FieldAddon[] | undefined;
|
|
2731
2741
|
controlMobileWidth?: csstype.Property.Width | undefined;
|
|
2732
2742
|
controlSectionWidth?: csstype.Property.Width | undefined;
|