@wellingtonhlc/shared-ui 0.25.7 → 0.25.9

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.
Files changed (6) hide show
  1. package/dist/components/Button.js +4 -4
  2. package/dist/components/Filter.d.ts +1 -1
  3. package/dist/components/Filter.d.ts.map +1 -1
  4. package/dist/components/Filter.js +9 -13
  5. package/dist/styles.css +40 -38
  6. package/package.json +1 -1
package/dist/components/Button.js CHANGED
@@ -6,10 +6,10 @@ const variantClasses = {
6
6
  secondary: 'border-[color-mix(in_srgb,var(--brand)_34%,var(--app-border))] bg-[color-mix(in_srgb,var(--brand)_12%,var(--surface))] text-[color-mix(in_srgb,var(--brand)_88%,var(--foreground))] shadow-[inset_0_0_0_1px_color-mix(in_srgb,var(--brand)_8%,transparent)] hover:border-[color-mix(in_srgb,var(--brand)_48%,var(--app-border))] hover:bg-[color-mix(in_srgb,var(--brand)_18%,var(--surface))] dark:border-[color-mix(in_srgb,var(--brand)_42%,var(--app-border))] dark:bg-[color-mix(in_srgb,var(--brand)_18%,var(--surface))] dark:text-[color-mix(in_srgb,var(--brand)_42%,#fff)] dark:hover:bg-[color-mix(in_srgb,var(--brand)_24%,var(--surface))] dark:hover:text-[color-mix(in_srgb,var(--brand)_30%,#fff)]',
7
7
  ghost: 'border-transparent bg-transparent text-foreground-muted hover:bg-[color-mix(in_srgb,var(--brand)_10%,transparent)] hover:text-[color-mix(in_srgb,var(--brand)_86%,var(--foreground))] dark:hover:bg-[color-mix(in_srgb,var(--brand)_14%,transparent)] dark:hover:text-[color-mix(in_srgb,var(--brand)_78%,#fff)]',
8
8
  outline: 'border-app-border bg-transparent text-foreground hover:border-[color-mix(in_srgb,var(--brand)_46%,var(--app-border))] hover:bg-[color-mix(in_srgb,var(--brand)_8%,transparent)] hover:text-[color-mix(in_srgb,var(--brand)_86%,var(--foreground))] dark:hover:border-[color-mix(in_srgb,var(--brand)_54%,var(--app-border))] dark:hover:bg-[color-mix(in_srgb,var(--brand)_12%,transparent)] dark:hover:text-[color-mix(in_srgb,var(--brand)_78%,#fff)]',
9
- information: 'border-transparent bg-[var(--status-info-text,#1d4ed8)] text-white shadow-[0_10px_22px_-16px_color-mix(in_srgb,var(--status-info-text,#1d4ed8)_70%,#000)] hover:bg-[color-mix(in_srgb,var(--status-info-text,#1d4ed8)_88%,#000)]',
10
- success: 'border-transparent bg-[var(--status-success-text,#15803d)] text-white hover:bg-[color-mix(in_srgb,var(--status-success-text,#15803d)_88%,#000)]',
11
- warning: 'border-transparent bg-[var(--status-warning-text,#92400e)] text-white shadow-[0_10px_22px_-16px_color-mix(in_srgb,var(--status-warning-text,#92400e)_70%,#000)] hover:bg-[color-mix(in_srgb,var(--status-warning-text,#92400e)_88%,#000)]',
12
- danger: 'border-transparent bg-[var(--status-danger-text,#b91c1c)] text-white hover:bg-[color-mix(in_srgb,var(--status-danger-text,#b91c1c)_88%,#000)]',
9
+ information: 'border-[var(--status-info-border,#93c5fd)] bg-[var(--status-info-bg,rgba(219,234,254,0.8))] text-[var(--status-info-text,#1d4ed8)] shadow-[inset_0_0_0_1px_color-mix(in_srgb,var(--status-info-border,#93c5fd)_18%,transparent)] hover:bg-[color-mix(in_srgb,var(--status-info-bg,rgba(219,234,254,0.8))_78%,var(--status-info-border,#93c5fd))]',
10
+ success: 'border-[var(--status-success-border,#86efac)] bg-[var(--status-success-bg,rgba(220,252,231,0.8))] text-[var(--status-success-text,#15803d)] shadow-[inset_0_0_0_1px_color-mix(in_srgb,var(--status-success-border,#86efac)_18%,transparent)] hover:bg-[color-mix(in_srgb,var(--status-success-bg,rgba(220,252,231,0.8))_78%,var(--status-success-border,#86efac))]',
11
+ warning: 'border-[var(--status-warning-border,#fcd34d)] bg-[var(--status-warning-bg,rgba(254,243,199,0.8))] text-[var(--status-warning-text,#92400e)] shadow-[inset_0_0_0_1px_color-mix(in_srgb,var(--status-warning-border,#fcd34d)_18%,transparent)] hover:bg-[color-mix(in_srgb,var(--status-warning-bg,rgba(254,243,199,0.8))_78%,var(--status-warning-border,#fcd34d))]',
12
+ danger: 'border-[var(--status-danger-border,#fca5a5)] bg-[var(--status-danger-bg,rgba(254,202,202,0.8))] text-[var(--status-danger-text,#b91c1c)] shadow-[inset_0_0_0_1px_color-mix(in_srgb,var(--status-danger-border,#fca5a5)_18%,transparent)] hover:bg-[color-mix(in_srgb,var(--status-danger-bg,rgba(254,202,202,0.8))_78%,var(--status-danger-border,#fca5a5))]',
13
13
  destructive: 'border-transparent bg-[var(--destructive)] text-white hover:bg-[color-mix(in_srgb,var(--destructive)_88%,#000)]',
14
14
  sidebar: 'border-transparent bg-transparent text-foreground-muted hover:bg-[color-mix(in_srgb,var(--brand)_10%,transparent)] hover:text-[var(--brand)]',
15
15
  };
