pds-dev-kit-web 0.3.13 → 0.3.17

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.
Files changed (15) hide show
  1. package/dist/src/common/services/i18n/resources/en.json +2 -0
  2. package/dist/src/common/services/i18n/resources/es.json +2 -0
  3. package/dist/src/common/services/i18n/resources/index.d.ts +8 -0
  4. package/dist/src/common/services/i18n/resources/jp.json +2 -0
  5. package/dist/src/common/services/i18n/resources/ko.json +2 -0
  6. package/dist/src/common/styles/colorSet/PaletteColor_Dark.json +4 -2
  7. package/dist/src/common/styles/colorSet/PaletteColor_light.json +3 -1
  8. package/dist/src/common/styles/colorSet/UIColor.json +3 -3
  9. package/dist/src/common/styles/colorSet/index.d.ts +51 -47
  10. package/dist/src/common/styles/colorSet/index.js +2 -2
  11. package/dist/src/desktop/components/TextLabel/TextLabel.d.ts +2 -2
  12. package/dist/src/desktop/components/TextLabel/TextLabel.js +39 -28
  13. package/dist/src/mobile/components/TextLabel/TextLabel.d.ts +2 -2
  14. package/dist/src/mobile/components/TextLabel/TextLabel.js +39 -28
  15. package/package.json +1 -1
package/dist/src/common/services/i18n/resources/en.json CHANGED
@@ -333,6 +333,8 @@
333
333
  "str_81": "이미지는 3MB 이내로 최대 5개까지 업로드 할 수 있습니다.",
334
334
  "str_82": "동영상은 길이 1분 미만, 혹은 30MB 미만의 파일을 업로드 할 수 있습니다.",
335
335
  "str_upload_files": "자료 첨부하기",
336
+ "str_papp_freeboard_name": "자유게시판 기능",
337
+ "str_papp_freeboard_id": "자유게시판",
336
338
  "str_youtube_url": "YouTube URL",
337
339
  "str_84": "첨부할 YouTube 동영상의 URL을 입력해주세요.",
338
340
  "str_video_upload": "동영상 첨부",
package/dist/src/common/services/i18n/resources/es.json CHANGED
@@ -333,6 +333,8 @@
333
333
  "str_81": "이미지는 3MB 이내로 최대 5개까지 업로드 할 수 있습니다.",
334
334
  "str_82": "동영상은 길이 1분 미만, 혹은 30MB 미만의 파일을 업로드 할 수 있습니다.",
335
335
  "str_upload_files": "자료 첨부하기",
336
+ "str_papp_freeboard_name": "자유게시판 기능",
337
+ "str_papp_freeboard_id": "자유게시판",
336
338
  "str_youtube_url": "YouTube URL",
337
339
  "str_84": "첨부할 YouTube 동영상의 URL을 입력해주세요.",
338
340
  "str_video_upload": "동영상 첨부",
