pds-dev-kit-web 0.6.3 → 0.6.4

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 (31) hide show
  1. package/dist/src/common/assets/icons/line/ArrowRoundLeft.d.ts +4 -0
  2. package/dist/src/common/assets/icons/line/ArrowRoundLeft.js +34 -0
  3. package/dist/src/common/assets/icons/line/PostVote.d.ts +4 -0
  4. package/dist/src/common/assets/icons/line/PostVote.js +38 -0
  5. package/dist/src/common/assets/icons/line/TenSecBackArrow.js +1 -1
  6. package/dist/src/common/assets/icons/line/TenSecForwardArrow.js +1 -1
  7. package/dist/src/common/assets/icons/line/index.d.ts +2 -0
  8. package/dist/src/common/assets/icons/line/index.js +4 -0
  9. package/dist/src/common/styles/colorSet/PaletteColor_Dark.json +3 -1
  10. package/dist/src/common/styles/colorSet/PaletteColor_light.json +3 -1
  11. package/dist/src/common/styles/colorSet/UIColor.json +12 -8
  12. package/dist/src/common/styles/colorSet/index.d.ts +141 -133
  13. package/dist/src/common/styles/colorSet/index.js +3 -3
  14. package/dist/src/common/styles/colorSet/ui-type.d.ts +8 -4
  15. package/dist/src/desktop/common/components/TextFieldBase/TextFieldBase.js +10 -1
  16. package/dist/src/desktop/components/DesktopTabBar/DesktopTabBar.js +5 -3
  17. package/dist/src/desktop/layout/LayoutWF/Containers/ContentsContainer/variation/WFB.js +1 -1
  18. package/dist/src/desktop/layout/LayoutWS/Containers/ContentsContainer/variation/WSE.js +2 -2
  19. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/ContentsContainer.d.ts +1 -1
  20. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/ContentsContainer.js +4 -2
  21. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTA.js +5 -2
  22. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTI.d.ts +2 -1
  23. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTI.js +17 -5
  24. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTK.js +5 -2
  25. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTN.d.ts +2 -1
  26. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTN.js +17 -5
  27. package/dist/src/desktop/layout/LayoutWT/Containers/PageMenuContainer/variation/TopPageMenu.js +5 -2
  28. package/dist/src/desktop/layout/LayoutWT/ContainersBox/ContainersBox.d.ts +1 -1
  29. package/dist/src/desktop/layout/LayoutWT/ContainersBox/ContainersBox.js +9 -3
  30. package/dist/src/mobile/common/components/TextFieldBase/TextFieldBase.js +10 -1
  31. package/package.json +1 -1
