@loomhq/lens 11.17.1 → 11.19.0

package/dist/components/button/button.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
 declare const ButtonWrapper: import("@emotion/styled").StyledComponent<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ButtonWrapperProps, object>;
 declare const Button: ({ size, children, variant, hasFullWidth, icon, iconPosition, logoSrc, hasLoader, isDisabled, htmlTag, refHandler, ...props }: ButtonProps & React.ComponentProps<typeof ButtonWrapper>) => React.JSX.Element;
+type Variant = 'neutral' | 'primary' | 'secondary' | 'record' | 'upgrade' | 'danger' | 'ai';
 interface ButtonProps {
     size?: 'small' | 'medium' | 'large';
-    variant?: 'neutral' | 'primary' | 'record' | 'upgrade' | 'danger' | 'ai';
+    variant?: Variant;
     children?: React.ReactNode;
     isDisabled?: boolean;
     hasFullWidth?: boolean;
@@ -20,7 +21,7 @@ interface ButtonWrapperProps {
     hasNoPaddingRight?: boolean;
     hasNoPaddingLeft?: boolean;
     size?: 'small' | 'medium' | 'large';
-    variant?: 'neutral' | 'primary' | 'record' | 'upgrade' | 'danger' | 'ai';
+    variant?: Variant;
     hasFullWidth?: boolean;
     icon?: React.ReactNode;
     iconPosition?: 'left' | 'right';

package/dist/css-variables/index.d.ts

@@ -7,6 +7,7 @@ export declare const radiusVariables: VarsObject;
 export declare const shadowVariables: VarsObject;
 export declare const spaceVariables: VarsObject;
 export declare const formFieldVariables: VarsObject;
+export declare const gradientVariables: VarsObject;
 export declare const getSizingVariablesCssVarsObject: () => VarsObject;
 export declare const getVariablesCssVarsObject: () => VarsObject;
 export declare const getColorsCssVarsObject: () => VarsObject;

package/dist/index.js

@@ -484,6 +484,10 @@ var breakpoints = {
   medium: "64em",
   large: "75em"
 };
+var gradients = {
+  "ai-primary": "radial-gradient(134.96% 884.49% at 119.29% 112.58%, #DC43BE 0%, #565ADD 70%)",
+  "ai-secondary": "radial-gradient(100% 138.41% at 100% 100%, #EFF0FF 0%, #FFFFFF 100%)"
+};
 
 // src/components/text/text.tsx
 import React2 from "react";
@@ -1220,6 +1224,7 @@ var themeColorVariables = getCssVarsFromObject(
   void 0,
   getThemeColorsObject()
 );
+var gradientVariables = getCssVarsFromObject("gradient", gradients);
 var sizingVariables = [
   unitVariables,
   textSizeVariables,
@@ -1235,7 +1240,7 @@ var getVariablesCssVarsObject = () => {
   return Object.assign({}, fontWeightVariables, ...sizingVariables);
 };
 var getColorsCssVarsObject = () => {
-  return __spreadValues(__spreadValues({}, colorVariables), themeColorVariables);
+  return __spreadValues(__spreadValues(__spreadValues({}, colorVariables), themeColorVariables), gradientVariables);
 };
 var assignLightThemeColors = () => {
   return Object.keys(themeColors.light).map(
@@ -1634,6 +1639,13 @@ var variantStyles = {
     hover: getColorValue("primaryHover"),
     active: getColorValue("primaryActive")
   },
+  secondary: {
+    color: getColorValue("primary"),
+    background: getColorValue("highlight"),
+    borderColor: null,
+    hover: getColorValue("blurpleMedium"),
+    active: null
+  },
   record: {
     color: getColorValue("white"),
     background: getColorValue("record"),
@@ -7543,6 +7555,8 @@ export {
   getThemeStyles,
   getThemeStylesString,
   getVariablesCssVarsObject,
+  gradientVariables,
+  gradients,
   growRules,
   heightRules,
   hslaBaseColors,

package/dist/variables.d.ts

@@ -88,3 +88,7 @@ export namespace breakpoints {
     const large_3: string;
     export { large_3 as large };
 }
+export const gradients: {
+    'ai-primary': string;
+    'ai-secondary': string;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loomhq/lens",
-  "version": "11.17.1",
+  "version": "11.19.0",
   "packageManager": "pnpm@8.9.2",
   "scripts": {
     "preinstall": "npx only-allow pnpm",