@egov3/system-design 1.3.165 → 1.3.167

package/dist/esm/components/Services/NextStepComponent/index.js

@@ -22,6 +22,13 @@ import { i18n } from '../../../constants/i18n/index.js';
 import '../../../baseComponents/Modal/Modal.module.css.js';
 import '../../../baseComponents/RadioGroup/RadioGroup.module.css.js';
 import '../../../baseComponents/RadioToggle/RadioToggle.module.css.js';
+import '@egov3/graphics/General/DocFilled';
+import '@egov3/graphics/General/CheckedRound';
+import '@egov3/graphics/General/Error';
+import '@egov3/graphics/General/InfoStroke';
+import '../../../baseComponents/TextPair/TextPair.module.css.js';
+import '../../../baseComponents/StatusText/StatusText.module.css.js';
+import '../../../baseComponents/Responses/Responses.module.css.js';
 import '@egov3/graphics/General/Clear';
 import '@egov3/graphics/General/Loader';
 import '@egov3/graphics/General/Search';
@@ -31,11 +38,6 @@ import '../../../baseComponents/SelectBoxButton/SelectBoxButton.module.css.js';
 import '@egov3/graphics/Basic/Check';
 import '@egov3/graphics/General/Hourglass';
 import '../../../baseComponents/StatusStepper/StatusStepper.module.css.js';
-import '@egov3/graphics/General/CheckedRound';
-import '@egov3/graphics/General/Error';
-import '@egov3/graphics/General/InfoStroke';
-import '../../../baseComponents/TextPair/TextPair.module.css.js';
-import '../../../baseComponents/StatusText/StatusText.module.css.js';
 import '../../../baseComponents/TabButtons/TabButtons.module.css.js';
 import '../../../baseComponents/TextareaField/index.js';
 import styles from './NextStepComponent.module.css.js';

package/dist/esm/components/Services/NextStepComponent/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Services/NextStepComponent/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM;AAEpB,MAAM,iBAAiB,GAAG,CAAC,EAChC,QAAQ,EACR,mBAAmB,EACnB,IAAI,EACJ,QAAQ,GAAG,KAAK,GACQ,KAAI;IAC5B,MAAM,MAAM,IACVA,GAAA,CAAC,MAAM,mBACO,aAAa,EAAA,YAAA,EACb,OAAO,CAAC,2BAA2B,CAAC,IAAI,CAAC,EACrD,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,WAAW,EAAE,QAAQ,IAAI,MAAM,CAAC,MAAM,CAAC,EACrE,OAAO,EAAE,mBAAmB,EAC5B,QAAQ,EAAE,QAAQ,EAAA,eAAA,EACH,QAAQ,EAAA,QAAA,EAEtB,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAA,CAChB,CACV;IAED,IAAI,QAAQ,EAAE;AACZ,QAAA,OAAO,MAAM;IACf;AAEA,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,qBAAqB,EACjC,SAAS,EAAE,MAAM,CAAC,kBAAkB,EAAA,QAAA,EAEnC,MAAM,EAAA,CACH;AAEV;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Services/NextStepComponent/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM;AAEpB,MAAM,iBAAiB,GAAG,CAAC,EAChC,QAAQ,EACR,mBAAmB,EACnB,IAAI,EACJ,QAAQ,GAAG,KAAK,GACQ,KAAI;IAC5B,MAAM,MAAM,IACVA,GAAA,CAAC,MAAM,mBACO,aAAa,EAAA,YAAA,EACb,OAAO,CAAC,2BAA2B,CAAC,IAAI,CAAC,EACrD,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,WAAW,EAAE,QAAQ,IAAI,MAAM,CAAC,MAAM,CAAC,EACrE,OAAO,EAAE,mBAAmB,EAC5B,QAAQ,EAAE,QAAQ,EAAA,eAAA,EACH,QAAQ,EAAA,QAAA,EAEtB,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAA,CAChB,CACV;IAED,IAAI,QAAQ,EAAE;AACZ,QAAA,OAAO,MAAM;IACf;AAEA,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,qBAAqB,EACjC,SAAS,EAAE,MAAM,CAAC,kBAAkB,EAAA,QAAA,EAEnC,MAAM,EAAA,CACH;AAEV;;;;"}

package/dist/esm/index.js

@@ -14,6 +14,7 @@ export { Modal } from './baseComponents/Modal/index.js';
 export { Overlay } from './baseComponents/Overlay/index.js';
 export { CustomRadioButton, RadioGroup } from './baseComponents/RadioGroup/index.js';
 export { RadioToggle } from './baseComponents/RadioToggle/index.js';
