pds-dev-kit-web 0.6.7 → 0.6.8

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 (20) hide show
  1. package/dist/src/common/styles/colorSet/UIColor.json +4 -1
  2. package/dist/src/common/styles/colorSet/index.d.ts +189 -186
  3. package/dist/src/common/styles/colorSet/index.js +4 -4
  4. package/dist/src/common/styles/colorSet/ui-type.d.ts +3 -0
  5. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/ContentsContainer.d.ts +1 -1
  6. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/ContentsContainer.js +4 -1
  7. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTA.js +2 -0
  8. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTH.d.ts +1 -1
  9. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTH.js +6 -3
  10. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTO.js +6 -14
  11. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTP.d.ts +9 -0
  12. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTP.js +38 -0
  13. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/index.d.ts +2 -0
  14. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/index.js +5 -1
  15. package/dist/src/desktop/layout/LayoutWT/Containers/index.d.ts +1 -0
  16. package/dist/src/desktop/layout/LayoutWT/Containers/index.js +3 -1
  17. package/dist/src/desktop/layout/LayoutWT/ContainersBox/ContainersBox.d.ts +3 -2
  18. package/dist/src/desktop/layout/LayoutWT/ContainersBox/ContainersBox.js +57 -5
  19. package/package.json +1 -1
  20. package/release-note.md +13 -0
package/dist/src/common/styles/colorSet/UIColor.json CHANGED
@@ -456,5 +456,8 @@
456
456
  "ui_channeldesc_white": "sys_text_white",
457
457
  "ui_channeldesc_grey_03": "sys_channeldesc_grey_03",
458
458
  "ui_channeldesc_border_grey_03": "sys_channeldesc_border_grey_03",
459
- "ui_cpnt_bottomsheet_border": "sys_border_line_01"
459
+ "ui_cpnt_bottomsheet_border": "sys_border_line_01",
460
+ "ui_cpnt_pg_gradient_01": "sys_component_base_white",
461
+ "ui_cpnt_pg_gradient_02": "sys_component_base_white_opacity00",
462
+ "ui_cpnt_userdesktopsidetab_base_area": "sys_component_base_white_opacity00"
460
463
  }
