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

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/molecules/AddDynamicContent/components/DisplayFormat/DisplayFormat.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { PayloadInfo } from '@antscorp/antsomi-ui/es/types';
 export type TDisplayFormat = 'number' | 'percentage' | 'currency' | 'datetime';
 type DisplayFormatProps = {

package/es/components/template/TemplateListing/Loadable.d.ts

@@ -3,5 +3,4 @@
  * Asynchronously loads the component for TemplateListing
  *
  */
-/// <reference types="react" />
 export declare const TemplateListing: (props: import("./types").TemplateListingProps<{}>) => JSX.Element;

package/package.json

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