ada-ui 5.6.0 → 5.7.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # ada-ui
 
+## 5.7.1
+
+### Patch Changes
+
+- b54434c: Updated themes
+
+## 5.7.0
+
+### Minor Changes
+
+- 4655a60: Added another green variant
+
 ## 5.6.0
 
 ### Minor Changes

package/css/ada.blue2.css

@@ -0,0 +1 @@
+.warn,.shade3,.shade2,.shade1,.default,:root{--bg-body: var(--color950);--fg-body: var(--color100);--bg-body-light: var(--color100);--fg-body-light: var(--color800);--color100: oklch(0.91 0.05 var(--hue));--color500: oklch( calc(var(--l-base) + 0.15) calc(var(--c-base) + 0.06) var(--hue) );--color600: oklch( calc(var(--l-base) + 0.1) calc(var(--c-base) + 0.04) var(--hue) );--color700: oklch( calc(var(--l-base) + 0.05) calc(var(--c-base) + 0.02) var(--hue) );--color800: oklch(var(--l-base) var(--c-base) var(--hue));--color950: oklch(0.18 0.03 var(--hue));--panel-background: oklch(var(--500) / 0.1)}.light-theme.warn,.light-theme.shade3,.light-theme.shade2,.light-theme.shade1,.light-theme.default,.light-theme:root,:root.light-theme .warn,:root.light-theme .shade3,:root.light-theme .shade2,:root.light-theme .shade1,:root.light-theme .default,:root.light-theme :root{--l-base: var(--l-base-light);--c-base: var(--c-base-light);--bg-body: var(--bg-body-light);--fg-body: var(--fg-body-light)}:root{--l-base: 0.34;--c-base: 0.1;--l-base-light: 0.42;--c-base-light: 0.13}.default,:root{--hue: 258}.shade1{--hue: 210}.shade2{--hue: 118}.shade3{--hue: 96}.warn{--hue: 29}

package/css/ada.green2.css

@@ -0,0 +1 @@
+.warn,.shade3,.shade2,.shade1,.default,:root{--bg-body: var(--color950);--fg-body: var(--color100);--bg-body-light: var(--color100);--fg-body-light: var(--color800);--color100: oklch(0.91 0.05 var(--hue));--color500: oklch( calc(var(--l-base) + 0.15) calc(var(--c-base) + 0.06) var(--hue) );--color600: oklch( calc(var(--l-base) + 0.1) calc(var(--c-base) + 0.04) var(--hue) );--color700: oklch( calc(var(--l-base) + 0.05) calc(var(--c-base) + 0.02) var(--hue) );--color800: oklch(var(--l-base) var(--c-base) var(--hue));--color950: oklch(0.18 0.03 var(--hue));--panel-background: oklch(var(--500) / 0.1)}.light-theme.warn,.light-theme.shade3,.light-theme.shade2,.light-theme.shade1,.light-theme.default,.light-theme:root,:root.light-theme .warn,:root.light-theme .shade3,:root.light-theme .shade2,:root.light-theme .shade1,:root.light-theme .default,:root.light-theme :root{--l-base: var(--l-base-light);--c-base: var(--c-base-light);--bg-body: var(--bg-body-light);--fg-body: var(--fg-body-light)}:root{--l-base: 0.29;--c-base: 0.07;--l-base-light: 0.4;--c-base-light: 0.1}.default,:root{--hue: 155}.shade1{--hue: 138}.shade2{--hue: 129}.shade3{--hue: 185}.warn{--hue: 29}

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "ada-ui",
-  "version": "5.6.0",
+  "version": "5.7.1",
   "scripts": {
-    "dev": "concurrently -n scss,serve 'sass scss:css --watch' 'alive-server .'",
+    "dev": "concurrently -n scss,serve 'sass scss:css --watch --embed-source-map' 'alive-server .'",
+    "postdev": "git checkout css/*",
     "build": "rm -rf css && sass scss:css -s compressed --no-source-map",
     "changeset": "changeset",
     "remove-snapshot": "f(){ if [ -z \"$1\" ]; then echo \"Error: No tag name specified, exiting.\"; exit 1; fi; npm dist-tag rm ada-ui $1; }; f",

package/scss/ada.blue2.scss

@@ -0,0 +1,35 @@
+@import "ada.theme-base";
+
+:root {
+  @extend .default;
+  --l-base: 0.34;
+  --c-base: 0.1;
+
+  --l-base-light: 0.42;
+  --c-base-light: 0.13;
+}
+
+.default {
+  @extend %colourShades;
+  --hue: 258;
+}
+
+.shade1 {
+  @extend %colourShades;
+  --hue: 210;
+}
+
+.shade2 {
+  @extend %colourShades;
+  --hue: 118;
+}
+
+.shade3 {
+  @extend %colourShades;
+  --hue: 96;
+}
+
+.warn {
+  @extend %colourShades;
+  --hue: 29;
+}

package/scss/ada.green2.scss

@@ -0,0 +1,35 @@
+@import "ada.theme-base";
+
+:root {
+  @extend .default;
+  --l-base: 0.29;
+  --c-base: 0.07;
+
+  --l-base-light: 0.4;
+  --c-base-light: 0.1;
+}
+
+.default {
+  @extend %colourShades;
+  --hue: 155;
+}
+
+.shade1 {
+  @extend %colourShades;
+  --hue: 138;
+}
+
+.shade2 {
+  @extend %colourShades;
+  --hue: 129;
+}
+
+.shade3 {
+  @extend %colourShades;
+  --hue: 185;
+}
+
+.warn {
+  @extend %colourShades;
+  --hue: 29;
+}