package/dist/src/common/styles/colorSet/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  declare const colorSet: {
2
- readonly PaletteColor_Dark: {
2
+ readonly PaletteColor_light: {
3
3
  sys_container_background_01: string;
4
4
  sys_container_background_02: string;
5
5
  sys_container_background_03: string;
@@ -130,61 +130,136 @@ declare const colorSet: {
130
130
  sys_channeldesc_grey_03: string;
131
131
  sys_channeldesc_border_grey_03: string;
132
132
  };
133
- readonly SemanticColor: {
134
- blue500: string;
135
- blue700: string;
136
- blue300: string;
137
- green700: string;
138
- green500: string;
139
- green300: string;
140
- red500: string;
141
- grey900: string;
142
- grey500: string;
143
- grey400: string;
144
- grey100: string;
145
- grey50: string;
146
- white: string;
147
- black: string;
148
- darkblue500: string;
149
- grey950: string;
150
- darkgrey900: string;
151
- darkgrey500: string;
152
- darkgrey400: string;
153
- darkgrey100: string;
154
- darkgrey50: string;
155
- darkred500: string;
156
- darkgreen700: string;
157
- orange500: string;
158
- darkorange500: string;
159
- opacity00: string;
160
- opacity20: string;
161
- opacity30: string;
162
- opacity65: string;
163
- darkgreen500: string;
164
- grey70: string;
165
- navy500: string;
166
- lightgreen500: string;
167
- pink500: string;
168
- darkgrey70: string;
169
- darknavy500: string;
170
- darkpink500: string;
171
- darklightgreen500: string;
172
- opacity10: string;
173
- grey600: string;
174
- darkgrey600: string;
175
- skyblue500: string;
176
- skyblue300: string;
177
- pink300: string;
178
- lightpink500: string;
179
- darkblue300: string;
180
- darkblue700: string;
181
- darkgreen300: string;
182
- darkskyblue500: string;
183
- navy100: string;
184
- darknavy100: string;
185
- opacity80: string;
186
- opacity50: string;
187
- grey30: string;
133
+ readonly PaletteColor_Dark: {
134
+ sys_container_background_01: string;
135
+ sys_container_background_02: string;
136
+ sys_container_background_03: string;
137
+ sys_background_dimmed: string;
138
+ sys_text_grey_01: string;
139
+ sys_text_grey_02: string;
140
+ sys_text_grey_03: string;
141
+ sys_text_white: string;
142
+ sys_text_brand_primary: string;
143
+ sys_text_error_01: string;
144
+ sys_widget_grey_01: string;
145
+ sys_widget_grey_02: string;
146
+ sys_widget_grey_03: string;
147
+ sys_widget_primary_01: string;
148
+ sys_widget_error_01: string;
149
+ sys_widget_warning_01: string;
150
+ sys_widget_success_01: string;
151
+ sys_widget_white: string;
152
+ sys_border_area_01: string;
153
+ sys_border_line_01: string;
154
+ sys_border_line_02: string;
155
+ sys_border_line_03: string;
156
+ sys_border_line_04: string;
157
+ sys_border_line_05: string;
158
+ sys_component_base_01: string;
159
+ sys_component_base_02: string;
160
+ sys_component_base_03: string;
161
+ sys_component_base_red: string;
162
+ sys_component_base_white: string;
163
+ sys_component_base_white_opacity00: string;
164
+ sys_on_base_white_opacity00: string;
165
+ sys_on_base_white_opacity30: string;
166
+ sys_on_base_black_opacity20: string;
167
+ usr_brand_primary: string;
168
+ usr_brand_secondary: string;
169
+ usr_brand_secondary_variant: string;
170
+ usr_background: string;
171
+ usr_surface: string;
172
+ usr_border: string;
173
+ usr_on_brand_primary: string;
174
+ usr_on_brand_secondary: string;
175
+ usr_on_background: string;
176
+ usr_on_surface: string;
177
+ sys_widget_status_active_01: string;
178
+ sys_text_success_01: string;
179
+ sys_widget_grey_04: string;
180
+ sys_text_active: string;
181
+ sys_component_base_blue: string;
182
+ sys_on_base_black_opacity65: string;
183
+ sys_component_base_04: string;
184
+ sys_component_base_black: string;
185
+ sys_component_base_black_opacity00: string;
186
+ usr_text_brand_secondary_variant: string;
187
+ usr_text_brand_primary: string;
188
+ usr_text_brand_on_primary: string;
189
+ sys_text_brand_secondary_variant: string;
190
+ sys_component_base_navy: string;
191
+ sys_widget_lightgreen: string;
192
+ sys_border_line_06: string;
193
+ sys_background_dimmed_20: string;
194
+ sys_widget_pink: string;
195
+ sys_widget_primary_opacity20: string;
196
+ sys_widget_secondary_variant_01: string;
197
+ usr_component_base_brand_primary_opacity10: string;
198
+ sys_temp_grey_01: string;
199
+ sys_temp_grey_02: string;
200
+ sys_temp_grey_03: string;
201
+ sys_temp_grey_04: string;
202
+ sys_temp_grey_05: string;
203
+ sys_temp_white: string;
204
+ sys_temp_primary_01: string;
205
+ sys_temp_secondary_01: string;
206
+ sys_temp_red: string;
207
+ sys_temp_white_opacity_00: string;
208
+ sys_temp_dimmed: string;
209
+ sys_temp_black: string;
210
+ sys_temp_primary_02: string;
211
+ sys_temp_primary_03: string;
212
+ sys_temp_secondary_02: string;
213
+ sys_temp_lightgreen_01: string;
214
+ sys_text_grey_04: string;
215
+ sys_papp_post_social_background: string;
216
+ sys_papp_post_notice_background: string;
217
+ sys_papp_post_free_background: string;
218
+ sys_papp_vod_background: string;
219
+ sys_papp_vodplus_background: string;
220
+ sys_papp_live_background: string;
221
+ sys_selcontrols_base_off_disabled: string;
222
+ sys_selcontrols_base_on_disabled: string;
223
+ sys_component_base_blue_opacity10: string;
224
+ sys_component_base_05: string;
225
+ sys_background_dimmed_65: string;
226
+ sys_temp_grey_06: string;
227
+ sys_on_base_white_opacity10: string;
228
+ sys_on_base_black_opacity10: string;
229
+ sys_component_base_05_opacity00: string;
230
+ sys_papp_post_notice_link: string;
231
+ sys_component_base_navy_light: string;
232
+ sys_component_base_orange: string;
233
+ sys_component_base_grey: string;
234
+ sys_component_base_black_opacity80: string;
235
+ sys_text_darkgrey_02: string;
236
+ sys_border_line_darktheme_01: string;
237
+ sys_border_line_darktheme_02: string;
238
+ sys_component_base_darktheme_01: string;
239
+ sys_component_base_darktheme_02: string;
240
+ sys_component_base_darktheme_03: string;
241
+ sys_text_grey_darktheme_01: string;
242
+ sys_text_grey_darktheme_02: string;
243
+ sys_text_grey_darktheme_03: string;
244
+ sys_widget_grey_darktheme_01: string;
245
+ sys_widget_grey_darktheme_02: string;
246
+ sys_widget_grey_darktheme_03: string;
247
+ sys_component_base_green: string;
248
+ sys_text_error_darktheme_01: string;
249
+ sys_border_line_darktheme_03: string;
250
+ sys_border_line_darktheme_04: string;
251
+ usr_widget_brand_primary_darktheme_01: string;
252
+ usr_text_brand_primary_darktheme_01: string;
253
+ sys_component_base_black_opacity50: string;
254
+ sys_component_base_card: string;
255
+ sys_cpnt_textlabel_sys_brand_primary_opacity50: string;
256
+ sys_widget_green_01: string;
257
+ sys_component_base_black_opacity30: string;
258
+ sys_area_background: string;
259
+ sys_border_white_opacity30: string;
260
+ sys_container_background_wt: string;
261
+ sys_channeldesc_grey_03: string;
262
+ sys_channeldesc_border_grey_03: string;
188
263
  };
189
264
  readonly UIColor: {
190
265
  ui_cpnt_button_fill_base_primary: string;
@@ -645,137 +720,65 @@ declare const colorSet: {
645
720
  ui_channeldesc_grey_03: string;
646
721
  ui_channeldesc_border_grey_03: string;
647
722
  ui_cpnt_bottomsheet_border: string;
723
+ ui_cpnt_pg_gradient_01: string;
724
+ ui_cpnt_pg_gradient_02: string;
725
+ ui_cpnt_userdesktopsidetab_base_area: string;
648
726
  };
649
- readonly PaletteColor_light: {
650
- sys_container_background_01: string;
651
- sys_container_background_02: string;
652
- sys_container_background_03: string;
653
- sys_background_dimmed: string;
654
- sys_text_grey_01: string;
655
- sys_text_grey_02: string;
656
- sys_text_grey_03: string;
657
- sys_text_white: string;
658
- sys_text_brand_primary: string;
659
- sys_text_error_01: string;
660
- sys_widget_grey_01: string;
661
- sys_widget_grey_02: string;
662
- sys_widget_grey_03: string;
663
- sys_widget_primary_01: string;
664
- sys_widget_error_01: string;
665
- sys_widget_warning_01: string;
666
- sys_widget_success_01: string;
667
- sys_widget_white: string;
668
- sys_border_area_01: string;
669
- sys_border_line_01: string;
670
- sys_border_line_02: string;
671
- sys_border_line_03: string;
672
- sys_border_line_04: string;
673
- sys_border_line_05: string;
674
- sys_component_base_01: string;
675
- sys_component_base_02: string;
676
- sys_component_base_03: string;
677
- sys_component_base_red: string;
678
- sys_component_base_white: string;
679
- sys_component_base_white_opacity00: string;
680
- sys_on_base_white_opacity00: string;
681
- sys_on_base_white_opacity30: string;
682
- sys_on_base_black_opacity20: string;
683
- usr_brand_primary: string;
684
- usr_brand_secondary: string;
685
- usr_brand_secondary_variant: string;
686
- usr_background: string;
687
- usr_surface: string;
688
- usr_border: string;
689
- usr_on_brand_primary: string;
690
- usr_on_brand_secondary: string;
691
- usr_on_background: string;
692
- usr_on_surface: string;
693
- sys_widget_status_active_01: string;
694
- sys_text_success_01: string;
695
- sys_widget_grey_04: string;
696
- sys_text_active: string;
697
- sys_component_base_blue: string;
698
- sys_on_base_black_opacity65: string;
699
- sys_component_base_04: string;
700
- sys_component_base_black: string;
701
- sys_component_base_black_opacity00: string;
702
- usr_text_brand_secondary_variant: string;
703
- usr_text_brand_primary: string;
704
- usr_text_brand_on_primary: string;
705
- sys_text_brand_secondary_variant: string;
706
- sys_component_base_navy: string;
707
- sys_widget_lightgreen: string;
708
- sys_border_line_06: string;
709
- sys_background_dimmed_20: string;
710
- sys_widget_pink: string;
711
- sys_widget_primary_opacity20: string;
712
- sys_widget_secondary_variant_01: string;
713
- usr_component_base_brand_primary_opacity10: string;
714
- sys_temp_grey_01: string;
715
- sys_temp_grey_02: string;
716
- sys_temp_grey_03: string;
717
- sys_temp_grey_04: string;
718
- sys_temp_grey_05: string;
719
- sys_temp_white: string;
720
- sys_temp_primary_01: string;
721
- sys_temp_secondary_01: string;
722
- sys_temp_red: string;
723
- sys_temp_white_opacity_00: string;
724
- sys_temp_dimmed: string;
725
- sys_temp_black: string;
726
- sys_temp_primary_02: string;
727
- sys_temp_primary_03: string;
728
- sys_temp_secondary_02: string;
729
- sys_temp_lightgreen_01: string;
730
- sys_text_grey_04: string;
731
- sys_papp_post_social_background: string;
732
- sys_papp_post_notice_background: string;
733
- sys_papp_post_free_background: string;
734
- sys_papp_vod_background: string;
735
- sys_papp_vodplus_background: string;
736
- sys_papp_live_background: string;
737
- sys_selcontrols_base_off_disabled: string;
738
- sys_selcontrols_base_on_disabled: string;
739
- sys_component_base_blue_opacity10: string;
740
- sys_component_base_05: string;
741
- sys_background_dimmed_65: string;
742
- sys_temp_grey_06: string;
743
- sys_on_base_white_opacity10: string;
744
- sys_on_base_black_opacity10: string;
745
- sys_component_base_05_opacity00: string;
746
- sys_papp_post_notice_link: string;
747
- sys_component_base_navy_light: string;
748
- sys_component_base_orange: string;
749
- sys_component_base_grey: string;
750
- sys_component_base_black_opacity80: string;
751
- sys_text_darkgrey_02: string;
752
- sys_border_line_darktheme_01: string;
753
- sys_border_line_darktheme_02: string;
754
- sys_component_base_darktheme_01: string;
755
- sys_component_base_darktheme_02: string;
756
- sys_component_base_darktheme_03: string;
757
- sys_text_grey_darktheme_01: string;
758
- sys_text_grey_darktheme_02: string;
759
- sys_text_grey_darktheme_03: string;
760
- sys_widget_grey_darktheme_01: string;
761
- sys_widget_grey_darktheme_02: string;
762
- sys_widget_grey_darktheme_03: string;
763
- sys_component_base_green: string;
764
- sys_text_error_darktheme_01: string;
765
- sys_border_line_darktheme_03: string;
766
- sys_border_line_darktheme_04: string;
767
- usr_widget_brand_primary_darktheme_01: string;
768
- usr_text_brand_primary_darktheme_01: string;
769
- sys_component_base_black_opacity50: string;
770
- sys_component_base_card: string;
771
- sys_cpnt_textlabel_sys_brand_primary_opacity50: string;
772
- sys_widget_green_01: string;
773
- sys_component_base_black_opacity30: string;
774
- sys_area_background: string;
775
- sys_border_white_opacity30: string;
776
- sys_container_background_wt: string;
777
- sys_channeldesc_grey_03: string;
778
- sys_channeldesc_border_grey_03: string;
727
+ readonly SemanticColor: {
728
+ blue500: string;
729
+ blue700: string;
730
+ blue300: string;
731
+ green700: string;
732
+ green500: string;
733
+ green300: string;
734
+ red500: string;
735
+ grey900: string;
736
+ grey500: string;
737
+ grey400: string;
738
+ grey100: string;
739
+ grey50: string;
740
+ white: string;
741
+ black: string;
742
+ darkblue500: string;
743
+ grey950: string;
744
+ darkgrey900: string;
745
+ darkgrey500: string;
746
+ darkgrey400: string;
747
+ darkgrey100: string;
748
+ darkgrey50: string;
749
+ darkred500: string;
750
+ darkgreen700: string;
751
+ orange500: string;
752
+ darkorange500: string;
753
+ opacity00: string;
754
+ opacity20: string;
755
+ opacity30: string;
756
+ opacity65: string;
757
+ darkgreen500: string;
758
+ grey70: string;
759
+ navy500: string;
760
+ lightgreen500: string;
761
+ pink500: string;
762
+ darkgrey70: string;
763
+ darknavy500: string;
764
+ darkpink500: string;
765
+ darklightgreen500: string;
766
+ opacity10: string;
767
+ grey600: string;
768
+ darkgrey600: string;
769
+ skyblue500: string;
770
+ skyblue300: string;
771
+ pink300: string;
772
+ lightpink500: string;
773
+ darkblue300: string;
774
+ darkblue700: string;
775
+ darkgreen300: string;
776
+ darkskyblue500: string;
777
+ navy100: string;
778
+ darknavy100: string;
779
+ opacity80: string;
780
+ opacity50: string;
781
+ grey30: string;
779
782
  };
780
783
  };
781
784
  export default colorSet;
package/dist/src/common/styles/colorSet/index.js CHANGED
@@ -4,14 +4,14 @@ 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 PaletteColor_light_json_1 = __importDefault(require("./PaletteColor_light.json"));
7
8
  var PaletteColor_Dark_json_1 = __importDefault(require("./PaletteColor_Dark.json"));
8
- var SemanticColor_json_1 = __importDefault(require("./SemanticColor.json"));
9
9
  var UIColor_json_1 = __importDefault(require("./UIColor.json"));
10
- var PaletteColor_light_json_1 = __importDefault(require("./PaletteColor_light.json"));
10
+ var SemanticColor_json_1 = __importDefault(require("./SemanticColor.json"));
11
11
  var colorSet = {
12
+ PaletteColor_light: PaletteColor_light_json_1.default,
12
13
  PaletteColor_Dark: PaletteColor_Dark_json_1.default,
13
- SemanticColor: SemanticColor_json_1.default,
14
14
  UIColor: UIColor_json_1.default,
15
- PaletteColor_light: PaletteColor_light_json_1.default
15
+ SemanticColor: SemanticColor_json_1.default
16
16
  };
17
17
  exports.default = colorSet;
package/dist/src/common/styles/colorSet/ui-type.d.ts CHANGED
@@ -457,4 +457,7 @@ export interface UITheme {
457
457
  ui_channeldesc_grey_03: string;
458
458
  ui_channeldesc_border_grey_03: string;
459
459
  ui_cpnt_bottomsheet_border: string;
460
+ ui_cpnt_pg_gradient_01: string;
461
+ ui_cpnt_pg_gradient_02: string;
462
+ ui_cpnt_userdesktopsidetab_base_area: string;
460
463
  }
package/dist/src/desktop/layout/LayoutWT/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: 'WTA_1' | 'WTA_2' | 'WTA_3' | 'WTB_1' | 'WTC_1' | 'WTD_1' | 'WTD_2' | 'WTD_3' | 'WTD_4' | 'WTD_5' | 'WTD_6' | 'WTE_1' | 'WTF_1' | 'WTF_2' | 'WTF_3' | 'WTF_4' | 'WTF_5' | 'WTF_6' | 'WTG_1' | 'WTH_1' | 'WTH_2' | 'WTI_1' | 'WTI_2' | 'WTJ_1' | 'WTK_1' | 'WTK_2' | 'WTK_3' | 'WTL_1' | 'WTM_1' | 'WTM_2' | 'WTN_1' | 'WTN_2';
5
+ layoutType: 'WTA_1' | 'WTA_2' | 'WTA_3' | 'WTB_1' | 'WTC_1' | 'WTD_1' | 'WTD_2' | 'WTD_3' | 'WTD_4' | 'WTD_5' | 'WTD_6' | 'WTE_1' | 'WTF_1' | 'WTF_2' | 'WTF_3' | 'WTF_4' | 'WTF_5' | 'WTF_6' | 'WTG_1' | 'WTH_1' | 'WTH_2' | 'WTH_3' | 'WTI_1' | 'WTI_2' | 'WTJ_1' | 'WTK_1' | 'WTK_2' | 'WTK_3' | 'WTL_1' | 'WTM_1' | 'WTM_2' | 'WTN_1' | 'WTN_2' | 'WTO_1' | 'WTP_1';
6
6
  containerColor?: string;
7
7
  areaColor?: string;
8
8
  };
package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/ContentsContainer.js CHANGED
@@ -29,6 +29,7 @@ var ContentsContainer = function (_a) {
29
29
  WTG_1: react_1.default.createElement(variation_1.WTG, { content1: content1, containerColor: containerColor, areaColor: areaColor }),
30
30
  WTH_1: (react_1.default.createElement(variation_1.WTH, { layoutType: "WTH_1", content1: content1, containerColor: containerColor, areaColor: areaColor })),
31
31
  WTH_2: (react_1.default.createElement(variation_1.WTH, { layoutType: "WTH_2", content1: content1, containerColor: containerColor, areaColor: areaColor })),
32
+ WTH_3: (react_1.default.createElement(variation_1.WTH, { layoutType: "WTH_3", content1: content1, containerColor: containerColor, areaColor: areaColor })),
32
33
  WTI_1: (react_1.default.createElement(variation_1.WTI, { layoutType: "WTI_1", content1: content1, containerColor: containerColor, areaColor: areaColor })),
33
34
  WTI_2: (react_1.default.createElement(variation_1.WTI, { layoutType: "WTI_2", content1: content1, containerColor: containerColor, areaColor: areaColor })),
34
35
  WTJ_1: (react_1.default.createElement(variation_1.WTJ, { content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor })),
@@ -39,7 +40,9 @@ var ContentsContainer = function (_a) {
39
40
  WTM_1: (react_1.default.createElement(variation_1.WTM, { layoutType: "WTM_1", content1: content1, containerColor: containerColor, areaColor: areaColor })),
40
41
  WTM_2: (react_1.default.createElement(variation_1.WTM, { layoutType: "WTM_2", content1: content1, containerColor: containerColor, areaColor: areaColor })),
41
42
  WTN_1: (react_1.default.createElement(variation_1.WTN, { layoutType: "WTN_1", content1: content1, containerColor: containerColor, areaColor: areaColor })),
42
- WTN_2: (react_1.default.createElement(variation_1.WTN, { layoutType: "WTN_2", content1: content1, containerColor: containerColor, areaColor: areaColor }))
43
+ WTN_2: (react_1.default.createElement(variation_1.WTN, { layoutType: "WTN_2", content1: content1, containerColor: containerColor, areaColor: areaColor })),
44
+ WTO_1: (react_1.default.createElement(variation_1.WTO, { layoutType: "WTO_1", content1: content1, containerColor: containerColor, areaColor: areaColor })),
45
+ WTP_1: (react_1.default.createElement(variation_1.WTP, { layoutType: "WTP_1", content1: content1, containerColor: containerColor, areaColor: areaColor }))
43
46
  }[layoutType]));
44
47
  };
45
48
  exports.default = ContentsContainer;
package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTA.js CHANGED
@@ -29,6 +29,7 @@ var S_ContentsContainer = styled_components_1.default.div(templateObject_1 || (t
29
29
  WTA_3: 'min-width: 768px;'
30
30
  }[layoutType]);
31
31
  });
