@temp-spotwork/ui 1.7.6 → 1.7.7

package/dist/components/atoms/badge/badge.d.ts

@@ -18,6 +18,8 @@ export declare const badgeColorVariants: {
     warningInverted: string;
     alert: string;
     alertInverted: string;
+    paidBackup: string;
+    paidBackupInverted: string;
     disabled: string;
     disabledInverted: string;
 };

package/dist/components/atoms/badge/badge.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
-import { Typography as i } from "../../styles/typography/typography.js";
-const t = {
+import { Typography as d } from "../../styles/typography/typography.js";
+const a = {
   active: "active",
   affirmative: "active",
   affirmativeInverted: "activeInverted",
@@ -10,20 +10,22 @@ const t = {
   warningInverted: "warningInverted",
   alert: "alert",
   alertInverted: "alertInverted",
+  paidBackup: "paidBackup",
+  paidBackupInverted: "paidBackupInverted",
   disabled: "disabled",
   disabledInverted: "disabledInverted"
 };
-function c({ text: a, color: r }) {
-  const n = t[r];
+function s({ text: t, color: r }) {
+  const n = a[r];
   return /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
     "div",
     {
       "data-testid": "Badge-container",
-      className: `px-[0.5rem] py-[0.2rem] bg-surface-${t[r]} rounded-[0.9rem] min-w-[1.8rem] max-w-max h-[1.8rem] flex items-center place-content-around m-[0.1rem]`,
+      className: `px-[0.5rem] py-[0.2rem] bg-surface-${a[r]} rounded-[0.9rem] min-w-[1.8rem] max-w-max h-[1.8rem] flex items-center place-content-around m-[0.1rem]`,
       children: /* @__PURE__ */ e(
-        i,
+        d,
         {
-          children: `${a}`.trim().toUpperCase(),
+          children: `${t}`.trim().toUpperCase(),
           color: n,
           swStyle: 6,
           lineHeight: 1.4
@@ -33,6 +35,6 @@ function c({ text: a, color: r }) {
   ) });
 }
 export {
-  c as Badge,
-  t as badgeColorVariants
+  s as Badge,
+  a as badgeColorVariants
 };

package/dist/components/atoms/badge/badge.stories.d.ts

@@ -5,3 +5,4 @@ declare const meta: Meta<typeof Badge>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Primary: Story;
+export declare const PaidBackup: Story;

package/dist/components/atoms/badge/badge.stories.js

@@ -1,8 +1,8 @@
 import { f as o } from "../../../index-Dpx0xQmQ.js";
-import { Badge as t } from "./badge.js";
+import { Badge as a } from "./badge.js";
 const e = {
   title: "@spotwork-ui/badge",
-  component: t,
+  component: a,
   parameters: {
     layout: "centered"
   },
@@ -11,13 +11,19 @@ const e = {
     backgroundColor: { control: "color" }
   },
   args: { onClick: o() }
-}, s = {
+}, c = {
   args: {
     text: "badge item",
     color: "affirmative"
   }
+}, s = {
+  args: {
+    text: "Paid Backup",
+    color: "paidBackup"
+  }
 };
 export {
-  s as Primary,
+  s as PaidBackup,
+  c as Primary,
   e as default
 };

package/dist/components/atoms/form/chips/chips.stories.d.ts

@@ -5,3 +5,5 @@ declare const meta: Meta<typeof Chips>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Primary: Story;
+export declare const PaidBackupLargeReadOnly: Story;
+export declare const PaidBackupPill: Story;

package/dist/components/atoms/form/chips/chips.stories.js

@@ -1,8 +1,8 @@
-import { f as o } from "../../../../index-Dpx0xQmQ.js";
-import { Chips as r } from "./chips.js";
-const a = {
+import { f as a } from "../../../../index-Dpx0xQmQ.js";
+import { Chips as o } from "./chips.js";
+const t = {
   title: "@spotwork-ui/chips",
-  component: r,
+  component: o,
   parameters: {
     layout: "centered"
   },
@@ -10,15 +10,33 @@ const a = {
   argTypes: {
     backgroundColor: { control: "color" }
   },
-  args: { onClick: o() }
-}, s = {
+  args: { onClick: a() }
+}, c = {
   args: {
+    id: "primary",
     chipText: "some chips",
     color: "affirmative",
     chipSelected: !1
   }
+}, e = {
+  args: {
+    id: "paid-backup-readonly",
+    chipText: "Ready to Work",
+    color: "paidBackup",
+    variant: "largeReadOnly",
+    infoBubbleContent: "icons:WaitingSmall"
+  }
+}, p = {
+  args: {
+    id: "paid-backup-pill",
+    chipText: "Paid Backup",
+    color: "paidBackup",
+    variant: "pill"
+  }
 };
 export {
-  s as Primary,
-  a as default
+  e as PaidBackupLargeReadOnly,
+  p as PaidBackupPill,
+  c as Primary,
+  t as default
 };

package/dist/components/atoms/form/chips/styles.d.ts

@@ -67,6 +67,7 @@ export declare const colorVariants: {
     success: string;
     warning: string;
     alert: string;
+    paidBackup: string;
     disabled: string;
 };
 export type ColorVariants = keyof typeof colorVariants;

package/dist/components/atoms/form/chips/styles.js

@@ -34,12 +34,14 @@ const n = (e) => ({
   success: "success",
   warning: "warning",
   alert: "alert",
+  paidBackup: "paidBackup",
   disabled: "disabled"
 }, i = {
   affirmative: "affirmativeInverted",
   success: "successInverted",
   warning: "warningInverted",
   alert: "alertInverted",
+  paidBackup: "paidBackupInverted",
   disabled: "disabledInverted"
 };
 export {

package/dist/components/styles/colors/colormap.d.ts

@@ -93,6 +93,8 @@ export declare const glyph: {
     warningInverted: string;
     alert: string;
     alertInverted: string;
+    paidBackup: string;
+    paidBackupInverted: string;
     disabled: string;
     disabledInverted: string;
     firstPartyMessage: string;
@@ -123,6 +125,8 @@ export declare const surface: {
     warningInverted: string;
     alert: string;
     alertInverted: string;
+    paidBackup: string;
+    paidBackupInverted: string;
     badge: string;
     disabled: string;
     disabledInverted: string;

package/dist/components/styles/colors/colormap.js

@@ -87,12 +87,14 @@ const f = {
   warningInverted: d[100],
   alert: t[700],
   alertInverted: t[200],
+  paidBackup: "#8314DB",
+  paidBackupInverted: "#F3E6FF",
   disabled: e[500],
   disabledInverted: e[100],
   firstPartyMessage: e[0],
   secondPartyMessage: a[700],
   visualPlaceholderDefault: f[700]
-}, o = Object.keys(n), u = Object.entries(n).reduce((r, [s]) => (r[s] = `text-glyph-${s}`, r), {}), i = {
+}, u = Object.keys(n), o = Object.entries(n).reduce((r, [s]) => (r[s] = `text-glyph-${s}`, r), {}), i = {
   default: a[600],
   hover: a[700],
   active: a[800],
@@ -113,6 +115,8 @@ const f = {
   warningInverted: d[800],
   alert: t[200],
   alertInverted: t[700],
+  paidBackup: "#F3E6FF",
+  paidBackupInverted: "#8314DB",
   badge: t[500],
   disabled: e[100],
   disabledInverted: e[600],
@@ -120,7 +124,7 @@ const f = {
   visualPlaceholderDefault: f[100],
   firstPartyMessage: a[700],
   secondPartyMessage: a[200]
-}, b = Object.keys(n), h = Object.entries(n).reduce((r, [s]) => (r[s] = `bg-surface-${s}`, r), {}), g = {
+}, b = Object.keys(n), h = Object.entries(n).reduce((r, [s]) => (r[s] = `bg-surface-${s}`, r), {}), p = {
   none: "transparent",
   default: e[300],
   active: a[700],
@@ -133,12 +137,12 @@ const f = {
   disabled: e[200],
   outline: e[100],
   success: c[800]
-}, y = {
+}, g = {
   active: a[200],
   warning: d[100],
   destructive: t[100],
   alert: t[200]
-}, p = {
+}, y = {
   success: c[600],
   warning: d[400],
   caution: f[400],
@@ -197,7 +201,7 @@ const f = {
       default: d[800]
     }
   }
-}, w = {
+}, F = {
   primary: {
     disabled: e[100],
     affirmative: {
@@ -243,7 +247,7 @@ const f = {
       active: e[800]
     }
   }
-}, m = {
+}, w = {
   hue1: "#00BD3F",
   hue2: "#FFCE1B",
   hue3: "#FF7E33",
@@ -257,20 +261,20 @@ const f = {
 export {
   c as apple,
   a as blueRibbon,
-  g as borderColor,
+  p as borderColor,
   C as buttonBorder,
   I as buttonGlyph,
-  w as buttonSurface,
+  F as buttonSurface,
   t as cinnabar,
   f as crusta,
-  m as dataVizColors,
+  w as dataVizColors,
   n as glyph,
-  u as glyphClassesMap,
-  o as glyphColorsKeys,
+  o as glyphClassesMap,
+  u as glyphColorsKeys,
   v as linkColorClassesMap,
   i as linkColors,
-  p as progressBar,
-  y as shadow,
+  y as progressBar,
+  g as shadow,
   d as sun,
   l as surface,
   h as surfaceClassesMap,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@temp-spotwork/ui",
   "private": false,
-  "version": "1.7.6",
+  "version": "1.7.7",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",