@orfium/ictinus 5.43.6 → 5.43.8

package/src/components/Box/Box.types.ts

@@ -1,336 +0,0 @@
-import type { DotKeys, semanticVariablesColors, SpacingKey } from '@orfium/tokens';
-
-export type Responsive<T> = T | Array<T>;
-
-type AlignContent =
-  | 'center'
-  | 'start'
-  | 'end'
-  | 'flex-start'
-  | 'flex-end'
-  | 'normal'
-  | 'baseline'
-  | 'first baseline'
-  | 'last baseline'
-  | 'space-between'
-  | 'space-around'
-  | 'space-evenly'
-  | 'stretch'
-  | 'safe center'
-  | 'unsafe center'
-  | 'inherit'
-  | 'initial'
-  | 'unset';
-type AlignItems =
-  | 'normal'
-  | 'stretch'
-  | 'center'
-  | 'start'
-  | 'end'
-  | 'flex-start'
-  | 'flex-end'
-  | 'self-start'
-  | 'self-end'
-  | 'baseline'
-  | 'first baseline'
-  | 'last baseline'
-  | 'safe center'
-  | 'unsafe center'
-  | 'inherit'
-  | 'initial'
-  | 'unset';
-type AlignSelf =
-  | 'auto'
-  | 'normal'
-  | 'center'
-  | 'start'
-  | 'end'
-  | 'self-start'
-  | 'self-end'
-  | 'flex-start'
-  | 'flex-end'
-  | 'baseline'
-  | 'first baseline'
-  | 'last baseline'
-  | 'stretch'
-  | 'safe center'
-  | 'unsafe center'
-  | 'inherit'
-  | 'initial'
-  | 'unset';
-type FlexDirection =
-  | 'row'
-  | 'row-reverse'
-  | 'column'
-  | 'column-reverse'
-  | 'inherit'
-  | 'initial'
-  | 'unset';
-type Flex = number | string;
-type Display =
-  | 'block'
-  | 'inline'
-  | 'run-in'
-  | 'flow'
-  | 'flow-root'
-  | 'table'
-  | 'flex'
-  | 'grid'
-  | 'ruby'
-  | 'block flow'
-  | 'inline table'
-  | 'flex run-in'
-  | 'list-item'
-  | 'list-item block'
-  | 'list-item inline'
-  | 'list-item flow'
-  | 'list-item flow-root'
-  | 'list-item block flow'
-  | 'list-item block flow-root'
-  | 'flow list-item block'
-  | 'table-row-group'
-  | 'table-header-group'
-  | 'table-footer-group'
-  | 'table-row'
-  | 'table-cell'
-  | 'table-column-group'
-  | 'table-column'
-  | 'table-caption'
-  | 'ruby-base'
-  | 'ruby-text'
-  | 'ruby-base-container'
-  | 'ruby-text-container'
-  | 'contents'
-  | 'none'
-  | 'inline-block'
-  | 'inline-table'
-  | 'inline-flex'
-  | 'inline-grid'
-  | 'inherit'
-  | 'initial'
-  | 'unset';
-type GridAutoFlow =
-  | 'row'
-  | 'column'
-  | 'dense'
-  | 'row dense'
-  | 'column dense'
-  | 'inherit'
-  | 'initial'
-  | 'unset';
-type JustifyContent =
-  | 'center'
-  | 'start'
-  | 'end'
-  | 'flex-start'
-  | 'flex-end'
-  | 'left'
-  | 'right'
-  | 'space-between'
-  | 'space-around'
-  | 'space-evenly'
-  | 'stretch'
-  | 'safe center'
-  | 'unsafe center'
-  | 'inherit'
-  | 'initial'
-  | 'unset';
-
-type JustifyItems =
-  /* Basic keywords */
-  | 'auto'
-  | 'normal'
-  | 'stretch'
-  | 'center'
-  | 'start'
-  | 'end'
-  | 'flex-start'
-  | 'flex-end'
-  | 'self-start'
-  | 'self-end'
-  | 'left'
-  | 'right'
-  | 'baseline'
-  | 'first baseline'
-  | 'last baseline'
-  | 'safe center'
-  | 'unsafe center'
-  | 'legacy right'
-  | 'legacy left'
-  | 'legacy center'
-  | 'inherit'
-  | 'initial'
-  | 'unset';
-
-type JustifySelf =
-  | 'auto'
-  | 'normal'
-  | 'stretch'
-  | 'center'
-  | 'start'
-  | 'end'
-  | 'flex-start'
-  | 'flex-end'
-  | 'self-start'
-  | 'self-end'
-  | 'left'
-  | 'right'
-  | 'baseline'
-  | 'first baseline'
-  | 'last baseline'
-  | 'safe center'
-  | 'unsafe center'
-  | 'inherit'
-  | 'initial'
-  | 'unset';
-type Position = 'static' | 'absolute' | 'relative' | 'fixed' | 'sticky';
-type Overflow =
-  | 'visible'
-  | 'hidden'
-  | 'scroll'
-  | 'scrollX'
-  | 'scrollY'
-  | 'auto'
-  | 'inherit'
-  | 'initial'
-  | 'unset';
-
-export type Scale = 0 | string;
-
-export type WhiteSpace =
-  | 'normal'
-  | 'nowrap'
-  | 'pre'
-  | 'pre-wrap'
-  | 'pre-line'
-  | 'break-spaces'
-  | 'inherit'
-  | 'initial'
-  | 'unset';
-
-export type StyledBoxProps = {
-  /** Accepts all themeable color properties. */
-  color?: DotKeys<typeof semanticVariablesColors.textColor>;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/background-attachment */
-  backgroundAttachment?: string;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/background-clip */
-  backgroundClip?: string;
-  /** Accepts all themeable color properties. */
-  backgroundColor?: DotKeys<typeof semanticVariablesColors.backgroundColor>;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/background-image */
-  backgroundImage?: string;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/background-origin */
-  backgroundOrigin?: string;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/background-position */
-  backgroundPosition?: string;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat */
-  backgroundRepeat?: string;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/background-size */
-  backgroundSize?: string;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/align-content */
-  alignContent?: AlignContent;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/align-items */
-  alignItems?: AlignItems;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/align-self */
-  alignSelf?: AlignSelf;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction */
-  flexDirection?: FlexDirection;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/display */
-  display?: Display;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/flex */
-  flex?: Flex;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/grid */
-  grid?: string;
-  gap?: SpacingKey;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area */
-  gridArea?: string;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-columns */
-  gridAutoColumns?: string;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow */
-  gridAutoFlow?: GridAutoFlow;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-rows */
-  gridAutoRows?: string;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column */
-  gridColumn?: string;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end */
-  gridColumnEnd?: string;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-gap */
-  gridColumnGap?: Scale;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start */
-  gridColumnStart?: string;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-gap */
-  gridGap?: Scale;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row */
-  gridRow?: string;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end */
-  gridRowEnd?: string;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-gap */
-  gridRowGap?: Scale;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start */
-  gridRowStart?: string;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template */
-  gridTemplate?: string;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas */
-  gridTemplateAreas?: string;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns */
-  gridTemplateColumns?: string;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows */
-  gridTemplateRows?: string;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content */
-  justifyContent?: JustifyContent;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/justify-items */
-  justifyItems?: JustifyItems;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/justify-self */
-  justifySelf?: JustifySelf;
-  position?: Position;
-  width?: Scale;
-  minWidth?: Scale;
-  maxWidth?: Scale;
-  height?: Scale;
-  minHeight?: Scale;
-  maxHeight?: Scale;
-  overflow?: Responsive<Overflow>;
-  /** Acronym of margin definition according to https://developer.mozilla.org/en-US/docs/Web/CSS/margin */
-  m?: SpacingKey;
-  /** Acronym of margin-top definition according to https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top */
-  mt?: SpacingKey;
-  /** Acronym of margin-right definition according to https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right */
-  mr?: SpacingKey;
-  /** Acronym of margin-bottom definition according to https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom */
-  mb?: SpacingKey;
-  /** Acronym of margin-bottom definition according to https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left */
-  ml?: SpacingKey;
-  /** Define horizontal margin  */
-  mx?: SpacingKey;
-  /** Define vertical margin  */
-  my?: SpacingKey;
-  /** Acronym of padding definition according to https://developer.mozilla.org/en-US/docs/Web/CSS/padding */
-  p?: SpacingKey;
-  /** Acronym of padding-top definition according to https://developer.mozilla.org/en-US/docs/Web/CSS/padding-top */
-  pt?: SpacingKey;
-  /** Acronym of padding-right definition according to https://developer.mozilla.org/en-US/docs/Web/CSS/padding-right */
-  pr?: SpacingKey;
-  /** Acronym of padding-bottom definition according to https://developer.mozilla.org/en-US/docs/Web/CSS/padding-bottom */
-  pb?: SpacingKey;
-  /** Acronym of padding-left definition according to https://developer.mozilla.org/en-US/docs/Web/CSS/padding-left */
-  pl?: SpacingKey;
-  /** Define horizontal padding  */
-  px?: SpacingKey;
-  /** Define vertical padding  */
-  py?: SpacingKey;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/place-content */
-  placeContent?: string;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/place-items */
-  placeItems?: string;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/place-self */
-  placeSelf?: string;
-  flexWrap?: 'nowrap' | 'wrap' | 'wrap-reverse';
-  left?: SpacingKey;
-  top?: SpacingKey;
-  right?: SpacingKey;
-  bottom?: SpacingKey;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/text-overflow */
-  textOverflow?: string;
-  /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/white-space */
-  whiteSpace?: Responsive<WhiteSpace>;
-};