package/dist/src/common/assets/icons/line/ArrowRoundLeft.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import IconType from '../IconType';
3
+ declare const ArrowRoundLeft: ({ color, size, ...rest }: IconType) => JSX.Element;
4
+ export default ArrowRoundLeft;
package/dist/src/common/assets/icons/line/ArrowRoundLeft.js ADDED
@@ -0,0 +1,34 @@
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ var __rest = (this && this.__rest) || function (s, e) {
14
+ var t = {};
15
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
16
+ t[p] = s[p];
17
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
18
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
20
+ t[p[i]] = s[p[i]];
21
+ }
22
+ return t;
23
+ };
24
+ var __importDefault = (this && this.__importDefault) || function (mod) {
25
+ return (mod && mod.__esModule) ? mod : { "default": mod };
26
+ };
27
+ Object.defineProperty(exports, "__esModule", { value: true });
28
+ var react_1 = __importDefault(require("react"));
29
+ var ArrowRoundLeft = function (_a) {
30
+ var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
31
+ return (react_1.default.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest),
32
+ react_1.default.createElement("path", { d: "M11.713386,2 C8.94538602,2 6.34438602,3.143 4.45738602,5.139 L4.45738602,3.46 C4.45738602,3.046 4.12138602,2.71 3.70738602,2.71 C3.29338602,2.71 2.95738602,3.046 2.95738602,3.46 L2.95738602,6.743 C2.95738602,7.311 3.41938602,7.772 3.98638602,7.772 L7.26938602,7.772 C7.68338602,7.772 8.01938602,7.437 8.01938602,7.022 C8.01938602,6.608 7.68338602,6.272 7.26938602,6.272 L5.44938602,6.272 C7.05938602,4.512 9.31338602,3.5 11.713386,3.5 C16.401386,3.5 20.215386,7.313 20.215386,12.002 C20.215386,16.69 16.401386,20.504 11.713386,20.504 C7.82638602,20.504 4.43938602,17.878 3.47638602,14.117 C3.37338602,13.716 2.96638602,13.478 2.56438602,13.577 C2.16238602,13.68 1.92138602,14.089 2.02338602,14.49 C3.15638602,18.914 7.14138602,22.004 11.713386,22.004 C17.228386,22.004 21.715386,17.517 21.715386,12.002 C21.715386,6.487 17.228386,2 11.713386,2", fill: color, fillRule: "evenodd" })));
33
+ };
34
+ exports.default = ArrowRoundLeft;
package/dist/src/common/assets/icons/line/PostVote.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import IconType from '../IconType';
3
+ declare const PostVote: ({ color, size, ...rest }: IconType) => JSX.Element;
4
+ export default PostVote;
package/dist/src/common/assets/icons/line/PostVote.js ADDED
@@ -0,0 +1,38 @@
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ var __rest = (this && this.__rest) || function (s, e) {
14
+ var t = {};
15
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
16
+ t[p] = s[p];
17
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
18
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
20
+ t[p[i]] = s[p[i]];
21
+ }
22
+ return t;
23
+ };
24
+ var __importDefault = (this && this.__importDefault) || function (mod) {
25
+ return (mod && mod.__esModule) ? mod : { "default": mod };
26
+ };
27
+ Object.defineProperty(exports, "__esModule", { value: true });
28
+ var react_1 = __importDefault(require("react"));
29
+ var PostVote = function (_a) {
30
+ var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
31
+ return (react_1.default.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest),
32
+ react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24" },
33
+ react_1.default.createElement("g", { fill: "none", fillRule: "evenodd" },
34
+ react_1.default.createElement("path", { fill: color, d: "M20.9009,14.3097 L2.8079,14.3097 C2.3619,14.3097 1.9999,14.6717 1.9999,15.1177 L1.9999,20.0557 C1.9999,21.4367 3.1199,22.5557 4.4999,22.5557 L19.2089,22.5557 C20.5899,22.5557 21.7089,21.4367 21.7089,20.0557 L21.7089,15.1177 C21.7089,14.6717 21.3479,14.3097 20.9009,14.3097 L20.9009,14.3097 Z M20.2089,15.8097 L20.2089,20.0557 C20.2089,20.6067 19.7609,21.0557 19.2089,21.0557 L4.4999,21.0557 C3.9489,21.0557 3.4999,20.6067 3.4999,20.0557 L3.4999,15.8097 L20.2089,15.8097 Z" }),
35
+ react_1.default.createElement("path", { stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M16.8862,10.5243 L17.8352,10.5243 C18.4132,10.5243 18.9402,10.8563 19.1892,11.3783 L20.9232,15.0113 M2.8081,15.0116 L4.8051,11.3116 C5.0671,10.8266 5.5741,10.5246 6.1251,10.5246 L6.9291,10.5246" }),
36
+ react_1.default.createElement("path", { stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M16.7806,12.768 L6.9286,12.768 L6.9286,4 C6.9286,3.171 7.6006,2.5 8.4286,2.5 L15.2806,2.5 C16.1086,2.5 16.7806,3.171 16.7806,4 L16.7806,12.768 Z M9.4939,7.325 L11.2569,9.35 L14.0359,6.278" })))));
37
+ };
38
+ exports.default = PostVote;
package/dist/src/common/assets/icons/line/TenSecBackArrow.js CHANGED
@@ -29,6 +29,6 @@ var react_1 = __importDefault(require("react"));
29
29
  var TenSecBackArrow = function (_a) {
30
30
  var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
31
31
  return (react_1.default.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest),
32
- react_1.default.createElement("path", { d: "M11.7259917,3.4677 L12.9139917,2.2797 C13.2069917,1.9867 13.2069917,1.5127 12.9139917,1.2197 C12.6209917,0.9267 12.1469917,0.9267 11.8539917,1.2197 L9.53299167,3.5397 C9.13099167,3.9407 9.13099167,4.5957 9.53299167,4.9967 L11.8539917,7.3167 C12,7.4637 12.1919917,7.5367 12.3839917,7.5367 C12.5759917,7.5367 12.7679917,7.4637 12.9139917,7.3167 C13.2069917,7.0237 13.2069917,6.5497 12.9139917,6.2567 L11.6289917,4.9707 C14.0139917,4.8687 16.3209917,5.7417 18.0169917,7.4387 C19.6229917,9.0437 20.5069917,11.1797 20.5069917,13.4497 C20.5069917,15.7217 19.6229917,17.8567 18.0169917,19.4617 C14.7019917,22.7757 9.30899167,22.7757 5.99399167,19.4617 C3.24499167,16.7137 2.70699167,12.4617 4.68499167,9.1217 C4.89599167,8.7657 4.77799167,8.3057 4.42099167,8.0947 C4.06599167,7.8827 3.60499167,8.0017 3.39399167,8.3577 C1.06799167,12.2877 1.70099167,17.2897 4.93299167,20.5227 C6.88299167,22.4727 9.44399167,23.4467 12.0059917,23.4467 C14.5659917,23.4467 17.1279917,22.4727 19.0779917,20.5227 C20.9669917,18.6337 22.0069917,16.1217 22.0069917,13.4497 C22.0069917,10.7787 20.9669917,8.2677 19.0779917,6.3777 C17.1209917,4.4207 14.4699917,3.3967 11.7259917,3.4677 Z", fill: color, fillRule: "evenodd" })));
32
+ react_1.default.createElement("path", { d: "M18.6549432,19.1 C16.8049432,20.94 14.3649432,21.96 11.7549432,21.96 C9.1549432,21.96 6.7049432,20.94 4.8649432,19.1 C1.7049432,15.95 1.0949432,11.07 3.3549432,7.24 C3.5049432,7 3.8049432,6.92 4.0449432,7.06 C4.2849432,7.2 4.3649432,7.51 4.2249432,7.75 C2.1849432,11.19 2.7349432,15.56 5.5649432,18.39 C7.2249432,20.05 9.4149432,20.96 11.7549432,20.96 C14.0949432,20.96 16.2949432,20.05 17.9449432,18.39 C21.3549432,14.98 21.3549432,9.43 17.9449432,6.01 C16.0949432,4.16 13.5249432,3.24 10.9149432,3.49 C10.8649432,3.49 10.8249432,3.48 10.7749432,3.47 L12.4849432,5.19 C12.6849432,5.38 12.6849432,5.7 12.4849432,5.89 C12.3949432,5.99 12.2649432,6.04 12.1349432,6.04 C12.0049432,6.04 11.8749432,5.99 11.7849432,5.89 L9.4549432,3.57 C9.1549432,3.27 9.1549432,2.77 9.4549432,2.47 L11.7849432,0.15 C11.9749432,-0.05 12.2949432,-0.05 12.4849432,0.15 C12.6849432,0.34 12.6849432,0.66 12.4849432,0.86 L10.8449432,2.49 C13.7549432,2.23 16.5949432,3.25 18.6549432,5.31 C22.4549432,9.11 22.4549432,15.3 18.6549432,19.1", fill: color, fillRule: "evenodd" })));
33
33
  };
34
34
  exports.default = TenSecBackArrow;
package/dist/src/common/assets/icons/line/TenSecForwardArrow.js CHANGED
@@ -29,6 +29,6 @@ var react_1 = __importDefault(require("react"));
29
29
  var TenSecForwardArrow = function (_a) {
30
30
  var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
31
31
  return (react_1.default.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest),
32
- react_1.default.createElement("path", { d: "M20.613,8.35875 C20.402,8.00175 19.942,7.88375 19.585,8.09475 C19.229,8.30575 19.111,8.76575 19.322,9.12275 C21.3,12.46275 20.761,16.71375 18.013,19.46275 C16.407,21.06775 14.273,21.95275 12.002,21.95275 C9.731,21.95275 7.596,21.06775 5.99,19.46275 C4.384,17.85675 3.5,15.72175 3.5,13.45075 C3.5,11.17975 4.384,9.04475 5.99,7.43875 C7.686,5.74175 9.992,4.86575 12.379,4.97075 L11.093,6.25675 C10.8,6.54975 10.8,7.02475 11.093,7.31775 C11.239,7.46375 11.431,7.53775 11.623,7.53775 C11.815,7.53775 12.007,7.46375 12.154,7.31775 L14.476,4.99675 C14.875,4.59475 14.875,3.94275 14.475,3.54075 L12.154,1.21975 C11.861,0.92675 11.386,0.92675 11.093,1.21975 C10.8,1.51275 10.8,1.98775 11.093,2.28075 L12.28,3.46775 C9.534,3.39275 6.886,4.42175 4.929,6.37875 C3.04,8.26675 2,10.77975 2,13.45075 C2,16.12275 3.04,18.63375 4.929,20.52275 C6.818,22.41275 9.33,23.45275 12.002,23.45275 C14.674,23.45275 17.185,22.41275 19.074,20.52275 C22.307,17.29075 22.94,12.28875 20.613,8.35875", fill: color, fillRule: "evenodd" })));
32
+ react_1.default.createElement("path", { d: "M18.64,19.1 C16.8,20.94 14.35,21.96 11.75,21.96 C9.14,21.96 6.69,20.94 4.85,19.1 C1.05,15.3 1.05,9.11 4.85,5.31 C6.91,3.25 9.76,2.23 12.65,2.49 L11.01,0.86 C10.82,0.66 10.82,0.34 11.01,0.15 C11.21,-0.05 11.53,-0.05 11.72,0.15 L14.04,2.47 C14.35,2.77 14.35,3.27 14.04,3.57 L11.72,5.89 C11.62,5.99 11.5,6.04 11.37,6.04 C11.24,6.04 11.11,5.99 11.01,5.89 C10.82,5.7 10.82,5.38 11.01,5.19 L12.73,3.47 C12.68,3.48 12.63,3.49 12.58,3.49 C9.97,3.23 7.41,4.16 5.56,6.01 C2.15,9.43 2.15,14.98 5.56,18.39 C7.21,20.05 9.41,20.96 11.75,20.96 C14.08,20.96 16.28,20.05 17.93,18.39 C20.76,15.56 21.32,11.19 19.28,7.75 C19.14,7.51 19.22,7.2 19.46,7.06 C19.7,6.92 20,7 20.14,7.24 C22.41,11.07 21.79,15.95 18.64,19.1", fill: color, fillRule: "evenodd" })));
33
33
  };
34
34
  exports.default = TenSecForwardArrow;
