@telus-uds/components-web 5.0.0-alpha.1 → 5.0.0-alpha.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/CHANGELOG.md +21 -1
  2. package/lib/cjs/DatePicker/CalendarContainer.js +4 -3
  3. package/lib/cjs/DatePicker/DatePicker.js +1 -0
  4. package/lib/cjs/baseExports.js +12 -0
  5. package/lib/esm/DatePicker/CalendarContainer.js +4 -3
  6. package/lib/esm/DatePicker/DatePicker.js +1 -0
  7. package/lib/esm/baseExports.js +1 -1
  8. package/package.json +3 -3
  9. package/src/DatePicker/CalendarContainer.jsx +4 -3
  10. package/src/DatePicker/DatePicker.jsx +1 -0
  11. package/src/baseExports.js +2 -0
package/CHANGELOG.md CHANGED
@@ -1,9 +1,29 @@
1
1
  # Change Log - @telus-uds/components-web
2
2
 
3
- This log was last generated on Fri, 10 Apr 2026 17:20:03 GMT and should not be manually modified.
3
+ This log was last generated on Fri, 17 Apr 2026 23:54:32 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## 5.0.0-alpha.2
8
+
9
+ Fri, 17 Apr 2026 23:54:32 GMT
10
+
11
+ ### Patches
12
+
13
+ - `DatePicker`: Remove z-index from inline variant (david.melara1@telus.com)
14
+ - Bump @telus-uds/components-base to v4.0.0-alpha.2
15
+ - Bump @telus-uds/system-theme-tokens to v5.0.0-alpha.2
16
+
17
+ ## 4.19.3
18
+
19
+ Thu, 16 Apr 2026 21:04:33 GMT
20
+
21
+ ### Patches
22
+
23
+ - `DatePicker`: Remove z-index from inline variant (david.melara1@telus.com)
24
+ - Bump @telus-uds/components-base to v3.30.0
25
+ - Bump @telus-uds/system-theme-tokens to v4.21.0
26
+
7
27
  ## 5.0.0-alpha.1
8
28
 
9
29
  Fri, 10 Apr 2026 17:20:03 GMT
package/lib/cjs/DatePicker/CalendarContainer.js CHANGED
@@ -21,12 +21,13 @@ const CalendarContainer = exports.CalendarContainer = /*#__PURE__*/_styledCompon
21
21
  $calendarDayDefaultHeight,
22
22
  $calendarDayDefaultWidth,
23
23
  $calendarWeekFontTokens,
24
- $defaultFontTokens
24
+ $defaultFontTokens,
25
+ $isInline = false
25
26
  } = _ref;
26
27
  return `
27
28
  ${_reactDatesCss.defaultReactDatesCss}
28
29
  > div {
29
- z-index: 1000;
30
+ z-index: ${$isInline ? 'auto' : 1000};
30
31
  }
31
32
  .SingleDatePicker,
32
33
  .SingleDatePickerInput {
@@ -38,7 +39,7 @@ const CalendarContainer = exports.CalendarContainer = /*#__PURE__*/_styledCompon
38
39
  border: 1px solid ${$remainingTokens.singleDatePickerBorderColor};
39
40
  border-radius: ${$remainingTokens.singleDatePickerRadius}px;
40
41
  padding: ${$remainingTokens.singleDatePickerPaddingTopBottom}px ${$remainingTokens.singleDatePickerLeftRight}px;
41
- z-index: 1000;
42
+ z-index: ${$isInline ? 'auto' : 1000};
42
43
  }
43
44
  .DateInput {
44
45
  width: 100%;
package/lib/cjs/DatePicker/DatePicker.js CHANGED
@@ -339,6 +339,7 @@ const DatePicker = exports.DatePicker = /*#__PURE__*/_react.default.forwardRef((
339
339
  $calendarMonthFontTokens: calendarMonthFontTokens,
340
340
  $calendarWeekFontTokens: calendarWeekFontTokens,
341
341
  $defaultFontTokens: defaultFontTokens,
342
+ $isInline: inline,
342
343
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactDates.DayPickerSingleDateController, {
343
344
  date: inputDate,
344
345
  onDateChange: onChange,
package/lib/cjs/baseExports.js CHANGED
@@ -315,6 +315,18 @@ Object.defineProperty(exports, "Responsive", {
315
315
  return _componentsBase.Responsive;
316
316
  }
317
317
  });
318
+ Object.defineProperty(exports, "Scroll", {
319
+ enumerable: true,
320
+ get: function () {
321
+ return _componentsBase.Scroll;
322
+ }
323
+ });
324
+ Object.defineProperty(exports, "ScrollItem", {
325
+ enumerable: true,
326
+ get: function () {
327
+ return _componentsBase.ScrollItem;
328
+ }
329
+ });
318
330
  Object.defineProperty(exports, "Search", {
319
331
  enumerable: true,
320
332
  get: function () {
package/lib/esm/DatePicker/CalendarContainer.js CHANGED
@@ -15,12 +15,13 @@ export const CalendarContainer = /*#__PURE__*/styled.div.withConfig({
15
15
  $calendarDayDefaultHeight,
16
16
  $calendarDayDefaultWidth,
17
17
  $calendarWeekFontTokens,
18
- $defaultFontTokens
18
+ $defaultFontTokens,
19
+ $isInline = false
19
20
  } = _ref;
20
21
  return `
