@thecb/components 3.5.17 → 3.6.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/.storybook/main.js +1 -1
- package/.storybook/page.js +0 -2
- package/dist/index.cjs.js +409 -445
- package/package.json +2 -2
- package/src/components/atoms/alert/Alert.js +34 -50
- package/src/components/atoms/breadcrumb/Breadcrumb.js +1 -4
- package/src/components/atoms/button-with-action/ButtonWithAction.js +2 -2
- package/src/components/atoms/checkbox/Checkbox.js +0 -1
- package/src/components/atoms/checkbox-list/CheckboxList.js +1 -3
- package/src/components/atoms/display-card/DisplayCard.js +2 -4
- package/src/components/atoms/dropdown/Dropdown.js +4 -4
- package/src/components/atoms/dropdown/Dropdown.stories.js +33 -10
- package/src/components/atoms/form-layouts/FormInput.js +7 -27
- package/src/components/atoms/form-layouts/FormLayouts.stories.js +5 -5
- package/src/components/atoms/hamburger-button/HamburgerButton.js +3 -4
- package/src/components/atoms/icons/AccountsIconSmall.js +13 -6
- package/src/components/atoms/icons/icons.stories.js +1 -1
- package/src/components/atoms/layouts/Box.styled.js +0 -1
- package/src/components/atoms/layouts/Cluster.styled.js +1 -5
- package/src/components/atoms/layouts/Cover.styled.js +1 -0
- package/src/components/atoms/layouts/Imposter.styled.js +1 -0
- package/src/components/atoms/layouts/Sidebar.js +2 -2
- package/src/components/atoms/layouts/Sidebar.styled.js +3 -9
- package/src/components/atoms/radio-button/RadioButton.js +0 -1
- package/src/components/atoms/radio-button/RadioButton.stories.js +61 -26
- package/src/components/atoms/toggle-switch/ToggleSwitch.js +0 -1
- package/src/components/atoms/toggle-switch/ToggleSwitch.stories.js +51 -10
- package/src/components/molecules/content/Content.js +20 -0
- package/src/components/molecules/content/Content.theme.js +60 -0
- package/src/components/molecules/content/blocks/accordion-block/AccordionBlock.js +108 -0
- package/src/components/molecules/content/blocks/accordion-block/index.js +3 -0
- package/src/components/molecules/content/blocks/article-block/ArticleBlock.js +58 -0
- package/src/components/molecules/content/blocks/article-block/index.js +3 -0
- package/src/components/molecules/content/blocks/attached-file-block/AttachedFileBlock.js +60 -0
- package/src/components/molecules/content/blocks/attached-file-block/index.js +3 -0
- package/src/components/molecules/content/blocks/featured-content-block/FeaturedContentBlock.js +0 -0
- package/src/components/molecules/content/blocks/featured-content-block/index.js +0 -0
- package/src/components/molecules/content/blocks/hero-block/HeroBlock.js +54 -0
- package/src/components/molecules/content/blocks/hero-block/index.js +3 -0
- package/src/components/molecules/content/blocks/highlight-block/HighlightBlock.js +42 -0
- package/src/components/molecules/content/blocks/highlight-block/index.js +3 -0
- package/src/components/molecules/content/blocks/index.js +33 -0
- package/src/components/molecules/content/blocks/info-block/InfoBlock.js +15 -0
- package/src/components/molecules/content/blocks/info-block/index.js +3 -0
- package/src/components/molecules/content/blocks/location-block/LocationBlock.js +228 -0
- package/src/components/molecules/content/blocks/location-block/index.js +3 -0
- package/src/components/molecules/content/blocks/related-links-block/RelatedLinksBlock.js +35 -0
- package/src/components/molecules/content/blocks/related-links-block/index.js +3 -0
- package/src/components/molecules/content/blocks/screendoor-block/ScreendoorBlock.js +57 -0
- package/src/components/molecules/content/blocks/screendoor-block/ScreendoorForm.styled.js +314 -0
- package/src/components/molecules/content/blocks/screendoor-block/index.js +3 -0
- package/src/components/molecules/content/blocks/tagline-block/TaglineBlock.js +45 -0
- package/src/components/molecules/content/blocks/tagline-block/index.js +3 -0
- package/src/components/molecules/content/blocks/task-block/TaskBlock.js +40 -0
- package/src/components/molecules/content/blocks/task-block/index.js +3 -0
- package/src/components/molecules/content/blocks/text-block/TextBlock.js +40 -0
- package/src/components/molecules/content/blocks/text-block/index.js +3 -0
- package/src/components/molecules/content/header/Header.js +283 -0
- package/src/components/molecules/content/header/Header.theme.js +11 -0
- package/src/components/molecules/content/header/index.js +3 -0
- package/src/components/molecules/content/index.js +3 -0
- package/src/components/molecules/editable-list/EditableList.js +8 -11
- package/src/components/molecules/nav-menu/NavMenuDesktop.js +1 -2
- package/src/components/molecules/nav-menu/NavMenuMobile.js +1 -7
- package/src/components/molecules/radio-section/RadioSection.js +6 -15
- package/src/components/molecules/workflow-tile/WorkflowTile.js +3 -4
- package/src/deprecated/components/radio-button/radio-button.js +1 -5
- package/src/deprecated/icons/AlertSuccessIcon.js +3 -3
- package/src/deprecated/icons/IconInvalid.js +31 -7
- package/src/deprecated/icons/IconNeutral.js +4 -5
- package/src/deprecated/icons/IconValid.js +33 -8
- package/src/util/general.js +1 -10
- package/.tool-versions +0 -1
|
@@ -15,12 +15,11 @@ export const IconNeutral = ({
|
|
|
15
15
|
xmlns="http://www.w3.org/2000/svg"
|
|
16
16
|
xmlnsXlink="http://www.w3.org/1999/xlink"
|
|
17
17
|
style={{ margin }}
|
|
18
|
-
aria-label="Neutral"
|
|
19
18
|
>
|
|
20
|
-
<g fill={fill} fillRule="nonzero" stroke={fill}>
|
|
21
|
-
<g>
|
|
22
|
-
<g>
|
|
23
|
-
<circle cx="9" cy="9" r="8.5"></circle>
|
|
19
|
+
<g id="icon-neutral-group" fill={fill} fillRule="nonzero" stroke={fill}>
|
|
20
|
+
<g id="icon-neutral-Group-2">
|
|
21
|
+
<g id="icon-neutral-PasswordVerification-Empty">
|
|
22
|
+
<circle id="icon-neutral-Oval" cx="9" cy="9" r="8.5"></circle>
|
|
24
23
|
</g>
|
|
25
24
|
</g>
|
|
26
25
|
</g>
|
|
@@ -16,14 +16,32 @@ export const IconValid = ({
|
|
|
16
16
|
xmlns="http://www.w3.org/2000/svg"
|
|
17
17
|
xmlnsXlink="http://www.w3.org/1999/xlink"
|
|
18
18
|
style={{ margin }}
|
|
19
|
-
aria-label="Valid"
|
|
20
19
|
>
|
|
21
|
-
<g
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
20
|
+
<g
|
|
21
|
+
id="icon-valid-Authentication"
|
|
22
|
+
stroke="none"
|
|
23
|
+
strokeWidth="1"
|
|
24
|
+
fill="none"
|
|
25
|
+
fillRule="evenodd"
|
|
26
|
+
>
|
|
27
|
+
<g
|
|
28
|
+
id="icon-valid-00.1.0.1---HSS---Register---Already-Exists-Error"
|
|
29
|
+
transform="translate(-538.000000, -996.000000)"
|
|
30
|
+
>
|
|
31
|
+
<g
|
|
32
|
+
id="icon-valid-Password-Requirements"
|
|
33
|
+
transform="translate(457.000000, 938.000000)"
|
|
34
|
+
>
|
|
35
|
+
<g
|
|
36
|
+
id="icon-valid-Group-2"
|
|
37
|
+
transform="translate(81.000000, 20.000000)"
|
|
38
|
+
>
|
|
39
|
+
<g
|
|
40
|
+
id="icon-valid-PasswordVerification-Sucess"
|
|
41
|
+
transform="translate(0.000000, 38.000000)"
|
|
42
|
+
>
|
|
26
43
|
<circle
|
|
44
|
+
id="icon-valid-Oval"
|
|
27
45
|
stroke={bgFill}
|
|
28
46
|
fill={bgFill}
|
|
29
47
|
fillRule="nonzero"
|
|
@@ -31,9 +49,16 @@ export const IconValid = ({
|
|
|
31
49
|
cy="9"
|
|
32
50
|
r="8.5"
|
|
33
51
|
></circle>
|
|
34
|
-
<g
|
|
35
|
-
|
|
52
|
+
<g
|
|
53
|
+
id="icon-valid-baseline-check-24px"
|
|
54
|
+
transform="translate(2.000000, 2.000000)"
|
|
55
|
+
>
|
|
36
56
|
<polygon
|
|
57
|
+
id="icon-valid-Path"
|
|
58
|
+
points="0 0 14 0 14 14 0 14"
|
|
59
|
+
></polygon>
|
|
60
|
+
<polygon
|
|
61
|
+
id="icon-valid-Path-2"
|
|
37
62
|
fill={iconFill}
|
|
38
63
|
points="5.25 9.4325 2.8175 7 1.98916667 7.8225 5.25 11.0833333 12.25 4.08333333 11.4275 3.26083333"
|
|
39
64
|
></polygon>
|
package/src/util/general.js
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import React, { Fragment } from "react";
|
|
2
1
|
import numeral from "numeral";
|
|
3
2
|
|
|
4
3
|
export const noop = () => {};
|
|
@@ -10,17 +9,9 @@ export const displayCurrency = cents =>
|
|
|
10
9
|
|
|
11
10
|
export const convertCentsToMoneyInt = n => (n / 100).toFixed(0);
|
|
12
11
|
|
|
13
|
-
const createUniqueId = () =>
|
|
14
|
-
"_" +
|
|
15
|
-
Math.random()
|
|
16
|
-
.toString(36)
|
|
17
|
-
.substr(2, 9);
|
|
18
|
-
|
|
19
12
|
export const safeChildren = (children, replacement = []) => {
|
|
20
13
|
if (children && children instanceof Array) {
|
|
21
|
-
return children.map(child =>
|
|
22
|
-
!child ? <Fragment key={createUniqueId()}>{replacement}</Fragment> : child
|
|
23
|
-
);
|
|
14
|
+
return children.map(child => (!child ? replacement : child));
|
|
24
15
|
}
|
|
25
16
|
return !children ? replacement : children;
|
|
26
17
|
};
|
package/.tool-versions
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
nodejs 10.15.3
|