kiban-design-system 1.0.246-alpha.0 → 1.0.249-alpha.0

package/dist/assets/ArrowLeftIcon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const ArrowLeftIcon: () => JSX.Element;
+export default ArrowLeftIcon;

package/dist/assets/ArrowRightIcon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const ArrowRightIcon: () => JSX.Element;
+export default ArrowRightIcon;

package/dist/assets/SideBarIcon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const SideBarIcon: () => JSX.Element;
+export default SideBarIcon;

package/dist/components/AlphaSideMenu/AlphaSideMenu.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { AlphaSideMenuProps } from './AlphaSideMenu.props';
+import './AlphaSideMenu.styles.scss';
+declare const AlphaSideMenu: {
+    ({ children, collapsed, anchorComponent, collapseExpandIcon, }: AlphaSideMenuProps): JSX.Element;
+    Section: ({ items, fill, title, isCollapsed: isCollapsedProp, areSubNavigationItems, }: import("./components").SectionProps) => JSX.Element;
+};
+export default AlphaSideMenu;

package/dist/components/AlphaSideMenu/AlphaSideMenu.props.d.ts

@@ -0,0 +1,9 @@
+import { ReactElement } from 'react';
+import { Section } from './components';
+import { IconProp } from '../../types';
+export interface AlphaSideMenuProps {
+    children?: ReactElement<typeof Section> | ReactElement<typeof Section>[];
+    collapsed?: boolean;
+    anchorComponent?: React.FunctionComponent;
+    collapseExpandIcon: IconProp;
+}

package/dist/components/AlphaSideMenu/components/Item/Item.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ItemProps } from './Item.props';
+import './Item.styles.scss';
+declare const Item: ({ label, isDisabled, icon, onClick, isActive, subNavigationItems, truncateText, anchorProps, isCollapsed: isCollapsedProp, isSubNavigation, }: ItemProps) => JSX.Element;
+export default Item;

package/dist/components/AlphaSideMenu/components/Item/Item.props.d.ts

@@ -0,0 +1,23 @@
+import { IconProp } from '../../../../types';
+export interface SubNavigationItemProps {
+    url?: string;
+    label: string;
+    isDisabled?: string;
+    isActive?: string;
+    onClick?: () => void;
+    truncateText?: boolean;
+    isSelected?: boolean;
+}
+export interface ItemProps<TAnchorType = any> {
+    icon?: IconProp;
+    url?: string;
+    label: string;
+    isDisabled?: string;
+    isActive?: string;
+    subNavigationItems?: SubNavigationItemProps[];
+    onClick?: () => void;
+    truncateText?: boolean;
+    anchorProps?: TAnchorType;
+    isCollapsed?: boolean;
+    isSubNavigation?: boolean;
+}

package/dist/components/AlphaSideMenu/components/Item/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Item } from './Item';
+export * from './Item.props';

package/dist/components/AlphaSideMenu/components/Section/Section.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { SectionProps } from './Section.props';
+import './Section.styles.scss';
+declare const Section: ({ items, fill, title, isCollapsed: isCollapsedProp, areSubNavigationItems, }: SectionProps) => JSX.Element;
+export default Section;

package/dist/components/AlphaSideMenu/components/Section/Section.props.d.ts

@@ -0,0 +1,8 @@
+import { ItemProps } from '../Item';
+export interface SectionProps {
+    items: ItemProps[];
+    title?: string;
+    fill?: boolean;
+    isCollapsed?: boolean;
+    areSubNavigationItems?: boolean;
+}

package/dist/components/AlphaSideMenu/components/Section/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Section } from './Section';
+export * from './Section.props';

package/dist/components/AlphaSideMenu/components/Tier/Tier.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { TierProps } from './Tier.props';
+import './Tier.styles.scss';
+declare const Tier: ({ children, title, isCollapsed, onExpand, hasSubNavigation, collapseExpandIcon, }: TierProps) => JSX.Element;
+export default Tier;

package/dist/components/AlphaSideMenu/components/Tier/Tier.props.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { IconProp } from '../../../../types';
+export interface TierProps {
+    children?: React.ReactNode;
+    isCollapsed?: boolean;
+    anchorComponent?: React.ElementType;
+    title?: string;
+    onExpand?: () => void;
+    hasSubNavigation?: boolean;
+    collapseExpandIcon?: IconProp;
+}

package/dist/components/AlphaSideMenu/components/Tier/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Tier } from './Tier';
+export * from './Tier.props';

