@dashadmin/dash-styles 1.3.17 → 1.3.19

package/dist/variables/sizes.less

@@ -0,0 +1,150 @@
+
+// Standard Sizes
+@size-8: 8px;
+@size-10: 10px;
+@size-20: 20px;
+@size-30: 30px;
+@size-36: 36px;
+@size-40: 40px;
+@size-50: 50px;
+@size-60: 60px;
+@size-80: 80px;
+@size-100: 100px;
+@size-120: 120px;
+@size-150: 150px;
+@size-175: 175px;
+@size-200: 200px;
+
+// Layout
+@layout-header-height: 72px;
+@layout-header-height-res: 50px;
+@layout-header-padding: 0 32px;
+@layout-header-padding-res: 0 15px;
+@layout-footer-padding: 14px 32px;
+@layout-footer-padding-res: 14px 15px;
+@layout-trigger-height: 30px;
+@layout-zero-trigger-width: 36px;
+@layout-zero-trigger-height: 28px;
+@layout-main-content-padding: 32px;
+@layout-main-content-padding-res: 15px;
+
+// Typography
+@font-size-base: 14px;
+@font-size-lg: @font-size-base + 2px;
+@font-size-sm: 12px;
+@line-height-base: 1.3;
+
+@h1-font-size: 22px;
+@h2-font-size: 20px;
+@h3-font-size: 18px;
+@h4-font-size: 16px;
+@h5-font-size: 14px;
+@h6-font-size: 12px;
+
+@headings-font-weight: 400;
+@headings-line-height: 1.2;
+
+@font-weight-light: 300;
+@font-weight-normal: 400;
+@font-weight-medium: 500;
+@font-weight-semi-bold: 600;
+@font-weight-bold: 700;
+@font-weight-heavy: 900;
+
+@letter-spacing-base: 3px;
+@letter-spacing-lg: 6px;
+@letter-spacing-xl: 8px;
+
+// Menu
+@menu-inline-toplevel-item-height: 42px;
+@menu-item-height: 42px;
+@menu-expanded-width: 97px;
+
+// Form
+@form-item-margin-bottom: 20px;
+@form-item-trailing-colon: true;
+@form-vertical-label-padding: 0 0 8px;
+@form-vertical-label-margin: 0;
+
+// Border styles
+@border-width-base: 1px;
+@border-style-base: solid;
+
+// Dragndrop
+@dragndrop-paddding-tb: 24px;
+@dragndrop-paddding-lr: 16px;
+
+// Customizer
+@dash-customizer-width: 370px;
+@dash-customizer-base: 20px;
+
+// Framed Layout
+@framed-layout-base: 30px;
+
+// Image path
+@image_path: "../../assets/images";
+
+// Sizes and Dimensions
+// Padding and Margins
+@custom-padding: 10px;
+@content-horizontal-padding: 10px;
+@sidebar-padding-lr: 25px;
+
+// Widths
+@min-body-width: 575px;
+@sidebar-mini-drawer-width: 100px;
+
+@sidebar-large-width: 255px;
+@sidebar-small-width: 60px;
+@sidebar-horizontal-height: 120px; // Height for top/bottom positioned sidebars
+
+@app-sidebar-width: 230px;
+@app-chat-sidebar-width: 315px;
+
+// Heights and Margins
+@scroll-bar-margin: 19px;
+@scroll-bar-expanded-margin: 5px;
+@sidebar_submenu-padding: 40px;
+
+// Card Dimensions
+@card-head-padding: 16px;
+@card-inner-head-padding: 12px;
+@card-padding-base: 24px;
+@card-padding-wider: 24px;
+@dash-card-padding-base: 24px;
+@dash-card-padding-sm: @dash-card-padding-base - 10px;
+@dash-card-margin-base: 32px;
+@dash-card-margin-base-res: 20px;
+
+// Grid
+@grid-gutter-width: 32px;
+
+// Border Radius
+@border-radius-xxl: 30px;
+@border-radius-circle: 50%;
+
+// Input Dimensions
+@input-height-base: 36px;
+@input-height-lg: 40px;
+@input-height-sm: 24px;
+@input-height-base-sm: 28px;
+
+// Button Dimensions
+@btn-height-base: 36px;
+@btn-height-lg: 40px;
+@btn-height-sm: 24px;
+@btn-height-base-sm: 28px;
+@btn-font-size-lg: @font-size-lg;
+@btn-font-size-sm: @font-size-sm;
+@btn-font-size-xs: @font-size-sm - 2px;
+@btn-padding-xs: 0 6px;
+@btn-border-radius-base: @border-radius-sm;
+@btn-border-radius-sm: @border-radius-sm;
+@btn-padding-base: 0 15px;
+@btn-padding-lg: @btn-padding-base;
+@btn-padding-sm: 0 7px;
+
+
+@border-radius-base: 6px;
+@border-radius-sm: 4px;
+@border-radius-lg: 10px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dashadmin/dash-styles",
-  "version": "1.3.17",
+  "version": "1.3.19",
   "private": false,
   "main": "src/index.tsx",
   "exports": {
@@ -8,7 +8,9 @@
       "import": "./src/index.tsx",
       "require": "./src/index.tsx"
     },
-    "./src/*": "./src/*",
+    "./src/*": {
+      "import": "./src/*"
+    },
     "./dash.less": {
       "import": "./src/dash.less",
       "require": "./src/dash.less"
@@ -37,11 +39,20 @@
     "exports": {
       ".": {
         "import": "./dist/index.js"
+      },
+      "./src/*": {
+        "import": "./dist/*.js"
+      },
+      "./dash.less": {
+        "import": "./dist/dash.less"
+      },
+      "./styles/*": {
+        "import": "./dist/styles/*"
       }
     }
   },
   "scripts": {
-    "build": "vite build"
+    "build": "rm -rf dist && node ../dash-build/compile.mjs && vite build"
   },
   "files": [
     "dist"