package/dist/components/Filter.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { type ReactNode } from 'react';
1
+ import { type ReactNode } from "react";
2
2
  export interface FilterRootProps {
3
3
  title?: string;
4
4
  description?: string;
package/dist/components/Filter.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Filter.d.ts","sourceRoot":"","sources":["../../src/components/Filter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAOjE,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,iBAAiB,+BAE/D;AAED,iBAAS,UAAU,CAAC,EAClB,KAAiB,EACjB,WAAqE,EACrE,QAAQ,EACR,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,kBAAuB,GACxB,EAAE,eAAe,+BAiCjB;AAED,eAAO,MAAM,MAAM;;;CAGlB,CAAC"}
1
+ {"version":3,"file":"Filter.d.ts","sourceRoot":"","sources":["../../src/components/Filter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAOjE,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,iBAAiB,+BAM/D;AAED,iBAAS,UAAU,CAAC,EAClB,KAAiB,EACjB,WAAqE,EACrE,QAAQ,EACR,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,kBAAuB,GACxB,EAAE,eAAe,+BAsCjB;AAED,eAAO,MAAM,MAAM;;;CAGlB,CAAC"}
package/dist/components/Filter.js CHANGED
@@ -1,20 +1,16 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Children, isValidElement } from 'react';
3
- import { FilterIcon } from 'lucide-react';
4
- import { cn } from '../utils/cn';
5
- import { Card } from './Card';
2
+ import { Children, isValidElement } from "react";
3
+ import { FilterIcon } from "lucide-react";
4
+ import { cn } from "../utils/cn";
5
+ import { Card } from "./Card";
6
6
  function FilterFooter({ children, className }) {
7
- return _jsx("div", { className: cn('border-app-border shrink-0 border-t pt-3', className), children: children });
7
+ return (_jsx("div", { className: cn("border-app-border shrink-0 border-t pt-3", className), children: children }));
8
8
  }
9
- function FilterRoot({ title = 'Filtros', description = 'Refine os critérios antes de consultar os resultados.', children, className, bodyClassName, contentClassName, maxHeightClassName = '', }) {
9
+ function FilterRoot({ title = "Filtros", description = "Refine os critérios antes de consultar os resultados.", children, className, bodyClassName, contentClassName, maxHeightClassName = "", }) {
10
10
  const childrenArray = Children.toArray(children);
11
- const footerChildren = childrenArray.filter(child => isValidElement(child) && child.type === FilterFooter);
12
- const contentChildren = childrenArray.filter(child => !(isValidElement(child) && child.type === FilterFooter));
13
- return (
14
- // Altura natural (content) por padrao — seguro em pilhas verticais (nao empurra irmaos).
15
- // O preenchimento da coluna e a rolagem interna sao impostos pelo container
16
- // (ex.: `Workspace.Root` forca o filho a `h-full`/`min-h-0`; em grids o item estica).
17
- _jsxs(Card.Root, { className: cn('flex w-full min-w-0 flex-col overflow-hidden', maxHeightClassName, className), children: [_jsxs(Card.Title, { children: [_jsx(FilterIcon, { className: "text-primary h-4 w-4" }), title] }), _jsx(Card.Body, { className: cn('flex min-h-0 flex-1 flex-col', bodyClassName), children: _jsxs("div", { className: "flex min-h-0 flex-1 flex-col gap-3", children: [_jsx("div", { className: cn('min-h-0 flex-1 overflow-y-auto', contentClassName), children: _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("p", { className: "text-foreground-muted text-xs leading-5", children: description }), contentChildren] }) }), footerChildren] }) })] }));
11
+ const footerChildren = childrenArray.filter((child) => isValidElement(child) && child.type === FilterFooter);
12
+ const contentChildren = childrenArray.filter((child) => !(isValidElement(child) && child.type === FilterFooter));
13
+ return (_jsxs(Card.Root, { className: cn("flex h-full w-full min-w-0 flex-col overflow-hidden", maxHeightClassName, className), children: [_jsxs(Card.Title, { children: [_jsx(FilterIcon, { className: "text-primary h-4 w-4" }), title] }), _jsx(Card.Body, { className: cn("flex min-h-0 flex-1 flex-col", bodyClassName), children: _jsxs("div", { className: "flex min-h-0 flex-1 flex-col gap-3", children: [_jsx("div", { className: cn("min-h-0 flex-1 overflow-y-auto", contentClassName), children: _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("p", { className: "text-foreground-muted text-xs leading-5", children: description }), contentChildren] }) }), footerChildren] }) })] }));
18
14
  }
