pds-dev-kit-web 0.3.30 → 0.3.34

package/dist/src/common/components/Spacing/Spacing.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export declare type SpacingProps = {
     size: 'spacing_a' | 'spacing_b' | 'spacing_c' | 'spacing_d' | 'spacing_e' | 'spacing_f' | 'spacing_g' | 'spacing_h' | 'spacing_i' | 'spacing_j' | 'spacing_k' | 'spacing_l' | 'spacing_m' | 'spacing_n';
-    spacingType: 'height' | 'width';
+    spacingType?: 'height' | 'width';
 };
 declare function Spacing({ size, spacingType }: SpacingProps): JSX.Element;
 export default Spacing;

package/dist/src/common/components/Spacing/Spacing.js

@@ -151,10 +151,11 @@ var S_Spacing = styled_components_1.default.div(templateObject_15 || (templateOb
         }[size];
 }, function (_a) {
     var spacingType = _a.spacingType;
-    return ({
-        height: 'width: 1px',
-        width: 'height: 1px'
-    }[spacingType]);
+    return spacingType &&
+        {
+            height: 'width: 1px',
+            width: 'height: 1px'
+        }[spacingType];
 });
 exports.default = Spacing;
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15;

package/dist/src/common/styles/colorSet/PaletteColor_Dark.json

@@ -98,5 +98,7 @@
     "sys_papp_post_notice_link": "darkskyblue500",
     "sys_sys_component_base_navy_light": "darknavy100",
     "sys_component_base_orange": "darkorange500",
-    "sys_component_base_grey": "darkgrey400"
+    "sys_component_base_grey": "darkgrey400",
+    "sys_component_base_black_opacity80": "black/opacity80",
+    "sys_text_darkgrey_02": "darkgrey500"
 }

package/dist/src/common/styles/colorSet/PaletteColor_light.json

@@ -98,5 +98,7 @@
     "sys_papp_post_notice_link": "skyblue500",
     "sys_sys_component_base_navy_light": "navy100",
     "sys_component_base_orange": "orange500",
-    "sys_component_base_grey": "grey400"
+    "sys_component_base_grey": "grey400",
+    "sys_component_base_black_opacity80": "black/opacity80",
+    "sys_text_darkgrey_02": "darkgrey500"
 }

package/dist/src/common/styles/colorSet/SemanticColor.json

@@ -49,5 +49,6 @@
     "darkgreen300": "#47F0C3",
     "darkskyblue500": "#65A4FF",
     "navy100": "#6E77A9",
-    "darknavy100": "#7A82B2"
+    "darknavy100": "#7A82B2",
+    "opacity80": "CC"
 }

package/dist/src/common/styles/colorSet/UIColor.json

@@ -384,5 +384,9 @@
     "ui_cpnt_statusblock_proceeding": "sys_component_base_red",
     "ui_cpnt_statusblock_cancel": "sys_component_base_grey",
     "ui_cpnt_statusblock_end": "sys_component_base_grey",
-    "ui_cpnt_statusblock_error": "sys_component_base_orange"
+    "ui_cpnt_statusblock_error": "sys_component_base_orange",
+    "ui_cpnt_list_base_area_white": "sys_component_base_white",
+    "ui_cpnt_list_base_area_translucent": "sys_component_base_black_opacity80",
+    "ui_cpnt_list_base_area_transparent": "sys_component_base_black_opacity00",
+    "ui_cpnt_list_text_caption_02": "sys_text_darkgrey_02"
 }

package/dist/src/common/styles/colorSet/index.d.ts

