pds-dev-kit-web 2.2.262 → 2.2.264
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/src/common/styles/colorSet/PaletteColor_Dark.json +2 -1
- package/dist/src/common/styles/colorSet/PaletteColor_light.json +2 -1
- package/dist/src/common/styles/colorSet/UIColor.json +4 -1
- package/dist/src/common/styles/colorSet/index.d.ts +5 -0
- package/dist/src/common/styles/colorSet/ui-type.d.ts +3 -0
- package/dist/src/sub/DynamicLayout/sections/FlexGridCustomSection.js +1 -1
- package/package.json +1 -1
- package/release-note.md +2 -3
|
@@ -380,5 +380,6 @@
|
|
|
380
380
|
"sys_widget_grey_08": "grey400",
|
|
381
381
|
"sys_on_base_hover_01": "black/opacity05",
|
|
382
382
|
"sys_on_base_pressed_01": "black/opacity10",
|
|
383
|
-
"usr_brand_secondary_opacity50": "darkgreen500/opacity50"
|
|
383
|
+
"usr_brand_secondary_opacity50": "darkgreen500/opacity50",
|
|
384
|
+
"usr_on_brand_primary_opacity50": "white/opacity50"
|
|
384
385
|
}
|
|
@@ -380,5 +380,6 @@
|
|
|
380
380
|
"sys_widget_grey_08": "darkgrey500",
|
|
381
381
|
"sys_on_base_hover_01": "white/opacity10",
|
|
382
382
|
"sys_on_base_pressed_01": "white/opacity20",
|
|
383
|
-
"usr_brand_secondary_opacity50": "green500/opacity50"
|
|
383
|
+
"usr_brand_secondary_opacity50": "green500/opacity50",
|
|
384
|
+
"usr_on_brand_primary_opacity50": "white/opacity50"
|
|
384
385
|
}
|
|
@@ -911,5 +911,8 @@
|
|
|
911
911
|
"ui_cpnt_message_reaction_base_03": "sys_component_pastel_base_03",
|
|
912
912
|
"ui_cpnt_message_reaction_base_04": "sys_component_pastel_base_04",
|
|
913
913
|
"ui_cpnt_message_reaction_base_05": "sys_component_pastel_base_05",
|
|
914
|
-
"ui_145": "usr_brand_secondary_opacity50"
|
|
914
|
+
"ui_145": "usr_brand_secondary_opacity50",
|
|
915
|
+
"ui_146": "usr_on_brand_primary_opacity50",
|
|
916
|
+
"ui_cpnt_badge_active": "sys_widget_status_active_01",
|
|
917
|
+
"ui_cpnt_badge_disabled": "sys_widget_grey_03"
|
|
915
918
|
}
|
|
@@ -506,6 +506,7 @@ declare const colorSet: {
|
|
|
506
506
|
sys_on_base_hover_01: string;
|
|
507
507
|
sys_on_base_pressed_01: string;
|
|
508
508
|
usr_brand_secondary_opacity50: string;
|
|
509
|
+
usr_on_brand_primary_opacity50: string;
|
|
509
510
|
};
|
|
510
511
|
readonly PaletteColor_light: {
|
|
511
512
|
sys_container_background_01: string;
|
|
@@ -890,6 +891,7 @@ declare const colorSet: {
|
|
|
890
891
|
sys_on_base_hover_01: string;
|
|
891
892
|
sys_on_base_pressed_01: string;
|
|
892
893
|
usr_brand_secondary_opacity50: string;
|
|
894
|
+
usr_on_brand_primary_opacity50: string;
|
|
893
895
|
};
|
|
894
896
|
readonly UIColor: {
|
|
895
897
|
ui_cpnt_button_fill_base_primary: string;
|
|
@@ -1805,6 +1807,9 @@ declare const colorSet: {
|
|
|
1805
1807
|
ui_cpnt_message_reaction_base_04: string;
|
|
1806
1808
|
ui_cpnt_message_reaction_base_05: string;
|
|
1807
1809
|
ui_145: string;
|
|
1810
|
+
ui_146: string;
|
|
1811
|
+
ui_cpnt_badge_active: string;
|
|
1812
|
+
ui_cpnt_badge_disabled: string;
|
|
1808
1813
|
};
|
|
1809
1814
|
};
|
|
1810
1815
|
export default colorSet;
|
|
@@ -200,7 +200,7 @@ var FlexGridCustomSection = (0, react_1.forwardRef)(function CustomSection(props
|
|
|
200
200
|
return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(FlexGridItem_1.default, { cb: cb, index: index, device: device, rowHeight: rowHeight, zIndex: (_a = zOrders === null || zOrders === void 0 ? void 0 : zOrders[device === 'DESKTOP' ? 'desktop' : 'mobile'][cb.id]) !== null && _a !== void 0 ? _a : 0 }) }, cb.id));
|
|
201
201
|
}) })) })) })) }) }));
|
|
202
202
|
});
|
|
203
|
-
var GridContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: grid; /* Space between grid items */\n gap: 10px;\n grid-auto-rows: minmax(", ", auto);\n grid-template-columns: repeat(", ", 1fr);\n grid-template-rows: repeat(\n ", ",\n minmax(", ", auto)\n );\n padding: 10px 10px;\n\n * {\n box-sizing: border-box;\n }\n"], ["\n display: grid; /* Space between grid items */\n gap: 10px;\n grid-auto-rows: minmax(", ", auto);\n grid-template-columns: repeat(", ", 1fr);\n grid-template-rows: repeat(\n ", ",\n minmax(", ", auto)\n );\n padding: 10px 10px;\n\n * {\n box-sizing: border-box;\n }\n"])), function (props) { return "".concat(props.rowHeight, "px"); }, function (props) { return props.cols; }, function (props) { return props.sectionRow; }, function (props) { return "".concat(props.rowHeight, "px"); });
|
|
203
|
+
var GridContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: grid; /* Space between grid items */\n gap: 10px;\n grid-auto-rows: minmax(", ", auto);\n grid-template-columns: repeat(", ", minmax(0, 1fr));\n grid-template-rows: repeat(\n ", ",\n minmax(", ", auto)\n );\n padding: 10px 10px;\n\n * {\n box-sizing: border-box;\n }\n"], ["\n display: grid; /* Space between grid items */\n gap: 10px;\n grid-auto-rows: minmax(", ", auto);\n grid-template-columns: repeat(", ", minmax(0, 1fr));\n grid-template-rows: repeat(\n ", ",\n minmax(", ", auto)\n );\n padding: 10px 10px;\n\n * {\n box-sizing: border-box;\n }\n"])), function (props) { return "".concat(props.rowHeight, "px"); }, function (props) { return props.cols; }, function (props) { return props.sectionRow; }, function (props) { return "".concat(props.rowHeight, "px"); });
|
|
204
204
|
var S_SectionWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: relative;\n"], ["\n position: relative;\n"])));
|
|
205
205
|
exports.default = react_1.default.memo(FlexGridCustomSection);
|
|
206
206
|
function getDefensiveFontSize(device, width) {
|
package/package.json
CHANGED