package/dist/src/common/assets/icons/line/index.d.ts CHANGED
@@ -8,6 +8,7 @@ declare const lineIcons: {
8
8
  readonly ic_arrow_right: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
9
9
  readonly ic_arrow_right_2: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
10
10
  readonly ic_arrow_right_bold: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
11
+ readonly ic_arrow_round_left: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
11
12
  readonly ic_arrow_up: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
12
13
  readonly ic_arrow_up_bold: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
13
14
  readonly ic_bell: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
@@ -75,6 +76,7 @@ declare const lineIcons: {
75
76
  readonly ic_post_promotion: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
76
77
  readonly ic_post_promotion_p: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
77
78
  readonly ic_post_social: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
79
+ readonly ic_post_vote: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
78
80
  readonly ic_post_welcome: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
79
81
  readonly ic_profit: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
80
82
  readonly ic_qr: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
package/dist/src/common/assets/icons/line/index.js CHANGED
@@ -11,6 +11,7 @@ var ArrowLeftBold_1 = __importDefault(require("./ArrowLeftBold"));
11
11
  var ArrowRight_1 = __importDefault(require("./ArrowRight"));
12
12
  var ArrowRight2_1 = __importDefault(require("./ArrowRight2"));
13
13
  var ArrowRightBold_1 = __importDefault(require("./ArrowRightBold"));
14
+ var ArrowRoundLeft_1 = __importDefault(require("./ArrowRoundLeft"));
14
15
  var ArrowUp_1 = __importDefault(require("./ArrowUp"));
15
16
  var ArrowUpBold_1 = __importDefault(require("./ArrowUpBold"));
16
17
  var Bell_1 = __importDefault(require("./Bell"));
@@ -78,6 +79,7 @@ var PostPhotobook_1 = __importDefault(require("./PostPhotobook"));
78
79
  var PostPromotion_1 = __importDefault(require("./PostPromotion"));
79
80
  var PostPromotionP_1 = __importDefault(require("./PostPromotionP"));
80
81
  var PostSocial_1 = __importDefault(require("./PostSocial"));
82
+ var PostVote_1 = __importDefault(require("./PostVote"));
81
83
  var PostWelcome_1 = __importDefault(require("./PostWelcome"));
82
84
  var Profit_1 = __importDefault(require("./Profit"));
83
85
  var Qr_1 = __importDefault(require("./Qr"));
@@ -135,6 +137,7 @@ var lineIcons = {
135
137
  ic_arrow_right: ArrowRight_1.default,
136
138
  ic_arrow_right_2: ArrowRight2_1.default,
137
139
  ic_arrow_right_bold: ArrowRightBold_1.default,
140
+ ic_arrow_round_left: ArrowRoundLeft_1.default,
138
141
  ic_arrow_up: ArrowUp_1.default,
139
142
  ic_arrow_up_bold: ArrowUpBold_1.default,
140
143
  ic_bell: Bell_1.default,
@@ -202,6 +205,7 @@ var lineIcons = {
202
205
  ic_post_promotion: PostPromotion_1.default,
203
206
  ic_post_promotion_p: PostPromotionP_1.default,
204
207
  ic_post_social: PostSocial_1.default,
208
+ ic_post_vote: PostVote_1.default,
205
209
  ic_post_welcome: PostWelcome_1.default,
206
210
  ic_profit: Profit_1.default,
207
211
  ic_qr: Qr_1.default,
package/dist/src/common/styles/colorSet/PaletteColor_Dark.json CHANGED
@@ -125,5 +125,7 @@
125
125
  "sys_component_base_black_opacity30": "black/opacity30",
126
126
  "sys_area_background": "darkgrey50/opacity65",
127
127
  "sys_border_white_opacity30": "white/opacity30",
128
- "sys_container_background_wt": "grey950"
128
+ "sys_container_background_wt": "grey950",
129
+ "sys_channeldesc_grey_03": "darkgrey400",
130
+ "sys_channeldesc_border_grey_03": "darkgrey100"
129
131
  }
package/dist/src/common/styles/colorSet/PaletteColor_light.json CHANGED
@@ -125,5 +125,7 @@
125
125
  "sys_component_base_black_opacity30": "black/opacity30",
126
126
  "sys_area_background": "darkgrey50/opacity65",
127
127
  "sys_border_white_opacity30": "white/opacity30",
128
- "sys_container_background_wt": "grey30"
128
+ "sys_container_background_wt": "grey30",
129
+ "sys_channeldesc_grey_03": "darkgrey400",
130
+ "sys_channeldesc_border_grey_03": "darkgrey100"
129
131
  }
package/dist/src/common/styles/colorSet/UIColor.json CHANGED
@@ -47,7 +47,7 @@
47
47
  "ui_cpnt_tabbar_base_area_sub": "sys_component_base_01",
48
48
  "ui_cpnt_tabbar_border_active_indicator_primary": "usr_brand_primary",
49
49
  "ui_cpnt_tabbar_text_active_primary": "usr_brand_primary",
50
- "ui_cpnt_tabbar_border_active_indicator": "sys_border_line_01",
50
+ "ui_cpnt_tabbar_border_active_indicator": "sys_border_line_05",
51
51
  "ui_cpnt_tabbar_text_active": "sys_text_grey_01",
52
52
  "ui_cpnt_tabbar_text_inactive_01": "sys_text_grey_02",
53
53
  "ui_2": "sys_text_grey_01",
@@ -280,8 +280,8 @@
280
280
  "ui_cpnt_card_icon_basic": "sys_widget_primary_01",
281
281
  "ui_cpnt_card_icon_custom": "sys_widget_grey_01",
282
282
  "ui_cpnt_card_icon_create": "sys_widget_grey_01",
283
- "ui_cpnt_modal_dimmed": "sys_background_dimmed_65",
284
- "ui_cpnt_alertdialog_dimmed": "sys_background_dimmed_65",
283
+ "ui_cpnt_modal_dimmed": "sys_background_dimmed_20",
284
+ "ui_cpnt_alertdialog_dimmed": "sys_background_dimmed_20",
285
285
  "ui_cpnt_bottomsheet_base": "sys_component_base_02",
286
286
  "ui_cpnt_bottomsheet_icon_03": "sys_widget_grey_03",
287
287
  "ui_cpnt_button_icon_white": "sys_widget_white",
@@ -448,9 +448,13 @@
448
448
  "ui_37": "sys_component_base_black_opacity30",
449
449
  "ui_39": "sys_area_background",
450
450
  "ui_cpnt_divider_white_opacity30": "sys_border_white_opacity30",
451
- "ui_pagemenucontainer_background_wt": "sys_container_background_wt",
452
- "ui_contentscontainer_background_wt": "sys_container_background_wt",
453
- "ui_pagemenuarea_background_wt": "sys_container_background_01",
454
- "ui_contentsarea_background_wt": "sys_container_background_01",
455
- "ui_cpnt_standardbanner_base_default": "sys_component_base_02"
451
+ "ui_toppagemenucontainer_background_wt_m": "sys_container_background_wt",
452
+ "ui_contentscontainer_background_wt_m": "sys_container_background_wt",
453
+ "ui_toppagemenuarea_background_wt_m": "sys_container_background_01",
454
+ "ui_contentsarea_background_wt_m": "sys_container_background_01",
455
+ "ui_cpnt_standardbanner_base_default": "sys_component_base_02",
456
+ "ui_channeldesc_white": "sys_text_white",
457
+ "ui_channeldesc_grey_03": "sys_channeldesc_grey_03",
458
+ "ui_channeldesc_border_grey_03": "sys_channeldesc_border_grey_03",
459
+ "ui_cpnt_bottomsheet_border": "sys_border_line_01"
456
460
  }
package/dist/src/common/styles/colorSet/index.d.ts CHANGED
@@ -127,135 +127,8 @@ declare const colorSet: {
127
127
  sys_area_background: string;
128
128
  sys_border_white_opacity30: string;
129
129
  sys_container_background_wt: string;
130
- };
131
- readonly PaletteColor_light: {
132
- sys_container_background_01: string;
133
- sys_container_background_02: string;
134
- sys_container_background_03: string;
135
- sys_background_dimmed: string;
136
- sys_text_grey_01: string;
137
- sys_text_grey_02: string;
138
- sys_text_grey_03: string;
139
- sys_text_white: string;
140
- sys_text_brand_primary: string;
141
- sys_text_error_01: string;
142
- sys_widget_grey_01: string;
143
- sys_widget_grey_02: string;
144
- sys_widget_grey_03: string;
145
- sys_widget_primary_01: string;
146
- sys_widget_error_01: string;
147
- sys_widget_warning_01: string;
148
- sys_widget_success_01: string;
149
- sys_widget_white: string;
150
- sys_border_area_01: string;
151
- sys_border_line_01: string;
152
- sys_border_line_02: string;
153
- sys_border_line_03: string;
154
- sys_border_line_04: string;
155
- sys_border_line_05: string;
156
- sys_component_base_01: string;
157
- sys_component_base_02: string;
158
- sys_component_base_03: string;
159
- sys_component_base_red: string;
160
- sys_component_base_white: string;
161
- sys_component_base_white_opacity00: string;
162
- sys_on_base_white_opacity00: string;
163
- sys_on_base_white_opacity30: string;
164
- sys_on_base_black_opacity20: string;
165
- usr_brand_primary: string;
166
- usr_brand_secondary: string;
167
- usr_brand_secondary_variant: string;
168
- usr_background: string;
169
- usr_surface: string;
170
- usr_border: string;
171
- usr_on_brand_primary: string;
172
- usr_on_brand_secondary: string;
173
- usr_on_background: string;
174
- usr_on_surface: string;
175
- sys_widget_status_active_01: string;
176
- sys_text_success_01: string;
177
- sys_widget_grey_04: string;
178
- sys_text_active: string;
179
- sys_component_base_blue: string;
180
- sys_on_base_black_opacity65: string;
181
- sys_component_base_04: string;
182
- sys_component_base_black: string;
183
- sys_component_base_black_opacity00: string;
184
- usr_text_brand_secondary_variant: string;
185
- usr_text_brand_primary: string;
186
- usr_text_brand_on_primary: string;
187
- sys_text_brand_secondary_variant: string;
188
- sys_component_base_navy: string;
189
- sys_widget_lightgreen: string;
190
- sys_border_line_06: string;
191
- sys_background_dimmed_20: string;
192
- sys_widget_pink: string;
193
- sys_widget_primary_opacity20: string;
194
- sys_widget_secondary_variant_01: string;
195
- usr_component_base_brand_primary_opacity10: string;
196
- sys_temp_grey_01: string;
197
- sys_temp_grey_02: string;
198
- sys_temp_grey_03: string;
199
- sys_temp_grey_04: string;
200
- sys_temp_grey_05: string;
201
- sys_temp_white: string;
202
- sys_temp_primary_01: string;
203
- sys_temp_secondary_01: string;
204
- sys_temp_red: string;
205
- sys_temp_white_opacity_00: string;
206
- sys_temp_dimmed: string;
207
- sys_temp_black: string;
208
- sys_temp_primary_02: string;
209
- sys_temp_primary_03: string;
210
- sys_temp_secondary_02: string;
211
- sys_temp_lightgreen_01: string;
212
- sys_text_grey_04: string;
213
- sys_papp_post_social_background: string;
214
- sys_papp_post_notice_background: string;
215
- sys_papp_post_free_background: string;
216
- sys_papp_vod_background: string;
217
- sys_papp_vodplus_background: string;
218
- sys_papp_live_background: string;
219
- sys_selcontrols_base_off_disabled: string;
220
- sys_selcontrols_base_on_disabled: string;
221
- sys_component_base_blue_opacity10: string;
222
- sys_component_base_05: string;
223
- sys_background_dimmed_65: string;
224
- sys_temp_grey_06: string;
225
- sys_on_base_white_opacity10: string;
226
- sys_on_base_black_opacity10: string;
227
- sys_component_base_05_opacity00: string;
228
- sys_papp_post_notice_link: string;
229
- sys_component_base_navy_light: string;
230
- sys_component_base_orange: string;
231
- sys_component_base_grey: string;
232
- sys_component_base_black_opacity80: string;
233
- sys_text_darkgrey_02: string;
234
- sys_border_line_darktheme_01: string;
235
- sys_border_line_darktheme_02: string;
236
- sys_component_base_darktheme_01: string;
237
- sys_component_base_darktheme_02: string;
238
- sys_component_base_darktheme_03: string;
239
- sys_text_grey_darktheme_01: string;
240
- sys_text_grey_darktheme_02: string;
241
- sys_text_grey_darktheme_03: string;
242
- sys_widget_grey_darktheme_01: string;
243
- sys_widget_grey_darktheme_02: string;
244
- sys_widget_grey_darktheme_03: string;
245
- sys_component_base_green: string;
246
- sys_text_error_darktheme_01: string;
247
- sys_border_line_darktheme_03: string;
248
- sys_border_line_darktheme_04: string;
249
- usr_widget_brand_primary_darktheme_01: string;
250
- usr_text_brand_primary_darktheme_01: string;
251
- sys_component_base_black_opacity50: string;
252
- sys_component_base_card: string;
253
- sys_cpnt_textlabel_sys_brand_primary_opacity50: string;
254
- sys_widget_green_01: string;
255
- sys_component_base_black_opacity30: string;
256
- sys_area_background: string;
257
- sys_border_white_opacity30: string;
258
- sys_container_background_wt: string;
130
+ sys_channeldesc_grey_03: string;
131
+ sys_channeldesc_border_grey_03: string;
259
132
  };
260
133
  readonly SemanticColor: {
261
134
  blue500: string;
@@ -763,11 +636,146 @@ declare const colorSet: {
763
636
  ui_37: string;
764
637
  ui_39: string;
765
638
  ui_cpnt_divider_white_opacity30: string;
766
- ui_pagemenucontainer_background_wt: string;
767
- ui_contentscontainer_background_wt: string;
768
- ui_pagemenuarea_background_wt: string;
769
- ui_contentsarea_background_wt: string;
639
+ ui_toppagemenucontainer_background_wt_m: string;
640
+ ui_contentscontainer_background_wt_m: string;
641
+ ui_toppagemenuarea_background_wt_m: string;
642
+ ui_contentsarea_background_wt_m: string;
770
643
  ui_cpnt_standardbanner_base_default: string;
644
+ ui_channeldesc_white: string;
645
+ ui_channeldesc_grey_03: string;
646
+ ui_channeldesc_border_grey_03: string;
647
+ ui_cpnt_bottomsheet_border: string;
648
+ };
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;
771
779
  };
772
780
  };
