@digigov/react-icons 2.0.0-rc.24 → 2.0.0-rc.26

package/src/lazy.js

@@ -1,30 +1,133 @@
-import {lazy} from 'react';
+import { lazy } from 'react';
 export default {
-    'AccessibilityIcon': lazy(() => import('@digigov/react-icons/AccessibilityIcon').then((module)=> ({default: module['AccessibilityIcon']}))),
-  'ArrowIcon': lazy(() => import('@digigov/react-icons/ArrowIcon').then((module)=> ({default: module['ArrowIcon']}))),
-  'Base': lazy(() => import('@digigov/react-icons/Base').then((module)=> ({default: module['Base']}))),
-  'BurgerIcon': lazy(() => import('@digigov/react-icons/BurgerIcon').then((module)=> ({default: module['BurgerIcon']}))),
-  'CancelIcon': lazy(() => import('@digigov/react-icons/CancelIcon').then((module)=> ({default: module['CancelIcon']}))),
-  'CaretIcon': lazy(() => import('@digigov/react-icons/CaretIcon').then((module)=> ({default: module['CaretIcon']}))),
-  'ChatIcon': lazy(() => import('@digigov/react-icons/ChatIcon').then((module)=> ({default: module['ChatIcon']}))),
-  'CheckIcon': lazy(() => import('@digigov/react-icons/CheckIcon').then((module)=> ({default: module['CheckIcon']}))),
-  'ChevronIcon': lazy(() => import('@digigov/react-icons/ChevronIcon').then((module)=> ({default: module['ChevronIcon']}))),
-  'CloseIcon': lazy(() => import('@digigov/react-icons/CloseIcon').then((module)=> ({default: module['CloseIcon']}))),
-  'DownloadIcon': lazy(() => import('@digigov/react-icons/DownloadIcon').then((module)=> ({default: module['DownloadIcon']}))),
-  'ExclamationIcon': lazy(() => import('@digigov/react-icons/ExclamationIcon').then((module)=> ({default: module['ExclamationIcon']}))),
-  'GlobeIcon': lazy(() => import('@digigov/react-icons/GlobeIcon').then((module)=> ({default: module['GlobeIcon']}))),
-  'Icon': lazy(() => import('@digigov/react-icons/Icon').then((module)=> ({default: module['Icon']}))),
-  'UncheckIcon': lazy(() => import('@digigov/react-icons/UncheckIcon').then((module)=> ({default: module['UncheckIcon']}))),
-  'MoreVertIcon': lazy(() => import('@digigov/react-icons/MoreVertIcon').then((module)=> ({default: module['MoreVertIcon']}))),
-  'SearchIcon': lazy(() => import('@digigov/react-icons/SearchIcon').then((module)=> ({default: module['SearchIcon']}))),
-  'LockIcon': lazy(() => import('@digigov/react-icons/LockIcon').then((module)=> ({default: module['LockIcon']}))),
-  'PdfFileIcon': lazy(() => import('@digigov/react-icons/PdfFileIcon').then((module)=> ({default: module['PdfFileIcon']}))),
-  'PlusIcon': lazy(() => import('@digigov/react-icons/PlusIcon').then((module)=> ({default: module['PlusIcon']}))),
-  'MinusIcon': lazy(() => import('@digigov/react-icons/MinusIcon').then((module)=> ({default: module['MinusIcon']}))),
-  'LoginIcon': lazy(() => import('@digigov/react-icons/LoginIcon').then((module)=> ({default: module['LoginIcon']}))),
-  'RestoreIcon': lazy(() => import('@digigov/react-icons/RestoreIcon').then((module)=> ({default: module['RestoreIcon']}))),
-  'ReplyIcon': lazy(() => import('@digigov/react-icons/ReplyIcon').then((module)=> ({default: module['ReplyIcon']}))),
-  'PrintIcon': lazy(() => import('@digigov/react-icons/PrintIcon').then((module)=> ({default: module['PrintIcon']}))),
-  'SvgIcon': lazy(() => import('@digigov/react-icons/SvgIcon').then((module)=> ({default: module['SvgIcon']}))),
-
-}
+  AccessibilityIcon: lazy(() =>
+    import('@digigov/react-icons/AccessibilityIcon').then((module) => ({
+      default: module['AccessibilityIcon'],
+    }))
+  ),
+  ArrowIcon: lazy(() =>
+    import('@digigov/react-icons/ArrowIcon').then((module) => ({
+      default: module['ArrowIcon'],
+    }))
+  ),
+  BurgerIcon: lazy(() =>
+    import('@digigov/react-icons/BurgerIcon').then((module) => ({
+      default: module['BurgerIcon'],
+    }))
+  ),
+  CancelIcon: lazy(() =>
+    import('@digigov/react-icons/CancelIcon').then((module) => ({
+      default: module['CancelIcon'],
+    }))
+  ),
+  CaretIcon: lazy(() =>
+    import('@digigov/react-icons/CaretIcon').then((module) => ({
+      default: module['CaretIcon'],
+    }))
+  ),
+  ChatIcon: lazy(() =>
+    import('@digigov/react-icons/ChatIcon').then((module) => ({
+      default: module['ChatIcon'],
+    }))
+  ),
+  CheckIcon: lazy(() =>
+    import('@digigov/react-icons/CheckIcon').then((module) => ({
+      default: module['CheckIcon'],
+    }))
+  ),
+  ChevronIcon: lazy(() =>
+    import('@digigov/react-icons/ChevronIcon').then((module) => ({
+      default: module['ChevronIcon'],
+    }))
+  ),
+  CloseIcon: lazy(() =>
+    import('@digigov/react-icons/CloseIcon').then((module) => ({
+      default: module['CloseIcon'],
+    }))
+  ),
+  DownloadIcon: lazy(() =>
+    import('@digigov/react-icons/DownloadIcon').then((module) => ({
+      default: module['DownloadIcon'],
+    }))
+  ),
+  ExclamationIcon: lazy(() =>
+    import('@digigov/react-icons/ExclamationIcon').then((module) => ({
+      default: module['ExclamationIcon'],
+    }))
+  ),
+  GlobeIcon: lazy(() =>
+    import('@digigov/react-icons/GlobeIcon').then((module) => ({
+      default: module['GlobeIcon'],
+    }))
+  ),
+  Icon: lazy(() =>
+    import('@digigov/react-icons/Icon').then((module) => ({
+      default: module['Icon'],
+    }))
+  ),
+  IconBase: lazy(() =>
+    import('@digigov/react-icons/IconBase').then((module) => ({
+      default: module['IconBase'],
+    }))
+  ),
+  UncheckIcon: lazy(() =>
+    import('@digigov/react-icons/UncheckIcon').then((module) => ({
+      default: module['UncheckIcon'],
+    }))
+  ),
+  MoreVertIcon: lazy(() =>
+    import('@digigov/react-icons/MoreVertIcon').then((module) => ({
+      default: module['MoreVertIcon'],
+    }))
+  ),
+  SearchIcon: lazy(() =>
+    import('@digigov/react-icons/SearchIcon').then((module) => ({
+      default: module['SearchIcon'],
+    }))
+  ),
+  LockIcon: lazy(() =>
+    import('@digigov/react-icons/LockIcon').then((module) => ({
+      default: module['LockIcon'],
+    }))
+  ),
+  PdfFileIcon: lazy(() =>
+    import('@digigov/react-icons/PdfFileIcon').then((module) => ({
+      default: module['PdfFileIcon'],
+    }))
+  ),
+  PlusIcon: lazy(() =>
+    import('@digigov/react-icons/PlusIcon').then((module) => ({
+      default: module['PlusIcon'],
+    }))
+  ),
+  MinusIcon: lazy(() =>
+    import('@digigov/react-icons/MinusIcon').then((module) => ({
+      default: module['MinusIcon'],
+    }))
+  ),
+  LoginIcon: lazy(() =>
+    import('@digigov/react-icons/LoginIcon').then((module) => ({
+      default: module['LoginIcon'],
+    }))
+  ),
+  RestoreIcon: lazy(() =>
+    import('@digigov/react-icons/RestoreIcon').then((module) => ({
+      default: module['RestoreIcon'],
+    }))
+  ),
+  ReplyIcon: lazy(() =>
+    import('@digigov/react-icons/ReplyIcon').then((module) => ({
+      default: module['ReplyIcon'],
+    }))
+  ),
+  PrintIcon: lazy(() =>
+    import('@digigov/react-icons/PrintIcon').then((module) => ({
+      default: module['PrintIcon'],
+    }))
+  ),
+  SvgIcon: lazy(() =>
+    import('@digigov/react-icons/SvgIcon').then((module) => ({
+      default: module['SvgIcon'],
+    }))
+  ),
+};

