pds-dev-kit-web 1.9.0-beta.0 → 1.9.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (68) hide show
  1. package/dist/src/common/assets/icons/fill/ArrowDown.d.ts +4 -0
  2. package/dist/src/common/assets/icons/fill/ArrowDown.js +34 -0
  3. package/dist/src/common/assets/icons/fill/ArrowUp.d.ts +4 -0
  4. package/dist/src/common/assets/icons/fill/ArrowUp.js +34 -0
  5. package/dist/src/common/assets/icons/fill/ToggleDown.d.ts +4 -0
  6. package/dist/src/common/assets/icons/fill/ToggleDown.js +36 -0
  7. package/dist/src/common/assets/icons/fill/ToggleUp.d.ts +4 -0
  8. package/dist/src/common/assets/icons/fill/ToggleUp.js +36 -0
  9. package/dist/src/common/assets/icons/fill/index.d.ts +4 -0
  10. package/dist/src/common/assets/icons/fill/index.js +8 -0
  11. package/dist/src/common/assets/icons/line/Confetti.d.ts +4 -0
  12. package/dist/src/common/assets/icons/line/Confetti.js +36 -0
  13. package/dist/src/common/assets/icons/line/DeviceApp.d.ts +4 -0
  14. package/dist/src/common/assets/icons/line/DeviceApp.js +36 -0
  15. package/dist/src/common/assets/icons/line/DeviceDesktop.d.ts +4 -0
  16. package/dist/src/common/assets/icons/line/DeviceDesktop.js +36 -0
  17. package/dist/src/common/assets/icons/line/DeviceMobile.d.ts +4 -0
  18. package/dist/src/common/assets/icons/line/DeviceMobile.js +34 -0
  19. package/dist/src/common/assets/icons/line/EditorLeftSide.d.ts +4 -0
  20. package/dist/src/common/assets/icons/line/EditorLeftSide.js +34 -0
  21. package/dist/src/common/assets/icons/line/EditorRightSide.d.ts +4 -0
  22. package/dist/src/common/assets/icons/line/EditorRightSide.js +34 -0
  23. package/dist/src/common/assets/icons/line/Mail.d.ts +4 -0
  24. package/dist/src/common/assets/icons/line/Mail.js +36 -0
  25. package/dist/src/common/assets/icons/line/News.d.ts +4 -0
  26. package/dist/src/common/assets/icons/line/News.js +36 -0
  27. package/dist/src/common/assets/icons/line/Rocket.d.ts +4 -0
  28. package/dist/src/common/assets/icons/line/Rocket.js +36 -0
  29. package/dist/src/common/assets/icons/line/VideoGuide.d.ts +4 -0
  30. package/dist/src/common/assets/icons/line/VideoGuide.js +36 -0
  31. package/dist/src/common/assets/icons/line/index.d.ts +10 -0
  32. package/dist/src/common/assets/icons/line/index.js +20 -0
  33. package/dist/src/common/styles/colorSet/UIColor.json +3 -1
  34. package/dist/src/common/styles/colorSet/index.d.ts +4 -2
  35. package/dist/src/common/styles/colorSet/index.js +2 -2
  36. package/dist/src/common/styles/colorSet/ui-type.d.ts +2 -0
  37. package/dist/src/common/styles/index.d.ts +4 -0
  38. package/dist/src/common/styles/theme.d.ts +4 -0
  39. package/dist/src/common/styles/theme.js +4 -0
  40. package/dist/src/common/types/styled-components.d.ts +4 -0
  41. package/dist/src/desktop/components/TextLabel/TextLabel.d.ts +2 -2
  42. package/dist/src/desktop/components/TextLabel/TextLabel.js +51 -40
  43. package/dist/src/desktop/layout/LayoutWS/Containers/ContentsContainer/ContentsContainer.d.ts +1 -1
  44. package/dist/src/desktop/layout/LayoutWS/Containers/ContentsContainer/ContentsContainer.js +2 -1
  45. package/dist/src/desktop/layout/LayoutWS/Containers/ContentsContainer/variation/WSB.d.ts +2 -1
  46. package/dist/src/desktop/layout/LayoutWS/Containers/ContentsContainer/variation/WSB.js +33 -7
  47. package/dist/src/desktop/layout/LayoutWS/ContainersBox/ContainersBox.d.ts +1 -1
  48. package/dist/src/hybrid/components/Icon/Icon.d.ts +1 -1
  49. package/dist/src/mobile/components/TextLabel/TextLabel.d.ts +2 -2
  50. package/dist/src/mobile/components/TextLabel/TextLabel.js +47 -36
  51. package/dist/storybook-static/{0.ade47ed3.iframe.bundle.d.ts → 0.a1562720.iframe.bundle.d.ts} +0 -0
  52. package/dist/storybook-static/{0.ade47ed3.iframe.bundle.js → 0.a1562720.iframe.bundle.js} +4 -4
  53. package/dist/storybook-static/{4.93bcde3d.iframe.bundle.d.ts → 4.f6aa0ddb.iframe.bundle.d.ts} +0 -0
  54. package/dist/storybook-static/{4.93bcde3d.iframe.bundle.js → 4.f6aa0ddb.iframe.bundle.js} +68 -68
  55. package/dist/storybook-static/{5.ea6583af.iframe.bundle.d.ts → 5.45d40fc4.iframe.bundle.d.ts} +0 -0
  56. package/dist/storybook-static/{5.ea6583af.iframe.bundle.js → 5.45d40fc4.iframe.bundle.js} +10 -10
  57. package/dist/storybook-static/{6.e40cb5e6.iframe.bundle.d.ts → 6.c25f6d33.iframe.bundle.d.ts} +0 -0
  58. package/dist/storybook-static/{6.e40cb5e6.iframe.bundle.js → 6.c25f6d33.iframe.bundle.js} +5 -5
  59. package/dist/storybook-static/{7.a63b16b9.iframe.bundle.d.ts → 7.1fe04b11.iframe.bundle.d.ts} +0 -0
  60. package/dist/storybook-static/{7.a63b16b9.iframe.bundle.js → 7.1fe04b11.iframe.bundle.js} +1 -1
  61. package/dist/storybook-static/{main.997ab4f6.iframe.bundle.d.ts → main.ef70f048.iframe.bundle.d.ts} +1 -4
  62. package/dist/storybook-static/{main.997ab4f6.iframe.bundle.js → main.ef70f048.iframe.bundle.js} +670 -482
  63. package/dist/storybook-static/{runtime~main.a437dbd3.iframe.bundle.d.ts → runtime~main.549d38be.iframe.bundle.d.ts} +0 -0
  64. package/dist/storybook-static/{runtime~main.a437dbd3.iframe.bundle.js → runtime~main.549d38be.iframe.bundle.js} +1 -1
  65. package/dist/storybook-static/{vendors~main.7bb94765.iframe.bundle.d.ts → vendors~main.1bc2d8cb.iframe.bundle.d.ts} +0 -0
  66. package/dist/storybook-static/{vendors~main.7bb94765.iframe.bundle.js → vendors~main.1bc2d8cb.iframe.bundle.js} +18 -18
  67. package/package.json +1 -1
  68. package/release-note.md +6 -11