32
+ // TODO: Area단에 height: 100%; overflow: auto; 추가와 padding-bottom: 88px; 삭제 된 것은 무한 스크롤 대응위한 임시 방편입니다.
32
33
  var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n box-sizing: border-box;\n border-left: 1px solid ", ";\n border-right: 1px solid ", ";\n height: 100%;\n overflow: auto;\n ", ";\n ", ";\n"], ["\n background-color: ", ";\n box-sizing: border-box;\n border-left: 1px solid ", ";\n border-right: 1px solid ", ";\n height: 100%;\n overflow: auto;\n ", ";\n ", ";\n"])), function (_a) {
33
34
  var theme = _a.theme;
34
35
  return theme.ui_contentsarea_background_wt_m;
@@ -49,6 +50,7 @@ var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templa
49
50
  var areaColor = _a.areaColor;
50
51
  return "background-color: " + areaColor;
51
52
  });
53
+ // TODO: Content단에 height: 100%; 추가는 무한 스크롤 대응위한 임시 방편입니다.
52
54
  var S_Content1 = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 100%;\n"], ["\n height: 100%;\n"])));
53
55
  exports.default = WTA;
54
56
  var templateObject_1, templateObject_2, templateObject_3;
package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTH.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  export declare type WTHProps = {
3
3
  content1?: JSX.Element;
4
- layoutType: 'WTH_1' | 'WTH_2';
4
+ layoutType: 'WTH_1' | 'WTH_2' | 'WTH_3';
5
5
  containerColor?: string;
6
6
  areaColor?: string;
7
7
  };