773
781
  export default colorSet;
package/dist/src/common/styles/colorSet/index.js CHANGED
@@ -5,13 +5,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  /* eslint-disable import/order */
7
7
  var PaletteColor_Dark_json_1 = __importDefault(require("./PaletteColor_Dark.json"));
8
- var PaletteColor_light_json_1 = __importDefault(require("./PaletteColor_light.json"));
9
8
  var SemanticColor_json_1 = __importDefault(require("./SemanticColor.json"));
10
9
  var UIColor_json_1 = __importDefault(require("./UIColor.json"));
10
+ var PaletteColor_light_json_1 = __importDefault(require("./PaletteColor_light.json"));
11
11
  var colorSet = {
12
12
  PaletteColor_Dark: PaletteColor_Dark_json_1.default,
13
- PaletteColor_light: PaletteColor_light_json_1.default,
14
13
  SemanticColor: SemanticColor_json_1.default,
15
- UIColor: UIColor_json_1.default
14
+ UIColor: UIColor_json_1.default,
15
+ PaletteColor_light: PaletteColor_light_json_1.default
16
16
  };
17
17
  exports.default = colorSet;
package/dist/src/common/styles/colorSet/ui-type.d.ts CHANGED
@@ -448,9 +448,13 @@ export interface UITheme {
448
448
  ui_37: string;
449
449
  ui_39: string;
450
450
  ui_cpnt_divider_white_opacity30: string;
451
- ui_pagemenucontainer_background_wt: string;
452
- ui_contentscontainer_background_wt: string;
453
- ui_pagemenuarea_background_wt: string;
454
- ui_contentsarea_background_wt: string;
451
+ ui_toppagemenucontainer_background_wt_m: string;
452
+ ui_contentscontainer_background_wt_m: string;
453
+ ui_toppagemenuarea_background_wt_m: string;
454
+ ui_contentsarea_background_wt_m: string;
455
455
  ui_cpnt_standardbanner_base_default: string;
456
+ ui_channeldesc_white: string;
457
+ ui_channeldesc_grey_03: string;
458
+ ui_channeldesc_border_grey_03: string;
459
+ ui_cpnt_bottomsheet_border: string;
456
460
  }