package/src/registry.js

@@ -1,7 +1,5 @@
-
 import * as _digigov_react_icons_AccessibilityIcon from '@digigov/react-icons/AccessibilityIcon';
 import * as _digigov_react_icons_ArrowIcon from '@digigov/react-icons/ArrowIcon';
-import * as _digigov_react_icons_Base from '@digigov/react-icons/Base';
 import * as _digigov_react_icons_BurgerIcon from '@digigov/react-icons/BurgerIcon';
 import * as _digigov_react_icons_CancelIcon from '@digigov/react-icons/CancelIcon';
 import * as _digigov_react_icons_CaretIcon from '@digigov/react-icons/CaretIcon';
@@ -13,6 +11,7 @@ import * as _digigov_react_icons_DownloadIcon from '@digigov/react-icons/Downloa
 import * as _digigov_react_icons_ExclamationIcon from '@digigov/react-icons/ExclamationIcon';
 import * as _digigov_react_icons_GlobeIcon from '@digigov/react-icons/GlobeIcon';
 import * as _digigov_react_icons_Icon from '@digigov/react-icons/Icon';
+import * as _digigov_react_icons_IconBase from '@digigov/react-icons/IconBase';
 import * as _digigov_react_icons_icons from '@digigov/react-icons/icons';
 import * as _digigov_react_icons from '@digigov/react-icons';
 import * as _digigov_react_icons_LockIcon from '@digigov/react-icons/LockIcon';
