pds-dev-kit-web 2.0.14-alpha.0 → 2.1.0-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +4 -4
- package/dist/index.js +9 -3
- package/dist/src/common/assets/icons/line/DottedCircle.d.ts +4 -0
- package/dist/src/common/assets/icons/line/DottedCircle.js +30 -0
- package/dist/src/common/assets/icons/line/index.d.ts +1 -0
- package/dist/src/common/assets/icons/line/index.js +2 -0
- package/dist/src/common/styles/colorSet/PaletteColor_Dark.json +14 -2
- package/dist/src/common/styles/colorSet/PaletteColor_light.json +13 -1
- package/dist/src/common/styles/colorSet/UIColor.json +26 -1
- package/dist/src/common/styles/colorSet/index.d.ts +51 -2
- package/dist/src/common/styles/colorSet/index.js +2 -2
- package/dist/src/common/styles/colorSet/ui-type.d.ts +25 -0
- package/dist/src/common/types/components.d.ts +8 -0
- package/dist/src/desktop/common/components/TextFieldBase/TextFieldBase.d.ts +4 -1
- package/dist/src/desktop/common/components/TextFieldBase/TextFieldBase.js +36 -11
- package/dist/src/desktop/common/components/TextFieldBase/constants.d.ts +1 -0
- package/dist/src/desktop/common/components/TextFieldBase/constants.js +4 -0
- package/dist/src/desktop/components/BasicButtonGroup/BasicButtonGroup.d.ts +9 -0
- package/dist/src/desktop/components/BasicButtonGroup/BasicButtonGroup.js +73 -0
- package/dist/src/desktop/components/BasicButtonGroup/index.d.ts +1 -0
- package/dist/src/desktop/components/BasicButtonGroup/index.js +8 -0
- package/dist/src/desktop/components/IconButton/IconButton.d.ts +5 -3
- package/dist/src/desktop/components/IconButton/IconButton.js +52 -4
- package/dist/src/desktop/components/IconButton/constants.d.ts +15 -0
- package/dist/src/desktop/components/IconButton/constants.js +19 -0
- package/dist/src/desktop/components/SegmentedButtonGroup/SegmentedButtonGroup.d.ts +18 -0
- package/dist/src/desktop/components/SegmentedButtonGroup/SegmentedButtonGroup.js +143 -0
- package/dist/src/desktop/components/SegmentedButtonGroup/index.d.ts +1 -0
- package/dist/src/desktop/components/SegmentedButtonGroup/index.js +8 -0
- package/dist/src/desktop/components/Select/Select.js +12 -6
- package/dist/src/desktop/components/Slider/Slider.d.ts +19 -0
- package/dist/src/desktop/components/Slider/Slider.js +200 -0
- package/dist/src/desktop/components/Slider/index.d.ts +1 -0
- package/dist/src/desktop/components/Slider/index.js +8 -0
- package/dist/src/desktop/components/TextButton/TextButton.d.ts +1 -1
- package/dist/src/desktop/components/TextButton/TextButton.js +3 -0
- package/dist/src/desktop/components/TextField/TextField.d.ts +3 -1
- package/dist/src/desktop/components/TextField/TextField.js +8 -8
- package/dist/src/desktop/components/UploadIconButton/UploadIconButton.d.ts +5 -3
- package/dist/src/desktop/components/UploadIconButton/UploadIconButton.js +52 -4
- package/dist/src/desktop/components/UploadTextButton/UploadTextButton.d.ts +1 -1
- package/dist/src/desktop/components/UploadTextButton/UploadTextButton.js +3 -0
- package/dist/src/desktop/components/index.d.ts +4 -1
- package/dist/src/desktop/components/index.js +7 -1
- package/dist/src/desktop/index.d.ts +1 -1
- package/dist/src/desktop/index.js +5 -2
- package/dist/src/desktop/layout/LayoutWS/Containers/ContentsContainer/ContentsContainer.d.ts +1 -1
- package/dist/src/desktop/layout/LayoutWS/Containers/ContentsContainer/ContentsContainer.js +2 -1
- package/dist/src/desktop/layout/LayoutWS/Containers/ContentsContainer/variation/WSG.js +57 -32
- package/dist/src/desktop/layout/LayoutWS/Containers/ContentsContainer/variation/WSI.d.ts +15 -0
- package/dist/src/desktop/layout/LayoutWS/Containers/ContentsContainer/variation/WSI.js +117 -0
- package/dist/src/desktop/layout/LayoutWS/Containers/ContentsContainer/variation/index.d.ts +1 -0
- package/dist/src/desktop/layout/LayoutWS/Containers/ContentsContainer/variation/index.js +3 -1
- package/dist/src/desktop/layout/LayoutWS/ContainersBox/ContainersBox.d.ts +1 -1
- package/dist/src/mobile/common/components/TextFieldBase/TextFieldBase.d.ts +4 -1
- package/dist/src/mobile/common/components/TextFieldBase/TextFieldBase.js +35 -10
- package/dist/src/mobile/common/components/TextFieldBase/constants.d.ts +1 -0
- package/dist/src/mobile/common/components/TextFieldBase/constants.js +4 -0
- package/dist/src/mobile/components/BasicButtonGroup/BasicButtonGroup.d.ts +9 -0
- package/dist/src/mobile/components/BasicButtonGroup/BasicButtonGroup.js +73 -0
- package/dist/src/mobile/components/BasicButtonGroup/index.d.ts +1 -0
- package/dist/src/mobile/components/BasicButtonGroup/index.js +8 -0
- package/dist/src/mobile/components/ContextMenu/ContextMenu.js +1 -1
- package/dist/src/mobile/components/IconButton/IconButton.d.ts +1 -1
- package/dist/src/mobile/components/IconButton/IconButton.js +1 -1
- package/dist/src/mobile/components/SegmentedButtonGroup/SegmentedButtonGroup.d.ts +18 -0
- package/dist/src/mobile/components/SegmentedButtonGroup/SegmentedButtonGroup.js +143 -0
- package/dist/src/mobile/components/SegmentedButtonGroup/index.d.ts +1 -0
- package/dist/src/mobile/components/SegmentedButtonGroup/index.js +8 -0
- package/dist/src/mobile/components/Select/Select.js +12 -6
- package/dist/src/mobile/components/Slider/Slider.d.ts +19 -0
- package/dist/src/mobile/components/Slider/Slider.js +197 -0
- package/dist/src/mobile/components/Slider/index.d.ts +1 -0
- package/dist/src/mobile/components/Slider/index.js +8 -0
- package/dist/src/mobile/components/TextButton/TextButton.d.ts +1 -1
- package/dist/src/mobile/components/TextButton/TextButton.js +3 -0
- package/dist/src/mobile/components/TextField/TextField.d.ts +3 -1
- package/dist/src/mobile/components/TextField/TextField.js +8 -8
- package/dist/src/mobile/components/UploadIconButton/UploadIconButton.d.ts +1 -1
- package/dist/src/mobile/components/UploadIconButton/UploadIconButton.js +1 -1
- package/dist/src/mobile/components/UploadTextButton/UploadTextButton.d.ts +1 -1
- package/dist/src/mobile/components/UploadTextButton/UploadTextButton.js +3 -0
- package/dist/src/mobile/components/index.d.ts +4 -1
- package/dist/src/mobile/components/index.js +7 -1
- package/dist/src/mobile/index.d.ts +1 -1
- package/dist/src/mobile/index.js +5 -1
- package/package.json +1 -1
- package/release-note.md +7 -7
|
@@ -6,7 +6,7 @@ declare type UploadTextButtonProps = {
|
|
|
6
6
|
responsiveMode?: 'none' | 'use';
|
|
7
7
|
fontWeight?: 'bold' | 'regular';
|
|
8
8
|
state?: 'normal' | 'disabled';
|
|
9
|
-
colorTheme?: 'none' | 'red' | 'grey_01' | 'white' | 'white2';
|
|
9
|
+
colorTheme?: 'none' | 'red' | 'grey_01' | 'grey2' | 'white' | 'white2';
|
|
10
10
|
accept?: string;
|
|
11
11
|
multipleMode?: 'none' | 'use';
|
|
12
12
|
onClick?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
@@ -49,6 +49,7 @@ var textColor = {
|
|
|
49
49
|
none: 'usrTextBrandPrimary',
|
|
50
50
|
red: 'sysTextError',
|
|
51
51
|
grey_01: 'sysTextPrimary',
|
|
52
|
+
grey2: 'sysTextSecondary',
|
|
52
53
|
white: 'sysTextWhite',
|
|
53
54
|
white2: 'sysTextWhite'
|
|
54
55
|
};
|
|
@@ -91,6 +92,8 @@ var S_UploadTextButton = styled_components_1.default.label(templateObject_8 || (
|
|
|
91
92
|
case 'red':
|
|
92
93
|
case 'grey_01':
|
|
93
94
|
return colorThemeDefault;
|
|
95
|
+
case 'grey2':
|
|
96
|
+
return colorThemeDefault;
|
|
94
97
|
case 'white':
|
|
95
98
|
return colorThemeWhite;
|
|
96
99
|
case 'white2':
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { BasicButtonGroup } from './BasicButtonGroup';
|
|
1
2
|
import { BasicChatListItem } from './BasicChatListItem';
|
|
2
3
|
import { BasicFormGroup } from './BasicFormGroup';
|
|
3
4
|
import { BasicList } from './BasicList';
|
|
@@ -24,7 +25,9 @@ import { MobileHeaderBar } from './MobileHeaderBar';
|
|
|
24
25
|
import { MobileTabBar } from './MobileTabBar';
|
|
25
26
|
import { Radio } from './Radio';
|
|
26
27
|
import { ReactionButton } from './ReactionButton';
|
|
28
|
+
import { SegmentedButtonGroup } from './SegmentedButtonGroup';
|
|
27
29
|
import { Select } from './Select';
|
|
30
|
+
import { Slider } from './Slider';
|
|
28
31
|
import { StatusBlock } from './StatusBlock';
|
|
29
32
|
import { TextButton } from './TextButton';
|
|
30
33
|
import { TextField } from './TextField';
|
|
@@ -32,4 +35,4 @@ import { TextLabel } from './TextLabel';
|
|
|
32
35
|
import { UploadIconButton } from './UploadIconButton';
|
|
33
36
|
import { UploadMainButton } from './UploadMainButton';
|
|
34
37
|
import { UploadTextButton } from './UploadTextButton';
|
|
35
|
-
export { BasicChatListItem, BasicFormGroup, BasicList, BasicListItem, BlogTextField, BodyTextGroup, Card, CardList, ChatBubbleListItem, ChatList, Checkbox, Chip, ContextMenu, ContextMenuItem, Dropdown, FloatingActionButton, HorizontalFormGroup, IconButton, ImageSlide, LottieReactionButton, MainButton, MobileAlertDialog, MobileHeaderBar, MobileTabBar, Radio, ReactionButton, Select, StatusBlock, TextButton, TextField, TextLabel, UploadIconButton, UploadMainButton, UploadTextButton };
|
|
38
|
+
export { BasicButtonGroup, BasicChatListItem, BasicFormGroup, BasicList, BasicListItem, BlogTextField, BodyTextGroup, Card, CardList, ChatBubbleListItem, ChatList, Checkbox, Chip, ContextMenu, ContextMenuItem, Dropdown, FloatingActionButton, HorizontalFormGroup, IconButton, ImageSlide, LottieReactionButton, MainButton, MobileAlertDialog, MobileHeaderBar, MobileTabBar, Radio, ReactionButton, SegmentedButtonGroup, Select, Slider, StatusBlock, TextButton, TextField, TextLabel, UploadIconButton, UploadMainButton, UploadTextButton };
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.UploadTextButton = exports.UploadMainButton = exports.UploadIconButton = exports.TextLabel = exports.TextField = exports.TextButton = exports.StatusBlock = exports.Select = exports.ReactionButton = exports.Radio = exports.MobileTabBar = exports.MobileHeaderBar = exports.MobileAlertDialog = exports.MainButton = exports.LottieReactionButton = exports.ImageSlide = exports.IconButton = exports.HorizontalFormGroup = exports.FloatingActionButton = exports.Dropdown = exports.ContextMenuItem = exports.ContextMenu = exports.Chip = exports.Checkbox = exports.ChatList = exports.ChatBubbleListItem = exports.CardList = exports.Card = exports.BodyTextGroup = exports.BlogTextField = exports.BasicListItem = exports.BasicList = exports.BasicFormGroup = exports.BasicChatListItem = void 0;
|
|
3
|
+
exports.UploadTextButton = exports.UploadMainButton = exports.UploadIconButton = exports.TextLabel = exports.TextField = exports.TextButton = exports.StatusBlock = exports.Slider = exports.Select = exports.SegmentedButtonGroup = exports.ReactionButton = exports.Radio = exports.MobileTabBar = exports.MobileHeaderBar = exports.MobileAlertDialog = exports.MainButton = exports.LottieReactionButton = exports.ImageSlide = exports.IconButton = exports.HorizontalFormGroup = exports.FloatingActionButton = exports.Dropdown = exports.ContextMenuItem = exports.ContextMenu = exports.Chip = exports.Checkbox = exports.ChatList = exports.ChatBubbleListItem = exports.CardList = exports.Card = exports.BodyTextGroup = exports.BlogTextField = exports.BasicListItem = exports.BasicList = exports.BasicFormGroup = exports.BasicChatListItem = exports.BasicButtonGroup = void 0;
|
|
4
|
+
var BasicButtonGroup_1 = require("./BasicButtonGroup");
|
|
5
|
+
Object.defineProperty(exports, "BasicButtonGroup", { enumerable: true, get: function () { return BasicButtonGroup_1.BasicButtonGroup; } });
|
|
4
6
|
var BasicChatListItem_1 = require("./BasicChatListItem");
|
|
5
7
|
Object.defineProperty(exports, "BasicChatListItem", { enumerable: true, get: function () { return BasicChatListItem_1.BasicChatListItem; } });
|
|
6
8
|
var BasicFormGroup_1 = require("./BasicFormGroup");
|
|
@@ -53,8 +55,12 @@ var Radio_1 = require("./Radio");
|
|
|
53
55
|
Object.defineProperty(exports, "Radio", { enumerable: true, get: function () { return Radio_1.Radio; } });
|
|
54
56
|
var ReactionButton_1 = require("./ReactionButton");
|
|
55
57
|
Object.defineProperty(exports, "ReactionButton", { enumerable: true, get: function () { return ReactionButton_1.ReactionButton; } });
|
|
58
|
+
var SegmentedButtonGroup_1 = require("./SegmentedButtonGroup");
|
|
59
|
+
Object.defineProperty(exports, "SegmentedButtonGroup", { enumerable: true, get: function () { return SegmentedButtonGroup_1.SegmentedButtonGroup; } });
|
|
56
60
|
var Select_1 = require("./Select");
|
|
57
61
|
Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return Select_1.Select; } });
|
|
62
|
+
var Slider_1 = require("./Slider");
|
|
63
|
+
Object.defineProperty(exports, "Slider", { enumerable: true, get: function () { return Slider_1.Slider; } });
|
|
58
64
|
var StatusBlock_1 = require("./StatusBlock");
|
|
59
65
|
Object.defineProperty(exports, "StatusBlock", { enumerable: true, get: function () { return StatusBlock_1.StatusBlock; } });
|
|
60
66
|
var TextButton_1 = require("./TextButton");
|
|
@@ -9,5 +9,5 @@ export { ContainersBox as MPContainersBox } from './layout/LayoutMP/ContainersBo
|
|
|
9
9
|
export { LayoutMS } from './layout/LayoutMS';
|
|
10
10
|
export { NavigationContainer as MSNavigationContainer } from './layout/LayoutMS/Containers';
|
|
11
11
|
export { ContainersBox as MSContainersBox } from './layout/LayoutMS/ContainersBox';
|
|
12
|
-
export { BasicChatListItem as M_BasicChatListItem, BasicFormGroup as M_BasicFormGroup, BasicList as M_BasicList, BasicListItem as M_BasicListItem, BlogTextField as M_BlogTextField, BodyTextGroup as M_BodyTextGroup, Card as M_Card, CardList as M_CardList, ChatBubbleListItem as M_ChatBubbleListItem, ChatList as M_ChatList, Checkbox as M_Checkbox, Chip as M_Chip, ContextMenu as M_ContextMenu, ContextMenuItem as M_ContextMenuItem, Dropdown as M_Dropdown, FloatingActionButton as M_FloatingActionButton, HorizontalFormGroup as M_HorizontalFormGroup, IconButton as M_IconButton, ImageSlide as M_ImageSlide, LottieReactionButton as M_LottieReactionButton, MainButton as M_MainButton, MobileAlertDialog as M_MobileAlertDialog, MobileHeaderBar as M_MobileHeaderBar, MobileTabBar as M_MobileTabBar, Radio as M_Radio, ReactionButton as M_ReactionButton, Select as M_Select, StatusBlock as M_StatusBlock, TextButton as M_TextButton, TextField as M_TextField, TextLabel as M_TextLabel, UploadIconButton as M_UploadIconButton, UploadMainButton as M_UploadMainButton, UploadTextButton as M_UploadTextButton } from './components';
|
|
12
|
+
export { BasicButtonGroup as M_BasicButtonGroup, BasicChatListItem as M_BasicChatListItem, BasicFormGroup as M_BasicFormGroup, BasicList as M_BasicList, BasicListItem as M_BasicListItem, BlogTextField as M_BlogTextField, BodyTextGroup as M_BodyTextGroup, Card as M_Card, CardList as M_CardList, ChatBubbleListItem as M_ChatBubbleListItem, ChatList as M_ChatList, Checkbox as M_Checkbox, Chip as M_Chip, ContextMenu as M_ContextMenu, ContextMenuItem as M_ContextMenuItem, Dropdown as M_Dropdown, FloatingActionButton as M_FloatingActionButton, HorizontalFormGroup as M_HorizontalFormGroup, IconButton as M_IconButton, ImageSlide as M_ImageSlide, LottieReactionButton as M_LottieReactionButton, MainButton as M_MainButton, MobileAlertDialog as M_MobileAlertDialog, MobileHeaderBar as M_MobileHeaderBar, MobileTabBar as M_MobileTabBar, Radio as M_Radio, ReactionButton as M_ReactionButton, SegmentedButtonGroup as M_SegmentedButtonGroup, Select as M_Select, Slider as M_Slider, StatusBlock as M_StatusBlock, TextButton as M_TextButton, TextField as M_TextField, TextLabel as M_TextLabel, UploadIconButton as M_UploadIconButton, UploadMainButton as M_UploadMainButton, UploadTextButton as M_UploadTextButton } from './components';
|
|
13
13
|
export { AnnotationSheet as M_AnnotationSheet, ContentSheet as M_ContentSheet, MobileBasicModal as M_MobileBasicModal, SectionSheet as M_SectionSheet } from './panels';
|
package/dist/src/mobile/index.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
3
|
+
exports.M_AnnotationSheet = exports.M_UploadTextButton = exports.M_UploadMainButton = exports.M_UploadIconButton = exports.M_TextLabel = exports.M_TextField = exports.M_TextButton = exports.M_StatusBlock = exports.M_Slider = exports.M_Select = exports.M_SegmentedButtonGroup = exports.M_ReactionButton = exports.M_Radio = exports.M_MobileTabBar = exports.M_MobileHeaderBar = exports.M_MobileAlertDialog = exports.M_MainButton = exports.M_LottieReactionButton = exports.M_ImageSlide = exports.M_IconButton = exports.M_HorizontalFormGroup = exports.M_FloatingActionButton = exports.M_Dropdown = exports.M_ContextMenuItem = exports.M_ContextMenu = exports.M_Chip = exports.M_Checkbox = exports.M_ChatList = exports.M_ChatBubbleListItem = exports.M_CardList = exports.M_Card = exports.M_BodyTextGroup = exports.M_BlogTextField = exports.M_BasicListItem = exports.M_BasicList = exports.M_BasicFormGroup = exports.M_BasicChatListItem = exports.M_BasicButtonGroup = exports.MSContainersBox = exports.MSNavigationContainer = exports.LayoutMS = exports.MPContainersBox = exports.MPTabContainer = exports.MPNavigationContainer = exports.LayoutMP = exports.MMContainersBox = exports.MMNavigationContainer = exports.LayoutMM = exports.MFContainersBox = exports.LayoutMF = void 0;
|
|
4
|
+
exports.M_SectionSheet = exports.M_MobileBasicModal = exports.M_ContentSheet = void 0;
|
|
4
5
|
// layoutMF
|
|
5
6
|
var LayoutMF_1 = require("./layout/LayoutMF");
|
|
6
7
|
Object.defineProperty(exports, "LayoutMF", { enumerable: true, get: function () { return LayoutMF_1.LayoutMF; } });
|
|
@@ -30,6 +31,7 @@ var ContainersBox_4 = require("./layout/LayoutMS/ContainersBox");
|
|
|
30
31
|
Object.defineProperty(exports, "MSContainersBox", { enumerable: true, get: function () { return ContainersBox_4.ContainersBox; } });
|
|
31
32
|
// components
|
|
32
33
|
var components_1 = require("./components");
|
|
34
|
+
Object.defineProperty(exports, "M_BasicButtonGroup", { enumerable: true, get: function () { return components_1.BasicButtonGroup; } });
|
|
33
35
|
Object.defineProperty(exports, "M_BasicChatListItem", { enumerable: true, get: function () { return components_1.BasicChatListItem; } });
|
|
34
36
|
Object.defineProperty(exports, "M_BasicFormGroup", { enumerable: true, get: function () { return components_1.BasicFormGroup; } });
|
|
35
37
|
Object.defineProperty(exports, "M_BasicList", { enumerable: true, get: function () { return components_1.BasicList; } });
|
|
@@ -56,7 +58,9 @@ Object.defineProperty(exports, "M_MobileHeaderBar", { enumerable: true, get: fun
|
|
|
56
58
|
Object.defineProperty(exports, "M_MobileTabBar", { enumerable: true, get: function () { return components_1.MobileTabBar; } });
|
|
57
59
|
Object.defineProperty(exports, "M_Radio", { enumerable: true, get: function () { return components_1.Radio; } });
|
|
58
60
|
Object.defineProperty(exports, "M_ReactionButton", { enumerable: true, get: function () { return components_1.ReactionButton; } });
|
|
61
|
+
Object.defineProperty(exports, "M_SegmentedButtonGroup", { enumerable: true, get: function () { return components_1.SegmentedButtonGroup; } });
|
|
59
62
|
Object.defineProperty(exports, "M_Select", { enumerable: true, get: function () { return components_1.Select; } });
|
|
63
|
+
Object.defineProperty(exports, "M_Slider", { enumerable: true, get: function () { return components_1.Slider; } });
|
|
60
64
|
Object.defineProperty(exports, "M_StatusBlock", { enumerable: true, get: function () { return components_1.StatusBlock; } });
|
|
61
65
|
Object.defineProperty(exports, "M_TextButton", { enumerable: true, get: function () { return components_1.TextButton; } });
|
|
62
66
|
Object.defineProperty(exports, "M_TextField", { enumerable: true, get: function () { return components_1.TextField; } });
|
package/package.json
CHANGED
package/release-note.md
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
# PDS-DEV-KIT-WEB Release Notes
|
|
2
|
-
## [v2.0
|
|
2
|
+
## [v2.1.0-alpha.00]
|
|
3
|
+
## alpha|https://design.storybook.publ.biz/
|
|
3
4
|
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
*
|
|
8
|
-
*
|
|
9
|
-
* sectionSheet의 EDITMODE와 NORMALMODE가 동일하게 보이도록 수정
|
|
5
|
+
### components
|
|
6
|
+
* Dropdown
|
|
7
|
+
* icon 반영 부분 삭제
|
|
8
|
+
* ContextMenuItem
|
|
9
|
+
* icon 반영 부분 삭제
|