package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTH.js CHANGED
@@ -22,7 +22,8 @@ var S_ContentsContainer = styled_components_1.default.div(templateObject_1 || (t
22
22
  var layoutType = _a.layoutType;
23
23
  return ({
24
24
  WTH_1: 'height: 100%;overflow-x: hidden;overflow-y: auto;',
25
- WTH_2: 'height: 100%;'
25
+ WTH_2: 'height: 100%;',
26
+ WTH_3: 'height: 100%;overflow-x: hidden;overflow-y: auto;'
26
27
  }[layoutType]);
27
28
  }, function (_a) {
28
29
  var containerColor = _a.containerColor;
@@ -32,7 +33,8 @@ var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templa
32
33
  var layoutType = _a.layoutType;
33
34
  return ({
34
35
  WTH_1: 'padding-bottom: 88px;',
35
- WTH_2: 'height: 100%;'
36
+ WTH_2: 'height: 100%;',
37
+ WTH_3: ''
36
38
  }[layoutType]);
37
39
  }, function (_a) {
38
40
  var areaColor = _a.areaColor;
@@ -42,7 +44,8 @@ var S_Content1 = styled_components_1.default.div(templateObject_3 || (templateOb
42
44
  var layoutType = _a.layoutType;
43
45
  return ({
44
46
  WTH_1: '',
45
- WTH_2: 'height: 100%;overflow: hidden;'
47
+ WTH_2: 'height: 100%;overflow: hidden;',
48
+ WTH_3: ''
46
49
  }[layoutType]);
47
50
  });
48
51
  exports.default = WTH;
package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTO.js CHANGED
@@ -15,31 +15,23 @@ var WTO = function (_a) {
15
15
  react_1.default.createElement(S_ContentsArea, { layoutType: layoutType, areaColor: areaColor },
16
16
  react_1.default.createElement(S_Content1, { layoutType: layoutType }, content1))));
17
17
  };