@@ -26,7 +25,7 @@ import * as _digigov_react_icons_ReplyIcon from '@digigov/react-icons/ReplyIcon'
 import * as _digigov_react_icons_RestoreIcon from '@digigov/react-icons/RestoreIcon';
 import * as _digigov_react_icons_SearchIcon from '@digigov/react-icons/SearchIcon';
 import * as _digigov_react_icons_SvgIcon from '@digigov/react-icons/SvgIcon';
-import * as _digigov_react_icons_UncheckIcon from '@digigov/react-icons/UncheckIcon'
+import * as _digigov_react_icons_UncheckIcon from '@digigov/react-icons/UncheckIcon';
 function lazyImport(pkgImport) {
   // eslint-disable-next-line no-undef
   return new Proxy(
@@ -35,45 +34,64 @@ function lazyImport(pkgImport) {
       get: (_target, name) => {
         if (name === '__esModule' || name === 'default') {
           return pkgImport.default;
-        } else if(
-          name === '*'
-        ) {
+        } else if (name === '*') {
           return pkgImport;
         } else {
           return pkgImport[name];
         }
       },
     }
-  )
+  );
 }
 export default {
-  '@digigov/react-icons/AccessibilityIcon': lazyImport(_digigov_react_icons_AccessibilityIcon),
+  '@digigov/react-icons/AccessibilityIcon': lazyImport(
+    _digigov_react_icons_AccessibilityIcon
+  ),
   '@digigov/react-icons/ArrowIcon': lazyImport(_digigov_react_icons_ArrowIcon),
-  '@digigov/react-icons/Base': lazyImport(_digigov_react_icons_Base),
-  '@digigov/react-icons/BurgerIcon': lazyImport(_digigov_react_icons_BurgerIcon),
-  '@digigov/react-icons/CancelIcon': lazyImport(_digigov_react_icons_CancelIcon),
+  '@digigov/react-icons/BurgerIcon': lazyImport(
+    _digigov_react_icons_BurgerIcon
+  ),
+  '@digigov/react-icons/CancelIcon': lazyImport(
+    _digigov_react_icons_CancelIcon
+  ),
   '@digigov/react-icons/CaretIcon': lazyImport(_digigov_react_icons_CaretIcon),
   '@digigov/react-icons/ChatIcon': lazyImport(_digigov_react_icons_ChatIcon),
   '@digigov/react-icons/CheckIcon': lazyImport(_digigov_react_icons_CheckIcon),
-  '@digigov/react-icons/ChevronIcon': lazyImport(_digigov_react_icons_ChevronIcon),
+  '@digigov/react-icons/ChevronIcon': lazyImport(
+    _digigov_react_icons_ChevronIcon
+  ),
   '@digigov/react-icons/CloseIcon': lazyImport(_digigov_react_icons_CloseIcon),
-  '@digigov/react-icons/DownloadIcon': lazyImport(_digigov_react_icons_DownloadIcon),
-  '@digigov/react-icons/ExclamationIcon': lazyImport(_digigov_react_icons_ExclamationIcon),
+  '@digigov/react-icons/DownloadIcon': lazyImport(
+    _digigov_react_icons_DownloadIcon
+  ),
+  '@digigov/react-icons/ExclamationIcon': lazyImport(
+    _digigov_react_icons_ExclamationIcon
+  ),
   '@digigov/react-icons/GlobeIcon': lazyImport(_digigov_react_icons_GlobeIcon),
   '@digigov/react-icons/Icon': lazyImport(_digigov_react_icons_Icon),
+  '@digigov/react-icons/IconBase': lazyImport(_digigov_react_icons_IconBase),
   '@digigov/react-icons/icons': lazyImport(_digigov_react_icons_icons),
   '@digigov/react-icons': lazyImport(_digigov_react_icons),
   '@digigov/react-icons/LockIcon': lazyImport(_digigov_react_icons_LockIcon),
   '@digigov/react-icons/LoginIcon': lazyImport(_digigov_react_icons_LoginIcon),
   '@digigov/react-icons/MinusIcon': lazyImport(_digigov_react_icons_MinusIcon),
-  '@digigov/react-icons/MoreVertIcon': lazyImport(_digigov_react_icons_MoreVertIcon),
-  '@digigov/react-icons/PdfFileIcon': lazyImport(_digigov_react_icons_PdfFileIcon),
+  '@digigov/react-icons/MoreVertIcon': lazyImport(
+    _digigov_react_icons_MoreVertIcon
+  ),
+  '@digigov/react-icons/PdfFileIcon': lazyImport(
+    _digigov_react_icons_PdfFileIcon
+  ),
   '@digigov/react-icons/PlusIcon': lazyImport(_digigov_react_icons_PlusIcon),
   '@digigov/react-icons/PrintIcon': lazyImport(_digigov_react_icons_PrintIcon),
   '@digigov/react-icons/ReplyIcon': lazyImport(_digigov_react_icons_ReplyIcon),
-  '@digigov/react-icons/RestoreIcon': lazyImport(_digigov_react_icons_RestoreIcon),
-  '@digigov/react-icons/SearchIcon': lazyImport(_digigov_react_icons_SearchIcon),
+  '@digigov/react-icons/RestoreIcon': lazyImport(
+    _digigov_react_icons_RestoreIcon
+  ),
+  '@digigov/react-icons/SearchIcon': lazyImport(
+    _digigov_react_icons_SearchIcon
+  ),
   '@digigov/react-icons/SvgIcon': lazyImport(_digigov_react_icons_SvgIcon),
-  '@digigov/react-icons/UncheckIcon': lazyImport(_digigov_react_icons_UncheckIcon)
+  '@digigov/react-icons/UncheckIcon': lazyImport(
+    _digigov_react_icons_UncheckIcon
+  ),
 };
