@antscorp/antsomi-ui 1.3.5-beta.990 → 1.3.5-beta.992

package/es/components/atoms/SelectAssociatedTag/SelectAssociatedTag.js

@@ -8,8 +8,8 @@ import SelectTag from './SelectTag';
 import { defaultProps } from './constants';
 export const SelectAssociatedTag = (props) => {
     // Props
-    const { tagConfigs, style, selected, disabled, options, children, onSelect } = props;
+    const { tagConfigs, style, status, selected, disabled, options, children, onSelect } = props;
     const { tag, value } = selected || {};
-    return (_jsxs(StyledSpace, { className: "select-associated-tag", style: style, children: [_jsx(SelectTag, { ...tagConfigs, selectedTag: tag }), _jsx(Divider, { type: "vertical", style: { margin: '0px 1px 0px 6px' }, className: "antsomi-divider-between-select" }), children ?? (_jsx(Select, { style: { width: '100%', height: '100%' }, value: value, disabled: disabled, options: options, onChange: onSelect }))] }));
+    return (_jsxs(StyledSpace, { className: `select-associated-tag ${status}`, style: style, children: [_jsx(SelectTag, { ...tagConfigs, selectedTag: tag }), _jsx(Divider, { type: "vertical", style: { margin: '0px 1px 0px 6px' }, className: "antsomi-divider-between-select" }), children ?? (_jsx(Select, { style: { width: '100%', height: '100%' }, value: value, disabled: disabled, options: options, onChange: onSelect }))] }));
 };
 SelectAssociatedTag.defaultProps = defaultProps;

package/es/components/atoms/SelectAssociatedTag/styled.js

@@ -13,6 +13,20 @@ export const StyledSpace = styled(Space.Compact) `
 
   border-bottom: 1px solid ${globalToken?.blue1};
 
+  &.select-associated-tag {
+    &.warning {
+      border-bottom-color: ${globalToken?.colorWarning};
+    }
+
+    &.error {
+      border-bottom-color: ${globalToken?.colorError};
+    }
+
+    &.success {
+      border-bottom-color: ${globalToken?.colorSuccess};
+    }
+  }
+
   > div:last-child {
     width: 100%;
   }

package/es/components/atoms/SelectAssociatedTag/types.d.ts

@@ -6,6 +6,7 @@ export type TagItem = {
     background: CSSProperties['background'];
     color: CSSProperties['color'];
 };
+export type Status = 'error' | 'warning' | 'success';
 export interface TagConfigProps {
     selectedTag: TagItem['value'];
     title?: string;
@@ -47,6 +48,11 @@ export interface SelectAssociatedTagProps {
      * @type {boolean}
      */
     disabled?: boolean;
+    /**
+     * The status of the SelectAssociatedTag, if any.
+     * @type {'error' | 'warning' | 'success' }
+     */
+    status?: Status;
     /**
      * A list of selectable options.
      * @type {SelectOption[]}

package/es/components/icons/LazyIcon/LazyIcon.d.ts

@@ -261,6 +261,7 @@ export declare const LazyIcon: {
     PauseIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     PaymentIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     PenDrawingIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
+    PenRulerIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     PersonAddDisabledIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     PersonUserAccountIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     PhoneCallbackIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;

package/es/components/icons/LazyIcon/LazyIcon.js

@@ -265,6 +265,7 @@ export const LazyIcon = {
     PauseIcon: lazy(() => import('../PauseIcon').then(m => ({ default: m.PauseIcon }))),
     PaymentIcon: lazy(() => import('../PaymentIcon').then(m => ({ default: m.PaymentIcon }))),
     PenDrawingIcon: lazy(() => import('../PenDrawingIcon').then(m => ({ default: m.PenDrawingIcon }))),
+    PenRulerIcon: lazy(() => import('../PenRulerIcon').then(m => ({ default: m.PenRulerIcon }))),
     PersonAddDisabledIcon: lazy(() => import('../PersonAddDisabledIcon').then(m => ({ default: m.PersonAddDisabledIcon }))),
     PersonUserAccountIcon: lazy(() => import('../PersonUserAccountIcon').then(m => ({ default: m.PersonUserAccountIcon }))),
     PhoneCallbackIcon: lazy(() => import('../PhoneCallbackIcon').then(m => ({ default: m.PhoneCallbackIcon }))),

package/es/components/icons/PenRulerIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from './types';
+export declare const PenRulerIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/es/components/icons/PenRulerIcon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const PenRulerIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (_jsx("svg", { viewBox: "0 0 30 31", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, ref: ref, width: width, height: height, children: _jsx("path", { d: "M23.9531 10.7656L19.5 15.2656L23.3906 19.1562C24.1406 19.9062 24.1406 21.1719 23.3906 21.9688L21.4688 23.8906C20.8594 24.4531 19.5938 24.8281 18.6562 23.8906L14.7656 20L10.2188 24.5H6V20.2812L10.5 15.7344L6.60938 11.8438C5.85938 11.0938 5.85938 9.82812 6.60938 9.03125L8.53125 7.10938C9.28125 6.35938 10.5469 6.35938 11.3438 7.10938L15.2344 11L19.7344 6.54688C20.1094 6.125 20.7656 6.125 21.1406 6.54688L23.9531 9.35938C24.375 9.73438 24.375 10.3906 23.9531 10.7656ZM8.0625 10.4375L11.9062 14.3281L13.8281 12.4062L12.6094 11.2344L11.4375 12.4062L10.0312 11L11.2031 9.82812L9.9375 8.5625L8.0625 10.4375ZM19.2656 17.8906L18.0469 16.6719L16.1719 18.5469L20.0625 22.4375L21.9375 20.5625L20.6719 19.2969L19.5 20.4688L18.0938 19.0625L19.2656 17.8906ZM9.42188 22.4844L19.0312 12.875L18.8906 12.7812L17.625 11.4688L8.01562 21.0781V22.4844H9.42188ZM19.0312 10.0625L20.4375 11.4688L21.8438 10.0625L20.4375 8.65625L19.0312 10.0625Z", fill: "currentColor" }) }));
+});

package/es/components/icons/index.d.ts

@@ -257,6 +257,7 @@ export { PageArticleIcon } from './PageArticleIcon';
 export { PauseIcon } from './PauseIcon';
 export { PaymentIcon } from './PaymentIcon';
 export { PenDrawingIcon } from './PenDrawingIcon';
+export { PenRulerIcon } from './PenRulerIcon';
 export { PersonAddDisabledIcon } from './PersonAddDisabledIcon';
 export { PersonUserAccountIcon } from './PersonUserAccountIcon';
 export { PhoneCallbackIcon } from './PhoneCallbackIcon';

package/es/components/icons/index.js

@@ -257,6 +257,7 @@ export { PageArticleIcon } from './PageArticleIcon';
 export { PauseIcon } from './PauseIcon';
 export { PaymentIcon } from './PaymentIcon';
 export { PenDrawingIcon } from './PenDrawingIcon';
+export { PenRulerIcon } from './PenRulerIcon';
 export { PersonAddDisabledIcon } from './PersonAddDisabledIcon';
 export { PersonUserAccountIcon } from './PersonUserAccountIcon';
 export { PhoneCallbackIcon } from './PhoneCallbackIcon';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antscorp/antsomi-ui",
-  "version": "1.3.5-beta.990",
+  "version": "1.3.5-beta.992",
   "description": "An enterprise-class UI design language and React UI library.",
   "sideEffects": [
     "dist/*",