@appscode/design-system 2.7.9 → 2.7.10

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appscode/design-system",
3
- "version": "2.7.9",
3
+ "version": "2.7.10",
4
4
  "description": "A design system for Appscode websites and dashboards made using Bulma",
5
5
  "main": "main.scss",
6
6
  "scripts": {
@@ -1,11 +1,10 @@
1
1
  .profile-banner {
2
- background-color: #e3f0ea;
3
- background-image: url("../../images/banners/banner-background.png");
2
+ background-color: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-light));
3
+ // background-image: url("../../images/banners/banner-background.png");
4
4
  padding-top: 16px;
5
5
  min-height: 120px;
6
6
  border-bottom: 1px solid $color-border;
7
7
  overflow: hidden;
8
- background-color: #eff9f3;
9
8
  position: sticky;
10
9
  top: 50px;
11
10
  z-index: 999;
@@ -23,6 +22,7 @@
23
22
  backdrop-filter: blur(142px);
24
23
  z-index: -1;
25
24
  background-repeat: round;
25
+ opacity: 0.95;
26
26
  }
27
27
  }
28
28
 
@@ -43,7 +43,7 @@
43
43
  a {
44
44
  border-bottom-color: transparent !important;
45
45
  position: relative;
46
-
46
+ color: $ac-primary;
47
47
  &::after {
48
48
  position: absolute;
49
49
  content: "";
@@ -75,11 +75,12 @@
75
75
  background-color: #fff;
76
76
  position: absolute;
77
77
  z-index: 9;
78
- right: 8px;
78
+ right: 4px;
79
79
  height: 36px;
80
- top: 8px;
80
+ top: 4px;
81
81
  padding: 8px 16px;
82
82
  border-radius: 4px;
83
+
83
84
  &:focus {
84
85
  outline: 1px solid $color-border-dark;
85
86
  }
@@ -92,11 +93,11 @@
92
93
  .ac-single-input {
93
94
  input {
94
95
  background-color: $primary-light-gray;
95
- height: 52px !important;
96
+ height: 44px !important;
96
97
  }
97
98
 
98
99
  label {
99
- top: 16px !important;
100
+ top: 13px !important;
100
101
  }
101
102
  }
102
103
  }
@@ -120,8 +121,10 @@
120
121
  align-items: center;
121
122
  gap: 8px;
122
123
  color: $color-text;
123
- padding: 8px 16px;
124
+ padding: 8px 14px;
124
125
  transition: 0.1s ease-in-out;
126
+ margin-inline: 2px;
127
+ border-radius: 4px;
125
128
 
126
129
  &:last-child {
127
130
  margin-bottom: 8px;