react-magma-dom 5.2.0-rc.12 → 5.2.0-rc.14
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/components/Checkbox/Checkbox.stories.d.ts +8 -0
- package/dist/components/Checkbox/index.d.ts +13 -11
- package/dist/components/Dropdown/Dropdown.d.ts +1 -0
- package/dist/components/Dropdown/DropdownSplitButton.d.ts +4 -0
- package/dist/esm/index.js +201 -77
- package/dist/esm/index.js.map +1 -1
- package/dist/properties.json +131 -0
- package/dist/react-magma-dom.cjs.development.js +157 -69
- package/dist/react-magma-dom.cjs.development.js.map +1 -1
- package/dist/react-magma-dom.cjs.production.min.js +1 -1
- package/dist/react-magma-dom.cjs.production.min.js.map +1 -1
- package/package.json +3 -1
|
@@ -75,16 +75,11 @@ export interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElemen
|
|
|
75
75
|
}
|
|
76
76
|
export declare const HiddenLabelText: import("@emotion/styled").StyledComponent<{
|
|
77
77
|
theme?: import("@emotion/react").Theme;
|
|
78
|
-
as?: React.ElementType<any, "symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "
|
|
78
|
+
as?: React.ElementType<any, "symbol" | "object" | "input" | "style" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "search" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "noindex" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view">;
|
|
79
79
|
}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
80
|
-
export declare const
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
}, React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
|
|
84
|
-
export declare const StyledFakeInput: import("@emotion/styled").StyledComponent<{
|
|
85
|
-
theme?: import("@emotion/react").Theme;
|
|
86
|
-
as?: React.ElementType<any, "symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "search" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view">;
|
|
87
|
-
} & {
|
|
80
|
+
export declare const checkboxInputClassName = "magma-checkbox-input";
|
|
81
|
+
export declare const HiddenInput: React.FC<React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>> | React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;
|
|
82
|
+
interface FakeInputStyleProps {
|
|
88
83
|
isChecked?: boolean;
|
|
89
84
|
color: string;
|
|
90
85
|
disabled?: boolean;
|
|
@@ -93,6 +88,13 @@ export declare const StyledFakeInput: import("@emotion/styled").StyledComponent<
|
|
|
93
88
|
hasError?: boolean;
|
|
94
89
|
hideFocus?: boolean;
|
|
95
90
|
textPosition?: CheckboxTextPosition;
|
|
96
|
-
theme
|
|
97
|
-
}
|
|
91
|
+
theme: ThemeInterface;
|
|
92
|
+
}
|
|
93
|
+
export interface StyledFakeInputProps extends FakeInputStyleProps {
|
|
94
|
+
children?: React.ReactNode;
|
|
95
|
+
style?: React.CSSProperties;
|
|
96
|
+
'aria-hidden'?: React.AriaAttributes['aria-hidden'];
|
|
97
|
+
}
|
|
98
|
+
export declare const StyledFakeInput: React.FC<StyledFakeInputProps & React.RefAttributes<any>> | React.ForwardRefExoticComponent<StyledFakeInputProps & React.RefAttributes<any>>;
|
|
98
99
|
export declare const Checkbox: React.MemoExoticComponent<React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>>;
|
|
100
|
+
export {};
|
|
@@ -88,6 +88,7 @@ interface DropdownContextInterface {
|
|
|
88
88
|
setFloating?: (node: ReferenceType) => void;
|
|
89
89
|
setReference?: (node: ReferenceType) => void;
|
|
90
90
|
toggleRef?: any;
|
|
91
|
+
leftButtonRef?: React.MutableRefObject<HTMLButtonElement>;
|
|
91
92
|
width?: string;
|
|
92
93
|
}
|
|
93
94
|
export declare const DropdownContext: React.Context<DropdownContextInterface>;
|
|
@@ -26,5 +26,9 @@ export interface DropdownSplitButtonProps extends ButtonStyles {
|
|
|
26
26
|
* Function that fires when the button is clicked
|
|
27
27
|
*/
|
|
28
28
|
onClick?: () => void;
|
|
29
|
+
/**
|
|
30
|
+
* Ref for the main action button (left side).
|
|
31
|
+
*/
|
|
32
|
+
mainButtonRef?: React.Ref<HTMLButtonElement>;
|
|
29
33
|
}
|
|
30
34
|
export declare const DropdownSplitButton: React.ForwardRefExoticComponent<DropdownSplitButtonProps & React.RefAttributes<HTMLButtonElement>>;
|