@telus-uds/components-base 0.0.2-prerelease.9 → 1.1.0

package/stories/Divider/Divider.stories.jsx

@@ -1,11 +1,11 @@
 /* eslint-disable react/no-multi-comp */
 import React from 'react'
 import { View, StyleSheet } from 'react-native'
-import { Divider, Typography } from '../../lib'
+import { Divider, Typography } from '../../src'
 import { EachParentType, parentTypesParams } from '../supports'
 
 export default {
-  title: 'Base/Divider',
+  title: 'Divider',
   component: Divider
 }
 

package/stories/ExpandCollapse/ExpandCollapse.stories.jsx

@@ -1,12 +1,12 @@
 /* eslint-disable react/no-multi-comp */
 import React from 'react'
 import PropTypes from 'prop-types'
-import { Accordion, ButtonGroup, ExpandCollapse, StackView, Typography } from '../../lib'
+import { Accordion, ButtonGroup, ExpandCollapse, StackView, Typography } from '../../src'
 import { Container, EachParentType, parentTypesParams } from '../supports'
-import { useMultipleInputValues } from '../../lib/utils'
+import { useMultipleInputValues } from '../../src/utils'
 
 export default {
-  title: 'Base/ExpandCollapse',
+  title: 'ExpandCollapse',
   component: ExpandCollapse,
   args: {
     children: () => {}

package/stories/Feedback/Feedback.stories.jsx

@@ -1,11 +1,11 @@
 import React, { useEffect, useState } from 'react'
 import { Text } from 'react-native'
 
-import { Feedback, Typography, TextInput } from '../../lib'
+import { Feedback, Typography, TextInput } from '../../src'
 import { Container } from '../supports'
 
 export default {
-  title: 'Base/Feedback',
+  title: 'Feedback',
   component: Feedback
 }
 

package/stories/FlexGrid/01 FlexGrid.stories.jsx

@@ -1,13 +1,13 @@
 /* eslint-disable react/no-multi-comp */
 import React from 'react'
 
-import { FlexGrid } from '../../lib'
+import { FlexGrid } from '../../src'
 import { Placeholder, EachParentType, parentTypesParams } from '../supports'
 
 const { Row, Col } = FlexGrid
 
 export default {
-  title: 'Base/FlexGrid/FlexGrid',
+  title: 'FlexGrid/FlexGrid',
   component: FlexGrid
 }
 

package/stories/FlexGrid/02 Row.stories.jsx

@@ -1,12 +1,12 @@
 import React from 'react'
 
-import { FlexGrid } from '../../lib'
+import { FlexGrid } from '../../src'
 import { Placeholder } from '../supports'
 
 const { Row, Col } = FlexGrid
 
 export default {
-  title: 'Base/FlexGrid/Row',
+  title: 'FlexGrid/Row',
   component: Row
 }
 

package/stories/FlexGrid/03 Col.stories.jsx

@@ -1,12 +1,12 @@
 import React from 'react'
 
-import { FlexGrid } from '../../lib'
+import { FlexGrid } from '../../src'
 import { Placeholder } from '../supports'
 
 const { Row, Col } = FlexGrid
 
 export default {
-  title: 'Base/FlexGrid/Col',
+  title: 'FlexGrid/Col',
   component: Col,
   argTypes: {
     xs: {

package/stories/Icon/Icon.stories.jsx

@@ -4,10 +4,10 @@ import { StyleSheet, Text, View } from 'react-native'
 
 import AccessibleIcon from '../../__fixtures__/Accessible'
 import { Container, useVariants, EachIcon, EachParentType, parentTypesParams } from '../supports'
-import { Icon, StackWrap, Tooltip } from '../../lib'
+import { Icon, StackWrap, Tooltip } from '../../src'
 
 export default {
-  title: 'Base/Icon',
+  title: 'Icon',
   component: Icon,
   argTypes: {
     label: {

package/stories/IconButton/IconButton.stories.jsx

@@ -4,11 +4,11 @@ import React from 'react'
 /* eslint-disable-next-line import/no-extraneous-dependencies */
 import { Add } from '@telus-uds/palette-allium/build/rn/icons'
 
-import { Box, IconButton, StackView } from '../../lib'
+import { Box, IconButton, StackView } from '../../src'
 import { useVariants, EachParentType, parentTypesParams } from '../supports'
 
 export default {
-  title: 'Base/IconButton',
+  title: 'IconButton',
   component: IconButton
 }
 

package/stories/InputLabel/InputLabel.stories.jsx

@@ -1,10 +1,10 @@
 /* eslint-disable react/no-multi-comp */
 import React from 'react'
 
-import InputLabel from '../../lib/InputLabel/InputLabel'
+import InputLabel from '../../src/InputLabel/InputLabel'
 
 export default {
-  title: 'Base/InputLabel',
+  title: 'InputLabel',
   component: InputLabel
 }
 

package/stories/Link/ChevronLink.stories.jsx

@@ -1,11 +1,11 @@
 /* eslint-disable react/no-multi-comp */
 import React from 'react'
 
-import { ChevronLink } from '../../lib'
+import { ChevronLink } from '../../src'
 import { Container, EachParentType, parentTypesParams, useVariants } from '../supports'
 
 export default {
-  title: 'Base/ChevronLink',
+  title: 'ChevronLink',
   component: ChevronLink,
   args: {
     href: 'https://example.com'

package/stories/Link/Link.stories.jsx

@@ -4,11 +4,11 @@ import { View } from 'react-native'
 
 import AccessibleIcon from '../../__fixtures__/Accessible'
 
-import { Link, Typography, variantProp } from '../../lib'
+import { Link, Typography, variantProp } from '../../src'
 import { Container, EachIcon, EachParentType, parentTypesParams, useVariants } from '../supports'
 
 export default {
-  title: 'Base/Link',
+  title: 'Link',
   component: Link,
   args: {
     href: `https://telus.com/?unvisited:${Date.now()}`,

package/stories/Link/TextButton.stories.jsx

@@ -6,11 +6,11 @@ import { View } from 'react-native'
 // eslint-disable-next-line import/no-extraneous-dependencies
 import * as Icons from '@telus-uds/palette-allium/build/rn/icons'
 
-import { TextButton, variantProp } from '../../lib'
+import { TextButton, variantProp } from '../../src'
 import { Container, EachParentType, useVariants, parentTypesParams } from '../supports'
 
 export default {
-  title: 'Base/TextButton',
+  title: 'TextButton',
   component: TextButton,
   args: {
     // eslint-disable-next-line no-console

package/stories/List/List.stories.jsx

@@ -6,10 +6,10 @@ import { StyleSheet, Text } from 'react-native'
 import { Checkmark, ThumbsUp, Baby } from '@telus-uds/palette-allium/build/rn/icons'
 import { useVariants, Container } from '../supports'
 
-import { List, Typography } from '../../lib'
+import { List, Typography } from '../../src'
 
 export default {
-  title: 'Base/List',
+  title: 'List',
   component: List
 }
 

package/stories/Modal/Modal.stories.jsx

@@ -1,9 +1,9 @@
 import React, { useState } from 'react'
 
-import { Button, Modal, Spacer, Typography } from '../../lib'
+import { Button, Modal, Spacer, Typography } from '../../src'
 
 export default {
-  title: 'Base/Modal',
+  title: 'Modal',
   component: Modal
 }
 

package/stories/Notification/Notification.stories.jsx

@@ -2,11 +2,11 @@
 import React from 'react'
 import { Text } from 'react-native'
 
-import { Link, Notification, Typography } from '../../lib'
+import { Link, Notification, Typography } from '../../src'
 import { Container } from '../supports'
 
 export default {
-  title: 'Base/Notification',
+  title: 'Notification',
   component: Notification
 }
 

package/stories/Pagination/Pagination.stories.jsx

@@ -2,11 +2,11 @@
 import React, { useState } from 'react'
 import PropTypes from 'prop-types'
 
-import { Pagination, Typography } from '../../lib'
+import { Pagination, Typography } from '../../src'
 import { Container, EachParentType, parentTypesParams } from '../supports'
 
 export default {
-  title: 'Base/Pagination',
+  title: 'Pagination',
   component: Pagination
 }
 

package/stories/Progress/Progress.stories.jsx

@@ -1,11 +1,11 @@
 /* eslint-disable react/no-multi-comp */
 import React from 'react'
 
-import { Progress, StackView, Typography } from '../../lib'
+import { Progress, StackView, Typography } from '../../src'
 import { Container, EachParentType, parentTypesParams } from '../supports'
 
 export default {
-  title: 'Base/Progress',
+  title: 'Progress',
   component: Progress.Bar,
   args: { accessibilityLabel: 'Progress Bar' }
 }

package/stories/Radio/Radio.stories.jsx

@@ -1,11 +1,11 @@
 /* eslint-disable react/no-multi-comp */
 import React from 'react'
 
-import { Radio, RadioGroup, Typography } from '../../lib'
+import { Radio, RadioGroup, Typography } from '../../src'
 import { Container, EachParentType, parentTypesParams } from '../supports'
 
 export default {
-  title: 'Base/Radio',
+  title: 'Radio',
   component: Radio,
   argTypes: {
     checked: {

package/stories/RadioCard/RadioCard.stories.jsx

@@ -1,11 +1,11 @@
 /* eslint-disable react/no-multi-comp */
 import React from 'react'
 
-import { RadioCard, RadioCardGroup, Typography } from '../../lib'
+import { RadioCard, RadioCardGroup, Typography } from '../../src'
 import { Container, EachParentType, parentTypesParams } from '../supports'
 
 export default {
-  title: 'Base/RadioCard',
+  title: 'RadioCard',
   component: RadioCard
 }
 

package/stories/Search/Search.stories.jsx

@@ -1,9 +1,9 @@
 import React from 'react'
 
-import { Search } from '../../lib'
+import { Search } from '../../src'
 
 export default {
-  title: 'Base/Search',
+  title: 'Search',
   component: Search
 }
 

package/stories/Select/Select.stories.jsx

@@ -1,10 +1,10 @@
 import React, { useState } from 'react'
 import { Text } from 'react-native'
 
-import { Select } from '../../lib'
+import { Select } from '../../src'
 
 export default {
-  title: 'Base/Select',
+  title: 'Select',
   component: Select
 }
 

package/stories/SideNav/SideNav.stories.jsx

@@ -1,11 +1,11 @@
 /* eslint-disable react/no-multi-comp */
 import React from 'react'
 import PropTypes from 'prop-types'
-import { SideNav } from '../../lib'
+import { SideNav } from '../../src'
 import { EachParentType, parentTypesParams } from '../supports'
 
 export default {
-  title: 'Base/SideNav',
+  title: 'SideNav',
   component: SideNav
 }
 

package/stories/SideNav/SideNavItem.stories.jsx

@@ -1,8 +1,8 @@
 import React from 'react'
-import { SideNav } from '../../lib'
+import { SideNav } from '../../src'
 
 export default {
-  title: 'Base/SideNav/Item',
+  title: 'SideNav/Item',
   component: SideNav.Item
 }
 

package/stories/SideNav/SideNavItemsGroup.stories.jsx

@@ -1,8 +1,8 @@
 import React from 'react'
-import { SideNav } from '../../lib'
+import { SideNav } from '../../src'
 
 export default {
-  title: 'Base/SideNav/Items Group',
+  title: 'SideNav/Items Group',
   component: SideNav.ItemsGroup
 }
 

package/stories/Skeleton/Skeleton.stories.jsx

@@ -1,12 +1,12 @@
 /* eslint-disable react/no-multi-comp */
 import React from 'react'
 import { View, StyleSheet } from 'react-native'
-import StackView from '../../lib/StackView'
+import StackView from '../../src/StackView'
 
-import { Skeleton } from '../../lib'
+import { Skeleton } from '../../src'
 
 export default {
-  title: 'Base/Skeleton',
+  title: 'Skeleton',
   component: Skeleton
 }
 

package/stories/Spacer/Spacer.stories.jsx

@@ -2,11 +2,11 @@
 import React from 'react'
 import { StyleSheet, View } from 'react-native'
 
-import { Spacer, Typography } from '../../lib'
+import { Spacer, Typography } from '../../src'
 import { Container } from '../supports'
 
 export default {
-  title: 'Base/Spacer',
+  title: 'Spacer',
   component: Spacer
 }
 

package/stories/StackView/StackView.stories.jsx

@@ -3,10 +3,10 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import { View } from 'react-native'
 
-import { StackView, Card, Typography, Button } from '../../lib'
+import { StackView, Card, Typography, Button } from '../../src'
 
 export default {
-  title: 'Base/StackView',
+  title: 'StackView',
   component: StackView
 }
 

package/stories/StackView/StackWrap.stories.jsx

@@ -2,10 +2,10 @@
 import React from 'react'
 import { StyleSheet, View } from 'react-native'
 
-import { StackWrap, Button } from '../../lib'
+import { StackWrap, Button } from '../../src'
 
 export default {
-  title: 'Base/StackWrap',
+  title: 'StackWrap',
   component: StackWrap
 }
 

package/stories/StepTracker/StepTracker.stories.jsx

@@ -1,7 +1,7 @@
 /* eslint-disable react/no-multi-comp */
 import React, { useState } from 'react'
 
-import { Box, Button, StackView, StepTracker } from '../../lib'
+import { Box, Button, StackView, StepTracker } from '../../src'
 
 const steps = [
   'Plans & Addons',
@@ -14,7 +14,7 @@ const steps = [
 const longTitle = 'Example of a really long step title that wraps'
 
 export default {
-  title: 'Base/StepTracker',
+  title: 'StepTracker',
   component: StepTracker,
   args: {
     steps

package/stories/Tabs/Tabs.stories.jsx

@@ -2,10 +2,10 @@
 import React, { useState } from 'react'
 import { Platform } from 'react-native'
 
-import { Link, StackView, Tabs, Typography } from '../../lib'
+import { Link, StackView, Tabs, Typography } from '../../src'
 
 export default {
-  title: 'Base/Tabs',
+  title: 'Tabs',
   component: Tabs
 }
 

package/stories/Tags/Tags.stories.jsx

@@ -1,7 +1,7 @@
 /* eslint-disable react/no-multi-comp */
 import React, { useState } from 'react'
 import { View } from 'react-native'
-import { Tags, Typography } from '../../lib'
+import { Tags, Typography } from '../../src'
 import { Container } from '../supports'
 
 const defaultArgs = {
@@ -22,7 +22,7 @@ const defaultControlledArgs = {
 }
 
 export default {
-  title: 'Base/Tags',
+  title: 'Tags',
   component: Tags,
   args: {
     ...defaultArgs

package/stories/TextInput/TextArea.stories.jsx

@@ -1,10 +1,10 @@
 import React, { useEffect, useState } from 'react'
 
-import { TextArea } from '../../lib'
+import { TextArea } from '../../src'
 import { Container } from '../supports'
 
 export default {
-  title: 'Base/TextArea',
+  title: 'TextArea',
   component: TextArea
 }
 

package/stories/TextInput/TextInput.stories.jsx

@@ -1,10 +1,10 @@
 import React, { useEffect, useState } from 'react'
 
-import { TextInput } from '../../lib'
+import { TextInput } from '../../src'
 import { Container } from '../supports'
 
 export default {
-  title: 'Base/TextInput',
+  title: 'TextInput',
   component: TextInput
 }
 

package/stories/ToggleSwitch/ToggleSwitch.stories.jsx

@@ -1,14 +1,14 @@
 /* eslint-disable react/no-multi-comp */
 import React, { useState } from 'react'
 import { View } from 'react-native'
-import { ToggleSwitch, Typography } from '../../lib'
+import { ToggleSwitch, Typography } from '../../src'
 import { Container, EachParentType, parentTypesParams } from '../supports'
 
 export const Default = (args) => <ToggleSwitch {...args} />
 Default.storyName = 'ToggleSwitch'
 
 export default {
-  title: 'Base/ToggleSwitch',
+  title: 'ToggleSwitch',
   component: ToggleSwitch
 }
 

package/stories/Tooltip/Tooltip.stories.jsx

@@ -3,11 +3,11 @@
 import React from 'react'
 import { View, Text } from 'react-native'
 
-import { Tooltip, Typography } from '../../lib'
+import { Tooltip, Typography } from '../../src'
 import { Container } from '../supports'
 
 export default {
-  title: 'Base/Tooltip',
+  title: 'Tooltip',
   component: Tooltip
 }
 

package/stories/TooltipButton/TooltipButton.stories.jsx

@@ -1,9 +1,9 @@
 import React from 'react'
 
-import { TooltipButton } from '../../lib'
+import { TooltipButton } from '../../src'
 
 export default {
-  title: 'Base/TooltipButton',
+  title: 'TooltipButton',
   component: TooltipButton
 }
 

package/stories/Typography/Typography.stories.jsx

@@ -2,7 +2,7 @@
 import React from 'react'
 
 import { useVariants, Container, EachParentType, parentTypesParams } from '../supports'
-import { Typography } from '../../lib'
+import { Typography } from '../../src'
 
 export const Default = (args) => <Typography {...args} />
 Default.storyName = 'Typography'
@@ -10,7 +10,7 @@ Default.storyName = 'Typography'
 const defaultChildren = 'The quick brown fox jumps over the lazy dog'
 
 export default {
-  title: 'Base/Typography',
+  title: 'Typography',
   component: Typography,
   args: {
     children: defaultChildren

package/stories/platform-supports.jsx

@@ -4,7 +4,7 @@
 /* eslint-disable import/prefer-default-export */
 import React from 'react'
 import PropTypes from 'prop-types'
-import { Typography } from '../lib'
+import { Typography } from '../src'
 
 const BlockDiv = ({ children }) => <div>{children}</div>
 BlockDiv.propTypes = { children: PropTypes.node }

package/stories/supports.jsx

@@ -3,15 +3,14 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import { Platform, ScrollView, Text, View, StyleSheet } from 'react-native'
 
-// eslint-disable-next-line import/no-extraneous-dependencies
+/* eslint-disable import/no-extraneous-dependencies */
 import * as alliumIcons from '@telus-uds/palette-allium/build/rn/icons'
-// eslint-disable-next-line import/no-extraneous-dependencies
 import * as koodoIcons from '@telus-uds/palette-koodo/build/rn/icons'
-// eslint-disable-next-line import/no-extraneous-dependencies
 import * as pmIcons from '@telus-uds/palette-public-mobile/build/rn/icons'
+/* eslint-enable import/no-extraneous-dependencies */
 
-import { useTheme, getComponentTheme } from '../lib/ThemeProvider'
-import { Typography } from '../lib'
+import { useTheme, getComponentTheme } from '../src/ThemeProvider'
+import { Typography } from '../src'
 import { containers as platformContainers } from './platform-supports'
 
 const iconSets = {