tenara-ui-components 0.1.8 → 0.2.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/README.md +3 -1
- package/dist/components/atoms/Button/Button.d.ts +3 -1
- package/dist/components/atoms/Button/Button.d.ts.map +1 -1
- package/dist/components/atoms/Button/buttonIcons.d.ts +20 -0
- package/dist/components/atoms/Button/buttonIcons.d.ts.map +1 -0
- package/dist/components/index.d.ts +6 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/molecules/CTA/CTA.d.ts.map +1 -1
- package/dist/index.css +1 -1
- package/dist/index.esm.css +1 -1
- package/dist/index.esm.js +25 -2
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +25 -2
- package/dist/index.js.map +1 -1
- package/dist/themes/core/context.d.ts.map +1 -1
- package/dist/themes/core/types.d.ts +9 -0
- package/dist/themes/core/types.d.ts.map +1 -1
- package/dist/themes/presets/advisors-plus.d.ts.map +1 -1
- package/dist/themes/presets/default.d.ts.map +1 -1
- package/dist/themes/presets/primax.d.ts.map +1 -1
- package/dist/themes/utils/generator.d.ts.map +1 -1
- package/package.json +4 -2
package/README.md
CHANGED
|
@@ -10,9 +10,11 @@ npm install tenara-ui-components
|
|
|
10
10
|
|
|
11
11
|
## Quick Start
|
|
12
12
|
|
|
13
|
-
### 1. Wrap Your App with ThemeProvider
|
|
13
|
+
### 1. Import Styles and Wrap Your App with ThemeProvider
|
|
14
14
|
|
|
15
15
|
```tsx
|
|
16
|
+
// app/globals.css or your main CSS file
|
|
17
|
+
import 'tenara-ui-components/dist/index.css';
|
|
16
18
|
// app/layout.tsx (Next.js 13+) or _app.tsx
|
|
17
19
|
import { ThemeProvider, mySiteTheme } from 'tenara-ui-components';
|
|
18
20
|
|
|
@@ -8,6 +8,8 @@ export interface ButtonProps {
|
|
|
8
8
|
label?: string;
|
|
9
9
|
/** Icon element */
|
|
10
10
|
icon?: React.ReactNode;
|
|
11
|
+
/** Icon to show on hover (optional) */
|
|
12
|
+
hoverIcon?: React.ReactNode;
|
|
11
13
|
/** Allow passing classname to component */
|
|
12
14
|
className?: string;
|
|
13
15
|
/** Custom styles */
|
|
@@ -20,5 +22,5 @@ export interface ButtonProps {
|
|
|
20
22
|
onClick?: () => void;
|
|
21
23
|
}
|
|
22
24
|
/** Primary UI component for user interaction */
|
|
23
|
-
export declare const Button: ({ buttonType, label, icon, className, children, style, disabled, onClick, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
export declare const Button: ({ buttonType, label, icon, hoverIcon, className, children, style, disabled, onClick, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
24
26
|
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,eAAe,CAAC;AAGvB,MAAM,MAAM,UAAU,GAClB,SAAS,GACT,OAAO,GACP,WAAW,GACX,KAAK,GACL,WAAW,GACX,gBAAgB,GAChB,SAAS,GACT,UAAU,GACV,UAAU,CAAC;AAEf,MAAM,WAAW,WAAW;IAC1B,0BAA0B;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mBAAmB;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,uCAAuC;IACvC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAID,gDAAgD;AAEhD,eAAO,MAAM,MAAM,GAAI,iGAWpB,WAAW,4CA0Bb,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Button icon configuration
|
|
3
|
+
* Maps button types to their default icons with hover states
|
|
4
|
+
*/
|
|
5
|
+
import React from 'react';
|
|
6
|
+
import { ButtonType } from './Button';
|
|
7
|
+
interface ButtonIconConfig {
|
|
8
|
+
regular: React.ReactNode;
|
|
9
|
+
hover?: React.ReactNode;
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* Default icon configuration for each button type
|
|
13
|
+
*/
|
|
14
|
+
export declare const defaultButtonIcons: Partial<Record<ButtonType, ButtonIconConfig>>;
|
|
15
|
+
/**
|
|
16
|
+
* Get icon configuration for a button type
|
|
17
|
+
*/
|
|
18
|
+
export declare function getButtonIcon(buttonType: ButtonType, customIcon?: React.ReactNode, customHoverIcon?: React.ReactNode): ButtonIconConfig | null;
|
|
19
|
+
export {};
|
|
20
|
+
//# sourceMappingURL=buttonIcons.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"buttonIcons.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/buttonIcons.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAgB1B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,UAAU,gBAAgB;IACxB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,gBAAgB,CAAC,CAwB5E,CAAC;AAEF;;GAEG;AACH,wBAAgB,aAAa,CAC3B,UAAU,EAAE,UAAU,EACtB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,EAC5B,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,GAChC,gBAAgB,GAAG,IAAI,CAWzB"}
|
|
@@ -1,4 +1,10 @@
|
|
|
1
|
+
import './styles.css';
|
|
2
|
+
export { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
|
3
|
+
export * from '@fortawesome/free-solid-svg-icons';
|
|
4
|
+
export * from '@fortawesome/free-regular-svg-icons';
|
|
5
|
+
export * from '@fortawesome/free-brands-svg-icons';
|
|
1
6
|
export { Button } from './atoms/Button/Button';
|
|
7
|
+
export { defaultButtonIcons } from './atoms/Button/buttonIcons';
|
|
2
8
|
export { ButtonLink } from './atoms/ButtonLink';
|
|
3
9
|
export { TextLink } from './atoms/TextLink/TextLink';
|
|
4
10
|
export { BackgroundMedia } from './atoms/BackgroundMedia';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAGtB,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,oCAAoC,CAAC;AAGnD,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAG1C,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AAGtC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,cAAc,WAAW,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CTA.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/CTA/CTA.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAW,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"CTA.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/CTA/CTA.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAW,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,YAAY,CAAC;AAIpB,MAAM,WAAW,QAAQ;IACvB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uBAAuB;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gBAAgB;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,sBAAsB;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,kBAAkB;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yBAAyB;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kBAAkB;IAClB,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC5B,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,sDAAsD;AACtD,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CA+ClC,CAAC"}
|
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
.button{align-items:center;border:1px solid transparent;border-radius:var(--button-border-radius,20px);cursor:pointer;display:inline-flex;font-family:var(--font-family,sans-serif);font-size:var(--button-font-size,16px);font-weight:var(--button-font-weight,600);padding:var(--button-padding,14px 25px 13px);text-decoration:none;transition:all .3s ease}.button:disabled{cursor:not-allowed;opacity:.6}.button .icon{margin-left:8px}.button .icon--regular{display:inline}.button .icon--hover,.button:hover .icon--regular{display:none}.button:hover .icon--hover{display:inline}.button--general,.button--subscribe,.button--video{background-color:var(--button-general-bg,#1e40af);border-color:var(--button-general-border,#1e40af);box-shadow:var(--button-general-shadow,none);color:var(--button-general-color,#fff)}.button--general:hover:not(:disabled),.button--subscribe:hover:not(:disabled),.button--video:hover:not(:disabled){background-color:var(--button-general-bg-hover,#1e3a8a)}.button--general:active:not(:disabled),.button--subscribe:active:not(:disabled),.button--video:active:not(:disabled){background-color:var(--button-general-bg-active,#1d4ed8)}.button--cta{background-color:var(--button-cta-bg,#efe63f);border-color:var(--button-cta-border,#efe63f);box-shadow:var(--button-cta-shadow,none);color:var(--button-cta-color,#312e81)}.button--cta:hover:not(:disabled){background-color:var(--button-cta-bg-hover,#efe63f)}.button--cta:active:not(:disabled){background-color:var(--button-cta-bg-active,#efe63f)}.button--facebook,.button--linkedIn,.button--secondary,.button--twitter{background-color:var(--button-secondary-bg,transparent);border:2px solid var(--button-secondary-border,#1e40af);box-shadow:var(--button-secondary-shadow,none);color:var(--button-secondary-color,#1e40af);padding:13px 24px 12px}.button--facebook:hover:not(:disabled),.button--linkedIn:hover:not(:disabled),.button--secondary:hover:not(:disabled),.button--twitter:hover:not(:disabled){background-color:var(--button-secondary-bg-hover,#1e40af);color:var(--button-secondary-color-hover,#fff)}.button--facebook:active:not(:disabled),.button--linkedIn:active:not(:disabled),.button--secondary:active:not(:disabled),.button--twitter:active:not(:disabled){background-color:var(--button-secondary-bg-active,#1d4ed8)}.button--secondarySolid{background-color:transparent;border:2px solid #fff;color:#fff}.button--secondarySolid:hover:not(:disabled){background-color:#3b82f6;border-color:#3b82f6}.button--secondarySolid:active:not(:disabled){background-color:#2563eb;border-color:#2563eb}.text-link{align-items:center;color:#1e3a8a;cursor:pointer;display:inline-flex;font-weight:700;gap:4px;text-decoration:underline;text-underline-offset:2px;transition:color .2s ease,text-decoration-color .2s ease}.text-link:hover{color:#1e40af;text-decoration:underline}.text-link:focus{border-radius:2px;outline:2px solid #2563eb;outline-offset:2px}.text-link:focus:not(:focus-visible){outline:none}.text-link:focus-visible{border-radius:2px;outline:2px solid #2563eb;outline-offset:2px}.text-link:active{color:#1e40af}.text-link--disabled{cursor:not-allowed;pointer-events:none}.text-link--disabled,.text-link--disabled:hover{color:#9ca3af;text-decoration:none}@media (prefers-contrast:high){.text-link{text-decoration-thickness:2px}.text-link:focus-visible{outline-width:3px}}@media (prefers-reduced-motion:reduce){.text-link{transition:none}}.background-media{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%}.background-media--video{object-fit:cover}.heading{margin:0}.card-wrapper{max-width:340px;width:100%}.card__link{color:inherit;display:block;text-decoration:none}.card__link:focus{outline:2px solid currentColor;outline-offset:2px}.card{background-color:var(--card-background,#fff);border:var(--card-border,1px solid #e0e0e0);border-radius:var(--card-border-radius,20px);box-sizing:border-box;font-family:var(--font-family,sans-serif);transition:box-shadow .3s ease;width:100%}.card--hover-effect:hover{box-shadow:var(--card-shadow,0 3px 6px rgba(0,0,0,.1))}.card--hover-effect:hover .card__image-container{transform:scale(1.4)}.card:active{border:2px solid #00bcd4}.card[role=button]{cursor:pointer}.card[role=button]:focus{outline:2px solid currentColor;outline-offset:2px}.card__image-wrapper{aspect-ratio:3/2;border-radius:20px 20px 0 0;overflow:hidden;position:relative;width:100%}@media (max-width:768px){.card__image-wrapper{aspect-ratio:16/9}}.card__image-container{bottom:0;left:0;position:absolute;right:0;top:0;transition:transform .25s ease}.card__image{height:100%;object-fit:cover;width:100%}.card__body{box-sizing:border-box;padding:var(--card-padding,30px)}.cta{height:500px;overflow:hidden;position:relative;width:100%}.cta__content{align-items:flex-start;background-color:var(--cta-background,#312e81);border-radius:var(--cta-border-radius,0 0 200px);display:flex;flex-direction:column;flex-wrap:wrap;height:450px;justify-content:center;min-width:50%;padding:var(--cta-padding,84px 50px 0 60px);position:relative;width:745px;z-index:1}.cta__title{font-family:var(--font-family-heading,sans-serif);font-size:var(--cta-title-font-size,2.5rem);font-weight:var(--cta-title-font-weight,bold);line-height:var(--cta-title-line-height,1.2);margin:var(--cta-title-margin,0 0 1rem)}.cta__description,.cta__title{color:var(--text-color-inverse,#fff)}.cta__description{font-family:var(--font-family,sans-serif);font-size:var(--cta-description-font-size,1.125rem);font-weight:var(--cta-description-font-weight,normal);line-height:var(--cta-description-line-height,1.6);margin:var(--cta-description-margin,0 0 2rem)}
|
package/dist/index.esm.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
.button{align-items:center;border:1px solid transparent;border-radius:var(--button-border-radius,20px);cursor:pointer;display:inline-flex;font-family:var(--font-family,sans-serif);font-size:var(--button-font-size,16px);font-weight:var(--button-font-weight,600);padding:var(--button-padding,14px 25px 13px);text-decoration:none;transition:all .3s ease}.button:disabled{cursor:not-allowed;opacity:.6}.button .icon{margin-left:8px}.button .icon--regular{display:inline}.button .icon--hover,.button:hover .icon--regular{display:none}.button:hover .icon--hover{display:inline}.button--general,.button--subscribe,.button--video{background-color:var(--button-general-bg,#1e40af);border-color:var(--button-general-border,#1e40af);box-shadow:var(--button-general-shadow,none);color:var(--button-general-color,#fff)}.button--general:hover:not(:disabled),.button--subscribe:hover:not(:disabled),.button--video:hover:not(:disabled){background-color:var(--button-general-bg-hover,#1e3a8a)}.button--general:active:not(:disabled),.button--subscribe:active:not(:disabled),.button--video:active:not(:disabled){background-color:var(--button-general-bg-active,#1d4ed8)}.button--cta{background-color:var(--button-cta-bg,#efe63f);border-color:var(--button-cta-border,#efe63f);box-shadow:var(--button-cta-shadow,none);color:var(--button-cta-color,#312e81)}.button--cta:hover:not(:disabled){background-color:var(--button-cta-bg-hover,#efe63f)}.button--cta:active:not(:disabled){background-color:var(--button-cta-bg-active,#efe63f)}.button--facebook,.button--linkedIn,.button--secondary,.button--twitter{background-color:var(--button-secondary-bg,transparent);border:2px solid var(--button-secondary-border,#1e40af);box-shadow:var(--button-secondary-shadow,none);color:var(--button-secondary-color,#1e40af);padding:13px 24px 12px}.button--facebook:hover:not(:disabled),.button--linkedIn:hover:not(:disabled),.button--secondary:hover:not(:disabled),.button--twitter:hover:not(:disabled){background-color:var(--button-secondary-bg-hover,#1e40af);color:var(--button-secondary-color-hover,#fff)}.button--facebook:active:not(:disabled),.button--linkedIn:active:not(:disabled),.button--secondary:active:not(:disabled),.button--twitter:active:not(:disabled){background-color:var(--button-secondary-bg-active,#1d4ed8)}.button--secondarySolid{background-color:transparent;border:2px solid #fff;color:#fff}.button--secondarySolid:hover:not(:disabled){background-color:#3b82f6;border-color:#3b82f6}.button--secondarySolid:active:not(:disabled){background-color:#2563eb;border-color:#2563eb}.text-link{align-items:center;color:#1e3a8a;cursor:pointer;display:inline-flex;font-weight:700;gap:4px;text-decoration:underline;text-underline-offset:2px;transition:color .2s ease,text-decoration-color .2s ease}.text-link:hover{color:#1e40af;text-decoration:underline}.text-link:focus{border-radius:2px;outline:2px solid #2563eb;outline-offset:2px}.text-link:focus:not(:focus-visible){outline:none}.text-link:focus-visible{border-radius:2px;outline:2px solid #2563eb;outline-offset:2px}.text-link:active{color:#1e40af}.text-link--disabled{cursor:not-allowed;pointer-events:none}.text-link--disabled,.text-link--disabled:hover{color:#9ca3af;text-decoration:none}@media (prefers-contrast:high){.text-link{text-decoration-thickness:2px}.text-link:focus-visible{outline-width:3px}}@media (prefers-reduced-motion:reduce){.text-link{transition:none}}.background-media{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%}.background-media--video{object-fit:cover}.heading{margin:0}.card-wrapper{max-width:340px;width:100%}.card__link{color:inherit;display:block;text-decoration:none}.card__link:focus{outline:2px solid currentColor;outline-offset:2px}.card{background-color:var(--card-background,#fff);border:var(--card-border,1px solid #e0e0e0);border-radius:var(--card-border-radius,20px);box-sizing:border-box;font-family:var(--font-family,sans-serif);transition:box-shadow .3s ease;width:100%}.card--hover-effect:hover{box-shadow:var(--card-shadow,0 3px 6px rgba(0,0,0,.1))}.card--hover-effect:hover .card__image-container{transform:scale(1.4)}.card:active{border:2px solid #00bcd4}.card[role=button]{cursor:pointer}.card[role=button]:focus{outline:2px solid currentColor;outline-offset:2px}.card__image-wrapper{aspect-ratio:3/2;border-radius:20px 20px 0 0;overflow:hidden;position:relative;width:100%}@media (max-width:768px){.card__image-wrapper{aspect-ratio:16/9}}.card__image-container{bottom:0;left:0;position:absolute;right:0;top:0;transition:transform .25s ease}.card__image{height:100%;object-fit:cover;width:100%}.card__body{box-sizing:border-box;padding:var(--card-padding,30px)}.cta{height:500px;overflow:hidden;position:relative;width:100%}.cta__content{align-items:flex-start;background-color:var(--cta-background,#312e81);border-radius:var(--cta-border-radius,0 0 200px);display:flex;flex-direction:column;flex-wrap:wrap;height:450px;justify-content:center;min-width:50%;padding:var(--cta-padding,84px 50px 0 60px);position:relative;width:745px;z-index:1}.cta__title{font-family:var(--font-family-heading,sans-serif);font-size:var(--cta-title-font-size,2.5rem);font-weight:var(--cta-title-font-weight,bold);line-height:var(--cta-title-line-height,1.2);margin:var(--cta-title-margin,0 0 1rem)}.cta__description,.cta__title{color:var(--text-color-inverse,#fff)}.cta__description{font-family:var(--font-family,sans-serif);font-size:var(--cta-description-font-size,1.125rem);font-weight:var(--cta-description-font-weight,normal);line-height:var(--cta-description-line-height,1.6);margin:var(--cta-description-margin,0 0 2rem)}
|