@dashadmin/dash-styles 0.0.0

package/src/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/tsconfig.eslint.json

@@ -0,0 +1,12 @@
+{
+	"extends": "./tsconfig.json",
+	"include": [
+		// 👇️ add all the directories and files
+		// that you want to lint here
+		"src",
+		"./tsconfig.eslint.json",
+		// add all files in which you see
+		// the "parserOptions.project" error
+		".eslintrc.json"
+	]
+}

package/tsconfig.json

@@ -0,0 +1,22 @@
+{
+	"extends": "../../packages/dash-tsconfig/base.json",
+	"compilerOptions": {
+		//"types": ["@types/jest", "@types/node"],
+		"jsx": "preserve",
+		"incremental": true
+	},
+	"include": [
+		"src/**/*.ts",
+		"src/**/*.tsx",
+		"src/**/*.ts",
+		"src/**/*.tsx",
+		"src/**/*.css",
+		"src/**/*.ttf",
+		"src/**/*.otf",
+		"src/**/*.less"
+	],
+	"paths": {
+		"@/*": ["./src/*"]
+	},
+	"exclude": ["node_modules"]
+}

package/vite.config.mts

@@ -0,0 +1,7 @@
+import { fileURLToPath } from "node:url";
+import path from "node:path";
+import { createLibConfig } from "../dash-build/lib.mjs";
+
+const dirname = path.dirname(fileURLToPath(import.meta.url));
+
+export default createLibConfig({ dirname });