package/src/components/Box/Box.utilities.ts

@@ -1,171 +0,0 @@
-import { vars } from '@orfium/tokens';
-import { curry, get, omit, pick } from 'lodash-es';
-import type { Theme } from 'theme';
-
-import type { StyledBoxProps } from './Box.types';
-
-export const omitedCSSprops = [
-  'p',
-  'pt',
-  'pr',
-  'pb',
-  'pl',
-  'px',
-  'py',
-  'm',
-  'mt',
-  'mr',
-  'mb',
-  'ml',
-  'mx',
-  'my',
-];
-
-// all CSS properties in an array
-export const styledBoxPropsKeys: Array<keyof StyledBoxProps> = [
-  'color',
-  'backgroundAttachment',
-  'backgroundClip',
-  'backgroundColor',
-  'backgroundImage',
-  'backgroundOrigin',
-  'backgroundPosition',
-  'backgroundRepeat',
-  'backgroundSize',
-  'alignContent',
-  'alignItems',
-  'alignSelf',
-  'flexDirection',
-  'display',
-  'flex',
-  'grid',
-  'gap',
-  'gridArea',
-  'gridAutoColumns',
-  'gridAutoFlow',
-  'gridAutoRows',
-  'gridColumn',
-  'gridColumnEnd',
-  'gridColumnGap',
-  'gridColumnStart',
-  'gridGap',
-  'gridRow',
-  'gridRowEnd',
-  'gridRowGap',
-  'gridRowStart',
-  'gridTemplate',
-  'gridTemplateAreas',
-  'gridTemplateColumns',
-  'gridTemplateRows',
-  'justifyContent',
-  'justifyItems',
-  'justifySelf',
-  'position',
-  'width',
-  'minWidth',
-  'maxWidth',
-  'height',
-  'minHeight',
-  'maxHeight',
-  'overflow',
-  'm',
-  'mt',
-  'mr',
-  'mb',
-  'ml',
-  'mx',
-  'my',
-  'p',
-  'pt',
-  'pr',
-  'pb',
-  'pl',
-  'px',
-  'py',
-  'placeContent',
-  'placeItems',
-  'placeSelf',
-  'flexWrap',
-  'left',
-  'top',
-  'right',
-  'bottom',
-  'textOverflow',
-  'whiteSpace',
-];
-
-/**
- * Picks from any given object only css properties defined styledBoxPropsKeys
- **/
-export const pickCSSProperties = (obj: Record<string, any>): StyledBoxProps => {
-  return pick(obj, styledBoxPropsKeys);
-};
-
-/**
- * Omit from any given object only css properties defined styledBoxPropsKeys
- **/
-export const pickNonCSSProps = (obj: Record<string, any>): Record<string, any> => {
-  return omit(obj, styledBoxPropsKeys);
-};
-
-type CSSResolverCurried = {
-  (
-    theme: Theme,
-    obj: StyledBoxProps
-  ): (
-    cssKey: string,
-    key: string,
-    type: 'spacing' | 'color' | 'backgroundColor'
-  ) => Record<string, string> | undefined;
-};
-
-/**
- * Resolves any value from the given theme based on type if css property exists on the object given.
- **/
-export const cssResolver: CSSResolverCurried = curry(
-  (
-    theme: Theme,
-    obj: StyledBoxProps,
-    cssKey: string,
-    key: string,
-    type: 'spacing' | 'color' | 'backgroundColor'
-  ): Record<string, string> | undefined => {
-    if (!obj[key]) {
-      return undefined;
-    }
-
-    if (type === 'spacing') {
-      // Handle padding
-      if (key === 'px' || key === 'py') {
-        const horizontalValue = obj['px'] ? theme.globals[type].get(obj['px']) : '0';
-        const verticalValue = obj['py'] ? theme.globals[type].get(obj['py']) : '0';
-
-        return {
-          [cssKey]: `${verticalValue} ${horizontalValue}`,
-        };
-      }
-      // Handle margin
-      if (key === 'mx' || key === 'my') {
-        const horizontalValue = obj['mx'] ? theme.globals[type].get(obj['mx']) : '0';
-        const verticalValue = obj['my'] ? theme.globals[type].get(obj['my']) : '0';
-
-        return {
-          [cssKey]: `${verticalValue} ${horizontalValue}`,
-        };
-      }
-
-      return {
-        [cssKey]: theme.globals[type].get(obj[key]),
-      };
-    }
-    if (type === 'color') {
-      return {
-        [cssKey]: get(vars.color.text, obj[key]),
-      };
-    }
-
-    return {
-      [cssKey]: get(vars.color.background, obj[key]),
-    };
-  }
-);

