@telus-uds/components-base 1.7.0 → 1.8.1

package/src/ToggleSwitch/ToggleSwitch.jsx

@@ -85,6 +85,7 @@ const selectLabelTokens = ({
 const ToggleSwitch = forwardRef(
   (
     {
+      copy = 'en',
       value,
       initialValue,
       onChange,
@@ -119,6 +120,7 @@ const ToggleSwitch = forwardRef(
         {Boolean(label) && (
           <View style={[selectLabelStyles(themeTokens), staticStyles.containText]}>
             <InputLabel
+              copy={copy}
               forId={inputId}
               label={label}
               tokens={selectLabelTokens(themeTokens)}
@@ -170,6 +172,10 @@ ToggleSwitch.displayName = 'ToggleSwitch'
 
 ToggleSwitch.propTypes = {
   ...selectedSystemPropTypes,
+  /**
+   * Whether the English or French copy will be used (e.g. for accessibility labels).
+   */
+  copy: PropTypes.oneOf(['en', 'fr']),
   tokens: getTokensPropType('ToggleSwitch'),
   variant: variantProp.propType,
   /**

package/src/ToggleSwitch/ToggleSwitchGroup.jsx

@@ -28,6 +28,7 @@ const [selectItemProps, selectedItemPropTypes] = selectSystemProps([
 const ToggleSwitchGroup = forwardRef(
   (
     {
+      copy = 'en',
       variant,
       tokens,
       items = [],
@@ -105,6 +106,7 @@ const ToggleSwitchGroup = forwardRef(
 
         return (
           <ToggleSwitch
+            copy={copy}
             id={id}
             ref={itemRef}
             key={id}
@@ -143,6 +145,10 @@ ToggleSwitchGroup.displayName = 'ToggleSwitchGroup'
 
 ToggleSwitchGroup.propTypes = {
   ...selectedSystemPropTypes,
+  /**
+   * Whether the English or French copy will be used (e.g. for accessibility labels).
+   */
+  copy: PropTypes.oneOf(['en', 'fr']),
   tokens: getTokensPropType('ToggleSwitchGroup'),
   variant: variantProp.propType,
   /**

package/src/Tooltip/Tooltip.jsx

@@ -276,7 +276,7 @@ Tooltip.propTypes = {
    */
   content: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
   /**
-   * Select english or french copy for the accessible label.
+   * Select English or French copy for the accessible label.
    */
   copy: PropTypes.oneOf(['en', 'fr']),
   /**

package/src/utils/animation/useVerticalExpandAnimation.js

@@ -1,16 +1,30 @@
-import { useEffect, useRef } from 'react'
+import { useEffect, useRef, useState } from 'react'
 import { Animated, Easing, Platform } from 'react-native'
 
 // TODO: systematise animations
 // https://github.com/telus/universal-design-system/issues/487
 function useVerticalExpandAnimation({ containerHeight, isExpanded, tokens }) {
+  const [isAnimating, setIsAnimating] = useState(false)
+
   const expandAnimatedValue = useRef(new Animated.Value(0)).current
+  const elementRef = useRef(null)
 
   const { expandDuration, collapseDuration } = tokens
 
+  // Treat as animating from when expanded state changes, until animation completes
+  useEffect(() => setIsAnimating(true), [isExpanded])
+
   useEffect(() => {
+    const onComplete = () => !isExpanded && setIsAnimating(false)
+
     if (Platform.OS === 'web') {
-      return
+      if (!elementRef.current) return () => {}
+
+      // React Native Web does not pass `onTransitionEnd` through, must attach manually.
+      // https://github.com/necolas/react-native-web/pull/1713
+      const element = elementRef.current
+      element.addEventListener('transitionend', onComplete)
+      return () => element.removeEventListener('transitionend', onComplete)
     }
 
     const animationConfig = {
@@ -20,28 +34,27 @@ function useVerticalExpandAnimation({ containerHeight, isExpanded, tokens }) {
       useNativeDriver: false
     }
 
-    Animated.timing(expandAnimatedValue, animationConfig).start()
+    const animation = Animated.timing(expandAnimatedValue, animationConfig)
+    animation.start(onComplete)
+    return () => animation.stop()
   }, [isExpanded, expandAnimatedValue, containerHeight, expandDuration, collapseDuration])
 
-  let containerStyles
+  // Without `visibility: 'hidden', descendents are focusable on web even when collapsed
+  const containerStyles = !isExpanded && !isAnimating ? { visibility: 'hidden' } : {}
 
   // don't visually collapse the container until we have it measured
   if (containerHeight !== null) {
     if (Platform.OS === 'web') {
       const transitionDuration = isExpanded ? expandDuration : collapseDuration
+      containerStyles.transition = `height ${transitionDuration}ms ease-in-out`
 
-      containerStyles = {
-        transition: `height ${transitionDuration}ms ease-in-out`,
-        height: isExpanded ? containerHeight : 0
-      }
+      containerStyles.height = isExpanded ? containerHeight : 0
     } else {
-      containerStyles = {
-        height: expandAnimatedValue
-      }
+      containerStyles.height = expandAnimatedValue
     }
   }
 
-  return containerStyles
+  return [containerStyles, elementRef]
 }
 
 export default useVerticalExpandAnimation

package/src/utils/props/inputSupportsProps.js

@@ -2,6 +2,10 @@ import PropTypes from 'prop-types'
 
 export default {
   types: {
+    /**
+     * Whether the English or French copy will be used (e.g. for accessibility labels).
+     */
+    copy: PropTypes.oneOf(['en', 'fr']),
     /**
      * The input label.
      */
@@ -28,8 +32,9 @@ export default {
      */
     validation: PropTypes.oneOf(['error', 'success'])
   },
-  select: ({ label, hint, hintPosition, feedback, tooltip, validation }) => ({
+  select: ({ copy, label, hint, hintPosition, feedback, tooltip, validation }) => ({
     supportsProps: {
+      copy,
       label,
       hint,
       hintPosition,

package/src/utils/props/textInputProps.js

@@ -21,7 +21,8 @@ const textProps = {
 const inputValueProps = {
   value: PropTypes.string,
   initialValue: PropTypes.string,
-  readOnly: PropTypes.bool
+  readOnly: PropTypes.bool,
+  inactive: PropTypes.bool
 }
 
 /**

package/src/utils/props/tokens.js

@@ -86,33 +86,35 @@ export const selectTokens = (specifier, tokens, prefix) => {
  *   tokens: getTokensPropType('Component1', 'Component2')
  * }
  */
-export const getTokensPropType = (...componentsNames) => (props, propName, componentName) => {
-  PropTypes.checkPropTypes(
-    {
-      [propName]: PropTypes.oneOfType([PropTypes.object, PropTypes.func])
-    },
-    props,
-    propName,
-    componentName
-  )
-
-  if (typeof props[propName] !== 'function') {
+export const getTokensPropType =
+  (...componentsNames) =>
+  (props, propName, componentName) => {
     PropTypes.checkPropTypes(
       {
-        [propName]: PropTypes.exact(
-          Object.fromEntries(
-            componentsNames.flatMap((component) =>
-              getTokenNames(component).map((key) => [key, tokenValueType])
-            )
-          )
-        )
+        [propName]: PropTypes.oneOfType([PropTypes.object, PropTypes.func])
       },
       props,
       propName,
       componentName
     )
+
+    if (typeof props[propName] !== 'function') {
+      PropTypes.checkPropTypes(
+        {
+          [propName]: PropTypes.exact(
+            Object.fromEntries(
+              componentsNames.flatMap((component) =>
+                getTokenNames(component).map((key) => [key, tokenValueType])
+              )
+            )
+          )
+        },
+        props,
+        propName,
+        componentName
+      )
+    }
   }
-}
 
 /**
  * Get a proptypes validator for a set of tokens that is not based on a component in the theme schema.

package/.storybook/main.js

@@ -1,4 +0,0 @@
-module.exports = {
-  stories: ['../stories/**/*.stories.@(js|jsx)'],
-  addons: ['@storybook/addon-essentials', '@storybook/addon-a11y']
-}

package/.storybook/preview.js

@@ -1,37 +0,0 @@
-/* eslint-disable import/no-extraneous-dependencies */
-import '@telus-uds/palette-allium/build/rn/fonts/fonts.css'
-import '@telus-uds/palette-koodo/build/rn/fonts/fonts.css'
-import '@telus-uds/palette-public-mobile/build/rn/fonts/fonts.css'
-
-import alliumTheme from '@telus-uds/theme-allium'
-import koodoTheme from '@telus-uds/theme-koodo'
-import pmTheme from '@telus-uds/theme-public-mobile'
-/* eslint-enable import/no-extraneous-dependencies */
-
-import testTheme from '../__fixtures__/testTheme'
-
-import { BaseProvider } from '../src'
-
-const themes = [alliumTheme, koodoTheme, pmTheme, testTheme]
-const themeLookup = themes.reduce((memo, t) => ({ ...memo, [t.metadata.name]: t }), {})
-
-const baseDecorator = (Story, { globals }) => (
-  <BaseProvider key={globals.theme} defaultTheme={themeLookup[globals.theme]}>
-    <Story />
-  </BaseProvider>
-)
-
-export const decorators = [baseDecorator]
-
-// globals persist in browser session store - not fun if you have multiple branded storybooks on the same domain/port
-export const globalTypes = {
-  theme: {
-    name: 'Theme',
-    description: 'UDS theme for components',
-    defaultValue: alliumTheme.metadata.name,
-    toolbar: {
-      icon: 'beaker',
-      items: Object.keys(themeLookup)
-    }
-  }
-}

package/.turbo/turbo-build.log

@@ -1,8 +0,0 @@
-@telus-uds/components-base:build: cache hit, replaying output 1881992cce187510
-@telus-uds/components-base:build: $ yarn build:code && yarn build:docs
-@telus-uds/components-base:build: $ yarn build:main && yarn build:module
-@telus-uds/components-base:build: $ babel src -d lib
-@telus-uds/components-base:build: Successfully compiled 219 files with Babel (6264ms).
-@telus-uds/components-base:build: $ babel src -d lib-module --env-name module
-@telus-uds/components-base:build: Successfully compiled 219 files with Babel (4314ms).
-@telus-uds/components-base:build: $ babel-node --plugins=@nearform/babel-plugin-react-docgen generate-component-docs.js

package/.turbo/turbo-lint.log

@@ -1,13 +0,0 @@
-@telus-uds/components-base:lint: cache hit, replaying output b72941df2cdfe4ea
-@telus-uds/components-base:lint: $ yarn --cwd ../.. lint:path --color packages/components-base
-@telus-uds/components-base:lint: $ eslint --ignore-path .gitignore --ext .js,.jsx,.mjs,.cjs --color packages/components-base
-@telus-uds/components-base:lint: 
-@telus-uds/components-base:lint: /home/runner/work/universal-design-system/universal-design-system/packages/components-base/__tests__/FlexGrid/Col.test.jsx
-@telus-uds/components-base:lint:    51:71  warning  Expect must have a corresponding matcher call  jest/valid-expect
-@telus-uds/components-base:lint:   106:71  warning  Expect must have a corresponding matcher call  jest/valid-expect
-@telus-uds/components-base:lint:   155:63  warning  Expect must have a corresponding matcher call  jest/valid-expect
-@telus-uds/components-base:lint:   200:71  warning  Expect must have a corresponding matcher call  jest/valid-expect
-@telus-uds/components-base:lint:   248:71  warning  Expect must have a corresponding matcher call  jest/valid-expect
-@telus-uds/components-base:lint: 
-@telus-uds/components-base:lint: ✖ 5 problems (0 errors, 5 warnings)
-@telus-uds/components-base:lint: 

package/CHANGELOG.json

@@ -1,235 +0,0 @@
-{
-  "name": "@telus-uds/components-base",
-  "entries": [
-    {
-      "date": "Tue, 17 May 2022 15:04:41 GMT",
-      "tag": "@telus-uds/components-base_v1.7.0",
-      "version": "1.7.0",
-      "comments": {
-        "patch": [
-          {
-            "author": "alan.slater@nearform.com",
-            "package": "@telus-uds/components-base",
-            "commit": "70105ac8b165247e3cd29a78e3247f7a475b287a",
-            "comment": "align List bullets like icons"
-          },
-          {
-            "author": "alan.slater@nearform.com",
-            "package": "@telus-uds/components-base",
-            "commit": "70105ac8b165247e3cd29a78e3247f7a475b287a",
-            "comment": "Add text props to Typography"
-          },
-          {
-            "author": "alan.slater@nearform.com",
-            "package": "@telus-uds/components-base",
-            "commit": "70105ac8b165247e3cd29a78e3247f7a475b287a",
-            "comment": "fix(components): support TextInput props"
-          }
-        ],
-        "minor": [
-          {
-            "author": "alan.slater@nearform.com",
-            "package": "@telus-uds/components-base",
-            "commit": "70105ac8b165247e3cd29a78e3247f7a475b287a",
-            "comment": "Allow Search component to be controlled"
-          }
-        ]
-      }
-    },
-    {
-      "date": "Fri, 06 May 2022 15:31:28 GMT",
-      "tag": "@telus-uds/components-base_v1.6.1",
-      "version": "1.6.1",
-      "comments": {
-        "patch": [
-          {
-            "author": "alan.slater@nearform.com",
-            "package": "@telus-uds/components-base",
-            "commit": "d0967886e4328b789fd5490f068c74fa24379b87",
-            "comment": "don't throw if no href/onPress in link/button"
-          },
-          {
-            "author": "ruslan.bredikhin@nearform.com",
-            "package": "@telus-uds/components-base",
-            "commit": "d0967886e4328b789fd5490f068c74fa24379b87",
-            "comment": "fix: allow parsing tokens inherited from multiple components"
-          }
-        ]
-      }
-    },
-    {
-      "date": "Thu, 28 Apr 2022 15:40:29 GMT",
-      "tag": "@telus-uds/components-base_v1.6.0",
-      "version": "1.6.0",
-      "comments": {
-        "minor": [
-          {
-            "author": "shahzaibkhalidmalik@outlook.com",
-            "package": "@telus-uds/components-base",
-            "commit": "3db648cd2964f06f91e5d34140cb9f44ede740d5",
-            "comment": "Add `pattern` prop for `TextInput` (web)"
-          },
-          {
-            "author": "ruslan.bredikhin@nearform.com",
-            "package": "@telus-uds/components-base",
-            "commit": "3db648cd2964f06f91e5d34140cb9f44ede740d5",
-            "comment": "feat: add unique ids validation to the group components"
-          },
-          {
-            "author": "eugene@michasiw.com",
-            "package": "@telus-uds/components-base",
-            "commit": "3db648cd2964f06f91e5d34140cb9f44ede740d5",
-            "comment": "use IconButton for modal close"
-          },
-          {
-            "author": "alan.slater@nearform.com",
-            "package": "@telus-uds/components-base",
-            "commit": "3db648cd2964f06f91e5d34140cb9f44ede740d5",
-            "comment": "Add flex prop to FlexGrid.Col"
-          },
-          {
-            "author": "ruslan.bredikhin@nearform.com",
-            "package": "@telus-uds/components-base",
-            "commit": "3db648cd2964f06f91e5d34140cb9f44ede740d5",
-            "comment": "feat: add handler props whitelisting to the input components"
-          },
-          {
-            "author": "beachball",
-            "package": "@telus-uds/components-base",
-            "comment": "Bump @telus-uds/system-theme-tokens to v1.5.0",
-            "commit": "3db648cd2964f06f91e5d34140cb9f44ede740d5"
-          }
-        ],
-        "patch": [
-          {
-            "author": "alan.slater@nearform.com",
-            "package": "@telus-uds/components-base",
-            "commit": "3db648cd2964f06f91e5d34140cb9f44ede740d5",
-            "comment": "V-align Checkbox/Radio with label first line"
-          },
-          {
-            "author": "shahzaibkhalidmalik@outlook.com",
-            "package": "@telus-uds/components-base",
-            "commit": "3db648cd2964f06f91e5d34140cb9f44ede740d5",
-            "comment": "Fix ExpandCollapse unable to response to window resize"
-          },
-          {
-            "author": "ruslan.bredikhin@nearform.com",
-            "package": "@telus-uds/components-base",
-            "commit": "3db648cd2964f06f91e5d34140cb9f44ede740d5",
-            "comment": "fix: move link underline to the inline pressable becoming the anchor tag on web"
-          },
-          {
-            "author": "shahzaibkhalidmalik@outlook.com",
-            "package": "@telus-uds/components-base",
-            "commit": "3db648cd2964f06f91e5d34140cb9f44ede740d5",
-            "comment": "Fix scenario where `reverse` props might not work when elements wrap"
-          },
-          {
-            "author": "alan.slater@nearform.com",
-            "package": "@telus-uds/components-base",
-            "commit": "3db648cd2964f06f91e5d34140cb9f44ede740d5",
-            "comment": "Fix input label text wrap"
-          },
-          {
-            "author": "alan.slater@nearform.com",
-            "package": "@telus-uds/components-base",
-            "commit": "3db648cd2964f06f91e5d34140cb9f44ede740d5",
-            "comment": "fix Select validation icons"
-          }
-        ],
-        "none": [
-          {
-            "author": "simon.lawrence@nearform.com",
-            "package": "@telus-uds/components-base",
-            "commit": "3db648cd2964f06f91e5d34140cb9f44ede740d5",
-            "comment": "update babel plugin used for docs generation to maintained fork"
-          },
-          {
-            "author": "cody.zuschlag@nearform.com",
-            "package": "@telus-uds/components-base",
-            "commit": "3db648cd2964f06f91e5d34140cb9f44ede740d5",
-            "comment": "improve linting"
-          }
-        ]
-      }
-    },
-    {
-      "date": "Thu, 07 Apr 2022 20:33:56 GMT",
-      "tag": "@telus-uds/components-base_v1.5.0",
-      "version": "1.5.0",
-      "comments": {
-        "minor": [
-          {
-            "author": "ruslan.bredikhin@nearform.com",
-            "package": "@telus-uds/components-base",
-            "commit": "63472330f9144ba99c34c7524dcc2d2f4f716e69",
-            "comment": "extend HorizontalScrollButton via IconButton"
-          },
-          {
-            "author": "beachball",
-            "package": "@telus-uds/components-base",
-            "comment": "Bump @telus-uds/system-theme-tokens to v1.4.0",
-            "commit": "63472330f9144ba99c34c7524dcc2d2f4f716e69"
-          }
-        ]
-      }
-    },
-    {
-      "date": "Fri, 01 Apr 2022 14:15:21 GMT",
-      "tag": "@telus-uds/components-base_v1.4.0",
-      "version": "1.4.0",
-      "comments": {
-        "patch": [
-          {
-            "author": "simon.lawrence@nearform.com",
-            "package": "@telus-uds/components-base",
-            "commit": "05e43b4642997ec461094b5d8a439bfef1abaab8",
-            "comment": "Refactor children wrapping in the notifications"
-          }
-        ],
-        "minor": [
-          {
-            "author": "beachball",
-            "package": "@telus-uds/components-base",
-            "comment": "Bump @telus-uds/system-theme-tokens to v1.3.0",
-            "commit": "05e43b4642997ec461094b5d8a439bfef1abaab8"
-          }
-        ]
-      }
-    },
-    {
-      "date": "Wed, 30 Mar 2022 09:49:18 GMT",
-      "tag": "@telus-uds/components-base_v1.3.1",
-      "version": "1.3.1",
-      "comments": {
-        "patch": [
-          {
-            "author": "cody.zuschlag@nearform.com",
-            "package": "@telus-uds/components-base",
-            "commit": "cdbb7a9be4572e4a3650b917a80bb6f0f57a471e",
-            "comment": "post monorepo reorganization release"
-          },
-          {
-            "author": "beachball",
-            "package": "@telus-uds/components-base",
-            "comment": "Bump @telus-uds/system-constants to v1.0.2",
-            "commit": "cdbb7a9be4572e4a3650b917a80bb6f0f57a471e"
-          },
-          {
-            "author": "beachball",
-            "package": "@telus-uds/components-base",
-            "comment": "Bump @telus-uds/system-theme-tokens to v1.2.2",
-            "commit": "cdbb7a9be4572e4a3650b917a80bb6f0f57a471e"
-          },
-          {
-            "author": "beachball",
-            "package": "@telus-uds/components-base",
-            "comment": "Bump @telus-uds/browserslist-config to v1.0.1",
-            "commit": "cdbb7a9be4572e4a3650b917a80bb6f0f57a471e"
-          }
-        ]
-      }
-    }
-  ]
-}

package/__fixtures__/Accessible.js

@@ -1,35 +0,0 @@
-// this is a copy of an autogenerated file
-/* eslint-disable spaced-comment */
-/* eslint-disable react/prop-types */
-
-import * as React from 'react'
-
-const Accessible = ({ title, titleId, size, color }) =>
-  /*#__PURE__*/ React.createElement(
-    'svg',
-    {
-      viewBox: '0 0 24 24',
-      height: size,
-      width: size,
-      fill: color,
-      role: title ? 'img' : undefined,
-      'aria-hidden': !title,
-      'aria-labelledby': titleId
-    },
-    title
-      ? /*#__PURE__*/ React.createElement(
-          'title',
-          {
-            id: titleId
-          },
-          title
-        )
-      : null,
-    /*#__PURE__*/ React.createElement('path', {
-      d:
-        'M4.231 12.257l.662.662a5.87 5.87 0 00-.982 3.235c0 1.585.618 3.078 1.74 4.2a5.903 5.903 0 004.2 1.739 5.839 5.839 0 002.991-.831l.242-.151.647.645c-1.167.81-2.517 1.244-3.88 1.244a6.83 6.83 0 01-4.845-2.003A6.805 6.805 0 013 16.154c0-1.315.378-2.568 1.067-3.65l.165-.247zm5.81-9.99c.178 0 .358.037.527.112l.175.093c.575.334 5.897 3.426 5.907 3.433.307.192.507.492.579.822.124.433.054.913-.22 1.3l-.1.125-2.68 2.738c.106.088.21.178.313.273l.166.162.014.016 5.136-.603.07-.002a1.3 1.3 0 011.3 1.265l-.004.14-.39 6.71a1.46 1.46 0 01-1.455 1.369l-.094-.003a1.456 1.456 0 01-1.362-1.41l.003-.141.337-4.465a.09.09 0 00-.09-.103l-1.71.3a6.86 6.86 0 01-.809 5.367l-.165.254-.66-.66a5.882 5.882 0 00.96-3.206 5.903 5.903 0 00-1.738-4.2 5.904 5.904 0 00-4.201-1.74c-1.06 0-2.073.291-2.966.813l-.24.148-.648-.648a6.827 6.827 0 012.94-1.156l.312-.035 2.507-2.778-1.5-.876L8.33 7.31a1.47 1.47 0 01-2.081.002c-.542-.542-.554-1.423-.078-2.008l.102-.112 2.902-2.596c.244-.217.552-.33.865-.33zm10.24 10.386c.096-.848-.406-.964-.75-.955l-.061.003-3.975.467c.223.338.41.701.576 1.073l.12.28 1.75-.308.077-.022.156-.004c.288 0 .562.125.754.34.15.174.236.392.246.618l-.003.136-.337 4.454a.541.541 0 00.136.389.536.536 0 00.287.171l.086.013c.289 0 .509-.18.567-.422l.015-.093.357-6.14zm-10.24-9.475a.387.387 0 00-.202.056l-.057.043L6.905 5.85c-.215.23-.222.607-.012.817a.558.558 0 00.725.057l.068-.058.027-.027 2.444-2.07 3.024 1.766-2.663 2.952a6.958 6.958 0 012.683.85l.31.183 2.727-2.784a.602.602 0 00.135-.46l-.02-.1-.013-.053a.385.385 0 00-.165-.241l-5.94-3.451a.38.38 0 00-.194-.053zM17.743 1c1.16 0 2.106.945 2.106 2.106a2.11 2.11 0 01-2.106 2.107 2.11 2.11 0 01-2.106-2.107c0-1.161.945-2.106 2.106-2.106zm0 .91a1.196 1.196 0 000 2.392 1.196 1.196 0 000-2.391z',
-      fillRule: 'evenodd'
-    })
-  )
-
-export default Accessible

package/__fixtures__/Accessible.native.js

@@ -1,35 +0,0 @@
-// this is a copy of an autogenerated file
-/* eslint-disable spaced-comment */
-/* eslint-disable import/no-extraneous-dependencies */
-/* eslint-disable react/prop-types */
-
-import * as React from 'react'
-import Svg, { Path } from 'react-native-svg'
-
-const Accessible = ({ title, titleId, size, color }) =>
-  /*#__PURE__*/ React.createElement(
-    Svg,
-    {
-      viewBox: '0 0 24 24',
-      height: size,
-      width: size,
-      fill: color,
-      'aria-labelledby': titleId
-    },
-    title
-      ? /*#__PURE__*/ React.createElement(
-          'title',
-          {
-            id: titleId
-          },
-          title
-        )
-      : null,
-    /*#__PURE__*/ React.createElement(Path, {
-      d:
-        'M4.231 12.257l.662.662a5.87 5.87 0 00-.982 3.235c0 1.585.618 3.078 1.74 4.2a5.903 5.903 0 004.2 1.739 5.839 5.839 0 002.991-.831l.242-.151.647.645c-1.167.81-2.517 1.244-3.88 1.244a6.83 6.83 0 01-4.845-2.003A6.805 6.805 0 013 16.154c0-1.315.378-2.568 1.067-3.65l.165-.247zm5.81-9.99c.178 0 .358.037.527.112l.175.093c.575.334 5.897 3.426 5.907 3.433.307.192.507.492.579.822.124.433.054.913-.22 1.3l-.1.125-2.68 2.738c.106.088.21.178.313.273l.166.162.014.016 5.136-.603.07-.002a1.3 1.3 0 011.3 1.265l-.004.14-.39 6.71a1.46 1.46 0 01-1.455 1.369l-.094-.003a1.456 1.456 0 01-1.362-1.41l.003-.141.337-4.465a.09.09 0 00-.09-.103l-1.71.3a6.86 6.86 0 01-.809 5.367l-.165.254-.66-.66a5.882 5.882 0 00.96-3.206 5.903 5.903 0 00-1.738-4.2 5.904 5.904 0 00-4.201-1.74c-1.06 0-2.073.291-2.966.813l-.24.148-.648-.648a6.827 6.827 0 012.94-1.156l.312-.035 2.507-2.778-1.5-.876L8.33 7.31a1.47 1.47 0 01-2.081.002c-.542-.542-.554-1.423-.078-2.008l.102-.112 2.902-2.596c.244-.217.552-.33.865-.33zm10.24 10.386c.096-.848-.406-.964-.75-.955l-.061.003-3.975.467c.223.338.41.701.576 1.073l.12.28 1.75-.308.077-.022.156-.004c.288 0 .562.125.754.34.15.174.236.392.246.618l-.003.136-.337 4.454a.541.541 0 00.136.389.536.536 0 00.287.171l.086.013c.289 0 .509-.18.567-.422l.015-.093.357-6.14zm-10.24-9.475a.387.387 0 00-.202.056l-.057.043L6.905 5.85c-.215.23-.222.607-.012.817a.558.558 0 00.725.057l.068-.058.027-.027 2.444-2.07 3.024 1.766-2.663 2.952a6.958 6.958 0 012.683.85l.31.183 2.727-2.784a.602.602 0 00.135-.46l-.02-.1-.013-.053a.385.385 0 00-.165-.241l-5.94-3.451a.38.38 0 00-.194-.053zM17.743 1c1.16 0 2.106.945 2.106 2.106a2.11 2.11 0 01-2.106 2.107 2.11 2.11 0 01-2.106-2.107c0-1.161.945-2.106 2.106-2.106zm0 .91a1.196 1.196 0 000 2.392 1.196 1.196 0 000-2.391z',
-      fillRule: 'evenodd'
-    })
-  )
-
-export default Accessible

package/__fixtures__/Theme.jsx

@@ -1,13 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-
-import testTheme from './testTheme'
-import ThemeProvider from '../src/ThemeProvider'
-
-const Theme = ({ children }) => <ThemeProvider defaultTheme={testTheme}>{children}</ThemeProvider>
-
-Theme.propTypes = {
-  children: PropTypes.node.isRequired
-}
-
-export default Theme

package/__fixtures__/Viewport.jsx

@@ -1,17 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import { viewports } from '@telus-uds/system-constants'
-
-import { ViewportContext } from '../src/ViewportProvider'
-
-// Mock dimensions provider allowing tests to explicitly set their dimensions viewport size
-const Viewport = ({ viewport = viewports.xs, children }) => (
-  <ViewportContext.Provider value={viewport}>{children}</ViewportContext.Provider>
-)
-
-Viewport.propTypes = {
-  viewport: PropTypes.oneOf(viewports.keys),
-  children: PropTypes.node.isRequired
-}
-
-export default Viewport

package/__fixtures__/test-utils.js

@@ -1,25 +0,0 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
-import { act } from '@testing-library/react-native'
-
-// React Native Testing Library does not create or pass event objects on fireEvent,
-// but fireEvent takes additional properties that are passed to the event handlers,
-// where we can create and pass a mock event object to the handler.
-// WARNING: these are passed even if the real RN prop doesn't pass events (e.g onChangeText).
-// https://github.com/callstack/react-native-testing-library/issues/714
-export const getMockEvent = (nativeEvent, eventProps = {}) => ({ nativeEvent, ...eventProps })
-
-// React Native Testing Library does not support TextInput's onChange.
-// fireEvent.changeText incorrectly calls onChangeText handlers only.
-// https://github.com/callstack/react-native-testing-library/issues/428
-export const fireChange = (input, text) => {
-  if (!input?.props?.onChange) {
-    throw new Error(
-      `Called fireChange on ${
-        !input
-          ? input
-          : `${typeof input} without ${!input.props ? 'props' : 'onChange handler function'}`
-      }`
-    )
-  }
-  act(() => input.props.onChange(getMockEvent({ text })))
-}