19
15
  export const Filter = {
20
16
  Root: FilterRoot,
package/dist/styles.css CHANGED
@@ -2001,27 +2001,15 @@ h2.react-datepicker__current-month {
2001
2001
  .bg-\[var\(--status-danger-bg\,rgba\(254\,202\,202\,0\.8\)\)\] {
2002
2002
  background-color: var(--status-danger-bg,rgba(254,202,202,0.8));
2003
2003
  }
2004
- .bg-\[var\(--status-danger-text\,\#b91c1c\)\] {
2005
- background-color: var(--status-danger-text,#b91c1c);
2006
- }
2007
2004
  .bg-\[var\(--status-info-bg\,rgba\(219\,234\,254\,0\.8\)\)\] {
2008
2005
  background-color: var(--status-info-bg,rgba(219,234,254,0.8));
2009
2006
  }
2010
- .bg-\[var\(--status-info-text\,\#1d4ed8\)\] {
2011
- background-color: var(--status-info-text,#1d4ed8);
2012
- }
2013
2007
  .bg-\[var\(--status-success-bg\,rgba\(220\,252\,231\,0\.8\)\)\] {
2014
2008
  background-color: var(--status-success-bg,rgba(220,252,231,0.8));
2015
2009
  }
2016
- .bg-\[var\(--status-success-text\,\#15803d\)\] {
2017
- background-color: var(--status-success-text,#15803d);
2018
- }
2019
2010
  .bg-\[var\(--status-warning-bg\,rgba\(254\,243\,199\,0\.8\)\)\] {
2020
2011
  background-color: var(--status-warning-bg,rgba(254,243,199,0.8));
2021
2012
  }
2022
- .bg-\[var\(--status-warning-text\,\#92400e\)\] {
2023
- background-color: var(--status-warning-text,#92400e);
2024
- }
2025
2013
  .bg-app-border {
2026
2014
  background-color: var(--color-app-border);
2027
2015
  }
@@ -2633,20 +2621,6 @@ h2.react-datepicker__current-month {
2633
2621
  }
2634
2622
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2635
2623
  }
2636
- .shadow-\[0_10px_22px_-16px_color-mix\(in_srgb\,var\(--status-info-text\,\#1d4ed8\)_70\%\,\#000\)\] {
2637
- --tw-shadow: 0 10px 22px -16px var(--tw-shadow-color, var(--status-info-text,#1d4ed8));
2638
- @supports (color: color-mix(in lab, red, red)) {
2639
- --tw-shadow: 0 10px 22px -16px var(--tw-shadow-color, color-mix(in srgb,var(--status-info-text,#1d4ed8) 70%,#000));
2640
- }
2641
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2642
- }
2643
- .shadow-\[0_10px_22px_-16px_color-mix\(in_srgb\,var\(--status-warning-text\,\#92400e\)_70\%\,\#000\)\] {
2644
- --tw-shadow: 0 10px 22px -16px var(--tw-shadow-color, var(--status-warning-text,#92400e));
2645
- @supports (color: color-mix(in lab, red, red)) {
2646
- --tw-shadow: 0 10px 22px -16px var(--tw-shadow-color, color-mix(in srgb,var(--status-warning-text,#92400e) 70%,#000));
2647
- }
2648
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2649
- }
2650
2624
  .shadow-\[0_12px_32px_rgba\(15\,23\,42\,0\.06\)\] {
2651
2625
  --tw-shadow: 0 12px 32px var(--tw-shadow-color, rgba(15,23,42,0.06));
2652
2626
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -2673,6 +2647,34 @@ h2.react-datepicker__current-month {
2673
2647
  }
2674
2648
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2675
2649
  }
2650
+ .shadow-\[inset_0_0_0_1px_color-mix\(in_srgb\,var\(--status-danger-border\,\#fca5a5\)_18\%\,transparent\)\] {
2651
+ --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--status-danger-border,#fca5a5));
2652
+ @supports (color: color-mix(in lab, red, red)) {
2653
+ --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, color-mix(in srgb,var(--status-danger-border,#fca5a5) 18%,transparent));
2654
+ }
2655
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2656
+ }
2657
+ .shadow-\[inset_0_0_0_1px_color-mix\(in_srgb\,var\(--status-info-border\,\#93c5fd\)_18\%\,transparent\)\] {
2658
+ --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--status-info-border,#93c5fd));
2659
+ @supports (color: color-mix(in lab, red, red)) {
2660
+ --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, color-mix(in srgb,var(--status-info-border,#93c5fd) 18%,transparent));
2661
+ }
2662
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2663
+ }
2664
+ .shadow-\[inset_0_0_0_1px_color-mix\(in_srgb\,var\(--status-success-border\,\#86efac\)_18\%\,transparent\)\] {
2665
+ --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--status-success-border,#86efac));
2666
+ @supports (color: color-mix(in lab, red, red)) {
2667
+ --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, color-mix(in srgb,var(--status-success-border,#86efac) 18%,transparent));
2668
+ }
2669
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2670
+ }
2671
+ .shadow-\[inset_0_0_0_1px_color-mix\(in_srgb\,var\(--status-warning-border\,\#fcd34d\)_18\%\,transparent\)\] {
2672
+ --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--status-warning-border,#fcd34d));
2673
+ @supports (color: color-mix(in lab, red, red)) {
2674
+ --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, color-mix(in srgb,var(--status-warning-border,#fcd34d) 18%,transparent));
2675
+ }
2676
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2677
+ }
2676
2678
  .shadow-\[inset_0_0_0_1px_rgb\(var\(--color-brand\)\/0\.10\)\] {
2677
2679
  --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, rgb(var(--color-brand)/0.10));
2678
2680
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -3092,42 +3094,42 @@ h2.react-datepicker__current-month {
3092
3094
  }
3093
3095
  }
3094
3096
  }
3095
- .hover\:bg-\[color-mix\(in_srgb\,var\(--status-danger-text\,\#b91c1c\)_88\%\,\#000\)\] {
3097
+ .hover\:bg-\[color-mix\(in_srgb\,var\(--status-danger-bg\,rgba\(254\,202\,202\,0\.8\)\)_78\%\,var\(--status-danger-border\,\#fca5a5\)\)\] {
3096
3098
  &:hover {
3097
3099
  @media (hover: hover) {
3098
- background-color: var(--status-danger-text,#b91c1c);
3100
+ background-color: var(--status-danger-bg,rgba(254,202,202,0.8));
3099
3101
  @supports (color: color-mix(in lab, red, red)) {
3100
- background-color: color-mix(in srgb,var(--status-danger-text,#b91c1c) 88%,#000);
3102
+ background-color: color-mix(in srgb,var(--status-danger-bg,rgba(254,202,202,0.8)) 78%,var(--status-danger-border,#fca5a5));
3101
3103
  }
3102
3104
  }
3103
3105
  }
3104
3106
  }
3105
- .hover\:bg-\[color-mix\(in_srgb\,var\(--status-info-text\,\#1d4ed8\)_88\%\,\#000\)\] {
3107
+ .hover\:bg-\[color-mix\(in_srgb\,var\(--status-info-bg\,rgba\(219\,234\,254\,0\.8\)\)_78\%\,var\(--status-info-border\,\#93c5fd\)\)\] {
3106
3108
  &:hover {
3107
3109
  @media (hover: hover) {
3108
- background-color: var(--status-info-text,#1d4ed8);
3110
+ background-color: var(--status-info-bg,rgba(219,234,254,0.8));
3109
3111
  @supports (color: color-mix(in lab, red, red)) {
3110
- background-color: color-mix(in srgb,var(--status-info-text,#1d4ed8) 88%,#000);
3112
+ background-color: color-mix(in srgb,var(--status-info-bg,rgba(219,234,254,0.8)) 78%,var(--status-info-border,#93c5fd));
3111
3113
  }
3112
3114
  }
3113
3115
  }
3114
3116
  }
3115
- .hover\:bg-\[color-mix\(in_srgb\,var\(--status-success-text\,\#15803d\)_88\%\,\#000\)\] {
3117
+ .hover\:bg-\[color-mix\(in_srgb\,var\(--status-success-bg\,rgba\(220\,252\,231\,0\.8\)\)_78\%\,var\(--status-success-border\,\#86efac\)\)\] {
3116
3118
  &:hover {
3117
3119
  @media (hover: hover) {
3118
- background-color: var(--status-success-text,#15803d);
3120
+ background-color: var(--status-success-bg,rgba(220,252,231,0.8));
3119
3121
  @supports (color: color-mix(in lab, red, red)) {
3120
- background-color: color-mix(in srgb,var(--status-success-text,#15803d) 88%,#000);
3122
+ background-color: color-mix(in srgb,var(--status-success-bg,rgba(220,252,231,0.8)) 78%,var(--status-success-border,#86efac));
3121
3123
  }
3122
3124
  }
3123
3125
  }
3124
3126
  }
3125
- .hover\:bg-\[color-mix\(in_srgb\,var\(--status-warning-text\,\#92400e\)_88\%\,\#000\)\] {
3127
+ .hover\:bg-\[color-mix\(in_srgb\,var\(--status-warning-bg\,rgba\(254\,243\,199\,0\.8\)\)_78\%\,var\(--status-warning-border\,\#fcd34d\)\)\] {
3126
3128
  &:hover {
3127
3129
  @media (hover: hover) {
3128
- background-color: var(--status-warning-text,#92400e);
3130
+ background-color: var(--status-warning-bg,rgba(254,243,199,0.8));
3129
3131
  @supports (color: color-mix(in lab, red, red)) {
3130
- background-color: color-mix(in srgb,var(--status-warning-text,#92400e) 88%,#000);
3132
+ background-color: color-mix(in srgb,var(--status-warning-bg,rgba(254,243,199,0.8)) 78%,var(--status-warning-border,#fcd34d));
3131
3133
  }
3132
3134
  }
3133
3135
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wellingtonhlc/shared-ui",
3
- "version": "0.25.7",
3
+ "version": "0.25.9",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",