@veracity/vui 2.17.0-beta.0 → 2.17.0

package/src/button/buttons.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { vui } from '../core'
 import Button from './button'
 import { ButtonProps, IconButtonProps } from './button.types'

package/src/core/media.tsx

@@ -1,5 +1,5 @@
 import { useViewportWidth } from '@xstyled/styled-components'
-import React, { FC } from 'react'
+import { FC } from 'react'
 import { StyledProps } from 'styled-components'
 
 import { Screen } from '../theme'

package/src/core/vuiProvider/vuiProvider.tsx

@@ -1,4 +1,4 @@
-import React, { FC, useReducer } from 'react'
+import { FC, useReducer } from 'react'
 import { ThemeProvider } from 'styled-components'
 
 import PopoverStyle from '../../popover/globalStyle'

package/src/icon/icon.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { omitThemingProps, useStyleConfig, vui } from '../core'
 import { Svg } from '../svg'
 import { cs, filterUndefined } from '../utils'

package/src/index.ts

@@ -43,7 +43,7 @@ export * from './radio'
 export * from './select'
 export * from './sidemenu'
 export * from './skeleton'
-export * from './stepperIndicator'
+export * from './step'
 export * from './stepperHorizontal'
 export * from './stepperVertical'
 export * from './spinner'

package/src/notification/notification.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import Box from '../box'
 import { useStyleConfig, vui, VuiComponent } from '../core'
 import { cs, filterUndefined, isReactText, isString } from '../utils'

package/src/notification/notificationButton.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import Button, { ButtonProps } from '../button'
 import { useStyleConfig, vui } from '../core'
 import { cs } from '../utils'

package/src/notification/notificationIcon.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { useStyleConfig, vui } from '../core'
 import Icon, { IconProps } from '../icon'
 import { cs } from '../utils'

package/src/notification/notificationText.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { useStyleConfig, vui } from '../core'
 import T, { TProps } from '../t'
 import { cs } from '../utils'

package/src/notification/notificationTitle.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { useStyleConfig, vui } from '../core'
 import { T, TProps } from '../t'
 import { cs } from '../utils'

package/src/p/p.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { omitThemingProps, styled, useStyleConfig, vui } from '../core'
 import { cs, filterUndefined } from '../utils'
 import { PProps } from './p.types'

package/src/portal/portal.tsx

@@ -1,4 +1,4 @@
-import React, { FC, useEffect, useState } from 'react'
+import { FC, useEffect, useState } from 'react'
 import { createPortal } from 'react-dom'
 
 import { ChildrenProp } from '../core'

package/src/step/index.ts

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

package/src/{stepperIndicator/stepperIndicator.tsx → step/stepIndicator.tsx}

@@ -1,12 +1,10 @@
-import React from 'react'
-
 import Box from '../box'
 import Button from '../button'
 import { useStyleConfig, vui } from '../core'
 import Icon from '../icon'
 import T from '../t'
 import { cs } from '../utils'