package/src/components/Box/index.ts

@@ -1,3 +0,0 @@
-export { default } from './Box';
-export * from './Box';
-export * from './Box.types';

package/src/components/Breadcrumb/BackToItem/BackToItem.tsx

@@ -1,25 +0,0 @@
-import React from 'react';
-import type { TestProps } from 'utils/types';
-
-import Link from 'components/Link';
-import type { BreadcrumbItem } from '../Breadcrumb.types';
-
-const GO_BACK_TO = 'Go back to';
-
-const BackToItem: React.FC<BreadcrumbItem & TestProps> = ({
-  href,
-  label,
-  dataTestPrefixId = '',
-}) => {
-  return (
-    <Link
-      size={2}
-      href={href}
-      dataTestPrefixId={`${dataTestPrefixId}_breadcrumb_go_back_to_${label}`}
-    >
-      {`${GO_BACK_TO} ${label}`}
-    </Link>
-  );
-};
-
-export default BackToItem;

package/src/components/Breadcrumb/BackToItem/index.ts

@@ -1 +0,0 @@
-export { default } from './BackToItem';

package/src/components/Breadcrumb/Breadcrumb.style.ts

@@ -1,16 +0,0 @@
-import type { SerializedStyles } from '@emotion/react';
-import { css } from '@emotion/react';
-import { flex } from 'theme/functions';
-
-import { vars } from '@orfium/tokens';
-
-export const breadcrumbStyles = (): SerializedStyles => {
-  return css`
-    ${flex};
-    gap: ${vars.spacing['4']};
-    flex-wrap: nowrap;
-    list-style: none;
-    padding: 0;
-    margin: 0;
-  `;
-};