package/dist/src/desktop/common/components/TextFieldBase/TextFieldBase.js CHANGED
@@ -202,7 +202,7 @@ var disabled = (0, styled_components_1.css)(templateObject_3 || (templateObject_
202
202
  dark: theme.ui_cpnt_textfield_text_darktheme_disabled
203
203
  }[colorTheme];
204
204
  });
205
- var basicStyle = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: inline-flex;\n justify-content: center;\n background-color: transparent;\n border: none;\n box-sizing: border-box;\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n height: 100%;\n line-height: ", ";\n outline: 0;\n overflow: hidden;\n padding: 0;\n width: 100%;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n &::placeholder {\n color: ", ";\n }\n\n ", ";\n ", "\n"], ["\n display: inline-flex;\n justify-content: center;\n background-color: transparent;\n border: none;\n box-sizing: border-box;\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n height: 100%;\n line-height: ", ";\n outline: 0;\n overflow: hidden;\n padding: 0;\n width: 100%;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n &::placeholder {\n color: ", ";\n }\n\n ", ";\n ", "\n"])), function (_a) {
205
+ var basicStyle = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: inline-flex;\n justify-content: center;\n background-color: transparent;\n border: none;\n box-sizing: border-box;\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n height: 100%;\n line-height: ", ";\n outline: 0;\n overflow: hidden;\n padding: 0;\n width: 100%;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n &::placeholder {\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n }\n\n ", ";\n ", "\n"], ["\n display: inline-flex;\n justify-content: center;\n background-color: transparent;\n border: none;\n box-sizing: border-box;\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n height: 100%;\n line-height: ", ";\n outline: 0;\n overflow: hidden;\n padding: 0;\n width: 100%;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n &::placeholder {\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n }\n\n ", ";\n ", "\n"])), function (_a) {
206
206
  var theme = _a.theme, colorTheme = _a.colorTheme;
207
207
  return colorTheme &&
