@invopop/popui 0.0.111 → 0.0.113

package/dist/TagStatus.svelte

@@ -16,6 +16,12 @@ $:
     "border border-blue-200": status === "blue" && dot,
     "bg-purple-100 text-purple-500": status === "purple",
     "border border-purple-200": status === "purple" && dot,
+    "bg-olive-100 text-olive-500": status === "olive",
+    "border border-olive-200": status === "olive" && dot,
+    "bg-teal-100 text-teal-500": status === "teal",
+    "border border-teal-200": status === "teal" && dot,
+    "bg-crimson-100 text-crimson-500": status === "crimson",
+    "border border-crimson-200": status === "crimson" && dot,
     "border border-dashed border-neutral-200 text-neutral-400": status === "empty",
     "bg-neutral-100 text-neutral-500": status === "grey",
     "border border-neutral-200": status === "grey" && dot,
@@ -31,6 +37,9 @@ $:
     "bg-warning-500": status === "orange",
     "bg-blue-500": status === "blue",
     "bg-purple-500": status === "purple",
+    "bg-olive-500": status === "olive",
+    "bg-teal-500": status === "teal",
+    "bg-crimson-500": status === "crimson",
     "bg-neutral-300": status === "empty",
     "bg-neutral-500": status === "grey"
   });

package/dist/tw.theme.d.ts

@@ -127,6 +127,21 @@ declare namespace _default {
                 let danger_1: string;
                 export { danger_1 as danger };
             }
+            let olive: {
+                100: string;
+                200: string;
+                500: string;
+            };
+            let crimson: {
+                100: string;
+                200: string;
+                500: string;
+            };
+            let teal: {
+                100: string;
+                200: string;
+                500: string;
+            };
         }
         namespace boxShadow {
             export let active: string;

package/dist/tw.theme.js

@@ -127,7 +127,22 @@ export default {
       banner: {
         sandbox: '#D2F7CB',
         warning: '#A04A12',
-        danger: '#B32530',
+        danger: '#B32530'
+      },
+      olive: {
+        100: 'rgba(117, 117, 30, 0.1)',
+        200: 'rgba(117, 117, 30, 0.25)',
+        500: 'rgba(117, 117, 30, 1)'
+      },
+      crimson: {
+        100: 'rgba(220, 20, 60, 0.1)',
+        200: 'rgba(220, 20, 60, 0.25)',
+        500: 'rgba(220, 20, 60, 1)'
+      },
+      teal: {
+        100: 'rgba(0, 128, 128, 0.1)',
+        200: 'rgba(0, 128, 128, 0.25)',
+        500: 'rgba(0, 128, 128, 1)'
       }
     },
 

package/dist/types.d.ts

@@ -2,7 +2,7 @@ import type { IconSource } from '@steeze-ui/svelte-icon';
 export type IconTheme = 'default' | 'solid' | 'mini';
 export type IconPosition = 'right' | 'left';
 export type ButtonVariant = 'default' | 'primary' | 'secondary' | 'warning' | 'danger' | 'dark' | 'outline';
-export type StatusType = 'grey' | 'green' | 'yellow' | 'red' | 'orange' | 'blue' | 'purple' | 'empty';
+export type StatusType = 'grey' | 'green' | 'yellow' | 'red' | 'orange' | 'blue' | 'purple' | 'olive' | 'teal' | 'crimson' | 'empty';
 export type AnyProp = string | number | object | boolean;
 export type SidebarIcon = {
     path: string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@invopop/popui",
   "license": "MIT",
-  "version": "0.0.111",
+  "version": "0.0.113",
   "scripts": {
     "dev": "vite dev",
     "build": "vite build && npm run package",