package/src/components/Breadcrumb/Breadcrumb.tsx

@@ -1,79 +0,0 @@
-import { isEmpty, omit } from 'lodash-es';
-import * as React from 'react';
-import { generateUniqueKey } from 'utils/helpers';
-
-import BackToItem from './BackToItem';
-import { breadcrumbStyles } from './Breadcrumb.style';
-import type { BreadcrumbProps, BreadcrumbItem as BreadcrumbItemType } from './Breadcrumb.types';
-import BreadcrumbItem from './BreadcrumbItem';
-import Link from 'components/Link';
-
-const isLastItem = (dataItems: BreadcrumbItemType[], itemIndex: number) =>
-  itemIndex === dataItems.length - 1;
-
-const Breadcrumb = React.forwardRef<HTMLOListElement, BreadcrumbProps>(
-  ({ items = [], backTo, dataTestPrefixId = '' }, ref) => {
-    const passDataToRouterLink = React.useCallback(
-      (item: BreadcrumbItemType, index: number) => {
-        const { label, href } = item;
-
-        const isLast = isLastItem(items, index);
-
-        return !isLast ? (
-          <Link
-            size={2}
-            key={href}
-            dataTestPrefixId={`${dataTestPrefixId}_breadcrumb_link_${label}`}
-            {...omit(item, 'label')}
-          >
-            {label}
-          </Link>
-        ) : (
-          <span data-testid={`${dataTestPrefixId}_breadcrumb_${label}`}>{label}</span>
-        );
-      },
-      [dataTestPrefixId, items]
-    );
-
-    const getBreadcrumbItem = React.useMemo(
-      // eslint-disable-next-line react/display-name
-      () => (child: React.ReactNode, index: number) => {
-        const itemKey = generateUniqueKey('data_item_');
-
-        const isLast = isLastItem(items, index);
-
-        return <BreadcrumbItem key={itemKey} childComponent={child} isLastItem={isLast} />;
-      },
-      [items]
-    );
-
-    const itemsToRender = React.useMemo(() => {
-      if (!isEmpty(items)) {
-        return items.map(passDataToRouterLink).map(getBreadcrumbItem);
-      }
-
-      if (backTo) {
-        return (
-          <BackToItem href={backTo.href} label={backTo.label} dataTestPrefixId={dataTestPrefixId} />
-        );
-      }
-
-      return undefined;
-    }, [backTo, dataTestPrefixId, getBreadcrumbItem, items, passDataToRouterLink]);
-
-    return (
-      <ol
-        aria-label="Breadcrumb"
-        ref={ref}
-        css={breadcrumbStyles()}
-        data-testid={`${dataTestPrefixId}_breadcrumb`}
-      >
-        {itemsToRender}
-      </ol>
-    );
-  }
-);
-
-Breadcrumb.displayName = 'Breadcrumb';
-
-export default Breadcrumb;