package/dist/src/common/services/i18n/resources/index.d.ts CHANGED
@@ -334,6 +334,8 @@ declare const locale: {
334
334
  str_81: string;
335
335
  str_82: string;
336
336
  str_upload_files: string;
337
+ str_papp_freeboard_name: string;
338
+ str_papp_freeboard_id: string;
337
339
  str_youtube_url: string;
338
340
  str_84: string;
339
341
  str_video_upload: string;
@@ -2929,6 +2931,8 @@ declare const locale: {
2929
2931
  str_81: string;
2930
2932
  str_82: string;
2931
2933
  str_upload_files: string;
2934
+ str_papp_freeboard_name: string;
2935
+ str_papp_freeboard_id: string;
2932
2936
  str_youtube_url: string;
2933
2937
  str_84: string;
2934
2938
  str_video_upload: string;
@@ -5524,6 +5528,8 @@ declare const locale: {
5524
5528
  str_81: string;
5525
5529
  str_82: string;
5526
5530
  str_upload_files: string;
5531
+ str_papp_freeboard_name: string;
5532
+ str_papp_freeboard_id: string;
5527
5533
  str_youtube_url: string;
5528
5534
  str_84: string;
5529
5535
  str_video_upload: string;
@@ -8119,6 +8125,8 @@ declare const locale: {
8119
8125
  str_81: string;
8120
8126
  str_82: string;
8121
8127
  str_upload_files: string;
8128
+ str_papp_freeboard_name: string;
8129
+ str_papp_freeboard_id: string;
8122
8130
  str_youtube_url: string;
8123
8131
  str_84: string;
8124
8132
  str_video_upload: string;
package/dist/src/common/services/i18n/resources/jp.json CHANGED
@@ -333,6 +333,8 @@
333
333
  "str_81": "이미지는 3MB 이내로 최대 5개까지 업로드 할 수 있습니다.",
334
334
  "str_82": "동영상은 길이 1분 미만, 혹은 30MB 미만의 파일을 업로드 할 수 있습니다.",
335
335
  "str_upload_files": "자료 첨부하기",
336
+ "str_papp_freeboard_name": "자유게시판 기능",
337
+ "str_papp_freeboard_id": "자유게시판",
336
338
  "str_youtube_url": "YouTube URL",
337
339
  "str_84": "첨부할 YouTube 동영상의 URL을 입력해주세요.",
338
340
  "str_video_upload": "동영상 첨부",
package/dist/src/common/services/i18n/resources/ko.json CHANGED
@@ -333,6 +333,8 @@
333
333
  "str_81": "이미지는 3MB 이내로 최대 5개까지 업로드 할 수 있습니다.",
334
334
  "str_82": "동영상은 길이 1분 미만, 혹은 30MB 미만의 파일을 업로드 할 수 있습니다.",
335
335
  "str_upload_files": "자료 첨부하기",
336
+ "str_papp_freeboard_name": "자유게시판 기능",
337
+ "str_papp_freeboard_id": "자유게시판",
336
338
  "str_youtube_url": "YouTube URL",
337
339
  "str_84": "첨부할 YouTube 동영상의 URL을 입력해주세요.",
338
340
  "str_video_upload": "동영상 첨부",
package/dist/src/common/styles/colorSet/PaletteColor_Dark.json CHANGED
@@ -38,7 +38,7 @@
38
38
  "usr_background": "grey950",
39
39
  "usr_surface": "darkgrey50",
40
40
  "usr_border": "darkgrey100",
41
- "usr_on_brand_primary": "grey900",
41
+ "usr_on_brand_primary": "white",
42
42
  "usr_on_brand_secondary": "darkgrey900",
43
43
  "usr_on_background": "darkgrey900",
44
44
  "usr_on_surface": "grey900",
@@ -88,5 +88,7 @@
88
88
  "sys_papp_live_background": "",
89
89
  "sys_selcontrols_base_off_disabled": "darkgrey400/opacity65",
90
90
  "sys_selcontrols_base_on_disabled": "darklightgreen500/opacity65",
91
- "sys_component_base_blue_opacity10": ""
91
+ "sys_component_base_blue_opacity10": "blue500/opacity10",
92
+ "sys_component_base_05": "grey950",
93
+ "sys_background_dimmed_65": "black/opacity65"
92
94
  }
package/dist/src/common/styles/colorSet/PaletteColor_light.json CHANGED
@@ -88,5 +88,7 @@
88
88
  "sys_papp_live_background": "pink300",
89
89
  "sys_selcontrols_base_off_disabled": "grey400/opacity65",
90
90
  "sys_selcontrols_base_on_disabled": "lightgreen500/opacity65",
91
- "sys_component_base_blue_opacity10": "blue500/opacity10"
91
+ "sys_component_base_blue_opacity10": "blue500/opacity10",
92
+ "sys_component_base_05": "grey950",
93
+ "sys_background_dimmed_65": "black/opacity65"
92
94
  }
package/dist/src/common/styles/colorSet/UIColor.json CHANGED
@@ -280,8 +280,8 @@
280
280
  "ui_cpnt_card_icon_basic": "sys_widget_primary_01",
281
281
  "ui_cpnt_card_icon_custom": "sys_widget_grey_01",
282
282
  "ui_cpnt_card_icon_create": "sys_widget_grey_01",
283
- "ui_cpnt_modal_dimmed": "sys_background_dimmed_20",
284
- "ui_cpnt_alertdialog_dimmed": "sys_background_dimmed_20",
283
+ "ui_cpnt_modal_dimmed": "sys_background_dimmed_65",
284
+ "ui_cpnt_alertdialog_dimmed": "sys_background_dimmed_65",
285
285
  "ui_cpnt_bottomsheet_base": "sys_component_base_02",
286
286
  "ui_cpnt_bottomsheet_icon_03": "sys_widget_grey_03",
287
287
  "ui_cpnt_button_icon_white": "sys_widget_white",
@@ -314,7 +314,7 @@
314
314
  "ui_cpnt_list_thumbnail_border": "sys_border_line_01",
315
315
  "ui_cpnt_list_thumbnail_gradient_1": "sys_component_base_black",
316
316
  "ui_cpnt_list_thumbnail_gradient_2": "sys_component_base_black_opacity00",
317
- "ui_cpnt_list_base_area_active": "sys_component_base_03",
317
+ "ui_cpnt_list_base_area_active": "sys_component_base_01",
318
318
  "ui_cpnt_contextmenu_base": "sys_component_base_02",
319
319
  "ui_cpnt_videoplayer_gradient_1": "sys_component_base_black",
320
320
  "ui_cpnt_videoplayer_gradient_2": "sys_component_base_black_opacity00",
package/dist/src/common/styles/colorSet/index.d.ts CHANGED
@@ -1,51 +1,4 @@
1
1
  declare const colorSet: {
2
- readonly SemanticColor: {
3
- blue500: string;
4
- blue700: string;
5
- blue300: string;
6
- green700: string;
7
- green500: string;
8
- green300: string;
9
- red500: string;
10
- grey900: string;
11
- grey500: string;
12
- grey400: string;
13
- grey100: string;
14
- grey50: string;
15
- white: string;
16
- black: string;
17
- darkblue500: string;
18
- grey950: string;
19
- darkgrey900: string;
20
- darkgrey500: string;
21
- darkgrey400: string;
22
- darkgrey100: string;
23
- darkgrey50: string;
24
- darkred500: string;
25
- darkgreen700: string;
26
- orange500: string;
27
- darkorange500: string;
28
- opacity00: string;
29
- opacity20: string;
30
- opacity30: string;
31
- opacity65: string;
32
- darkgreen500: string;
33
- grey70: string;
34
- navy500: string;
35
- lightgreen500: string;
36
- pink500: string;
37
- darkgrey70: string;
38
- darknavy500: string;
39
- darkpink500: string;
40
- darklightgreen500: string;
41
- opacity10: string;
42
- grey600: string;
43
- darkgrey600: string;
44
- skyblue500: string;
45
- skyblue300: string;
46
- pink300: string;
47
- lightpink500: string;
48
- };
49
2
  readonly PaletteColor_light: {
50
3
  sys_container_background_01: string;
51
4
  sys_container_background_02: string;
@@ -137,6 +90,55 @@ declare const colorSet: {
137
90
  sys_selcontrols_base_off_disabled: string;
138
91
  sys_selcontrols_base_on_disabled: string;
139
92
  sys_component_base_blue_opacity10: string;
93
+ sys_component_base_05: string;
94
+ sys_background_dimmed_65: string;
95
+ };
96
+ readonly SemanticColor: {
97
+ blue500: string;
98
+ blue700: string;
99
+ blue300: string;
100
+ green700: string;
101
+ green500: string;
102
+ green300: string;
103
+ red500: string;
104
+ grey900: string;
105
+ grey500: string;
106
+ grey400: string;
107
+ grey100: string;
108
+ grey50: string;
109
+ white: string;
110
+ black: string;
111
+ darkblue500: string;
112
+ grey950: string;
113
+ darkgrey900: string;
114
+ darkgrey500: string;
115
+ darkgrey400: string;
116
+ darkgrey100: string;
117
+ darkgrey50: string;
118
+ darkred500: string;
119
+ darkgreen700: string;
120
+ orange500: string;
121
+ darkorange500: string;
122
+ opacity00: string;
123
+ opacity20: string;
124
+ opacity30: string;
125
+ opacity65: string;
126
+ darkgreen500: string;
127
+ grey70: string;
128
+ navy500: string;
129
+ lightgreen500: string;
130
+ pink500: string;
131
+ darkgrey70: string;
132
+ darknavy500: string;
133
+ darkpink500: string;
134
+ darklightgreen500: string;
135
+ opacity10: string;
136
+ grey600: string;
137
+ darkgrey600: string;
138
+ skyblue500: string;
139
+ skyblue300: string;
140
+ pink300: string;
141
+ lightpink500: string;
140
142
  };
141
143
  readonly PaletteColor_Dark: {
142
144
  sys_container_background_01: string;
@@ -229,6 +231,8 @@ declare const colorSet: {
229
231
  sys_selcontrols_base_off_disabled: string;
230
232
  sys_selcontrols_base_on_disabled: string;
231
233
  sys_component_base_blue_opacity10: string;
234
+ sys_component_base_05: string;
235
+ sys_background_dimmed_65: string;
232
236
  };
233
237
  readonly UIColor: {
234
238
  ui_cpnt_button_fill_base_primary: string;
package/dist/src/common/styles/colorSet/index.js CHANGED
@@ -4,13 +4,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  /* eslint-disable import/order */
7
- var SemanticColor_json_1 = __importDefault(require("./SemanticColor.json"));
8
7
  var PaletteColor_light_json_1 = __importDefault(require("./PaletteColor_light.json"));
8
+ var SemanticColor_json_1 = __importDefault(require("./SemanticColor.json"));
9
9
  var PaletteColor_Dark_json_1 = __importDefault(require("./PaletteColor_Dark.json"));
10
10
  var UIColor_json_1 = __importDefault(require("./UIColor.json"));
11
11
  var colorSet = {
12
- SemanticColor: SemanticColor_json_1.default,
13
12
  PaletteColor_light: PaletteColor_light_json_1.default,
13
+ SemanticColor: SemanticColor_json_1.default,
14
14
  PaletteColor_Dark: PaletteColor_Dark_json_1.default,
15
15
  UIColor: UIColor_json_1.default
16
16
  };
package/dist/src/desktop/components/TextLabel/TextLabel.d.ts CHANGED
@@ -5,7 +5,7 @@ export declare type UiColors = keyof typeof uiColors;
5
5
  export declare type TextLabelProps = {
6
6
  text: string | number | TFunctionResult;
7
7
  textAlign?: 'left' | 'center' | 'right';
8
- styleTheme?: 'displayBold' | 'headingBold' | 'leadParaRegular' | 'subTitleBold' | 'subTitleRegular' | 'body1Bold' | 'body1Regular' | 'body2Bold' | 'body2Regular' | 'caption1Bold' | 'caption1Regular' | 'caption2Bold' | 'caption2Regular' | 'form1Regular' | 'form2Regular' | 'blog1Regular';
8
+ styleTheme?: 'displayBold' | 'headingBold' | 'leadParaBold' | 'leadParaRegular' | 'subTitleBold' | 'subTitleRegular' | 'body1Bold' | 'body1Regular' | 'body2Bold' | 'body2Regular' | 'caption1Bold' | 'caption1Regular' | 'caption2Bold' | 'caption2Regular' | 'form1Regular' | 'form2Regular' | 'blog1Regular';
9
9
  colorOverride?: UiColors;
10
10
  colorTheme?: 'sysTextPrimary' | 'sysTextSecondary' | 'sysTextTertiary' | 'sysTextWhite' | 'sysTextError' | 'sysTextBrandPrimary' | 'sysTextBrandSeconVariant' | 'usrTextBrandPrimary' | 'usrTextBrandSeconVariant' | 'usrTextBrandOnPrimary';
11
11
  underline?: 'none' | 'use';
@@ -15,7 +15,7 @@ export declare type TextLabelProps = {
15
15
  };
16
16
  export declare type TextStyleProps = {
17
17
  textAlign?: 'left' | 'center' | 'right';
18
- styleTheme?: 'displayBold' | 'headingBold' | 'leadParaRegular' | 'subTitleBold' | 'subTitleRegular' | 'body1Bold' | 'body1Regular' | 'body2Bold' | 'body2Regular' | 'caption1Bold' | 'caption1Regular' | 'caption2Bold' | 'caption2Regular' | 'form1Regular' | 'form2Regular' | 'blog1Regular';
18
+ styleTheme?: 'displayBold' | 'headingBold' | 'leadParaBold' | 'leadParaRegular' | 'subTitleBold' | 'subTitleRegular' | 'body1Bold' | 'body1Regular' | 'body2Bold' | 'body2Regular' | 'caption1Bold' | 'caption1Regular' | 'caption2Bold' | 'caption2Regular' | 'form1Regular' | 'form2Regular' | 'blog1Regular';
19
19
  colorOverride?: UiColors;
20
20
  colorTheme?: 'sysTextPrimary' | 'sysTextSecondary' | 'sysTextTertiary' | 'sysTextWhite' | 'sysTextError' | 'sysTextBrandPrimary' | 'sysTextBrandSeconVariant' | 'usrTextBrandPrimary' | 'usrTextBrandSeconVariant' | 'usrTextBrandOnPrimary';
21
21
  underline?: 'none' | 'use';
package/dist/src/desktop/components/TextLabel/TextLabel.js CHANGED
@@ -53,7 +53,17 @@ var headingBold = (0, styled_components_1.css)(templateObject_2 || (templateObje
53
53
  var theme = _a.theme;
54
54
  return theme.fontWeight.bold;
55
55
  });
56
- var leadParaRegular = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
56
+ var leadParaBold = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
57
+ var theme = _a.theme;
58
+ return theme.desktopFontSize.leadParagraph;
59
+ }, function (_a) {
60
+ var theme = _a.theme;
61
+ return theme.desktopLineHeight.leadParagraph;
62
+ }, function (_a) {
63
+ var theme = _a.theme;
64
+ return theme.fontWeight.bold;
65
+ });
66
+ var leadParaRegular = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
57
67
  var theme = _a.theme;
58
68
  return theme.desktopFontSize.leadParagraph;
59
69
  }, function (_a) {
@@ -63,7 +73,7 @@ var leadParaRegular = (0, styled_components_1.css)(templateObject_3 || (template
63
73
  var theme = _a.theme;
64
74
  return theme.fontWeight.normal;
65
75
  });
66
- var subTitleBold = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
76
+ var subTitleBold = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
67
77
  var theme = _a.theme;
68
78
  return theme.desktopFontSize.subtitle;
69
79
  }, function (_a) {
@@ -73,7 +83,7 @@ var subTitleBold = (0, styled_components_1.css)(templateObject_4 || (templateObj
73
83
  var theme = _a.theme;
74
84
  return theme.fontWeight.bold;
75
85
  });
76
- var subTitleRegular = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
86
+ var subTitleRegular = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
77
87
  var theme = _a.theme;
78
88
  return theme.desktopFontSize.subtitle;
79
89
  }, function (_a) {
@@ -83,7 +93,7 @@ var subTitleRegular = (0, styled_components_1.css)(templateObject_5 || (template
83
93
  var theme = _a.theme;
84
94
  return theme.fontWeight.normal;
85
95
  });
86
- var body1Bold = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
96
+ var body1Bold = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
87
97
  var theme = _a.theme;
88
98
  return theme.desktopFontSize.body1;
89
99
  }, function (_a) {
@@ -93,7 +103,7 @@ var body1Bold = (0, styled_components_1.css)(templateObject_6 || (templateObject
93
103
  var theme = _a.theme;
94
104
  return theme.fontWeight.bold;
95
105
  });
96
- var body1Regular = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
106
+ var body1Regular = (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
97
107
  var theme = _a.theme;
98
108
  return theme.desktopFontSize.body1;
99
109
  }, function (_a) {
@@ -103,7 +113,7 @@ var body1Regular = (0, styled_components_1.css)(templateObject_7 || (templateObj
103
113
  var theme = _a.theme;
104
114
  return theme.fontWeight.normal;
105
115
  });
106
- var body2Bold = (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
116
+ var body2Bold = (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
107
117
  var theme = _a.theme;
108
118
  return theme.desktopFontSize.body2;
109
119
  }, function (_a) {
@@ -113,7 +123,7 @@ var body2Bold = (0, styled_components_1.css)(templateObject_8 || (templateObject
113
123
  var theme = _a.theme;
114
124
  return theme.fontWeight.bold;
115
125
  });
116
- var body2Regular = (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
126
+ var body2Regular = (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
117
127
  var theme = _a.theme;
118
128
  return theme.desktopFontSize.body2;
119
129
  }, function (_a) {
@@ -123,7 +133,7 @@ var body2Regular = (0, styled_components_1.css)(templateObject_9 || (templateObj
123
133
  var theme = _a.theme;
124
134
  return theme.fontWeight.normal;
125
135
  });
126
- var caption1Bold = (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
136
+ var caption1Bold = (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
127
137
  var theme = _a.theme;
128
138
  return theme.desktopFontSize.caption1;
129
139
  }, function (_a) {
@@ -133,7 +143,7 @@ var caption1Bold = (0, styled_components_1.css)(templateObject_10 || (templateOb
133
143
  var theme = _a.theme;
134
144
  return theme.fontWeight.bold;
135
145
  });
136
- var caption1Regular = (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
146
+ var caption1Regular = (0, styled_components_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
137
147
  var theme = _a.theme;
138
148
  return theme.desktopFontSize.caption1;
139
149
  }, function (_a) {
@@ -143,7 +153,7 @@ var caption1Regular = (0, styled_components_1.css)(templateObject_11 || (templat
143
153
  var theme = _a.theme;
144
154
  return theme.fontWeight.normal;
145
155
  });
146
- var caption2Bold = (0, styled_components_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
156
+ var caption2Bold = (0, styled_components_1.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
147
157
  var theme = _a.theme;
148
158
  return theme.desktopFontSize.caption2;
149
159
  }, function (_a) {
@@ -153,7 +163,7 @@ var caption2Bold = (0, styled_components_1.css)(templateObject_12 || (templateOb
153
163
  var theme = _a.theme;
154
164
  return theme.fontWeight.bold;
155
165
  });
156
- var caption2Regular = (0, styled_components_1.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
166
+ var caption2Regular = (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
157
167
  var theme = _a.theme;
158
168
  return theme.desktopFontSize.caption2;
159
169
  }, function (_a) {
@@ -163,7 +173,7 @@ var caption2Regular = (0, styled_components_1.css)(templateObject_13 || (templat
163
173
  var theme = _a.theme;
164
174
  return theme.fontWeight.normal;
165
175
  });
166
- var form1Regular = (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
176
+ var form1Regular = (0, styled_components_1.css)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
167
177
  var theme = _a.theme;
168
178
  return theme.desktopFontSize.form1;
169
179
  }, function (_a) {
@@ -173,7 +183,7 @@ var form1Regular = (0, styled_components_1.css)(templateObject_14 || (templateOb
173
183
  var theme = _a.theme;
174
184
  return theme.fontWeight.normal;
175
185
  });
176
- var form2Regular = (0, styled_components_1.css)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
186
+ var form2Regular = (0, styled_components_1.css)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
177
187
  var theme = _a.theme;
178
188
  return theme.desktopFontSize.form2;
179
189
  }, function (_a) {
@@ -183,7 +193,7 @@ var form2Regular = (0, styled_components_1.css)(templateObject_15 || (templateOb
183
193
  var theme = _a.theme;
184
194
  return theme.fontWeight.normal;
185
195
  });
186
- var blog1Regular = (0, styled_components_1.css)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
196
+ var blog1Regular = (0, styled_components_1.css)(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
187
197
  var theme = _a.theme;
188
198
  return theme.desktopFontSize.blog1;
189
199
  }, function (_a) {
@@ -193,55 +203,55 @@ var blog1Regular = (0, styled_components_1.css)(templateObject_16 || (templateOb
193
203
  var theme = _a.theme;
194
204
  return theme.fontWeight.normal;
195
205
  });
196
- var sysTextPrimary = (0, styled_components_1.css)(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
206
+ var sysTextPrimary = (0, styled_components_1.css)(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
197
207
  var theme = _a.theme;
198
208
  return theme.ui_cpnt_textlabel_sys_primary;
199
209
  });
200
- var sysTextSecondary = (0, styled_components_1.css)(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
210
+ var sysTextSecondary = (0, styled_components_1.css)(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
201
211
  var theme = _a.theme;
202
212
  return theme.ui_cpnt_textlabel_sys_secondary;
203
213
  });
204
- var sysTextTertiary = (0, styled_components_1.css)(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
214
+ var sysTextTertiary = (0, styled_components_1.css)(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
205
215
  var theme = _a.theme;
206
216
  return theme.ui_cpnt_textlabel_sys_tertiary;
207
217
  });
208
- var sysTextWhite = (0, styled_components_1.css)(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
218
+ var sysTextWhite = (0, styled_components_1.css)(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
209
219
  var theme = _a.theme;
210
220
  return theme.ui_cpnt_textlabel_sys_white;
211
221
  });
212
- var sysTextError = (0, styled_components_1.css)(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
222
+ var sysTextError = (0, styled_components_1.css)(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
213
223
  var theme = _a.theme;
214
224
  return theme.ui_cpnt_textlabel_sys_error;
215
225
  });
216
- var sysTextBrandPrimary = (0, styled_components_1.css)(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
226
+ var sysTextBrandPrimary = (0, styled_components_1.css)(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
217
227
  var theme = _a.theme;
218
228
  return theme.ui_cpnt_textlabel_sys_brandprimary;
219
229
  });
220
- var sysTextBrandSeconVariant = (0, styled_components_1.css)(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
230
+ var sysTextBrandSeconVariant = (0, styled_components_1.css)(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
221
231
  var theme = _a.theme;
222
232
  return theme.ui_cpnt_textlabel_sys_brandseconvariant;
223
233
  });
224
- var usrTextBrandPrimary = (0, styled_components_1.css)(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
234
+ var usrTextBrandPrimary = (0, styled_components_1.css)(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
225
235
  var theme = _a.theme;
226
236
  return theme.ui_cpnt_textlabel_usr_brandprimary;
227
237
  });
228
- var usrTextBrandSeconVariant = (0, styled_components_1.css)(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
238
+ var usrTextBrandSeconVariant = (0, styled_components_1.css)(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
229
239
  var theme = _a.theme;
230
240
  return theme.ui_cpnt_textlabel_usr_brandseconvariant;
231
241
  });
232
- var usrTextBrandOnPrimary = (0, styled_components_1.css)(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
242
+ var usrTextBrandOnPrimary = (0, styled_components_1.css)(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
233
243
  var theme = _a.theme;
234
244
  return theme.ui_cpnt_textlabel_usr_brandonprimary;
235
245
  });
236
- var colorOverrideStyle = (0, styled_components_1.css)(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
246
+ var colorOverrideStyle = (0, styled_components_1.css)(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
237
247
  var colorOverride = _a.colorOverride;
238
248
  return colorOverride && common_1.uiColors[colorOverride];
239
249
  });
240
- var ellipsisStyle = (0, styled_components_1.css)(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n -webkit-box-orient: vertical;\n display: -webkit-box;\n -webkit-line-clamp: ", ";\n overflow: hidden;\n text-overflow: ellipsis;\n"], ["\n -webkit-box-orient: vertical;\n display: -webkit-box;\n -webkit-line-clamp: ", ";\n overflow: hidden;\n text-overflow: ellipsis;\n"])), function (_a) {
250
+ var ellipsisStyle = (0, styled_components_1.css)(templateObject_29 || (templateObject_29 = __makeTemplateObject(["\n -webkit-box-orient: vertical;\n display: -webkit-box;\n -webkit-line-clamp: ", ";\n overflow: hidden;\n text-overflow: ellipsis;\n"], ["\n -webkit-box-orient: vertical;\n display: -webkit-box;\n -webkit-line-clamp: ", ";\n overflow: hidden;\n text-overflow: ellipsis;\n"])), function (_a) {
241
251
  var lineLimit = _a.lineLimit;
242
252
  return lineLimit;
243
253
  });
244
- var S_TextLabel = styled_components_1.default.div(templateObject_29 || (templateObject_29 = __makeTemplateObject(["\n box-sizing: border-box;\n text-align: ", ";\n text-decoration: ", ";\n white-space: pre-wrap;\n word-break: keep-all;\n\n ", ";\n\n ", ";\n\n line-height: ", ";\n\n ", ";\n\n ", ";\n"], ["\n box-sizing: border-box;\n text-align: ", ";\n text-decoration: ", ";\n white-space: pre-wrap;\n word-break: keep-all;\n\n ", ";\n\n ", ";\n\n line-height: ", ";\n\n ", ";\n\n ", ";\n"])), function (_a) {
254
+ var S_TextLabel = styled_components_1.default.div(templateObject_30 || (templateObject_30 = __makeTemplateObject(["\n box-sizing: border-box;\n text-align: ", ";\n text-decoration: ", ";\n white-space: pre-wrap;\n word-break: keep-all;\n\n ", ";\n\n ", ";\n\n line-height: ", ";\n\n ", ";\n\n ", ";\n"], ["\n box-sizing: border-box;\n text-align: ", ";\n text-decoration: ", ";\n white-space: pre-wrap;\n word-break: keep-all;\n\n ", ";\n\n ", ";\n\n line-height: ", ";\n\n ", ";\n\n ", ";\n"])), function (_a) {
245
255
  var textAlign = _a.textAlign;
246
256
  return textAlign;
247
257
  }, function (_a) {
@@ -253,6 +263,7 @@ var S_TextLabel = styled_components_1.default.div(templateObject_29 || (template
253
263
  {
254
264
  displayBold: displayBold,
255
265
  headingBold: headingBold,
266
+ leadParaBold: leadParaBold,
256
267
  leadParaRegular: leadParaRegular,
257
268
  subTitleBold: subTitleBold,
258
269
  subTitleRegular: subTitleRegular,
@@ -294,4 +305,4 @@ var S_TextLabel = styled_components_1.default.div(templateObject_29 || (template
294
305
  return colorOverride && colorOverrideStyle;
295
306
  });
296
307
  exports.default = TextLabel;
297
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29;
308
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30;
package/dist/src/mobile/components/TextLabel/TextLabel.d.ts CHANGED
@@ -5,7 +5,7 @@ export declare type UiColors = keyof typeof uiColors;
5
5
  export declare type TextLabelProps = {
6
6
  text: string | number | TFunctionResult;
7
7
  textAlign?: 'left' | 'center' | 'right';
8
- styleTheme?: 'displayBold' | 'headingBold' | 'leadParaRegular' | 'subTitleBold' | 'subTitleRegular' | 'body1Bold' | 'body1Regular' | 'body2Bold' | 'body2Regular' | 'caption1Bold' | 'caption1Regular' | 'caption2Bold' | 'caption2Regular' | 'form1Regular' | 'form2Regular' | 'blog1Regular';
8
+ styleTheme?: 'displayBold' | 'headingBold' | 'leadParaBold' | 'leadParaRegular' | 'subTitleBold' | 'subTitleRegular' | 'body1Bold' | 'body1Regular' | 'body2Bold' | 'body2Regular' | 'caption1Bold' | 'caption1Regular' | 'caption2Bold' | 'caption2Regular' | 'form1Regular' | 'form2Regular' | 'blog1Regular';
9
9
  colorOverride?: UiColors;
10
10
  colorTheme?: 'sysTextPrimary' | 'sysTextSecondary' | 'sysTextTertiary' | 'sysTextWhite' | 'sysTextError' | 'sysTextBrandPrimary' | 'sysTextBrandSeconVariant' | 'usrTextBrandPrimary' | 'usrTextBrandSeconVariant' | 'usrTextBrandOnPrimary';
11
11
  underline?: 'none' | 'use';
@@ -15,7 +15,7 @@ export declare type TextLabelProps = {
15
15
  };
16
16
  export declare type TextStyleProps = {
17
17
  textAlign?: 'left' | 'center' | 'right';
18
- styleTheme?: 'displayBold' | 'headingBold' | 'leadParaRegular' | 'subTitleBold' | 'subTitleRegular' | 'body1Bold' | 'body1Regular' | 'body2Bold' | 'body2Regular' | 'caption1Bold' | 'caption1Regular' | 'caption2Bold' | 'caption2Regular' | 'form1Regular' | 'form2Regular' | 'blog1Regular';
18
+ styleTheme?: 'displayBold' | 'headingBold' | 'leadParaBold' | 'leadParaRegular' | 'subTitleBold' | 'subTitleRegular' | 'body1Bold' | 'body1Regular' | 'body2Bold' | 'body2Regular' | 'caption1Bold' | 'caption1Regular' | 'caption2Bold' | 'caption2Regular' | 'form1Regular' | 'form2Regular' | 'blog1Regular';
19
19
  colorOverride?: UiColors;
20
20
  colorTheme?: 'sysTextPrimary' | 'sysTextSecondary' | 'sysTextTertiary' | 'sysTextWhite' | 'sysTextError' | 'sysTextBrandPrimary' | 'sysTextBrandSeconVariant' | 'usrTextBrandPrimary' | 'usrTextBrandSeconVariant' | 'usrTextBrandOnPrimary';
21
21
  underline?: 'none' | 'use';
package/dist/src/mobile/components/TextLabel/TextLabel.js CHANGED
@@ -53,7 +53,17 @@ var headingBold = (0, styled_components_1.css)(templateObject_2 || (templateObje
53
53
  var theme = _a.theme;
54
54
  return theme.fontWeight.bold;
55
55
  });
56
- var leadParaRegular = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
56
+ var leadParaBold = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
57
+ var theme = _a.theme;
58
+ return theme.mobileFontSize.leadParagraph;
59
+ }, function (_a) {
60
+ var theme = _a.theme;
61
+ return theme.mobileLineHeight.leadParagraph;
62
+ }, function (_a) {
63
+ var theme = _a.theme;
64
+ return theme.fontWeight.bold;
65
+ });
66
+ var leadParaRegular = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
57
67
  var theme = _a.theme;
58
68
  return theme.mobileFontSize.leadParagraph;
59
69
  }, function (_a) {
@@ -63,7 +73,7 @@ var leadParaRegular = (0, styled_components_1.css)(templateObject_3 || (template
63
73
  var theme = _a.theme;
64
74
  return theme.fontWeight.normal;
65
75
  });
66
- var subTitleBold = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
76
+ var subTitleBold = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
67
77
  var theme = _a.theme;
68
78
  return theme.mobileFontSize.subtitle;
69
79
  }, function (_a) {
@@ -73,7 +83,7 @@ var subTitleBold = (0, styled_components_1.css)(templateObject_4 || (templateObj
73
83
  var theme = _a.theme;
74
84
  return theme.fontWeight.bold;
75
85
  });
76
- var subTitleRegular = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
86
+ var subTitleRegular = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
77
87
  var theme = _a.theme;
78
88
  return theme.mobileFontSize.subtitle;
79
89
  }, function (_a) {
@@ -83,7 +93,7 @@ var subTitleRegular = (0, styled_components_1.css)(templateObject_5 || (template
83
93
  var theme = _a.theme;
84
94
  return theme.fontWeight.normal;
85
95
  });
86
- var body1Bold = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
96
+ var body1Bold = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
87
97
  var theme = _a.theme;
88
98
  return theme.mobileFontSize.body1;
89
99
  }, function (_a) {
@@ -93,7 +103,7 @@ var body1Bold = (0, styled_components_1.css)(templateObject_6 || (templateObject
93
103
  var theme = _a.theme;
94
104
  return theme.fontWeight.bold;
95
105
  });
96
- var body1Regular = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
106
+ var body1Regular = (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
97
107
  var theme = _a.theme;
98
108
  return theme.mobileFontSize.body1;
99
109
  }, function (_a) {
@@ -103,7 +113,7 @@ var body1Regular = (0, styled_components_1.css)(templateObject_7 || (templateObj
103
113
  var theme = _a.theme;
104
114
  return theme.fontWeight.normal;
105
115
  });
106
- var body2Bold = (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
116
+ var body2Bold = (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
107
117
  var theme = _a.theme;
108
118
  return theme.mobileFontSize.body2;
109
119
  }, function (_a) {
@@ -113,7 +123,7 @@ var body2Bold = (0, styled_components_1.css)(templateObject_8 || (templateObject
113
123
  var theme = _a.theme;
114
124
  return theme.fontWeight.bold;
115
125
  });
116
- var body2Regular = (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
126
+ var body2Regular = (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
117
127
  var theme = _a.theme;
118
128
  return theme.mobileFontSize.body2;
119
129
  }, function (_a) {
@@ -123,7 +133,7 @@ var body2Regular = (0, styled_components_1.css)(templateObject_9 || (templateObj
123
133
  var theme = _a.theme;
124
134
  return theme.fontWeight.normal;
125
135
  });
126
- var caption1Bold = (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
136
+ var caption1Bold = (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
127
137
  var theme = _a.theme;
128
138
  return theme.mobileFontSize.caption1;
129
139
  }, function (_a) {
@@ -133,7 +143,7 @@ var caption1Bold = (0, styled_components_1.css)(templateObject_10 || (templateOb
133
143
  var theme = _a.theme;
134
144
  return theme.fontWeight.bold;
135
145
  });
136
- var caption1Regular = (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
146
+ var caption1Regular = (0, styled_components_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
137
147
  var theme = _a.theme;
138
148
  return theme.mobileFontSize.caption1;
139
149
  }, function (_a) {
@@ -143,7 +153,7 @@ var caption1Regular = (0, styled_components_1.css)(templateObject_11 || (templat
143
153
  var theme = _a.theme;
144
154
  return theme.fontWeight.normal;
145
155
  });
146
- var caption2Bold = (0, styled_components_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
156
+ var caption2Bold = (0, styled_components_1.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
147
157
  var theme = _a.theme;
148
158
  return theme.mobileFontSize.caption2;
149
159
  }, function (_a) {
@@ -153,7 +163,7 @@ var caption2Bold = (0, styled_components_1.css)(templateObject_12 || (templateOb
153
163
  var theme = _a.theme;
154
164
  return theme.fontWeight.bold;
155
165
  });
156
- var caption2Regular = (0, styled_components_1.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
166
+ var caption2Regular = (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
157
167
  var theme = _a.theme;
158
168
  return theme.mobileFontSize.caption2;
159
169
  }, function (_a) {
@@ -163,7 +173,7 @@ var caption2Regular = (0, styled_components_1.css)(templateObject_13 || (templat
163
173
  var theme = _a.theme;
164
174
  return theme.fontWeight.normal;
165
175
  });
166
- var form1Regular = (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
176
+ var form1Regular = (0, styled_components_1.css)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
167
177
  var theme = _a.theme;
168
178
  return theme.mobileFontSize.form1;
169
179
  }, function (_a) {
@@ -173,7 +183,7 @@ var form1Regular = (0, styled_components_1.css)(templateObject_14 || (templateOb
173
183
  var theme = _a.theme;
174
184
  return theme.fontWeight.normal;
175
185
  });
176
- var form2Regular = (0, styled_components_1.css)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
186
+ var form2Regular = (0, styled_components_1.css)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
177
187
  var theme = _a.theme;
178
188
  return theme.mobileFontSize.form2;
179
189
  }, function (_a) {
@@ -183,7 +193,7 @@ var form2Regular = (0, styled_components_1.css)(templateObject_15 || (templateOb
183
193
  var theme = _a.theme;
184
194
  return theme.fontWeight.normal;
185
195
  });
186
- var blog1Regular = (0, styled_components_1.css)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
196
+ var blog1Regular = (0, styled_components_1.css)(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
187
197
  var theme = _a.theme;
188
198
  return theme.mobileFontSize.blog1;
189
199
  }, function (_a) {
@@ -193,55 +203,55 @@ var blog1Regular = (0, styled_components_1.css)(templateObject_16 || (templateOb
193
203
  var theme = _a.theme;
194
204
  return theme.fontWeight.normal;
195
205
  });
196
- var sysTextPrimary = (0, styled_components_1.css)(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
206
+ var sysTextPrimary = (0, styled_components_1.css)(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
197
207
  var theme = _a.theme;
198
208
  return theme.ui_cpnt_textlabel_sys_primary;
199
209
  });
200
- var sysTextSecondary = (0, styled_components_1.css)(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
210
+ var sysTextSecondary = (0, styled_components_1.css)(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
201
211
  var theme = _a.theme;
202
212
  return theme.ui_cpnt_textlabel_sys_secondary;
203
213
  });
204
- var sysTextTertiary = (0, styled_components_1.css)(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
214
+ var sysTextTertiary = (0, styled_components_1.css)(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
205
215
  var theme = _a.theme;
206
216
  return theme.ui_cpnt_textlabel_sys_tertiary;
207
217
  });
208
- var sysTextWhite = (0, styled_components_1.css)(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
218
+ var sysTextWhite = (0, styled_components_1.css)(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
209
219
  var theme = _a.theme;
210
220
  return theme.ui_cpnt_textlabel_sys_white;
211
221
  });
212
- var sysTextError = (0, styled_components_1.css)(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
222
+ var sysTextError = (0, styled_components_1.css)(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
213
223
  var theme = _a.theme;
214
224
  return theme.ui_cpnt_textlabel_sys_error;
215
225
  });
216
- var sysTextBrandPrimary = (0, styled_components_1.css)(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
226
+ var sysTextBrandPrimary = (0, styled_components_1.css)(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
217
227
  var theme = _a.theme;
218
228
  return theme.ui_cpnt_textlabel_sys_brandprimary;
219
229
  });
220
- var sysTextBrandSeconVariant = (0, styled_components_1.css)(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
230
+ var sysTextBrandSeconVariant = (0, styled_components_1.css)(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
221
231
  var theme = _a.theme;
222
232
  return theme.ui_cpnt_textlabel_sys_brandseconvariant;
223
233
  });
224
- var usrTextBrandPrimary = (0, styled_components_1.css)(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
234
+ var usrTextBrandPrimary = (0, styled_components_1.css)(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
225
235
  var theme = _a.theme;
226
236
  return theme.ui_cpnt_textlabel_usr_brandprimary;
227
237
  });
228
- var usrTextBrandSeconVariant = (0, styled_components_1.css)(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
238
+ var usrTextBrandSeconVariant = (0, styled_components_1.css)(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
229
239
  var theme = _a.theme;
230
240
  return theme.ui_cpnt_textlabel_usr_brandseconvariant;
231
241
  });
232
- var usrTextBrandOnPrimary = (0, styled_components_1.css)(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
242
+ var usrTextBrandOnPrimary = (0, styled_components_1.css)(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
233
243
  var theme = _a.theme;
234
244
  return theme.ui_cpnt_textlabel_usr_brandonprimary;
235
245
  });
236
- var colorOverrideStyle = (0, styled_components_1.css)(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
246
+ var colorOverrideStyle = (0, styled_components_1.css)(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
237
247
  var colorOverride = _a.colorOverride;
238
248
  return colorOverride && common_1.uiColors[colorOverride];
239
249
  });
240
- var ellipsisStyle = (0, styled_components_1.css)(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n -webkit-box-orient: vertical;\n display: -webkit-box;\n -webkit-line-clamp: ", ";\n overflow: hidden;\n text-overflow: ellipsis;\n"], ["\n -webkit-box-orient: vertical;\n display: -webkit-box;\n -webkit-line-clamp: ", ";\n overflow: hidden;\n text-overflow: ellipsis;\n"])), function (_a) {
250
+ var ellipsisStyle = (0, styled_components_1.css)(templateObject_29 || (templateObject_29 = __makeTemplateObject(["\n -webkit-box-orient: vertical;\n display: -webkit-box;\n -webkit-line-clamp: ", ";\n overflow: hidden;\n text-overflow: ellipsis;\n"], ["\n -webkit-box-orient: vertical;\n display: -webkit-box;\n -webkit-line-clamp: ", ";\n overflow: hidden;\n text-overflow: ellipsis;\n"])), function (_a) {
241
251
  var lineLimit = _a.lineLimit;
242
252
  return lineLimit;
243
253
  });
244
- var S_TextLabel = styled_components_1.default.div(templateObject_29 || (templateObject_29 = __makeTemplateObject(["\n box-sizing: border-box;\n text-align: ", ";\n text-decoration: ", ";\n white-space: pre-wrap;\n word-break: keep-all;\n\n ", ";\n\n ", ";\n\n line-height: ", ";\n\n ", ";\n\n ", ";\n"], ["\n box-sizing: border-box;\n text-align: ", ";\n text-decoration: ", ";\n white-space: pre-wrap;\n word-break: keep-all;\n\n ", ";\n\n ", ";\n\n line-height: ", ";\n\n ", ";\n\n ", ";\n"])), function (_a) {
254
+ var S_TextLabel = styled_components_1.default.div(templateObject_30 || (templateObject_30 = __makeTemplateObject(["\n box-sizing: border-box;\n text-align: ", ";\n text-decoration: ", ";\n white-space: pre-wrap;\n word-break: keep-all;\n\n ", ";\n\n ", ";\n\n line-height: ", ";\n\n ", ";\n\n ", ";\n"], ["\n box-sizing: border-box;\n text-align: ", ";\n text-decoration: ", ";\n white-space: pre-wrap;\n word-break: keep-all;\n\n ", ";\n\n ", ";\n\n line-height: ", ";\n\n ", ";\n\n ", ";\n"])), function (_a) {
245
255
  var textAlign = _a.textAlign;
246
256
  return textAlign;
247
257
  }, function (_a) {
@@ -253,6 +263,7 @@ var S_TextLabel = styled_components_1.default.div(templateObject_29 || (template
253
263
  {
254
264
  displayBold: displayBold,
255
265
  headingBold: headingBold,
266
+ leadParaBold: leadParaBold,
256
267
  leadParaRegular: leadParaRegular,
257
268
  subTitleBold: subTitleBold,
258
269
  subTitleRegular: subTitleRegular,
@@ -294,4 +305,4 @@ var S_TextLabel = styled_components_1.default.div(templateObject_29 || (template
294
305
  return colorOverride && colorOverrideStyle;
295
306
  });
296
307
  exports.default = TextLabel;
297
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29;
308
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web",
3
- "version": "0.3.13",
3
+ "version": "0.3.17",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",