18
- var S_ContentsContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n align-items: center;\n background-color: ", ";\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n min-width: 1200px;\n ", ";\n ", ";\n"], ["\n align-items: center;\n background-color: ", ";\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n min-width: 1200px;\n ", ";\n ", ";\n"])), function (_a) {
18
+ var S_ContentsContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n align-items: center;\n background-color: ", ";\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n min-width: 664px;\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n"], ["\n align-items: center;\n background-color: ", ";\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n min-width: 664px;\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n"])), function (_a) {
19
19
  var theme = _a.theme;
20
20
  return theme.ui_contentscontainer01_background;
21
- }, function (_a) {
22
- var layoutType = _a.layoutType;
23
- return ({
24
- WTO_1: 'height: 100%;overflow-x: hidden;overflow-y: auto;'
25
- }[layoutType]);
26
21
  }, function (_a) {
27
22
  var containerColor = _a.containerColor;
28
23
  return "background-color: " + containerColor;
29
24
  });
30
- var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n box-sizing: border-box;\n width: 100%;\n ", ";\n ", ";\n"], ["\n box-sizing: border-box;\n width: 100%;\n ", ";\n ", ";\n"])), function (_a) {
31
- var layoutType = _a.layoutType;
32
- return ({
33
- WTO_1: 'padding-bottom: 88px;'
34
- }[layoutType]);
35
- }, function (_a) {
25
+ // TODO: Area단에 height: 100%; overflow: auto; 추가와 padding-bottom: 88px; 삭제 된 것은 무한 스크롤 대응위한 임시 방편입니다.
26
+ var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n overflow: auto;\n ", ";\n"], ["\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n overflow: auto;\n ", ";\n"])), function (_a) {
36
27
  var areaColor = _a.areaColor;
37
28
  return "background-color: " + areaColor;
38
29
  });
39
- var S_Content1 = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", ";\n"], ["\n ", ";\n"])), function (_a) {
30
+ // TODO: Content단에 height: 100%; 추가는 무한 스크롤 대응위한 임시 방편입니다.
31
+ var S_Content1 = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", ";\n height: 100%;\n"], ["\n ", ";\n height: 100%;\n"])), function (_a) {
40
32
  var layoutType = _a.layoutType;
41
33
  return ({
42
- WTO_1: 'width: 1200px;'
34
+ WTO_1: 'width: 664px;'
43
35
  }[layoutType]);
44
36
  });
45
37
  exports.default = WTO;
