pds-dev-kit-web-test 0.0.3 → 0.0.6
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 +2 -2
- package/dist/index.js +5 -3
- package/dist/src/common/assets/icons/fill/CheckboxOn.d.ts +1 -1
- package/dist/src/common/assets/icons/fill/CheckboxOn.js +24 -2
- package/dist/src/common/assets/icons/fill/index.d.ts +1 -1
- package/dist/src/common/assets/icons/line/Clip.d.ts +4 -0
- package/dist/src/common/assets/icons/line/Clip.js +36 -0
- package/dist/src/common/assets/icons/line/Internal.d.ts +4 -0
- package/dist/src/common/assets/icons/line/Internal.js +36 -0
- package/dist/src/common/assets/icons/line/index.d.ts +2 -0
- package/dist/src/common/assets/icons/line/index.js +4 -0
- package/dist/src/common/components/Navigations/ContextTextLabelNav.js +2 -2
- package/dist/src/common/components/Navigations/NavLink.js +3 -1
- package/dist/src/common/components/Navigations/TextLabelNav.d.ts +2 -1
- package/dist/src/common/components/Navigations/TextLabelNav.js +3 -3
- package/dist/src/common/components/Navigations/index.d.ts +2 -0
- package/dist/src/common/components/Navigations/index.js +5 -1
- package/dist/src/common/decorators/withFormProvider.js +4 -1
- package/dist/src/common/hooks/index.d.ts +1 -0
- package/dist/src/common/hooks/index.js +3 -1
- package/dist/src/common/hooks/useDetectOverflow.js +1 -1
- package/dist/src/common/hooks/usePrevious.d.ts +2 -0
- package/dist/src/common/hooks/usePrevious.js +11 -0
- package/dist/src/common/styles/ToneTest/ToneTest.d.ts +3 -0
- package/dist/src/common/styles/ToneTest/ToneTest.js +397 -0
- package/dist/src/common/styles/ToneTest/index.d.ts +1 -0
- package/dist/src/common/styles/ToneTest/index.js +8 -0
- package/dist/src/common/styles/colorSet/PaletteColor_Dark.json +6 -1
- package/dist/src/common/styles/colorSet/PaletteColor_light.json +6 -1
- package/dist/src/common/styles/colorSet/SemanticColor.json +6 -5
- package/dist/src/common/styles/colorSet/UIColor.json +19 -4
- package/dist/src/common/styles/colorSet/index.d.ts +85 -59
- package/dist/src/common/styles/colorSet/index.js +2 -2
- package/dist/src/common/styles/colorSet/ui-type.d.ts +15 -0
- package/dist/src/common/styles/theme.d.ts +2 -0
- package/dist/src/common/styles/theme.js +3 -1
- package/dist/src/common/types/components.d.ts +1 -1
- package/dist/src/desktop/common/components/TextFieldBase/TextFieldBase.d.ts +2 -1
- package/dist/src/desktop/common/components/TextFieldBase/TextFieldBase.js +20 -5
- package/dist/src/desktop/components/AdminList/BulkActionBar.js +3 -3
- package/dist/src/desktop/components/AdminList/HeaderRow.js +1 -1
- package/dist/src/desktop/components/AdminListItem/AdminListItem.js +21 -22
- package/dist/src/desktop/components/BasicList/BasicList.d.ts +3 -3
- package/dist/src/desktop/components/BasicListItem/BasicListItem.d.ts +4 -1
- package/dist/src/desktop/components/BasicListItem/BasicListItem.js +5 -5
- package/dist/src/desktop/components/Chip/Chip.js +22 -25
- package/dist/src/desktop/components/ContextMenu/ContextMenu.js +1 -1
- package/dist/src/desktop/components/ContextMenuItem/ContextMenuItem.js +2 -2
- package/dist/src/desktop/components/DesktopAlertDialog/DesktopAlertDialog.d.ts +1 -1
- package/dist/src/desktop/components/DesktopAlertDialog/DesktopAlertDialog.js +1 -1
- package/dist/src/desktop/components/DesktopTabBar/DesktopTabBar.js +4 -4
- package/dist/src/desktop/components/Dropdown/Dropdown.d.ts +3 -2
- package/dist/src/desktop/components/Dropdown/Dropdown.js +14 -6
- package/dist/src/desktop/components/DynamicDesktopNavBar/DynamicDesktopNavBar.d.ts +8 -4
- package/dist/src/desktop/components/DynamicDesktopNavBar/DynamicDesktopNavBar.js +32 -10
- package/dist/src/desktop/components/DynamicDesktopNavBar/blocks/PrimaryMenu.js +1 -1
- package/dist/src/desktop/components/DynamicDesktopNavBar/blocks/SecondaryMenu.js +1 -1
- package/dist/src/desktop/components/DynamicDesktopNavBar/components/ContextMenuNavs/ContextMenuItemNav.js +6 -2
- package/dist/src/desktop/components/DynamicDesktopNavBar/components/ContextMenuNavs/ContextMenuNavs.js +19 -5
- package/dist/src/desktop/components/DynamicDesktopNavBar/components/IconNav.d.ts +2 -1
- package/dist/src/desktop/components/DynamicDesktopNavBar/components/IconNav.js +2 -2
- package/dist/src/desktop/components/DynamicDesktopNavBar/components/LogoNav.js +1 -1
- package/dist/src/desktop/components/DynamicDesktopNavBar/components/MenuItemNav/MenuItemNav.d.ts +2 -1
- package/dist/src/desktop/components/DynamicDesktopNavBar/components/MenuItemNav/MenuItemNav.js +15 -7
- package/dist/src/desktop/components/DynamicDesktopNavBar/components/MenuItemNav/components/DisplayOnlyMenuItemNav.d.ts +12 -0
- package/dist/src/desktop/components/DynamicDesktopNavBar/components/MenuItemNav/components/DisplayOnlyMenuItemNav.js +31 -0
- package/dist/src/desktop/components/DynamicDesktopNavBar/components/MenuItemNav/components/InternalLinkMenuItemNav.d.ts +13 -0
- package/dist/src/desktop/components/DynamicDesktopNavBar/components/MenuItemNav/components/InternalLinkMenuItemNav.js +65 -0
- package/dist/src/desktop/components/DynamicDesktopNavBar/components/MenuItemNav/components/PAppMenuItemNav.d.ts +3 -1
- package/dist/src/desktop/components/DynamicDesktopNavBar/components/MenuItemNav/components/PAppMenuItemNav.js +10 -8
- package/dist/src/desktop/components/DynamicDesktopNavBar/components/MenuItemNav/components/WebMenuItemNav.d.ts +3 -1
- package/dist/src/desktop/components/DynamicDesktopNavBar/components/MenuItemNav/components/WebMenuItemNav.js +5 -5
- package/dist/src/desktop/components/DynamicDesktopNavBar/index.d.ts +1 -0
- package/dist/src/desktop/components/DynamicDesktopNavBar/index.js +3 -1
- package/dist/src/desktop/components/DynamicDesktopNavBar/reducer.d.ts +16 -0
- package/dist/src/desktop/components/DynamicDesktopNavBar/reducer.js +23 -0
- package/dist/src/desktop/components/DynamicDesktopNavBar/templates/{MenuDesignTemplates.d.ts → DynamicDesktopNavBarTemplates.d.ts} +17 -6
- package/dist/src/desktop/components/DynamicDesktopNavBar/templates/{MenuDesignTemplates.js → DynamicDesktopNavBarTemplates.js} +10 -10
- package/dist/src/desktop/components/DynamicDesktopNavBar/templates/constants.d.ts +15 -4
- package/dist/src/desktop/components/DynamicDesktopNavBar/templates/constants.js +22 -11
- package/dist/src/desktop/components/DynamicDesktopNavBar/templates/index.d.ts +1 -1
- package/dist/src/desktop/components/DynamicDesktopNavBar/templates/index.js +3 -3
- package/dist/src/desktop/components/DynamicDesktopNavBar/types.d.ts +4 -2
- package/dist/src/desktop/components/EditApplyTextField/EditApplyTextField.js +46 -23
- package/dist/src/desktop/components/FilterBar/FilterBar.d.ts +1 -1
- package/dist/src/desktop/components/FloatingActionButton/FloatingActionButton.js +1 -1
- package/dist/src/desktop/components/HorizontalFormGroup/HorizontalFormGroup.js +5 -3
- package/dist/src/desktop/components/IconButton/IconButton.js +3 -8
- package/dist/src/desktop/components/ImageSlide/ImageSlide.js +1 -1
- package/dist/src/desktop/components/MainButton/MainButton.js +17 -5
- package/dist/src/desktop/components/ReactionButton/ReactionButton.js +1 -1
- package/dist/src/desktop/components/Select/Select.d.ts +7 -6
- package/dist/src/desktop/components/Select/Select.js +13 -14
- package/dist/src/desktop/components/StatusBlock/StatusBlock.js +3 -3
- package/dist/src/desktop/components/TextButton/TextButton.d.ts +1 -1
- package/dist/src/desktop/components/TextButton/TextButton.js +12 -7
- package/dist/src/desktop/components/TextField/TextField.js +1 -3
- package/dist/src/desktop/components/TextLabel/TextLabel.js +2 -4
- package/dist/src/desktop/components/UploadIconButton/UploadIconButton.js +3 -8
- package/dist/src/desktop/components/UploadMainButton/UploadMainButton.js +3 -3
- package/dist/src/desktop/components/UploadTextButton/UploadTextButton.d.ts +1 -1
- package/dist/src/desktop/components/UploadTextButton/UploadTextButton.js +2 -1
- package/dist/src/desktop/components/UserDesktopNavBar/UserDesktopNavBar.d.ts +1 -1
- package/dist/src/desktop/components/UserDesktopSideTab/UserDesktopSideTab.d.ts +8 -0
- package/dist/src/desktop/components/UserDesktopSideTab/UserDesktopSideTab.js +36 -0
- package/dist/src/desktop/components/UserDesktopSideTab/index.d.ts +1 -0
- package/dist/src/desktop/components/UserDesktopSideTab/index.js +8 -0
- package/dist/src/desktop/components/UserDesktopTabBar/UserDesktopTabBar.js +3 -3
- package/dist/src/desktop/components/index.d.ts +3 -4
- package/dist/src/desktop/components/index.js +4 -5
- package/dist/src/desktop/index.d.ts +4 -2
- package/dist/src/desktop/index.js +9 -4
- package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/ContentsContainer.d.ts +1 -1
- package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/ContentsContainer.js +2 -1
- package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTS.d.ts +1 -1
- package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTS.js +29 -5
- package/dist/src/desktop/layout/LayoutWT/ContainersBox/ContainersBox.d.ts +1 -1
- package/dist/src/desktop/layout/LayoutWT/ContainersBox/ContainersBox.js +8 -4
- package/dist/src/desktop/{components → panels}/DesktopBasicModal/DesktopBasicModal.d.ts +0 -0
- package/dist/src/desktop/{components → panels}/DesktopBasicModal/DesktopBasicModal.js +6 -7
- package/dist/src/desktop/{components → panels}/DesktopBasicModal/index.d.ts +0 -0
- package/dist/src/desktop/{components → panels}/DesktopBasicModal/index.js +0 -0
- package/dist/src/desktop/{components → panels}/DesktopHeadlessModal/DesktopHeadlessModal.d.ts +3 -3
- package/dist/src/desktop/{components → panels}/DesktopHeadlessModal/DesktopHeadlessModal.js +3 -3
- package/dist/src/desktop/{components → panels}/DesktopHeadlessModal/index.d.ts +0 -0
- package/dist/src/desktop/{components → panels}/DesktopHeadlessModal/index.js +0 -0
- package/dist/src/desktop/panels/index.d.ts +3 -0
- package/dist/src/desktop/panels/index.js +7 -0
- package/dist/src/hybrid/components/Divider/Divider.js +12 -9
- package/dist/src/hybrid/components/Icon/Icon.js +3 -2
- package/dist/src/hybrid/components/Switch/Switch.d.ts +2 -2
- package/dist/src/hybrid/components/Switch/Switch.js +7 -33
- package/dist/src/mobile/common/components/TextFieldBase/TextFieldBase.js +1 -1
- package/dist/src/mobile/components/BasicList/BasicList.d.ts +3 -3
- package/dist/src/mobile/components/BasicListItem/BasicListItem.d.ts +4 -1
- package/dist/src/mobile/components/BasicListItem/BasicListItem.js +5 -5
- package/dist/src/mobile/components/Card/Card.js +1 -1
- package/dist/src/mobile/components/Chip/Chip.js +22 -25
- package/dist/src/mobile/components/ContextMenu/ContextMenu.js +1 -1
- package/dist/src/mobile/components/ContextMenuItem/ContextMenuItem.js +2 -2
- package/dist/src/mobile/components/Dropdown/Dropdown.d.ts +2 -1
- package/dist/src/mobile/components/Dropdown/Dropdown.js +16 -8
- package/dist/src/mobile/components/HorizontalFormGroup/HorizontalFormGroup.js +5 -3
- package/dist/src/mobile/components/IconButton/IconButton.js +3 -8
- package/dist/src/mobile/components/ImageSlide/ImageSlide.js +1 -1
- package/dist/src/mobile/components/MainButton/MainButton.js +19 -16
- package/dist/src/mobile/components/MobileAlertDialog/MobileAlertDialog.d.ts +1 -1
- package/dist/src/mobile/components/MobileAlertDialog/MobileAlertDialog.js +2 -2
- package/dist/src/mobile/components/MobileTabBar/MobileTabBar.d.ts +3 -1
- package/dist/src/mobile/components/MobileTabBar/MobileTabBar.js +23 -9
- package/dist/src/mobile/components/Radio/Radio.js +1 -1
- package/dist/src/mobile/components/ReactionButton/ReactionButton.js +2 -5
- package/dist/src/mobile/components/Select/Select.d.ts +7 -6
- package/dist/src/mobile/components/Select/Select.js +12 -13
- package/dist/src/mobile/components/StatusBlock/StatusBlock.js +3 -3
- package/dist/src/mobile/components/TextButton/TextButton.d.ts +1 -1
- package/dist/src/mobile/components/TextButton/TextButton.js +8 -8
- package/dist/src/mobile/components/TextField/TextField.js +1 -3
- package/dist/src/mobile/components/TextLabel/TextLabel.js +2 -4
- package/dist/src/mobile/components/UploadIconButton/UploadIconButton.js +3 -8
- package/dist/src/mobile/components/UploadMainButton/UploadMainButton.js +5 -11
- package/dist/src/mobile/components/UploadTextButton/UploadTextButton.d.ts +1 -1
- package/dist/src/mobile/components/UploadTextButton/UploadTextButton.js +2 -1
- package/dist/src/mobile/components/index.d.ts +1 -2
- package/dist/src/mobile/components/index.js +1 -3
- package/dist/src/mobile/index.d.ts +4 -2
- package/dist/src/mobile/index.js +4 -2
- package/dist/src/mobile/{components → panels}/MobileBasicModal/MobileBasicModal.d.ts +0 -0
- package/dist/src/mobile/{components → panels}/MobileBasicModal/MobileBasicModal.js +6 -9
- package/dist/src/mobile/{components → panels}/MobileBasicModal/index.d.ts +0 -0
- package/dist/src/mobile/{components → panels}/MobileBasicModal/index.js +0 -0
- package/dist/src/mobile/panels/index.d.ts +2 -0
- package/dist/src/mobile/panels/index.js +5 -0
- package/package.json +1 -1
- package/release-note.md +2 -10
|
@@ -28,7 +28,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
28
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
29
|
var react_1 = __importDefault(require("react"));
|
|
30
30
|
var styled_components_1 = __importStar(require("styled-components"));
|
|
31
|
-
var common_1 = require("../../../common");
|
|
32
31
|
var hybrid_1 = require("../../../hybrid");
|
|
33
32
|
var types_1 = require("./types");
|
|
34
33
|
function UploadIconButton(_a) {
|
|
@@ -62,9 +61,7 @@ var fillDisabled = (0, styled_components_1.css)(templateObject_1 || (templateObj
|
|
|
62
61
|
});
|
|
63
62
|
var fill = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n\n &:active:not([disabled]) {\n background-image: ", ";\n }\n\n ", ";\n"], ["\n background-color: ", ";\n\n &:active:not([disabled]) {\n background-image: ", ";\n }\n\n ", ";\n"])), function (_a) {
|
|
64
63
|
var theme = _a.theme, baseColorKey = _a.baseColorKey;
|
|
65
|
-
return baseColorKey
|
|
66
|
-
? (0, common_1.customTheme)(window.PdsUtils ? window.PdsUtils.tone : 'DARK', window.PdsUtils ? window.PdsUtils.palette : {})[baseColorKey]
|
|
67
|
-
: theme.ui_cpnt_button_fill_base_primary;
|
|
64
|
+
return baseColorKey ? theme[baseColorKey] : theme.ui_cpnt_button_fill_base_primary;
|
|
68
65
|
}, function (_a) {
|
|
69
66
|
var theme = _a.theme, baseColorKey = _a.baseColorKey;
|
|
70
67
|
return baseColorKey === 'ui_cpnt_button_fill_base_transparent'
|
|
@@ -94,9 +91,7 @@ var line = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 =
|
|
|
94
91
|
return theme.ui_cpnt_button_line_base_default;
|
|
95
92
|
}, function (_a) {
|
|
96
93
|
var theme = _a.theme, borderColorKey = _a.borderColorKey;
|
|
97
|
-
return borderColorKey
|
|
98
|
-
? (0, common_1.customTheme)(window.PdsUtils ? window.PdsUtils.tone : 'DARK', window.PdsUtils ? window.PdsUtils.palette : {})[borderColorKey]
|
|
99
|
-
: theme.ui_cpnt_button_line_border_enabled;
|
|
94
|
+
return borderColorKey ? theme[borderColorKey] : theme.ui_cpnt_button_line_border_enabled;
|
|
100
95
|
}, function (_a) {
|
|
101
96
|
var colorTheme = _a.colorTheme;
|
|
102
97
|
switch (colorTheme) {
|
|
@@ -119,7 +114,7 @@ var large = (0, styled_components_1.css)(templateObject_8 || (templateObject_8 =
|
|
|
119
114
|
var medium = (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n height: 40px;\n width: 40px;\n"], ["\n height: 40px;\n width: 40px;\n"])));
|
|
120
115
|
var small = (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n height: 32px;\n width: 32px;\n"], ["\n height: 32px;\n width: 32px;\n"])));
|
|
121
116
|
var xsmall = (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n height: 24px;\n width: 24px;\n"], ["\n height: 24px;\n width: 24px;\n"])));
|
|
122
|
-
var S_UploadIconButton = styled_components_1.default.label(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n align-items: center;\n background-color: transparent;\n border: 1px solid transparent;\n border-radius: ", ";\n box-shadow: ", ";\n display: inline-flex;\n justify-content: center;\n\n ", ";\n\n ", ";\n"], ["\n align-items: center;\n background-color: transparent;\n border: 1px solid transparent;\n border-radius: ", ";\n box-shadow: ", ";\n display: inline-flex;\n justify-content: center;\n\n ", ";\n\n ", ";\n"])), function (_a) {
|
|
117
|
+
var S_UploadIconButton = styled_components_1.default.label(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n align-items: center;\n background-color: transparent;\n border: 1px solid transparent;\n border-radius: ", ";\n box-sizing: border-box;\n box-shadow: ", ";\n display: inline-flex;\n justify-content: center;\n\n ", ";\n\n ", ";\n"], ["\n align-items: center;\n background-color: transparent;\n border: 1px solid transparent;\n border-radius: ", ";\n box-sizing: border-box;\n box-shadow: ", ";\n display: inline-flex;\n justify-content: center;\n\n ", ";\n\n ", ";\n"])), function (_a) {
|
|
123
118
|
var shapeType = _a.shapeType;
|
|
124
119
|
return shapeType === 'circular' && '50%';
|
|
125
120
|
}, function (_a) {
|
|
@@ -99,21 +99,21 @@ var large = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 =
|
|
|
99
99
|
var size = _a.size;
|
|
100
100
|
return size === 'rlarge' && 'width: 100%';
|
|
101
101
|
});
|
|
102
|
-
var medium = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n height: 40px;\n padding: 0 ", ";\n ", "\n"], ["\n height: 40px;\n padding: 0 ", ";\n ", "\n"])), function (_a) {
|
|
102
|
+
var medium = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n height: 40px;\n min-width: 64px;\n padding: 0 ", ";\n ", "\n"], ["\n height: 40px;\n min-width: 64px;\n padding: 0 ", ";\n ", "\n"])), function (_a) {
|
|
103
103
|
var theme = _a.theme;
|
|
104
104
|
return theme.spacing.spacingE;
|
|
105
105
|
}, function (_a) {
|
|
106
106
|
var shapeType = _a.shapeType;
|
|
107
107
|
return shapeType === 'round' && 'border-radius: 14px;';
|
|
108
108
|
});
|
|
109
|
-
var small = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 32px;\n padding: 0 ", ";\n ", "\n"], ["\n height: 32px;\n padding: 0 ", ";\n ", "\n"])), function (_a) {
|
|
109
|
+
var small = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 32px;\n min-width: 48px;\n padding: 0 ", ";\n ", "\n"], ["\n height: 32px;\n min-width: 48px;\n padding: 0 ", ";\n ", "\n"])), function (_a) {
|
|
110
110
|
var theme = _a.theme;
|
|
111
111
|
return theme.spacing.spacingD;
|
|
112
112
|
}, function (_a) {
|
|
113
113
|
var shapeType = _a.shapeType;
|
|
114
114
|
return shapeType === 'round' && 'border-radius: 10px;';
|
|
115
115
|
});
|
|
116
|
-
var xsmall = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n height: 24px;\n padding: 0 ", ";\n ", "\n"], ["\n height: 24px;\n padding: 0 ", ";\n ", "\n"])), function (_a) {
|
|
116
|
+
var xsmall = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n height: 24px;\n min-width: 48px;\n padding: 0 ", ";\n ", "\n"], ["\n height: 24px;\n min-width: 48px;\n padding: 0 ", ";\n ", "\n"])), function (_a) {
|
|
117
117
|
var theme = _a.theme;
|
|
118
118
|
return theme.spacing.spacingD;
|
|
119
119
|
}, function (_a) {
|
|
@@ -184,12 +184,9 @@ var primaryDisabled = (0, styled_components_1.css)(templateObject_13 || (templat
|
|
|
184
184
|
var theme = _a.theme;
|
|
185
185
|
return theme.ui_cpnt_button_fill_base_disabled;
|
|
186
186
|
});
|
|
187
|
-
var primary = (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n background-color: ", ";\n border: none;\n\n &:
|
|
187
|
+
var primary = (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n background-color: ", ";\n border: none;\n\n &:active:enabled {\n ", "\n }\n\n ", "\n"], ["\n background-color: ", ";\n border: none;\n\n &:active:enabled {\n ", "\n }\n\n ", "\n"])), function (_a) {
|
|
188
188
|
var theme = _a.theme;
|
|
189
189
|
return theme.ui_cpnt_button_fill_base_primary;
|
|
190
|
-
}, function (_a) {
|
|
191
|
-
var theme = _a.theme;
|
|
192
|
-
return "background-image: linear-gradient(\n to top,\n " + theme.ui_cpnt_button_fill_on_base_hover + ",\n " + theme.ui_cpnt_button_fill_on_base_hover + "\n );";
|
|
193
190
|
}, function (_a) {
|
|
194
191
|
var theme = _a.theme;
|
|
195
192
|
return "background-image: linear-gradient(\n to top,\n " + theme.ui_cpnt_button_fill_on_base_pressed + ",\n " + theme.ui_cpnt_button_fill_on_base_pressed + "\n );";
|
|
@@ -201,12 +198,9 @@ var secondaryDisabled = (0, styled_components_1.css)(templateObject_15 || (templ
|
|
|
201
198
|
var theme = _a.theme;
|
|
202
199
|
return theme.ui_cpnt_button_line_base_hover;
|
|
203
200
|
});
|
|
204
|
-
var secondary = (0, styled_components_1.css)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n background-color: ", ";\n border: none;\n\n &:
|
|
201
|
+
var secondary = (0, styled_components_1.css)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n background-color: ", ";\n border: none;\n\n &:active:enabled {\n ", "\n }\n\n ", "\n"], ["\n background-color: ", ";\n border: none;\n\n &:active:enabled {\n ", "\n }\n\n ", "\n"])), function (_a) {
|
|
205
202
|
var theme = _a.theme;
|
|
206
203
|
return theme.ui_cpnt_button_line_base_hover;
|
|
207
|
-
}, function (_a) {
|
|
208
|
-
var theme = _a.theme;
|
|
209
|
-
return "background-image: linear-gradient(\n to top,\n " + theme.ui_cpnt_button_fill_on_base_hover + ",\n " + theme.ui_cpnt_button_fill_on_base_hover + "\n );";
|
|
210
204
|
}, function (_a) {
|
|
211
205
|
var theme = _a.theme;
|
|
212
206
|
return "background-image: linear-gradient(\n to top,\n " + theme.ui_cpnt_button_fill_on_base_pressed + ",\n " + theme.ui_cpnt_button_fill_on_base_pressed + "\n );";
|
|
@@ -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';
|
|
9
|
+
colorTheme?: 'none' | 'red' | 'grey_01' | 'white';
|
|
10
10
|
accept?: string;
|
|
11
11
|
multipleMode?: 'none' | 'use';
|
|
12
12
|
onClick?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
@@ -39,7 +39,8 @@ var textStyle = {
|
|
|
39
39
|
var textColor = {
|
|
40
40
|
none: 'usrTextBrandPrimary',
|
|
41
41
|
red: 'sysTextError',
|
|
42
|
-
grey_01: 'sysTextPrimary'
|
|
42
|
+
grey_01: 'sysTextPrimary',
|
|
43
|
+
white: 'sysTextWhite'
|
|
43
44
|
};
|
|
44
45
|
function UploadTextButton(_a) {
|
|
45
46
|
var text = _a.text, _b = _a.size, size = _b === void 0 ? 'large' : _b, _c = _a.responsiveMode, responsiveMode = _c === void 0 ? 'none' : _c, fontWeight = _a.fontWeight, _d = _a.state, state = _d === void 0 ? 'normal' : _d, _e = _a.colorTheme, colorTheme = _e === void 0 ? 'none' : _e, _f = _a.accept, accept = _f === void 0 ? '*' : _f, _g = _a.multipleMode, multipleMode = _g === void 0 ? 'none' : _g, onClick = _a.onClick;
|
|
@@ -15,7 +15,6 @@ import { IconButton } from './IconButton';
|
|
|
15
15
|
import { ImageSlide } from './ImageSlide';
|
|
16
16
|
import { MainButton } from './MainButton';
|
|
17
17
|
import { MobileAlertDialog } from './MobileAlertDialog';
|
|
18
|
-
import { MobileBasicModal } from './MobileBasicModal';
|
|
19
18
|
import { MobileHeaderBar } from './MobileHeaderBar';
|
|
20
19
|
import { MobileTabBar } from './MobileTabBar';
|
|
21
20
|
import { Radio } from './Radio';
|
|
@@ -28,4 +27,4 @@ import { TextLabel } from './TextLabel';
|
|
|
28
27
|
import { UploadIconButton } from './UploadIconButton';
|
|
29
28
|
import { UploadMainButton } from './UploadMainButton';
|
|
30
29
|
import { UploadTextButton } from './UploadTextButton';
|
|
31
|
-
export { BasicFormGroup, BasicList, BasicListItem, BlogTextField, BodyTextGroup, Card, CardList, Checkbox, Chip, ContextMenu, ContextMenuItem, Dropdown, HorizontalFormGroup, IconButton, ImageSlide, MainButton, MobileAlertDialog,
|
|
30
|
+
export { BasicFormGroup, BasicList, BasicListItem, BlogTextField, BodyTextGroup, Card, CardList, Checkbox, Chip, ContextMenu, ContextMenuItem, Dropdown, HorizontalFormGroup, IconButton, ImageSlide, MainButton, MobileAlertDialog, MobileHeaderBar, MobileTabBar, Radio, ReactionButton, Select, StatusBlock, TextButton, TextField, TextLabel, UploadIconButton, UploadMainButton, UploadTextButton };
|
|
@@ -1,6 +1,6 @@
|
|
|
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.
|
|
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.ImageSlide = exports.IconButton = exports.HorizontalFormGroup = exports.Dropdown = exports.ContextMenuItem = exports.ContextMenu = exports.Chip = exports.Checkbox = exports.CardList = exports.Card = exports.BodyTextGroup = exports.BlogTextField = exports.BasicListItem = exports.BasicList = exports.BasicFormGroup = void 0;
|
|
4
4
|
var BasicFormGroup_1 = require("./BasicFormGroup");
|
|
5
5
|
Object.defineProperty(exports, "BasicFormGroup", { enumerable: true, get: function () { return BasicFormGroup_1.BasicFormGroup; } });
|
|
6
6
|
var BasicList_1 = require("./BasicList");
|
|
@@ -35,8 +35,6 @@ var MainButton_1 = require("./MainButton");
|
|
|
35
35
|
Object.defineProperty(exports, "MainButton", { enumerable: true, get: function () { return MainButton_1.MainButton; } });
|
|
36
36
|
var MobileAlertDialog_1 = require("./MobileAlertDialog");
|
|
37
37
|
Object.defineProperty(exports, "MobileAlertDialog", { enumerable: true, get: function () { return MobileAlertDialog_1.MobileAlertDialog; } });
|
|
38
|
-
var MobileBasicModal_1 = require("./MobileBasicModal");
|
|
39
|
-
Object.defineProperty(exports, "MobileBasicModal", { enumerable: true, get: function () { return MobileBasicModal_1.MobileBasicModal; } });
|
|
40
38
|
var MobileHeaderBar_1 = require("./MobileHeaderBar");
|
|
41
39
|
Object.defineProperty(exports, "MobileHeaderBar", { enumerable: true, get: function () { return MobileHeaderBar_1.MobileHeaderBar; } });
|
|
42
40
|
var MobileTabBar_1 = require("./MobileTabBar");
|
|
@@ -13,5 +13,7 @@ import { LayoutMS } from './layout/LayoutMS';
|
|
|
13
13
|
import { NavigationContainer as MSNavigationContainer } from './layout/LayoutMS/Containers';
|
|
14
14
|
import { ContainersBox as MSContainersBox } from './layout/LayoutMS/ContainersBox';
|
|
15
15
|
export { LayoutMS, MSNavigationContainer, MSContainersBox };
|
|
16
|
-
import { 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, Checkbox as M_Checkbox, Chip as M_Chip, ContextMenu as M_ContextMenu, ContextMenuItem as M_ContextMenuItem, Dropdown as M_Dropdown, HorizontalFormGroup as M_HorizontalFormGroup, IconButton as M_IconButton, ImageSlide as M_ImageSlide, MainButton as M_MainButton, MobileAlertDialog as M_MobileAlertDialog,
|
|
17
|
-
export { M_BasicFormGroup, M_BasicList, M_BasicListItem, M_BlogTextField, M_BodyTextGroup, M_Card, M_CardList, M_Checkbox, M_Chip, M_ContextMenu, M_ContextMenuItem, M_Dropdown, M_HorizontalFormGroup, M_IconButton, M_ImageSlide, M_MainButton, M_MobileAlertDialog,
|
|
16
|
+
import { 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, Checkbox as M_Checkbox, Chip as M_Chip, ContextMenu as M_ContextMenu, ContextMenuItem as M_ContextMenuItem, Dropdown as M_Dropdown, HorizontalFormGroup as M_HorizontalFormGroup, IconButton as M_IconButton, ImageSlide as M_ImageSlide, 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';
|
|
17
|
+
export { M_BasicFormGroup, M_BasicList, M_BasicListItem, M_BlogTextField, M_BodyTextGroup, M_Card, M_CardList, M_Checkbox, M_Chip, M_ContextMenu, M_ContextMenuItem, M_Dropdown, M_HorizontalFormGroup, M_IconButton, M_ImageSlide, M_MainButton, M_MobileAlertDialog, M_MobileHeaderBar, M_MobileTabBar, M_Radio, M_ReactionButton, M_Select, M_StatusBlock, M_TextButton, M_TextField, M_TextLabel, M_UploadIconButton, M_UploadMainButton, M_UploadTextButton };
|
|
18
|
+
import { MobileBasicModal as M_MobileBasicModal } from './panels';
|
|
19
|
+
export { M_MobileBasicModal };
|
package/dist/src/mobile/index.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
/* eslint-disable import/order */
|
|
3
3
|
/* eslint-disable import/first */
|
|
4
4
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
5
|
-
exports.M_UploadTextButton = exports.M_UploadMainButton = exports.M_UploadIconButton = exports.M_TextLabel = exports.M_TextField = exports.M_TextButton = exports.M_StatusBlock = exports.M_Select = exports.M_ReactionButton = exports.M_Radio = exports.M_MobileTabBar = exports.M_MobileHeaderBar = exports.
|
|
5
|
+
exports.M_MobileBasicModal = exports.M_UploadTextButton = exports.M_UploadMainButton = exports.M_UploadIconButton = exports.M_TextLabel = exports.M_TextField = exports.M_TextButton = exports.M_StatusBlock = exports.M_Select = exports.M_ReactionButton = exports.M_Radio = exports.M_MobileTabBar = exports.M_MobileHeaderBar = exports.M_MobileAlertDialog = exports.M_MainButton = exports.M_ImageSlide = exports.M_IconButton = exports.M_HorizontalFormGroup = exports.M_Dropdown = exports.M_ContextMenuItem = exports.M_ContextMenu = exports.M_Chip = exports.M_Checkbox = exports.M_CardList = exports.M_Card = exports.M_BodyTextGroup = exports.M_BlogTextField = exports.M_BasicListItem = exports.M_BasicList = exports.M_BasicFormGroup = 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;
|
|
6
6
|
// layoutMF
|
|
7
7
|
var LayoutMF_1 = require("./layout/LayoutMF");
|
|
8
8
|
Object.defineProperty(exports, "LayoutMF", { enumerable: true, get: function () { return LayoutMF_1.LayoutMF; } });
|
|
@@ -49,7 +49,6 @@ Object.defineProperty(exports, "M_IconButton", { enumerable: true, get: function
|
|
|
49
49
|
Object.defineProperty(exports, "M_ImageSlide", { enumerable: true, get: function () { return components_1.ImageSlide; } });
|
|
50
50
|
Object.defineProperty(exports, "M_MainButton", { enumerable: true, get: function () { return components_1.MainButton; } });
|
|
51
51
|
Object.defineProperty(exports, "M_MobileAlertDialog", { enumerable: true, get: function () { return components_1.MobileAlertDialog; } });
|
|
52
|
-
Object.defineProperty(exports, "M_MobileBasicModal", { enumerable: true, get: function () { return components_1.MobileBasicModal; } });
|
|
53
52
|
Object.defineProperty(exports, "M_MobileHeaderBar", { enumerable: true, get: function () { return components_1.MobileHeaderBar; } });
|
|
54
53
|
Object.defineProperty(exports, "M_MobileTabBar", { enumerable: true, get: function () { return components_1.MobileTabBar; } });
|
|
55
54
|
Object.defineProperty(exports, "M_Radio", { enumerable: true, get: function () { return components_1.Radio; } });
|
|
@@ -62,3 +61,6 @@ Object.defineProperty(exports, "M_TextLabel", { enumerable: true, get: function
|
|
|
62
61
|
Object.defineProperty(exports, "M_UploadIconButton", { enumerable: true, get: function () { return components_1.UploadIconButton; } });
|
|
63
62
|
Object.defineProperty(exports, "M_UploadMainButton", { enumerable: true, get: function () { return components_1.UploadMainButton; } });
|
|
64
63
|
Object.defineProperty(exports, "M_UploadTextButton", { enumerable: true, get: function () { return components_1.UploadTextButton; } });
|
|
64
|
+
// panels
|
|
65
|
+
var panels_1 = require("./panels");
|
|
66
|
+
Object.defineProperty(exports, "M_MobileBasicModal", { enumerable: true, get: function () { return panels_1.MobileBasicModal; } });
|
|
File without changes
|
|
@@ -30,10 +30,7 @@ var react_1 = __importStar(require("react"));
|
|
|
30
30
|
var react_dom_1 = __importDefault(require("react-dom"));
|
|
31
31
|
var styled_components_1 = __importStar(require("styled-components"));
|
|
32
32
|
var hybrid_1 = require("../../../hybrid");
|
|
33
|
-
var
|
|
34
|
-
var MainButton_1 = require("../MainButton");
|
|
35
|
-
var TextButton_1 = require("../TextButton");
|
|
36
|
-
var TextLabel_1 = require("../TextLabel");
|
|
33
|
+
var components_1 = require("../../components");
|
|
37
34
|
function MobileBasicModal(_a) {
|
|
38
35
|
var titleText = _a.titleText, _b = _a.bodySpacingMode, bodySpacingMode = _b === void 0 ? 'use' : _b, _c = _a.bodyOverflowType, bodyOverflowType = _c === void 0 ? 'auto' : _c, contentText = _a.contentText, mBtnText = _a.mBtnText, _d = _a.mBtnState, mBtnState = _d === void 0 ? 'normal' : _d, _e = _a.mBtnType, mBtnType = _e === void 0 ? 'button' : _e, tBtnText = _a.tBtnText, _f = _a.tBtnState, tBtnState = _f === void 0 ? 'normal' : _f, _g = _a.tBtnType, tBtnType = _g === void 0 ? 'button' : _g, onClickMBtn = _a.onClickMBtn, onClickTBtn = _a.onClickTBtn, onClickXMarkIcon = _a.onClickXMarkIcon, children = _a.children;
|
|
39
36
|
var container = (0, react_1.useState)(function () {
|
|
@@ -56,17 +53,17 @@ function MobileBasicModal(_a) {
|
|
|
56
53
|
react_1.default.createElement(S_ModalWrapper, null,
|
|
57
54
|
react_1.default.createElement(S_Header, null,
|
|
58
55
|
react_1.default.createElement(S_TitleWrapper, null,
|
|
59
|
-
react_1.default.createElement(
|
|
56
|
+
react_1.default.createElement(components_1.TextLabel, { text: titleText, colorTheme: "sysTextPrimary", styleTheme: "headingBold" })),
|
|
60
57
|
react_1.default.createElement(S_IconButtonWrapper, null,
|
|
61
|
-
react_1.default.createElement(
|
|
58
|
+
react_1.default.createElement(components_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconSize: 24, shapeType: "rectangle", iconName: "ic_xmark", iconColorKey: "ui_cpnt_modal_header_icon_02", iconFillType: "line", onClick: onClickXMarkIcon }))),
|
|
62
59
|
react_1.default.createElement(S_Body, { bodySpacingMode: bodySpacingMode, bodyOverflowType: bodyOverflowType },
|
|
63
|
-
contentText && (react_1.default.createElement(
|
|
60
|
+
contentText && (react_1.default.createElement(components_1.TextLabel, { text: contentText, colorTheme: "sysTextSecondary", styleTheme: "subTitleRegular" })),
|
|
64
61
|
children && children),
|
|
65
62
|
react_1.default.createElement(S_Footer, null,
|
|
66
|
-
react_1.default.createElement(
|
|
63
|
+
react_1.default.createElement(components_1.MainButton, { text: mBtnText, state: mBtnState, type: mBtnType, size: "rlarge", onClick: onClickMBtn }),
|
|
67
64
|
tBtnText && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
68
65
|
react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_b" }),
|
|
69
|
-
react_1.default.createElement(
|
|
66
|
+
react_1.default.createElement(components_1.TextButton, { text: tBtnText, state: tBtnState, type: tBtnType, size: "rlarge", onClick: onClickTBtn })))))), container);
|
|
70
67
|
}
|
|
71
68
|
var S_ModalOverlay = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: ", ";\n height: 100vh;\n left: 0;\n position: fixed;\n top: 0;\n width: 100vw;\n"], ["\n background-color: ", ";\n height: 100vh;\n left: 0;\n position: fixed;\n top: 0;\n width: 100vw;\n"])), function (_a) {
|
|
72
69
|
var theme = _a.theme;
|
|
File without changes
|
|
File without changes
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.MobileBasicModal = void 0;
|
|
4
|
+
var MobileBasicModal_1 = require("./MobileBasicModal");
|
|
5
|
+
Object.defineProperty(exports, "MobileBasicModal", { enumerable: true, get: function () { return MobileBasicModal_1.MobileBasicModal; } });
|
package/package.json
CHANGED
package/release-note.md
CHANGED
|
@@ -1,12 +1,4 @@
|
|
|
1
1
|
# PDS-DEV-KIT-WEB-TEST Release Notes
|
|
2
|
-
## [v0.0.
|
|
2
|
+
## [v0.0.6]
|
|
3
3
|
|
|
4
|
-
*
|
|
5
|
-
* DesktopAlertDialog
|
|
6
|
-
* btn2와 btn3의 colorTheme grey_01로 변경
|
|
7
|
-
* MobileAlertDialog
|
|
8
|
-
* btn2와 btn3의 colorTheme grey_01로 변경
|
|
9
|
-
* TextButton
|
|
10
|
-
* state에 따라 cursor변화 할 수 있도록 수정
|
|
11
|
-
* TextLabel
|
|
12
|
-
* wordBreak prop 추가
|
|
4
|
+
* DynamicDesktopNavbar내부 환경 변화(활성화 조건 변경)
|