package/dist/src/desktop/components/TextLabel/TextLabel.js CHANGED
@@ -62,7 +62,17 @@ var headingBold = (0, styled_components_1.css)(templateObject_2 || (templateObje
62
62
  var theme = _a.theme;
63
63
  return theme.fontWeight.bold;
64
64
  });
65
- 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) {
65
+ var wizardPageTitleBold = (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) {
66
+ var theme = _a.theme;
67
+ return theme.desktopFontSize.wizardPageTitle;
68
+ }, function (_a) {
69
+ var theme = _a.theme;
70
+ return theme.desktopLineHeight.wizardPageTitle;
71
+ }, function (_a) {
72
+ var theme = _a.theme;
73
+ return theme.fontWeight.bold;
74
+ });
75
+ var leadParaBold = (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) {
66
76
  var theme = _a.theme;
67
77
  return theme.desktopFontSize.leadParagraph;
68
78
  }, function (_a) {
@@ -72,7 +82,7 @@ var leadParaBold = (0, styled_components_1.css)(templateObject_3 || (templateObj
72
82
  var theme = _a.theme;
73
83
  return theme.fontWeight.bold;
74
84
  });
75
- 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) {
85
+ var leadParaRegular = (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) {
76
86
  var theme = _a.theme;
77
87
  return theme.desktopFontSize.leadParagraph;
78
88
  }, function (_a) {
@@ -82,7 +92,7 @@ var leadParaRegular = (0, styled_components_1.css)(templateObject_4 || (template
82
92
  var theme = _a.theme;
83
93
  return theme.fontWeight.normal;
84
94
  });
85
- 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) {
95
+ var subTitleBold = (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) {
86
96
  var theme = _a.theme;
87
97
  return theme.desktopFontSize.subtitle;
88
98
  }, function (_a) {
@@ -92,7 +102,7 @@ var subTitleBold = (0, styled_components_1.css)(templateObject_5 || (templateObj
92
102
  var theme = _a.theme;
93
103
  return theme.fontWeight.bold;
94
104
  });
95
- 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) {
105
+ var subTitleRegular = (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) {
96
106
  var theme = _a.theme;
97
107
  return theme.desktopFontSize.subtitle;
98
108
  }, function (_a) {
@@ -102,7 +112,7 @@ var subTitleRegular = (0, styled_components_1.css)(templateObject_6 || (template
102
112
  var theme = _a.theme;
103
113
  return theme.fontWeight.normal;
104
114
  });
105
- 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) {
115
+ var body1Bold = (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) {
106
116
  var theme = _a.theme;
107
117
  return theme.desktopFontSize.body1;
108
118
  }, function (_a) {
@@ -112,7 +122,7 @@ var body1Bold = (0, styled_components_1.css)(templateObject_7 || (templateObject
112
122
  var theme = _a.theme;
113
123
  return theme.fontWeight.bold;
114
124
  });
115
- 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) {
125
+ var body1Regular = (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) {
116
126
  var theme = _a.theme;
117
127
  return theme.desktopFontSize.body1;
118
128
  }, function (_a) {
@@ -122,7 +132,7 @@ var body1Regular = (0, styled_components_1.css)(templateObject_8 || (templateObj
122
132
  var theme = _a.theme;
123
133
  return theme.fontWeight.normal;
124
134
  });
125
- 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) {
135
+ var body2Bold = (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) {
126
136
  var theme = _a.theme;
127
137
  return theme.desktopFontSize.body2;
128
138
  }, function (_a) {
@@ -132,7 +142,7 @@ var body2Bold = (0, styled_components_1.css)(templateObject_9 || (templateObject
132
142
  var theme = _a.theme;
133
143
  return theme.fontWeight.bold;
134
144
  });
135
- 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) {
145
+ var body2Regular = (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) {
136
146
  var theme = _a.theme;
137
147
  return theme.desktopFontSize.body2;
138
148
  }, function (_a) {
@@ -142,7 +152,7 @@ var body2Regular = (0, styled_components_1.css)(templateObject_10 || (templateOb
142
152
  var theme = _a.theme;
143
153
  return theme.fontWeight.normal;
144
154
  });
145
- 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) {
155
+ var caption1Bold = (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) {
146
156
  var theme = _a.theme;
147
157
  return theme.desktopFontSize.caption1;
148
158
  }, function (_a) {
@@ -152,7 +162,7 @@ var caption1Bold = (0, styled_components_1.css)(templateObject_11 || (templateOb
152
162
  var theme = _a.theme;
153
163
  return theme.fontWeight.bold;
154
164
  });
155
- 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) {
165
+ var caption1Regular = (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) {
156
166
  var theme = _a.theme;
157
167
  return theme.desktopFontSize.caption1;
158
168
  }, function (_a) {
@@ -162,7 +172,7 @@ var caption1Regular = (0, styled_components_1.css)(templateObject_12 || (templat
162
172
  var theme = _a.theme;
163
173
  return theme.fontWeight.normal;
164
174
  });
165
- 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) {
175
+ var caption2Bold = (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) {
166
176
  var theme = _a.theme;
167
177
  return theme.desktopFontSize.caption2;
168
178
  }, function (_a) {
@@ -172,7 +182,7 @@ var caption2Bold = (0, styled_components_1.css)(templateObject_13 || (templateOb
172
182
  var theme = _a.theme;
173
183
  return theme.fontWeight.bold;
174
184
  });
175
- 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) {
185
+ var caption2Regular = (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) {
176
186
  var theme = _a.theme;
177
187
  return theme.desktopFontSize.caption2;
178
188
  }, function (_a) {
@@ -182,7 +192,7 @@ var caption2Regular = (0, styled_components_1.css)(templateObject_14 || (templat
182
192
  var theme = _a.theme;
183
193
  return theme.fontWeight.normal;
184
194
  });
185
- 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) {
195
+ var form1Regular = (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) {
186
196
  var theme = _a.theme;
187
197
  return theme.desktopFontSize.form1;
188
198
  }, function (_a) {
@@ -192,7 +202,7 @@ var form1Regular = (0, styled_components_1.css)(templateObject_15 || (templateOb
192
202
  var theme = _a.theme;
193
203
  return theme.fontWeight.normal;
194
204
  });
195
- 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) {
205
+ var form2Regular = (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) {
196
206
  var theme = _a.theme;
197
207
  return theme.desktopFontSize.form2;
198
208
  }, function (_a) {
@@ -202,7 +212,7 @@ var form2Regular = (0, styled_components_1.css)(templateObject_16 || (templateOb
202
212
  var theme = _a.theme;
203
213
  return theme.fontWeight.normal;
204
214
  });
205
- 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) {
215
+ var blog1Regular = (0, styled_components_1.css)(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n"])), function (_a) {
206
216
  var theme = _a.theme;
207
217
  return theme.desktopFontSize.blog1;
208
218
  }, function (_a) {
@@ -212,72 +222,72 @@ var blog1Regular = (0, styled_components_1.css)(templateObject_17 || (templateOb
212
222
  var theme = _a.theme;
213
223
  return theme.fontWeight.normal;
214
224
  });
215
- var sysTextPrimary = (0, styled_components_1.css)(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
225
+ var sysTextPrimary = (0, styled_components_1.css)(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
216
226
  var theme = _a.theme;
217
227
  return theme.ui_cpnt_textlabel_sys_primary;
218
228
  });
219
- var sysTextSecondary = (0, styled_components_1.css)(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
229
+ var sysTextSecondary = (0, styled_components_1.css)(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
220
230
  var theme = _a.theme;
221
231
  return theme.ui_cpnt_textlabel_sys_secondary;
222
232
  });
223
- var sysTextTertiary = (0, styled_components_1.css)(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
233
+ var sysTextTertiary = (0, styled_components_1.css)(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
224
234
  var theme = _a.theme;
225
235
  return theme.ui_cpnt_textlabel_sys_tertiary;
226
236
  });
227
- var sysTextWhite = (0, styled_components_1.css)(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
237
+ var sysTextWhite = (0, styled_components_1.css)(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
228
238
  var theme = _a.theme;
229
239
  return theme.ui_cpnt_textlabel_sys_white;
230
240
  });
231
- var sysTextError = (0, styled_components_1.css)(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
241
+ var sysTextError = (0, styled_components_1.css)(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
232
242
  var theme = _a.theme;
233
243
  return theme.ui_cpnt_textlabel_sys_error;
234
244
  });
235
- var sysTextWarning = (0, styled_components_1.css)(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
245
+ var sysTextWarning = (0, styled_components_1.css)(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
236
246
  var theme = _a.theme;
237
247
  return theme.ui_cpnt_textlabel_sys_warning;
238
248
  });
239
- var sysTextBrandPrimary = (0, styled_components_1.css)(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
249
+ var sysTextBrandPrimary = (0, styled_components_1.css)(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
240
250
  var theme = _a.theme;
241
251
  return theme.ui_cpnt_textlabel_sys_brandprimary;
242
252
  });
243
- var sysTextBrandSeconVariant = (0, styled_components_1.css)(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
253
+ var sysTextBrandSeconVariant = (0, styled_components_1.css)(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
244
254
  var theme = _a.theme;
245
255
  return theme.ui_cpnt_textlabel_sys_brandseconvariant;
246
256
  });
247
- var usrTextBrandPrimary = (0, styled_components_1.css)(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
257
+ var usrTextBrandPrimary = (0, styled_components_1.css)(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
248
258
  var theme = _a.theme;
249
259
  return theme.ui_cpnt_textlabel_usr_brandprimary;
250
260
  });
251
- var usrTextBrandSeconVariant = (0, styled_components_1.css)(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
261
+ var usrTextBrandSeconVariant = (0, styled_components_1.css)(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
252
262
  var theme = _a.theme;
253
263
  return theme.ui_cpnt_textlabel_usr_brandseconvariant;
254
264
  });
255
- var usrTextBrandOnPrimary = (0, styled_components_1.css)(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
265
+ var usrTextBrandOnPrimary = (0, styled_components_1.css)(templateObject_29 || (templateObject_29 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
256
266
  var theme = _a.theme;
257
267
  return theme.ui_cpnt_textlabel_usr_brandonprimary;
258
268
  });
259
- var customFontStyle = (0, styled_components_1.css)(templateObject_29 || (templateObject_29 = __makeTemplateObject(["\n font-size: ", ";\n line-height: 1.5;\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: 1.5;\n font-weight: ", ";\n"])), function (_a) {
269
+ var customFontStyle = (0, styled_components_1.css)(templateObject_30 || (templateObject_30 = __makeTemplateObject(["\n font-size: ", ";\n line-height: 1.5;\n font-weight: ", ";\n"], ["\n font-size: ", ";\n line-height: 1.5;\n font-weight: ", ";\n"])), function (_a) {
260
270
  var customFontSize = _a.customFontSize;
261
271
  return customFontSize;
262
272
  }, function (_a) {
263
273
  var theme = _a.theme, customFontWeight = _a.customFontWeight;
264
274
  return customFontWeight === 'bold' ? theme.fontWeight.bold : theme.fontWeight.normal;
265
275
  });
266
- var colorOverrideStyle = (0, styled_components_1.css)(templateObject_30 || (templateObject_30 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
276
+ var colorOverrideStyle = (0, styled_components_1.css)(templateObject_31 || (templateObject_31 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
267
277
  var colorOverride = _a.colorOverride, theme = _a.theme;
268
278
  return colorOverride && theme[colorOverride];
269
279
  });
270
- var ellipsisStyle = (0, styled_components_1.css)(templateObject_31 || (templateObject_31 = __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) {
280
+ var ellipsisStyle = (0, styled_components_1.css)(templateObject_32 || (templateObject_32 = __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) {
271
281
  var lineLimit = _a.lineLimit;
272
282
  return lineLimit;
273
283
  });
274
- var userSelectModeStyle = (0, styled_components_1.css)(templateObject_32 || (templateObject_32 = __makeTemplateObject(["\n -ms-user-select: none;\n -moz-user-select: -moz-none;\n -khtml-user-select: none;\n -webkit-user-select: none;\n user-select: none;\n"], ["\n -ms-user-select: none;\n -moz-user-select: -moz-none;\n -khtml-user-select: none;\n -webkit-user-select: none;\n user-select: none;\n"])));
275
- var bulletPointModeStyle = (0, styled_components_1.css)(templateObject_33 || (templateObject_33 = __makeTemplateObject(["\n padding-left: 16px;\n ::before {\n content: '\u2022';\n position: absolute;\n left: 0;\n width: 16px;\n }\n"], ["\n padding-left: 16px;\n ::before {\n content: '\u2022';\n position: absolute;\n left: 0;\n width: 16px;\n }\n"])));
276
- var tooltipLeftTop = (0, styled_components_1.css)(templateObject_34 || (templateObject_34 = __makeTemplateObject(["\n right: 0;\n bottom: 20px;\n"], ["\n right: 0;\n bottom: 20px;\n"])));
277
- var tooltipLeftBottom = (0, styled_components_1.css)(templateObject_35 || (templateObject_35 = __makeTemplateObject(["\n right: 0;\n top: 20px;\n"], ["\n right: 0;\n top: 20px;\n"])));
278
- var tooltipRightTop = (0, styled_components_1.css)(templateObject_36 || (templateObject_36 = __makeTemplateObject(["\n left: 0;\n bottom: 20px;\n"], ["\n left: 0;\n bottom: 20px;\n"])));
279
- var tooltipRightBottom = (0, styled_components_1.css)(templateObject_37 || (templateObject_37 = __makeTemplateObject(["\n left: 0;\n top: 20px;\n"], ["\n left: 0;\n top: 20px;\n"])));
280
- var S_TextLabel = styled_components_1.default.div(templateObject_38 || (templateObject_38 = __makeTemplateObject(["\n box-sizing: border-box;\n text-align: ", ";\n white-space: pre-wrap;\n word-break: ", ";\n overflow-wrap: break-word;\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n"], ["\n box-sizing: border-box;\n text-align: ", ";\n white-space: pre-wrap;\n word-break: ", ";\n overflow-wrap: break-word;\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n"])), function (_a) {
284
+ var userSelectModeStyle = (0, styled_components_1.css)(templateObject_33 || (templateObject_33 = __makeTemplateObject(["\n -ms-user-select: none;\n -moz-user-select: -moz-none;\n -khtml-user-select: none;\n -webkit-user-select: none;\n user-select: none;\n"], ["\n -ms-user-select: none;\n -moz-user-select: -moz-none;\n -khtml-user-select: none;\n -webkit-user-select: none;\n user-select: none;\n"])));
285
+ var bulletPointModeStyle = (0, styled_components_1.css)(templateObject_34 || (templateObject_34 = __makeTemplateObject(["\n padding-left: 16px;\n ::before {\n content: '\u2022';\n position: absolute;\n left: 0;\n width: 16px;\n }\n"], ["\n padding-left: 16px;\n ::before {\n content: '\u2022';\n position: absolute;\n left: 0;\n width: 16px;\n }\n"])));
286
+ var tooltipLeftTop = (0, styled_components_1.css)(templateObject_35 || (templateObject_35 = __makeTemplateObject(["\n right: 0;\n bottom: 20px;\n"], ["\n right: 0;\n bottom: 20px;\n"])));
287
+ var tooltipLeftBottom = (0, styled_components_1.css)(templateObject_36 || (templateObject_36 = __makeTemplateObject(["\n right: 0;\n top: 20px;\n"], ["\n right: 0;\n top: 20px;\n"])));
288
+ var tooltipRightTop = (0, styled_components_1.css)(templateObject_37 || (templateObject_37 = __makeTemplateObject(["\n left: 0;\n bottom: 20px;\n"], ["\n left: 0;\n bottom: 20px;\n"])));
289
+ var tooltipRightBottom = (0, styled_components_1.css)(templateObject_38 || (templateObject_38 = __makeTemplateObject(["\n left: 0;\n top: 20px;\n"], ["\n left: 0;\n top: 20px;\n"])));
290
+ var S_TextLabel = styled_components_1.default.div(templateObject_39 || (templateObject_39 = __makeTemplateObject(["\n box-sizing: border-box;\n text-align: ", ";\n white-space: pre-wrap;\n word-break: ", ";\n overflow-wrap: break-word;\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n"], ["\n box-sizing: border-box;\n text-align: ", ";\n white-space: pre-wrap;\n word-break: ", ";\n overflow-wrap: break-word;\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n"])), function (_a) {
281
291
  var textAlign = _a.textAlign;
282
292
  return textAlign;
283
293
  }, function (_a) {
@@ -294,6 +304,7 @@ var S_TextLabel = styled_components_1.default.div(templateObject_38 || (template
294
304
  return styleTheme &&
295
305
  {
296
306
  displayBold: displayBold,
307
+ wizardPageTitleBold: wizardPageTitleBold,
297
308
  headingBold: headingBold,
298
309
  leadParaBold: leadParaBold,
299
310
  leadParaRegular: leadParaRegular,
@@ -355,7 +366,7 @@ var S_TextLabel = styled_components_1.default.div(templateObject_38 || (template
355
366
  var bulletPointMode = _a.bulletPointMode;
356
367
  return bulletPointMode === 'use' && bulletPointModeStyle;
357
368
  });
358
- var S_AfterTextBox = styled_components_1.default.div(templateObject_39 || (templateObject_39 = __makeTemplateObject(["\n display: inline-block;\n margin-left: ", ";\n position: relative;\n\n ", ";\n"], ["\n display: inline-block;\n margin-left: ", ";\n position: relative;\n\n ", ";\n"])), function (_a) {
369
+ var S_AfterTextBox = styled_components_1.default.div(templateObject_40 || (templateObject_40 = __makeTemplateObject(["\n display: inline-block;\n margin-left: ", ";\n position: relative;\n\n ", ";\n"], ["\n display: inline-block;\n margin-left: ", ";\n position: relative;\n\n ", ";\n"])), function (_a) {
359
370
  var theme = _a.theme;
360
371
  return theme.spacing.spacingA;
361
372
  }, function (_a) {
@@ -371,8 +382,8 @@ var S_AfterTextBox = styled_components_1.default.div(templateObject_39 || (templ
371
382
  return 'vertical-align: middle';
372
383
  }
373
384
  });
374
- var S_IconWrapper = styled_components_1.default.div(templateObject_40 || (templateObject_40 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n height: 100%;\n justify-content: center;\n width: 16px;\n height: 16px;\n"], ["\n align-items: center;\n display: flex;\n height: 100%;\n justify-content: center;\n width: 16px;\n height: 16px;\n"])));
375
- var S_TooltipWrapper = styled_components_1.default.div(templateObject_41 || (templateObject_41 = __makeTemplateObject(["\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: 8px;\n box-shadow: ", ";\n box-sizing: border-box;\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n max-width: 320px;\n overflow-wrap: break-word;\n padding: ", ";\n position: absolute;\n text-align: left;\n white-space: pre-wrap;\n width: max-content;\n word-break: keep-all;\n\n ", ";\n\n ", ";\n"], ["\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: 8px;\n box-shadow: ", ";\n box-sizing: border-box;\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n max-width: 320px;\n overflow-wrap: break-word;\n padding: ", ";\n position: absolute;\n text-align: left;\n white-space: pre-wrap;\n width: max-content;\n word-break: keep-all;\n\n ", ";\n\n ", ";\n"])), function (_a) {
385
+ var S_IconWrapper = styled_components_1.default.div(templateObject_41 || (templateObject_41 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n height: 100%;\n justify-content: center;\n width: 16px;\n height: 16px;\n"], ["\n align-items: center;\n display: flex;\n height: 100%;\n justify-content: center;\n width: 16px;\n height: 16px;\n"])));
386
+ var S_TooltipWrapper = styled_components_1.default.div(templateObject_42 || (templateObject_42 = __makeTemplateObject(["\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: 8px;\n box-shadow: ", ";\n box-sizing: border-box;\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n max-width: 320px;\n overflow-wrap: break-word;\n padding: ", ";\n position: absolute;\n text-align: left;\n white-space: pre-wrap;\n width: max-content;\n word-break: keep-all;\n\n ", ";\n\n ", ";\n"], ["\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: 8px;\n box-shadow: ", ";\n box-sizing: border-box;\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n max-width: 320px;\n overflow-wrap: break-word;\n padding: ", ";\n position: absolute;\n text-align: left;\n white-space: pre-wrap;\n width: max-content;\n word-break: keep-all;\n\n ", ";\n\n ", ";\n"])), function (_a) {
376
387
  var theme = _a.theme;
377
388
  return theme.ui_cpnt_contextmenu_base;
378
389
  }, function (_a) {
@@ -410,4 +421,4 @@ var S_TooltipWrapper = styled_components_1.default.div(templateObject_41 || (tem
410
421
  }[tooltipPosition];
411
422
  });
412
423
  exports.default = TextLabel;
413
- 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, templateObject_31, templateObject_32, templateObject_33, templateObject_34, templateObject_35, templateObject_36, templateObject_37, templateObject_38, templateObject_39, templateObject_40, templateObject_41;
424
+ 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, templateObject_31, templateObject_32, templateObject_33, templateObject_34, templateObject_35, templateObject_36, templateObject_37, templateObject_38, templateObject_39, templateObject_40, templateObject_41, templateObject_42;
package/dist/src/desktop/layout/LayoutWS/Containers/ContentsContainer/ContentsContainer.d.ts CHANGED
@@ -2,7 +2,7 @@
2
2
  export declare type ContentsContainerProps = {
3
3
  content1?: JSX.Element;
4
4
  content2?: JSX.Element;
5
- layoutType: 'WSA_1' | 'WSB_1' | 'WSC_1' | 'WSD_1' | 'WSE_1' | 'WSF_1' | 'WSF_2' | 'WSF_3' | 'WSF_4' | 'WSF_5' | 'WSF_6' | 'WSF_7' | 'WSG_1' | 'WSG_2' | 'WSG_3' | 'WSG_4' | 'WSG_5' | 'WSH_1';
5
+ layoutType: 'WSA_1' | 'WSB_1' | 'WSB_2' | 'WSC_1' | 'WSD_1' | 'WSE_1' | 'WSF_1' | 'WSF_2' | 'WSF_3' | 'WSF_4' | 'WSF_5' | 'WSF_6' | 'WSF_7' | 'WSG_1' | 'WSG_2' | 'WSG_3' | 'WSG_4' | 'WSG_5' | 'WSH_1';
6
6
  containerColor?: string;
7
7
  areaColor?: string;
8
8
  isLoadingContainer1?: boolean;
package/dist/src/desktop/layout/LayoutWS/Containers/ContentsContainer/ContentsContainer.js CHANGED
@@ -9,7 +9,8 @@ var ContentsContainer = function (_a) {
9
9
  var content1 = _a.content1, content2 = _a.content2, layoutType = _a.layoutType, containerColor = _a.containerColor, areaColor = _a.areaColor, isLoadingContainer1 = _a.isLoadingContainer1, isLoadingContainer2 = _a.isLoadingContainer2;
10
10
  return (react_1.default.createElement(react_1.default.Fragment, null, {
11
11
  WSA_1: (react_1.default.createElement(variation_1.WSA, { content1: content1, containerColor: containerColor, areaColor: areaColor, isLoadingContainer1: isLoadingContainer1 })),
12
- WSB_1: (react_1.default.createElement(variation_1.WSB, { content1: content1, containerColor: containerColor, areaColor: areaColor, isLoadingContainer1: isLoadingContainer1 })),
12
+ WSB_1: (react_1.default.createElement(variation_1.WSB, { layoutType: "WSB_1", content1: content1, containerColor: containerColor, areaColor: areaColor, isLoadingContainer1: isLoadingContainer1 })),
13
+ WSB_2: (react_1.default.createElement(variation_1.WSB, { layoutType: "WSB_2", content1: content1, containerColor: containerColor, areaColor: areaColor, isLoadingContainer1: isLoadingContainer1 })),
13
14
  WSC_1: (react_1.default.createElement(variation_1.WSC, { content1: content1, containerColor: containerColor, areaColor: areaColor, isLoadingContainer1: isLoadingContainer1 })),
14
15
  WSD_1: (react_1.default.createElement(variation_1.WSD, { content1: content1, containerColor: containerColor, areaColor: areaColor, isLoadingContainer1: isLoadingContainer1 })),
15
16
  WSE_1: (react_1.default.createElement(variation_1.WSE, { content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor, isLoadingContainer1: isLoadingContainer1 })),
package/dist/src/desktop/layout/LayoutWS/Containers/ContentsContainer/variation/WSB.d.ts CHANGED
@@ -1,9 +1,10 @@
1
1
  /// <reference types="react" />
2
2
  export declare type WSBProps = {
3
+ layoutType: 'WSB_1' | 'WSB_2';
3
4
  content1?: JSX.Element;
4
5
  containerColor?: string;
5
6
  areaColor?: string;
6
7
  isLoadingContainer1?: boolean;
7
8
  };
8
- declare const WSB: ({ content1, containerColor, areaColor, isLoadingContainer1 }: WSBProps) => JSX.Element;
9
+ declare const WSB: ({ layoutType, content1, containerColor, areaColor, isLoadingContainer1 }: WSBProps) => JSX.Element;
9
10
  export default WSB;
package/dist/src/desktop/layout/LayoutWS/Containers/ContentsContainer/variation/WSB.js CHANGED
@@ -3,29 +3,55 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
3
3
  if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
4
  return cooked;
5
5
  };
6
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
7
+ if (k2 === undefined) k2 = k;
8
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || function (mod) {
19
+ if (mod && mod.__esModule) return mod;
20
+ var result = {};
21
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
+ __setModuleDefault(result, mod);
23
+ return result;
24
+ };
6
25
  var __importDefault = (this && this.__importDefault) || function (mod) {
7
26
  return (mod && mod.__esModule) ? mod : { "default": mod };
8
27
  };
9
28
  Object.defineProperty(exports, "__esModule", { value: true });
10
29
  var react_1 = __importDefault(require("react"));
11
- var styled_components_1 = __importDefault(require("styled-components"));
30
+ var styled_components_1 = __importStar(require("styled-components"));
12
31
  var components_1 = require("../../../../../../common/components");
13
32
  var WSB = function (_a) {
14
- var content1 = _a.content1, containerColor = _a.containerColor, areaColor = _a.areaColor, isLoadingContainer1 = _a.isLoadingContainer1;
15
- return (react_1.default.createElement(S_ContentsContainer, { "x-pds-name": "ContentsContainer", "x-pds-element-type": "layout", "x-pds-device-type": "desktop", "x-pds-layout-type": "WSB", containerColor: containerColor }, isLoadingContainer1 ? (react_1.default.createElement(components_1.ThreeBarProgress, null)) : (react_1.default.createElement(S_ContentsArea, { "x-pds-name": "ContentsArea", "x-pds-element-type": "layout", "x-pds-device-type": "desktop", "x-pds-layout-type": "WSB", areaColor: areaColor },
33
+ var layoutType = _a.layoutType, content1 = _a.content1, containerColor = _a.containerColor, areaColor = _a.areaColor, isLoadingContainer1 = _a.isLoadingContainer1;
34
+ return (react_1.default.createElement(S_ContentsContainer, { "x-pds-name": "ContentsContainer", "x-pds-element-type": "layout", "x-pds-device-type": "desktop", "x-pds-layout-type": "WSB", layoutType: layoutType, containerColor: containerColor }, isLoadingContainer1 ? (react_1.default.createElement(components_1.ThreeBarProgress, null)) : (react_1.default.createElement(S_ContentsArea, { "x-pds-name": "ContentsArea", "x-pds-element-type": "layout", "x-pds-device-type": "desktop", "x-pds-layout-type": "WSB", layoutType: layoutType, areaColor: areaColor },
16
35
  react_1.default.createElement(S_Content1, { "x-pds-name": "Content1", "x-pds-element-type": "layout", "x-pds-device-type": "desktop", "x-pds-layout-type": "WSB" }, content1)))));
17
36
  };
18
- var S_ContentsContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: ", ";\n height: 100%;\n min-width: 960px;\n overflow: hidden;\n ", ";\n"], ["\n background-color: ", ";\n height: 100%;\n min-width: 960px;\n overflow: hidden;\n ", ";\n"])), function (_a) {
37
+ var WSB_1AreaStyle = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding-top: 24px;\n"], ["\n padding-top: 24px;\n"])));
38
+ var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n height: 100%;\n min-width: 960px;\n overflow: hidden;\n ", ";\n"], ["\n background-color: ", ";\n height: 100%;\n min-width: 960px;\n overflow: hidden;\n ", ";\n"])), function (_a) {
19
39
  var theme = _a.theme;
20
40
  return theme.ui_contentscontainer01_background;
21
41
  }, function (_a) {
22
42
  var containerColor = _a.containerColor;
23
43
  return "background-color: " + containerColor;
24
44
  });
25
- var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n box-sizing: border-box;\n height: 100%;\n min-width: 960px;\n padding-top: 24px;\n ", ";\n"], ["\n box-sizing: border-box;\n height: 100%;\n min-width: 960px;\n padding-top: 24px;\n ", ";\n"])), function (_a) {
45
+ var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n box-sizing: border-box;\n height: 100%;\n min-width: 960px;\n\n ", ";\n ", ";\n"], ["\n box-sizing: border-box;\n height: 100%;\n min-width: 960px;\n\n ", ";\n ", ";\n"])), function (_a) {
46
+ var layoutType = _a.layoutType;
47
+ return ({
48
+ WSB_1: WSB_1AreaStyle,
49
+ WSB_2: ''
50
+ }[layoutType]);
51
+ }, function (_a) {
26
52
  var areaColor = _a.areaColor;
27
53
  return "background-color: " + areaColor;
28
54
  });
29
- var S_Content1 = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 100%;\n overflow: hidden;\n"], ["\n height: 100%;\n overflow: hidden;\n"])));
55
+ var S_Content1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n height: 100%;\n overflow: hidden;\n"], ["\n height: 100%;\n overflow: hidden;\n"])));
30
56
  exports.default = WSB;
31
- var templateObject_1, templateObject_2, templateObject_3;
57
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
package/dist/src/desktop/layout/LayoutWS/ContainersBox/ContainersBox.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  export declare type ContainersBoxProps = {
3
- layoutType: 'WSA_1' | 'WSB_1' | 'WSC_1' | 'WSD_1' | 'WSE_1' | 'WSF_1' | 'WSF_2' | 'WSF_3' | 'WSF_4' | 'WSF_5' | 'WSF_6' | 'WSF_7' | 'WSG_1' | 'WSG_2' | 'WSG_3' | 'WSG_4' | 'WSG_5' | 'WSH_1';
3
+ layoutType: 'WSA_1' | 'WSB_1' | 'WSB_2' | 'WSC_1' | 'WSD_1' | 'WSE_1' | 'WSF_1' | 'WSF_2' | 'WSF_3' | 'WSF_4' | 'WSF_5' | 'WSF_6' | 'WSF_7' | 'WSG_1' | 'WSG_2' | 'WSG_3' | 'WSG_4' | 'WSG_5' | 'WSH_1';
4
4
  pageMenuContent?: JSX.Element;
5
5
  tabMenuContent?: JSX.Element;
6
6
  content1?: JSX.Element;
package/dist/src/hybrid/components/Icon/Icon.d.ts CHANGED
@@ -2,7 +2,7 @@
2
2
  import { FillIconNameKeys, LineIconNameKeys, UiColors } from '../../../common';
3
3
  export declare type IconProps = {
4
4
  iconName?: FillIconNameKeys | LineIconNameKeys;
5
- size?: 12 | 16 | 20 | 24 | 32 | 48 | 56 | 64 | 72;
5
+ size?: 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72;
6
6
  colorKey?: UiColors;
7
7
  fillType?: 'line' | 'fill';
8
8
  } & Record<string, any>;
package/dist/src/mobile/components/TextLabel/TextLabel.d.ts CHANGED
@@ -3,7 +3,7 @@ import { PDSTextType, UiColors } from '../../../common';
3
3
  export declare type TextLabelProps = {
4
4
  text: PDSTextType;
5
5
  textAlign?: 'left' | 'center' | 'right';
6
- styleTheme?: 'displayBold' | 'headingBold' | 'leadParaBold' | 'leadParaRegular' | 'subTitleBold' | 'subTitleRegular' | 'body1Bold' | 'body1Regular' | 'body2Bold' | 'body2Regular' | 'caption1Bold' | 'caption1Regular' | 'caption2Bold' | 'caption2Regular' | 'form1Regular' | 'form2Regular' | 'blog1Regular';
6
+ styleTheme?: 'displayBold' | 'wizardPageTitleBold' | 'headingBold' | 'leadParaBold' | 'leadParaRegular' | 'subTitleBold' | 'subTitleRegular' | 'body1Bold' | 'body1Regular' | 'body2Bold' | 'body2Regular' | 'caption1Bold' | 'caption1Regular' | 'caption2Bold' | 'caption2Regular' | 'form1Regular' | 'form2Regular' | 'blog1Regular';
7
7
  colorOverride?: UiColors;
8
8
  colorTheme?: 'sysTextPrimary' | 'sysTextSecondary' | 'sysTextTertiary' | 'sysTextWhite' | 'sysTextError' | 'sysTextWarning' | 'sysTextBrandPrimary' | 'sysTextBrandSeconVariant' | 'usrTextBrandPrimary' | 'usrTextBrandSeconVariant' | 'usrTextBrandOnPrimary';
9
9
  singleLineMode?: 'none' | 'use';
@@ -19,7 +19,7 @@ export declare type TextLabelProps = {
19
19
  };
20
20
  export declare type TextStyleProps = {
21
21
  textAlign?: 'left' | 'center' | 'right';
22
- styleTheme?: 'displayBold' | 'headingBold' | 'leadParaBold' | 'leadParaRegular' | 'subTitleBold' | 'subTitleRegular' | 'body1Bold' | 'body1Regular' | 'body2Bold' | 'body2Regular' | 'caption1Bold' | 'caption1Regular' | 'caption2Bold' | 'caption2Regular' | 'form1Regular' | 'form2Regular' | 'blog1Regular';
22
+ styleTheme?: 'displayBold' | 'wizardPageTitleBold' | 'headingBold' | 'leadParaBold' | 'leadParaRegular' | 'subTitleBold' | 'subTitleRegular' | 'body1Bold' | 'body1Regular' | 'body2Bold' | 'body2Regular' | 'caption1Bold' | 'caption1Regular' | 'caption2Bold' | 'caption2Regular' | 'form1Regular' | 'form2Regular' | 'blog1Regular';
23
23
  colorOverride?: UiColors;
24
24
  colorTheme?: 'sysTextPrimary' | 'sysTextSecondary' | 'sysTextTertiary' | 'sysTextWhite' | 'sysTextError' | 'sysTextWarning' | 'sysTextBrandPrimary' | 'sysTextBrandSeconVariant' | 'usrTextBrandPrimary' | 'usrTextBrandSeconVariant' | 'usrTextBrandOnPrimary';
25
25
  singleLineMode?: 'none' | 'use';