package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTP.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ /// <reference types="react" />
2
+ export declare type WTPProps = {
3
+ content1?: JSX.Element;
4
+ layoutType: 'WTP_1';
5
+ containerColor?: string;
6
+ areaColor?: string;
7
+ };
8
+ declare const WTP: ({ content1, layoutType, containerColor, areaColor }: WTPProps) => JSX.Element;
9
+ export default WTP;
package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTP.js ADDED
@@ -0,0 +1,38 @@
1
+ "use strict";
2
+ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
+ if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
+ return cooked;
5
+ };
6
+ var __importDefault = (this && this.__importDefault) || function (mod) {
7
+ return (mod && mod.__esModule) ? mod : { "default": mod };
8
+ };
9
+ Object.defineProperty(exports, "__esModule", { value: true });
10
+ var react_1 = __importDefault(require("react"));
11
+ var styled_components_1 = __importDefault(require("styled-components"));
12
+ var WTP = function (_a) {
13
+ var content1 = _a.content1, layoutType = _a.layoutType, containerColor = _a.containerColor, areaColor = _a.areaColor;
14
+ return (react_1.default.createElement(S_ContentsContainer, { layoutType: layoutType, containerColor: containerColor },
15
+ react_1.default.createElement(S_ContentsArea, { layoutType: layoutType, areaColor: areaColor },
16
+ react_1.default.createElement(S_Content1, { layoutType: layoutType }, content1))));
17
+ };
18
+ var S_ContentsContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n align-items: center;\n background-color: ", ";\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n min-width: 664px;\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n"], ["\n align-items: center;\n background-color: ", ";\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n min-width: 664px;\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n"])), function (_a) {
19
+ var theme = _a.theme;
20
+ return theme.ui_contentscontainer01_background;
21
+ }, function (_a) {
22
+ var containerColor = _a.containerColor;
23
+ return "background-color: " + containerColor;
24
+ });
25
+ // TODO: Area단에 height: 100%; overflow: auto; 추가와 padding-bottom: 88px; 삭제 된 것은 무한 스크롤 대응위한 임시 방편입니다.
26
+ var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n overflow: auto;\n ", ";\n"], ["\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n overflow: auto;\n ", ";\n"])), function (_a) {
27
+ var areaColor = _a.areaColor;
28
+ return "background-color: " + areaColor;
29
+ });
30
+ // TODO: Content단에 height: 100%; 추가는 무한 스크롤 대응위한 임시 방편입니다.
31
+ var S_Content1 = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", ";\n height: 100%;\n"], ["\n ", ";\n height: 100%;\n"])), function (_a) {
32
+ var layoutType = _a.layoutType;
33
+ return ({
34
+ WTP_1: 'width: 664px;'
35
+ }[layoutType]);
36
+ });
37
+ exports.default = WTP;
38
+ var templateObject_1, templateObject_2, templateObject_3;
package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/index.d.ts CHANGED
@@ -12,3 +12,5 @@ export { default as WTK } from './WTK';
12
12
  export { default as WTL } from './WTL';
13
13
  export { default as WTM } from './WTM';
14
14
  export { default as WTN } from './WTN';
15
+ export { default as WTO } from './WTO';
16
+ export { default as WTP } from './WTP';
package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/index.js CHANGED
@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
3
3
  return (mod && mod.__esModule) ? mod : { "default": mod };
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.WTN = exports.WTM = exports.WTL = exports.WTK = exports.WTJ = exports.WTI = exports.WTH = exports.WTG = exports.WTF = exports.WTE = exports.WTD = exports.WTC = exports.WTB = exports.WTA = void 0;
6
+ exports.WTP = exports.WTO = exports.WTN = exports.WTM = exports.WTL = exports.WTK = exports.WTJ = exports.WTI = exports.WTH = exports.WTG = exports.WTF = exports.WTE = exports.WTD = exports.WTC = exports.WTB = exports.WTA = void 0;
7
7
  var WTA_1 = require("./WTA");
8
8
  Object.defineProperty(exports, "WTA", { enumerable: true, get: function () { return __importDefault(WTA_1).default; } });
9
9
  var WTB_1 = require("./WTB");
@@ -32,3 +32,7 @@ var WTM_1 = require("./WTM");
32
32
  Object.defineProperty(exports, "WTM", { enumerable: true, get: function () { return __importDefault(WTM_1).default; } });
33
33
  var WTN_1 = require("./WTN");
34
34
  Object.defineProperty(exports, "WTN", { enumerable: true, get: function () { return __importDefault(WTN_1).default; } });
35
+ var WTO_1 = require("./WTO");
36
+ Object.defineProperty(exports, "WTO", { enumerable: true, get: function () { return __importDefault(WTO_1).default; } });
37
+ var WTP_1 = require("./WTP");
38
+ Object.defineProperty(exports, "WTP", { enumerable: true, get: function () { return __importDefault(WTP_1).default; } });
package/dist/src/desktop/layout/LayoutWT/Containers/index.d.ts CHANGED
@@ -2,3 +2,4 @@ export { ContentsContainer } from './ContentsContainer';
2
2
  export { GlobalMenuContainer } from './GlobalMenuContainer';
3
3
  export { PageMenuContainer } from './PageMenuContainer';
4
4
  export { TabMenuContainer } from './TabMenuContainer';
5
+ export { SubMenuContainer } from './SubMenuContainer';
package/dist/src/desktop/layout/LayoutWT/Containers/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.TabMenuContainer = exports.PageMenuContainer = exports.GlobalMenuContainer = exports.ContentsContainer = void 0;
3
+ exports.SubMenuContainer = exports.TabMenuContainer = exports.PageMenuContainer = exports.GlobalMenuContainer = exports.ContentsContainer = void 0;
4
4
  var ContentsContainer_1 = require("./ContentsContainer");
5
5
  Object.defineProperty(exports, "ContentsContainer", { enumerable: true, get: function () { return ContentsContainer_1.ContentsContainer; } });
6
6
  var GlobalMenuContainer_1 = require("./GlobalMenuContainer");
@@ -9,3 +9,5 @@ var PageMenuContainer_1 = require("./PageMenuContainer");
9
9
  Object.defineProperty(exports, "PageMenuContainer", { enumerable: true, get: function () { return PageMenuContainer_1.PageMenuContainer; } });
10
10
  var TabMenuContainer_1 = require("./TabMenuContainer");
11
11
  Object.defineProperty(exports, "TabMenuContainer", { enumerable: true, get: function () { return TabMenuContainer_1.TabMenuContainer; } });
12
+ var SubMenuContainer_1 = require("./SubMenuContainer");
13
+ Object.defineProperty(exports, "SubMenuContainer", { enumerable: true, get: function () { return SubMenuContainer_1.SubMenuContainer; } });
package/dist/src/desktop/layout/LayoutWT/ContainersBox/ContainersBox.d.ts CHANGED
@@ -1,13 +1,14 @@
1
1
  import React from 'react';
