@everchron/ec-shards 0.6.26 → 0.6.30

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": "@everchron/ec-shards",
3
- "version": "0.6.26",
3
+ "version": "0.6.30",
4
4
  "private": false,
5
5
  "description": "Everchron Shards UI Library",
6
6
  "repository": "https://github.com/everchron/ec-shards.git",
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" vector-effect="non-scaling-stroke"><line vector-effect="non-scaling-stroke" x1="20" x2="20" y1="23.5" y2="6.5" stroke="currentColor"/><line vector-effect="non-scaling-stroke" x1="10" x2="10" y1="23.5" y2="6.5" stroke="currentColor"/></g></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><rect vector-effect="non-scaling-stroke" width="17" height="17" x="6.5" y="6.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="2"/></svg>
@@ -80,6 +80,7 @@
80
80
  margin-bottom: $alert-margin-bottom;
81
81
  border-radius: 3px;
82
82
  font-size: 13px;
83
+ text-align: left;
83
84
 
84
85
  &-inset{
85
86
  margin: 0;
@@ -96,31 +97,55 @@
96
97
  > *:last-child{
97
98
  margin-bottom: 0;
98
99
  }
100
+
101
+ a{
102
+ text-decoration: underline;
103
+ }
99
104
  }
100
105
 
101
106
  &-info{
102
- background-color: #F5F7FA;
103
- color: #384D68;
107
+ background-color: rgba($gray-4, .25);
108
+ color: rgba($gray-14, .8);
109
+
110
+ a{
111
+ color: rgba($gray-14, .8);
112
+ }
104
113
  }
105
114
 
106
115
  &-error{
107
116
  background-color: $red-3;
108
- color: $red-12;
117
+ color: rgba($red-14, .8);
118
+
119
+ a{
120
+ color: rgba($red-14, .8);
121
+ }
109
122
  }
110
123
 
111
124
  &-success{
112
125
  background-color: $green-3;
113
- color: $green-13;
126
+ color: rgba($green-14, .8);
127
+
128
+ a{
129
+ color: rgba($green-14, .8);
130
+ }
114
131
  }
115
132
 
116
133
  &-warning{
117
134
  background-color: $yellow-2;
118
- color: $yellow-13;
135
+ color: rgba($yellow-14, .9);
136
+
137
+ a{
138
+ color: rgba($yellow-14, .9);
139
+ }
119
140
  }
120
141
 
121
142
  &-important{
122
143
  background-color: $blue-3;
123
- color: $blue-14;
144
+ color: rgba($blue-15, .8);
145
+
146
+ a{
147
+ color: rgba($blue-15, .8);
148
+ }
124
149
  }
125
150
 
126
151
  .action{
@@ -170,7 +195,7 @@
170
195
  font-weight: 500;
171
196
  display: flex;
172
197
  align-items: center;
173
- filter: brightness(75%);
198
+ filter: brightness(90%);
174
199
  margin-bottom: 8px;
175
200
 
176
201
  .icon{
@@ -205,6 +205,7 @@
205
205
  width: calc(100% - 145px);
206
206
  padding: 8px 0;
207
207
  position: relative;
208
+ z-index: 0;
208
209
 
209
210
  a:not(.ecs-button){
210
211
  color: $blue-8;
@@ -273,6 +274,7 @@
273
274
  bottom: 0;
274
275
  z-index: -1;
275
276
  transition: .3s;
277
+ max-width: 100%;
276
278
  }
277
279
 
278
280
  &-error{
@@ -114,6 +114,10 @@
114
114
  font-family: $mono;
115
115
  font-size: 13px;
116
116
  }
117
+
118
+ .ecs-alert{
119
+ margin: 0 -10px;
120
+ }
117
121
  }
118
122
 
119
123
  &-user{
@@ -183,4 +187,4 @@
183
187
  }
184
188
  }
185
189
  }
186
- </style>
190
+ </style>