@cleartrip/ct-design-typography 4.0.0 → 5.1.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 +169 -0
- package/dist/Typography.d.ts +2 -2
- package/dist/Typography.d.ts.map +1 -1
- package/dist/Typography.native.d.ts +6 -0
- package/dist/Typography.native.d.ts.map +1 -0
- package/dist/constants.d.ts +53 -0
- package/dist/constants.d.ts.map +1 -0
- package/dist/ct-design-typography.browser.cjs.js +1 -1
- package/dist/ct-design-typography.browser.cjs.js.map +1 -1
- package/dist/ct-design-typography.browser.esm.js +1 -1
- package/dist/ct-design-typography.browser.esm.js.map +1 -1
- package/dist/ct-design-typography.cjs.js +103 -55
- package/dist/ct-design-typography.cjs.js.map +1 -1
- package/dist/ct-design-typography.esm.js +103 -55
- package/dist/ct-design-typography.esm.js.map +1 -1
- package/dist/ct-design-typography.umd.js +1752 -95
- package/dist/ct-design-typography.umd.js.map +1 -1
- package/dist/index.d.ts +3 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/style.d.ts +174 -498
- package/dist/style.d.ts.map +1 -1
- package/dist/type.d.ts +10 -48
- package/dist/type.d.ts.map +1 -1
- package/package.json +21 -11
- package/src/Typography.native.tsx +109 -0
- package/src/Typography.tsx +122 -0
- package/src/constants.ts +53 -0
- package/src/index.ts +4 -0
- package/src/style.ts +306 -0
- package/src/type.ts +94 -0
- package/dist/StyledTypography/StyledTypography.d.ts +0 -8
- package/dist/StyledTypography/StyledTypography.d.ts.map +0 -1
- package/dist/StyledTypography/index.d.ts +0 -2
- package/dist/StyledTypography/index.d.ts.map +0 -1
- package/dist/StyledTypography/style.d.ts +0 -6
- package/dist/StyledTypography/style.d.ts.map +0 -1
- package/dist/StyledTypography/type.d.ts +0 -18
- package/dist/StyledTypography/type.d.ts.map +0 -1
package/README.md
ADDED
|
@@ -0,0 +1,169 @@
|
|
|
1
|
+
# Typography
|
|
2
|
+
|
|
3
|
+
Typography component provides consistent text styling across the design system with predefined variants and color schemes.
|
|
4
|
+
|
|
5
|
+
---
|
|
6
|
+
|
|
7
|
+
## Installation
|
|
8
|
+
|
|
9
|
+
```bash
|
|
10
|
+
npm install @cleartrip/ct-design-typography
|
|
11
|
+
# or
|
|
12
|
+
pnpm add @cleartrip/ct-design-typography
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
### Peer dependencies
|
|
16
|
+
|
|
17
|
+
```bash
|
|
18
|
+
# Required for all targets
|
|
19
|
+
npm install react
|
|
20
|
+
|
|
21
|
+
# Web only
|
|
22
|
+
npm install react-dom
|
|
23
|
+
|
|
24
|
+
# React Native only
|
|
25
|
+
npm install react-native
|
|
26
|
+
```
|
|
27
|
+
|
|
28
|
+
---
|
|
29
|
+
|
|
30
|
+
## Usage
|
|
31
|
+
|
|
32
|
+
### Basic
|
|
33
|
+
|
|
34
|
+
```tsx
|
|
35
|
+
import { Typography, TypographyVariant, TypographyColor } from '@cleartrip/ct-design-typography';
|
|
36
|
+
|
|
37
|
+
function Example() {
|
|
38
|
+
return (
|
|
39
|
+
<Typography variant={TypographyVariant.B1} color={TypographyColor.PRIMARY}>
|
|
40
|
+
This is sample typography text
|
|
41
|
+
</Typography>
|
|
42
|
+
);
|
|
43
|
+
}
|
|
44
|
+
```
|
|
45
|
+
|
|
46
|
+
### Headings
|
|
47
|
+
|
|
48
|
+
```tsx
|
|
49
|
+
<Typography variant={TypographyVariant.HD1} color={TypographyColor.HEADING}>
|
|
50
|
+
Large Display Heading
|
|
51
|
+
</Typography>
|
|
52
|
+
|
|
53
|
+
<Typography variant={TypographyVariant.HM1} color={TypographyColor.HEADING}>
|
|
54
|
+
Medium Heading
|
|
55
|
+
</Typography>
|
|
56
|
+
```
|
|
57
|
+
|
|
58
|
+
### Body text
|
|
59
|
+
|
|
60
|
+
```tsx
|
|
61
|
+
<Typography variant={TypographyVariant.B1} color={TypographyColor.PRIMARY}>
|
|
62
|
+
Large body text for important content
|
|
63
|
+
</Typography>
|
|
64
|
+
|
|
65
|
+
<Typography variant={TypographyVariant.B2} color={TypographyColor.SECONDARY}>
|
|
66
|
+
Regular body text with secondary color
|
|
67
|
+
</Typography>
|
|
68
|
+
```
|
|
69
|
+
|
|
70
|
+
### Custom styling
|
|
71
|
+
|
|
72
|
+
```tsx
|
|
73
|
+
<Typography
|
|
74
|
+
variant={TypographyVariant.B1}
|
|
75
|
+
color={TypographyColor.PRIMARY}
|
|
76
|
+
styleConfig={{
|
|
77
|
+
text: [{ fontWeight: 'bold', textDecoration: 'underline' }],
|
|
78
|
+
}}
|
|
79
|
+
>
|
|
80
|
+
Custom styled text
|
|
81
|
+
</Typography>
|
|
82
|
+
```
|
|
83
|
+
|
|
84
|
+
---
|
|
85
|
+
|
|
86
|
+
## Props
|
|
87
|
+
|
|
88
|
+
| Prop | Type | Default | Required | Description |
|
|
89
|
+
|------|------|---------|----------|-------------|
|
|
90
|
+
| `children` | `ReactNode` | — | ✅ Yes | The content to be displayed within the typography element. |
|
|
91
|
+
| `variant` | `TypographyVariantType` | — | ✅ Yes | The variant of the typography, such as 'h1', 'body1', etc. |
|
|
92
|
+
| `color` | `TypographyColorType` | — | No | The color of the typography. |
|
|
93
|
+
| `isUnderlined` | `boolean` | — | No | If true, adds an underline effect to the typography. |
|
|
94
|
+
| `isStriked` | `boolean` | — | No | If true, adds a strikethrough effect to the typography. |
|
|
95
|
+
| `isClickable` | `boolean` | — | No | If true, makes the typography clickable. |
|
|
96
|
+
| `onClick` | `() => void` | — | No | Callback function triggered on typography click. |
|
|
97
|
+
| `colorCode` | `string` | — | No | Color code to override the default color. |
|
|
98
|
+
| `showInItalics` | `boolean` | — | No | If true, renders the typography in italics. |
|
|
99
|
+
| `width` | `string` | — | No | The width of the typography element. |
|
|
100
|
+
| `lineClamp` | `number` | — | No | The number of lines to clamp the text. Ellipsis (...) is added for overflow. |
|
|
101
|
+
| `isDisabled` | `boolean` | — | No | If true, disables the typography for user interaction. |
|
|
102
|
+
| `componentNode` | `TypographyNodeElementType` | — | No | The type of HTML element to be used for rendering the typography. |
|
|
103
|
+
| `styleConfig` | `TypographyStyleConfigProps` | — | No | Style configuration for the typography. |
|
|
104
|
+
|
|
105
|
+
---
|
|
106
|
+
|
|
107
|
+
## Variants
|
|
108
|
+
|
|
109
|
+
### Display (HD)
|
|
110
|
+
- `HD1` — Extra large display text
|
|
111
|
+
- `HD2` — Large display text
|
|
112
|
+
- `HD3` — Medium display text
|
|
113
|
+
|
|
114
|
+
### Headings (HM)
|
|
115
|
+
- `HM1` — Large heading
|
|
116
|
+
- `HM2` — Medium heading
|
|
117
|
+
- `HM3` — Small heading
|
|
118
|
+
- `HM4` — Extra small heading
|
|
119
|
+
|
|
120
|
+
### Body (B)
|
|
121
|
+
- `B1` — Large body text
|
|
122
|
+
- `B2` — Regular body text
|
|
123
|
+
- `B3` — Small body text
|
|
124
|
+
- `B3CAPS` — Small caps text
|
|
125
|
+
- `B4` — Extra small body text
|
|
126
|
+
- `B4CAPS` — Extra small caps text
|
|
127
|
+
|
|
128
|
+
### Paragraphs (P)
|
|
129
|
+
- `P1` — Large paragraph
|
|
130
|
+
- `P2` — Medium paragraph
|
|
131
|
+
- `P3` — Small paragraph
|
|
132
|
+
|
|
133
|
+
### Labels (L)
|
|
134
|
+
- `L1` — Large label
|
|
135
|
+
- `L2` — Medium label
|
|
136
|
+
- `L3` — Small label
|
|
137
|
+
|
|
138
|
+
### Special
|
|
139
|
+
- `OVERLINE` — Overline text
|
|
140
|
+
- `TAG` — Tag text
|
|
141
|
+
- `M4BOLD` — Bold variant
|
|
142
|
+
|
|
143
|
+
---
|
|
144
|
+
|
|
145
|
+
## Colors
|
|
146
|
+
|
|
147
|
+
- `PRIMARY` — Primary text color
|
|
148
|
+
- `SECONDARY` — Secondary text color
|
|
149
|
+
- `TERTIARY` — Tertiary text color
|
|
150
|
+
- `HEADING` — Heading color
|
|
151
|
+
- `SUBHEADING` — Subheading color
|
|
152
|
+
- `SUCCESS` — Success state color
|
|
153
|
+
- `ALERT` — Alert/error state color
|
|
154
|
+
- `WARNING` — Warning state color
|
|
155
|
+
- `DISABLED` — Disabled state color
|
|
156
|
+
- `LINK` — Link color
|
|
157
|
+
- `NEUTRAL` — Neutral color
|
|
158
|
+
- `BRAND` — Brand color
|
|
159
|
+
|
|
160
|
+
---
|
|
161
|
+
|
|
162
|
+
## Migration
|
|
163
|
+
|
|
164
|
+
If migrating from previous versions:
|
|
165
|
+
|
|
166
|
+
```diff
|
|
167
|
+
- import { Typography } from 'yagami/core/components';
|
|
168
|
+
+ import { Typography, TypographyVariant, TypographyColor } from '@cleartrip/ct-design-typography';
|
|
169
|
+
```
|
package/dist/Typography.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
declare const Typography: React.FC<
|
|
2
|
+
import { ITypography } from './type';
|
|
3
|
+
declare const Typography: React.FC<ITypography>;
|
|
4
4
|
export default Typography;
|
|
5
5
|
//# sourceMappingURL=Typography.d.ts.map
|
package/dist/Typography.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../packages/components/Typography/src/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../packages/components/Typography/src/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAMvC,OAAO,EAAyB,WAAW,EAA6B,MAAM,QAAQ,CAAC;AAiCvF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAgFrC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Text } from 'react-native';
|
|
3
|
+
import { ITypography } from './type';
|
|
4
|
+
declare const Typography: React.ForwardRefExoticComponent<ITypography & React.RefAttributes<Text>>;
|
|
5
|
+
export default Typography;
|
|
6
|
+
//# sourceMappingURL=Typography.native.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Typography.native.d.ts","sourceRoot":"","sources":["../packages/components/Typography/src/Typography.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAQpC,OAAO,EAAE,WAAW,EAAyB,MAAM,QAAQ,CAAC;AA+B5D,QAAA,MAAM,UAAU,0EA+Df,CAAC;AAIF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
export declare enum TypographyVariant {
|
|
2
|
+
HD1 = "HD1",
|
|
3
|
+
HD2 = "HD2",
|
|
4
|
+
HD3 = "HD3",
|
|
5
|
+
HM1 = "HM1",
|
|
6
|
+
HM2 = "HM2",
|
|
7
|
+
HM3 = "HM3",
|
|
8
|
+
HM4 = "HM4",
|
|
9
|
+
B1 = "B1",
|
|
10
|
+
B2 = "B2",
|
|
11
|
+
B3 = "B3",
|
|
12
|
+
B3CAPS = "B3CAPS",
|
|
13
|
+
B4 = "B4",
|
|
14
|
+
B4CAPS = "B4CAPS",
|
|
15
|
+
P1 = "P1",
|
|
16
|
+
P2 = "P2",
|
|
17
|
+
P3 = "P3",
|
|
18
|
+
P4 = "P4",
|
|
19
|
+
L1 = "L1",
|
|
20
|
+
L2 = "L2",
|
|
21
|
+
L3 = "L3",
|
|
22
|
+
OVERLINE = "OVERLINE",
|
|
23
|
+
TAG = "TAG",
|
|
24
|
+
M4BOLD = "M4BOLD",
|
|
25
|
+
WRAPPER = "WRAPPER"
|
|
26
|
+
}
|
|
27
|
+
export declare enum TypographyColor {
|
|
28
|
+
PRIMARY = "primary",
|
|
29
|
+
SECONDARY = "secondary",
|
|
30
|
+
TERTIARY = "tertiary",
|
|
31
|
+
HEADING = "heading",
|
|
32
|
+
SUBHEADING = "subheading",
|
|
33
|
+
SUCCESS = "success",
|
|
34
|
+
ALERT = "alert",
|
|
35
|
+
WARNING = "warning",
|
|
36
|
+
DISABLED = "disabled",
|
|
37
|
+
LINK = "link",
|
|
38
|
+
NEUTRAL = "neutral",
|
|
39
|
+
LINK2 = "link2",
|
|
40
|
+
PRIMARY2 = "primary2",
|
|
41
|
+
SECONDARY2 = "secondary2",
|
|
42
|
+
GRAPETINI = "grapetini900",
|
|
43
|
+
PINA_COLADA750 = "pinacolada750",
|
|
44
|
+
BRAND = "brand",
|
|
45
|
+
ALERT500 = "alert500",
|
|
46
|
+
NEUTRAL50 = "neutral50",
|
|
47
|
+
MARGARITA750 = "margarita750",
|
|
48
|
+
GREEN100 = "green100",
|
|
49
|
+
RED100 = "red100",
|
|
50
|
+
CORALPINK = "coralpink",
|
|
51
|
+
WARNING500 = "warning500"
|
|
52
|
+
}
|
|
53
|
+
//# sourceMappingURL=constants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../packages/components/Typography/src/constants.ts"],"names":[],"mappings":"AAAA,oBAAY,iBAAiB;IAC3B,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;IACT,MAAM,WAAW;IACjB,EAAE,OAAO;IACT,MAAM,WAAW;IACjB,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;IACT,QAAQ,aAAa;IACrB,GAAG,QAAQ;IACX,MAAM,WAAW;IACjB,OAAO,YAAY;CACpB;AAED,oBAAY,eAAe;IACzB,OAAO,YAAY;IACnB,SAAS,cAAc;IACvB,QAAQ,aAAa;IACrB,OAAO,YAAY;IACnB,UAAU,eAAe;IACzB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,UAAU,eAAe;IACzB,SAAS,iBAAiB;IAC1B,cAAc,kBAAkB;IAChC,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,SAAS,cAAc;IACvB,YAAY,iBAAiB;IAC7B,QAAQ,aAAa;IACrB,MAAM,WAAW;IACjB,SAAS,cAAc;IACvB,UAAU,eAAe;CAC1B"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("@cleartrip/ct-design-theme"),o=require("@cleartrip/ct-design-style-manager"),p=require("@cleartrip/ct-design-container"),i=require("@cleartrip/ct-design-conditional-wrap"),a=require("@emotion/css");function n(e){return e&&e.__esModule?e:{default:e}}var y,g,h=n(i);exports.TypographyVariant=void 0,(y=exports.TypographyVariant||(exports.TypographyVariant={})).HD1="HD1",y.HD2="HD2",y.HD3="HD3",y.HM1="HM1",y.HM2="HM2",y.HM3="HM3",y.HM4="HM4",y.B1="B1",y.B2="B2",y.B3="B3",y.B3CAPS="B3CAPS",y.B4="B4",y.B4CAPS="B4CAPS",y.P1="P1",y.P2="P2",y.P3="P3",y.P4="P4",y.L1="L1",y.L2="L2",y.L3="L3",y.OVERLINE="OVERLINE",y.TAG="TAG",y.M4BOLD="M4BOLD",y.WRAPPER="WRAPPER",exports.TypographyColor=void 0,(g=exports.TypographyColor||(exports.TypographyColor={})).PRIMARY="primary",g.SECONDARY="secondary",g.TERTIARY="tertiary",g.HEADING="heading",g.SUBHEADING="subheading",g.SUCCESS="success",g.ALERT="alert",g.WARNING="warning",g.DISABLED="disabled",g.LINK="link",g.NEUTRAL="neutral",g.LINK2="link2",g.PRIMARY2="primary2",g.SECONDARY2="secondary2",g.GRAPETINI="grapetini900",g.PINA_COLADA750="pinacolada750",g.BRAND="brand",g.ALERT500="alert500",g.NEUTRAL50="neutral50",g.MARGARITA750="margarita750",g.GREEN100="green100",g.RED100="red100",g.CORALPINK="coralpink",g.WARNING500="warning500";const s=(e,t)=>{switch(t){case exports.TypographyVariant.HD1:return{fontSize:e.typography.size[48],fontWeight:e.typography.weight.semibold,lineHeight:e.typography.lineHeight[56]};case exports.TypographyVariant.HD2:return{fontSize:e.typography.size[40],fontWeight:e.typography.weight.semibold,lineHeight:e.typography.lineHeight[48]};case exports.TypographyVariant.HD3:return{fontSize:e.typography.size[32],fontWeight:e.typography.weight.semibold,lineHeight:e.typography.lineHeight[40]};case exports.TypographyVariant.HM1:return{fontSize:e.typography.size[24],fontWeight:e.typography.weight.semibold,lineHeight:e.typography.lineHeight[32]};case exports.TypographyVariant.HM2:return{fontSize:e.typography.size[20],fontWeight:e.typography.weight.semibold,lineHeight:e.typography.lineHeight[28]};case exports.TypographyVariant.HM3:return{fontSize:e.typography.size[16],fontWeight:e.typography.weight.semibold,lineHeight:e.typography.lineHeight[24]};case exports.TypographyVariant.HM4:return{fontSize:e.typography.size[14],fontWeight:e.typography.weight.semibold,lineHeight:e.typography.lineHeight[20]};case exports.TypographyVariant.B1:return{fontSize:e.typography.size[16],fontWeight:e.typography.weight.medium,lineHeight:e.typography.lineHeight[24]};case exports.TypographyVariant.B2:return{fontSize:e.typography.size[14],fontWeight:e.typography.weight.medium,lineHeight:e.typography.lineHeight[20]};case exports.TypographyVariant.B3:return{fontSize:e.typography.size[12],fontWeight:e.typography.weight.medium,lineHeight:e.typography.lineHeight[16]};case exports.TypographyVariant.B3CAPS:return{fontSize:e.typography.size[12],fontWeight:e.typography.weight.semibold,lineHeight:e.typography.lineHeight[16],letterSpacing:e.typography.letterSpacing.point4,textTransform:"uppercase"};case exports.TypographyVariant.B4:return{fontSize:e.typography.size[10],fontWeight:e.typography.weight.medium,lineHeight:e.typography.lineHeight[14]};case exports.TypographyVariant.B4CAPS:return{fontSize:e.typography.size[10],fontWeight:e.typography.weight.semibold,lineHeight:e.typography.lineHeight[12],letterSpacing:e.typography.letterSpacing.point4,textTransform:"uppercase"};case exports.TypographyVariant.P1:return{fontSize:e.typography.size[16],fontWeight:e.typography.weight.normal,lineHeight:e.typography.lineHeight[22]};case exports.TypographyVariant.P2:return{fontSize:e.typography.size[14],fontWeight:e.typography.weight.normal,lineHeight:e.typography.lineHeight[20]};case exports.TypographyVariant.P3:return{fontSize:e.typography.size[12],fontWeight:e.typography.weight.normal,lineHeight:e.typography.lineHeight[16]};case exports.TypographyVariant.P4:return{fontSize:e.typography.size[10],fontWeight:e.typography.weight.normal,lineHeight:e.typography.lineHeight[14]};case exports.TypographyVariant.L1:return{fontSize:e.typography.size[16],fontWeight:e.typography.weight.semibold,lineHeight:e.typography.lineHeight[24]};case exports.TypographyVariant.L2:return{fontSize:e.typography.size[14],fontWeight:e.typography.weight.semibold,lineHeight:e.typography.lineHeight[20]};case exports.TypographyVariant.L3:case exports.TypographyVariant.OVERLINE:return{fontSize:e.typography.size[12],fontWeight:e.typography.weight.semibold,lineHeight:e.typography.lineHeight[16]};case exports.TypographyVariant.TAG:return{fontSize:e.typography.size[10],fontWeight:e.typography.weight.semibold,lineHeight:e.typography.lineHeight[12],letterSpacing:e.typography.letterSpacing.point4};default:return{fontSize:e.typography.size[20],fontWeight:e.typography.weight.semibold,lineHeight:e.typography.lineHeight[28]}}},l=(e,t)=>{switch(t){case exports.TypographyColor.PRIMARY:return e.color.text.primary;case exports.TypographyColor.SECONDARY:return e.color.text.secondary;case exports.TypographyColor.TERTIARY:return e.color.text.tertiary;case exports.TypographyColor.ALERT:return e.color.text.alert;case exports.TypographyColor.DISABLED:return e.color.text.disabled;case exports.TypographyColor.HEADING:return e.color.text.heading;case exports.TypographyColor.LINK:return e.color.text.link;case exports.TypographyColor.SUBHEADING:return e.color.text.subHeading;case exports.TypographyColor.SUCCESS:return e.color.text.success;case exports.TypographyColor.WARNING:return e.color.text.warning;case exports.TypographyColor.NEUTRAL:return e.color.text.neutral;case exports.TypographyColor.LINK2:return e.color.text.link2;case exports.TypographyColor.PRIMARY2:return e.color.text.primary2;case exports.TypographyColor.SECONDARY2:return e.color.text.secondary2;case exports.TypographyColor.GRAPETINI:return e.color.text.grapetini900;case exports.TypographyColor.PINA_COLADA750:return e.color.text.pinaColada750;case exports.TypographyColor.CORALPINK:return e.color.text.coralpink;case exports.TypographyColor.NEUTRAL50:return e.color.text.neutral50;case exports.TypographyColor.WARNING500:case exports.TypographyColor.ALERT500:return e.color.text.alert500;case exports.TypographyColor.BRAND:return e.color.text.brand;default:return e.color.text.primary}},c=({theme:e,variant:t,color:r,isStriked:o,colorCode:p,showInItalics:i})=>{const a=o?"line-through":"none";return Object.assign(Object.assign({},s(e,null!=t?t:exports.TypographyVariant.HM2)),{color:p||l(e,null!=r?r:exports.TypographyColor.PRIMARY),textDecorationLine:a,fontStyle:i?"italic":"none"})};exports.Typography=({children:i=null,variant:n,color:y=exports.TypographyColor.PRIMARY,isClickable:g,isStriked:s=!1,isUnderlined:l=!1,onClick:x,colorCode:u="",showInItalics:H=!1,lineClamp:T,componentNode:d,isDisabled:C=!1,styleConfig:A={}})=>{const S=r.useTheme(),f="boolean"==typeof g?g:!!x,R=o.useStyles(e=>({root:c({theme:e,variant:n,color:y,isClickable:f,isStriked:s,isUnderlined:l,colorCode:u,showInItalics:H,lineClamp:T,isDisabled:C})}),[n,y,f,s,l,u,H,T,C,S]),{root:m=[],container:z=[]}=A||{},I=t.useMemo(()=>a.css((e=>e?{display:"webkitBox",webkitLineClamp:e,webkitBoxOrient:"vertical",overflow:"hidden"}:{})(T)),[T]),P=o.useWebMergeStyles([R.root,I,...m],[R.root,I,m]),L=d||(e=>({HD1:"h1",HD2:"h2",HD3:"h3",HM1:"h1",HM2:"h2",HM3:"h3",HM4:"h4",B1:"p",B2:"p",B3:"p",B4:"p",P1:"p",P2:"p",P3:"p",P4:"p",L1:"p",L2:"p",L3:"p",B4CAPS:"p",OVERLINE:"p",B3CAPS:"p",M4BOLD:"p",TAG:"p"}[e]))(n),N=d&&["p","main","section","article","div"].includes(d)?d:"div";return e.jsx(h.default,{condition:f,wrap:t=>e.jsx(p.Container,{onClick:x,styleConfig:{root:z},as:N,children:t}),children:e.jsx(L,{className:P,children:i})})},exports.getTypographyStyles=c,exports.getTypographyVariant=s;
|
|
2
2
|
//# sourceMappingURL=ct-design-typography.browser.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ct-design-typography.browser.cjs.js","sources":["../packages/components/Typography/src/
|
|
1
|
+
{"version":3,"file":"ct-design-typography.browser.cjs.js","sources":["../packages/components/Typography/src/constants.ts","../packages/components/Typography/src/style.ts","../packages/components/Typography/src/Typography.tsx"],"sourcesContent":[null,null,null],"names":["TypographyVariant","TypographyColor","getTypographyVariant","theme","variant","HD1","fontSize","typography","size","fontWeight","weight","semibold","lineHeight","HD2","HD3","HM1","HM2","HM3","HM4","B1","medium","B2","B3","B3CAPS","letterSpacing","point4","textTransform","B4","B4CAPS","P1","normal","P2","P3","P4","L1","L2","L3","OVERLINE","TAG","getTypographyColor","color","PRIMARY","text","primary","SECONDARY","secondary","TERTIARY","tertiary","ALERT","alert","DISABLED","disabled","HEADING","heading","LINK","link","SUBHEADING","subHeading","SUCCESS","success","WARNING","warning","NEUTRAL","neutral","LINK2","link2","PRIMARY2","primary2","SECONDARY2","secondary2","GRAPETINI","grapetini900","PINA_COLADA750","pinaColada750","CORALPINK","coralpink","NEUTRAL50","neutral50","WARNING500","ALERT500","alert500","BRAND","brand","getTypographyStyles","isStriked","colorCode","showInItalics","textDecorationLine","Object","assign","fontStyle","children","isClickable","isUnderlined","onClick","lineClamp","componentNode","isDisabled","styleConfig","useTheme","parsedIsClickable","typographyStyles","useStyles","root","customRootStyles","container","customContainerStyles","clampClass","useMemo","css","display","webkitLineClamp","webkitBoxOrient","overflow","getLineClampStyles","mergedRootStyles","useWebMergeStyles","ComponentToRender","M4BOLD","getTextType","containerAs","includes","_jsx","ConditionalWrap","condition","wrap","Container","as","className"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{useMemo as t}from"react";import{useTheme as i}from"@cleartrip/ct-design-theme";import{useStyles as r,useWebMergeStyles as o}from"@cleartrip/ct-design-style-manager";import{Container as n}from"@cleartrip/ct-design-container";import a from"@cleartrip/ct-design-conditional-wrap";import{css as p}from"@emotion/css";var g,h;!function(e){e.HD1="HD1",e.HD2="HD2",e.HD3="HD3",e.HM1="HM1",e.HM2="HM2",e.HM3="HM3",e.HM4="HM4",e.B1="B1",e.B2="B2",e.B3="B3",e.B3CAPS="B3CAPS",e.B4="B4",e.B4CAPS="B4CAPS",e.P1="P1",e.P2="P2",e.P3="P3",e.P4="P4",e.L1="L1",e.L2="L2",e.L3="L3",e.OVERLINE="OVERLINE",e.TAG="TAG",e.M4BOLD="M4BOLD",e.WRAPPER="WRAPPER"}(g||(g={})),function(e){e.PRIMARY="primary",e.SECONDARY="secondary",e.TERTIARY="tertiary",e.HEADING="heading",e.SUBHEADING="subheading",e.SUCCESS="success",e.ALERT="alert",e.WARNING="warning",e.DISABLED="disabled",e.LINK="link",e.NEUTRAL="neutral",e.LINK2="link2",e.PRIMARY2="primary2",e.SECONDARY2="secondary2",e.GRAPETINI="grapetini900",e.PINA_COLADA750="pinacolada750",e.BRAND="brand",e.ALERT500="alert500",e.NEUTRAL50="neutral50",e.MARGARITA750="margarita750",e.GREEN100="green100",e.RED100="red100",e.CORALPINK="coralpink",e.WARNING500="warning500"}(h||(h={}));const l=(e,t)=>{switch(t){case g.HD1:return{fontSize:e.typography.size[48],fontWeight:e.typography.weight.semibold,lineHeight:e.typography.lineHeight[56]};case g.HD2:return{fontSize:e.typography.size[40],fontWeight:e.typography.weight.semibold,lineHeight:e.typography.lineHeight[48]};case g.HD3:return{fontSize:e.typography.size[32],fontWeight:e.typography.weight.semibold,lineHeight:e.typography.lineHeight[40]};case g.HM1:return{fontSize:e.typography.size[24],fontWeight:e.typography.weight.semibold,lineHeight:e.typography.lineHeight[32]};case g.HM2:return{fontSize:e.typography.size[20],fontWeight:e.typography.weight.semibold,lineHeight:e.typography.lineHeight[28]};case g.HM3:return{fontSize:e.typography.size[16],fontWeight:e.typography.weight.semibold,lineHeight:e.typography.lineHeight[24]};case g.HM4:return{fontSize:e.typography.size[14],fontWeight:e.typography.weight.semibold,lineHeight:e.typography.lineHeight[20]};case g.B1:return{fontSize:e.typography.size[16],fontWeight:e.typography.weight.medium,lineHeight:e.typography.lineHeight[24]};case g.B2:return{fontSize:e.typography.size[14],fontWeight:e.typography.weight.medium,lineHeight:e.typography.lineHeight[20]};case g.B3:return{fontSize:e.typography.size[12],fontWeight:e.typography.weight.medium,lineHeight:e.typography.lineHeight[16]};case g.B3CAPS:return{fontSize:e.typography.size[12],fontWeight:e.typography.weight.semibold,lineHeight:e.typography.lineHeight[16],letterSpacing:e.typography.letterSpacing.point4,textTransform:"uppercase"};case g.B4:return{fontSize:e.typography.size[10],fontWeight:e.typography.weight.medium,lineHeight:e.typography.lineHeight[14]};case g.B4CAPS:return{fontSize:e.typography.size[10],fontWeight:e.typography.weight.semibold,lineHeight:e.typography.lineHeight[12],letterSpacing:e.typography.letterSpacing.point4,textTransform:"uppercase"};case g.P1:return{fontSize:e.typography.size[16],fontWeight:e.typography.weight.normal,lineHeight:e.typography.lineHeight[22]};case g.P2:return{fontSize:e.typography.size[14],fontWeight:e.typography.weight.normal,lineHeight:e.typography.lineHeight[20]};case g.P3:return{fontSize:e.typography.size[12],fontWeight:e.typography.weight.normal,lineHeight:e.typography.lineHeight[16]};case g.P4:return{fontSize:e.typography.size[10],fontWeight:e.typography.weight.normal,lineHeight:e.typography.lineHeight[14]};case g.L1:return{fontSize:e.typography.size[16],fontWeight:e.typography.weight.semibold,lineHeight:e.typography.lineHeight[24]};case g.L2:return{fontSize:e.typography.size[14],fontWeight:e.typography.weight.semibold,lineHeight:e.typography.lineHeight[20]};case g.L3:case g.OVERLINE:return{fontSize:e.typography.size[12],fontWeight:e.typography.weight.semibold,lineHeight:e.typography.lineHeight[16]};case g.TAG:return{fontSize:e.typography.size[10],fontWeight:e.typography.weight.semibold,lineHeight:e.typography.lineHeight[12],letterSpacing:e.typography.letterSpacing.point4};default:return{fontSize:e.typography.size[20],fontWeight:e.typography.weight.semibold,lineHeight:e.typography.lineHeight[28]}}},y=(e,t)=>{switch(t){case h.PRIMARY:return e.color.text.primary;case h.SECONDARY:return e.color.text.secondary;case h.TERTIARY:return e.color.text.tertiary;case h.ALERT:return e.color.text.alert;case h.DISABLED:return e.color.text.disabled;case h.HEADING:return e.color.text.heading;case h.LINK:return e.color.text.link;case h.SUBHEADING:return e.color.text.subHeading;case h.SUCCESS:return e.color.text.success;case h.WARNING:return e.color.text.warning;case h.NEUTRAL:return e.color.text.neutral;case h.LINK2:return e.color.text.link2;case h.PRIMARY2:return e.color.text.primary2;case h.SECONDARY2:return e.color.text.secondary2;case h.GRAPETINI:return e.color.text.grapetini900;case h.PINA_COLADA750:return e.color.text.pinaColada750;case h.CORALPINK:return e.color.text.coralpink;case h.NEUTRAL50:return e.color.text.neutral50;case h.WARNING500:case h.ALERT500:return e.color.text.alert500;case h.BRAND:return e.color.text.brand;default:return e.color.text.primary}},s=({theme:e,variant:t,color:i,isStriked:r,colorCode:o,showInItalics:n})=>{const a=r?"line-through":"none";return Object.assign(Object.assign({},l(e,null!=t?t:g.HM2)),{color:o||y(e,null!=i?i:h.PRIMARY),textDecorationLine:a,fontStyle:n?"italic":"none"})},c=({children:g=null,variant:l,color:y=h.PRIMARY,isClickable:c,isStriked:H=!1,isUnderlined:u=!1,onClick:d,colorCode:f="",showInItalics:m=!1,lineClamp:A,componentNode:S,isDisabled:R=!1,styleConfig:z={}})=>{const I=i(),P="boolean"==typeof c?c:!!d,L=r(e=>({root:s({theme:e,variant:l,color:y,isClickable:P,isStriked:H,isUnderlined:u,colorCode:f,showInItalics:m,lineClamp:A,isDisabled:R})}),[l,y,P,H,u,f,m,A,R,I]),{root:N=[],container:E=[]}=z||{},w=t(()=>p((e=>e?{display:"webkitBox",webkitLineClamp:e,webkitBoxOrient:"vertical",overflow:"hidden"}:{})(A)),[A]),B=o([L.root,w,...N],[L.root,w,N]),D=S||(e=>({HD1:"h1",HD2:"h2",HD3:"h3",HM1:"h1",HM2:"h2",HM3:"h3",HM4:"h4",B1:"p",B2:"p",B3:"p",B4:"p",P1:"p",P2:"p",P3:"p",P4:"p",L1:"p",L2:"p",L3:"p",B4CAPS:"p",OVERLINE:"p",B3CAPS:"p",M4BOLD:"p",TAG:"p"}[e]))(l),C=S&&["p","main","section","article","div"].includes(S)?S:"div";return e(a,{condition:P,wrap:t=>e(n,{onClick:d,styleConfig:{root:E},as:C,children:t}),children:e(D,{className:B,children:g})})};export{c as Typography,h as TypographyColor,g as TypographyVariant,s as getTypographyStyles,l as getTypographyVariant};
|
|
2
2
|
//# sourceMappingURL=ct-design-typography.browser.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ct-design-typography.browser.esm.js","sources":["../packages/components/Typography/src/
|
|
1
|
+
{"version":3,"file":"ct-design-typography.browser.esm.js","sources":["../packages/components/Typography/src/constants.ts","../packages/components/Typography/src/style.ts","../packages/components/Typography/src/Typography.tsx"],"sourcesContent":[null,null,null],"names":["TypographyVariant","TypographyColor","getTypographyVariant","theme","variant","HD1","fontSize","typography","size","fontWeight","weight","semibold","lineHeight","HD2","HD3","HM1","HM2","HM3","HM4","B1","medium","B2","B3","B3CAPS","letterSpacing","point4","textTransform","B4","B4CAPS","P1","normal","P2","P3","P4","L1","L2","L3","OVERLINE","TAG","getTypographyColor","color","PRIMARY","text","primary","SECONDARY","secondary","TERTIARY","tertiary","ALERT","alert","DISABLED","disabled","HEADING","heading","LINK","link","SUBHEADING","subHeading","SUCCESS","success","WARNING","warning","NEUTRAL","neutral","LINK2","link2","PRIMARY2","primary2","SECONDARY2","secondary2","GRAPETINI","grapetini900","PINA_COLADA750","pinaColada750","CORALPINK","coralpink","NEUTRAL50","neutral50","WARNING500","ALERT500","alert500","BRAND","brand","getTypographyStyles","isStriked","colorCode","showInItalics","textDecorationLine","Object","assign","fontStyle","Typography","children","isClickable","isUnderlined","onClick","lineClamp","componentNode","isDisabled","styleConfig","useTheme","parsedIsClickable","typographyStyles","useStyles","root","customRootStyles","container","customContainerStyles","clampClass","useMemo","css","display","webkitLineClamp","webkitBoxOrient","overflow","getLineClampStyles","mergedRootStyles","useWebMergeStyles","ComponentToRender","M4BOLD","getTextType","containerAs","includes","_jsx","ConditionalWrap","condition","wrap","Container","as","className"],"mappings":"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"}
|