@thecb/components 8.2.0-beta.0 → 8.2.0-beta.1
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/package.json
CHANGED
|
@@ -22,7 +22,7 @@ const StyledBadge = styled(Text)`
|
|
|
22
22
|
letter-spacing: 0.2px;
|
|
23
23
|
color: ${({ variant }) => fallbackValues.color[variant]};
|
|
24
24
|
|
|
25
|
-
@media screen and (min-width:
|
|
25
|
+
@media screen and (min-width: 1049px) {
|
|
26
26
|
font-size: 12px;
|
|
27
27
|
line-height: 150%; /* 18px */
|
|
28
28
|
letter-spacing: 0.24px;
|
|
@@ -4,6 +4,7 @@ import Badge from "./Badge";
|
|
|
4
4
|
import page from "../../../../.storybook/page";
|
|
5
5
|
import AutopayIcon from "../icons/AutopayIcon";
|
|
6
6
|
|
|
7
|
+
const variantsLabel = "variants";
|
|
7
8
|
const variants = {
|
|
8
9
|
info: "info",
|
|
9
10
|
warn: "warn",
|
|
@@ -12,12 +13,14 @@ const variants = {
|
|
|
12
13
|
};
|
|
13
14
|
const defaultValue = "success";
|
|
14
15
|
const groupId = "props";
|
|
16
|
+
const labelLabel = "label";
|
|
17
|
+
const iconLabel = "Icon";
|
|
15
18
|
|
|
16
19
|
export const badge = () => (
|
|
17
20
|
<Badge
|
|
18
|
-
variant={select(
|
|
19
|
-
label={text(
|
|
20
|
-
Icon={text(
|
|
21
|
+
variant={select(variantsLabel, variants, defaultValue, groupId)}
|
|
22
|
+
label={text(labelLabel, "Autopay Available", groupId)}
|
|
23
|
+
Icon={text(iconLabel, AutopayIcon, groupId)}
|
|
21
24
|
/>
|
|
22
25
|
);
|
|
23
26
|
|