2
2
  export declare type ContainersBoxProps = {
3
- layoutType: 'WTA_1' | 'WTA_2' | 'WTA_3' | 'WTB_1' | 'WTC_1' | 'WTD_1' | 'WTD_2' | 'WTD_3' | 'WTD_4' | 'WTD_5' | 'WTD_6' | 'WTE_1' | 'WTF_1' | 'WTF_2' | 'WTF_3' | 'WTF_4' | 'WTF_5' | 'WTF_6' | 'WTG_1' | 'WTH_1' | 'WTH_2' | 'WTI_1' | 'WTI_2' | 'WTJ_1' | 'WTK_1' | 'WTK_2' | 'WTK_3' | 'WTL_1' | 'WTM_1' | 'WTM_2' | 'WTN_2' | 'WTN_1';
3
+ layoutType: 'WTA_1' | 'WTA_2' | 'WTA_3' | 'WTB_1' | 'WTC_1' | 'WTD_1' | 'WTD_2' | 'WTD_3' | 'WTD_4' | 'WTD_5' | 'WTD_6' | 'WTE_1' | 'WTF_1' | 'WTF_2' | 'WTF_3' | 'WTF_4' | 'WTF_5' | 'WTF_6' | 'WTG_1' | 'WTH_1' | 'WTH_2' | 'WTH_3' | 'WTI_1' | 'WTI_2' | 'WTJ_1' | 'WTK_1' | 'WTK_2' | 'WTK_3' | 'WTL_1' | 'WTM_1' | 'WTM_2' | 'WTN_1' | 'WTN_2' | 'WTO_1' | 'WTP_1';
4
4
  pageMenuContent?: JSX.Element;
5
5
  tabMenuContent?: JSX.Element;
6
+ subMenuContent?: JSX.Element;
6
7
  content1?: JSX.Element;
7
8
  content2?: JSX.Element;
8
9
  children?: React.ReactNode;
9
10
  containerColor?: string;
10
11
  areaColor?: string;
11
12
  };
12
- declare const ContainersBox: ({ layoutType, pageMenuContent, tabMenuContent, content1, content2, containerColor, areaColor }: ContainersBoxProps) => JSX.Element;
13
+ declare const ContainersBox: ({ layoutType, pageMenuContent, tabMenuContent, subMenuContent, content1, content2, containerColor, areaColor }: ContainersBoxProps) => JSX.Element;
13
14
  export default ContainersBox;
package/dist/src/desktop/layout/LayoutWT/ContainersBox/ContainersBox.js CHANGED
@@ -11,7 +11,7 @@ var react_1 = __importDefault(require("react"));
11
11
  var styled_components_1 = __importDefault(require("styled-components"));
12
12
  var Containers_1 = require("../Containers");
