oddsgate-ds 1.0.71 → 1.0.72

package/dist/esm/types/components/atoms/Separator/Separator.component.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
 import { ISeparator } from './Separator.interface';
-declare const Separator: ({ color, margin, height, ...props }: ISeparator) => React.JSX.Element;
+import React from 'react';
+declare const Separator: ({ type, color, height, margin, ...props }: ISeparator) => React.JSX.Element;
 export default Separator;

package/dist/esm/types/components/atoms/Separator/Separator.interface.d.ts

@@ -1,6 +1,7 @@
 import { CSSProperties } from 'react';
 export type ISeparator = {
     color?: string;
+    type?: string;
     margin?: string;
     height?: string;
     className?: string;

package/dist/types.d.ts

@@ -169,13 +169,14 @@ declare const Spacer: ({ id, color, customHeight, height, className, ...props }:
 
 type ISeparator = {
     color?: string;
+    type?: string;
     margin?: string;
     height?: string;
     className?: string;
     style?: CSSProperties;
 };
 
-declare const Separator: ({ color, margin, height, ...props }: ISeparator) => React__default.JSX.Element;
+declare const Separator: ({ type, color, height, margin, ...props }: ISeparator) => React__default.JSX.Element;
 
 interface IFlexBase {
     className?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oddsgate-ds",
-  "version": "1.0.71",
+  "version": "1.0.72",
   "description": "Miew theme component library",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",

package/src/components/atoms/Separator/Separator.component.tsx

@@ -1,14 +1,15 @@
-import React from 'react';
-
 import { ISeparator } from './Separator.interface';
+import React from 'react';
 import { StyledSeparator } from './Separator.theme';
 
-const Separator = ({ color, margin, height, ...props }: ISeparator) => {
+const Separator = ({ type, color, height, margin, ...props }: ISeparator) => {
   return (
     <StyledSeparator
+
       style={{
-        backgroundColor: color ? color : ``,
-        height: height,
+        borderColor: color ? color : ``,
+        borderWidth: height,
+        borderStyle: type,
         margin: margin ? margin : ''
       }}
       {...props}

package/src/components/atoms/Separator/Separator.interface.tsx

@@ -2,6 +2,7 @@ import { CSSProperties } from 'react';
 
 export type ISeparator = {
   color?: string
+  type?: string
   margin?: string,
   height?: string
   className?: string;

package/src/components/atoms/Separator/Separator.stories.tsx

@@ -23,6 +23,7 @@ export const Simple: StoryObj<ISeparator> = {
   render: args => <Separator {...args} />,
   args: {
     height: '5px',
-    color: '#000'
+    color: '#000',
+    type: 'solid'
   }
 }