@acorex/styles 21.0.0-next.56 → 21.0.0-next.57

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/styles",
-  "version": "21.0.0-next.56",
+  "version": "21.0.0-next.57",
   "main": "index.js",
   "author": "Ali Safari",
   "license": "ISC",

package/themes/default copy.scss

@@ -1,71 +0,0 @@
-/* 
-import ACoreX utilities for using generate-palette-variables function
-import path in your app must be like this:
-@use '@acorex/styles/utils/index.scss' as utils;
-*/
-@use '../utils/index.scss' as utils;
-
-
-/*
-Color themes that have multiple fixed primary colors, etc.
-that can range from 50 to 950, also generate 7 surfaces of these colors by default that are used to color components.
-If these colors have the same value, they are used for light mode and dark mode, but if you give the color key two colors,
-it uses the first color for light mode and the second color for dark mode. For example, you can see the color Danger
-*/
-$theme-colors: (
-  'primary': oklch(0.623 0.214 259.815),
-  'secondary': (oklch(24.65% 0.0531 250.05),
-    oklch(47.03% 0.0531 250.05),
-  ),
-  'success': oklch(0.696 0.17 162.48),
-  'warning': (oklch(81.17% 0.188 70.08),
-    oklch(86.5% 0.188 70.08),
-  ),
-  'danger': (oklch(0.645 0.246 16.439),
-    oklch(0.712 0.194 13.428),
-  ),
-  'accent1': oklch(0.628 0.1579 104.82),
-  'accent2': oklch(0.628 0.1534 140.47),
-  'accent3': oklch(0.628 0.1727 31.76),
-  'accent4': oklch(0.5475 0.2056 258.35),
-  'accent5': oklch(0.5475 0.2467 1.06),
-  'accent6': oklch(0.5475 0.2565 338.82),
-  'accent7': oklch(0.5475 0.1554 46.59),
-);
-
-/*
-Surface colors for creating layouts, each color has a start and an end,
-which we use to create the color spectrum of surfaces.
-The colors are different for dark and light mode.
-*/
-$theme-surfaces: (
-  // Surfaces for light mode
-  'light-start': #ffffff,
-  'light-end': #d4d4d4,
-
-  // Surfaces for dark mode
-  'dark-start': #27272a,
-  'dark-end': #09090b
-);
-
-$options: (
-  // Color range production 50 to 950, if you don't need them you can put false
-  'color-range': true,
-  // White is always a fixed color in the project, used in some special cases and does not change in light mode and dark mode.
-  'light': #ffffff,
-  // dark is always a fixed color in the project, used in some special cases and does not change in light mode and dark mode.
-  'dark': #09090b
-);
-
-/*
-Importing default variables and overriding them with higher values
-*/
-@forward '../variables/index.scss';
-
-:root {
-  --ax-sys-body-font-size: 1rem; // Body font size
-  --ax-sys-size-base: 2.5rem; // Variable height of elements, such as inputs and buttons
-  --ax-sys-border-radius: 0.5rem; // Default roundness value for corners
-}
-
-@include utils.generate-palette-variables($theme-colors, $theme-surfaces, $options);

package/variables/_colors.scss

@@ -1,14 +0,0 @@
-$theme-colors: (
-  'primary': #3b82f6,
-  'secondary': #64748b,
-  'success': #22c55e,
-  'warning': #f59e0b,
-  'danger': #f43f5e,
-  'accent1': null,
-  'accent2': null,
-  'accent3': null,
-  'accent4': null,
-  'accent5': null,
-  'accent6': null,
-  'accent7': null,
-) !default;

package/variables/_looks.scss

@@ -1 +0,0 @@
-$theme-looks: 'solid', 'outline', 'twotone', 'blank', 'link' !default;

package/variables/index.scss

@@ -1,2 +0,0 @@
-@forward './colors';
-@forward './looks';