pds-dev-kit-web 2.2.263 → 2.2.265
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/SemanticColor.json +1 -1
- package/dist/src/common/styles/colorSet/UIColor.json +2 -1
- package/dist/src/common/styles/colorSet/index.d.ts +3 -0
- package/dist/src/common/styles/colorSet/ui-type.d.ts +1 -0
- package/dist/src/sub/DynamicLayout/sections/FlexGridCustomSection.js +1 -1
- package/package.json +1 -1
- package/release-note.md +2 -3
|
@@ -381,5 +381,6 @@
|
|
|
381
381
|
"sys_on_base_hover_01": "black/opacity05",
|
|
382
382
|
"sys_on_base_pressed_01": "black/opacity10",
|
|
383
383
|
"usr_brand_secondary_opacity50": "darkgreen500/opacity50",
|
|
384
|
-
"usr_on_brand_primary_opacity50": "white/opacity50"
|
|
384
|
+
"usr_on_brand_primary_opacity50": "white/opacity50",
|
|
385
|
+
"sys_cpnt_sheet_base_55": "darkgreen500/opacity15"
|
|
385
386
|
}
|
|
@@ -381,5 +381,6 @@
|
|
|
381
381
|
"sys_on_base_hover_01": "white/opacity10",
|
|
382
382
|
"sys_on_base_pressed_01": "white/opacity20",
|
|
383
383
|
"usr_brand_secondary_opacity50": "green500/opacity50",
|
|
384
|
-
"usr_on_brand_primary_opacity50": "white/opacity50"
|
|
384
|
+
"usr_on_brand_primary_opacity50": "white/opacity50",
|
|
385
|
+
"sys_cpnt_sheet_base_55": "green500/opacity15"
|
|
385
386
|
}
|
|
@@ -914,5 +914,6 @@
|
|
|
914
914
|
"ui_145": "usr_brand_secondary_opacity50",
|
|
915
915
|
"ui_146": "usr_on_brand_primary_opacity50",
|
|
916
916
|
"ui_cpnt_badge_active": "sys_widget_status_active_01",
|
|
917
|
-
"ui_cpnt_badge_disabled": "sys_widget_grey_03"
|
|
917
|
+
"ui_cpnt_badge_disabled": "sys_widget_grey_03",
|
|
918
|
+
"ui_147": "sys_cpnt_sheet_base_55"
|
|
918
919
|
}
|
|
@@ -507,6 +507,7 @@ declare const colorSet: {
|
|
|
507
507
|
sys_on_base_pressed_01: string;
|
|
508
508
|
usr_brand_secondary_opacity50: string;
|
|
509
509
|
usr_on_brand_primary_opacity50: string;
|
|
510
|
+
sys_cpnt_sheet_base_55: string;
|
|
510
511
|
};
|
|
511
512
|
readonly PaletteColor_light: {
|
|
512
513
|
sys_container_background_01: string;
|
|
@@ -892,6 +893,7 @@ declare const colorSet: {
|
|
|
892
893
|
sys_on_base_pressed_01: string;
|
|
893
894
|
usr_brand_secondary_opacity50: string;
|
|
894
895
|
usr_on_brand_primary_opacity50: string;
|
|
896
|
+
sys_cpnt_sheet_base_55: string;
|
|
895
897
|
};
|
|
896
898
|
readonly UIColor: {
|
|
897
899
|
ui_cpnt_button_fill_base_primary: string;
|
|
@@ -1810,6 +1812,7 @@ declare const colorSet: {
|
|
|
1810
1812
|
ui_146: string;
|
|
1811
1813
|
ui_cpnt_badge_active: string;
|
|
1812
1814
|
ui_cpnt_badge_disabled: string;
|
|
1815
|
+
ui_147: string;
|
|
1813
1816
|
};
|
|
1814
1817
|
};
|
|
1815
1818
|
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