@telus-uds/components-web 2.7.0 → 2.8.0

package/src/DatePicker/reactDatesCss.js

@@ -31,13 +31,8 @@ const defaultReactDatesCss = css`
   .SingleDatePickerInput {
     display: inline-block;
     background-color: #fff;
-  }
-  .SingleDatePickerInput__withBorder {
-    border-radius: 2px;
-    border: 1px solid #dbdbdb;
-  }
-  .SingleDatePickerInput__rtl {
-    direction: rtl;
+    position: absolute;
+    top: -55px;
   }
   .SingleDatePickerInput__disabled {
     background-color: #f2f2f2;
@@ -658,67 +653,8 @@ const defaultReactDatesCss = css`
     left: 0;
     overflow-y: scroll;
   }
-  .DateInput {
-    margin: 0;
-    padding: 0;
-    background: #fff;
-    position: relative;
-    display: inline-block;
-    width: 130px;
-    vertical-align: middle;
-  }
-  .DateInput__small {
-    width: 97px;
-  }
-  .DateInput__block {
-    width: 100%;
-  }
-  .DateInput__disabled {
-    background: #f2f2f2;
-    color: #dbdbdb;
-  }
   .DateInput_input {
-    font-weight: 200;
-    font-size: 19px;
-    line-height: 24px;
-    color: #484848;
-    background-color: #fff;
-    width: 100%;
-    padding: 11px 11px 9px;
-    border: 0;
-    border-top: 0;
-    border-right: 0;
-    border-bottom: 2px solid transparent;
-    border-left: 0;
-    border-radius: 0;
-  }
-  .DateInput_input__small {
-    font-size: 15px;
-    line-height: 18px;
-    letter-spacing: 0.2px;
-    padding: 7px 7px 5px;
-  }
-  .DateInput_input__regular {
-    font-weight: auto;
-  }
-  .DateInput_input__readOnly {
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-  }
-  .DateInput_input__focused {
-    outline: 0;
-    background: #fff;
-    border: 0;
-    border-top: 0;
-    border-right: 0;
-    border-bottom: 2px solid #008489;
-    border-left: 0;
-  }
-  .DateInput_input__disabled {
-    background: #f2f2f2;
-    font-style: italic;
+    display: none;
   }
   .DateInput_screenReaderMessage {
     border: 0;
@@ -732,6 +668,7 @@ const defaultReactDatesCss = css`
   }
   .DateInput_fang {
     position: absolute;
+    top: 55px;
     width: 20px;
     height: 10px;
     left: 22px;

package/src/StoryCard/StoryCard.jsx

@@ -115,21 +115,17 @@ const StoryCard = forwardRef(
                   space={1}
                   tokens={{ justifyContent: 'space-between', alignItems: 'baseline' }}
                 >
-                  {Boolean(tag) && (
-                    <Typography variant={{ size: 'eyebrow', colour: 'secondary' }}>
-                      {tag}
-                    </Typography>
-                  )}
+                  {Boolean(tag) && <Typography variant={{ size: 'eyebrow' }}>{tag}</Typography>}
                   {Boolean(date) && (
                     // TODO: get user locale and apply date formatting: "MMM DD, YYYY" for `en` and "YYYY-MM-DD" for `fr`
                     // Get locale based on decision of https://github.com/telus/universal-design-system/issues/715
-                    <Typography variant={{ size: 'small', colour: 'secondary' }}>{date}</Typography>
+                    <Typography variant={{ size: 'small' }}>{date}</Typography>
                   )}
                 </StackWrap>
                 <Spacer space={2} />
                 <Divider variant={{ decorative: true }} />
                 <Spacer space={3} />
-                <Typography variant={{ size: 'h3', colour: 'secondary' }}>{title}</Typography>
+                <Typography variant={{ size: 'h3' }}>{title}</Typography>
                 <Spacer space={2} />
                 <Typography>{description}</Typography>
               </Box>

package/src/WebVideo/WebVideo.jsx

@@ -119,7 +119,7 @@ export const VideoProps = {
   /**
    * The splash screen UI's language as an ISO language code. It currently supports English and French.
    */
-  copy: PropTypes.oneOf(['en', 'fr']).isRequired,
+  copy: PropTypes.oneOf(['en', 'fr']),
   /**
    * A function to be run when the play button is pressed on the video splash screen and the video is ready to play.
    */

package/types/WebVideo.d.ts

@@ -8,8 +8,8 @@ export interface WebVideoProps extends HTMLAttrs {
   defaultVolume?: number
   beginMuted?: boolean
   videoLength: number
-  copy: 'en' | 'fr'
-  onStart: () => void
+  copy?: 'en' | 'fr'
+  onStart?: () => void
 }
 
 declare const WebVideo: ComponentType<WebVideoProps>