21
22
  ${defaultReactDatesCss}
22
23
  > div {
23
- z-index: 1000;
24
+ z-index: ${$isInline ? 'auto' : 1000};
24
25
  }
25
26
  .SingleDatePicker,
26
27
  .SingleDatePickerInput {
@@ -32,7 +33,7 @@ export const CalendarContainer = /*#__PURE__*/styled.div.withConfig({
32
33
  border: 1px solid ${$remainingTokens.singleDatePickerBorderColor};
33
34
  border-radius: ${$remainingTokens.singleDatePickerRadius}px;
34
35
  padding: ${$remainingTokens.singleDatePickerPaddingTopBottom}px ${$remainingTokens.singleDatePickerLeftRight}px;
35
- z-index: 1000;
36
+ z-index: ${$isInline ? 'auto' : 1000};
36
37
  }
37
38
  .DateInput {
38
39
  width: 100%;
package/lib/esm/DatePicker/DatePicker.js CHANGED
@@ -332,6 +332,7 @@ export const DatePicker = /*#__PURE__*/React.forwardRef((_ref3, ref) => {
332
332
  $calendarMonthFontTokens: calendarMonthFontTokens,
333
333
  $calendarWeekFontTokens: calendarWeekFontTokens,
334
334
  $defaultFontTokens: defaultFontTokens,
335
+ $isInline: inline,
335
336
  children: /*#__PURE__*/_jsx(DayPickerSingleDateController, {
336
337
  date: inputDate,
337
338
  onDateChange: onChange,
package/lib/esm/baseExports.js CHANGED
@@ -5,7 +5,7 @@ export {
5
5
  /**
6
6
  * Most base components should be re-exported as-is.
7
7
  */
8
- A11yInfoProvider, A11yText, ActionCard, ActivityIndicator, Autocomplete, BaseProvider, Box, Button, ButtonLink, ButtonGroup, ButtonDropdown, CardGroup, Carousel, CarouselItem, CarouselProvider, ViewportProvider, ThemeProvider, Checkbox, CheckboxGroup, ColourToggle, Divider, DownloadApp, ExpandCollapse, ExpandCollapseAccordion, ExpandCollapsePanel, ExpandCollapseMini, Feedback, FileUpload, FlexGrid, FlexGridCol, FlexGridRow, Icon, InputLabel, InputSupports, ChevronLink, Link, TextButton, Listbox, ListboxOverlay, Modal, MultiSelectFilter, Notification, Pagination, PaginationPageButton, PaginationPageButtonBase, Portal, QuickLinks, QuickLinksItem, QuickLinksFeature, QuickLinksFeatureItem, Radio, RadioGroup, RadioCard, RadioCardGroup, Responsive, Search, Select, SelectItem, SelectGroup, Shortcuts, ShortcutsItem, SideNav, SideNavItem, SideNavItemsGroup, Skeleton, SkipLink, Spacer, StackView, StackWrap, Status, StepTracker, TabBar, TabBarItem, Tabs, Tags, TextArea, TextInput, Timeline, ToggleSwitch, ToggleSwitchGroup, TooltipButton, Tooltip, Typography, Validator,
8
+ A11yInfoProvider, A11yText, ActionCard, ActivityIndicator, Autocomplete, BaseProvider, Box, Button, ButtonLink, ButtonGroup, ButtonDropdown, CardGroup, Carousel, CarouselItem, CarouselProvider, ViewportProvider, ThemeProvider, Checkbox, CheckboxGroup, ColourToggle, Divider, DownloadApp, ExpandCollapse, ExpandCollapseAccordion, ExpandCollapsePanel, ExpandCollapseMini, Feedback, FileUpload, FlexGrid, FlexGridCol, FlexGridRow, Icon, InputLabel, InputSupports, ChevronLink, Link, TextButton, Listbox, ListboxOverlay, Modal, MultiSelectFilter, Notification, Pagination, PaginationPageButton, PaginationPageButtonBase, Portal, QuickLinks, QuickLinksItem, QuickLinksFeature, QuickLinksFeatureItem, Radio, RadioGroup, RadioCard, RadioCardGroup, Responsive, Scroll, ScrollItem, Search, Select, SelectItem, SelectGroup, Shortcuts, ShortcutsItem, SideNav, SideNavItem, SideNavItemsGroup, Skeleton, SkipLink, Spacer, StackView, StackWrap, Status, StepTracker, TabBar, TabBarItem, Tabs, Tags, TextArea, TextInput, Timeline, ToggleSwitch, ToggleSwitchGroup, TooltipButton, Tooltip, Typography, Validator,
9
9
  /*
10
10
  * Most utilities exported from @telus-uds/components-base are for building systems, not apps.
11
11
  * Re-export only those utilities with a stable API and known use cases within apps / pages.
package/package.json CHANGED
@@ -5,9 +5,9 @@
5
5
  ],
6
6
  "dependencies": {
7
7
  "@gorhom/portal": "^1.0.14",
8
- "@telus-uds/components-base": "^4.0.0-alpha.1",
8
+ "@telus-uds/components-base": "^4.0.0-alpha.2",
9
9
  "@telus-uds/system-constants": "^4.0.0-alpha.0",
10
- "@telus-uds/system-theme-tokens": "^5.0.0-alpha.1",
10
+ "@telus-uds/system-theme-tokens": "^5.0.0-alpha.2",
11
11
  "fscreen": "^1.2.0",
12
12
  "lodash.omit": "^4.5.0",
13
13
  "lodash.throttle": "^4.1.1",
@@ -73,5 +73,5 @@
73
73
  "skip": true
74
74
  },
75
75
  "types": "types/index.d.ts",
76
- "version": "5.0.0-alpha.1"
76
+ "version": "5.0.0-alpha.2"
77
77
  }
package/src/DatePicker/CalendarContainer.jsx CHANGED
@@ -12,11 +12,12 @@ export const CalendarContainer = styled.div(
12
12
  $calendarDayDefaultHeight,
13
13
  $calendarDayDefaultWidth,
14
14
  $calendarWeekFontTokens,
15
- $defaultFontTokens
15
+ $defaultFontTokens,
16
+ $isInline = false
16
17
  }) => `
17
18
  ${defaultReactDatesCss}
18
19
  > div {
19
- z-index: 1000;
20
+ z-index: ${$isInline ? 'auto' : 1000};
20
21
  }
21
22
  .SingleDatePicker,
22
23
  .SingleDatePickerInput {
@@ -30,7 +31,7 @@ export const CalendarContainer = styled.div(
30
31
  padding: ${$remainingTokens.singleDatePickerPaddingTopBottom}px ${
31
32
  $remainingTokens.singleDatePickerLeftRight
32
33
  }px;
33
- z-index: 1000;
34
+ z-index: ${$isInline ? 'auto' : 1000};
34
35
  }
35
36
  .DateInput {
36
37
  width: 100%;
package/src/DatePicker/DatePicker.jsx CHANGED
@@ -329,6 +329,7 @@ export const DatePicker = React.forwardRef(
329
329
  $calendarMonthFontTokens={calendarMonthFontTokens}
330
330
  $calendarWeekFontTokens={calendarWeekFontTokens}
331
331
  $defaultFontTokens={defaultFontTokens}
332
+ $isInline={inline}
332
333
  >
333
334
  <DayPickerSingleDateController
334
335
  date={inputDate}
package/src/baseExports.js CHANGED
@@ -60,6 +60,8 @@ export {
60
60
  RadioCard,
61
61
  RadioCardGroup,
62
62
  Responsive,
63
+ Scroll,
64
+ ScrollItem,
63
65
  Search,
64
66
  Select,
65
67
  SelectItem,