13
13
  var ContainersBox = function (_a) {
14
- var layoutType = _a.layoutType, pageMenuContent = _a.pageMenuContent, tabMenuContent = _a.tabMenuContent, content1 = _a.content1, content2 = _a.content2, containerColor = _a.containerColor, areaColor = _a.areaColor;
14
+ var layoutType = _a.layoutType, pageMenuContent = _a.pageMenuContent, tabMenuContent = _a.tabMenuContent, subMenuContent = _a.subMenuContent, content1 = _a.content1, content2 = _a.content2, containerColor = _a.containerColor, areaColor = _a.areaColor;
15
15
  return (react_1.default.createElement(S_ContainersBox, null,
16
16
  {
17
17
  WTA_1: react_1.default.createElement(react_1.default.Fragment, null),
@@ -35,6 +35,7 @@ var ContainersBox = function (_a) {
35
35
  WTG_1: (react_1.default.createElement(Containers_1.PageMenuContainer, { pageMenuType: "left_page_menu", pageMenuContent: pageMenuContent })),
36
36
  WTH_1: react_1.default.createElement(react_1.default.Fragment, null),
37
37
  WTH_2: react_1.default.createElement(react_1.default.Fragment, null),
38
+ WTH_3: react_1.default.createElement(react_1.default.Fragment, null),
38
39
  WTI_1: react_1.default.createElement(react_1.default.Fragment, null),
39
40
  WTI_2: react_1.default.createElement(react_1.default.Fragment, null),
40
41
  WTJ_1: react_1.default.createElement(react_1.default.Fragment, null),
@@ -45,7 +46,9 @@ var ContainersBox = function (_a) {
45
46
  WTM_1: react_1.default.createElement(react_1.default.Fragment, null),
46
47
  WTM_2: react_1.default.createElement(react_1.default.Fragment, null),
47
48
  WTN_1: react_1.default.createElement(react_1.default.Fragment, null),
48
- WTN_2: react_1.default.createElement(react_1.default.Fragment, null)
49
+ WTN_2: react_1.default.createElement(react_1.default.Fragment, null),
50
+ WTO_1: react_1.default.createElement(react_1.default.Fragment, null),
51
+ WTP_1: react_1.default.createElement(react_1.default.Fragment, null)
49
52
  }[layoutType],
50
53
  react_1.default.createElement(S_RightBox, null,
51
54
  {
@@ -70,6 +73,7 @@ var ContainersBox = function (_a) {
70
73
  WTG_1: react_1.default.createElement(react_1.default.Fragment, null),
71
74
  WTH_1: (react_1.default.createElement(Containers_1.PageMenuContainer, { pageMenuType: "top_page_menu", pageMenuContent: pageMenuContent, containerColor: containerColor, areaColor: areaColor })),
72
75
  WTH_2: (react_1.default.createElement(Containers_1.PageMenuContainer, { pageMenuType: "top_page_menu", pageMenuContent: pageMenuContent, containerColor: containerColor, areaColor: areaColor })),
76
+ WTH_3: (react_1.default.createElement(Containers_1.PageMenuContainer, { pageMenuType: "top_page_menu", pageMenuContent: pageMenuContent, containerColor: containerColor, areaColor: areaColor })),
73
77
  WTI_1: (react_1.default.createElement(Containers_1.PageMenuContainer, { pageMenuType: "top_page_menu", pageMenuContent: pageMenuContent, containerColor: containerColor, areaColor: areaColor })),
74
78
  WTI_2: (react_1.default.createElement(Containers_1.PageMenuContainer, { pageMenuType: "top_page_menu", pageMenuContent: pageMenuContent, containerColor: containerColor, areaColor: areaColor })),
75
79
  WTJ_1: react_1.default.createElement(react_1.default.Fragment, null),
@@ -80,7 +84,9 @@ var ContainersBox = function (_a) {
80
84
  WTM_1: react_1.default.createElement(react_1.default.Fragment, null),
81
85
  WTM_2: react_1.default.createElement(react_1.default.Fragment, null),
82
86
  WTN_1: react_1.default.createElement(react_1.default.Fragment, null),
83
- WTN_2: react_1.default.createElement(react_1.default.Fragment, null)
87
+ WTN_2: react_1.default.createElement(react_1.default.Fragment, null),
88
+ WTO_1: (react_1.default.createElement(Containers_1.PageMenuContainer, { pageMenuType: "top_page_menu", pageMenuContent: pageMenuContent, containerColor: containerColor, areaColor: areaColor })),
89
+ WTP_1: react_1.default.createElement(react_1.default.Fragment, null)
84
90
  }[layoutType],
85
91
  {
86
92
  WTA_1: react_1.default.createElement(react_1.default.Fragment, null),
@@ -104,6 +110,7 @@ var ContainersBox = function (_a) {
104
110
  WTG_1: react_1.default.createElement(Containers_1.TabMenuContainer, { tabMenuType: "tab_menu", tabMenuContent: tabMenuContent }),
105
111
  WTH_1: react_1.default.createElement(react_1.default.Fragment, null),
106
112
  WTH_2: react_1.default.createElement(react_1.default.Fragment, null),
113
+ WTH_3: react_1.default.createElement(react_1.default.Fragment, null),
107
114
  WTI_1: react_1.default.createElement(react_1.default.Fragment, null),
108
115
  WTI_2: react_1.default.createElement(react_1.default.Fragment, null),
109
116
  WTJ_1: react_1.default.createElement(react_1.default.Fragment, null),
@@ -114,13 +121,58 @@ var ContainersBox = function (_a) {
114
121
  WTM_1: react_1.default.createElement(react_1.default.Fragment, null),
115
122
  WTM_2: react_1.default.createElement(react_1.default.Fragment, null),
116
123
  WTN_1: react_1.default.createElement(react_1.default.Fragment, null),
117
- WTN_2: react_1.default.createElement(react_1.default.Fragment, null)
124
+ WTN_2: react_1.default.createElement(react_1.default.Fragment, null),
125
+ WTO_1: react_1.default.createElement(react_1.default.Fragment, null),
126
+ WTP_1: react_1.default.createElement(react_1.default.Fragment, null)
118
127
  }[layoutType],
119
128
  react_1.default.createElement(S_BottomWrapper, { layoutType: layoutType },
129
+ {
130
+ WTA_1: '',
131
+ WTA_2: '',
132
+ WTA_3: '',
133
+ WTB_1: '',
134
+ WTC_1: '',
135
+ WTD_1: '',
136
+ WTD_2: '',
137
+ WTD_3: '',
138
+ WTD_4: '',
139
+ WTD_5: '',
140
+ WTD_6: '',
141
+ WTE_1: '',
142
+ WTF_1: '',
143
+ WTF_2: '',
144
+ WTF_3: '',
145
+ WTF_4: '',
146
+ WTF_5: '',
147
+ WTF_6: '',
148
+ WTG_1: '',
149
+ WTH_1: '',
150
+ WTH_2: '',
151
+ WTH_3: '',
152
+ WTI_1: '',
153
+ WTI_2: '',
154
+ WTJ_1: '',
155
+ WTK_1: '',
156
+ WTK_2: '',
157
+ WTK_3: '',
158
+ WTL_1: '',
159
+ WTM_1: '',
160
+ WTM_2: '',
161
+ WTN_1: '',
162
+ WTN_2: '',
163
+ WTO_1: (react_1.default.createElement(Containers_1.SubMenuContainer, { subMenuType: "left_sub_menu", subMenuContent: subMenuContent })),
164
+ WTP_1: (react_1.default.createElement(Containers_1.SubMenuContainer, { subMenuType: "left_sub_menu", subMenuContent: subMenuContent }))
165
+ }[layoutType],
120
166
  react_1.default.createElement(Containers_1.ContentsContainer, { layoutType: layoutType, content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor })))));
121
167
  };
122
168
  var S_ContainersBox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n align-items: flex-start;\n display: flex;\n height: 100%;\n"], ["\n align-items: flex-start;\n display: flex;\n height: 100%;\n"])));
123
169
  var S_RightBox = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n flex: 1;\n flex-direction: column;\n height: 100%;\n"], ["\n display: flex;\n flex: 1;\n flex-direction: column;\n height: 100%;\n"])));
124
- var S_BottomWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n flex: 1;\n height: 100%;\n overflow: hidden;\n"], ["\n flex: 1;\n height: 100%;\n overflow: hidden;\n"])));
170
+ var S_BottomWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n // TODO: WTO_1\uC640 WTP_1\uC720\uD615\uC744 \uC704\uD574 \uC784\uC2DC\uB85C backgroundColor\uB97C \uBD80\uC5EC\uD55C \uC0C1\uD0DC. \uD574\uB2F9 \uBD80\uBD84 \uAE30\uD68D \uCCA0\uD559 \uAC1C\uC120\uC774 \uB418\uBA74 \uBCC0\uACBD\uB418\uC5B4\uC57C \uD568.\n background-color: ", ";\n flex: 1;\n height: 100%;\n overflow: hidden;\n ", ";\n"], ["\n // TODO: WTO_1\uC640 WTP_1\uC720\uD615\uC744 \uC704\uD574 \uC784\uC2DC\uB85C backgroundColor\uB97C \uBD80\uC5EC\uD55C \uC0C1\uD0DC. \uD574\uB2F9 \uBD80\uBD84 \uAE30\uD68D \uCCA0\uD559 \uAC1C\uC120\uC774 \uB418\uBA74 \uBCC0\uACBD\uB418\uC5B4\uC57C \uD568.\n background-color: ", ";\n flex: 1;\n height: 100%;\n overflow: hidden;\n ", ";\n"])), function (_a) {
171
+ var theme = _a.theme;
172
+ return theme.ui_contentscontainer01_background;
173
+ }, function (_a) {
174
+ var layoutType = _a.layoutType;
175
+ return (layoutType === 'WTO_1' || 'WTP_1') && 'display: flex; justify-content: center;';
176
+ });
125
177
  exports.default = ContainersBox;
126
178
  var templateObject_1, templateObject_2, templateObject_3;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web",
3
- "version": "0.6.7",
3
+ "version": "0.6.8",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
package/release-note.md ADDED
@@ -0,0 +1,13 @@
1
+ # UW Release Notes
2
+ ## [v0.6.8]
3
+
4
+ ### Layout
5
+ * WT
6
+ * WTA에 무한 스크롤 임시 대응 관련 주석 추가
7
+ * WTH_3 생성
8
+ * WTO_1 생성
9
+ * WTP_1 생성
10
+ * 새로운 유형을 위한 SubMenuContainer 생성
11
+
12
+ ### Color
13
+ * 컬러 키 값 22.03.24 오전 11시 25분 기준 싱크