208
208
  {
@@ -225,6 +225,15 @@ var basicStyle = (0, styled_components_1.css)(templateObject_4 || (templateObjec
225
225
  none: theme.ui_cpnt_textfield_text_hint,
226
226
  dark: theme.ui_cpnt_textfield_text_darktheme_hint
227
227
  }[colorTheme];
228
+ }, function (_a) {
229
+ var textSize = _a.textSize;
230
+ return common_1.desktopFontSize[textSize];
231
+ }, function (_a) {
232
+ var textWeight = _a.textWeight;
233
+ return common_1.fontWeight[textWeight];
234
+ }, function (_a) {
235
+ var textSize = _a.textSize;
236
+ return common_1.desktopLineHeight[textSize];
228
237
  }, function (_a) {
229
238
  var state = _a.state;
230
239
  return state &&
package/dist/src/desktop/components/DesktopTabBar/DesktopTabBar.js CHANGED
@@ -52,7 +52,7 @@ function DesktopTabBar(_a) {
52
52
  };
53
53
  return (react_1.default.createElement(react_1.default.Fragment, null,
54
54
  react_1.default.createElement(S_TabBox, null,
55
- textArray.map(function (value) { return (react_1.default.createElement(S_TabWrapper, { key: value.path, isActive: pathname.includes(value.path), onClick: function () {
55
+ textArray.map(function (value) { return (react_1.default.createElement(S_TabWrapper, { key: value.path, isActive: pathname.includes(value.path), styleTheme: styleTheme, onClick: function () {
56
56
  handleClick(value);
57
57
  } },
58
58
  textLabel(value, false),
@@ -69,8 +69,10 @@ var mediumStyle = (0, styled_components_1.css)(templateObject_1 || (templateObje
69
69
  var theme = _a.theme;
70
70
  return theme.spacing.spacingB;
71
71
  }, function (_a) {
72
- var theme = _a.theme;
73
- return theme.ui_cpnt_tabbar_border_active_indicator_primary;
72
+ var theme = _a.theme, styleTheme = _a.styleTheme;
73
+ return styleTheme === 'content'
74
+ ? theme.ui_cpnt_tabbar_border_active_indicator
75
+ : theme.ui_cpnt_tabbar_border_active_indicator_primary;
74
76
  }, function (_a) {
75
77
  var isActive = _a.isActive;
76
78
  return !isActive && "display: none;";
package/dist/src/desktop/layout/LayoutWF/Containers/ContentsContainer/variation/WFB.js CHANGED
@@ -34,7 +34,7 @@ var S_ContentsArea = styled_components_1.default.div(templateObject_4 || (templa
34
34
  var areaColor = _a.areaColor;
35
35
  return "background-color: " + areaColor;
36
36
  });
37
- var S_Content1 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n flex-grow: 1;\n margin: 0;\n"], ["\n flex-grow: 1;\n margin: 0;\n"])));
37
+ var S_Content1 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n flex-grow: 1;\n margin: 0;\n max-width: 720px;\n min-width: 512px;\n"], ["\n flex-grow: 1;\n margin: 0;\n max-width: 720px;\n min-width: 512px;\n"])));
38
38
  var S_Content2 = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n margin-left: 24px;\n width: 360px;\n"], ["\n margin-left: 24px;\n width: 360px;\n"])));
39
39
  exports.default = WFB;
40
40
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
package/dist/src/desktop/layout/LayoutWS/Containers/ContentsContainer/variation/WSE.js CHANGED
@@ -23,11 +23,11 @@ var S_ContentsContainer = styled_components_1.default.div(templateObject_1 || (t
23
23
  var containerColor = _a.containerColor;
24
24
  return "background-color: " + containerColor;
25
25
  });
26
- var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n box-sizing: border-box;\n display: flex;\n min-width: 912px;\n padding-bottom: 88px;\n padding-top: 24px;\n ", ";\n"], ["\n box-sizing: border-box;\n display: flex;\n min-width: 912px;\n padding-bottom: 88px;\n padding-top: 24px;\n ", ";\n"])), function (_a) {
26
+ var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n box-sizing: border-box;\n display: flex;\n padding-bottom: 88px;\n padding-top: 24px;\n ", ";\n"], ["\n box-sizing: border-box;\n display: flex;\n padding-bottom: 88px;\n padding-top: 24px;\n ", ";\n"])), function (_a) {
27
27
  var areaColor = _a.areaColor;
28
28
  return "background-color: " + areaColor;
29
29
  });
30
- var S_Content1 = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n flex-grow: 1;\n"], ["\n flex-grow: 1;\n"])));
30
+ var S_Content1 = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n flex-grow: 1;\n max-width: 720px;\n min-width: 512px;\n"], ["\n flex-grow: 1;\n max-width: 720px;\n min-width: 512px;\n"])));
31
31
  var S_Content2 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n margin-left: 24px;\n min-width: 360px;\n width: 360px;\n"], ["\n margin-left: 24px;\n min-width: 360px;\n width: 360px;\n"])));
32
32
  exports.default = WSE;
33
33
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
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' | 'WTJ_1' | 'WTK_1' | 'WTK_2' | 'WTK_3' | 'WTL_1' | 'WTM_1' | 'WTM_2' | 'WTN_1';
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';
6
6
  containerColor?: string;
7
7
  areaColor?: string;
8
8
  };
package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/ContentsContainer.js CHANGED
@@ -29,7 +29,8 @@ 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
- WTI_1: react_1.default.createElement(variation_1.WTI, { content1: content1, containerColor: containerColor, areaColor: areaColor }),
32
+ WTI_1: (react_1.default.createElement(variation_1.WTI, { layoutType: "WTI_1", content1: content1, containerColor: containerColor, areaColor: areaColor })),
33
+ WTI_2: (react_1.default.createElement(variation_1.WTI, { layoutType: "WTI_2", content1: content1, containerColor: containerColor, areaColor: areaColor })),
33
34
  WTJ_1: (react_1.default.createElement(variation_1.WTJ, { content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor })),
34
35
  WTK_1: (react_1.default.createElement(variation_1.WTK, { layoutType: "WTK_1", content1: content1, containerColor: containerColor, areaColor: areaColor })),
35
36
  WTK_2: (react_1.default.createElement(variation_1.WTK, { layoutType: "WTK_2", content1: content1, containerColor: containerColor, areaColor: areaColor })),
@@ -37,7 +38,8 @@ var ContentsContainer = function (_a) {
37
38
  WTL_1: react_1.default.createElement(variation_1.WTL, { content1: content1, containerColor: containerColor, areaColor: areaColor }),
38
39
  WTM_1: (react_1.default.createElement(variation_1.WTM, { layoutType: "WTM_1", content1: content1, containerColor: containerColor, areaColor: areaColor })),
39
40
  WTM_2: (react_1.default.createElement(variation_1.WTM, { layoutType: "WTM_2", content1: content1, containerColor: containerColor, areaColor: areaColor })),
40
- WTN_1: react_1.default.createElement(variation_1.WTN, { content1: content1, containerColor: containerColor, areaColor: areaColor })
41
+ 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 }))
41
43
  }[layoutType]));
42
44
  };
43
45
  exports.default = ContentsContainer;
package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTA.js CHANGED
@@ -17,7 +17,7 @@ var WTA = function (_a) {
17
17
  };
18
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 height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n ", ";\n\n /* NOTE: Container \uB0B4\uC5D0\uC11C area\uAC00 \uC911\uC559\uC815\uB82C\uC77C \uACBD\uC6B0 Container\uC758 min-width\uB97C area\uC640 \uB9DE\uCDB0\uC8FC\uC5B4\uC57C \uD655\uB300\uD558\uAC70\uB098 \uD588\uC744\uB54C \uB0B4\uC6A9\uC774 \uC9E4\uB9AC\uC9C0 \uC54A\uB294\uB2E4. */\n"], ["\n align-items: center;\n background-color: ", ";\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n ", ";\n\n /* NOTE: Container \uB0B4\uC5D0\uC11C area\uAC00 \uC911\uC559\uC815\uB82C\uC77C \uACBD\uC6B0 Container\uC758 min-width\uB97C area\uC640 \uB9DE\uCDB0\uC8FC\uC5B4\uC57C \uD655\uB300\uD558\uAC70\uB098 \uD588\uC744\uB54C \uB0B4\uC6A9\uC774 \uC9E4\uB9AC\uC9C0 \uC54A\uB294\uB2E4. */\n"])), function (_a) {
19
19
  var theme = _a.theme;
20
- return theme.ui_contentscontainer01_background;
20
+ return theme.ui_contentscontainer_background_wt_m;
21
21
  }, function (_a) {
22
22
  var containerColor = _a.containerColor;
23
23
  return "background-color: " + containerColor;
@@ -29,7 +29,10 @@ var S_ContentsContainer = styled_components_1.default.div(templateObject_1 || (t
29
29
  WTA_3: 'min-width: 768px;'
30
30
  }[layoutType]);
31
31
  });
32
- var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\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 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) {
32
+ 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
+ var theme = _a.theme;
34
+ return theme.ui_contentsarea_background_wt_m;
35
+ }, function (_a) {
33
36
  var theme = _a.theme;
34
37
  return theme.ui_area_divider;
35
38
  }, function (_a) {
package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTI.d.ts CHANGED
@@ -1,8 +1,9 @@
1
1
  /// <reference types="react" />
2
2
  export declare type WTIProps = {
3
3
  content1?: JSX.Element;
4
+ layoutType: 'WTI_1' | 'WTI_2';
4
5
  containerColor?: string;
5
6
  areaColor?: string;
6
7
  };
7
- declare const WTI: ({ content1, containerColor, areaColor }: WTIProps) => JSX.Element;
8
+ declare const WTI: ({ content1, containerColor, areaColor, layoutType }: WTIProps) => JSX.Element;
8
9
  export default WTI;
package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTI.js CHANGED
@@ -10,19 +10,31 @@ Object.defineProperty(exports, "__esModule", { value: true });
10
10
  var react_1 = __importDefault(require("react"));
11
11
  var styled_components_1 = __importDefault(require("styled-components"));
12
12
  var WTI = function (_a) {
13
- var content1 = _a.content1, containerColor = _a.containerColor, areaColor = _a.areaColor;
14
- return (react_1.default.createElement(S_ContentsContainer, { containerColor: containerColor },
15
- react_1.default.createElement(S_ContentsArea, { areaColor: areaColor },
13
+ var content1 = _a.content1, containerColor = _a.containerColor, areaColor = _a.areaColor, layoutType = _a.layoutType;
14
+ return (react_1.default.createElement(S_ContentsContainer, { layoutType: layoutType, containerColor: containerColor },
15
+ react_1.default.createElement(S_ContentsArea, { layoutType: layoutType, areaColor: areaColor },
16
16
  react_1.default.createElement(S_Content1, null, 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 height: 100%;\n min-width: 1200px;\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 height: 100%;\n min-width: 1200px;\n overflow-x: hidden;\n overflow-y: auto;\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 height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n ", ";\n"], ["\n align-items: center;\n background-color: ", ";\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\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
+ WTI_1: 'min-width: 1200px;',
25
+ WTI_2: 'min-width: 960px;'
26
+ }[layoutType]);
21
27
  }, function (_a) {
22
28
  var containerColor = _a.containerColor;
23
29
  return "background-color: " + containerColor;
24
30
  });
25
- var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n box-sizing: border-box;\n padding-bottom: 88px;\n width: 1200px;\n ", ";\n"], ["\n box-sizing: border-box;\n padding-bottom: 88px;\n width: 1200px;\n ", ";\n"])), function (_a) {
31
+ var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n box-sizing: border-box;\n padding-bottom: 88px;\n ", ";\n ", ";\n"], ["\n box-sizing: border-box;\n padding-bottom: 88px;\n ", ";\n ", ";\n"])), function (_a) {
32
+ var layoutType = _a.layoutType;
33
+ return ({
34
+ WTI_1: 'min-width: 1200px;',
35
+ WTI_2: 'min-width: 960px;'
36
+ }[layoutType]);
37
+ }, function (_a) {
26
38
  var areaColor = _a.areaColor;
27
39
  return "background-color: " + areaColor;
28
40
  });
package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTK.js CHANGED
@@ -17,7 +17,7 @@ var WTK = function (_a) {
17
17
  };
18
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 height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n ", ";\n\n /* NOTE: Container \uB0B4\uC5D0\uC11C area\uAC00 \uC911\uC559\uC815\uB82C\uC77C \uACBD\uC6B0 Container\uC758 min-width\uB97C area\uC640 \uB9DE\uCDB0\uC8FC\uC5B4\uC57C \uD655\uB300\uD558\uAC70\uB098 \uD588\uC744\uB54C \uB0B4\uC6A9\uC774 \uC9E4\uB9AC\uC9C0 \uC54A\uB294\uB2E4. */\n"], ["\n align-items: center;\n background-color: ", ";\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n ", ";\n\n /* NOTE: Container \uB0B4\uC5D0\uC11C area\uAC00 \uC911\uC559\uC815\uB82C\uC77C \uACBD\uC6B0 Container\uC758 min-width\uB97C area\uC640 \uB9DE\uCDB0\uC8FC\uC5B4\uC57C \uD655\uB300\uD558\uAC70\uB098 \uD588\uC744\uB54C \uB0B4\uC6A9\uC774 \uC9E4\uB9AC\uC9C0 \uC54A\uB294\uB2E4. */\n"])), function (_a) {
19
19
  var theme = _a.theme;
20
- return theme.ui_contentscontainer01_background;
20
+ return theme.ui_contentscontainer_background_wt_m;
21
21
  }, function (_a) {
22
22
  var containerColor = _a.containerColor;
23
23
  return "background-color: " + containerColor;
@@ -29,7 +29,10 @@ var S_ContentsContainer = styled_components_1.default.div(templateObject_1 || (t
29
29
  WTK_3: 'min-width: 768px;'
30
30
  }[layoutType]);
31
31
  });
32
- var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\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 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) {
32
+ 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
+ var theme = _a.theme;
34
+ return theme.ui_contentsarea_background_wt_m;
35
+ }, function (_a) {
33
36
  var theme = _a.theme;
34
37
  return theme.ui_area_divider;
35
38
  }, function (_a) {
package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTN.d.ts CHANGED
@@ -1,8 +1,9 @@
1
1
  /// <reference types="react" />
2
2
  export declare type WTNProps = {
3
3
  content1?: JSX.Element;
4
+ layoutType: 'WTN_1' | 'WTN_2';
4
5
  containerColor?: string;
5
6
  areaColor?: string;
6
7
  };
7
- declare const WTN: ({ content1, containerColor, areaColor }: WTNProps) => JSX.Element;
8
+ declare const WTN: ({ content1, containerColor, areaColor, layoutType }: WTNProps) => JSX.Element;
8
9
  export default WTN;
package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTN.js CHANGED
@@ -10,19 +10,31 @@ Object.defineProperty(exports, "__esModule", { value: true });
10
10
  var react_1 = __importDefault(require("react"));
11
11
  var styled_components_1 = __importDefault(require("styled-components"));
12
12
  var WTN = function (_a) {
13
- var content1 = _a.content1, containerColor = _a.containerColor, areaColor = _a.areaColor;
14
- return (react_1.default.createElement(S_ContentsContainer, { containerColor: containerColor },
15
- react_1.default.createElement(S_ContentsArea, { areaColor: areaColor },
13
+ var content1 = _a.content1, containerColor = _a.containerColor, areaColor = _a.areaColor, layoutType = _a.layoutType;
14
+ return (react_1.default.createElement(S_ContentsContainer, { layoutType: layoutType, containerColor: containerColor },
15
+ react_1.default.createElement(S_ContentsArea, { layoutType: layoutType, areaColor: areaColor },
16
16
  react_1.default.createElement(S_Content1, null, 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 height: 100%;\n min-width: 1200px;\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 height: 100%;\n min-width: 1200px;\n overflow-x: hidden;\n overflow-y: auto;\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 height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n ", ";\n"], ["\n align-items: center;\n background-color: ", ";\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\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
+ WTN_1: 'min-width: 1200px;',
25
+ WTN_2: 'min-width: 960px;'
26
+ }[layoutType]);
21
27
  }, function (_a) {
22
28
  var containerColor = _a.containerColor;
23
29
  return "background-color: " + containerColor;
24
30
  });
25
- var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n box-sizing: border-box;\n padding-bottom: 88px;\n width: 1200px;\n ", ";\n"], ["\n box-sizing: border-box;\n padding-bottom: 88px;\n width: 1200px;\n ", ";\n"])), function (_a) {
31
+ var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n box-sizing: border-box;\n padding-bottom: 88px;\n ", ";\n ", ";\n"], ["\n box-sizing: border-box;\n padding-bottom: 88px;\n ", ";\n ", ";\n"])), function (_a) {
32
+ var layoutType = _a.layoutType;
33
+ return ({
34
+ WTN_1: 'min-width: 1200px;',
35
+ WTN_2: 'min-width: 960px;'
36
+ }[layoutType]);
37
+ }, function (_a) {
26
38
  var areaColor = _a.areaColor;
27
39
  return "background-color: " + areaColor;
28
40
  });
package/dist/src/desktop/layout/LayoutWT/Containers/PageMenuContainer/variation/TopPageMenu.js CHANGED
@@ -43,7 +43,7 @@ var areaLineStyle = (0, styled_components_1.css)(templateObject_1 || (templateOb
43
43
  });
44
44
  var S_TopPageMenuContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n ", ";\n ", ";\n"], ["\n background-color: ", ";\n ", ";\n ", ";\n"])), function (_a) {
45
45
  var theme = _a.theme;
46
- return theme.ui_pagemenucontainer_background;
46
+ return theme.ui_toppagemenucontainer_background_wt_m;
47
47
  }, function (_a) {
48
48
  var mobileWidth = _a.mobileWidth;
49
49
  return mobileWidth &&
@@ -52,7 +52,10 @@ var S_TopPageMenuContainer = styled_components_1.default.div(templateObject_2 ||
52
52
  var containerColor = _a.containerColor;
53
53
  return "background-color: " + containerColor;
54
54
  });
55
- var S_TopPageMenuArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n margin: 0;\n ", ";\n ", ";\n ", ";\n"], ["\n margin: 0;\n ", ";\n ", ";\n ", ";\n"])), function (_a) {
55
+ var S_TopPageMenuArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background-color: ", ";\n margin: 0;\n ", ";\n ", ";\n ", ";\n"], ["\n background-color: ", ";\n margin: 0;\n ", ";\n ", ";\n ", ";\n"])), function (_a) {
56
+ var theme = _a.theme;
57
+ return theme.ui_toppagemenuarea_background_wt_m;
58
+ }, function (_a) {
56
59
  var mobileWidth = _a.mobileWidth;
57
60
  return mobileWidth && "width: " + mobileWidth + "px;";
58
61
  }, function (_a) {
package/dist/src/desktop/layout/LayoutWT/ContainersBox/ContainersBox.d.ts CHANGED
@@ -1,6 +1,6 @@
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' | 'WTJ_1' | 'WTK_1' | 'WTK_2' | 'WTK_3' | 'WTL_1' | 'WTM_1' | 'WTM_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' | 'WTI_1' | 'WTI_2' | 'WTJ_1' | 'WTK_1' | 'WTK_2' | 'WTK_3' | 'WTL_1' | 'WTM_1' | 'WTM_2' | 'WTN_2' | 'WTN_1';
4
4
  pageMenuContent?: JSX.Element;
5
5
  tabMenuContent?: JSX.Element;
6
6
  content1?: JSX.Element;
package/dist/src/desktop/layout/LayoutWT/ContainersBox/ContainersBox.js CHANGED
@@ -36,6 +36,7 @@ var ContainersBox = function (_a) {
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
38
  WTI_1: react_1.default.createElement(react_1.default.Fragment, null),
39
+ WTI_2: react_1.default.createElement(react_1.default.Fragment, null),
39
40
  WTJ_1: react_1.default.createElement(react_1.default.Fragment, null),
40
41
  WTK_1: react_1.default.createElement(react_1.default.Fragment, null),
41
42
  WTK_2: react_1.default.createElement(react_1.default.Fragment, null),
@@ -43,7 +44,8 @@ var ContainersBox = function (_a) {
43
44
  WTL_1: react_1.default.createElement(react_1.default.Fragment, null),
44
45
  WTM_1: react_1.default.createElement(react_1.default.Fragment, null),
45
46
  WTM_2: react_1.default.createElement(react_1.default.Fragment, null),
46
- WTN_1: react_1.default.createElement(react_1.default.Fragment, null)
47
+ WTN_1: react_1.default.createElement(react_1.default.Fragment, null),
48
+ WTN_2: react_1.default.createElement(react_1.default.Fragment, null)
47
49
  }[layoutType],
48
50
  react_1.default.createElement(S_RightBox, null,
49
51
  {
@@ -69,6 +71,7 @@ var ContainersBox = function (_a) {
69
71
  WTH_1: (react_1.default.createElement(Containers_1.PageMenuContainer, { pageMenuType: "top_page_menu", pageMenuContent: pageMenuContent, containerColor: containerColor, areaColor: areaColor })),
70
72
  WTH_2: (react_1.default.createElement(Containers_1.PageMenuContainer, { pageMenuType: "top_page_menu", pageMenuContent: pageMenuContent, containerColor: containerColor, areaColor: areaColor })),
71
73
  WTI_1: (react_1.default.createElement(Containers_1.PageMenuContainer, { pageMenuType: "top_page_menu", pageMenuContent: pageMenuContent, containerColor: containerColor, areaColor: areaColor })),
74
+ WTI_2: (react_1.default.createElement(Containers_1.PageMenuContainer, { pageMenuType: "top_page_menu", pageMenuContent: pageMenuContent, containerColor: containerColor, areaColor: areaColor })),
72
75
  WTJ_1: react_1.default.createElement(react_1.default.Fragment, null),
73
76
  WTK_1: react_1.default.createElement(react_1.default.Fragment, null),
74
77
  WTK_2: react_1.default.createElement(react_1.default.Fragment, null),
@@ -76,7 +79,8 @@ var ContainersBox = function (_a) {
76
79
  WTL_1: react_1.default.createElement(react_1.default.Fragment, null),
77
80
  WTM_1: react_1.default.createElement(react_1.default.Fragment, null),
78
81
  WTM_2: react_1.default.createElement(react_1.default.Fragment, null),
79
- WTN_1: react_1.default.createElement(react_1.default.Fragment, null)
82
+ WTN_1: react_1.default.createElement(react_1.default.Fragment, null),
83
+ WTN_2: react_1.default.createElement(react_1.default.Fragment, null)
80
84
  }[layoutType],
81
85
  {
82
86
  WTA_1: react_1.default.createElement(react_1.default.Fragment, null),
@@ -101,6 +105,7 @@ var ContainersBox = function (_a) {
101
105
  WTH_1: react_1.default.createElement(react_1.default.Fragment, null),
102
106
  WTH_2: react_1.default.createElement(react_1.default.Fragment, null),
103
107
  WTI_1: react_1.default.createElement(react_1.default.Fragment, null),
108
+ WTI_2: react_1.default.createElement(react_1.default.Fragment, null),
104
109
  WTJ_1: react_1.default.createElement(react_1.default.Fragment, null),
105
110
  WTK_1: react_1.default.createElement(react_1.default.Fragment, null),
106
111
  WTK_2: react_1.default.createElement(react_1.default.Fragment, null),
@@ -108,7 +113,8 @@ var ContainersBox = function (_a) {
108
113
  WTL_1: react_1.default.createElement(react_1.default.Fragment, null),
109
114
  WTM_1: react_1.default.createElement(react_1.default.Fragment, null),
110
115
  WTM_2: react_1.default.createElement(react_1.default.Fragment, null),
111
- WTN_1: react_1.default.createElement(react_1.default.Fragment, null)
116
+ WTN_1: react_1.default.createElement(react_1.default.Fragment, null),
117
+ WTN_2: react_1.default.createElement(react_1.default.Fragment, null)
112
118
  }[layoutType],
113
119
  react_1.default.createElement(S_BottomWrapper, { layoutType: layoutType },
114
120
  react_1.default.createElement(Containers_1.ContentsContainer, { layoutType: layoutType, content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor })))));
package/dist/src/mobile/common/components/TextFieldBase/TextFieldBase.js CHANGED
@@ -202,7 +202,7 @@ var disabled = (0, styled_components_1.css)(templateObject_3 || (templateObject_
202
202
  dark: theme.ui_cpnt_textfield_text_darktheme_disabled
203
203
  }[colorTheme];
204
204
  });
205
- var basicStyle = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: inline-flex;\n justify-content: center;\n background-color: transparent;\n border: none;\n box-sizing: border-box;\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n height: 100%;\n line-height: ", ";\n outline: 0;\n overflow: hidden;\n padding: 0;\n width: 100%;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n &::placeholder {\n color: ", ";\n }\n\n ", ";\n ", "\n"], ["\n display: inline-flex;\n justify-content: center;\n background-color: transparent;\n border: none;\n box-sizing: border-box;\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n height: 100%;\n line-height: ", ";\n outline: 0;\n overflow: hidden;\n padding: 0;\n width: 100%;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n &::placeholder {\n color: ", ";\n }\n\n ", ";\n ", "\n"])), function (_a) {
205
+ var basicStyle = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: inline-flex;\n justify-content: center;\n background-color: transparent;\n border: none;\n box-sizing: border-box;\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n height: 100%;\n line-height: ", ";\n outline: 0;\n overflow: hidden;\n padding: 0;\n width: 100%;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n &::placeholder {\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n }\n\n ", ";\n ", "\n"], ["\n display: inline-flex;\n justify-content: center;\n background-color: transparent;\n border: none;\n box-sizing: border-box;\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n height: 100%;\n line-height: ", ";\n outline: 0;\n overflow: hidden;\n padding: 0;\n width: 100%;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n &::placeholder {\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n }\n\n ", ";\n ", "\n"])), function (_a) {
206
206
  var theme = _a.theme, colorTheme = _a.colorTheme;
207
207
  return colorTheme &&
208
208
  {
@@ -225,6 +225,15 @@ var basicStyle = (0, styled_components_1.css)(templateObject_4 || (templateObjec
225
225
  none: theme.ui_cpnt_textfield_text_hint,
226
226
  dark: theme.ui_cpnt_textfield_text_darktheme_hint
227
227
  }[colorTheme];
228
+ }, function (_a) {
229
+ var textSize = _a.textSize;
230
+ return common_1.desktopFontSize[textSize];
231
+ }, function (_a) {
232
+ var textWeight = _a.textWeight;
233
+ return common_1.fontWeight[textWeight];
234
+ }, function (_a) {
235
+ var textSize = _a.textSize;
236
+ return common_1.desktopLineHeight[textSize];
228
237
  }, function (_a) {
229
238
  var state = _a.state;
230
239
  return state &&
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web",
3
- "version": "0.6.3",
3
+ "version": "0.6.4",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",