package/src/components/Breadcrumb/Breadcrumb.types.ts

@@ -1,16 +0,0 @@
-import type { TestProps } from '~/utils/types';
-
-import type { LinkProps } from 'components/Link/Link.types';
-import type { ReactNode } from 'react';
-
-export type BreadcrumbItem = {
-  /** Defines the label used for a link breadcrumb item */
-  label: ReactNode;
-} & Pick<LinkProps, 'component' | 'href'>;
-
-export type BreadcrumbProps = {
-  /** Defines the data for constructing the related breadcrumb items */
-  items?: BreadcrumbItem[];
-  /** Defines the data for constructing the go-back-to item  */
-  backTo?: BreadcrumbItem;
-} & TestProps;

package/src/components/Breadcrumb/BreadcrumbItem/BreadcrumbItem.style.ts

@@ -1,25 +0,0 @@
-import type { SerializedStyles } from '@emotion/react';
-import { css } from '@emotion/react';
-
-import { vars } from '@orfium/tokens';
-import type { BreadcrumbItemProps } from './BreadcrumbItem';
-
-export const breadcrumbListStyles = (): SerializedStyles => css`
-  display: flex;
-  align-items: center;
-`;
-
-export const breadcrumbItemStyles = ({
-  isLastItem,
-}: Pick<BreadcrumbItemProps, 'isLastItem'>): SerializedStyles => {
-  return css`
-    display: flex;
-    align-items: center;
-    gap: ${vars.spacing['4']};
-
-    ${isLastItem &&
-    `
-          color: ${vars.color.text.default.secondary};
-      `};
-  `;
-};