@secondstaxorg/sscomp 1.6.7 → 1.6.8

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@secondstaxorg/sscomp",
-  "version": "1.6.7",
+  "version": "1.6.8",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/Secondstax/sscomp.git"
+    "url": "https://github.com/Secondstax/sscomp.git"
   },
   "description": "A react component library for secondstax",
   "main": "dist/index.min.js",
@@ -27,7 +27,7 @@
     "chromatic-force": "npx chromatic --project-token=chpt_2b0f52cf5545391 --force-rebuild"
   },
   "author": {
-    "name": "augustus Otu, mark obuobi"
+    "name": "augustus Otu, Mark Obuobi"
   },
   "license": "ISC",
   "devDependencies": {

package/types/components/DatePicker/style.d.ts

@@ -2,3 +2,4 @@ export declare const InputLabel: import("styled-components").StyledComponent<"di
 export declare const DatePickerContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const InputField: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const CalendarContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ErrorMessage: import("styled-components").StyledComponent<"p", any, {}, never>;

package/types/components/DatePicker/type.d.ts

@@ -23,5 +23,12 @@ export interface DatePickerProps {
      * Placeholder text for the datepicker field
      */
     placeholder?: string;
+    /**
+     * Determine how wide the date picker field should be
+     */
     width?: number;
+    /**
+     * Specify whether the field is a required field
+     */
+    required?: boolean;
 }

package/types/components/DropdownList/style.d.ts

@@ -1,5 +1,5 @@
+export declare const InputLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const FieldContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const LabelContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const DropdownField: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const DisabledContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const DropdownIcon: import("styled-components").StyledComponent<"div", any, {}, never>;

package/types/components/DropdownList/type.d.ts

@@ -33,5 +33,12 @@ export interface DropdownProps {
      * Boolean to specify whether the list is searchable
      */
     searchable?: boolean;
+    /**
+     * Specify the width of the component
+     */
     width?: number | "fit-content";
+    /**
+     * Boolean to specify whether the field is required
+     */
+    required?: boolean;
 }

package/types/components/MarketData/helpers.d.ts

@@ -0,0 +1,2 @@
+export declare function moneyfy(number: number): string;
+export declare function thousandSeparator(number: number): string;

package/types/components/Ribbon/style.d.ts

@@ -1,2 +1,3 @@
+export declare const RibbonGroup: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const RibbonContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const RibbonItem: import("styled-components").StyledComponent<"a", any, {}, never>;

package/types/components/SSXBar/style.d.ts

@@ -1 +1,2 @@
 export declare const SSXBarContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SSXMobileMenuContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/types/components/SSXBar/types.d.ts

@@ -1,5 +1,6 @@
-import { ReactNode } from "react";
-export interface SSXBarProps {
+import React, { ReactNode } from "react";
+export interface SSXBarProps extends React.HTMLAttributes<HTMLDivElement> {
     children: ReactNode;
     background: 'dark' | 'light';
+    className?: string;
 }

package/types/components/Selector/styles.d.ts

@@ -1 +1,5 @@
+export declare const MainContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const FieldContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const InputLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SrInput: import("styled-components").StyledComponent<"input", any, {}, never>;
 export declare const SelectorContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/types/components/Selector/types.d.ts

@@ -12,6 +12,32 @@ export interface SelectorProps {
     selectedItem: (a: {
         label: string;
         value?: string;
-    } | null) => void;
-    width?: number;
+    } | {
+        label: string;
+        value?: string;
+    }[] | null) => void;
+    /**
+     * Specify the CSS width of the component
+     */
+    width?: number | string;
+    /**
+     * Specify whether multiple options can be selected
+     */
+    multiSelect?: boolean;
+    /**
+     * Specify whether the field is required
+     */
+    required?: boolean;
+    /**
+     * Label for the field
+     */
+    label?: string;
+    /**
+     * Accompanying subtext for the label
+     */
+    subText?: string;
+    /**
+     * Custom error message to be displayed when validation fails
+     */
+    errMsg?: string;
 }

package/types/components/TextField/style.d.ts

@@ -1,4 +1,5 @@
 export declare const InputLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const MainContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const InputField: import("styled-components").StyledComponent<"input", any, {}, never>;
 export declare const InputContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ErrorMessage: import("styled-components").StyledComponent<"p", any, {}, never>;