@natachah/vanilla-frontend 0.0.2

package/scss/variables/_setting.scss

@@ -0,0 +1,63 @@
+////
+/// ------------------------------------------------------------------
+/// Setting
+/// ------------------------------------------------------------------
+/// Setting variables for default theme
+///
+/// @group setting
+/// @author Natacha Herth
+/// @since 0.0.1
+/// 
+////
+
+/// Define the default list of colors available
+/// 
+/// @access public
+///
+$colors: (
+    primary,
+    success,
+    error,
+    warning
+);
+
+/// Define the components that have some color variations
+///
+/// @example button: (error) // <button class="error"></button>
+/// @access public
+///
+$color-variations: (
+    badge: $colors,
+    button: $colors,
+    card: $colors,
+    disclosure: $colors,
+    list: $colors
+);
+
+/// Define the components that have an outline variation
+///
+/// @example button // <button class="outline"></button>
+/// @access public
+///
+$outline-variations: (
+    badge,
+    button,
+    card,
+    disclosure,
+    list
+);
+
+/// Define the default properties for item
+///
+/// @access public
+///
+$default-item-properties: (
+    color: var(--color-font),
+    background: transparent,
+    border-size: var(--border-size),
+    border-style: var(--border-style),
+    border-color: transparent,
+    border-radius: var(--border-radius),
+    padding-inline: var(--padding-inline),
+    padding-block: var(--padding-block)
+);

package/vitest.config.js

@@ -0,0 +1,7 @@
+import { defineConfig } from 'vite'
+
+export default defineConfig({
+    test: {
+        environment: 'happy-dom'
+    }
+})