-import { StepperIndicatorProps } from './stepperIndicatorTypes'
+import { StepIndicatorProps } from './stepIndicatorTypes'
 
 const Content = ({ number, variant, size }: any) => {
   if (typeof number === 'undefined') return null
@@ -18,13 +16,13 @@ const Content = ({ number, variant, size }: any) => {
 /**
  * Implements stepper indicator **
  */
-export const StepperIndicator = vui<'div', StepperIndicatorProps>((props, ref) => {
+export const StepIndicator = vui<'div', StepIndicatorProps>((props, ref) => {
   const { icon, number, className, size, variant, ...rest } = props
-  const styles = useStyleConfig('StepperIndicator', props)
+  const styles = useStyleConfig('StepIndicator', props)
 
   return icon ? (
     <Button
-      className={cs('vui-stepperIndicator', className)}
+      className={cs('vui-stepIndicator', className)}
       icon={icon}
       ref={ref}
       {...styles.icon}
@@ -36,7 +34,7 @@ export const StepperIndicator = vui<'div', StepperIndicatorProps>((props, ref) =
     />
   ) : (
     <Button
-      className={cs('vui-stepperIndicator', className)}
+      className={cs('vui-stepIndicator', className)}
       ref={ref}
       {...styles.button}
       {...rest}
@@ -55,6 +53,6 @@ export const StepperIndicator = vui<'div', StepperIndicatorProps>((props, ref) =
   )
 })
 
-StepperIndicator.displayName = 'StepperIndicator'
+StepIndicator.displayName = 'StepIndicator'
 
-export default StepperIndicator
+export default StepIndicator

package/src/step/stepIndicatorTypes.ts

@@ -0,0 +1,12 @@
+import { IconProp } from '../icon'
+import { SystemProps } from '../system'
+import { ThemingProps } from '../theme'
+
+export type StepIndicatorProps = SystemProps &
+  ThemingProps<'StepIndicator'> & {
+    icon?: IconProp
+    className?: string
+    number?: number
+  }
+
+export type StepIndicatorVariant = 'active' | 'completed' | 'optional' | 'pending' | 'error'

package/src/stepperHorizontal/stepHorizontal.tsx

@@ -1,8 +1,6 @@
-import React from 'react'
-
 import { Box } from '../box'
 import { styled, vui } from '../core'
-import { StepperIndicator } from '../stepperIndicator'
+import { StepIndicator } from '../step'
 import { cs } from '../utils'
 import { stepClassName } from './consts'
 import { useStepperHorizontalContext } from './context'
@@ -28,7 +26,7 @@ export const StepHorizontal = vui<'div', StepHorizontalProps>(
       <StepHorizontalBase className={cs(stepClassName, className)} ref={ref}>
         <StepHorizontalTail size={size} variant={variant as any} />
         <Box display="block" textAlign="center">
-          <StepperIndicator icon={icon} number={number} size={size} variant={variant} />
+          <StepIndicator icon={icon} number={number} size={size} variant={variant} />
         </Box>
         <Box display="block" textAlign="center">
           {!!title && (

package/src/stepperHorizontal/stepperHorizontalTypes.ts

@@ -3,7 +3,7 @@ import { ReactNode } from 'react'
 import { BoxProps } from '../box'
 import { ChildrenProp } from '../core'
 import { IconProp } from '../icon'
-import { StepperIndicatorVariant } from '../stepperIndicator/stepperIndicatorTypes'
+import { StepIndicatorVariant } from '../step/stepIndicatorTypes'
 import { SystemProps } from '../system'
 import { ThemingProps } from '../theme'
 
@@ -20,14 +20,14 @@ export type StepHorizontalProps = SystemProps &
     title?: ReactNode
     disabled?: boolean
     className?: string
-    variant?: StepperIndicatorVariant
+    variant?: StepIndicatorVariant
   }
 
 export type StepHorizontalTailProps = BoxProps & {
-  variant?: StepperIndicatorVariant
+  variant?: StepIndicatorVariant
 }
 
 export type StepHorizontalTitleProps = BoxProps & {
   size?: StepHorizontalSize
-  variant?: StepperIndicatorVariant
+  variant?: StepIndicatorVariant
 }

package/src/stepperVertical/stepVertical.tsx

@@ -2,7 +2,7 @@ import React from 'react'
 
 import { Box } from '../box'
 import { styled, vui } from '../core'
-import { StepperIndicator } from '../stepperIndicator'
+import { StepIndicator } from '../step'
 import { cs } from '../utils'
 import { stepClassName } from './consts'
 import { useStepperVerticalContext } from './context'
@@ -27,7 +27,7 @@ export const StepVertical = vui<'div', StepVerticalProps>(
       <StepVerticalBase className={cs(stepClassName, className)} ref={ref}>
         <StepVerticalTail size={size} variant={variant as any} />
         <Box flex={`0 0 ${size === 'md' ? 40 : 30}px`}>
-          <StepperIndicator icon={icon} number={number} size={size} variant={variant} />
+          <StepIndicator icon={icon} number={number} size={size} variant={variant} />
         </Box>
         <Box flex="1" flexDirection="column">
           {!!title && (

package/src/stepperVertical/stepperVerticalTypes.ts

@@ -3,7 +3,7 @@ import { ReactNode } from 'react'
 import { BoxProps } from '../box'
 import { ChildrenProp } from '../core'
 import { IconProp } from '../icon'
-import { StepperIndicatorVariant } from '../stepperIndicator/stepperIndicatorTypes'
+import { StepIndicatorVariant } from '../step/stepIndicatorTypes'
 import { SystemProps } from '../system'
 import { ThemingProps } from '../theme'
 
@@ -20,15 +20,15 @@ export type StepVerticalProps = SystemProps &
     title?: ReactNode
     disabled?: boolean
     className?: string
-    variant?: StepperIndicatorVariant
+    variant?: StepIndicatorVariant
   }
 
 export type StepVerticalTailProps = BoxProps & {
   size?: StepVerticalSize
-  variant?: StepperIndicatorVariant
+  variant?: StepIndicatorVariant
 }
 
 export type StepVerticalTitleProps = BoxProps & {
   size?: StepVerticalSize
-  variant?: StepperIndicatorVariant
+  variant?: StepIndicatorVariant
 }

package/src/svg/svg.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useRef, useState } from 'react'
+import { useEffect, useRef, useState } from 'react'
 
 import { css, styled, vui, VuiComponent } from '../core'
 import { cs } from '../utils'

package/src/t/t.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { omitThemingProps, styled, useStyleConfig, vui } from '../core'
 import { cs, filterUndefined } from '../utils'
 import { TProps } from './t.types'

package/src/theme/components.ts

@@ -37,8 +37,8 @@ import Select from '../select/theme'
 import Sidemenu from '../sidemenu/theme'
 import Skeleton from '../skeleton/theme'
 import Spinner from '../spinner/theme'
+import StepIndicator from '../step/theme'
 import StepperHorizontal from '../stepperHorizontal/theme'
-import StepperIndicator from '../stepperIndicator/theme'
 import StepperVertical from '../stepperVertical/theme'
 import Switch from '../switch/theme'
 import T from '../t/theme'
@@ -94,7 +94,7 @@ export default {
   Select,
   Sidemenu,
   Skeleton,
-  StepperIndicator,
+  StepIndicator,
   StepperHorizontal,
   StepperVertical,
   Spinner,

package/src/theme/foundations/colors.ts

@@ -1,6 +1,6 @@
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore - the missing types have to be added into the onedesign-tokens package
-import * as oneDesignButtonTokens from '../../onedesign-tokens/dist/js/rem/button.js'
+import * as oneDesignButtonTokens from '../../onedesign-tokens/dist/js/rem/button'
 
 const buttonTypePrimaryDefaultBorderColorDark: string = oneDesignButtonTokens.buttonTypePrimaryDefaultBorderColorDark
 const buttonTypePrimaryDefaultBorderColorLight: string = oneDesignButtonTokens.buttonTypePrimaryDefaultBorderColorLight

package/src/toast/useToast.tsx

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react'
+import { ReactNode } from 'react'
 
 import { useVuiContext } from '../core'
 import { Notification, NotificationStatus } from '../notification'

package/.eslintrc.cjs

@@ -1,12 +0,0 @@
-/* eslint-env node */
-
-// This is a workaround for https://github.com/eslint/eslint/issues/3458
-require('@veracity/eslint-config/patch')
-
-module.exports = {
-  extends: ['@veracity/eslint-config/legacy'],
-  rules: {
-    '@typescript-eslint/no-explicit-any': 0,
-    'react-hooks/exhaustive-deps': 0
-  }
-}

package/.turbo/turbo-build.log

@@ -1,5 +0,0 @@
-npm WARN ignoring workspace config at D:\a\1\s\packages\vui/.npmrc 
-
-> @veracity/vui@2.17.0-beta.0 build
-> tsc -p tsconfig.json && tsc -p tsconfig.legacy.json
-

package/.turbo/turbo-lint.log

@@ -1,15 +0,0 @@
-npm WARN ignoring workspace config at D:\a\1\s\packages\vui/.npmrc 
-
-> @veracity/vui@2.17.0-beta.0 lint
-> npm run eslint && npm run tslint
-
-npm WARN ignoring workspace config at D:\a\1\s\packages\vui/.npmrc 
-
-> @veracity/vui@2.17.0-beta.0 eslint
-> eslint "src/**/*.{ts,tsx}"
-
-npm WARN ignoring workspace config at D:\a\1\s\packages\vui/.npmrc 
-
-> @veracity/vui@2.17.0-beta.0 tslint
-> tsc --noEmit
-

package/dist/cjs/stepperIndicator/index.d.ts

@@ -1,4 +0,0 @@
-export * from './stepperIndicator';
-export { default } from './stepperIndicator';
-export * from './stepperIndicator';
-//# sourceMappingURL=index.d.ts.map

package/dist/cjs/stepperIndicator/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/stepperIndicator/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAC5C,cAAc,oBAAoB,CAAA"}

package/dist/cjs/stepperIndicator/stepperIndicator.d.ts

@@ -1,7 +0,0 @@
-import { StepperIndicatorProps } from './stepperIndicatorTypes';
-/**
- * Implements stepper indicator **
- */
-export declare const StepperIndicator: import("../core").VuiComponent<"div", StepperIndicatorProps>;
-export default StepperIndicator;
-//# sourceMappingURL=stepperIndicator.d.ts.map

package/dist/cjs/stepperIndicator/stepperIndicator.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"stepperIndicator.d.ts","sourceRoot":"","sources":["../../../src/stepperIndicator/stepperIndicator.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAS/D;;GAEG;AACH,eAAO,MAAM,gBAAgB,8DAmC3B,CAAA;AAIF,eAAe,gBAAgB,CAAA"}

package/dist/cjs/stepperIndicator/stepperIndicatorTypes.d.ts

@@ -1,10 +0,0 @@
-import { IconProp } from '../icon';
-import { SystemProps } from '../system';
-import { ThemingProps } from '../theme';
-export type StepperIndicatorProps = SystemProps & ThemingProps<'StepperIndicator'> & {
-    icon?: IconProp;
-    className?: string;
-    number?: number;
-};
-export type StepperIndicatorVariant = 'active' | 'completed' | 'optional' | 'pending' | 'error';
-//# sourceMappingURL=stepperIndicatorTypes.d.ts.map

package/dist/cjs/stepperIndicator/stepperIndicatorTypes.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"stepperIndicatorTypes.d.ts","sourceRoot":"","sources":["../../../src/stepperIndicator/stepperIndicatorTypes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,MAAM,MAAM,qBAAqB,GAAG,WAAW,GAC7C,YAAY,CAAC,kBAAkB,CAAC,GAAG;IACjC,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAEH,MAAM,MAAM,uBAAuB,GAAG,QAAQ,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,CAAA"}

package/dist/cjs/stepperIndicator/theme.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/stepperIndicator/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgEA,wBAKC"}

package/dist/esm/stepperIndicator/index.d.ts

@@ -1,4 +0,0 @@
-export * from './stepperIndicator';
-export { default } from './stepperIndicator';
-export * from './stepperIndicator';
-//# sourceMappingURL=index.d.ts.map

package/dist/esm/stepperIndicator/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/stepperIndicator/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAC5C,cAAc,oBAAoB,CAAA"}

package/dist/esm/stepperIndicator/index.js

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

package/dist/esm/stepperIndicator/stepperIndicator.d.ts

@@ -1,7 +0,0 @@
-import { StepperIndicatorProps } from './stepperIndicatorTypes';
-/**
- * Implements stepper indicator **
- */
-export declare const StepperIndicator: import("../core").VuiComponent<"div", StepperIndicatorProps>;
-export default StepperIndicator;
-//# sourceMappingURL=stepperIndicator.d.ts.map

package/dist/esm/stepperIndicator/stepperIndicator.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"stepperIndicator.d.ts","sourceRoot":"","sources":["../../../src/stepperIndicator/stepperIndicator.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAS/D;;GAEG;AACH,eAAO,MAAM,gBAAgB,8DAmC3B,CAAA;AAIF,eAAe,gBAAgB,CAAA"}

package/dist/esm/stepperIndicator/stepperIndicator.js

@@ -1,26 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Box from '../box';
-import Button from '../button';
-import { useStyleConfig, vui } from '../core';
-import Icon from '../icon';
-import T from '../t';
-import { cs } from '../utils';
-const Content = ({ number, variant, size }) => {
-    if (typeof number === 'undefined')
-        return null;
-    if (variant === 'completed')
-        return _jsx(Icon, { name: "falCheck", size: size });
-    if (variant === 'error')
-        return _jsx(Icon, { name: "falTimes", size: size });
-    return _jsx(T, { fontWeight: 600, children: number });
-};
-/**
- * Implements stepper indicator **
- */
-export const StepperIndicator = vui((props, ref) => {
-    const { icon, number, className, size, variant, ...rest } = props;
-    const styles = useStyleConfig('StepperIndicator', props);
-    return icon ? (_jsx(Button, { className: cs('vui-stepperIndicator', className), icon: icon, ref: ref, ...styles.icon, ...rest, isRound: true, minW: "auto", pointerEvents: "none", size: size })) : (_jsxs(Button, { className: cs('vui-stepperIndicator', className), ref: ref, ...styles.button, ...rest, isRound: true, minW: "auto", outline: "6px solid white", pointerEvents: "none", position: "relative", size: size, children: [_jsx(Box, { mx: 0.5, position: "relative" }), _jsx(Box, { fontSize: `${size === 'md' ? 16 : 13}px`, mx: 0.5, position: "absolute", children: _jsx(Content, { number: number, size: size, variant: variant }) })] }));
-});
-StepperIndicator.displayName = 'StepperIndicator';
-export default StepperIndicator;

package/dist/esm/stepperIndicator/stepperIndicatorTypes.d.ts

@@ -1,10 +0,0 @@
-import { IconProp } from '../icon';
-import { SystemProps } from '../system';
-import { ThemingProps } from '../theme';
-export type StepperIndicatorProps = SystemProps & ThemingProps<'StepperIndicator'> & {
-    icon?: IconProp;
-    className?: string;
-    number?: number;
-};
-export type StepperIndicatorVariant = 'active' | 'completed' | 'optional' | 'pending' | 'error';
-//# sourceMappingURL=stepperIndicatorTypes.d.ts.map

package/dist/esm/stepperIndicator/stepperIndicatorTypes.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"stepperIndicatorTypes.d.ts","sourceRoot":"","sources":["../../../src/stepperIndicator/stepperIndicatorTypes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,MAAM,MAAM,qBAAqB,GAAG,WAAW,GAC7C,YAAY,CAAC,kBAAkB,CAAC,GAAG;IACjC,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAEH,MAAM,MAAM,uBAAuB,GAAG,QAAQ,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,CAAA"}

package/dist/esm/stepperIndicator/theme.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/stepperIndicator/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgEA,wBAKC"}

package/src/stepperIndicator/index.ts

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

package/src/stepperIndicator/stepperIndicatorTypes.ts

@@ -1,12 +0,0 @@
-import { IconProp } from '../icon'
-import { SystemProps } from '../system'
-import { ThemingProps } from '../theme'
-
-export type StepperIndicatorProps = SystemProps &
-  ThemingProps<'StepperIndicator'> & {
-    icon?: IconProp
-    className?: string
-    number?: number
-  }
-
-export type StepperIndicatorVariant = 'active' | 'completed' | 'optional' | 'pending' | 'error'

package/tsconfig.json

@@ -1,10 +0,0 @@
-{
-  "extends": "@veracity/tsconfig/react.json",
-  "compilerOptions": {
-    "allowJs": true,
-    "noEmit": false,
-    "outDir": "dist/esm",
-    "rootDir": "src"
-  },
-  "include": ["src"]
-}

package/tsconfig.legacy.json

@@ -1,9 +0,0 @@
-{
-  "extends": "@veracity/tsconfig/react.cjs.json",
-  "compilerOptions": {
-    "noEmit": false,
-    "outDir": "dist/cjs",
-    "rootDir": "src"
-  },
-  "include": ["src"]
-}