fulldev-ui 0.1.64 → 0.1.65

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 (5) hide show
  1. package/README.md +1 -1
  2. package/package.json +2 -1
  3. package/src/components/base/Badge.astro +0 -1
  4. package/src/components/base/Button.astro +1 -1
  5. package/src/css/colors.css +24 -24
package/README.md CHANGED
@@ -7,7 +7,7 @@ static / server rendering, and CSS cascading styles.
7
7
 
8
8
  ## Documentation
9
9
 
10
- Please visit the [documentaion site][docs]
10
+ Please visit the [documentation site][docs]
11
11
 
12
12
  ## Support
13
13
 
package/package.json CHANGED
@@ -1,11 +1,12 @@
1
1
  {
2
2
  "name": "fulldev-ui",
3
- "version": "0.1.64",
3
+ "version": "0.1.65",
4
4
  "description": "A component library built for Astro",
5
5
  "homepage": "https://ui.full.dev",
6
6
  "bugs": "https://github.com/fulldotdev/ui/issues",
7
7
  "license": "MIT",
8
8
  "author": "Fulldev <contact@full.dev> (https://full.dev)",
9
+ "repository": "github:fulldotdev/ui",
9
10
  "keywords": [
10
11
  "withastro",
11
12
  "astro",
package/src/components/base/Badge.astro CHANGED
@@ -45,7 +45,6 @@ const { as = 'div', variant, ...rest } = Astro.props
45
45
  font-size: var(--text-element);
46
46
  line-height: 1.625;
47
47
  font-family: var(--full-button-font-family);
48
- user-select: none;
49
48
  text-align: center;
50
49
  text-decoration: none;
51
50
  white-space: nowrap;
package/src/components/base/Button.astro CHANGED
@@ -42,7 +42,7 @@ const { as = 'a', variant = 'primary', ...rest } = Astro.props
42
42
  transition: background-color var(--full-transition);
43
43
  cursor: pointer;
44
44
  outline: none !important;
45
- box-shadow: inset 0 0 0 1px var(--color-border);
45
+ box-shadow: inset 0 0 0 1px var(--border);
46
46
  border: none;
47
47
  border-radius: var(--full-border-radius-2);
48
48
  background-color: var(--background);
package/src/css/colors.css CHANGED
@@ -1,12 +1,12 @@
1
1
  :root,
2
2
  .full-theme-light {
3
3
  --base-background: hsl(0, 0%, 100%);
4
- --base-hover: hsl(0, 0%, 97%);
5
- --base-border: hsl(0, 0%, 83%);
6
- --base-focus: hsl(0, 0%, 10%);
7
- --base-foreground: hsl(0, 0%, 4%);
4
+ --base-hover: hsl(223, 16%, 97%);
5
+ --base-border: hsl(223, 10%, 87%);
6
+ --base-focus: hsl(223, 22%, 9%);
7
+ --base-foreground: hsl(223, 22%, 5%);
8
8
 
9
- --raised-background: hsl(0, 0%, 97%);
9
+ --raised-background: var(--base-hover);
10
10
  --raised-hover: var(--base-hover);
11
11
  --raised-border: var(--base-border);
12
12
  --raised-focus: var(--base-focus);
@@ -22,7 +22,7 @@
22
22
  --muted-hover: var(--base-hover);
23
23
  --muted-border: var(--base-border);
24
24
  --muted-focus: var(--base-focus);
25
- --muted-foreground: hsl(0, 0%, 25%);
25
+ --muted-foreground: hsl(223, 10%, 16%);
26
26
 
27
27
  --ghost-background: transparent;
28
28
  --ghost-hover: var(--base-hover);
@@ -32,21 +32,21 @@
32
32
 
33
33
  --outline-background: transparent;
34
34
  --outline-hover: var(--hover);
35
- --outline-border: hsl(0, 0%, 83%);
35
+ --outline-border: hsl(223, 10%, 85%);
36
36
  --outline-focus: var(--base-focus);
37
37
  --outline-foreground: var(--base-foreground);
38
38
 
39
- --secondary-background: hsl(0, 0%, 94%);
40
- --secondary-hover: hsl(0, 0%, 92%);
39
+ --secondary-background: hsl(223, 10%, 94%);
40
+ --secondary-hover: hsl(223, 10%, 92%);
41
41
  --secondary-border: transparent;
42
42
  --secondary-focus: var(--base-focus);
43
43
  --secondary-foreground: var(--base-foreground);
44
44
 
45
- --primary-background: hsl(0, 0%, 0%);
46
- --primary-hover: hsl(0, 0%, 16%);
45
+ --primary-background: hsl(223, 22%, 9%);
46
+ --primary-hover: hsl(223, 22%, 15%);
47
47
  --primary-border: transparent;
48
48
  --primary-focus: var(--base-focus);
49
- --primary-foreground: hsl(0, 0%, 100%);
49
+ --primary-foreground: hsl(223, 22%, 100%);
50
50
 
51
51
  color-scheme: light;
52
52
  }
@@ -54,19 +54,19 @@
54
54
  .full-theme-dark,
55
55
  .dark,
56
56
  [data-theme='dark'] {
57
- --base-background: #020202;
58
- --base-hover: #101010;
59
- --base-border: #333333;
60
- --base-focus: #fff;
61
- --base-foreground: #fff;
57
+ --base-background: hsl(223, 22%, 5%);
58
+ --base-hover: hsl(223, 16%, 7%);
59
+ --base-border: hsl(223, 10%, 20%);
60
+ --base-focus: hsl(223, 10%, 100%);
61
+ --base-foreground: hsl(223, 10%, 100%);
62
62
 
63
63
  --muted-background: var(--base-background);
64
64
  --muted-hover: var(--base-hover);
65
65
  --muted-border: var(--base-border);
66
66
  --muted-focus: var(--base-focus);
67
- --muted-foreground: #dcdcdc;
67
+ --muted-foreground: hsl(223, 10%, 90%);
68
68
 
69
- --raised-background: #101010;
69
+ --raised-background: var(--base-hover);
70
70
  --raised-hover: var(--base-hover);
71
71
  --raised-border: var(--base-border);
72
72
  --raised-focus: var(--base-focus);
@@ -86,18 +86,18 @@
86
86
 
87
87
  --outline-background: transparent;
88
88
  --outline-hover: var(--hover);
89
- --outline-border: #333333;
89
+ --outline-border: hsl(223, 10%, 26%);
90
90
  --outline-focus: var(--base-focus);
91
91
  --outline-foreground: var(--base-foreground);
92
92
 
93
- --secondary-background: #1f1f1f;
94
- --secondary-hover: #191919;
93
+ --secondary-background: hsl(223, 10%, 13%);
94
+ --secondary-hover: hsl(223, 10%, 11%);
95
95
  --secondary-border: transparent;
96
96
  --secondary-focus: var(--base-focus);
97
97
  --secondary-foreground: var(--base-foreground);
98
98
 
99
- --primary-background: #fff;
100
- --primary-hover: #dcdcdc;
99
+ --primary-background: hsl(223, 10%, 100%);
100
+ --primary-hover: hsl(223, 10%, 90%);
101
101
  --primary-border: transparent;
102
102
  --primary-focus: var(--base-focus);
103
103
  --primary-foreground: var(--base-background);