@npm_leadtech/legal-lib-components 7.101.0 → 7.102.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/dist/css/styles.css +0 -16
- package/dist/images/componentsSvg/ArrowRight.js +1 -1
- package/dist/images/componentsSvg/ArrowRight.tsx +1 -1
- package/dist/images/componentsSvg/CloseIcon.js +1 -1
- package/dist/images/componentsSvg/CloseIcon.tsx +6 -3
- package/dist/images/componentsSvg/Delete24p.tsx +2 -1
- package/dist/images/componentsSvg/Done24px.d.ts +1 -1
- package/dist/images/componentsSvg/Done24px.js +1 -1
- package/dist/images/componentsSvg/Done24px.tsx +7 -4
- package/dist/images/componentsSvg/Edit24p.tsx +1 -1
- package/dist/images/componentsSvg/EditText24px.tsx +1 -1
- package/dist/images/componentsSvg/Eye24pxOptimized.tsx +1 -1
- package/dist/images/componentsSvg/IconDuplicate24px.tsx +1 -1
- package/dist/images/componentsSvg/InfoError24pxOutlined.js +1 -1
- package/dist/images/componentsSvg/InfoError24pxOutlined.tsx +1 -1
- package/dist/images/componentsSvg/MenuCollapse24p.js +1 -1
- package/dist/images/componentsSvg/MenuCollapse24p.tsx +1 -1
- package/dist/images/componentsSvg/NewRelease24p.d.ts +1 -1
- package/dist/images/componentsSvg/NewRelease24p.js +2 -2
- package/dist/images/componentsSvg/NewRelease24p.tsx +19 -4
- package/dist/images/componentsSvg/RatafiaIcon24px.tsx +3 -3
- package/dist/images/componentsSvg/Sign24px.d.ts +2 -2
- package/dist/images/componentsSvg/Sign24px.js +1 -1
- package/dist/images/componentsSvg/Sign24px.tsx +6 -7
- package/dist/images/componentsSvg/Time24px.d.ts +1 -1
- package/dist/images/componentsSvg/Time24px.js +2 -2
- package/dist/images/componentsSvg/Time24px.tsx +26 -8
- package/dist/src/components/atoms/Button/Button.js +1 -1
- package/dist/src/components/atoms/Button/Button.scss +0 -19
- package/dist/src/components/atoms/Button/Button.tsx +1 -1
- package/dist/src/components/atoms/Button/ButtonProps.types.d.ts +1 -1
- package/dist/src/components/atoms/Button/ButtonProps.types.ts +0 -1
- package/dist/src/components/atoms/DatePickerCustom/DatepickerPlugin.scss +20 -20
- package/dist/src/components/atoms/DatePickerCustom/index.js.map +4 -4
- package/dist/src/components/atoms/DocumentStatus/DocumentStatus.js +15 -5
- package/dist/src/components/atoms/DocumentStatus/DocumentStatus.styled.js +40 -41
- package/dist/src/components/atoms/DocumentStatus/DocumentStatus.styled.ts +40 -41
- package/dist/src/components/atoms/DocumentStatus/DocumentStatus.tsx +35 -7
- package/dist/src/components/atoms/DocumentStatus/DocumentStatusProps.types.d.ts +6 -4
- package/dist/src/components/atoms/DocumentStatus/DocumentStatusProps.types.ts +6 -5
- package/dist/src/components/atoms/MessageInformation/MessageInformation.js +2 -4
- package/dist/src/components/atoms/MessageInformation/MessageInformation.styled.js +0 -1
- package/dist/src/components/atoms/MessageInformation/MessageInformation.styled.ts +0 -1
- package/dist/src/components/atoms/MessageInformation/MessageInformation.tsx +4 -17
- package/dist/src/components/atoms/MessageInformation/MessageInformationProps.types.d.ts +0 -1
- package/dist/src/components/atoms/MessageInformation/MessageInformationProps.types.ts +0 -1
- package/dist/src/components/atoms/PhoneNumberDisplay/PhoneNumberDisplay.js +2 -3
- package/dist/src/components/atoms/PhoneNumberDisplay/PhoneNumberDisplay.styled.js +6 -12
- package/dist/src/components/atoms/PhoneNumberDisplay/PhoneNumberDisplay.styled.ts +6 -12
- package/dist/src/components/atoms/PhoneNumberDisplay/PhoneNumberDisplay.tsx +2 -4
- package/dist/src/components/atoms/PhoneNumberDisplay/PhoneNumberDisplayProps.d.ts +0 -1
- package/dist/src/components/atoms/PhoneNumberDisplay/PhoneNumberDisplayProps.ts +0 -1
- package/dist/src/components/atoms/PreFooter/PreFooter.js +3 -3
- package/dist/src/components/atoms/PreFooter/PreFooter.tsx +2 -2
- package/dist/src/components/atoms/PreFooter/PreFooterProps.d.ts +1 -1
- package/dist/src/components/atoms/PreFooter/PreFooterProps.ts +1 -1
- package/dist/src/components/atoms/TestAB/TestAB.d.ts +4 -3
- package/dist/src/components/atoms/Tooltip/Tooltip.js +2 -0
- package/dist/src/components/atoms/Tooltip/Tooltip.tsx +2 -0
- package/dist/src/components/atoms/Video/Video.js +2 -2
- package/dist/src/components/atoms/Video/Video.tsx +1 -2
- package/dist/src/components/molecules/AccordionItem/AccordionItem.d.ts +1 -1
- package/dist/src/components/molecules/AccordionItem/AccordionItem.js +3 -6
- package/dist/src/components/molecules/AccordionItem/AccordionItem.styled.js +0 -4
- package/dist/src/components/molecules/AccordionItem/AccordionItem.styled.ts +0 -4
- package/dist/src/components/molecules/AccordionItem/AccordionItem.tsx +2 -8
- package/dist/src/components/molecules/AccordionItem/AccordionItemProps.types.d.ts +0 -1
- package/dist/src/components/molecules/AccordionItem/AccordionItemProps.types.ts +0 -1
- package/dist/src/components/molecules/CountDownMessage/CountDownMessage.js +2 -2
- package/dist/src/components/molecules/CountDownMessage/CountDownMessage.tsx +2 -10
- package/dist/src/components/molecules/CountDownMessage/CountDownMessageProps.types.d.ts +0 -1
- package/dist/src/components/molecules/CountDownMessage/CountDownMessageProps.types.ts +0 -1
- package/dist/src/components/molecules/InfoBarFooter/InfoBarFooter.js +1 -1
- package/dist/src/components/molecules/InfoBarFooter/InfoBarFooter.tsx +4 -8
- package/dist/src/components/molecules/InfoBarFooter/InfoBarFooterProps.types.d.ts +2 -2
- package/dist/src/components/molecules/InfoBarFooter/InfoBarFooterProps.types.ts +2 -2
- package/dist/src/components/molecules/StepRatafiaCardList/StepRatafiaCardList.styled.js +2 -2
- package/dist/src/components/molecules/StepRatafiaCardList/StepRatafiaCardList.styled.ts +2 -2
- package/dist/src/components/molecules/TextInput/tests/Input.test.tsx +18 -29
- package/dist/src/components/molecules/TextInput/tests/TextInput.test.tsx +9 -16
- package/dist/src/components/molecules/TextInput/tests/TextInputMessage.test.tsx +2 -2
- package/dist/src/components/molecules/TextInput/tests/TextInputTooltip.test.tsx +1 -1
- package/dist/src/components/molecules/index.d.ts +0 -3
- package/dist/src/components/molecules/index.js +0 -3
- package/dist/src/components/molecules/index.ts +0 -3
- package/dist/src/components/organisms/Accordion/Accordion.js +1 -1
- package/dist/src/components/organisms/Accordion/Accordion.tsx +0 -1
- package/dist/src/components/organisms/Accordion/AccordionProps.types.d.ts +0 -1
- package/dist/src/components/organisms/Accordion/AccordionProps.types.ts +0 -1
- package/dist/src/components/organisms/DesktopMenu/DesktopMenu.js +2 -2
- package/dist/src/components/organisms/DesktopMenu/DesktopMenu.tsx +2 -8
- package/dist/src/components/organisms/DesktopMenu/DesktopMenuProps.d.ts +0 -1
- package/dist/src/components/organisms/DesktopMenu/DesktopMenuProps.ts +0 -1
- package/dist/src/components/organisms/TopFooter/TopFooter.js +1 -1
- package/dist/src/components/organisms/TopFooter/TopFooter.tsx +1 -3
- package/dist/src/components/organisms/Wizard/Wizard.js +1 -8
- package/dist/src/components/organisms/Wizard/Wizard.tsx +2 -9
- package/dist/src/components/organisms/Wizard/context/WizardContext.d.ts +0 -1
- package/dist/src/components/organisms/Wizard/context/WizardContext.js +1 -2
- package/dist/src/components/organisms/Wizard/context/WizardContext.tsx +1 -3
- package/dist/src/components/sections/AppHeader/AppHeader.js +2 -2
- package/dist/src/components/sections/AppHeader/AppHeader.tsx +1 -8
- package/dist/src/components/sections/AppHeader/AppHeaderProps.d.ts +0 -1
- package/dist/src/components/sections/AppHeader/AppHeaderProps.ts +0 -1
- package/dist/src/components/sections/CardBoxSection/CardBoxSection.js +1 -1
- package/dist/src/components/sections/CardBoxSection/CardBoxSection.tsx +1 -3
- package/dist/src/components/sections/FaqSection/FaqSection.js +1 -1
- package/dist/src/components/sections/FaqSection/FaqSection.tsx +1 -3
- package/dist/src/components/sections/StepsRatafiaSection/StepsRatafiaSection.js +2 -2
- package/dist/src/components/sections/StepsRatafiaSection/StepsRatafiaSection.styled.js +7 -7
- package/dist/src/components/sections/StepsRatafiaSection/StepsRatafiaSection.styled.ts +7 -7
- package/dist/src/components/sections/StepsRatafiaSection/StepsRatafiaSection.tsx +2 -3
- package/dist/src/components/sections/StepsRatafiaSection/StepsRatafiaSectionProps.types.d.ts +0 -1
- package/dist/src/components/sections/StepsRatafiaSection/StepsRatafiaSectionProps.types.ts +0 -1
- package/dist/src/globalStyles/animations.scss +5 -2
- package/dist/src/globalStyles/variables.scss +12 -31
- package/dist/src/globalStyles/variablesCss.scss +0 -10
- package/dist/src/hooks/useIntersectionObserver.d.ts +2 -2
- package/dist/src/hooks/useIntersectionObserver.js +1 -1
- package/dist/src/hooks/useIntersectionObserver.tsx +4 -4
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +16 -13
- package/dist/images/componentsSvg/Balance.d.ts +0 -7
- package/dist/images/componentsSvg/Balance.js +0 -2
- package/dist/images/componentsSvg/Balance.tsx +0 -16
- package/dist/images/componentsSvg/GdprLockSvg.d.ts +0 -8
- package/dist/images/componentsSvg/GdprLockSvg.js +0 -2
- package/dist/images/componentsSvg/GdprLockSvg.tsx +0 -21
- package/dist/images/componentsSvg/SslShieldSvg.d.ts +0 -7
- package/dist/images/componentsSvg/SslShieldSvg.js +0 -2
- package/dist/images/componentsSvg/SslShieldSvg.tsx +0 -18
- package/dist/src/components/atoms/SignerStatusItem/SignerStatusItem.d.ts +0 -3
- package/dist/src/components/atoms/SignerStatusItem/SignerStatusItem.js +0 -16
- package/dist/src/components/atoms/SignerStatusItem/SignerStatusItem.styled.d.ts +0 -1
- package/dist/src/components/atoms/SignerStatusItem/SignerStatusItem.styled.js +0 -60
- package/dist/src/components/atoms/SignerStatusItem/SignerStatusItem.styled.ts +0 -61
- package/dist/src/components/atoms/SignerStatusItem/SignerStatusItem.tsx +0 -28
- package/dist/src/components/atoms/SignerStatusItem/SignerStatusItemProps.types.d.ts +0 -6
- package/dist/src/components/atoms/SignerStatusItem/SignerStatusItemProps.types.js +0 -1
- package/dist/src/components/atoms/SignerStatusItem/SignerStatusItemProps.types.ts +0 -7
- package/dist/src/components/atoms/SignerStatusItem/index.d.ts +0 -2
- package/dist/src/components/atoms/SignerStatusItem/index.js +0 -1
- package/dist/src/components/atoms/SignerStatusItem/index.ts +0 -2
- package/dist/src/components/molecules/ComplianceBox/ComplianceBox.d.ts +0 -4
- package/dist/src/components/molecules/ComplianceBox/ComplianceBox.js +0 -8
- package/dist/src/components/molecules/ComplianceBox/ComplianceBox.styled.d.ts +0 -1
- package/dist/src/components/molecules/ComplianceBox/ComplianceBox.styled.js +0 -113
- package/dist/src/components/molecules/ComplianceBox/ComplianceBox.styled.ts +0 -114
- package/dist/src/components/molecules/ComplianceBox/ComplianceBox.tsx +0 -44
- package/dist/src/components/molecules/ComplianceBox/ComplianceBoxProps.types.d.ts +0 -11
- package/dist/src/components/molecules/ComplianceBox/ComplianceBoxProps.types.js +0 -1
- package/dist/src/components/molecules/ComplianceBox/ComplianceBoxProps.types.ts +0 -11
- package/dist/src/components/molecules/ComplianceBox/index.d.ts +0 -2
- package/dist/src/components/molecules/ComplianceBox/index.js +0 -1
- package/dist/src/components/molecules/ComplianceBox/index.ts +0 -2
- package/dist/src/components/molecules/SignersStatusTooltipContent/SignersStatusTooltipContent.d.ts +0 -3
- package/dist/src/components/molecules/SignersStatusTooltipContent/SignersStatusTooltipContent.js +0 -9
- package/dist/src/components/molecules/SignersStatusTooltipContent/SignersStatusTooltipContent.styled.d.ts +0 -1
- package/dist/src/components/molecules/SignersStatusTooltipContent/SignersStatusTooltipContent.styled.js +0 -22
- package/dist/src/components/molecules/SignersStatusTooltipContent/SignersStatusTooltipContent.styled.ts +0 -23
- package/dist/src/components/molecules/SignersStatusTooltipContent/SignersStatusTooltipContent.tsx +0 -42
- package/dist/src/components/molecules/SignersStatusTooltipContent/SignersStatusTooltipContentProps.types.d.ts +0 -9
- package/dist/src/components/molecules/SignersStatusTooltipContent/SignersStatusTooltipContentProps.types.js +0 -1
- package/dist/src/components/molecules/SignersStatusTooltipContent/SignersStatusTooltipContentProps.types.ts +0 -10
- package/dist/src/components/molecules/SignersStatusTooltipContent/index.d.ts +0 -2
- package/dist/src/components/molecules/SignersStatusTooltipContent/index.js +0 -1
- package/dist/src/components/molecules/SignersStatusTooltipContent/index.ts +0 -2
- package/dist/src/components/molecules/TrustBanner/TrustBanner.d.ts +0 -4
- package/dist/src/components/molecules/TrustBanner/TrustBanner.js +0 -7
- package/dist/src/components/molecules/TrustBanner/TrustBanner.styled.d.ts +0 -1
- package/dist/src/components/molecules/TrustBanner/TrustBanner.styled.js +0 -43
- package/dist/src/components/molecules/TrustBanner/TrustBanner.styled.ts +0 -44
- package/dist/src/components/molecules/TrustBanner/TrustBanner.tsx +0 -19
- package/dist/src/components/molecules/TrustBanner/TrustBannerProps.types.d.ts +0 -5
- package/dist/src/components/molecules/TrustBanner/TrustBannerProps.types.js +0 -1
- package/dist/src/components/molecules/TrustBanner/TrustBannerProps.types.ts +0 -5
- package/dist/src/components/molecules/TrustBanner/index.d.ts +0 -2
- package/dist/src/components/molecules/TrustBanner/index.js +0 -1
- package/dist/src/components/molecules/TrustBanner/index.ts +0 -2
package/dist/css/styles.css
CHANGED
|
@@ -1018,22 +1018,6 @@ html[data-theme=primarygreen] .e-button.--primary-3 {
|
|
|
1018
1018
|
.e-button.--transparent {
|
|
1019
1019
|
background-color: transparent;
|
|
1020
1020
|
}
|
|
1021
|
-
.e-button.e-button--link {
|
|
1022
|
-
padding: 0;
|
|
1023
|
-
border: none;
|
|
1024
|
-
background: none;
|
|
1025
|
-
border-radius: 0;
|
|
1026
|
-
color: var(--primary-main);
|
|
1027
|
-
text-decoration: underline;
|
|
1028
|
-
font-weight: inherit;
|
|
1029
|
-
}
|
|
1030
|
-
.e-button.e-button--link:hover {
|
|
1031
|
-
color: var(--primary-main-dark-1);
|
|
1032
|
-
text-decoration: underline;
|
|
1033
|
-
}
|
|
1034
|
-
.e-button.e-button--link label {
|
|
1035
|
-
cursor: pointer;
|
|
1036
|
-
}
|
|
1037
1021
|
.e-button.--disabled {
|
|
1038
1022
|
background-color: var(--neutral-neutral-4);
|
|
1039
1023
|
color: var(--neutral-neutral-1);
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
export const ArrowRight = ({ className
|
|
2
|
+
export const ArrowRight = ({ className, onClick }) => (_jsxs("svg", { className: className, onClick: onClick, version: '1.1', id: 'Layer_1', xmlns: 'http://www.w3.org/2000/svg', xmlnsXlink: 'http://www.w3.org/1999/xlink', x: '0px', y: '0px', viewBox: '0 0 492.004 492.004', xmlSpace: 'preserve', children: [_jsx("g", { children: _jsx("g", { children: _jsx("path", { d: 'M382.678,226.804L163.73,7.86C158.666,2.792,151.906,0,144.698,0s-13.968,2.792-19.032,7.86l-16.124,16.12\nc-10.492,10.504-10.492,27.576,0,38.064L293.398,245.9l-184.06,184.06c-5.064,5.068-7.86,11.824-7.86,19.028\nc0,7.212,2.796,13.968,7.86,19.04l16.124,16.116c5.068,5.068,11.824,7.86,19.032,7.86s13.968-2.792,19.032-7.86L382.678,265\nc5.076-5.084,7.864-11.872,7.848-19.088C390.542,238.668,387.754,231.884,382.678,226.804z' }) }) }), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {})] }));
|
|
@@ -5,7 +5,7 @@ interface ArrowRightProps {
|
|
|
5
5
|
onClick?: () => void
|
|
6
6
|
}
|
|
7
7
|
|
|
8
|
-
export const ArrowRight: FC<ArrowRightProps> = ({ className
|
|
8
|
+
export const ArrowRight: FC<ArrowRightProps> = ({ className, onClick }: ArrowRightProps) => (
|
|
9
9
|
<svg
|
|
10
10
|
className={className}
|
|
11
11
|
onClick={onClick}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
export const CloseIcon = ({ className
|
|
2
|
+
export const CloseIcon = ({ className }) => (_jsx("svg", { className: className, width: 20, height: 20, viewBox: '0 0 20 20', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', children: _jsx("path", { d: 'M15.2462 5.92913C15.5706 5.60466 15.5706 5.07859 15.2462 4.75413C14.9217 4.42966 14.3956 4.42966 14.0712 4.75413L10.0003 8.82496L5.92949 4.75413C5.60503 4.42966 5.07896 4.42966 4.75449 4.75413C4.43002 5.07859 4.43003 5.60466 4.75449 5.92913L8.82533 9.99996L4.75449 14.0708C4.43003 14.3953 4.43002 14.9213 4.75449 15.2458C5.07896 15.5703 5.60502 15.5703 5.92949 15.2458L10.0003 11.175L14.0712 15.2458C14.3956 15.5703 14.9217 15.5703 15.2462 15.2458C15.5706 14.9213 15.5706 14.3953 15.2462 14.0708L11.1753 9.99996L15.2462 5.92913Z', fill: '#B5BABD' }) }));
|
|
@@ -4,8 +4,11 @@ interface Close24Props {
|
|
|
4
4
|
className?: string
|
|
5
5
|
}
|
|
6
6
|
|
|
7
|
-
export const CloseIcon: FC<Close24Props> = ({ className
|
|
8
|
-
<svg className={className} width={
|
|
9
|
-
<path
|
|
7
|
+
export const CloseIcon: FC<Close24Props> = ({ className }: Close24Props): React.ReactElement => (
|
|
8
|
+
<svg className={className} width={20} height={20} viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'>
|
|
9
|
+
<path
|
|
10
|
+
d='M15.2462 5.92913C15.5706 5.60466 15.5706 5.07859 15.2462 4.75413C14.9217 4.42966 14.3956 4.42966 14.0712 4.75413L10.0003 8.82496L5.92949 4.75413C5.60503 4.42966 5.07896 4.42966 4.75449 4.75413C4.43002 5.07859 4.43003 5.60466 4.75449 5.92913L8.82533 9.99996L4.75449 14.0708C4.43003 14.3953 4.43002 14.9213 4.75449 15.2458C5.07896 15.5703 5.60502 15.5703 5.92949 15.2458L10.0003 11.175L14.0712 15.2458C14.3956 15.5703 14.9217 15.5703 15.2462 15.2458C15.5706 14.9213 15.5706 14.3953 15.2462 14.0708L11.1753 9.99996L15.2462 5.92913Z'
|
|
11
|
+
fill='#B5BABD'
|
|
12
|
+
/>
|
|
10
13
|
</svg>
|
|
11
14
|
)
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
+
/* eslint-disable max-len */
|
|
1
2
|
import React, { type FC } from 'react'
|
|
2
3
|
|
|
3
4
|
interface Delete24pProps {
|
|
4
5
|
className?: string
|
|
5
6
|
}
|
|
6
7
|
|
|
7
|
-
export const Delete24p: FC<Delete24pProps> = ({ className
|
|
8
|
+
export const Delete24p: FC<Delete24pProps> = ({ className }: Delete24pProps) => (
|
|
8
9
|
<svg
|
|
9
10
|
className={className}
|
|
10
11
|
xmlns='http://www.w3.org/2000/svg'
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
export const Done24px = ({ className
|
|
2
|
+
export const Done24px = ({ className }) => (_jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '17', height: '16', viewBox: '0 0 17 16', fill: 'none', children: _jsx("path", { d: 'M6.36663 10.6L4.0333 8.26667C3.77557 8.00893 3.3577 8.00893 3.09997 8.26667C2.84223 8.5244 2.84223 8.94227 3.09997 9.2L6.18886 12.2889C6.28704 12.3871 6.44623 12.3871 6.54441 12.2889L13.9 4.93333C14.1577 4.6756 14.1577 4.25773 13.9 4C13.6422 3.74227 13.2244 3.74227 12.9666 4L6.36663 10.6Z', fill: '#078080' }) }));
|
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
import React, { type FC } from 'react'
|
|
2
2
|
interface Done24pxProps {
|
|
3
|
-
className
|
|
3
|
+
className: string
|
|
4
4
|
}
|
|
5
5
|
|
|
6
|
-
export const Done24px: FC<Done24pxProps> = ({ className
|
|
7
|
-
<svg
|
|
8
|
-
<path
|
|
6
|
+
export const Done24px: FC<Done24pxProps> = ({ className }: Done24pxProps) => (
|
|
7
|
+
<svg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 17 16' fill='none'>
|
|
8
|
+
<path
|
|
9
|
+
d='M6.36663 10.6L4.0333 8.26667C3.77557 8.00893 3.3577 8.00893 3.09997 8.26667C2.84223 8.5244 2.84223 8.94227 3.09997 9.2L6.18886 12.2889C6.28704 12.3871 6.44623 12.3871 6.54441 12.2889L13.9 4.93333C14.1577 4.6756 14.1577 4.25773 13.9 4C13.6422 3.74227 13.2244 3.74227 12.9666 4L6.36663 10.6Z'
|
|
10
|
+
fill='#078080'
|
|
11
|
+
/>
|
|
9
12
|
</svg>
|
|
10
13
|
)
|
|
@@ -5,7 +5,7 @@ interface Edit24pProps {
|
|
|
5
5
|
className?: string
|
|
6
6
|
}
|
|
7
7
|
|
|
8
|
-
export const Edit24p: FC<Edit24pProps> = ({ className
|
|
8
|
+
export const Edit24p: FC<Edit24pProps> = ({ className }: Edit24pProps) => (
|
|
9
9
|
<svg
|
|
10
10
|
className={className}
|
|
11
11
|
xmlns='http://www.w3.org/2000/svg'
|
|
@@ -5,7 +5,7 @@ interface EditText24pxProps {
|
|
|
5
5
|
className?: string
|
|
6
6
|
}
|
|
7
7
|
|
|
8
|
-
export const EditText24px: FC<EditText24pxProps> = ({ className
|
|
8
|
+
export const EditText24px: FC<EditText24pxProps> = ({ className }: EditText24pxProps) => (
|
|
9
9
|
<svg
|
|
10
10
|
className={className}
|
|
11
11
|
xmlns='http://www.w3.org/2000/svg'
|
|
@@ -5,7 +5,7 @@ interface Eye24pxOptimizedProps {
|
|
|
5
5
|
className?: string
|
|
6
6
|
}
|
|
7
7
|
|
|
8
|
-
export const Eye24pxOptimized: FC<Eye24pxOptimizedProps> = ({ className
|
|
8
|
+
export const Eye24pxOptimized: FC<Eye24pxOptimizedProps> = ({ className }: Eye24pxOptimizedProps) => (
|
|
9
9
|
<svg
|
|
10
10
|
className={className}
|
|
11
11
|
xmlns='http://www.w3.org/2000/svg'
|
|
@@ -4,7 +4,7 @@ interface IconDuplicate24pxProps {
|
|
|
4
4
|
className?: string
|
|
5
5
|
}
|
|
6
6
|
|
|
7
|
-
export const IconDuplicate24px: FC<IconDuplicate24pxProps> = ({ className
|
|
7
|
+
export const IconDuplicate24px: FC<IconDuplicate24pxProps> = ({ className }: IconDuplicate24pxProps) => (
|
|
8
8
|
<svg
|
|
9
9
|
className={className}
|
|
10
10
|
xmlns='http://www.w3.org/2000/svg'
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
export const InfoError24pxOutlined = ({ className
|
|
2
|
+
export const InfoError24pxOutlined = ({ className, fill, viewBox = '0 0 24 24' }) => (_jsxs("svg", { className: className, fill: fill, width: '100%', height: '100%', viewBox: viewBox, children: [_jsx("title", { children: "icon/info-error_24px_outlined" }), _jsx("desc", { children: "Created with Sketch." }), _jsx("defs", { children: _jsx("path", { d: 'M12,2 C6.47,2 2,6.47 2,12 C2,17.53 6.47,22 12,22 C17.53,22 22,17.53 22,12 C22,6.47 17.53,2 12,2 Z M12,20 C7.59,20 4,16.41 4,12 C4,7.59 7.59,4 12,4 C16.41,4 20,7.59 20,12 C20,16.41 16.41,20 12,20 Z M11,11 L13,11 L13,17 L11,17 L11,11 Z M11,7 L13,7 L13,9 L11,9 L11,7 Z', id: 'path-1' }) }), _jsxs("g", { id: 'icon/info-error_24px', stroke: 'none', strokeWidth: '1', fill: 'none', fillRule: 'evenodd', children: [_jsx("mask", { id: 'mask-2', fill: 'white', children: _jsx("use", { xlinkHref: '#path-1' }) }), _jsx("use", { id: 'icon/navigation/cancel_24px', fill: '#D63737', fillRule: 'nonzero', xlinkHref: '#path-1' })] })] }));
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
export const MenuCollapse24p = ({ className
|
|
2
|
+
export const MenuCollapse24p = ({ className }) => (_jsxs("svg", { className: className, width: '24px', height: '24px', viewBox: '0 0 24 24', version: '1.1', xmlns: 'http://www.w3.org/2000/svg', xmlnsXlink: 'http://www.w3.org/1999/xlink', children: [_jsx("title", { children: "735FFC4F-7DB9-4268-8987-12A1D38D3294" }), _jsx("desc", { children: "Created with sketchtool." }), _jsx("defs", { children: _jsx("path", { d: 'M12,18 C13.1045695,18 14,18.8954305 14,20 C14,21.1045695 13.1045695,22 12,22 C10.8954305,22 10,21.1045695 10,20 C10,18.8954305 10.8954305,18 12,18 Z M12,10 C13.1045695,10 14,10.8954305 14,12 C14,13.1045695 13.1045695,14 12,14 C10.8954305,14 10,13.1045695 10,12 C10,10.8954305 10.8954305,10 12,10 Z M12,2 C13.1045695,2 14,2.8954305 14,4 C14,5.1045695 13.1045695,6 12,6 C10.8954305,6 10,5.1045695 10,4 C10,2.8954305 10.8954305,2 12,2 Z', id: 'path-1-collapse' }) }), _jsx("g", { id: 'Dashboard-MyDocs-collapse', stroke: 'none', strokeWidth: '1', fill: 'none', fillRule: 'evenodd', children: _jsx("g", { id: 'LD-DesktopHD-MyDocs-Dashboard-collapse', transform: 'translate(-1304.000000, -260.000000)', children: _jsx("g", { id: 'DashboardList-Doc-collapse', transform: 'translate(328.000000, 223.000000)', children: _jsxs("g", { id: 'icon/menu-colapse_24p', transform: 'translate(976.000000, 37.000000)', children: [_jsx("rect", { id: 'Bound-collapse', x: '0', y: '0', width: '24', height: '24' }), _jsx("mask", { id: 'mask-2-collapse', fill: 'white', children: _jsx("use", { xlinkHref: '#path-1-collapse' }) }), _jsx("g", { id: 'icon/editor/format_color_text_24px', fillRule: 'nonzero' }), _jsx("g", { id: '\u21B3-Color', mask: 'url(#mask-2-collapse)', fill: '#6D7275', children: _jsx("rect", { id: 'Rectangle', x: '0', y: '0', width: '24', height: '24' }) })] }) }) }) })] }));
|
|
@@ -5,7 +5,7 @@ interface MenuCollapse24pProps {
|
|
|
5
5
|
className?: string
|
|
6
6
|
}
|
|
7
7
|
|
|
8
|
-
export const MenuCollapse24p: FC<MenuCollapse24pProps> = ({ className
|
|
8
|
+
export const MenuCollapse24p: FC<MenuCollapse24pProps> = ({ className }: MenuCollapse24pProps) => (
|
|
9
9
|
<svg
|
|
10
10
|
className={className}
|
|
11
11
|
width='24px'
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
export const NewRelease24p = ({ className
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
export const NewRelease24p = ({ className }) => (_jsxs("svg", { className: className, xmlns: 'http://www.w3.org/2000/svg', width: '16', height: '16', viewBox: '0 0 16 16', children: [_jsx("defs", { children: _jsx("path", { id: 'new-release__a', d: 'M15.333 7.997l-1.626-1.854.226-2.453-2.406-.547-1.26-2.12L8 1.997l-2.267-.974-1.26 2.12-2.406.54.226 2.454-1.626 1.86L2.293 9.85l-.226 2.46 2.406.547 1.26 2.12L8 13.997l2.267.973 1.26-2.12 2.406-.547-.226-2.453 1.626-1.853zm-3.006 1.406l.173 1.86-1.827.414-.953 1.606-1.72-.74-1.72.74-.953-1.606-1.827-.414.173-1.866-1.233-1.4 1.233-1.414L3.5 4.73l1.827-.407.953-1.606L8 3.45l1.72-.74.953 1.607 1.827.413-.173 1.86 1.233 1.407-1.233 1.406zm-4.994.594h1.334v1.333H7.333V9.997zm0-5.334h1.334v4H7.333v-4z' }) }), _jsxs("g", { fill: 'none', fillRule: 'evenodd', children: [_jsx("path", { d: 'M0 0H16V16H0z' }), _jsx("mask", { id: 'new-release__b', fill: '#fff', children: _jsx("use", { xlinkHref: '#new-release__a' }) }), _jsx("g", { fill: '#FCF4E5', mask: 'url(#new-release__b)', children: _jsx("path", { d: 'M0 0H16V16H0z' }) })] })] }));
|
|
@@ -1,11 +1,26 @@
|
|
|
1
|
+
/* eslint-disable max-len */
|
|
1
2
|
import React, { type FC } from 'react'
|
|
2
3
|
|
|
3
4
|
interface NewRelease24pProps {
|
|
4
|
-
className
|
|
5
|
+
className: string
|
|
5
6
|
}
|
|
6
7
|
|
|
7
|
-
export const NewRelease24p: FC<NewRelease24pProps> = ({ className
|
|
8
|
-
<svg className={className} width=
|
|
9
|
-
<
|
|
8
|
+
export const NewRelease24p: FC<NewRelease24pProps> = ({ className }: NewRelease24pProps) => (
|
|
9
|
+
<svg className={className} xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'>
|
|
10
|
+
<defs>
|
|
11
|
+
<path
|
|
12
|
+
id='new-release__a'
|
|
13
|
+
d='M15.333 7.997l-1.626-1.854.226-2.453-2.406-.547-1.26-2.12L8 1.997l-2.267-.974-1.26 2.12-2.406.54.226 2.454-1.626 1.86L2.293 9.85l-.226 2.46 2.406.547 1.26 2.12L8 13.997l2.267.973 1.26-2.12 2.406-.547-.226-2.453 1.626-1.853zm-3.006 1.406l.173 1.86-1.827.414-.953 1.606-1.72-.74-1.72.74-.953-1.606-1.827-.414.173-1.866-1.233-1.4 1.233-1.414L3.5 4.73l1.827-.407.953-1.606L8 3.45l1.72-.74.953 1.607 1.827.413-.173 1.86 1.233 1.407-1.233 1.406zm-4.994.594h1.334v1.333H7.333V9.997zm0-5.334h1.334v4H7.333v-4z'
|
|
14
|
+
/>
|
|
15
|
+
</defs>
|
|
16
|
+
<g fill='none' fillRule='evenodd'>
|
|
17
|
+
<path d='M0 0H16V16H0z' />
|
|
18
|
+
<mask id='new-release__b' fill='#fff'>
|
|
19
|
+
<use xlinkHref='#new-release__a' />
|
|
20
|
+
</mask>
|
|
21
|
+
<g fill='#FCF4E5' mask='url(#new-release__b)'>
|
|
22
|
+
<path d='M0 0H16V16H0z' />
|
|
23
|
+
</g>
|
|
24
|
+
</g>
|
|
10
25
|
</svg>
|
|
11
26
|
)
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import React, { type FC } from 'react'
|
|
2
2
|
interface RatafiaIcon24pxProps {
|
|
3
|
-
className
|
|
3
|
+
className: string
|
|
4
4
|
}
|
|
5
5
|
|
|
6
|
-
export const RatafiaIcon24px: FC<RatafiaIcon24pxProps> = ({ className
|
|
7
|
-
<svg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'
|
|
6
|
+
export const RatafiaIcon24px: FC<RatafiaIcon24pxProps> = ({ className }: RatafiaIcon24pxProps) => (
|
|
7
|
+
<svg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'>
|
|
8
8
|
<g id='Icon/Symbol/AI_24px'>
|
|
9
9
|
<path
|
|
10
10
|
id='path'
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
export const Sign24px = ({ className
|
|
2
|
+
export const Sign24px = ({ className }) => (_jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '17', height: '16', viewBox: '0 0 24 24', fill: 'none', children: _jsx("path", { id: 'path', "fill-rule": 'evenodd', "clip-rule": 'evenodd', d: 'M3 11C3 12.06 3.61 12.79 4.58 13.35L6.07 11.86C5.43 11.6 5 11.31 5 11C5 10.5 6.42 9.88 7.36 9.47C9.07 8.72 11 7.87 11 6C11 4.32 9.24 3 7 3C4.76 3 3.73 4.24 3.62 4.38C3.28 4.81 3.36 5.42 3.77 5.76C4.19 6.1 4.82 6.05 5.17 5.64C5.17096 5.63904 5.17245 5.63748 5.17447 5.63536C5.23542 5.57145 5.78046 5 7 5C8.22 5 9 5.59 9 6C9 6.55067 7.63659 7.15936 6.61179 7.61687C6.59443 7.62463 6.57716 7.63234 6.56 7.64C4.89 8.37 3 9.2 3 11ZM19.9101 9.33L18.8501 10.39L14.6101 6.15L15.6701 5.09C16.4501 4.31 17.7201 4.31 18.5001 5.09L19.9101 6.5C20.6901 7.28 20.6901 8.55 19.9101 9.33ZM4.14 16.61L13.19 7.56L17.44 11.8L8.39 20.85C8.3 20.95 8.17 21 8.04 21H4.5C4.22 21 4 20.78 4 20.5V16.96C4 16.83 4.05 16.7 4.14 16.61ZM19 17.5C19 19.69 16.46 21 14 21C13.45 21 13 20.55 13 20C13 19.45 13.45 19 14 19C15.54 19 17 18.27 17 17.5C17 17.03 16.52 16.63 15.77 16.3L17.25 14.82C18.32 15.45 19 16.29 19 17.5Z', fill: '#6D7275' }) }));
|
|
@@ -1,15 +1,14 @@
|
|
|
1
|
-
import React, { FC } from 'react'
|
|
2
|
-
|
|
1
|
+
import React, { type FC } from 'react'
|
|
3
2
|
interface Sign24pxProps {
|
|
4
|
-
className
|
|
3
|
+
className: string
|
|
5
4
|
}
|
|
6
5
|
|
|
7
|
-
export const Sign24px: FC<Sign24pxProps> = ({ className
|
|
8
|
-
<svg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 24 24' fill='none'
|
|
6
|
+
export const Sign24px: FC<Sign24pxProps> = ({ className }: Sign24pxProps) => (
|
|
7
|
+
<svg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 24 24' fill='none'>
|
|
9
8
|
<path
|
|
10
9
|
id='path'
|
|
11
|
-
|
|
12
|
-
|
|
10
|
+
fill-rule='evenodd'
|
|
11
|
+
clip-rule='evenodd'
|
|
13
12
|
d='M3 11C3 12.06 3.61 12.79 4.58 13.35L6.07 11.86C5.43 11.6 5 11.31 5 11C5 10.5 6.42 9.88 7.36 9.47C9.07 8.72 11 7.87 11 6C11 4.32 9.24 3 7 3C4.76 3 3.73 4.24 3.62 4.38C3.28 4.81 3.36 5.42 3.77 5.76C4.19 6.1 4.82 6.05 5.17 5.64C5.17096 5.63904 5.17245 5.63748 5.17447 5.63536C5.23542 5.57145 5.78046 5 7 5C8.22 5 9 5.59 9 6C9 6.55067 7.63659 7.15936 6.61179 7.61687C6.59443 7.62463 6.57716 7.63234 6.56 7.64C4.89 8.37 3 9.2 3 11ZM19.9101 9.33L18.8501 10.39L14.6101 6.15L15.6701 5.09C16.4501 4.31 17.7201 4.31 18.5001 5.09L19.9101 6.5C20.6901 7.28 20.6901 8.55 19.9101 9.33ZM4.14 16.61L13.19 7.56L17.44 11.8L8.39 20.85C8.3 20.95 8.17 21 8.04 21H4.5C4.22 21 4 20.78 4 20.5V16.96C4 16.83 4.05 16.7 4.14 16.61ZM19 17.5C19 19.69 16.46 21 14 21C13.45 21 13 20.55 13 20C13 19.45 13.45 19 14 19C15.54 19 17 18.27 17 17.5C17 17.03 16.52 16.63 15.77 16.3L17.25 14.82C18.32 15.45 19 16.29 19 17.5Z'
|
|
14
13
|
fill='#6D7275'
|
|
15
14
|
/>
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
export const Time24px = ({ className
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
export const Time24px = ({ className }) => (_jsxs("svg", { className: className, xmlns: 'http://www.w3.org/2000/svg', xmlnsXlink: 'http://www.w3.org/1999/xlink', width: '16', height: '16', viewBox: '0 0 16 16', children: [_jsx("defs", { children: _jsx("path", { id: 'time', d: 'M7.993 1.333c-3.68 0-6.66 2.987-6.66 6.667 0 3.68 2.98 6.667 6.66 6.667 3.687 0 6.674-2.987 6.674-6.667 0-3.68-2.987-6.667-6.674-6.667zm.007 12c-2.947 0-5.333-2.386-5.333-5.333S5.053 2.667 8 2.667 13.333 5.053 13.333 8 10.947 13.333 8 13.333zm.333-8.666h-1v4l3.5 2.1.5-.82-3-1.78v-3.5z' }) }), _jsxs("g", { fill: 'none', fillRule: 'evenodd', children: [_jsx("path", { d: 'M0 0H16V16H0z' }), _jsx("mask", { id: 'time2', fill: '#fff', children: _jsx("use", { xlinkHref: '#time' }) }), _jsx("g", { fill: '#936C2F', mask: 'url(#time2)', children: _jsx("path", { d: 'M0 0H16V16H0z' }) })] })] }));
|
|
@@ -1,15 +1,33 @@
|
|
|
1
|
+
/* eslint-disable max-len */
|
|
1
2
|
import React, { type FC } from 'react'
|
|
2
3
|
|
|
3
4
|
interface Time24pxProps {
|
|
4
|
-
className
|
|
5
|
+
className: string
|
|
5
6
|
}
|
|
6
7
|
|
|
7
|
-
export const Time24px: FC<Time24pxProps> = ({ className
|
|
8
|
-
<svg
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
8
|
+
export const Time24px: FC<Time24pxProps> = ({ className }: Time24pxProps) => (
|
|
9
|
+
<svg
|
|
10
|
+
className={className}
|
|
11
|
+
xmlns='http://www.w3.org/2000/svg'
|
|
12
|
+
xmlnsXlink='http://www.w3.org/1999/xlink'
|
|
13
|
+
width='16'
|
|
14
|
+
height='16'
|
|
15
|
+
viewBox='0 0 16 16'
|
|
16
|
+
>
|
|
17
|
+
<defs>
|
|
18
|
+
<path
|
|
19
|
+
id='time'
|
|
20
|
+
d='M7.993 1.333c-3.68 0-6.66 2.987-6.66 6.667 0 3.68 2.98 6.667 6.66 6.667 3.687 0 6.674-2.987 6.674-6.667 0-3.68-2.987-6.667-6.674-6.667zm.007 12c-2.947 0-5.333-2.386-5.333-5.333S5.053 2.667 8 2.667 13.333 5.053 13.333 8 10.947 13.333 8 13.333zm.333-8.666h-1v4l3.5 2.1.5-.82-3-1.78v-3.5z'
|
|
21
|
+
/>
|
|
22
|
+
</defs>
|
|
23
|
+
<g fill='none' fillRule='evenodd'>
|
|
24
|
+
<path d='M0 0H16V16H0z' />
|
|
25
|
+
<mask id='time2' fill='#fff'>
|
|
26
|
+
<use xlinkHref='#time' />
|
|
27
|
+
</mask>
|
|
28
|
+
<g fill='#936C2F' mask='url(#time2)'>
|
|
29
|
+
<path d='M0 0H16V16H0z' />
|
|
30
|
+
</g>
|
|
31
|
+
</g>
|
|
14
32
|
</svg>
|
|
15
33
|
)
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import classNames from 'classnames';
|
|
3
|
+
// import './Button.scss'
|
|
3
4
|
const Button = ({ label, dataQa, labelMobile, link, LinkComponent = null, noLink = false, noLinkNoFunc = false, onClick = undefined, functionParameters, color = 'primary', error, disabled = false, fluid, givenClass, children, size = undefined, isExternal = false, centered = false, gtmTag = undefined, hasNoFollow = false, target = '_self' }) => {
|
|
4
5
|
const sizes = {
|
|
5
6
|
S: 'button--small',
|
|
@@ -20,7 +21,6 @@ const Button = ({ label, dataQa, labelMobile, link, LinkComponent = null, noLink
|
|
|
20
21
|
'--secondary-icon --dark': color === 'secondaryIconDark',
|
|
21
22
|
'button--tertiary-1': color === 'tertiary',
|
|
22
23
|
'button--tertiary-2': color === 'tertiary2',
|
|
23
|
-
'e-button--link': color === 'link',
|
|
24
24
|
'--styleless': color === 'styleless',
|
|
25
25
|
'--transparent': color === 'transparent',
|
|
26
26
|
'--disabled': disabled,
|
|
@@ -197,25 +197,6 @@ html[data-theme='primarygreen'] {
|
|
|
197
197
|
background-color: transparent;
|
|
198
198
|
}
|
|
199
199
|
|
|
200
|
-
&.e-button--link {
|
|
201
|
-
padding: 0;
|
|
202
|
-
border: none;
|
|
203
|
-
background: none;
|
|
204
|
-
border-radius: 0;
|
|
205
|
-
color: var(--primary-main);
|
|
206
|
-
text-decoration: underline;
|
|
207
|
-
font-weight: inherit;
|
|
208
|
-
|
|
209
|
-
&:hover {
|
|
210
|
-
color: var(--primary-main-dark-1);
|
|
211
|
-
text-decoration: underline;
|
|
212
|
-
}
|
|
213
|
-
|
|
214
|
-
label {
|
|
215
|
-
cursor: pointer;
|
|
216
|
-
}
|
|
217
|
-
}
|
|
218
|
-
|
|
219
200
|
&.--disabled {
|
|
220
201
|
background-color: var(--neutral-neutral-4);
|
|
221
202
|
color: var(--neutral-neutral-1);
|
|
@@ -3,6 +3,7 @@ import React, { type FC } from 'react'
|
|
|
3
3
|
import classNames from 'classnames'
|
|
4
4
|
|
|
5
5
|
import { type ButtonProps } from './ButtonProps.types'
|
|
6
|
+
// import './Button.scss'
|
|
6
7
|
|
|
7
8
|
const Button: FC<ButtonProps> = ({
|
|
8
9
|
label,
|
|
@@ -48,7 +49,6 @@ const Button: FC<ButtonProps> = ({
|
|
|
48
49
|
'--secondary-icon --dark': color === 'secondaryIconDark',
|
|
49
50
|
'button--tertiary-1': color === 'tertiary',
|
|
50
51
|
'button--tertiary-2': color === 'tertiary2',
|
|
51
|
-
'e-button--link': color === 'link',
|
|
52
52
|
'--styleless': color === 'styleless',
|
|
53
53
|
'--transparent': color === 'transparent',
|
|
54
54
|
'--disabled': disabled,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export type Colors = 'primary' | 'primary2' | 'primary3' | 'primary4' | 'secondary' | 'secondary2' | 'secondary3' | 'secondary4' | 'secondaryIcon' | 'secondaryIconBold' | 'secondaryIconDark' | 'tertiary' | 'tertiary2' | 'styleless' | 'transparent'
|
|
1
|
+
export type Colors = 'primary' | 'primary2' | 'primary3' | 'primary4' | 'secondary' | 'secondary2' | 'secondary3' | 'secondary4' | 'secondaryIcon' | 'secondaryIconBold' | 'secondaryIconDark' | 'tertiary' | 'tertiary2' | 'styleless' | 'transparent';
|
|
2
2
|
export interface ButtonProps {
|
|
3
3
|
label: string;
|
|
4
4
|
dataQa: string;
|
|
@@ -512,29 +512,29 @@ h2.react-datepicker__current-month {
|
|
|
512
512
|
background-color: #1d5d90;
|
|
513
513
|
}
|
|
514
514
|
.react-datepicker__day--in-selecting-range:not(
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
),
|
|
515
|
+
.react-datepicker__day--in-range,
|
|
516
|
+
.react-datepicker__month-text--in-range,
|
|
517
|
+
.react-datepicker__quarter-text--in-range,
|
|
518
|
+
.react-datepicker__year-text--in-range
|
|
519
|
+
),
|
|
520
520
|
.react-datepicker__month-text--in-selecting-range:not(
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
),
|
|
521
|
+
.react-datepicker__day--in-range,
|
|
522
|
+
.react-datepicker__month-text--in-range,
|
|
523
|
+
.react-datepicker__quarter-text--in-range,
|
|
524
|
+
.react-datepicker__year-text--in-range
|
|
525
|
+
),
|
|
526
526
|
.react-datepicker__quarter-text--in-selecting-range:not(
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
),
|
|
527
|
+
.react-datepicker__day--in-range,
|
|
528
|
+
.react-datepicker__month-text--in-range,
|
|
529
|
+
.react-datepicker__quarter-text--in-range,
|
|
530
|
+
.react-datepicker__year-text--in-range
|
|
531
|
+
),
|
|
532
532
|
.react-datepicker__year-text--in-selecting-range:not(
|
|
533
|
-
|
|
534
|
-
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
) {
|
|
533
|
+
.react-datepicker__day--in-range,
|
|
534
|
+
.react-datepicker__month-text--in-range,
|
|
535
|
+
.react-datepicker__quarter-text--in-range,
|
|
536
|
+
.react-datepicker__year-text--in-range
|
|
537
|
+
) {
|
|
538
538
|
background-color: rgba(33, 107, 165, 0.5);
|
|
539
539
|
}
|
|
540
540
|
.react-datepicker__month--selecting-range
|