package/dist/components/AlphaSideMenu/components/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Section';
+export * from './Item';
+export * from './Tier';

package/dist/components/AlphaSideMenu/index.d.ts

@@ -0,0 +1,3 @@
+export { default as AlphaSideMenu } from './AlphaSideMenu';
+export * from './AlphaSideMenu.props';
+export * from './components';

package/dist/components/AlphaSideMenu/utils/context.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ItemProps } from '../components';
+export interface SideMenuContextType {
+    anchorComponent?: React.FunctionComponent;
+    collapsed?: boolean;
+    setCurrentTierItems?: (items: ItemProps[], title?: string) => void;
+}
+declare const SideMenuContext: import("react").Context<SideMenuContextType>;
+export default SideMenuContext;

package/dist/components/AlphaSideMenu/utils/index.d.ts

@@ -0,0 +1,2 @@
+export { default as SideMenuContext } from './context';
+export type { SideMenuContextType } from './context';

package/dist/components/DynamicForm/DynamicForm.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import type { DynamicFormProps } from './DynamicForm.props';
 import './DynamicForm.styles.scss';
-declare const DynamicForm: <T>({ ariaLabel, dataFormArray, fields, fieldsSection, iconDeletable, iconHelperText, labelDivider, onChange, onAddForm, tagRemoveIcon, deletableFormArray, extraPropsFieldsArray, }: DynamicFormProps<T>) => JSX.Element;
+declare const DynamicForm: <T>({ ariaLabel, dataFormArray, fields, fieldsSection, iconDeletable, iconHelperText, labelDivider, onChange, onAddForm, tagRemoveIcon, deletableFormArray, extraPropsFieldsArray, columnsSize, }: DynamicFormProps<T>) => JSX.Element;
 export default DynamicForm;

package/dist/components/DynamicForm/DynamicForm.props.d.ts

@@ -26,4 +26,5 @@ export interface DynamicFormProps<T> {
     tagRemoveIcon?: IconType;
     deletableFormArray?: boolean[];
     extraPropsFieldsArray?: TExtraPropFields[];
+    columnsSize?: number;
 }

package/dist/components/DynamicForm/components/SectionForm/SectionForm.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import type { SectionFormProps } from './SectionForm.props';
-declare const SectionForm: <T>({ ariaLabel, data, fields, fieldsSection, iconDeletable, iconHelperText, onChange, onDelete, tagRemoveIcon, isDeletable, extraPropsField, }: SectionFormProps<T>) => JSX.Element;
+declare const SectionForm: <T>({ ariaLabel, data, fields, fieldsSection, iconDeletable, iconHelperText, onChange, onDelete, tagRemoveIcon, isDeletable, extraPropsField, columnsSize: columnsSizeProps, }: SectionFormProps<T>) => JSX.Element;
 export default SectionForm;

package/dist/components/DynamicForm/components/SectionForm/SectionForm.props.d.ts

@@ -13,4 +13,5 @@ export interface SectionFormProps<T> {
     tagRemoveIcon?: IconType;
     isDeletable?: boolean;
     extraPropsField?: TExtraPropFields;
+    columnsSize?: number;
 }

package/dist/components/SideMenu/SideMenu.d.ts

@@ -4,6 +4,7 @@ import './SideMenu.styles.scss';
 /**
  * The Side Menu is used to show navigation.
  *
+ * @deprecated This component is deprecated and will be removed in a future version. Please use the new SideMenu component when it becomes available.
  * @param {SideMenuProps}  SideMenuProps -SideMenuProps
  * @param {object} SideMenuProps.itemsBottom - Element to render section inside this component
  * @returns {symbol} - Element SideMenu

package/dist/components/index.d.ts

@@ -12,6 +12,7 @@ export * from './AlphaInputText';
 export * from './AlphaInputDate';
 export * from './AlphaLabel';
 export * from './AlphaLabelledField';
+export * from './AlphaSideMenu';
 export * from './AlphaSpinner';
 export * from './AlphaStepper';
 export * from './AlphaTag';
@@ -75,7 +76,6 @@ export * from './SkeletonText';
 export * from './SkeletonTitle';
 export * from './SortableList';
 export * from './Spinner';
-export * from './Spinner';
 export * from './Stack';
 export * from './Table';
 export * from './Tabs';

package/dist/index.css

@@ -36,7 +36,7 @@
 
 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */.AlphaInlineError{align-items:center;color:var(--color-text-danger);display:flex;font-size:var(--font-size-50);font-weight:var(--font-weight-medium)}.AlphaInlineError__IconWrapper{height:1rem;margin-right:var(--spacing-1);width:1rem}.AlphaLabel{align-items:center;display:inline-flex;width:100%}.AlphaLabel label{display:flex;flex:1 1 0;font-size:var(--font-size-75);font-weight:var(--font-weight-bold);line-height:var(--font-line-height-4)}.AlphaLabel__RequiredSign{color:var(--color-text-danger);display:inline-block;margin-left:var(--spacing-2)}
 