-  

package/Base/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/Base/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\n\ntype AsProp<C extends React.ElementType> = {\n  as?: C;\n};\n\ntype PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);\n\n// This is the first reusable type utility we built\ntype PolymorphicComponentProp<\n  C extends React.ElementType,\n  Props = Record<string, unknown>,\n> = React.PropsWithChildren<Props & AsProp<C>> &\n  Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;\n\n// This is a new type utitlity with ref!\ntype PolymorphicComponentPropWithRef<\n  C extends React.ElementType,\n  Props = Record<string, unknown>,\n> = PolymorphicComponentProp<C, Props> & { ref?: any };\n\n// This is the type for the \"ref\" only\ntype PolymorphicRef<C extends React.ElementType> =\n  React.ComponentPropsWithRef<C>['ref'];\n\n/**\n * This is the updated component props using PolymorphicComponentPropWithRef\n */\nexport type BaseProps<C extends React.ElementType> =\n  PolymorphicComponentPropWithRef<\n    C,\n    {\n      /** margin is optional. It has not a default value. */\n      margin?: spacingValues;\n      /** marginTop is optional. It has not a default value. */\n      marginTop?: spacingValues;\n      /** marginBottom is optional. It has not a default value. */\n      marginBottom?: spacingValues;\n      /** marginLeft is optional. It has not a default value. */\n      marginLeft?: spacingValues;\n      /** marginRight is optional. It has not a default value. */\n      marginRight?: spacingValues;\n      /** Alternative for margin. Margin is optional. It has not a default value. */\n      m?: spacingValues;\n      /** Alternative for marginTop. MarginTop is optional. It has not a default value. */\n      mt?: spacingValues;\n      /** Alternative for marginBottom. MarginBottom is optional. It has not a default value. */\n      mb?: spacingValues;\n      /** Alternative for marginLeft. MarginLeft is optional. It has not a default value. */\n      ml?: spacingValues;\n      /** Alternative for marginRight. MarginRight is optional. It has not a default value. */\n      mr?: spacingValues;\n      /** Alternative for marginX. MarginX is optional. It has not a default value. */\n      mx?: spacingValues;\n      /** Alternative for marginY. MarginY is optional. It has not a default value. */\n      my?: spacingValues;\n      /** padding is optional. It has not a default value. */\n      padding?: spacingValues;\n      /** paddingTop is optional. It has not a default value. */\n      paddingTop?: spacingValues;\n      /** paddingBottom is optional. It has not a default value. */\n      paddingBottom?: spacingValues;\n      /** paddingLeft is optional. It has not a default value. */\n      paddingLeft?: spacingValues;\n      /** paddingRight is optional. It has not a default value. */\n      paddingRight?: spacingValues;\n      /** Alternative for padding. Padding is optional. It has not a default value. */\n      p?: spacingValues;\n      /** Alternative for paddingTop. PaddingTop is optional. It has not a default value. */\n      pt?: spacingValues;\n      /** Alternative for paddingBottom. PaddingBottom is optional. It has not a default value. */\n      pb?: spacingValues;\n      /** Alternative for paddingLeft. PaddingLeft is optional. It has not a default value. */\n      pl?: spacingValues;\n      /** Alternative for paddingRight. PaddingRight is optional. It has not a default value. */\n      pr?: spacingValues;\n      /** Alternative for paddingX. PaddingX is optional. It has not a default value. */\n      px?: spacingValues;\n      /** Alternative for paddingY. PaddingY is optional. It has not a default value. */\n      py?: spacingValues;\n      /**  printHidden is optional. Default value is false. When true, the component is hidden at print. */\n      printHidden?: boolean;\n      /**  printVisible is optional. When block, the component is displayed as block. When inline, the component is displayed as inline.*/\n      printVisible?: 'block' | 'inline';\n      /** Components will be hidden at all screen sizes. */\n      hidden?: boolean;\n      /** Components will be hidden from 'xs' screen size and up. */\n      xsUpHidden?: boolean;\n      /** Components will be hidden from 'sm' screen size and up. */\n      smUpHidden?: boolean;\n      /** Components will be hidden from 'md' screen size and up. */\n      mdUpHidden?: boolean;\n      /** Components will be hidden from 'lg' screen size and up. */\n      lgUpHidden?: boolean;\n      /** Components will be hidden from 'xl' screen size and up. */\n      xlUpHidden?: boolean;\n      /** Components will be hidden between xs and sm screen size. */\n      xsHidden?: boolean;\n      /** Components will be hidden between sm and md screen size. */\n      smHidden?: boolean;\n      /** Components will be hidden between md and lg screen size. */\n      mdHidden?: boolean;\n      /** Components will be hidden between lg and xl screen size. */\n      lgHidden?: boolean;\n      /** Components will be hidden between xl and 2xl screen size. */\n      xlHidden?: boolean;\n    }\n  >;\n\ntype spacingValues =\n  | 0\n  | 0.5\n  | 1\n  | 1.5\n  | 2\n  | 2.5\n  | 3\n  | 3.5\n  | 4\n  | 5\n  | 6\n  | 7\n  | 8\n  | 9\n  | 10\n  | 11\n  | 12\n  | 14\n  | 16\n  | 20\n  | 24\n  | 28\n  | 32\n  | 36\n  | 40\n  | 44\n  | 48\n  | 52\n  | 56\n  | 60\n  | 64\n  | 72\n  | 80\n  | 96;\n\n/**\n * This is the type used in the type annotation for the component\n */\ntype BaseComponent = <C extends React.ElementType = 'span'>(\n  props: BaseProps<C>\n) => React.ReactNode | null;\n\nexport const Base: BaseComponent = React.forwardRef(function Base<\n  C extends React.ElementType = 'span',\n>(\n  {\n    as,\n    margin,\n    marginTop,\n    marginBottom,\n    marginLeft,\n    marginRight,\n    m,\n    mt,\n    mb,\n    ml,\n    mr,\n    mx,\n    my,\n    padding,\n    paddingTop,\n    paddingBottom,\n    paddingLeft,\n    paddingRight,\n    p,\n    pt,\n    pb,\n    pr,\n    pl,\n    px,\n    py,\n    printHidden,\n    printVisible,\n    hidden,\n    xsUpHidden,\n    smUpHidden,\n    mdUpHidden,\n    lgUpHidden,\n    xlUpHidden,\n    xsHidden,\n    smHidden,\n    mdHidden,\n    lgHidden,\n    xlHidden,\n    children,\n    className,\n    ...props\n  }: BaseProps<C>,\n  ref?: PolymorphicRef<C>\n) {\n  const Component = as || 'span';\n\n  return (\n    <Component\n      as={as}\n      className={clsx(className, {\n        [`ds-m-${margin}`]: margin !== undefined ? true : undefined,\n        [`ds-mt-${marginTop}`]: marginTop !== undefined ? true : undefined,\n        [`ds-mb-${marginBottom}`]:\n          marginBottom !== undefined ? true : undefined,\n        [`ds-mr-${marginRight}`]: marginRight !== undefined ? true : undefined,\n        [`ds-ml-${marginLeft}`]: marginLeft !== undefined ? true : undefined,\n        [`ds-m-${m}`]: m !== undefined ? true : undefined,\n        [`ds-mt-${mt}`]: mt !== undefined ? true : undefined,\n        [`ds-mb-${mb}`]: mb !== undefined ? true : undefined,\n        [`ds-mr-${mr}`]: mr !== undefined ? true : undefined,\n        [`ds-ml-${ml}`]: ml !== undefined ? true : undefined,\n        [`ds-mx-${mx}`]: mx !== undefined ? true : undefined,\n        [`ds-my-${my}`]: my !== undefined ? true : undefined,\n        [`ds-p-${padding}`]: padding !== undefined ? true : undefined,\n        [`ds-pt-${paddingTop}`]: paddingTop !== undefined ? true : undefined,\n        [`ds-pb-${paddingBottom}`]:\n          paddingBottom !== undefined ? true : undefined,\n        [`ds-pr-${paddingRight}`]:\n          paddingRight !== undefined ? true : undefined,\n        [`ds-pl-${paddingLeft}`]: paddingLeft !== undefined ? true : undefined,\n        [`ds-p-${p}`]: p !== undefined ? true : undefined,\n        [`ds-pt-${pt}`]: pt !== undefined ? true : undefined,\n        [`ds-pb-${pb}`]: pb !== undefined ? true : undefined,\n        [`ds-pr-${pr}`]: pr !== undefined ? true : undefined,\n        [`ds-pl-${pl}`]: pl !== undefined ? true : undefined,\n        [`ds-px-${px}`]: px !== undefined ? true : undefined,\n        [`ds-py-${py}`]: py !== undefined ? true : undefined,\n        'ds-print-hidden': !!printHidden,\n        'ds-print-visible-block': printVisible === 'block',\n        'ds-print-visible-inline': printVisible === 'inline',\n        'ds-hidden': !!hidden,\n        'ds-hidden-xs-up': !!xsUpHidden,\n        'ds-hidden-sm-up': !!smUpHidden,\n        'ds-hidden-md-up': !!mdUpHidden,\n        'ds-hidden-lg-up': !!lgUpHidden,\n        'ds-hidden-xl-up': !!xlUpHidden,\n        'ds-hidden-xs': !!xsHidden,\n        'ds-hidden-sm': !!smHidden,\n        'ds-hidden-md': !!mdHidden,\n        'ds-hidden-lg': !!lgHidden,\n        'ds-hidden-xl': !!xlHidden,\n      })}\n      ref={ref}\n      {...props}\n    >\n      {children}\n    </Component>\n  );\n});\n\nexport default Base;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AAwJV,MAAM,OAAsB,MAAM,WAAW,SAASA,MAG3D;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,QAAM,YAAY,MAAM;AAExB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,CAAC,QAAQ,MAAM,EAAE,GAAG,WAAW,SAAY,OAAO;AAAA,QAClD,CAAC,SAAS,SAAS,EAAE,GAAG,cAAc,SAAY,OAAO;AAAA,QACzD,CAAC,SAAS,YAAY,EAAE,GACtB,iBAAiB,SAAY,OAAO;AAAA,QACtC,CAAC,SAAS,WAAW,EAAE,GAAG,gBAAgB,SAAY,OAAO;AAAA,QAC7D,CAAC,SAAS,UAAU,EAAE,GAAG,eAAe,SAAY,OAAO;AAAA,QAC3D,CAAC,QAAQ,CAAC,EAAE,GAAG,MAAM,SAAY,OAAO;AAAA,QACxC,CAAC,SAAS,EAAE,EAAE,GAAG,OAAO,SAAY,OAAO;AAAA,QAC3C,CAAC,SAAS,EAAE,EAAE,GAAG,OAAO,SAAY,OAAO;AAAA,QAC3C,CAAC,SAAS,EAAE,EAAE,GAAG,OAAO,SAAY,OAAO;AAAA,QAC3C,CAAC,SAAS,EAAE,EAAE,GAAG,OAAO,SAAY,OAAO;AAAA,QAC3C,CAAC,SAAS,EAAE,EAAE,GAAG,OAAO,SAAY,OAAO;AAAA,QAC3C,CAAC,SAAS,EAAE,EAAE,GAAG,OAAO,SAAY,OAAO;AAAA,QAC3C,CAAC,QAAQ,OAAO,EAAE,GAAG,YAAY,SAAY,OAAO;AAAA,QACpD,CAAC,SAAS,UAAU,EAAE,GAAG,eAAe,SAAY,OAAO;AAAA,QAC3D,CAAC,SAAS,aAAa,EAAE,GACvB,kBAAkB,SAAY,OAAO;AAAA,QACvC,CAAC,SAAS,YAAY,EAAE,GACtB,iBAAiB,SAAY,OAAO;AAAA,QACtC,CAAC,SAAS,WAAW,EAAE,GAAG,gBAAgB,SAAY,OAAO;AAAA,QAC7D,CAAC,QAAQ,CAAC,EAAE,GAAG,MAAM,SAAY,OAAO;AAAA,QACxC,CAAC,SAAS,EAAE,EAAE,GAAG,OAAO,SAAY,OAAO;AAAA,QAC3C,CAAC,SAAS,EAAE,EAAE,GAAG,OAAO,SAAY,OAAO;AAAA,QAC3C,CAAC,SAAS,EAAE,EAAE,GAAG,OAAO,SAAY,OAAO;AAAA,QAC3C,CAAC,SAAS,EAAE,EAAE,GAAG,OAAO,SAAY,OAAO;AAAA,QAC3C,CAAC,SAAS,EAAE,EAAE,GAAG,OAAO,SAAY,OAAO;AAAA,QAC3C,CAAC,SAAS,EAAE,EAAE,GAAG,OAAO,SAAY,OAAO;AAAA,QAC3C,mBAAmB,CAAC,CAAC;AAAA,QACrB,0BAA0B,iBAAiB;AAAA,QAC3C,2BAA2B,iBAAiB;AAAA,QAC5C,aAAa,CAAC,CAAC;AAAA,QACf,mBAAmB,CAAC,CAAC;AAAA,QACrB,mBAAmB,CAAC,CAAC;AAAA,QACrB,mBAAmB,CAAC,CAAC;AAAA,QACrB,mBAAmB,CAAC,CAAC;AAAA,QACrB,mBAAmB,CAAC,CAAC;AAAA,QACrB,gBAAgB,CAAC,CAAC;AAAA,QAClB,gBAAgB,CAAC,CAAC;AAAA,QAClB,gBAAgB,CAAC,CAAC;AAAA,QAClB,gBAAgB,CAAC,CAAC;AAAA,QAClB,gBAAgB,CAAC,CAAC;AAAA,MACpB,CAAC;AAAA,MACD;AAAA,MACC,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,eAAQ;",
-  "names": ["Base"]
-}

