Merge pull request #15 from 1Byte-Software/develop

Update DashboardTemplate component token

Author: KennethWise

package.json

@@ -1,6 +1,6 @@
 {
     "name": "1byte-react-design",
-    "version": "1.4.4-1",
+    "version": "1.4.12",
     "main": "dist/index.js",
     "module": "dist/index.js",
     "types": "dist/index.d.ts",

src/templates/DashboardTemplate/Sider/index.tsx

@@ -1,11 +1,13 @@
 import { forwardRef, useState } from 'react';
 import { DashboardTemplateSiderStyles } from './styles';
 import { RdDashboardTemplateSiderComponent } from './types';
+import { getComponentOrGlobalToken, getComponentToken } from '../../../utils';
 
 export const DashboardTemplateSider: RdDashboardTemplateSiderComponent = forwardRef(
     (props, ref) => {
         const { children, render, ...restProps } = props;
         const [collapsed, setCollapsed] = useState(false);
+        const siderWidth = getComponentToken('DashboardTemplate', 'siderWidth');
 
         if (render) {
             return render({ children, ...restProps });
@@ -14,7 +16,7 @@ export const DashboardTemplateSider: RdDashboardTemplateSiderComponent = forward
         return (
             <DashboardTemplateSiderStyles
                 ref={ref}
-                width={264}
+                width={siderWidth || 264}
                 collapsedWidth={68}
                 collapsible
                 collapsed={collapsed}

src/templates/DashboardTemplate/types.ts

@@ -5,6 +5,7 @@ import { RdDashboardTemplateSiderComponent, RdDashboardTemplateSiderProps } from
 //#region Define extended component tokens
 type DashboardTemplateComponentTokenExtend = {
     contentPadding?: string;
+    siderWidth?: number;
 };
 
 //#endregion