1.0.138

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designestate/dees-catalog",
-  "version": "1.0.136",
+  "version": "1.0.138",
   "private": false,
   "description": "website for lossless.com",
   "main": "dist_ts_web/index.js",

ts_web/00_commitinfo_data.ts

@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@designestate/dees-catalog',
-  version: '1.0.136',
+  version: '1.0.138',
   description: 'website for lossless.com'
 }

ts_web/elements/dees-spinner.ts

@@ -61,16 +61,12 @@ export class DeesSpinner extends DeesElement {
       }
 
       #loading.success {
-        border: 0px solid rgba(255, 255, 255, 0);
-        background: #8bc34a;
         border-radius: 50%;
         animation: none;
         -webkit-animation: none;
       }
 
       #loading.error {
-        border: 0px solid rgba(255, 255, 255, 0);
-        background: #e64a19;
         border-radius: 50%;
         animation: none;
         -webkit-animation: none;
@@ -88,11 +84,18 @@ export class DeesSpinner extends DeesElement {
       }
 
       dees-icon {
-        color: #fff;
         position: absolute;
         height: 100%;
         width: 100%;
       }
+
+      #loading.success dees-icon {
+        color: #8bc34a;
+      }
+
+      #loading.error dees-icon {
+        color: #e64a19;
+      }
     `,
   ];
 
@@ -103,6 +106,12 @@ export class DeesSpinner extends DeesElement {
           width: ${this.size}px;
           height: ${this.size}px;
         }
+        #loading.success {
+          border: ${Math.round(this.size * 0.08)}px solid ${cssManager.bdTheme(`#8bc34a`, '#8bc34a')}
+        }
+        #loading.error {
+          border: ${Math.round(this.size * 0.1)}px solid ${cssManager.bdTheme(`#e64a19`, '#e64a19')}
+        }
         dees-icon {
           font-size: ${Math.round(this.size * 0.6)}px;
         }