-/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */.AlphaLabelledField__LabelWrapper{margin-bottom:var(--spacing-3)}.AlphaLabelledField__HelpText{align-items:center;color:var(--color-text-light);display:flex;font-size:var(--font-size-50);margin-top:var(--spacing-3)}.AlphaLabelledField__HelpText__IconWrapper{height:1.25rem;margin-right:var(--spacing-2);width:1.25rem}.AlphaLabelledField__HelpText__IconWrapper>*{height:100%;width:100%}.AlphaInputText__LabelWrapper{margin-bottom:.5rem}
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */.AlphaLabelledField__LabelWrapper{margin-bottom:var(--spacing-3)}.AlphaLabelledField__HelpText{align-items:center;color:var(--color-text-light);display:flex;font-size:var(--font-size-50);margin-top:var(--spacing-3)}.AlphaLabelledField__HelpText__IconWrapper{height:1.25rem;margin-right:var(--spacing-2);width:1.25rem}.AlphaLabelledField__HelpText__IconWrapper>*{height:100%;width:100%}.AlphaInputText__LabelWrapper{margin-bottom:.5rem}.AlphaSideMenu__Item:not(:last-child){margin-bottom:var(--spacing-1)}.AlphaSideMenu__Item a{align-items:center;border-radius:var(--radius-2);color:var(--color-text);cursor:pointer;display:flex;gap:var(--spacing-2);overflow:hidden;padding:calc(var(--spacing-2) - var(--spacing-05));text-decoration:none;transition:background-color var(--motion-duration-200) var(--motion-ease-in-out),color var(--motion-duration-200) var(--motion-ease-in-out);width:100%}.AlphaSideMenu__Item a:hover{background-color:var(--color-background-hover)}.AlphaSideMenu__Item__Label{flex:1;font-size:var(--font-size-75);font-weight:var(--font-weight-semibold);line-height:var(--font-line-height-4)}.AlphaSideMenu__Item__IconWrapper{flex:none;height:24px;width:24px}.AlphaSideMenu__Item__IconWrapper svg{fill:none;height:100%;width:100%}.AlphaSideMenu__Item.AlphaSideMenu__Item--isActive a,.AlphaSideMenu__Item.AlphaSideMenu__Item--isActive a:active,.AlphaSideMenu__Item.AlphaSideMenu__Item--isActive a:visited{background-color:var(--color-background-primary-light);color:var(--color-text-primary)}.AlphaSideMenu__Item.AlphaSideMenu__Item--isDisabled a,.AlphaSideMenu__Item.AlphaSideMenu__Item--isDisabled a:active,.AlphaSideMenu__Item.AlphaSideMenu__Item--isDisabled a:visited{background-color:var(--color-background-disabled);color:var(--color-text-disabled);cursor:default;pointer-events:none}.AlphaSideMenu__Section{overflow:hidden;width:100%}.AlphaSideMenu__Section__TitleWrapper{align-items:center;display:flex;filter:none!important;margin-bottom:var(--spacing-1);min-height:42px;overflow:hidden;rotate:0!important;scale:none!important;transform:none!important;translate:none!important;width:100%;width:100%!important}.AlphaSideMenu__Section__TitleWrapper span{color:var(--color-base-dark-grey-100);font-size:var(--font-size-50);font-weight:var(--font-weight-bold);letter-spacing:1.25px;line-height:var(--font-line-height-50);text-transform:uppercase}.AlphaSideMenu__Section__TitleWrapper.AlphaSideMenu__Section__TitleWrapper--isCollapsed span{opacity:0}.AlphaSideMenu__Section__Items{list-style:none;margin:0;padding:0}.AlphaSideMenu__Tier{align-items:stretch;background-color:var(--color-background);border-right:1px solid var(--color-border-default);display:flex;flex:none;flex-direction:column;gap:var(--spacing-3);height:100%;max-width:230px;padding:var(--spacing-3);width:100%}.AlphaSideMenu__Tier.AlphaSideMenu__Tier--isCollapsed{align-items:flex-start;max-width:60px}.AlphaSideMenu__Tier__TitleWrapper{font-size:var(--font-size-50);font-weight:var(--font-weight-semibold);line-height:var(--line-height-1)}.AlphaSideMenu__Tier__ExpandButtonWrapper{flex:none;width:36px}.AlphaSideMenu__Tier__ExpandButtonWrapper button{height:36px;width:36px}.AlphaSideMenu__Tier__ExpandButtonWrapper button svg{height:20px;width:20px}.AlphaSideMenu{display:flex;height:100%}.AlphaSideMenu>*{flex:1}
 
 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */.AlphaStepper__Container{display:flex;justify-content:space-between;width:100%}.AlphaStepper__Step{flex:1 1 0}.AlphaStepper__Step__Label{color:var(--color-base-dark-grey-100);font-size:var(--font-size-75);font-weight:var(--font-weight-semibold);line-height:var(--font-line-height-3);text-align:center}.AlphaStepper__Step__Item,.AlphaStepper__Step__Label{align-items:center;display:flex;flex-direction:column}.AlphaStepper__Step__Item:before{left:-24%;top:15px;width:50%;z-index:2}.AlphaStepper__Step__Item:after,.AlphaStepper__Step__Item:before{border-bottom:var(--font-size-75) solid var(--color-background-cloud-light);content:"";position:relative}.AlphaStepper__Step__Item:after{left:26%;top:-27px;width:51%;z-index:1}.AlphaStepper__IconWrapper{background-color:var(--color-background-cloud);border-radius:50%;margin-bottom:var(--spacing-3);z-index:3}.AlphaStepper__IconWrapper svg{fill:var(--color-base-white);color:var(--color-base-white)}.AlphaStepper__Step:first-child .AlphaStepper__Step__Item{align-items:flex-start;position:relative;top:0}.AlphaStepper__Step:first-child .AlphaStepper__Step__Item:before{left:10%;top:15px;z-index:1}.AlphaStepper__Step:first-child .AlphaStepper__Step__Item:after{left:5%;width:100%}.AlphaStepper__Step:last-child .AlphaStepper__Step__Item{align-items:flex-end}.AlphaStepper__Step:last-child .AlphaStepper__Step__Item:after{left:-4%}.AlphaStepper__Step:last-child .AlphaStepper__Step__Item:before{left:-5%;width:94%}.AlphaStepper__Step:last-child .AlphaStepper__Step__Label{align-items:flex-end}.AlphaStepper__Step:first-child .AlphaStepper__Step__Label{align-items:flex-start}.AlphaStepper__IconWrapper--is-inactive{background-color:var(--color-base-light-grey-90)}.AlphaStepper__IconWrapper--is-CLOUD{background-color:var(--color-background-cloud)}.AlphaStepper__IconWrapper--is-KLIN{background-color:var(--color-background-klin)}.AlphaStepper__IconWrapper--is-LINK{background-color:var(--color-background-link)}.AlphaStepper__IconWrapper--is-RAINAO{background-color:var(--color-background-rainao)}.AlphaStepper__IconWrapper--is-REKON{background-color:var(--color-background-rekon)}.AlphaStepper__IconWrapper--is-WORKFLOO{background-color:var(--color-background-workfloo)}.AlphaStepper__IconWrapper--is-success{background-color:var(--color-background-success)}.AlphaStepper__IconWrapper--is-danger{background-color:var(--color-background-danger)}.AlphaStepper__Step__Item--is-inactive-light-after:after,.AlphaStepper__Step__Item--is-inactive-light-before:before{border-bottom-color:var(--color-background-disabled)}.AlphaStepper__Step__Item--is-CLOUD-light-after:after,.AlphaStepper__Step__Item--is-CLOUD-light-before:before{border-bottom-color:var(--color-background-cloud-light)}.AlphaStepper__Step__Item--is-KLIN-light-after:after,.AlphaStepper__Step__Item--is-KLIN-light-before:before{border-bottom-color:var(--color-background-klin-light)}.AlphaStepper__Step__Item--is-LINK-light-after:after,.AlphaStepper__Step__Item--is-LINK-light-before:before{border-bottom-color:var(--color-background-link-light)}.AlphaStepper__Step__Item--is-RAINAO-light-after:after,.AlphaStepper__Step__Item--is-RAINAO-light-before:before{border-bottom-color:var(--color-background-rainao-light)}.AlphaStepper__Step__Item--is-REKON-light-after:after,.AlphaStepper__Step__Item--is-REKON-light-before:before{border-bottom-color:var(--color-background-rekon-light)}.AlphaStepper__Step__Item--is-WORKFLOO-light-after:after,.AlphaStepper__Step__Item--is-WORKFLOO-light-before:before{border-bottom-color:var(--color-background-workfloo-light)}.AlphaStepper__Step__Item--is-success-light-after:after,.AlphaStepper__Step__Item--is-success-light-before:before{border-bottom-color:var(--color-background-success-light)}.AlphaTag{align-items:center;border:1px solid;border-color:var(--color-base-light-grey-50);border-radius:var(--radius-10);color:var(--color-base-light-grey-50);display:inline-flex;font-size:var(--font-size-100);font-weight:var(--font-weight-bold);justify-content:center;line-height:var(--font-line-height-4);padding:0 calc(var(--spacing-3) - var(--spacing-05))}.AlphaTag--is-white-0{border-color:var(--color-base-white);color:var(--color-base-white)}.AlphaTag--is-black-0{border-color:var(--color-base-black);color:var(--color-base-black)}.AlphaTag--is-blue-50{border-color:var(--color-base-blue-50);color:var(--color-base-blue-50)}.AlphaTag--is-blue-100{border-color:var(--color-base-blue-100);color:var(--color-base-blue-100)}.AlphaTag--is-blue-200{border-color:var(--color-base-blue-200);color:var(--color-base-blue-200)}.AlphaTag--is-blue-300{border-color:var(--color-base-blue-300);color:var(--color-base-blue-300)}.AlphaTag--is-blue-400{border-color:var(--color-base-blue-400);color:var(--color-base-blue-400)}.AlphaTag--is-blue-500{border-color:var(--color-base-blue-500);color:var(--color-base-blue-500)}.AlphaTag--is-blue-600{border-color:var(--color-base-blue-600);color:var(--color-base-blue-600)}.AlphaTag--is-blue-700{border-color:var(--color-base-blue-700);color:var(--color-base-blue-700)}.AlphaTag--is-blue-800{border-color:var(--color-base-blue-800);color:var(--color-base-blue-800)}.AlphaTag--is-blue-900{border-color:var(--color-base-blue-900);color:var(--color-base-blue-900)}.AlphaTag--is-blue-950{border-color:var(--color-base-blue-950);color:var(--color-base-blue-950)}.AlphaTag--is-light-grey-10{border-color:var(--color-base-light-grey-10);color:var(--color-base-light-grey-10)}.AlphaTag--is-light-grey-20{border-color:var(--color-base-light-grey-20);color:var(--color-base-light-grey-20)}.AlphaTag--is-light-grey-30{border-color:var(--color-base-light-grey-30);color:var(--color-base-light-grey-30)}.AlphaTag--is-light-grey-40{border-color:var(--color-base-light-grey-40);color:var(--color-base-light-grey-40)}.AlphaTag--is-light-grey-50{border-color:var(--color-base-light-grey-50);color:var(--color-base-light-grey-50)}.AlphaTag--is-light-grey-60{border-color:var(--color-base-light-grey-60);color:var(--color-base-light-grey-60)}.AlphaTag--is-light-grey-70{border-color:var(--color-base-light-grey-70);color:var(--color-base-light-grey-70)}.AlphaTag--is-light-grey-80{border-color:var(--color-base-light-grey-80);color:var(--color-base-light-grey-80)}.AlphaTag--is-light-grey-90{border-color:var(--color-base-light-grey-90);color:var(--color-base-light-grey-90)}.AlphaTag--is-dark-grey-100{border-color:var(--color-base-dark-grey-100);color:var(--color-base-dark-grey-100)}.AlphaTag--is-dark-grey-200{border-color:var(--color-base-dark-grey-200);color:var(--color-base-dark-grey-200)}.AlphaTag--is-dark-grey-300{border-color:var(--color-base-dark-grey-300);color:var(--color-base-dark-grey-300)}.AlphaTag--is-dark-grey-400{border-color:var(--color-base-dark-grey-400);color:var(--color-base-dark-grey-400)}.AlphaTag--is-dark-grey-500{border-color:var(--color-base-dark-grey-500);color:var(--color-base-dark-grey-500)}.AlphaTag--is-dark-grey-600{border-color:var(--color-base-dark-grey-600);color:var(--color-base-dark-grey-600)}.AlphaTag--is-dark-grey-700{border-color:var(--color-base-dark-grey-700);color:var(--color-base-dark-grey-700)}.AlphaTag--is-dark-grey-800{border-color:var(--color-base-dark-grey-800);color:var(--color-base-dark-grey-800)}.AlphaTag--is-dark-grey-900{border-color:var(--color-base-dark-grey-900);color:var(--color-base-dark-grey-900)}.AlphaTag--is-green-50{border-color:var(--color-base-green-50);color:var(--color-base-green-50)}.AlphaTag--is-green-100{border-color:var(--color-base-green-100);color:var(--color-base-green-100)}.AlphaTag--is-green-200{border-color:var(--color-base-green-200);color:var(--color-base-green-200)}.AlphaTag--is-green-300{border-color:var(--color-base-green-300);color:var(--color-base-green-300)}.AlphaTag--is-green-400{border-color:var(--color-base-green-400);color:var(--color-base-green-400)}.AlphaTag--is-green-500{border-color:var(--color-base-green-500);color:var(--color-base-green-500)}.AlphaTag--is-green-600{border-color:var(--color-base-green-600);color:var(--color-base-green-600)}.AlphaTag--is-green-700{border-color:var(--color-base-green-700);color:var(--color-base-green-700)}.AlphaTag--is-green-800{border-color:var(--color-base-green-800);color:var(--color-base-green-800)}.AlphaTag--is-green-900{border-color:var(--color-base-green-900);color:var(--color-base-green-900)}.AlphaTag--is-red-50{border-color:var(--color-base-red-50);color:var(--color-base-red-50)}.AlphaTag--is-red-100{border-color:var(--color-base-red-100);color:var(--color-base-red-100)}.AlphaTag--is-red-200{border-color:var(--color-base-red-200);color:var(--color-base-red-200)}.AlphaTag--is-red-300{border-color:var(--color-base-red-300);color:var(--color-base-red-300)}.AlphaTag--is-red-400{border-color:var(--color-base-red-400);color:var(--color-base-red-400)}.AlphaTag--is-red-500{border-color:var(--color-base-red-500);color:var(--color-base-red-500)}.AlphaTag--is-red-600{border-color:var(--color-base-red-600);color:var(--color-base-red-600)}.AlphaTag--is-red-700{border-color:var(--color-base-red-700);color:var(--color-base-red-700)}.AlphaTag--is-red-800{border-color:var(--color-base-red-800);color:var(--color-base-red-800)}.AlphaTag--is-red-900{border-color:var(--color-base-red-900);color:var(--color-base-red-900)}.AlphaTag--is-yellow-50{border-color:var(--color-base-yellow-50);color:var(--color-base-yellow-50)}.AlphaTag--is-yellow-100{border-color:var(--color-base-yellow-100);color:var(--color-base-yellow-100)}.AlphaTag--is-yellow-200{border-color:var(--color-base-yellow-200);color:var(--color-base-yellow-200)}.AlphaTag--is-yellow-300{border-color:var(--color-base-yellow-300);color:var(--color-base-yellow-300)}.AlphaTag--is-yellow-400{border-color:var(--color-base-yellow-400);color:var(--color-base-yellow-400)}.AlphaTag--is-yellow-500{border-color:var(--color-base-yellow-500);color:var(--color-base-yellow-500)}.AlphaTag--is-yellow-600{border-color:var(--color-base-yellow-600);color:var(--color-base-yellow-600)}.AlphaTag--is-yellow-700{border-color:var(--color-base-yellow-700);color:var(--color-base-yellow-700)}.AlphaTag--is-yellow-800{border-color:var(--color-base-yellow-800);color:var(--color-base-yellow-800)}.AlphaTag--is-yellow-900{border-color:var(--color-base-yellow-900);color:var(--color-base-yellow-900)}.AlphaTag--is-pink-50{border-color:var(--color-base-pink-50);color:var(--color-base-pink-50)}.AlphaTag--is-pink-100{border-color:var(--color-base-pink-100);color:var(--color-base-pink-100)}.AlphaTag--is-pink-200{border-color:var(--color-base-pink-200);color:var(--color-base-pink-200)}.AlphaTag--is-pink-300{border-color:var(--color-base-pink-300);color:var(--color-base-pink-300)}.AlphaTag--is-pink-400{border-color:var(--color-base-pink-400);color:var(--color-base-pink-400)}.AlphaTag--is-pink-500{border-color:var(--color-base-pink-500);color:var(--color-base-pink-500)}.AlphaTag--is-pink-600{border-color:var(--color-base-pink-600);color:var(--color-base-pink-600)}.AlphaTag--is-pink-700{border-color:var(--color-base-pink-700);color:var(--color-base-pink-700)}.AlphaTag--is-pink-800{border-color:var(--color-base-pink-800);color:var(--color-base-pink-800)}.AlphaTag--is-pink-900{border-color:var(--color-base-pink-900);color:var(--color-base-pink-900)}.AlphaTag--is-pink-1000{border-color:var(--color-base-pink-1000);color:var(--color-base-pink-1000)}.AlphaTag--is-orange-50{border-color:var(--color-base-orange-50);color:var(--color-base-orange-50)}.AlphaTag--is-orange-100{border-color:var(--color-base-orange-100);color:var(--color-base-orange-100)}.AlphaTag--is-orange-200{border-color:var(--color-base-orange-200);color:var(--color-base-orange-200)}.AlphaTag--is-orange-300{border-color:var(--color-base-orange-300);color:var(--color-base-orange-300)}.AlphaTag--is-orange-400{border-color:var(--color-base-orange-400);color:var(--color-base-orange-400)}.AlphaTag--is-orange-500{border-color:var(--color-base-orange-500);color:var(--color-base-orange-500)}.AlphaTag--is-orange-600{border-color:var(--color-base-orange-600);color:var(--color-base-orange-600)}.AlphaTag--is-orange-700{border-color:var(--color-base-orange-700);color:var(--color-base-orange-700)}.AlphaTag--is-orange-800{border-color:var(--color-base-orange-800);color:var(--color-base-orange-800)}.AlphaTag--is-orange-900{border-color:var(--color-base-orange-900);color:var(--color-base-orange-900)}.AlphaTag--is-mint-50{border-color:var(--color-base-mint-50);color:var(--color-base-mint-50)}.AlphaTag--is-mint-100{border-color:var(--color-base-mint-100);color:var(--color-base-mint-100)}.AlphaTag--is-mint-200{border-color:var(--color-base-mint-200);color:var(--color-base-mint-200)}.AlphaTag--is-mint-300{border-color:var(--color-base-mint-300);color:var(--color-base-mint-300)}.AlphaTag--is-mint-400{border-color:var(--color-base-mint-400);color:var(--color-base-mint-400)}.AlphaTag--is-mint-500{border-color:var(--color-base-mint-500);color:var(--color-base-mint-500)}.AlphaTag--is-mint-600{border-color:var(--color-base-mint-600);color:var(--color-base-mint-600)}.AlphaTag--is-mint-700{border-color:var(--color-base-mint-700);color:var(--color-base-mint-700)}.AlphaTag--is-mint-800{border-color:var(--color-base-mint-800);color:var(--color-base-mint-800)}.AlphaTag--is-mint-900{border-color:var(--color-base-mint-900);color:var(--color-base-mint-900)}.AlphaTag--is-purple-50{border-color:var(--color-base-purple-50);color:var(--color-base-purple-50)}.AlphaTag--is-purple-100{border-color:var(--color-base-purple-100);color:var(--color-base-purple-100)}.AlphaTag--is-purple-200{border-color:var(--color-base-purple-200);color:var(--color-base-purple-200)}.AlphaTag--is-purple-300{border-color:var(--color-base-purple-300);color:var(--color-base-purple-300)}.AlphaTag--is-purple-400{border-color:var(--color-base-purple-400);color:var(--color-base-purple-400)}.AlphaTag--is-purple-500{border-color:var(--color-base-purple-500);color:var(--color-base-purple-500)}.AlphaTag--is-purple-600{border-color:var(--color-base-purple-600);color:var(--color-base-purple-600)}.AlphaTag--is-purple-700{border-color:var(--color-base-purple-700);color:var(--color-base-purple-700)}.AlphaTag--is-purple-800{border-color:var(--color-base-purple-800);color:var(--color-base-purple-800)}.AlphaTag--is-purple-900{border-color:var(--color-base-purple-900);color:var(--color-base-purple-900)}