@aveonline/ui-react 2.30.6 → 2.30.8

package/dist/tailwind.config.js

@@ -112,6 +112,7 @@ module.exports = {
           active: 'var(--colors-surface-active)',
           pressed: 'var(--colors-surface-pressed)',
           disabled: 'var(--colors-surface-disabled)',
+          brand: 'var(--colors-surface-brand)',
           action: {
             default: 'var(--colors-surface-action-default)',
             subdued: 'var(--colors-surface-action-subdued)',

package/dist/tokens.css

@@ -111,6 +111,7 @@
   --colors-icon-hovered: #42484eff;
   --colors-icon-subdued: #a1a1a1ff;
   --colors-icon-default: #61666bff;
+  --colors-icon-brand: #5F24F1;
   --colors-interactive-critical-disabled: #ce9ea2ff;
   --colors-interactive-critical-active: #6c0f00ff;
   --colors-interactive-critical-hovered: #c12929ff;

package/dist/ui/atoms/Button/IButton.d.ts

@@ -1,6 +1,6 @@
 import { IClassName } from '../../../types';
 import type { ReactNode, MouseEventHandler } from 'react';
-export declare type Variant = 'primary' | 'primary-active' | 'basic' | 'destructive' | 'plain' | 'plain-monochrome' | 'plain-destructive' | 'disabled' | 'primary-border' | 'destructive-border' | 'brand' | 'brand-border' | 'basic-border';
+export declare type Variant = 'primary' | 'primary-active' | 'basic' | 'destructive' | 'plain' | 'plain-monochrome' | 'plain-destructive' | 'disabled' | 'primary-border' | 'destructive-border' | 'brand' | 'brand-border' | 'basic-border' | 'plain-brand';
 declare type Size = 'md' | 'sm';
 export declare type Align = 'start' | 'center' | 'end';
 interface IButton extends IClassName {

package/dist/ui-react.mjs

@@ -703,7 +703,7 @@ function hB({
   className: s,
   isSingleLine: u
 }) {
-  const d = () => n === "disabled" ? "bg-action-primary-disabled text-letter-disabled disabled:text-letter-disabled disabled:bg-action-primary-disabled" : n === "primary" ? r ? "bg-action-primary-disabled" : "bg-action-primary-default hover:bg-action-primary-hovered active:bg-action-primary-active text-letter-on disabled:bg-action-primary-disabled" : n === "brand" ? r ? "bg-action-primary-disabled" : "bg-action-primary-brand hover:bg-action-primary-brand active:bg-action-primary-brand text-letter-on disabled:bg-action-primary-disabled" : n === "primary-active" ? r ? "bg-action-primary-disabled" : "bg-action-primary-active hover:bg-action-primary-hovered active:bg-action-primary-active text-letter-on disabled:bg-action-primary-disabled" : n === "basic" ? r ? "bg-action-secondary-disabled" : "bg-action-opacity-default text-letter-default hover:bg-action-opacity-hovered active:bg-action-opacity-active disabled:bg-action-opacity-disabled" : n === "destructive" ? r ? "bg-action-critical-disabled" : "bg-action-critical-default text-letter-on hover:bg-action-critical-hovered active:bg-action-critical-active disabled:bg-action-critical-disabled" : n === "plain" ? "text-action-primary-default hover:bg-surface-action-hovered active:bg-surface-action-active active:text-action-primary-pressed disabled:bg-white" : n === "plain-monochrome" ? "text-letter-default hover:bg-action-opacity-hovered active:bg-action-opacity-active active:text-letter-default disabled:bg-white" : n === "plain-destructive" ? "text-letter-critical hover:bg-surface-critical-hovered active:bg-surface-critical-active active:text-letter-critical disabled:bg-white" : n === "primary-border" ? r ? "bg-action-primary-disabled" : "border border-action-primary-default text-action-primary-default hover:bg-action-primary-hovered hover:text-letter-on active:bg-action-primary-active text-action-primary-default disabled:bg-action-primary-disabled" : n === "destructive-border" ? r ? "bg-action-critical-disabled" : "border border-action-critical-default text-action-critical-default hover:bg-action-critical-hovered hover:text-letter-on active:bg-action-critical-active disabled:bg-action-critical-disabled" : n === "brand-border" ? r ? "bg-action-primary-disabled" : "border border-action-primary-brand hover:bg-action-primary-brand hover:text-letter-on active:bg-action-primary-brand text-action-primary-brand disabled:bg-action-primary-disabled" : n === "basic-border" ? r ? "bg-action-secondary-disabled" : "border border-action-opacity-default hover:bg-action-opacity-hovered hover:text-letter-on active:bg-action-opacity-active disabled:bg-action-opacity-disabled" : "", f = () => [
+  const d = () => n === "disabled" ? "bg-action-primary-disabled text-letter-disabled disabled:text-letter-disabled disabled:bg-action-primary-disabled" : n === "primary" ? r ? "bg-action-primary-disabled" : "bg-action-primary-default hover:bg-action-primary-hovered active:bg-action-primary-active text-letter-on disabled:bg-action-primary-disabled" : n === "brand" ? r ? "bg-action-primary-disabled" : "bg-action-primary-brand hover:bg-action-primary-brand active:bg-action-primary-brand text-letter-on disabled:bg-action-primary-disabled" : n === "primary-active" ? r ? "bg-action-primary-disabled" : "bg-action-primary-active hover:bg-action-primary-hovered active:bg-action-primary-active text-letter-on disabled:bg-action-primary-disabled" : n === "basic" ? r ? "bg-action-secondary-disabled" : "bg-action-opacity-default text-letter-default hover:bg-action-opacity-hovered active:bg-action-opacity-active disabled:bg-action-opacity-disabled" : n === "destructive" ? r ? "bg-action-critical-disabled" : "bg-action-critical-default text-letter-on hover:bg-action-critical-hovered active:bg-action-critical-active disabled:bg-action-critical-disabled" : n === "plain" ? "text-action-primary-default hover:bg-surface-action-hovered active:bg-surface-action-active active:text-action-primary-pressed disabled:bg-white" : n === "plain-monochrome" ? "text-letter-default hover:bg-action-opacity-hovered active:bg-action-opacity-active active:text-letter-default disabled:bg-white" : n === "plain-destructive" ? "text-letter-critical hover:bg-surface-critical-hovered active:bg-surface-critical-active active:text-letter-critical disabled:bg-white" : n === "plain-brand" ? "text-action-primary-brand hover:bg-action-primary-brand hover:text-letter-on active:bg-surface-critical-active active:text-letter-critical disabled:bg-white" : n === "primary-border" ? r ? "bg-action-primary-disabled" : "border border-action-primary-default text-action-primary-default hover:bg-action-primary-hovered hover:text-letter-on active:bg-action-primary-active text-action-primary-default disabled:bg-action-primary-disabled" : n === "destructive-border" ? r ? "bg-action-critical-disabled" : "border border-action-critical-default text-action-critical-default hover:bg-action-critical-hovered hover:text-letter-on active:bg-action-critical-active disabled:bg-action-critical-disabled" : n === "brand-border" ? r ? "bg-action-primary-disabled" : "border border-action-primary-brand hover:bg-action-primary-brand hover:text-letter-on active:bg-action-primary-brand text-action-primary-brand disabled:bg-action-primary-disabled" : n === "basic-border" ? r ? "bg-action-secondary-disabled" : "border border-action-opacity-default hover:bg-action-opacity-hovered hover:text-letter-on active:bg-action-opacity-active disabled:bg-action-opacity-disabled" : "", f = () => [
     "primary",
     "basic",
     "destructive",
@@ -3233,7 +3233,8 @@ function ct({
         "fill-icon-subdued": "#a1a1a1ff",
         "fill-icon-critical": "#bd2a2aff",
         "fill-action-primary-default": "#007affff",
-        "fill-icon-on": "#ffffffff"
+        "fill-icon-on": "#ffffffff",
+        "fill-icon-brand": "#5F24F1"
       };
       return /* @__PURE__ */ m.jsx(Ce, { viewBox: "0 0 24 24", ...n, children: /* @__PURE__ */ m.jsx(
         "path",

package/package.json

@@ -2,7 +2,7 @@
   "name": "@aveonline/ui-react",
   "description": "Home base for Aveonline design system - ecosystem react",
   "private": false,
-  "version": "2.30.6",
+  "version": "2.30.8",
   "types": "./dist/index.d.ts",
   "files": [
     "dist"