+export { Responses } from './baseComponents/Responses/index.js';
 export { SearchBar } from './baseComponents/SearchBar/index.js';
 export { SelectBoxButton } from './baseComponents/SelectBoxButton/index.js';
 export { StatusStepper } from './baseComponents/StatusStepper/index.js';

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/styles/colors.css.js

@@ -1,4 +1,4 @@
-var css_248z = ":root {\n  /* Buttons Colors */\n  --button-alternative-default-color: rgba(170, 170, 170, 0.64);\n  --button-disabled-default-color: #c5ccd3;\n  --button-primary-default: #0581da;\n  --button-primary-on-hover-color: #1a9cfa;\n  --button-secondary-default-color: #e6e9ec;\n  --button-secondary-on-hover: #c5ccd3;\n  --button-tinted-default-color: #e1f0fb;\n  --button-tinted-on-hover-color: #b2d9f5;\n  --button-black-default-color: #000;\n  --button-black-on-hover-color: #333;\n\n  /* Default Colors */\n  --default-primary-accent: #0581da;\n  --default-white-color: #fff;\n  --default-black-color: #000;\n\n  /* General lightmode colors */\n  --leaf: #c1dc19;\n\n  /* Icons Colors */\n  --icon-accent-color: #0581da;\n  --icon-error-color: #f35929;\n  --icon-primary-color: #000;\n  --icon-secondary-color: #758393;\n  --icon-success: #57bb09;\n  --icon-warning-color: #f3a229;\n  --icon-tertiary: #ccd1d7;\n  --icon-white-nonconvert-color: #fff;\n  --icon-disabled-color: #929daa;\n\n  /* Page Color */\n  --page-color-background-gray: #f0f2f4;\n  --page-color-background-white: #fff;\n\n  /* Surface Colors */\n  --surface-surface-1: #f0f2f4;\n  --surface-surface-2: #fff;\n  --surface-surface-3: #e3e7eb;\n  --surface-surface-4: rgba(170, 170, 170, 0.64);\n  --surface-surface-alt: rgba(240, 242, 244, 0.8);\n  --surface-surface-black-nonconvert: #000;\n  --surface-surface-black-opacity: rgba(0, 0, 0, 0.24);\n  --surface-surface-white-nonconvert: #fff;\n  --surface-surface-tinted: #e1f0fb;\n  --surface-accent: #0581da;\n\n  /* Text Colors */\n  --text-accent: #0581da;\n  --text-disabled-accent-color: #9bcdf0;\n  --text-disabled-color: #929daa;\n  --text-primary: #000;\n  --text-secondary: #758393;\n  --text-white-nonconvert-color: #fff;\n  --text-error: #f35929;\n  --text-success: #57bb09;\n\n  /* Border-Stroke Colors */\n  --border-stroke-primary: #e6e9ec;\n\n  /*number of cards on tablet, laptop, and desktop screens*/\n  --tablet: 3;\n  --labtop: 4;\n  --desktop: 6;\n}\n";
+var css_248z = ":root {\n  /* Buttons Colors */\n  --button-alternative-default-color: rgba(170, 170, 170, 0.64);\n  --button-disabled-default-color: #c5ccd3;\n  --button-primary-default: #0581da;\n  --button-primary-on-hover-color: #1a9cfa;\n  --button-secondary-default-color: #e6e9ec;\n  --button-secondary-on-hover: #c5ccd3;\n  --button-tinted-default-color: #e1f0fb;\n  --button-tinted-on-hover-color: #b2d9f5;\n  --button-black-default-color: #000;\n  --button-black-on-hover-color: #333;\n  --button-tinted-red-default-color: rgba(254, 235, 229, 1);\n\n  /* Default Colors */\n  --default-primary-accent: #0581da;\n  --default-white-color: #fff;\n  --default-black-color: #000;\n\n  /* General lightmode colors */\n  --leaf: #c1dc19;\n\n  /* Icons Colors */\n  --icon-accent-color: #0581da;\n  --icon-error-color: #f35929;\n  --icon-primary-color: #000;\n  --icon-secondary-color: #758393;\n  --icon-success: #57bb09;\n  --icon-warning-color: #f3a229;\n  --icon-tertiary: #ccd1d7;\n  --icon-white-nonconvert-color: #fff;\n  --icon-disabled-color: #929daa;\n\n  /* Page Color */\n  --page-color-background-gray: #f0f2f4;\n  --page-color-background-white: #fff;\n\n  /* Surface Colors */\n  --surface-surface-1: #f0f2f4;\n  --surface-surface-2: #fff;\n  --surface-surface-3: #e3e7eb;\n  --surface-surface-4: rgba(170, 170, 170, 0.64);\n  --surface-surface-alt: rgba(240, 242, 244, 0.8);\n  --surface-surface-black-nonconvert: #000;\n  --surface-surface-black-opacity: rgba(0, 0, 0, 0.24);\n  --surface-surface-white-nonconvert: #fff;\n  --surface-surface-tinted: #e1f0fb;\n  --surface-accent: #0581da;\n\n  /* Text Colors */\n  --text-accent: #0581da;\n  --text-disabled-accent-color: #9bcdf0;\n  --text-disabled-color: #929daa;\n  --text-primary: #000;\n  --text-secondary: #758393;\n  --text-white-nonconvert-color: #fff;\n  --text-error: #f35929;\n  --text-success: #57bb09;\n  --text-warning: rgba(243, 162, 41, 1);\n\n  /* Border-Stroke Colors */\n  --border-stroke-primary: #e6e9ec;\n\n  /*number of cards on tablet, laptop, and desktop screens*/\n  --tablet: 3;\n  --labtop: 4;\n  --desktop: 6;\n}\n";
 function styleInject(css, options) {
     if (typeof document === 'undefined') return;
     const head = document.head || document.getElementsByTagName('head')[0];

package/dist/styles/colors.css

@@ -10,6 +10,7 @@
   --button-tinted-on-hover-color: #b2d9f5;
   --button-black-default-color: #000;
   --button-black-on-hover-color: #333;
+  --button-tinted-red-default-color: rgba(254, 235, 229, 1);
 
   /* Default Colors */
   --default-primary-accent: #0581da;
@@ -55,6 +56,7 @@
   --text-white-nonconvert-color: #fff;
   --text-error: #f35929;
   --text-success: #57bb09;
+  --text-warning: rgba(243, 162, 41, 1);
 
   /* Border-Stroke Colors */
   --border-stroke-primary: #e6e9ec;

package/dist/types/baseComponents/Responses/index.d.ts

@@ -0,0 +1,21 @@
+import * as react from 'react';
+import { MouseEventHandler } from 'react';
+
+interface IResponsesProps {
+    label?: string;
+    text?: string;
+    textType?: "ERROR" | "INFO" | "SUCCESS";
+    documents: {
+        id: string;
+        name: string;
+        ariaLabel: string;
+        fileType: "SUCCESS" | "ERROR";
+        hint?: string;
+        onClick: MouseEventHandler<HTMLButtonElement>;
+        isDisabled: boolean;
+    }[];
+}
+declare const Responses: ({ label, text, textType, documents, }: IResponsesProps) => react.JSX.Element;
+
+export { Responses };
+export type { IResponsesProps };

package/dist/types/index.d.ts

@@ -11,6 +11,7 @@ export { IFooterButtonsItem, IModalProps, Modal } from './baseComponents/Modal/i
 export { IOverlayProps, Overlay } from './baseComponents/Overlay/index.js';
 export { CustomRadioButton, ICustomRadioButtonProps, IRadioGroupItem, IRadioGroupProps, RadioGroup } from './baseComponents/RadioGroup/index.js';
 export { IRadioToggleProps, RadioToggle } from './baseComponents/RadioToggle/index.js';
+export { IResponsesProps, Responses } from './baseComponents/Responses/index.js';
 export { ISearchBarProps, SearchBar } from './baseComponents/SearchBar/index.js';
 export { ISelectBoxProps, SelectBoxButton } from './baseComponents/SelectBoxButton/index.js';
 export { StatusStepper } from './baseComponents/StatusStepper/index.js';

package/dist/types/interfaces/Button.d.ts

@@ -1,4 +1,4 @@
-type TButtonVariant = "default" | "tinted" | "secondary" | "black";
+type TButtonVariant = "default" | "tinted" | "secondary" | "black" | "tinted-red";
 type TButtonSize = "mini" | "small" | "medium" | "large";
 
 export type { TButtonSize, TButtonVariant };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@egov3/system-design",
-  "version": "1.3.165",
+  "version": "1.3.167",
   "type": "module",
   "main": "dist/cjs/index.js",
   "types": "dist/types/index.d.ts",