ada-ui 3.0.2 → 3.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/css/ada.blue.css +1 -1
  2. package/css/ada.green.css +1 -1
  3. package/package.json +1 -1
  4. package/scss/_ada.theme-base.scss +0 -5
  5. package/scss/ada.blue.scss +5 -0
  6. package/scss/ada.green.scss +5 -0
package/css/ada.blue.css CHANGED
@@ -1 +1 @@
1
- .warn,.accent,:root{--l-dark: calc(var(--l) - 16%);--l-light: calc(var(--l) + 38%);--bg: hsl(var(--h), var(--s), var(--l-dark));--fg: hsl(var(--h-fg), var(--s-fg), var(--l-fg));--fg-alpha60: hsla(var(--h-fg), var(--s-fg), var(--l-fg), 0.6);--fg-alpha80: hsla(var(--h-fg), var(--s-fg), var(--l-fg), 0.8);--default: hsl(var(--h), var(--s), var(--l));--default-alpha10: hsla(var(--h), var(--s), var(--l), 0.1);--default-alpha40: hsla(var(--h), var(--s), var(--l), 0.4);--light: hsl(var(--h), var(--s), var(--l-light));--light-alpha40: hsla(var(--h), var(--s), var(--l-light), 0.4);--light-alpha70: hsla(var(--h), var(--s), var(--l-light), 0.7)}:root{--h: 205;--s: 80%;--l: 23%;--h-fg: var(--h);--s-fg: 100%;--l-fg: 89%}.accent{--h: 146;--s: 58%;--l: 20%;--h-fg: var(--h);--s-fg: 100%;--l-fg: 89%}.warn{--h: 0;--s: 75%;--l: 29%;--h-fg: var(--h);--s-fg: 100%;--l-fg: 89%}
1
+ .warn,.accent,:root{--fg: hsl(var(--h-fg), var(--s-fg), var(--l-fg));--fg-alpha60: hsla(var(--h-fg), var(--s-fg), var(--l-fg), 0.6);--fg-alpha80: hsla(var(--h-fg), var(--s-fg), var(--l-fg), 0.8);--default: hsl(var(--h), var(--s), var(--l));--default-alpha10: hsla(var(--h), var(--s), var(--l), 0.1);--default-alpha40: hsla(var(--h), var(--s), var(--l), 0.4);--light: hsl(var(--h), var(--s), var(--l-light));--light-alpha40: hsla(var(--h), var(--s), var(--l-light), 0.4);--light-alpha70: hsla(var(--h), var(--s), var(--l-light), 0.7)}:root{--h: 205;--s: 80%;--l: 23%;--l-light: 61%;--bg: hsl(var(--h), 80%, 7%);--h-fg: var(--h);--s-fg: 100%;--l-fg: 89%}.accent{--h: 146;--s: 58%;--l: 20%;--l-light: 58%;--h-fg: var(--h);--s-fg: 100%;--l-fg: 89%}.warn{--h: 0;--s: 75%;--l: 29%;--l-light: 67%;--h-fg: var(--h);--s-fg: 100%;--l-fg: 89%}
package/css/ada.green.css CHANGED
@@ -1 +1 @@
1
- .warn,.accent,:root{--l-dark: calc(var(--l) - 16%);--l-light: calc(var(--l) + 38%);--bg: hsl(var(--h), var(--s), var(--l-dark));--fg: hsl(var(--h-fg), var(--s-fg), var(--l-fg));--fg-alpha60: hsla(var(--h-fg), var(--s-fg), var(--l-fg), 0.6);--fg-alpha80: hsla(var(--h-fg), var(--s-fg), var(--l-fg), 0.8);--default: hsl(var(--h), var(--s), var(--l));--default-alpha10: hsla(var(--h), var(--s), var(--l), 0.1);--default-alpha40: hsla(var(--h), var(--s), var(--l), 0.4);--light: hsl(var(--h), var(--s), var(--l-light));--light-alpha40: hsla(var(--h), var(--s), var(--l-light), 0.4);--light-alpha70: hsla(var(--h), var(--s), var(--l-light), 0.7)}:root{--h: 132;--s: 92%;--l: 21%;--h-fg: var(--h);--s-fg: 100%;--l-fg: 89%}.accent{--h: 24;--s: 91%;--l: 34%;--h-fg: var(--h);--s-fg: 100%;--l-fg: 89%}.warn{--h: 0;--s: 75%;--l: 29%;--h-fg: var(--h);--s-fg: 100%;--l-fg: 89%}
1
+ .warn,.accent,:root{--fg: hsl(var(--h-fg), var(--s-fg), var(--l-fg));--fg-alpha60: hsla(var(--h-fg), var(--s-fg), var(--l-fg), 0.6);--fg-alpha80: hsla(var(--h-fg), var(--s-fg), var(--l-fg), 0.8);--default: hsl(var(--h), var(--s), var(--l));--default-alpha10: hsla(var(--h), var(--s), var(--l), 0.1);--default-alpha40: hsla(var(--h), var(--s), var(--l), 0.4);--light: hsl(var(--h), var(--s), var(--l-light));--light-alpha40: hsla(var(--h), var(--s), var(--l-light), 0.4);--light-alpha70: hsla(var(--h), var(--s), var(--l-light), 0.7)}:root{--h: 132;--s: 92%;--l: 21%;--l-light: 40%;--bg: hsl(var(--h), 20%, 15%);--h-fg: var(--h);--s-fg: 100%;--l-fg: 89%}.accent{--h: 24;--s: 91%;--l: 34%;--l-light: 60%;--h-fg: var(--h);--s-fg: 100%;--l-fg: 89%}.warn{--h: 0;--s: 75%;--l: 29%;--l-light: 60%;--h-fg: var(--h);--s-fg: 100%;--l-fg: 89%}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ada-ui",
3
- "version": "3.0.2",
3
+ "version": "3.0.3",
4
4
  "scripts": {
5
5
  "dev": "sass scss:css --watch",
6
6
  "build": "rm -rf css && sass scss:css -s compressed --no-source-map"
package/scss/_ada.theme-base.scss CHANGED
@@ -1,9 +1,4 @@
1
1
  %colourShades {
2
- --l-dark: calc(var(--l) - 16%);
3
- --l-light: calc(var(--l) + 38%);
4
-
5
- --bg: hsl(var(--h), var(--s), var(--l-dark));
6
-
7
2
  --fg: hsl(var(--h-fg), var(--s-fg), var(--l-fg));
8
3
  --fg-alpha60: hsla(var(--h-fg), var(--s-fg), var(--l-fg), 0.6);
9
4
  --fg-alpha80: hsla(var(--h-fg), var(--s-fg), var(--l-fg), 0.8);
package/scss/ada.blue.scss CHANGED
@@ -6,6 +6,9 @@
6
6
  --h: 205;
7
7
  --s: 80%;
8
8
  --l: 23%;
9
+ --l-light: 61%;
10
+
11
+ --bg: hsl(var(--h), 80%, 7%);
9
12
 
10
13
  --h-fg: var(--h);
11
14
  --s-fg: 100%;
@@ -18,6 +21,7 @@
18
21
  --h: 146;
19
22
  --s: 58%;
20
23
  --l: 20%;
24
+ --l-light: 58%;
21
25
 
22
26
  --h-fg: var(--h);
23
27
  --s-fg: 100%;
@@ -30,6 +34,7 @@
30
34
  --h: 0;
31
35
  --s: 75%;
32
36
  --l: 29%;
37
+ --l-light: 67%;
33
38
 
34
39
  --h-fg: var(--h);
35
40
  --s-fg: 100%;
package/scss/ada.green.scss CHANGED
@@ -6,6 +6,9 @@
6
6
  --h: 132;
7
7
  --s: 92%;
8
8
  --l: 21%;
9
+ --l-light: 40%;
10
+
11
+ --bg: hsl(var(--h), 20%, 15%);
9
12
 
10
13
  --h-fg: var(--h);
11
14
  --s-fg: 100%;
@@ -18,6 +21,7 @@
18
21
  --h: 24;
19
22
  --s: 91%;
20
23
  --l: 34%;
24
+ --l-light: 60%;
21
25
 
22
26
  --h-fg: var(--h);
23
27
  --s-fg: 100%;
@@ -30,6 +34,7 @@
30
34
  --h: 0;
31
35
  --s: 75%;
32
36
  --l: 29%;
37
+ --l-light: 60%;
33
38
 
34
39
  --h-fg: var(--h);
35
40
  --s-fg: 100%;