@telus-uds/components-web 2.11.0 → 2.13.0

package/src/VideoPicker/VideoSlider.jsx

@@ -26,7 +26,7 @@ const VideoSlider = ({ children }) => {
     setContainerWidth(width)
   }
 
-  const itemsGap = 24 // '4' on spacing scale
+  const itemsGap = 32 // '5' on spacing scale
   const itemsCount = viewport === 'lg' || viewport === 'xl' ? 4 : 3
   const itemGapPortioned = ((itemsCount - 1) * itemsGap) / itemsCount
   const itemWidth =
@@ -40,7 +40,7 @@ const VideoSlider = ({ children }) => {
         )
 
   const content = (
-    <StackView space={4} direction="row" accessibilityRole="radiogroup" tokens={{ flexGrow: 1 }}>
+    <StackView space={5} direction="row" accessibilityRole="radiogroup" tokens={{ flexGrow: 1 }}>
       {React.Children.map(children, (child, index) =>
         cloneElement(child, {
           index,

package/types/BaseProvider.d.ts

@@ -0,0 +1,25 @@
+import type { ComponentType } from 'react'
+
+declare interface ThemeMetadata {
+  themeTokensVersion: string
+  name: string
+}
+
+declare interface DefaultTheme {
+  metadata: ThemeMetadata
+}
+
+declare interface ThemeOptions {
+  forceAbsoluteFontSizing?: boolean
+  forceZIndex?: boolean
+}
+
+export interface BaseProviderProps {
+  themeOptions?: ThemeOptions
+  defaultTheme: DefaultTheme
+  children: React.ReactNode
+}
+
+declare const BaseProvider: ComponentType<BaseProviderProps>
+
+export default BaseProvider

package/types/index.d.ts

@@ -112,7 +112,7 @@ declare const Pagination: ComponentType<Props> & {
 
 export { default as QuantitySelector } from './QuantitySelector'
 export type { QuantitySelectorProps } from './QuantitySelector'
-
+export { default as BaseProvider } from './BaseProvider'
 declare const QuickLinks: ComponentType<Props> & {
   Item: ComponentType<Props>
 }