package/cjs/Base/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/Base/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\n\ntype AsProp<C extends React.ElementType> = {\n  as?: C;\n};\n\ntype PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);\n\n// This is the first reusable type utility we built\ntype PolymorphicComponentProp<\n  C extends React.ElementType,\n  Props = Record<string, unknown>,\n> = React.PropsWithChildren<Props & AsProp<C>> &\n  Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;\n\n// This is a new type utitlity with ref!\ntype PolymorphicComponentPropWithRef<\n  C extends React.ElementType,\n  Props = Record<string, unknown>,\n> = PolymorphicComponentProp<C, Props> & { ref?: any };\n\n// This is the type for the \"ref\" only\ntype PolymorphicRef<C extends React.ElementType> =\n  React.ComponentPropsWithRef<C>['ref'];\n\n/**\n * This is the updated component props using PolymorphicComponentPropWithRef\n */\nexport type BaseProps<C extends React.ElementType> =\n  PolymorphicComponentPropWithRef<\n    C,\n    {\n      /** margin is optional. It has not a default value. */\n      margin?: spacingValues;\n      /** marginTop is optional. It has not a default value. */\n      marginTop?: spacingValues;\n      /** marginBottom is optional. It has not a default value. */\n      marginBottom?: spacingValues;\n      /** marginLeft is optional. It has not a default value. */\n      marginLeft?: spacingValues;\n      /** marginRight is optional. It has not a default value. */\n      marginRight?: spacingValues;\n      /** Alternative for margin. Margin is optional. It has not a default value. */\n      m?: spacingValues;\n      /** Alternative for marginTop. MarginTop is optional. It has not a default value. */\n      mt?: spacingValues;\n      /** Alternative for marginBottom. MarginBottom is optional. It has not a default value. */\n      mb?: spacingValues;\n      /** Alternative for marginLeft. MarginLeft is optional. It has not a default value. */\n      ml?: spacingValues;\n      /** Alternative for marginRight. MarginRight is optional. It has not a default value. */\n      mr?: spacingValues;\n      /** Alternative for marginX. MarginX is optional. It has not a default value. */\n      mx?: spacingValues;\n      /** Alternative for marginY. MarginY is optional. It has not a default value. */\n      my?: spacingValues;\n      /** padding is optional. It has not a default value. */\n      padding?: spacingValues;\n      /** paddingTop is optional. It has not a default value. */\n      paddingTop?: spacingValues;\n      /** paddingBottom is optional. It has not a default value. */\n      paddingBottom?: spacingValues;\n      /** paddingLeft is optional. It has not a default value. */\n      paddingLeft?: spacingValues;\n      /** paddingRight is optional. It has not a default value. */\n      paddingRight?: spacingValues;\n      /** Alternative for padding. Padding is optional. It has not a default value. */\n      p?: spacingValues;\n      /** Alternative for paddingTop. PaddingTop is optional. It has not a default value. */\n      pt?: spacingValues;\n      /** Alternative for paddingBottom. PaddingBottom is optional. It has not a default value. */\n      pb?: spacingValues;\n      /** Alternative for paddingLeft. PaddingLeft is optional. It has not a default value. */\n      pl?: spacingValues;\n      /** Alternative for paddingRight. PaddingRight is optional. It has not a default value. */\n      pr?: spacingValues;\n      /** Alternative for paddingX. PaddingX is optional. It has not a default value. */\n      px?: spacingValues;\n      /** Alternative for paddingY. PaddingY is optional. It has not a default value. */\n      py?: spacingValues;\n      /**  printHidden is optional. Default value is false. When true, the component is hidden at print. */\n      printHidden?: boolean;\n      /**  printVisible is optional. When block, the component is displayed as block. When inline, the component is displayed as inline.*/\n      printVisible?: 'block' | 'inline';\n      /** Components will be hidden at all screen sizes. */\n      hidden?: boolean;\n      /** Components will be hidden from 'xs' screen size and up. */\n      xsUpHidden?: boolean;\n      /** Components will be hidden from 'sm' screen size and up. */\n      smUpHidden?: boolean;\n      /** Components will be hidden from 'md' screen size and up. */\n      mdUpHidden?: boolean;\n      /** Components will be hidden from 'lg' screen size and up. */\n      lgUpHidden?: boolean;\n      /** Components will be hidden from 'xl' screen size and up. */\n      xlUpHidden?: boolean;\n      /** Components will be hidden between xs and sm screen size. */\n      xsHidden?: boolean;\n      /** Components will be hidden between sm and md screen size. */\n      smHidden?: boolean;\n      /** Components will be hidden between md and lg screen size. */\n      mdHidden?: boolean;\n      /** Components will be hidden between lg and xl screen size. */\n      lgHidden?: boolean;\n      /** Components will be hidden between xl and 2xl screen size. */\n      xlHidden?: boolean;\n    }\n  >;\n\ntype spacingValues =\n  | 0\n  | 0.5\n  | 1\n  | 1.5\n  | 2\n  | 2.5\n  | 3\n  | 3.5\n  | 4\n  | 5\n  | 6\n  | 7\n  | 8\n  | 9\n  | 10\n  | 11\n  | 12\n  | 14\n  | 16\n  | 20\n  | 24\n  | 28\n  | 32\n  | 36\n  | 40\n  | 44\n  | 48\n  | 52\n  | 56\n  | 60\n  | 64\n  | 72\n  | 80\n  | 96;\n\n/**\n * This is the type used in the type annotation for the component\n */\ntype BaseComponent = <C extends React.ElementType = 'span'>(\n  props: BaseProps<C>\n) => React.ReactNode | null;\n\nexport const Base: BaseComponent = React.forwardRef(function Base<\n  C extends React.ElementType = 'span',\n>(\n  {\n    as,\n    margin,\n    marginTop,\n    marginBottom,\n    marginLeft,\n    marginRight,\n    m,\n    mt,\n    mb,\n    ml,\n    mr,\n    mx,\n    my,\n    padding,\n    paddingTop,\n    paddingBottom,\n    paddingLeft,\n    paddingRight,\n    p,\n    pt,\n    pb,\n    pr,\n    pl,\n    px,\n    py,\n    printHidden,\n    printVisible,\n    hidden,\n    xsUpHidden,\n    smUpHidden,\n    mdUpHidden,\n    lgUpHidden,\n    xlUpHidden,\n    xsHidden,\n    smHidden,\n    mdHidden,\n    lgHidden,\n    xlHidden,\n    children,\n    className,\n    ...props\n  }: BaseProps<C>,\n  ref?: PolymorphicRef<C>\n) {\n  const Component = as || 'span';\n\n  return (\n    <Component\n      as={as}\n      className={clsx(className, {\n        [`ds-m-${margin}`]: margin !== undefined ? true : undefined,\n        [`ds-mt-${marginTop}`]: marginTop !== undefined ? true : undefined,\n        [`ds-mb-${marginBottom}`]:\n          marginBottom !== undefined ? true : undefined,\n        [`ds-mr-${marginRight}`]: marginRight !== undefined ? true : undefined,\n        [`ds-ml-${marginLeft}`]: marginLeft !== undefined ? true : undefined,\n        [`ds-m-${m}`]: m !== undefined ? true : undefined,\n        [`ds-mt-${mt}`]: mt !== undefined ? true : undefined,\n        [`ds-mb-${mb}`]: mb !== undefined ? true : undefined,\n        [`ds-mr-${mr}`]: mr !== undefined ? true : undefined,\n        [`ds-ml-${ml}`]: ml !== undefined ? true : undefined,\n        [`ds-mx-${mx}`]: mx !== undefined ? true : undefined,\n        [`ds-my-${my}`]: my !== undefined ? true : undefined,\n        [`ds-p-${padding}`]: padding !== undefined ? true : undefined,\n        [`ds-pt-${paddingTop}`]: paddingTop !== undefined ? true : undefined,\n        [`ds-pb-${paddingBottom}`]:\n          paddingBottom !== undefined ? true : undefined,\n        [`ds-pr-${paddingRight}`]:\n          paddingRight !== undefined ? true : undefined,\n        [`ds-pl-${paddingLeft}`]: paddingLeft !== undefined ? true : undefined,\n        [`ds-p-${p}`]: p !== undefined ? true : undefined,\n        [`ds-pt-${pt}`]: pt !== undefined ? true : undefined,\n        [`ds-pb-${pb}`]: pb !== undefined ? true : undefined,\n        [`ds-pr-${pr}`]: pr !== undefined ? true : undefined,\n        [`ds-pl-${pl}`]: pl !== undefined ? true : undefined,\n        [`ds-px-${px}`]: px !== undefined ? true : undefined,\n        [`ds-py-${py}`]: py !== undefined ? true : undefined,\n        'ds-print-hidden': !!printHidden,\n        'ds-print-visible-block': printVisible === 'block',\n        'ds-print-visible-inline': printVisible === 'inline',\n        'ds-hidden': !!hidden,\n        'ds-hidden-xs-up': !!xsUpHidden,\n        'ds-hidden-sm-up': !!smUpHidden,\n        'ds-hidden-md-up': !!mdUpHidden,\n        'ds-hidden-lg-up': !!lgUpHidden,\n        'ds-hidden-xl-up': !!xlUpHidden,\n        'ds-hidden-xs': !!xsHidden,\n        'ds-hidden-sm': !!smHidden,\n        'ds-hidden-md': !!mdHidden,\n        'ds-hidden-lg': !!lgHidden,\n        'ds-hidden-xl': !!xlHidden,\n      })}\n      ref={ref}\n      {...props}\n    >\n      {children}\n    </Component>\n  );\n});\n\nexport default Base;\n"],
-  "mappings": "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",
-  "names": ["React", "Base", "clsx"]
-}