@telus-uds/components-base 3.28.2 → 4.0.0-alpha.0

package/src/utils/props/pressProps.js

@@ -1,7 +1,7 @@
 import { Platform } from 'react-native'
 import PropTypes from 'prop-types'
-import rectProp from './rectProp'
-import getPropSelector from './getPropSelector'
+import { rectProp } from './rectProp'
+import { getPropSelector } from './getPropSelector'
 
 const pressHandlerPropTypes = {
   onPress: PropTypes.func,
@@ -32,7 +32,7 @@ export const pressPropTypes = {
   })
 }
 
-export default {
+export const pressProps = {
   /**
    * Proptypes for clickable or pressable components, including web-only props
    */

package/src/utils/props/rectProp.js

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types'
 
-export default {
+export const rectProp = {
   propType: PropTypes.shape({
     bottom: PropTypes.number,
     left: PropTypes.number,

package/src/utils/props/responsiveProps.js

@@ -22,7 +22,7 @@ const getByViewport = (propType) => ({
  * @property {Function} getTypeOptionallyByViewport - returns a PropTypes validator that accepts
  *   either the provided proptype on its own, or the output of getTypeByViewport
  */
-export default {
+export const responsiveProps = {
   getByViewport,
   getTypeByViewport: (propType) => PropTypes.shape(getByViewport(propType)),
   getTypeOptionallyByViewport: (propType) =>

package/src/utils/props/selectSystemProps.js

@@ -1,6 +1,6 @@
 // Returns a selector for requested prop kinds as well as the propTypes for
 // those props merged into one object
-export default function selectSystemProps(systemPropHelpers) {
+export function selectSystemProps(systemPropHelpers) {
   const selectProps = (props) =>
     systemPropHelpers.reduce((acc, propHelper) => {
       if (typeof propHelper?.select !== 'function') {

package/src/utils/props/spacingProps.js

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types'
-import responsiveProps from './responsiveProps'
-import variantProp from './variantProp'
+import { responsiveProps } from './responsiveProps'
+import { variantProp } from './variantProp'
 
 /**
  * @typedef {0|1|2|3|4|5|6|7|8|9|10|11} SpacingIndex - value used to select a size on the spacing scale
@@ -46,7 +46,7 @@ const spacingObjectPropType = PropTypes.shape({
  *   scale, or an object with an optional `options` key and one or more spacing indexes keyed either by
  *   viewports or `space` to apply at all viewports.
  */
-export default {
+export const spacingProps = {
   scale: spacingScale,
   types: {
     spacingIndex: spacingIndexPropType,

package/src/utils/props/textInputProps.js

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types'
 import { Platform } from 'react-native'
-import getPropSelector from './getPropSelector'
+import { getPropSelector } from './getPropSelector'
 
 // This file contains common props for components that render a React Native TextInput
 // It excludes interaction handler functions which are in `./handlerProps.js`
@@ -165,7 +165,7 @@ const nativeOnly = {
   underlineColorAndroid: PropTypes.string
 }
 
-export default {
+export const textInputProps = {
   /**
    * Subset of proptypes that can be passed down to a React Native or React Native Web
    * `TextInput` component. Allow regardless of platform, so cross-platform apps don't warn.

package/src/utils/props/textProps.js

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types'
 import { Platform } from 'react-native'
-import getPropSelector from './getPropSelector'
+import { getPropSelector } from './getPropSelector'
 
 // These are the props accepted specifically on React Native (Web) `Text` elements.
 // They are generally concerned with the behaviour of multiline text.
@@ -38,7 +38,7 @@ const webOnly = {
   lang: PropTypes.string
 }
 
-export default {
+export const textProps = {
   /**
    * Set of prop types specific to React Native and React Native Web `Text`,
    * which largely revolve around the behaviour of multiline non-pressable text.

package/src/utils/props/variantProp.js

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types'
  * @typedef {{[key: string]: string|number|boolean}} AppearanceSet
  * @typedef {AppearanceSet} VariantProp
  */
-export default {
+export const variantProp = {
   /**
    * 'variant' is an optional object prop on all themable components.
    *

package/src/utils/props/viewProps.js

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types'
-import getPropSelector from './getPropSelector'
+import { getPropSelector } from './getPropSelector'
 
 const viewPropTypes = {
   pointerEvents: PropTypes.oneOf(['all', 'none', 'box-only', 'box-none']),
@@ -9,7 +9,7 @@ const viewPropTypes = {
   dataSet: PropTypes.object
 }
 
-export default {
+export const viewProps = {
   /**
    * Subset of `View` proptypes that could conceivably be needed on any component
    * that renders a single View.

package/src/utils/resolveContentMaxWidth.js

@@ -9,7 +9,7 @@ const CONTENT_FULL_WIDTH = 'full'
  * @param {number} responsiveWidth - The responsive width to use when contentMaxWidthValue is CONTENT_MAX_WIDTH.
  * @returns {number|string|null} The resolved maximum width value, or null if full width is desired.
  */
-const resolveContentMaxWidth = (contentMaxWidthValue, responsiveWidth) => {
+export const resolveContentMaxWidth = (contentMaxWidthValue, responsiveWidth) => {
   if (!contentMaxWidthValue || contentMaxWidthValue === CONTENT_FULL_WIDTH) {
     return null
   }
@@ -24,5 +24,3 @@ const resolveContentMaxWidth = (contentMaxWidthValue, responsiveWidth) => {
 
   return contentMaxWidthValue
 }
-
-export default resolveContentMaxWidth

package/src/utils/ssr-media-query/create-stylesheet/create-stylesheet-mobile.js

@@ -2,7 +2,7 @@ import mediaQuery from 'css-mediaquery'
 import { Dimensions } from 'react-native'
 import { isMediaOrPseudo, isMedia } from '../utils/common'
 
-const createStyleSheet = (stylesWithQuery) => {
+export const createStyleSheet = (stylesWithQuery) => {
   if (!stylesWithQuery) return { ids: {}, styles: {}, fullStyles: {} }
   let cleanStyles
   const ids = {}
@@ -37,5 +37,3 @@ const createStyleSheet = (stylesWithQuery) => {
 
   return { ids, styles: cleanStyles, fullStyles: stylesWithQuery }
 }
-
-export default createStyleSheet

package/src/utils/ssr-media-query/create-stylesheet/index.android.js

@@ -1,3 +1 @@
-import createStyleSheet from './create-stylesheet-mobile'
-
-export default createStyleSheet
+export { createStyleSheet } from './create-stylesheet-mobile'

package/src/utils/ssr-media-query/create-stylesheet/index.ios.js

@@ -1,3 +1 @@
-import createStyleSheet from './create-stylesheet-mobile'
-
-export default createStyleSheet
+export { createStyleSheet } from './create-stylesheet-mobile'

package/src/utils/ssr-media-query/create-stylesheet/index.js

@@ -1,9 +1,9 @@
 import { addCss } from '../utils/inject'
-import createDeclarationBlock from '../utils/create-declaration-block'
-import hash from '../hash'
+import { createDeclarationBlock } from '../utils/create-declaration-block'
+import { hash } from '../hash'
 import { isMediaOrPseudo, deepClone, createCssRule, sanitizeStyle } from '../utils/common'
 
-const createStyleSheet = (stylesWithQuery) => {
+export const createStyleSheet = (stylesWithQuery) => {
   if (!stylesWithQuery) return { ids: {}, styles: {}, fullStyles: {} }
 
   let ids = {}
@@ -31,5 +31,3 @@ const createStyleSheet = (stylesWithQuery) => {
 
   return { ids, styles: cleanStyles, fullStyles: stylesWithQuery }
 }
-
-export default createStyleSheet

package/src/utils/ssr-media-query/hash.js

@@ -1,5 +1,5 @@
 /* eslint-disable no-bitwise */
-export default function hash(text) {
+export function hash(text) {
   if (!text) {
     return ''
   }

package/src/utils/ssr-media-query/ssr-media-query.js

@@ -0,0 +1,9 @@
+import { createStyleSheet } from './create-stylesheet'
+import { createMediaQueryStyles } from './utils/create-media-query-styles'
+import { useAllViewportTokens } from './utils/use-all-viewport-tokens'
+
+const StyleSheet = {
+  create: createStyleSheet
+}
+
+export { StyleSheet, createMediaQueryStyles, useAllViewportTokens }

package/src/utils/ssr-media-query/utils/create-declaration-block.js

@@ -1,8 +1,8 @@
 import createReactDOMStyle from 'react-native-web/dist/cjs/exports/StyleSheet/compiler/createReactDOMStyle'
 import prefixStyles from 'react-native-web/dist/cjs/modules/prefixStyles'
-import hyphenateStyleName from './hyphenate-style-name'
+import { hyphenateStyleName } from './hyphenate-style-name'
 
-const createDeclarationBlock = (style) => {
+export const createDeclarationBlock = (style) => {
   const domStyle = prefixStyles(createReactDOMStyle(style))
   const declarationsString = Object.keys(domStyle)
     .map((property) => {
@@ -17,5 +17,3 @@ const createDeclarationBlock = (style) => {
     .join(';')
   return `{${declarationsString};}`
 }
-
-export default createDeclarationBlock

package/src/utils/ssr-media-query/utils/create-media-query-styles.js

@@ -26,7 +26,7 @@ const inherit = ({ xs, sm = xs, md = sm, lg = md, xl = lg }) => ({ xs, sm, md, l
  * @returns { Object } - The media query styles.
  */
 
-function createMediaQueryStyles(viewportStyles, shouldInherit = true) {
+export function createMediaQueryStyles(viewportStyles, shouldInherit = true) {
   const effectiveStyles = shouldInherit ? inherit(viewportStyles) : viewportStyles
   const viewportsArray = viewports.keys
   const mediaQueries = Object.entries(effectiveStyles).reduce((acc, [viewport, styles]) => {
@@ -42,5 +42,3 @@ function createMediaQueryStyles(viewportStyles, shouldInherit = true) {
 
   return mediaQueries
 }
-
-export default createMediaQueryStyles

package/src/utils/ssr-media-query/utils/hyphenate-style-name.js

@@ -4,12 +4,10 @@ const cache = {}
 
 const toHyphenLower = (match) => `-${match.toLowerCase()}`
 
-const hyphenateStyleName = (name) => {
+export const hyphenateStyleName = (name) => {
   if (Object.prototype.hasOwnProperty.call(cache, name)) {
     return cache[name]
   }
   const hName = name.replace(uppercasePattern, toHyphenLower)
   return cache[name] === msPattern.test(hName) ? `-${hName}` : hName
 }
-
-export default hyphenateStyleName

package/src/utils/ssr-media-query/utils/use-all-viewport-tokens.js

@@ -1,5 +1,5 @@
-import { useThemeTokens } from '../../../ThemeProvider'
-import { useViewport } from '../../../ViewportProvider'
+import { useThemeTokens } from '../../../ThemeProvider/useThemeTokens'
+import { useViewport } from '../../../ViewportProvider/useViewport'
 
 /**
  * Hook to get theme tokens for all viewports at once.
@@ -16,7 +16,7 @@ import { useViewport } from '../../../ViewportProvider'
  * const allTokens = useAllViewportTokens('StackView', tokens, variant)
  * // Returns: { xs: {...}, sm: {...}, md: {...}, lg: {...}, xl: {...}, current: {...} }
  */
-const useAllViewportTokens = (componentName, tokens, variant) => {
+export const useAllViewportTokens = (componentName, tokens, variant) => {
   const viewport = useViewport()
 
   const xs = useThemeTokens(componentName, tokens, variant, { viewport: 'xs' })
@@ -28,5 +28,3 @@ const useAllViewportTokens = (componentName, tokens, variant) => {
 
   return { xs, sm, md, lg, xl, current }
 }
-
-export default useAllViewportTokens

package/src/utils/ssr.jsx

@@ -87,8 +87,6 @@ export const ssrStyles = (appName = 'UDS app', { styleGetters = [], collectStyle
   }
 }
 
-export default ssrStyles
-
 /**
  * @deprecated - use ssrStyles instead
  *

package/src/utils/transformGradient.js

@@ -13,5 +13,3 @@ export const transformGradient = (gradient) =>
   `${gradient.type}-gradient(${gradient.angle}deg, ${gradient.stops[0].color} ${
     gradient.stops[0].stop * 100
   }%, ${gradient.stops[1].color} ${gradient.stops[1].stop * 100}%)`
-
-export default { transformGradient }

package/src/utils/useCopy.js

@@ -27,7 +27,7 @@ export const DEFAULT_COPY = 'en'
  * @param {'en'|'fr'|object} copy - language
  * @return {function(string): string}
  */
-function useCopy({ dictionary, copy = DEFAULT_COPY }) {
+export function useCopy({ dictionary, copy = DEFAULT_COPY }) {
   if (typeof copy === 'string') {
     return (key) => (key ? dictionary[copy][key] : dictionary[copy])
   }
@@ -35,5 +35,3 @@ function useCopy({ dictionary, copy = DEFAULT_COPY }) {
   // support overriding the entire copy dictionary with an object for a single language
   return (key) => copy[key]
 }
-
-export default useCopy

package/src/utils/useDetectOutsideClick.js

@@ -13,7 +13,7 @@ import { Platform } from 'react-native'
  *   @deprecated Will be removed in next major release; detection will always be enabled.
  */
 
-function useDetectOutsideClick(ref, onOutside, enabled = true) {
+export function useDetectOutsideClick(ref, onOutside, enabled = true) {
   React.useEffect(() => {
     if (!enabled || Platform.OS !== 'web') {
       return undefined
@@ -31,5 +31,3 @@ function useDetectOutsideClick(ref, onOutside, enabled = true) {
     }
   }, [ref, onOutside, enabled])
 }
-
-export default useDetectOutsideClick

package/src/utils/useHash.js

@@ -18,7 +18,7 @@ const doAction = (action, event) =>
  * @param {(hash: string, event?: SyntheticEvent) => void} action - a function to act on the current hash on load and when it changes
  * @returns
  */
-const useHash = (action, isReady = true) => {
+export const useHash = (action, isReady = true) => {
   const [isDone, setIsDone] = useState(false)
   // Do the action just once when ready after component mount, from hash on page load
   const isToDo = isReady && !isDone
@@ -36,4 +36,3 @@ const useHash = (action, isReady = true) => {
     return () => window.removeEventListener('hashchange', handleChange)
   }, [action])
 }
-export default useHash

package/src/utils/useHash.native.js

@@ -2,5 +2,4 @@
  * No URL hashes on Native, so do a no-op. Remembering scenes for reloads
  * is handled at OS level and deep links have completely different usage.
  */
-const useHash = () => {}
-export default useHash
+export const useHash = () => {}

package/src/utils/useMediaQuerySpacing.js

@@ -1,4 +1,4 @@
-import { useThemeTokens } from '../ThemeProvider'
+import { useThemeTokens } from '../ThemeProvider/useThemeTokens'
 import { resolveResponsiveProp } from './useResponsiveProp'
 
 /**
@@ -52,7 +52,12 @@ import { resolveResponsiveProp } from './useResponsiveProp'
  * - `sizeByViewport`: The actual pixel/number values for each viewport
  * - `tokensByViewport`: The full theme tokens for each viewport (for advanced use cases)
  */
-const useMediaQuerySpacing = (spaceValue, tokenKey = 'spacingScale', tokens = {}, variant = {}) => {
+export const useMediaQuerySpacing = (
+  spaceValue,
+  tokenKey = 'spacingScale',
+  tokens = {},
+  variant = {}
+) => {
   const isResponsive =
     typeof spaceValue === 'object' &&
     spaceValue !== null &&
@@ -120,5 +125,3 @@ const useMediaQuerySpacing = (spaceValue, tokenKey = 'spacingScale', tokens = {}
     tokensByViewport
   }
 }
-
-export default useMediaQuerySpacing

package/src/utils/useOverlaidPosition.js

@@ -130,7 +130,7 @@ function getOverlaidPosition({
  * a small task because UDS's tooltip logic only really works for short text - it might be
  * better to use a third-party library).
  */
-const useOverlaidPosition = ({
+export const useOverlaidPosition = ({
   isShown = false,
   offsets,
   // By default, align the overlaid target's `top` to the bottom of the source, and center horizontally.
@@ -244,5 +244,3 @@ const useOverlaidPosition = ({
     isReady
   }
 }
-
-export default useOverlaidPosition

package/src/utils/useResponsiveProp.js

@@ -1,6 +1,6 @@
 import { viewports } from '@telus-uds/system-constants'
-import { useViewport } from '../ViewportProvider'
-import hasOwnProperty from './hasOwnProperty'
+import { useViewport } from '../ViewportProvider/useViewport'
+import { hasOwnProperty } from './hasOwnProperty'
 
 const hasResponsiveProperties = (objectProp) =>
   viewports.keys.some((key) => hasOwnProperty(objectProp, key))
@@ -42,9 +42,7 @@ export const resolveResponsiveProp = (prop, viewport, defaultValue) => {
  * @param {*} [defaultValue] - default value to provide if no matches found for the current viewport
  * @returns {*}
  */
-const useResponsiveProp = (prop, defaultValue) => {
+export const useResponsiveProp = (prop, defaultValue) => {
   const viewport = useViewport()
   return resolveResponsiveProp(prop, viewport, defaultValue)
 }
-
-export default useResponsiveProp

package/src/utils/useSafeLayoutEffect.js

@@ -10,7 +10,7 @@ const noop = () => {}
  *  - During hydration from SSR, the provided function is skipped to avoid mismatches from server content.
  *  - In SSR, it is a no-op function to avoid warnings about using useLayoutEffect in SSR
  */
-const useSafeLayoutEffect = isSSR
+export const useSafeLayoutEffect = isSSR
   ? noop // avoid React's fussy warnings by ensuring to never call useLayoutEffect on server
   : (fn, deps = []) => {
       const isHydrating = useHydrationContext()
@@ -27,5 +27,3 @@ const useSafeLayoutEffect = isSSR
         return callback()
       }, [isHydrating, callback])
     }
-
-export default useSafeLayoutEffect

package/src/utils/useScrollBlocking.js

@@ -21,7 +21,7 @@ const removeScrollBlocking = (preventScrolling, stopPropagation, ref) => {
  * @param {boolean | boolean[]} conditionProps
  * @returns
  */
-const useScrollBlocking = (conditionProps) => {
+export const useScrollBlocking = (conditionProps) => {
   // useRef refs are null on first render and don't trigger a re-render when they get their
   // element. Force re-run when ref mounts to ensure the stopPropagation listener is attached.
   const ref = useRef()
@@ -53,5 +53,3 @@ const useScrollBlocking = (conditionProps) => {
 
   return callbackRef
 }
-
-export default useScrollBlocking

package/src/utils/useScrollBlocking.native.js

@@ -1,2 +1,2 @@
 // This is a no-op to emphasize that the original hook is web-only
-export default () => {}
+export const useScrollBlocking = () => {}

package/src/utils/useSpacingScale.js

@@ -1,5 +1,5 @@
-import { useViewport } from '../ViewportProvider'
-import { useThemeTokens } from '../ThemeProvider'
+import { useViewport } from '../ViewportProvider/useViewport'
+import { useThemeTokens } from '../ThemeProvider/useThemeTokens'
 import { resolveResponsiveProp } from './useResponsiveProp'
 /**
  * @typedef {import('@telus-uds/system-constants/viewports').Viewport} Viewport
@@ -91,7 +91,7 @@ const resolveSpacingOptions = (space) => {
  * @param {SpacingValue} [spaceValue] - a {@link SpacingIndex} number, or a {@link SpacingObject}
  * @returns {number}
  */
-const useSpacingScale = (spaceValue) => {
+export const useSpacingScale = (spaceValue) => {
   // In future, may need to consider window height as well as width, particularly for native apps,
   // e.g. to ensure designs don't look lost on large, tall, not-so-wide portrait screens.
   const viewport = useViewport()
@@ -104,5 +104,3 @@ const useSpacingScale = (spaceValue) => {
   })
   return Math.max(size - subtract, 0)
 }
-
-export default useSpacingScale

package/src/utils/useUniqueId.js

@@ -1,9 +1,7 @@
 import { useId } from 'react'
 
-function useUniqueId(prefix = '') {
+export function useUniqueId(prefix = '') {
   const id = useId()
 
   return `${prefix ? `${prefix}-` : ''}${id}`
 }
-
-export default useUniqueId

package/src/utils/useVariants.js

@@ -1,4 +1,5 @@
-import { getComponentTheme, useTheme } from '../ThemeProvider'
+import { useTheme } from '../ThemeProvider/useTheme'
+import { getComponentTheme } from '../ThemeProvider/utils/theme-tokens'
 
 /**
  * Generates a label string for a variant based on the provided key and value.
@@ -20,7 +21,7 @@ const getVariantLabel = (key, value) => `${key}${typeof value === 'string' ? `:
  *   Returns [['default', {}]] if no componentName is provided.
  * @throws {Error} If the theme does not define appearances for the given component.
  */
-const useVariants = (componentName) => {
+export const useVariants = (componentName) => {
   const theme = useTheme()
   if (!componentName) return [['default', {}]]
 
@@ -40,5 +41,3 @@ const useVariants = (componentName) => {
   )
   return variants
 }
-
-export default useVariants

package/src/utils/withLinkRouter.jsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import PropTypes from 'prop-types'
-import hasOwnProperty from './hasOwnProperty'
+import { hasOwnProperty } from './hasOwnProperty'
 
 /**
  * Higher-order component that has no effect unless an additional prop `LinkRouter` is passed.
@@ -30,7 +30,7 @@ import hasOwnProperty from './hasOwnProperty'
  * <IconButton icon={SomeIcon} LinkRouter={LinkLinkRouter} linkRouterProps={{ to, options }} ref={iconRef} />
  * ```
  */
-const withLinkRouter = (Component) => {
+export const withLinkRouter = (Component) => {
   const wrappedComponent = React.forwardRef(({ LinkRouter, linkRouterProps, ...props }, ref) => {
     if (!LinkRouter) return <Component {...props} ref={ref} />
     return (
@@ -62,5 +62,3 @@ withLinkRouter.propTypes = {
   LinkRouter: PropTypes.elementType,
   linkRouterProps: PropTypes.object
 }
-
-export default withLinkRouter

package/types/Checkbox.d.ts

@@ -1,24 +1,4 @@
 import { StyleProp, ViewStyle, TextStyle } from 'react-native'
-import { Tokens, Variant } from '../ThemeProvider'
-
-type CheckboxProps = {
-  checked?: boolean
-  defaultChecked?: boolean
-  error?: boolean
-  feedback?: string
-  id?: string
-  inactive?: boolean
-  label?: string
-  description?: string
-  name?: string
-  onChange?: (value: boolean, event: any) => void
-  tokens?: Tokens
-  value?: string | number | boolean
-  variant?: Variant
-  style?: StyleProp<ViewStyle>
-  labelStyle?: StyleProp<TextStyle>
-  containerStyle?: StyleProp<ViewStyle>
-}
 
 type CheckboxTokens = {
   containerBackgroundColor?: string
@@ -52,3 +32,22 @@ type CheckboxTokens = {
   descriptionMarginLeft?: number
   descriptionFontColor?: string
 }
+
+type CheckboxProps = {
+  checked?: boolean
+  defaultChecked?: boolean
+  error?: boolean
+  feedback?: string
+  id?: string
+  inactive?: boolean
+  label?: string
+  description?: string
+  name?: string
+  onChange?: (value: boolean, event: any) => void
+  tokens?: CheckboxTokens
+  value?: string | number | boolean
+  variant?: any
+  style?: StyleProp<ViewStyle>
+  labelStyle?: StyleProp<TextStyle>
+  containerStyle?: StyleProp<ViewStyle>
+}

package/types/FileUpload.d.ts

@@ -37,4 +37,4 @@ export interface FileUploadProps {
 
 declare const FileUpload: ComponentType<FileUploadProps>
 
-export default FileUpload
+export { FileUpload }

package/types/Shortcuts.d.ts

@@ -133,4 +133,3 @@ declare const Shortcuts: ComponentType<ShortcutsProps>
 declare const ShortcutsItem: ComponentType<ShortcutsItemProps>
 
 export { Shortcuts, ShortcutsItem }
-export default Shortcuts

package/types/Status.d.ts

@@ -39,4 +39,4 @@ export interface StatusProps {
 
 declare const Status: ComponentType<StatusProps>
 
-export default Status
+export { Status }

package/lib/cjs/ActionCard/index.js

@@ -1,9 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _ActionCard = _interopRequireDefault(require("./ActionCard"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = _ActionCard.default;

package/lib/cjs/Autocomplete/index.js

@@ -1,9 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _Autocomplete = _interopRequireDefault(require("./Autocomplete"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = _Autocomplete.default;

package/lib/cjs/Badge/index.js

@@ -1,9 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _Badge = _interopRequireDefault(require("./Badge"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = _Badge.default;

package/lib/cjs/Box/index.js

@@ -1,9 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _Box = _interopRequireDefault(require("./Box"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = _Box.default;