@patternfly/react-core 4.236.14 → 4.237.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/CHANGELOG.md +11 -0
- package/dist/esm/components/Button/Button.d.ts +10 -0
- package/dist/esm/components/Button/Button.d.ts.map +1 -1
- package/dist/esm/components/Button/Button.js +5 -2
- package/dist/esm/components/Button/Button.js.map +1 -1
- package/dist/js/components/Button/Button.d.ts +10 -0
- package/dist/js/components/Button/Button.d.ts.map +1 -1
- package/dist/js/components/Button/Button.js +5 -2
- package/dist/js/components/Button/Button.js.map +1 -1
- package/dist/umd/react-core.min.css +98 -98
- package/dist/umd/react-core.min.js +3 -3
- package/package.json +5 -5
- package/src/components/Button/Button.tsx +19 -0
- package/src/components/Button/examples/Button.md +8 -1
- package/src/components/Button/examples/ButtonWithCount.tsx +89 -0
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,17 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# 4.237.0 (2022-09-09)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* **Button:** new count number prop ([#7910](https://github.com/patternfly/patternfly-react/issues/7910)) ([a096b3c](https://github.com/patternfly/patternfly-react/commit/a096b3cba080b5bcd87777efe0e96e64c6da121f))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
## 4.236.14 (2022-09-08)
|
|
7
18
|
|
|
8
19
|
|
|
@@ -15,6 +15,14 @@ export declare enum ButtonType {
|
|
|
15
15
|
submit = "submit",
|
|
16
16
|
reset = "reset"
|
|
17
17
|
}
|
|
18
|
+
export interface BadgeCountObject {
|
|
19
|
+
/** Adds styling to the badge to indicate it has been read */
|
|
20
|
+
isRead?: boolean;
|
|
21
|
+
/** Adds count number right of button */
|
|
22
|
+
count?: number;
|
|
23
|
+
/** Additional classes added to the badge count */
|
|
24
|
+
className?: string;
|
|
25
|
+
}
|
|
18
26
|
export interface ButtonProps extends Omit<React.HTMLProps<HTMLButtonElement>, 'ref'>, OUIAProps {
|
|
19
27
|
/** Content rendered inside the button */
|
|
20
28
|
children?: React.ReactNode;
|
|
@@ -62,6 +70,8 @@ export interface ButtonProps extends Omit<React.HTMLProps<HTMLButtonElement>, 'r
|
|
|
62
70
|
isDanger?: boolean;
|
|
63
71
|
/** Forwarded ref */
|
|
64
72
|
innerRef?: React.Ref<any>;
|
|
73
|
+
/** Adds count number to button */
|
|
74
|
+
countOptions?: BadgeCountObject;
|
|
65
75
|
}
|
|
66
76
|
export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<any>>;
|
|
67
77
|
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAgB,SAAS,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAgB,SAAS,EAAE,MAAM,eAAe,CAAC;AAGxD,oBAAY,aAAa;IACvB,OAAO,YAAY;IACnB,SAAS,cAAc;IACvB,QAAQ,aAAa;IACrB,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,OAAO,YAAY;CACpB;AAED,oBAAY,UAAU;IACpB,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,KAAK,UAAU;CAChB;AAED,MAAM,WAAW,gBAAgB;IAC/B,8DAA8D;IAC9D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,EAAE,KAAK,CAAC,EAAE,SAAS;IAC7F,yCAAyC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC9D,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mCAAmC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sFAAsF;IACtF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gHAAgH;IAChH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,sCAAsC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8DAA8D;IAC9D,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,mEAAmE;IACnE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,yDAAyD;IACzD,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,qEAAqE;IACrE,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uBAAuB;IACvB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,iCAAiC;IACjC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;IACrG,qCAAqC;IACrC,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oEAAoE;IACpE,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;IAC9B,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,kCAAkC;IAClC,YAAY,CAAC,EAAE,gBAAgB,CAAC;CACjC;AA+GD,eAAO,MAAM,MAAM,yEAEjB,CAAC"}
|
|
@@ -4,6 +4,7 @@ import styles from '@patternfly/react-styles/css/components/Button/button';
|
|
|
4
4
|
import { css } from '@patternfly/react-styles';
|
|
5
5
|
import { Spinner, spinnerSize } from '../Spinner';
|
|
6
6
|
import { useOUIAProps } from '../../helpers';
|
|
7
|
+
import { Badge } from '../Badge';
|
|
7
8
|
export var ButtonVariant;
|
|
8
9
|
(function (ButtonVariant) {
|
|
9
10
|
ButtonVariant["primary"] = "primary";
|
|
@@ -22,7 +23,7 @@ export var ButtonType;
|
|
|
22
23
|
ButtonType["reset"] = "reset";
|
|
23
24
|
})(ButtonType || (ButtonType = {}));
|
|
24
25
|
const ButtonBase = (_a) => {
|
|
25
|
-
var { children = null, className = '', component = 'button', isActive = false, isBlock = false, isDisabled = false, isAriaDisabled = false, isLoading = null, isDanger = false, spinnerAriaValueText, spinnerAriaLabelledBy, spinnerAriaLabel, isSmall = false, isLarge = false, inoperableEvents = ['onClick', 'onKeyPress'], isInline = false, type = ButtonType.button, variant = ButtonVariant.primary, iconPosition = 'left', 'aria-label': ariaLabel = null, icon = null, ouiaId, ouiaSafe = true, tabIndex = null, innerRef } = _a, props = __rest(_a, ["children", "className", "component", "isActive", "isBlock", "isDisabled", "isAriaDisabled", "isLoading", "isDanger", "spinnerAriaValueText", "spinnerAriaLabelledBy", "spinnerAriaLabel", "isSmall", "isLarge", "inoperableEvents", "isInline", "type", "variant", "iconPosition", 'aria-label', "icon", "ouiaId", "ouiaSafe", "tabIndex", "innerRef"]);
|
|
26
|
+
var { children = null, className = '', component = 'button', isActive = false, isBlock = false, isDisabled = false, isAriaDisabled = false, isLoading = null, isDanger = false, spinnerAriaValueText, spinnerAriaLabelledBy, spinnerAriaLabel, isSmall = false, isLarge = false, inoperableEvents = ['onClick', 'onKeyPress'], isInline = false, type = ButtonType.button, variant = ButtonVariant.primary, iconPosition = 'left', 'aria-label': ariaLabel = null, icon = null, ouiaId, ouiaSafe = true, tabIndex = null, innerRef, countOptions } = _a, props = __rest(_a, ["children", "className", "component", "isActive", "isBlock", "isDisabled", "isAriaDisabled", "isLoading", "isDanger", "spinnerAriaValueText", "spinnerAriaLabelledBy", "spinnerAriaLabel", "isSmall", "isLarge", "inoperableEvents", "isInline", "type", "variant", "iconPosition", 'aria-label', "icon", "ouiaId", "ouiaSafe", "tabIndex", "innerRef", "countOptions"]);
|
|
26
27
|
const ouiaProps = useOUIAProps(Button.displayName, ouiaId, ouiaSafe, variant);
|
|
27
28
|
const Component = component;
|
|
28
29
|
const isButtonElement = Component === 'button';
|
|
@@ -47,7 +48,9 @@ const ButtonBase = (_a) => {
|
|
|
47
48
|
variant === ButtonVariant.plain && children === null && icon ? icon : null,
|
|
48
49
|
variant !== ButtonVariant.plain && icon && iconPosition === 'left' && (React.createElement("span", { className: css(styles.buttonIcon, styles.modifiers.start) }, icon)),
|
|
49
50
|
children,
|
|
50
|
-
variant !== ButtonVariant.plain && icon && iconPosition === 'right' && (React.createElement("span", { className: css(styles.buttonIcon, styles.modifiers.end) }, icon))
|
|
51
|
+
variant !== ButtonVariant.plain && icon && iconPosition === 'right' && (React.createElement("span", { className: css(styles.buttonIcon, styles.modifiers.end) }, icon)),
|
|
52
|
+
countOptions && (React.createElement("span", { className: css(styles.buttonCount, countOptions.className) },
|
|
53
|
+
React.createElement(Badge, { isRead: countOptions.isRead }, countOptions.count)))));
|
|
51
54
|
};
|
|
52
55
|
export const Button = React.forwardRef((props, ref) => (React.createElement(ButtonBase, Object.assign({ innerRef: ref }, props))));
|
|
53
56
|
Button.displayName = 'Button';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,uDAAuD,CAAC;AAC3E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAClD,OAAO,EAAE,YAAY,EAAa,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,6 +15,14 @@ export declare enum ButtonType {
|
|
|
15
15
|
submit = "submit",
|
|
16
16
|
reset = "reset"
|
|
17
17
|
}
|
|
18
|
+
export interface BadgeCountObject {
|
|
19
|
+
/** Adds styling to the badge to indicate it has been read */
|
|
20
|
+
isRead?: boolean;
|
|
21
|
+
/** Adds count number right of button */
|
|
22
|
+
count?: number;
|
|
23
|
+
/** Additional classes added to the badge count */
|
|
24
|
+
className?: string;
|
|
25
|
+
}
|
|
18
26
|
export interface ButtonProps extends Omit<React.HTMLProps<HTMLButtonElement>, 'ref'>, OUIAProps {
|
|
19
27
|
/** Content rendered inside the button */
|
|
20
28
|
children?: React.ReactNode;
|
|
@@ -62,6 +70,8 @@ export interface ButtonProps extends Omit<React.HTMLProps<HTMLButtonElement>, 'r
|
|
|
62
70
|
isDanger?: boolean;
|
|
63
71
|
/** Forwarded ref */
|
|
64
72
|
innerRef?: React.Ref<any>;
|
|
73
|
+
/** Adds count number to button */
|
|
74
|
+
countOptions?: BadgeCountObject;
|
|
65
75
|
}
|
|
66
76
|
export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<any>>;
|
|
67
77
|
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAgB,SAAS,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAgB,SAAS,EAAE,MAAM,eAAe,CAAC;AAGxD,oBAAY,aAAa;IACvB,OAAO,YAAY;IACnB,SAAS,cAAc;IACvB,QAAQ,aAAa;IACrB,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,OAAO,YAAY;CACpB;AAED,oBAAY,UAAU;IACpB,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,KAAK,UAAU;CAChB;AAED,MAAM,WAAW,gBAAgB;IAC/B,8DAA8D;IAC9D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,EAAE,KAAK,CAAC,EAAE,SAAS;IAC7F,yCAAyC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC9D,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mCAAmC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sFAAsF;IACtF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gHAAgH;IAChH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,sCAAsC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8DAA8D;IAC9D,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,mEAAmE;IACnE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,yDAAyD;IACzD,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,qEAAqE;IACrE,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uBAAuB;IACvB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,iCAAiC;IACjC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;IACrG,qCAAqC;IACrC,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oEAAoE;IACpE,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;IAC9B,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,kCAAkC;IAClC,YAAY,CAAC,EAAE,gBAAgB,CAAC;CACjC;AA+GD,eAAO,MAAM,MAAM,yEAEjB,CAAC"}
|
|
@@ -7,6 +7,7 @@ const button_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/c
|
|
|
7
7
|
const react_styles_1 = require("@patternfly/react-styles");
|
|
8
8
|
const Spinner_1 = require("../Spinner");
|
|
9
9
|
const helpers_1 = require("../../helpers");
|
|
10
|
+
const Badge_1 = require("../Badge");
|
|
10
11
|
var ButtonVariant;
|
|
11
12
|
(function (ButtonVariant) {
|
|
12
13
|
ButtonVariant["primary"] = "primary";
|
|
@@ -25,7 +26,7 @@ var ButtonType;
|
|
|
25
26
|
ButtonType["reset"] = "reset";
|
|
26
27
|
})(ButtonType = exports.ButtonType || (exports.ButtonType = {}));
|
|
27
28
|
const ButtonBase = (_a) => {
|
|
28
|
-
var { children = null, className = '', component = 'button', isActive = false, isBlock = false, isDisabled = false, isAriaDisabled = false, isLoading = null, isDanger = false, spinnerAriaValueText, spinnerAriaLabelledBy, spinnerAriaLabel, isSmall = false, isLarge = false, inoperableEvents = ['onClick', 'onKeyPress'], isInline = false, type = ButtonType.button, variant = ButtonVariant.primary, iconPosition = 'left', 'aria-label': ariaLabel = null, icon = null, ouiaId, ouiaSafe = true, tabIndex = null, innerRef } = _a, props = tslib_1.__rest(_a, ["children", "className", "component", "isActive", "isBlock", "isDisabled", "isAriaDisabled", "isLoading", "isDanger", "spinnerAriaValueText", "spinnerAriaLabelledBy", "spinnerAriaLabel", "isSmall", "isLarge", "inoperableEvents", "isInline", "type", "variant", "iconPosition", 'aria-label', "icon", "ouiaId", "ouiaSafe", "tabIndex", "innerRef"]);
|
|
29
|
+
var { children = null, className = '', component = 'button', isActive = false, isBlock = false, isDisabled = false, isAriaDisabled = false, isLoading = null, isDanger = false, spinnerAriaValueText, spinnerAriaLabelledBy, spinnerAriaLabel, isSmall = false, isLarge = false, inoperableEvents = ['onClick', 'onKeyPress'], isInline = false, type = ButtonType.button, variant = ButtonVariant.primary, iconPosition = 'left', 'aria-label': ariaLabel = null, icon = null, ouiaId, ouiaSafe = true, tabIndex = null, innerRef, countOptions } = _a, props = tslib_1.__rest(_a, ["children", "className", "component", "isActive", "isBlock", "isDisabled", "isAriaDisabled", "isLoading", "isDanger", "spinnerAriaValueText", "spinnerAriaLabelledBy", "spinnerAriaLabel", "isSmall", "isLarge", "inoperableEvents", "isInline", "type", "variant", "iconPosition", 'aria-label', "icon", "ouiaId", "ouiaSafe", "tabIndex", "innerRef", "countOptions"]);
|
|
29
30
|
const ouiaProps = helpers_1.useOUIAProps(exports.Button.displayName, ouiaId, ouiaSafe, variant);
|
|
30
31
|
const Component = component;
|
|
31
32
|
const isButtonElement = Component === 'button';
|
|
@@ -50,7 +51,9 @@ const ButtonBase = (_a) => {
|
|
|
50
51
|
variant === ButtonVariant.plain && children === null && icon ? icon : null,
|
|
51
52
|
variant !== ButtonVariant.plain && icon && iconPosition === 'left' && (React.createElement("span", { className: react_styles_1.css(button_1.default.buttonIcon, button_1.default.modifiers.start) }, icon)),
|
|
52
53
|
children,
|
|
53
|
-
variant !== ButtonVariant.plain && icon && iconPosition === 'right' && (React.createElement("span", { className: react_styles_1.css(button_1.default.buttonIcon, button_1.default.modifiers.end) }, icon))
|
|
54
|
+
variant !== ButtonVariant.plain && icon && iconPosition === 'right' && (React.createElement("span", { className: react_styles_1.css(button_1.default.buttonIcon, button_1.default.modifiers.end) }, icon)),
|
|
55
|
+
countOptions && (React.createElement("span", { className: react_styles_1.css(button_1.default.buttonCount, countOptions.className) },
|
|
56
|
+
React.createElement(Badge_1.Badge, { isRead: countOptions.isRead }, countOptions.count)))));
|
|
54
57
|
};
|
|
55
58
|
exports.Button = React.forwardRef((props, ref) => (React.createElement(ButtonBase, Object.assign({ innerRef: ref }, props))));
|
|
56
59
|
exports.Button.displayName = 'Button';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2GAA2E;AAC3E,2DAA+C;AAC/C,wCAAkD;AAClD,2CAAwD;
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10626,92 +10626,6 @@ button.pf-c-label__content:focus {
|
|
|
10626
10626
|
--pf-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor: var(--pf-global--palette--cyan-100);
|
|
10627
10627
|
}
|
|
10628
10628
|
|
|
10629
|
-
.pf-c-list {
|
|
10630
|
-
--pf-c-list--PaddingLeft: var(--pf-global--spacer--lg);
|
|
10631
|
-
--pf-c-list--nested--MarginTop: var(--pf-global--spacer--sm);
|
|
10632
|
-
--pf-c-list--nested--MarginLeft: var(--pf-global--spacer--sm);
|
|
10633
|
-
--pf-c-list--ul--ListStyle: var(--pf-global--ListStyle);
|
|
10634
|
-
--pf-c-list--li--MarginTop: var(--pf-global--spacer--sm);
|
|
10635
|
-
--pf-c-list--m-inline--li--MarginRight: var(--pf-global--spacer--lg);
|
|
10636
|
-
--pf-c-list--m-bordered--li--PaddingBottom: var(--pf-global--spacer--sm);
|
|
10637
|
-
--pf-c-list--m-bordered--li--BorderBottomColor: var(--pf-global--BorderColor--100);
|
|
10638
|
-
--pf-c-list--m-bordered--li--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
|
|
10639
|
-
--pf-c-list__item-icon--MinWidth: var(--pf-global--icon--FontSize--sm);
|
|
10640
|
-
--pf-c-list__item-icon--MarginTop: 0.375rem;
|
|
10641
|
-
--pf-c-list__item-icon--MarginRight: var(--pf-global--spacer--sm);
|
|
10642
|
-
--pf-c-list__item-icon--Color: var(--pf-global--icon--Color--light);
|
|
10643
|
-
--pf-c-list__item-icon--FontSize: var(--pf-global--icon--FontSize--sm);
|
|
10644
|
-
--pf-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-global--icon--FontSize--lg);
|
|
10645
|
-
--pf-c-list--m-icon-lg__item-icon--MarginRight: var(--pf-global--spacer--md);
|
|
10646
|
-
--pf-c-list--m-icon-lg__item-icon--FontSize: var(--pf-global--icon--FontSize--lg);
|
|
10647
|
-
padding-left: var(--pf-c-list--PaddingLeft);
|
|
10648
|
-
}
|
|
10649
|
-
|
|
10650
|
-
.pf-c-list ol,
|
|
10651
|
-
.pf-c-list ul {
|
|
10652
|
-
margin-top: var(--pf-c-list--nested--MarginTop);
|
|
10653
|
-
margin-left: var(--pf-c-list--nested--MarginLeft);
|
|
10654
|
-
}
|
|
10655
|
-
|
|
10656
|
-
.pf-c-list li + li {
|
|
10657
|
-
margin-top: var(--pf-c-list--li--MarginTop);
|
|
10658
|
-
}
|
|
10659
|
-
|
|
10660
|
-
ul.pf-c-list {
|
|
10661
|
-
list-style: var(--pf-c-list--ul--ListStyle);
|
|
10662
|
-
}
|
|
10663
|
-
|
|
10664
|
-
.pf-c-list .pf-c-list__item {
|
|
10665
|
-
display: flex;
|
|
10666
|
-
}
|
|
10667
|
-
|
|
10668
|
-
.pf-c-list .pf-c-list__item-icon {
|
|
10669
|
-
flex-shrink: 0;
|
|
10670
|
-
min-width: var(--pf-c-list__item-icon--MinWidth);
|
|
10671
|
-
margin-top: var(--pf-c-list__item-icon--MarginTop);
|
|
10672
|
-
margin-right: var(--pf-c-list__item-icon--MarginRight);
|
|
10673
|
-
font-size: var(--pf-c-list__item-icon--FontSize);
|
|
10674
|
-
line-height: 1;
|
|
10675
|
-
color: var(--pf-c-list__item-icon--Color);
|
|
10676
|
-
}
|
|
10677
|
-
|
|
10678
|
-
.pf-c-list.pf-m-icon-lg {
|
|
10679
|
-
--pf-c-list__item-icon--MinWidth: var(--pf-c-list--m-icon-lg__item-icon--MinWidth);
|
|
10680
|
-
--pf-c-list__item-icon--MarginTop: 0;
|
|
10681
|
-
--pf-c-list__item-icon--MarginRight: var(--pf-c-list--m-icon-lg__item-icon--MarginRight);
|
|
10682
|
-
--pf-c-list__item-icon--FontSize: var(--pf-c-list--m-icon-lg__item-icon--FontSize);
|
|
10683
|
-
}
|
|
10684
|
-
|
|
10685
|
-
.pf-c-list.pf-m-plain {
|
|
10686
|
-
--pf-c-list--PaddingLeft: 0;
|
|
10687
|
-
list-style: none;
|
|
10688
|
-
}
|
|
10689
|
-
|
|
10690
|
-
.pf-c-list.pf-m-inline {
|
|
10691
|
-
--pf-c-list--PaddingLeft: 0;
|
|
10692
|
-
display: flex;
|
|
10693
|
-
flex-wrap: wrap;
|
|
10694
|
-
list-style: none;
|
|
10695
|
-
}
|
|
10696
|
-
|
|
10697
|
-
.pf-c-list.pf-m-inline li {
|
|
10698
|
-
--pf-c-list--li--MarginTop: 0;
|
|
10699
|
-
}
|
|
10700
|
-
|
|
10701
|
-
.pf-c-list.pf-m-inline li:not(:last-child) {
|
|
10702
|
-
margin-right: var(--pf-c-list--m-inline--li--MarginRight);
|
|
10703
|
-
}
|
|
10704
|
-
|
|
10705
|
-
.pf-c-list.pf-m-bordered > * {
|
|
10706
|
-
padding-bottom: var(--pf-c-list--m-bordered--li--PaddingBottom);
|
|
10707
|
-
border-bottom: var(--pf-c-list--m-bordered--li--BorderBottomWidth) solid var(--pf-c-list--m-bordered--li--BorderBottomColor);
|
|
10708
|
-
}
|
|
10709
|
-
|
|
10710
|
-
.pf-c-list.pf-m-bordered > :last-child {
|
|
10711
|
-
--pf-c-list--m-bordered--li--PaddingBottom: 0;
|
|
10712
|
-
--pf-c-list--m-bordered--li--BorderBottomWidth: 0;
|
|
10713
|
-
}
|
|
10714
|
-
|
|
10715
10629
|
.pf-c-label-group {
|
|
10716
10630
|
--pf-c-label-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
|
|
10717
10631
|
--pf-c-label-group__list--MarginRight: calc(var(--pf-global--spacer--xs) * -1);
|
|
@@ -10856,6 +10770,92 @@ ul.pf-c-list {
|
|
|
10856
10770
|
display: none;
|
|
10857
10771
|
}
|
|
10858
10772
|
|
|
10773
|
+
.pf-c-list {
|
|
10774
|
+
--pf-c-list--PaddingLeft: var(--pf-global--spacer--lg);
|
|
10775
|
+
--pf-c-list--nested--MarginTop: var(--pf-global--spacer--sm);
|
|
10776
|
+
--pf-c-list--nested--MarginLeft: var(--pf-global--spacer--sm);
|
|
10777
|
+
--pf-c-list--ul--ListStyle: var(--pf-global--ListStyle);
|
|
10778
|
+
--pf-c-list--li--MarginTop: var(--pf-global--spacer--sm);
|
|
10779
|
+
--pf-c-list--m-inline--li--MarginRight: var(--pf-global--spacer--lg);
|
|
10780
|
+
--pf-c-list--m-bordered--li--PaddingBottom: var(--pf-global--spacer--sm);
|
|
10781
|
+
--pf-c-list--m-bordered--li--BorderBottomColor: var(--pf-global--BorderColor--100);
|
|
10782
|
+
--pf-c-list--m-bordered--li--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
|
|
10783
|
+
--pf-c-list__item-icon--MinWidth: var(--pf-global--icon--FontSize--sm);
|
|
10784
|
+
--pf-c-list__item-icon--MarginTop: 0.375rem;
|
|
10785
|
+
--pf-c-list__item-icon--MarginRight: var(--pf-global--spacer--sm);
|
|
10786
|
+
--pf-c-list__item-icon--Color: var(--pf-global--icon--Color--light);
|
|
10787
|
+
--pf-c-list__item-icon--FontSize: var(--pf-global--icon--FontSize--sm);
|
|
10788
|
+
--pf-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-global--icon--FontSize--lg);
|
|
10789
|
+
--pf-c-list--m-icon-lg__item-icon--MarginRight: var(--pf-global--spacer--md);
|
|
10790
|
+
--pf-c-list--m-icon-lg__item-icon--FontSize: var(--pf-global--icon--FontSize--lg);
|
|
10791
|
+
padding-left: var(--pf-c-list--PaddingLeft);
|
|
10792
|
+
}
|
|
10793
|
+
|
|
10794
|
+
.pf-c-list ol,
|
|
10795
|
+
.pf-c-list ul {
|
|
10796
|
+
margin-top: var(--pf-c-list--nested--MarginTop);
|
|
10797
|
+
margin-left: var(--pf-c-list--nested--MarginLeft);
|
|
10798
|
+
}
|
|
10799
|
+
|
|
10800
|
+
.pf-c-list li + li {
|
|
10801
|
+
margin-top: var(--pf-c-list--li--MarginTop);
|
|
10802
|
+
}
|
|
10803
|
+
|
|
10804
|
+
ul.pf-c-list {
|
|
10805
|
+
list-style: var(--pf-c-list--ul--ListStyle);
|
|
10806
|
+
}
|
|
10807
|
+
|
|
10808
|
+
.pf-c-list .pf-c-list__item {
|
|
10809
|
+
display: flex;
|
|
10810
|
+
}
|
|
10811
|
+
|
|
10812
|
+
.pf-c-list .pf-c-list__item-icon {
|
|
10813
|
+
flex-shrink: 0;
|
|
10814
|
+
min-width: var(--pf-c-list__item-icon--MinWidth);
|
|
10815
|
+
margin-top: var(--pf-c-list__item-icon--MarginTop);
|
|
10816
|
+
margin-right: var(--pf-c-list__item-icon--MarginRight);
|
|
10817
|
+
font-size: var(--pf-c-list__item-icon--FontSize);
|
|
10818
|
+
line-height: 1;
|
|
10819
|
+
color: var(--pf-c-list__item-icon--Color);
|
|
10820
|
+
}
|
|
10821
|
+
|
|
10822
|
+
.pf-c-list.pf-m-icon-lg {
|
|
10823
|
+
--pf-c-list__item-icon--MinWidth: var(--pf-c-list--m-icon-lg__item-icon--MinWidth);
|
|
10824
|
+
--pf-c-list__item-icon--MarginTop: 0;
|
|
10825
|
+
--pf-c-list__item-icon--MarginRight: var(--pf-c-list--m-icon-lg__item-icon--MarginRight);
|
|
10826
|
+
--pf-c-list__item-icon--FontSize: var(--pf-c-list--m-icon-lg__item-icon--FontSize);
|
|
10827
|
+
}
|
|
10828
|
+
|
|
10829
|
+
.pf-c-list.pf-m-plain {
|
|
10830
|
+
--pf-c-list--PaddingLeft: 0;
|
|
10831
|
+
list-style: none;
|
|
10832
|
+
}
|
|
10833
|
+
|
|
10834
|
+
.pf-c-list.pf-m-inline {
|
|
10835
|
+
--pf-c-list--PaddingLeft: 0;
|
|
10836
|
+
display: flex;
|
|
10837
|
+
flex-wrap: wrap;
|
|
10838
|
+
list-style: none;
|
|
10839
|
+
}
|
|
10840
|
+
|
|
10841
|
+
.pf-c-list.pf-m-inline li {
|
|
10842
|
+
--pf-c-list--li--MarginTop: 0;
|
|
10843
|
+
}
|
|
10844
|
+
|
|
10845
|
+
.pf-c-list.pf-m-inline li:not(:last-child) {
|
|
10846
|
+
margin-right: var(--pf-c-list--m-inline--li--MarginRight);
|
|
10847
|
+
}
|
|
10848
|
+
|
|
10849
|
+
.pf-c-list.pf-m-bordered > * {
|
|
10850
|
+
padding-bottom: var(--pf-c-list--m-bordered--li--PaddingBottom);
|
|
10851
|
+
border-bottom: var(--pf-c-list--m-bordered--li--BorderBottomWidth) solid var(--pf-c-list--m-bordered--li--BorderBottomColor);
|
|
10852
|
+
}
|
|
10853
|
+
|
|
10854
|
+
.pf-c-list.pf-m-bordered > :last-child {
|
|
10855
|
+
--pf-c-list--m-bordered--li--PaddingBottom: 0;
|
|
10856
|
+
--pf-c-list--m-bordered--li--BorderBottomWidth: 0;
|
|
10857
|
+
}
|
|
10858
|
+
|
|
10859
10859
|
.pf-c-login__footer, .pf-c-login__header {
|
|
10860
10860
|
--pf-global--Color--100: var(--pf-global--Color--light-100);
|
|
10861
10861
|
--pf-global--Color--200: var(--pf-global--Color--light-200);
|
|
@@ -27472,6 +27472,18 @@ label.pf-c-tree-view__node-text {
|
|
|
27472
27472
|
grid-gap: var(--pf-l-grid--m-gutter--GridGap);
|
|
27473
27473
|
}
|
|
27474
27474
|
|
|
27475
|
+
.pf-l-level {
|
|
27476
|
+
--pf-l-level--m-gutter--MarginRight: var(--pf-global--gutter);
|
|
27477
|
+
display: flex;
|
|
27478
|
+
flex-wrap: wrap;
|
|
27479
|
+
align-items: center;
|
|
27480
|
+
justify-content: space-between;
|
|
27481
|
+
}
|
|
27482
|
+
|
|
27483
|
+
.pf-l-level.pf-m-gutter > *:not(:last-child) {
|
|
27484
|
+
margin-right: var(--pf-l-level--m-gutter--MarginRight);
|
|
27485
|
+
}
|
|
27486
|
+
|
|
27475
27487
|
.pf-l-split {
|
|
27476
27488
|
--pf-l-split--m-gutter--MarginRight: var(--pf-global--gutter);
|
|
27477
27489
|
display: flex;
|
|
@@ -27491,18 +27503,6 @@ label.pf-c-tree-view__node-text {
|
|
|
27491
27503
|
margin-right: var(--pf-l-split--m-gutter--MarginRight);
|
|
27492
27504
|
}
|
|
27493
27505
|
|
|
27494
|
-
.pf-l-level {
|
|
27495
|
-
--pf-l-level--m-gutter--MarginRight: var(--pf-global--gutter);
|
|
27496
|
-
display: flex;
|
|
27497
|
-
flex-wrap: wrap;
|
|
27498
|
-
align-items: center;
|
|
27499
|
-
justify-content: space-between;
|
|
27500
|
-
}
|
|
27501
|
-
|
|
27502
|
-
.pf-l-level.pf-m-gutter > *:not(:last-child) {
|
|
27503
|
-
margin-right: var(--pf-l-level--m-gutter--MarginRight);
|
|
27504
|
-
}
|
|
27505
|
-
|
|
27506
27506
|
.pf-l-stack {
|
|
27507
27507
|
--pf-l-stack--m-gutter--MarginBottom: var(--pf-global--gutter);
|
|
27508
27508
|
display: flex;
|