@liguelead/design-system 0.0.18 → 0.0.20

package/components/Alert/Alert.style.ts

@@ -1,5 +1,5 @@
 import styled from 'styled-components';
-import { parseColor } from 'package/utils';
+import { parseColor } from '../../utils';
 import {spacing, radius} from '@liguelead/foundation'
 
 export const AlertContainer = styled.div<{ $variant: string }>`

package/components/Alert/Alert.variants.ts

@@ -1,4 +1,4 @@
-import { parseColor } from 'package/utils'
+import { parseColor } from '../../utils'
 import { useTheme } from 'styled-components'
 
 type TVariant = 'success' | 'danger' | 'warning' | 'info' | 'default'

package/components/Button/Button.appearance.ts

@@ -1,5 +1,5 @@
 import { ButtonVariantTypes} from './Button.types'
-import { colorType } from '../../../types'
+import { colorType } from '../../types'
 import { useTheme } from 'styled-components'
 import {darkenOrLighten, getTextColor, parseColor} from '../../utils'
 

package/components/Button/Button.types.ts

@@ -1,4 +1,4 @@
-import { colorType } from '../../../types'
+import { colorType } from '../../types'
 
 export type ButtonSizeTypes = 'sm' | 'md' | 'lg'
 export type ButtonVariantTypes = 'solid' | 'outline' | 'ghost'

package/components/DatePicker/DatePicker.tsx

@@ -6,8 +6,12 @@ import {
     CaretDown
 } from '@phosphor-icons/react'
 import { getYear, getMonth } from 'date-fns'
-import { range } from 'lodash'
 import { ptBR } from 'date-fns/locale'
+
+// Substituindo lodash.range por implementação simples
+const range = (start: number, end: number, step: number = 1) => {
+    return Array.from({ length: Math.ceil((end - start) / step) }, (_, i) => start + i * step)
+}
 import { forwardRef, useState } from 'react'
 import TextField from '../TextField'
 import { DatePickerProps, Months } from './DatePicker.types'

package/components/PageWrapper/PageWrapper.tsx

@@ -1,6 +1,6 @@
 import {parseColor} from '../../utils'
 import styled from 'styled-components'
-import {colorType} from '../../../types'
+import {colorType} from '../../types'
 import {spacing, SpacingInterface} from '@liguelead/foundation'
 
 type SpacingType = keyof SpacingInterface

package/components/SegmentedButton/SegmentedButton.types.ts

@@ -1,4 +1,4 @@
-import { colorType } from '../../../types'
+import { colorType } from '../../types'
 type SegmentedButtonType = {
     label: string
     action?: () => void

package/components/Text/Text.types.ts

@@ -1,4 +1,4 @@
-import { colorType } from '../../../types'
+import { colorType } from '../../types'
 import { ReactNode } from 'react'
 
 type AlignType = 'left' | 'center' | 'right' | 'justify'

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@liguelead/design-system",
-    "version": "0.0.18",
+    "version": "0.0.20",
     "type": "module",
     "main": "components/index.ts",
     "publishConfig": {
@@ -23,6 +23,7 @@
     "files": [
         "components/",
         "utils/",
+        "types/",
         "scripts/"
     ],
     "devDependencies": {

package/types/index.ts

@@ -0,0 +1 @@
+export * from '../../types/types'