@consumidor-positivo/aurora 0.0.111 → 0.0.113
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.
|
@@ -9,11 +9,11 @@ const CardEmphasis = ({
|
|
|
9
9
|
height: `${height}px`,
|
|
10
10
|
maxHeight: `${maxHeight}px`
|
|
11
11
|
};
|
|
12
|
-
return /* @__PURE__ */ jsx("div", { style: emphasisSize, className: "au-card__emphasis", children: content == null ? void 0 : content.map((item) => {
|
|
12
|
+
return /* @__PURE__ */ jsx("div", { style: emphasisSize, className: "au-card__emphasis", children: content == null ? void 0 : content.map((item, index) => {
|
|
13
13
|
return /* @__PURE__ */ jsxs("div", { className: "au-card__emphasis-container", children: [
|
|
14
14
|
/* @__PURE__ */ jsx(Text, { variant: "body-small", color: "secondary", children: item.title }),
|
|
15
15
|
/* @__PURE__ */ jsx(Text, { variant: "body-small", weight: "semibold", children: item.description })
|
|
16
|
-
] });
|
|
16
|
+
] }, `au-card-emphasis-${item.title}-${index}`);
|
|
17
17
|
}) });
|
|
18
18
|
};
|
|
19
19
|
export {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es.js","sources":["../../../lib/components/Card/Emphasis/index.tsx"],"sourcesContent":["import { Text } from '@components/Text'\nimport { CSSProperties } from 'react'\n\nexport type CardEmphasisProps = {\n content: { title: string; description?: string }[]\n height?: number\n maxHeight?: number\n}\nexport const CardEmphasis = ({\n content,\n height,\n maxHeight,\n}: CardEmphasisProps) => {\n const emphasisSize: CSSProperties = {\n height: `${height}px`,\n maxHeight: `${maxHeight}px`,\n }\n\n return (\n <div style={emphasisSize} className=\"au-card__emphasis\">\n {content?.map((item) => {\n return (\n <div className=\"au-card__emphasis-container\">\n <Text variant=\"body-small\" color=\"secondary\">\n {item.title}\n </Text>\n <Text variant=\"body-small\" weight=\"semibold\">\n {item.description}\n </Text>\n </div>\n )\n })}\n </div>\n )\n}\n"],"names":[],"mappings":";;AAQO,MAAM,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AACF,MAAyB;AACvB,QAAM,eAA8B;AAAA,IAClC,QAAQ,GAAG,MAAM;AAAA,IACjB,WAAW,GAAG,SAAS;AAAA,EAAA;AAIvB,SAAA,oBAAC,
|
|
1
|
+
{"version":3,"file":"index.es.js","sources":["../../../lib/components/Card/Emphasis/index.tsx"],"sourcesContent":["import { Text } from '@components/Text'\nimport { CSSProperties } from 'react'\n\nexport type CardEmphasisProps = {\n content: { title: string; description?: string }[]\n height?: number\n maxHeight?: number\n}\nexport const CardEmphasis = ({\n content,\n height,\n maxHeight,\n}: CardEmphasisProps) => {\n const emphasisSize: CSSProperties = {\n height: `${height}px`,\n maxHeight: `${maxHeight}px`,\n }\n\n return (\n <div style={emphasisSize} className=\"au-card__emphasis\">\n {content?.map((item, index) => {\n return (\n <div key={`au-card-emphasis-${item.title}-${index}`} className=\"au-card__emphasis-container\">\n <Text variant=\"body-small\" color=\"secondary\">\n {item.title}\n </Text>\n <Text variant=\"body-small\" weight=\"semibold\">\n {item.description}\n </Text>\n </div>\n )\n })}\n </div>\n )\n}\n"],"names":[],"mappings":";;AAQO,MAAM,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AACF,MAAyB;AACvB,QAAM,eAA8B;AAAA,IAClC,QAAQ,GAAG,MAAM;AAAA,IACjB,WAAW,GAAG,SAAS;AAAA,EAAA;AAIvB,SAAA,oBAAC,OAAI,EAAA,OAAO,cAAc,WAAU,qBACjC,UAAS,mCAAA,IAAI,CAAC,MAAM,UAAU;AAE3B,WAAA,qBAAC,OAAoD,EAAA,WAAU,+BAC7D,UAAA;AAAA,MAAA,oBAAC,QAAK,SAAQ,cAAa,OAAM,aAC9B,eAAK,OACR;AAAA,0BACC,MAAK,EAAA,SAAQ,cAAa,QAAO,YAC/B,eAAK,aACR;AAAA,IAAA,EAAA,GANQ,oBAAoB,KAAK,KAAK,IAAI,KAAK,EAOjD;AAAA,EAEH,GACH,CAAA;AAEJ;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.au-text{font-family:"Source Sans 3",sans-serif;font-weight:400}.au-text--color-common{color:#16181d}.au-text--color-secondary{color:#454a54}.au-text--weight-bold{font-weight:700}.au-text--weight-semibold{font-weight:600}.au-text--weight-medium{font-weight:500}.au-text--weight-regular{font-weight:400}.au-text--weight-light{font-weight:300}.au-text--display-large,.au-text--display-medium,.au-text--display-small{font-family:Lexend Deca,sans-serif}.au-text--display-large{font-size:56px;line-height:76px}.au-text--display-medium{font-size:48px;line-height:68px}.au-text--display-small{font-size:40px;line-height:60px}.au-text--heading-big,.au-text--heading-large,.au-text--heading-medium,.au-text--heading-small,.au-text--heading-micro{font-family:Lexend Deca,sans-serif}.au-text--heading-big{font-size:32px;line-height:52px}.au-text--heading-large{font-size:28px;line-height:48px}.au-text--heading-medium{font-size:24px;line-height:44px}.au-text--heading-small{font-size:20px;line-height:28px}.au-text--heading-micro{font-size:16px;line-height:24px}.au-text--body-big,.au-text--body-large,.au-text--body-medium,.au-text--body-small{font-family:"Source Sans 3",sans-serif}.au-text--body-big{font-size:24px;line-height:36px}.au-text--body-large{font-size:20px;line-height:30px}.au-text--body-medium{font-size:16px;line-height:24px}.au-text--body-small{font-size:14px;line-height:21px}.au-text--caption{font-family:"Source Sans 3",sans-serif;font-size:12px;line-height:18px}@media (min-width: 1024px){.au-text--desk-display-large,.au-text--desk-display-medium,.au-text--desk-display-small{font-family:Lexend Deca,sans-serif}.au-text--desk-display-large{font-size:56px;line-height:76px}.au-text--desk-display-medium{font-size:48px;line-height:68px}.au-text--desk-display-small{font-size:40px;line-height:60px}.au-text--desk-heading-big,.au-text--desk-heading-large,.au-text--desk-heading-medium,.au-text--desk-heading-small,.au-text--desk-heading-micro{font-family:Lexend Deca,sans-serif}.au-text--desk-heading-big{font-size:32px;line-height:52px}.au-text--desk-heading-large{font-size:28px;line-height:48px}.au-text--desk-heading-medium{font-size:24px;line-height:44px}.au-text--desk-heading-small{font-size:20px;line-height:28px}.au-text--desk-heading-micro{font-size:16px;line-height:24px}.au-text--desk-body-big,.au-text--desk-body-large,.au-text--desk-body-medium,.au-text--desk-body-small{font-family:"Source Sans 3",sans-serif}.au-text--desk-body-big{font-size:24px;line-height:36px}.au-text--desk-body-large{font-size:20px;line-height:30px}.au-text--desk-body-medium{font-size:16px;line-height:24px}.au-text--desk-body-small{font-size:14px;line-height:21px}.au-text--desk-caption{font-family:"Source Sans 3",sans-serif;font-size:12px;line-height:18px}}
|
|
1
|
+
.au-text{font-family:"Source Sans 3",sans-serif;font-weight:400}.au-text--color-common{color:#16181d}.au-text--color-secondary{color:#454a54}.au-text--color-white{color:#fff}.au-text--weight-bold{font-weight:700}.au-text--weight-semibold{font-weight:600}.au-text--weight-medium{font-weight:500}.au-text--weight-regular{font-weight:400}.au-text--weight-light{font-weight:300}.au-text--display-large,.au-text--display-medium,.au-text--display-small{font-family:Lexend Deca,sans-serif}.au-text--display-large{font-size:56px;line-height:76px}.au-text--display-medium{font-size:48px;line-height:68px}.au-text--display-small{font-size:40px;line-height:60px}.au-text--heading-big,.au-text--heading-large,.au-text--heading-medium,.au-text--heading-small,.au-text--heading-micro{font-family:Lexend Deca,sans-serif}.au-text--heading-big{font-size:32px;line-height:52px}.au-text--heading-large{font-size:28px;line-height:48px}.au-text--heading-medium{font-size:24px;line-height:44px}.au-text--heading-small{font-size:20px;line-height:28px}.au-text--heading-micro{font-size:16px;line-height:24px}.au-text--body-big,.au-text--body-large,.au-text--body-medium,.au-text--body-small{font-family:"Source Sans 3",sans-serif}.au-text--body-big{font-size:24px;line-height:36px}.au-text--body-large{font-size:20px;line-height:30px}.au-text--body-medium{font-size:16px;line-height:24px}.au-text--body-small{font-size:14px;line-height:21px}.au-text--caption{font-family:"Source Sans 3",sans-serif;font-size:12px;line-height:18px}@media (min-width: 1024px){.au-text--desk-display-large,.au-text--desk-display-medium,.au-text--desk-display-small{font-family:Lexend Deca,sans-serif}.au-text--desk-display-large{font-size:56px;line-height:76px}.au-text--desk-display-medium{font-size:48px;line-height:68px}.au-text--desk-display-small{font-size:40px;line-height:60px}.au-text--desk-heading-big,.au-text--desk-heading-large,.au-text--desk-heading-medium,.au-text--desk-heading-small,.au-text--desk-heading-micro{font-family:Lexend Deca,sans-serif}.au-text--desk-heading-big{font-size:32px;line-height:52px}.au-text--desk-heading-large{font-size:28px;line-height:48px}.au-text--desk-heading-medium{font-size:24px;line-height:44px}.au-text--desk-heading-small{font-size:20px;line-height:28px}.au-text--desk-heading-micro{font-size:16px;line-height:24px}.au-text--desk-body-big,.au-text--desk-body-large,.au-text--desk-body-medium,.au-text--desk-body-small{font-family:"Source Sans 3",sans-serif}.au-text--desk-body-big{font-size:24px;line-height:36px}.au-text--desk-body-large{font-size:20px;line-height:30px}.au-text--desk-body-medium{font-size:16px;line-height:24px}.au-text--desk-body-small{font-size:14px;line-height:21px}.au-text--desk-caption{font-family:"Source Sans 3",sans-serif;font-size:12px;line-height:18px}}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
type TextVariant = 'display-large' | 'display-medium' | 'display-small' | 'heading-big' | 'heading-large' | 'heading-medium' | 'heading-small' | 'heading-micro' | 'body-big' | 'body-large' | 'body-medium' | 'body-small' | 'caption';
|
|
3
3
|
type TextWeight = 'bold' | 'semibold' | 'medium' | 'regular' | 'light';
|
|
4
|
+
type TextColor = 'common' | 'secondary' | 'white';
|
|
4
5
|
export interface TextProps extends React.HTMLAttributes<HTMLElement> {
|
|
5
6
|
as?: keyof React.ReactHTML;
|
|
6
7
|
className?: string;
|
|
7
|
-
color?:
|
|
8
|
+
color?: TextColor;
|
|
8
9
|
href?: string;
|
|
9
10
|
variant?: TextVariant;
|
|
10
11
|
variantDesk?: TextVariant;
|