@@ -1,5 +1,5 @@
 declare const colorSet: {
-    readonly PaletteColor_light: {
+    readonly PaletteColor_Dark: {
         sys_container_background_01: string;
         sys_container_background_02: string;
         sys_container_background_03: string;
@@ -100,8 +100,64 @@ declare const colorSet: {
         sys_sys_component_base_navy_light: string;
         sys_component_base_orange: string;
         sys_component_base_grey: string;
+        sys_component_base_black_opacity80: string;
+        sys_text_darkgrey_02: string;
     };
-    readonly PaletteColor_Dark: {
+    readonly SemanticColor: {
+        blue500: string;
+        blue700: string;
+        blue300: string;
+        green700: string;
+        green500: string;
+        green300: string;
+        red500: string;
+        grey900: string;
+        grey500: string;
+        grey400: string;
+        grey100: string;
+        grey50: string;
+        white: string;
+        black: string;
+        darkblue500: string;
+        grey950: string;
+        darkgrey900: string;
+        darkgrey500: string;
+        darkgrey400: string;
+        darkgrey100: string;
+        darkgrey50: string;
+        darkred500: string;
+        darkgreen700: string;
+        orange500: string;
+        darkorange500: string;
+        opacity00: string;
+        opacity20: string;
+        opacity30: string;
+        opacity65: string;
+        darkgreen500: string;
+        grey70: string;
+        navy500: string;
+        lightgreen500: string;
+        pink500: string;
+        darkgrey70: string;
+        darknavy500: string;
+        darkpink500: string;
+        darklightgreen500: string;
+        opacity10: string;
+        grey600: string;
+        darkgrey600: string;
+        skyblue500: string;
+        skyblue300: string;
+        pink300: string;
+        lightpink500: string;
+        darkblue300: string;
+        darkblue700: string;
+        darkgreen300: string;
+        darkskyblue500: string;
+        navy100: string;
+        darknavy100: string;
+        opacity80: string;
+    };
+    readonly PaletteColor_light: {
         sys_container_background_01: string;
         sys_container_background_02: string;
         sys_container_background_03: string;
@@ -202,59 +258,8 @@ declare const colorSet: {
         sys_sys_component_base_navy_light: string;
         sys_component_base_orange: string;
         sys_component_base_grey: string;
-    };
-    readonly SemanticColor: {
-        blue500: string;
-        blue700: string;
-        blue300: string;
-        green700: string;
-        green500: string;
-        green300: string;
-        red500: string;
-        grey900: string;
-        grey500: string;
-        grey400: string;
-        grey100: string;
-        grey50: string;
-        white: string;
-        black: string;
-        darkblue500: string;
-        grey950: string;
-        darkgrey900: string;
-        darkgrey500: string;
-        darkgrey400: string;
-        darkgrey100: string;
-        darkgrey50: string;
-        darkred500: string;
-        darkgreen700: string;
-        orange500: string;
-        darkorange500: string;
-        opacity00: string;
-        opacity20: string;
-        opacity30: string;
-        opacity65: string;
-        darkgreen500: string;
-        grey70: string;
-        navy500: string;
-        lightgreen500: string;
-        pink500: string;
-        darkgrey70: string;
-        darknavy500: string;
-        darkpink500: string;
-        darklightgreen500: string;
-        opacity10: string;
-        grey600: string;
-        darkgrey600: string;
-        skyblue500: string;
-        skyblue300: string;
-        pink300: string;
-        lightpink500: string;
-        darkblue300: string;
-        darkblue700: string;
-        darkgreen300: string;
-        darkskyblue500: string;
-        navy100: string;
-        darknavy100: string;
+        sys_component_base_black_opacity80: string;
+        sys_text_darkgrey_02: string;
     };
     readonly UIColor: {
         ui_cpnt_button_fill_base_primary: string;
@@ -643,6 +648,10 @@ declare const colorSet: {
         ui_cpnt_statusblock_cancel: string;
         ui_cpnt_statusblock_end: string;
         ui_cpnt_statusblock_error: string;
+        ui_cpnt_list_base_area_white: string;
+        ui_cpnt_list_base_area_translucent: string;
+        ui_cpnt_list_base_area_transparent: string;
+        ui_cpnt_list_text_caption_02: string;
     };
 };
 export default colorSet;

package/dist/src/common/styles/colorSet/index.js

@@ -4,14 +4,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 /* eslint-disable import/order */
-var PaletteColor_light_json_1 = __importDefault(require("./PaletteColor_light.json"));
 var PaletteColor_Dark_json_1 = __importDefault(require("./PaletteColor_Dark.json"));
 var SemanticColor_json_1 = __importDefault(require("./SemanticColor.json"));
+var PaletteColor_light_json_1 = __importDefault(require("./PaletteColor_light.json"));
 var UIColor_json_1 = __importDefault(require("./UIColor.json"));
 var colorSet = {
-    PaletteColor_light: PaletteColor_light_json_1.default,
     PaletteColor_Dark: PaletteColor_Dark_json_1.default,
     SemanticColor: SemanticColor_json_1.default,
+    PaletteColor_light: PaletteColor_light_json_1.default,
     UIColor: UIColor_json_1.default
 };
 exports.default = colorSet;

package/dist/src/common/styles/colorSet/ui-type.d.ts

@@ -385,4 +385,8 @@ export interface UITheme {
     ui_cpnt_statusblock_cancel: string;
     ui_cpnt_statusblock_end: string;
     ui_cpnt_statusblock_error: string;
+    ui_cpnt_list_base_area_white: string;
+    ui_cpnt_list_base_area_translucent: string;
+    ui_cpnt_list_base_area_transparent: string;
+    ui_cpnt_list_text_caption_02: string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pds-dev-kit-web",
-  "version": "0.3.30",
+  "version": "0.3.34",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",