@carbon/web-components 2.60.0-rc.0 → 2.61.0-rc.0

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 (219) hide show
  1. package/custom-elements.json +1455 -362
  2. package/es/components/date-picker/date-picker-input.d.ts +13 -1
  3. package/es/components/date-picker/date-picker-input.d.ts.map +1 -1
  4. package/es/components/date-picker/date-picker-input.js +36 -16
  5. package/es/components/date-picker/date-picker-input.js.map +1 -1
  6. package/es/components/date-picker/date-picker.d.ts +6 -0
  7. package/es/components/date-picker/date-picker.d.ts.map +1 -1
  8. package/es/components/date-picker/date-picker.js +10 -2
  9. package/es/components/date-picker/date-picker.js.map +1 -1
  10. package/es/components/date-picker/date-picker.scss.js +1 -1
  11. package/es/components/date-picker/date-picker.scss.js.map +1 -1
  12. package/es/components/date-picker/defs.d.ts +18 -1
  13. package/es/components/date-picker/defs.d.ts.map +1 -1
  14. package/es/components/date-picker/defs.js +19 -1
  15. package/es/components/date-picker/defs.js.map +1 -1
  16. package/es/components/date-picker/next/adapters/web-component-adapter.d.ts +143 -0
  17. package/es/components/date-picker/next/adapters/web-component-adapter.d.ts.map +1 -0
  18. package/es/components/date-picker/next/adapters/web-component-adapter.js +215 -0
  19. package/es/components/date-picker/next/adapters/web-component-adapter.js.map +1 -0
  20. package/es/components/date-picker/next/components/calendar-renderer.d.ts +136 -0
  21. package/es/components/date-picker/next/components/calendar-renderer.d.ts.map +1 -0
  22. package/es/components/date-picker/next/components/calendar-renderer.js +278 -0
  23. package/es/components/date-picker/next/components/calendar-renderer.js.map +1 -0
  24. package/es/components/date-picker/next/components/date-picker-input-skeleton.d.ts +35 -0
  25. package/es/components/date-picker/next/components/date-picker-input-skeleton.d.ts.map +1 -0
  26. package/es/components/date-picker/next/components/date-picker-input-skeleton.js +73 -0
  27. package/es/components/date-picker/next/components/date-picker-input-skeleton.js.map +1 -0
  28. package/es/components/date-picker/next/components/date-picker-input.d.ts +196 -0
  29. package/es/components/date-picker/next/components/date-picker-input.d.ts.map +1 -0
  30. package/es/components/date-picker/next/components/date-picker-input.js +334 -0
  31. package/es/components/date-picker/next/components/date-picker-input.js.map +1 -0
  32. package/es/components/date-picker/next/components/date-picker.d.ts +329 -0
  33. package/es/components/date-picker/next/components/date-picker.d.ts.map +1 -0
  34. package/es/components/date-picker/next/components/date-picker.js +621 -0
  35. package/es/components/date-picker/next/components/date-picker.js.map +1 -0
  36. package/es/components/date-picker/next/components/date-picker.scss.js +14 -0
  37. package/es/components/date-picker/next/components/date-picker.scss.js.map +1 -0
  38. package/es/components/date-picker/next/index.d.ts +11 -0
  39. package/es/components/date-picker/next/index.d.ts.map +1 -0
  40. package/es/components/date-picker/next/index.js +11 -0
  41. package/es/components/dropdown/dropdown.d.ts +8 -0
  42. package/es/components/dropdown/dropdown.d.ts.map +1 -1
  43. package/es/components/dropdown/dropdown.js +4 -2
  44. package/es/components/dropdown/dropdown.js.map +1 -1
  45. package/es/components/feature-flags/index.d.ts +39 -4
  46. package/es/components/feature-flags/index.d.ts.map +1 -1
  47. package/es/components/feature-flags/index.js +43 -6
  48. package/es/components/feature-flags/index.js.map +1 -1
  49. package/es/components/fluid-date-picker/fluid-date-picker-input.d.ts +39 -0
  50. package/es/components/fluid-date-picker/fluid-date-picker-input.d.ts.map +1 -0
  51. package/es/components/fluid-date-picker/fluid-date-picker-input.js +59 -0
  52. package/es/components/fluid-date-picker/fluid-date-picker-input.js.map +1 -0
  53. package/es/components/fluid-date-picker/fluid-date-picker-skeleton.d.ts +20 -0
  54. package/es/components/fluid-date-picker/fluid-date-picker-skeleton.d.ts.map +1 -0
  55. package/es/components/fluid-date-picker/fluid-date-picker-skeleton.js +74 -0
  56. package/es/components/fluid-date-picker/fluid-date-picker-skeleton.js.map +1 -0
  57. package/es/components/fluid-date-picker/fluid-date-picker.d.ts +24 -0
  58. package/es/components/fluid-date-picker/fluid-date-picker.d.ts.map +1 -0
  59. package/es/components/fluid-date-picker/fluid-date-picker.js +51 -0
  60. package/es/components/fluid-date-picker/fluid-date-picker.js.map +1 -0
  61. package/es/components/fluid-date-picker/fluid-date-picker.scss.js +14 -0
  62. package/es/components/fluid-date-picker/fluid-date-picker.scss.js.map +1 -0
  63. package/es/components/fluid-date-picker/index.d.ts +10 -0
  64. package/es/components/fluid-date-picker/index.d.ts.map +1 -0
  65. package/es/components/fluid-date-picker/index.js +10 -0
  66. package/es/components/pagination/pagination.scss.js +1 -1
  67. package/es/components/password-input/password-input.d.ts.map +1 -1
  68. package/es/components/password-input/password-input.js +3 -2
  69. package/es/components/password-input/password-input.js.map +1 -1
  70. package/es/components/radio-button/radio-button.js +1 -1
  71. package/es/components/radio-button/radio-button.js.map +1 -1
  72. package/es/components/select/select.d.ts +8 -0
  73. package/es/components/select/select.d.ts.map +1 -1
  74. package/es/components/select/select.js +4 -2
  75. package/es/components/select/select.js.map +1 -1
  76. package/es/components/skip-to-content/skip-to-content.scss.js +1 -1
  77. package/es/components/text-input/text-input.d.ts +17 -0
  78. package/es/components/text-input/text-input.d.ts.map +1 -1
  79. package/es/components/text-input/text-input.js +28 -6
  80. package/es/components/text-input/text-input.js.map +1 -1
  81. package/es/components/textarea/textarea.d.ts.map +1 -1
  82. package/es/components/textarea/textarea.js +2 -1
  83. package/es/components/textarea/textarea.js.map +1 -1
  84. package/es/components/ui-shell/header.scss.js +1 -1
  85. package/es/components/ui-shell/header.scss.js.map +1 -1
  86. package/es/index.js +1 -1
  87. package/es/packages/feature-flags/es/index.js +42 -2
  88. package/es/packages/feature-flags/es/index.js.map +1 -1
  89. package/es-custom/components/date-picker/date-picker-input.d.ts +13 -1
  90. package/es-custom/components/date-picker/date-picker-input.d.ts.map +1 -1
  91. package/es-custom/components/date-picker/date-picker-input.js +36 -16
  92. package/es-custom/components/date-picker/date-picker-input.js.map +1 -1
  93. package/es-custom/components/date-picker/date-picker.d.ts +6 -0
  94. package/es-custom/components/date-picker/date-picker.d.ts.map +1 -1
  95. package/es-custom/components/date-picker/date-picker.js +10 -2
  96. package/es-custom/components/date-picker/date-picker.js.map +1 -1
  97. package/es-custom/components/date-picker/date-picker.scss.js +1 -1
  98. package/es-custom/components/date-picker/date-picker.scss.js.map +1 -1
  99. package/es-custom/components/date-picker/defs.d.ts +18 -1
  100. package/es-custom/components/date-picker/defs.d.ts.map +1 -1
  101. package/es-custom/components/date-picker/defs.js +19 -1
  102. package/es-custom/components/date-picker/defs.js.map +1 -1
  103. package/es-custom/components/date-picker/next/adapters/web-component-adapter.d.ts +143 -0
  104. package/es-custom/components/date-picker/next/adapters/web-component-adapter.d.ts.map +1 -0
  105. package/es-custom/components/date-picker/next/adapters/web-component-adapter.js +215 -0
  106. package/es-custom/components/date-picker/next/adapters/web-component-adapter.js.map +1 -0
  107. package/es-custom/components/date-picker/next/components/calendar-renderer.d.ts +136 -0
  108. package/es-custom/components/date-picker/next/components/calendar-renderer.d.ts.map +1 -0
  109. package/es-custom/components/date-picker/next/components/calendar-renderer.js +278 -0
  110. package/es-custom/components/date-picker/next/components/calendar-renderer.js.map +1 -0
  111. package/es-custom/components/date-picker/next/components/date-picker-input-skeleton.d.ts +35 -0
  112. package/es-custom/components/date-picker/next/components/date-picker-input-skeleton.d.ts.map +1 -0
  113. package/es-custom/components/date-picker/next/components/date-picker-input-skeleton.js +73 -0
  114. package/es-custom/components/date-picker/next/components/date-picker-input-skeleton.js.map +1 -0
  115. package/es-custom/components/date-picker/next/components/date-picker-input.d.ts +196 -0
  116. package/es-custom/components/date-picker/next/components/date-picker-input.d.ts.map +1 -0
  117. package/es-custom/components/date-picker/next/components/date-picker-input.js +334 -0
  118. package/es-custom/components/date-picker/next/components/date-picker-input.js.map +1 -0
  119. package/es-custom/components/date-picker/next/components/date-picker.d.ts +329 -0
  120. package/es-custom/components/date-picker/next/components/date-picker.d.ts.map +1 -0
  121. package/es-custom/components/date-picker/next/components/date-picker.js +621 -0
  122. package/es-custom/components/date-picker/next/components/date-picker.js.map +1 -0
  123. package/es-custom/components/date-picker/next/components/date-picker.scss.js +14 -0
  124. package/es-custom/components/date-picker/next/components/date-picker.scss.js.map +1 -0
  125. package/es-custom/components/date-picker/next/index.d.ts +11 -0
  126. package/es-custom/components/date-picker/next/index.d.ts.map +1 -0
  127. package/es-custom/components/date-picker/next/index.js +11 -0
  128. package/es-custom/components/dropdown/dropdown.d.ts +8 -0
  129. package/es-custom/components/dropdown/dropdown.d.ts.map +1 -1
  130. package/es-custom/components/dropdown/dropdown.js +4 -2
  131. package/es-custom/components/dropdown/dropdown.js.map +1 -1
  132. package/es-custom/components/feature-flags/index.d.ts +39 -4
  133. package/es-custom/components/feature-flags/index.d.ts.map +1 -1
  134. package/es-custom/components/feature-flags/index.js +43 -6
  135. package/es-custom/components/feature-flags/index.js.map +1 -1
  136. package/es-custom/components/fluid-date-picker/fluid-date-picker-input.d.ts +39 -0
  137. package/es-custom/components/fluid-date-picker/fluid-date-picker-input.d.ts.map +1 -0
  138. package/es-custom/components/fluid-date-picker/fluid-date-picker-input.js +59 -0
  139. package/es-custom/components/fluid-date-picker/fluid-date-picker-input.js.map +1 -0
  140. package/es-custom/components/fluid-date-picker/fluid-date-picker-skeleton.d.ts +20 -0
  141. package/es-custom/components/fluid-date-picker/fluid-date-picker-skeleton.d.ts.map +1 -0
  142. package/es-custom/components/fluid-date-picker/fluid-date-picker-skeleton.js +74 -0
  143. package/es-custom/components/fluid-date-picker/fluid-date-picker-skeleton.js.map +1 -0
  144. package/es-custom/components/fluid-date-picker/fluid-date-picker.d.ts +24 -0
  145. package/es-custom/components/fluid-date-picker/fluid-date-picker.d.ts.map +1 -0
  146. package/es-custom/components/fluid-date-picker/fluid-date-picker.js +51 -0
  147. package/es-custom/components/fluid-date-picker/fluid-date-picker.js.map +1 -0
  148. package/es-custom/components/fluid-date-picker/fluid-date-picker.scss.js +14 -0
  149. package/es-custom/components/fluid-date-picker/fluid-date-picker.scss.js.map +1 -0
  150. package/es-custom/components/fluid-date-picker/index.d.ts +10 -0
  151. package/es-custom/components/fluid-date-picker/index.d.ts.map +1 -0
  152. package/es-custom/components/fluid-date-picker/index.js +10 -0
  153. package/es-custom/components/pagination/pagination.scss.js +1 -1
  154. package/es-custom/components/password-input/password-input.d.ts.map +1 -1
  155. package/es-custom/components/password-input/password-input.js +3 -2
  156. package/es-custom/components/password-input/password-input.js.map +1 -1
  157. package/es-custom/components/radio-button/radio-button.js +1 -1
  158. package/es-custom/components/radio-button/radio-button.js.map +1 -1
  159. package/es-custom/components/select/select.d.ts +8 -0
  160. package/es-custom/components/select/select.d.ts.map +1 -1
  161. package/es-custom/components/select/select.js +4 -2
  162. package/es-custom/components/select/select.js.map +1 -1
  163. package/es-custom/components/skip-to-content/skip-to-content.scss.js +1 -1
  164. package/es-custom/components/text-input/text-input.d.ts +17 -0
  165. package/es-custom/components/text-input/text-input.d.ts.map +1 -1
  166. package/es-custom/components/text-input/text-input.js +28 -6
  167. package/es-custom/components/text-input/text-input.js.map +1 -1
  168. package/es-custom/components/textarea/textarea.d.ts.map +1 -1
  169. package/es-custom/components/textarea/textarea.js +2 -1
  170. package/es-custom/components/textarea/textarea.js.map +1 -1
  171. package/es-custom/components/ui-shell/header.scss.js +1 -1
  172. package/es-custom/components/ui-shell/header.scss.js.map +1 -1
  173. package/es-custom/index.js +1 -1
  174. package/es-custom/packages/feature-flags/es/index.js +42 -2
  175. package/es-custom/packages/feature-flags/es/index.js.map +1 -1
  176. package/lib/components/date-picker/date-picker-input.d.ts +13 -1
  177. package/lib/components/date-picker/date-picker-input.d.ts.map +1 -1
  178. package/lib/components/date-picker/date-picker.d.ts +6 -0
  179. package/lib/components/date-picker/date-picker.d.ts.map +1 -1
  180. package/lib/components/date-picker/defs.d.ts +18 -1
  181. package/lib/components/date-picker/defs.d.ts.map +1 -1
  182. package/lib/components/date-picker/defs.js +19 -0
  183. package/lib/components/date-picker/defs.js.map +1 -1
  184. package/lib/components/date-picker/next/adapters/web-component-adapter.d.ts +143 -0
  185. package/lib/components/date-picker/next/adapters/web-component-adapter.d.ts.map +1 -0
  186. package/lib/components/date-picker/next/components/calendar-renderer.d.ts +136 -0
  187. package/lib/components/date-picker/next/components/calendar-renderer.d.ts.map +1 -0
  188. package/lib/components/date-picker/next/components/date-picker-input-skeleton.d.ts +35 -0
  189. package/lib/components/date-picker/next/components/date-picker-input-skeleton.d.ts.map +1 -0
  190. package/lib/components/date-picker/next/components/date-picker-input.d.ts +196 -0
  191. package/lib/components/date-picker/next/components/date-picker-input.d.ts.map +1 -0
  192. package/lib/components/date-picker/next/components/date-picker.d.ts +329 -0
  193. package/lib/components/date-picker/next/components/date-picker.d.ts.map +1 -0
  194. package/lib/components/date-picker/next/index.d.ts +11 -0
  195. package/lib/components/date-picker/next/index.d.ts.map +1 -0
  196. package/lib/components/dropdown/dropdown.d.ts +8 -0
  197. package/lib/components/dropdown/dropdown.d.ts.map +1 -1
  198. package/lib/components/feature-flags/index.d.ts +39 -4
  199. package/lib/components/feature-flags/index.d.ts.map +1 -1
  200. package/lib/components/fluid-date-picker/fluid-date-picker-input.d.ts +39 -0
  201. package/lib/components/fluid-date-picker/fluid-date-picker-input.d.ts.map +1 -0
  202. package/lib/components/fluid-date-picker/fluid-date-picker-skeleton.d.ts +20 -0
  203. package/lib/components/fluid-date-picker/fluid-date-picker-skeleton.d.ts.map +1 -0
  204. package/lib/components/fluid-date-picker/fluid-date-picker.d.ts +24 -0
  205. package/lib/components/fluid-date-picker/fluid-date-picker.d.ts.map +1 -0
  206. package/lib/components/fluid-date-picker/index.d.ts +10 -0
  207. package/lib/components/fluid-date-picker/index.d.ts.map +1 -0
  208. package/lib/components/password-input/password-input.d.ts.map +1 -1
  209. package/lib/components/select/select.d.ts +8 -0
  210. package/lib/components/select/select.d.ts.map +1 -1
  211. package/lib/components/text-input/text-input.d.ts +17 -0
  212. package/lib/components/text-input/text-input.d.ts.map +1 -1
  213. package/lib/components/textarea/textarea.d.ts.map +1 -1
  214. package/package.json +10 -10
  215. package/scss/components/date-picker/date-picker.scss +6 -0
  216. package/scss/components/date-picker/next/components/date-picker.scss +124 -0
  217. package/scss/components/fluid-date-picker/fluid-date-picker.scss +282 -0
  218. package/scss/components/ui-shell/header.scss +14 -8
  219. package/telemetry.yml +39 -12
@@ -1,5 +1,5 @@
1
1
  //
2
- // Copyright IBM Corp. 2019, 2024
2
+ // Copyright IBM Corp. 2019, 2026
3
3
  //
4
4
  // This source code is licensed under the Apache-2.0 license found in the
5
5
  // LICENSE file in the root directory of this source tree.
@@ -58,9 +58,11 @@ $css--plex: true !default;
58
58
  background-color: $layer;
59
59
  block-size: $spacing-09;
60
60
 
61
- &:hover {
62
- background-color: $background-hover;
63
- color: $text-primary;
61
+ @media (any-hover: hover) {
62
+ &:hover {
63
+ background-color: $background-hover;
64
+ color: $text-primary;
65
+ }
64
66
  }
65
67
 
66
68
  &:active {
@@ -71,8 +73,10 @@ $css--plex: true !default;
71
73
  a.#{$prefix}--header__menu-item--current {
72
74
  background-color: $layer-selected;
73
75
 
74
- &:hover {
75
- background-color: $layer-selected-hover;
76
+ @media (any-hover: hover) {
77
+ &:hover {
78
+ background-color: $layer-selected-hover;
79
+ }
76
80
  }
77
81
 
78
82
  &::after {
@@ -92,8 +96,10 @@ $css--plex: true !default;
92
96
  fill: $icon-secondary;
93
97
  }
94
98
 
95
- &:hover ::slotted(svg) {
96
- fill: $icon-primary;
99
+ @media (any-hover: hover) {
100
+ &:hover ::slotted(svg) {
101
+ fill: $icon-primary;
102
+ }
97
103
  }
98
104
 
99
105
  .#{$prefix}--popover {
package/telemetry.yml CHANGED
@@ -20,6 +20,7 @@ collect:
20
20
  - alignment-axis-offset
21
21
  - allow-custom-value
22
22
  - allow-empty
23
+ - allow-input
23
24
  - aria-current
24
25
  - aria-label
25
26
  - aria-labelledby
@@ -50,6 +51,7 @@ collect:
50
51
  - close-icon-description
51
52
  - close-on-activation
52
53
  - close-on-escape
54
+ - close-on-select
53
55
  - collapse-mode
54
56
  - color-scheme
55
57
  - cols
@@ -59,6 +61,7 @@ collect:
59
61
  - counter-mode
60
62
  - danger-description
61
63
  - data-table
64
+ - date-format
62
65
  - decrement-button-assistive-text
63
66
  - default-checked
64
67
  - default-open
@@ -72,7 +75,9 @@ collect:
72
75
  - download
73
76
  - dropShadow
74
77
  - enable-counter
78
+ - enable-dialog-element
75
79
  - enable-v12-overflowmenu
80
+ - enabled-range
76
81
  - enter-delay-ms
77
82
  - even
78
83
  - expandable
@@ -119,6 +124,7 @@ collect:
119
124
  - is-active
120
125
  - is-condensed
121
126
  - is-expressive
127
+ - is-fluid
122
128
  - is-not-child-of-header
123
129
  - is-selectable
124
130
  - is-sortable
@@ -144,9 +150,11 @@ collect:
144
150
  - low-contrast
145
151
  - max
146
152
  - max-count
153
+ - max-date
147
154
  - max-length
148
155
  - menu-alignment
149
156
  - min
157
+ - min-date
150
158
  - multiple
151
159
  - name
152
160
  - nested
@@ -158,6 +166,8 @@ collect:
158
166
  - oncds-combo-box-toggled
159
167
  - oncds-content-switcher-beingselected
160
168
  - oncds-content-switcher-selected
169
+ - oncds-date-picker-changed
170
+ - oncds-date-picker-flatpickr-error
161
171
  - oncds-dropdown-beingselected
162
172
  - oncds-dropdown-beingtoggled
163
173
  - oncds-dropdown-selected
@@ -226,6 +236,7 @@ collect:
226
236
  - selection-name
227
237
  - selection-value
228
238
  - selector-initial-focus
239
+ - short
229
240
  - shortcut
230
241
  - should-filter-item
231
242
  - show-password-label
@@ -315,17 +326,6 @@ collect:
315
326
  - oncds-contained-list-item-click
316
327
  # cds-copy-button
317
328
  - autoAlign
318
- # cds-date-picker
319
- - allow-input
320
- - close-on-select
321
- - date-format
322
- - enabled-range
323
- - max-date
324
- - min-date
325
- - oncds-date-picker-changed
326
- - oncds-date-picker-flatpickr-error
327
- # cds-date-picker-input
328
- - short
329
329
  # cds-definition-tooltip
330
330
  - open-on-hover
331
331
  # cds-dialog
@@ -356,6 +356,8 @@ collect:
356
356
  - error-subject
357
357
  - oncds-file-uploader-item-beingdeleted
358
358
  - oncds-file-uploader-item-deleted
359
+ # cds-fluid-date-picker-skeleton
360
+ - date-picker-type
359
361
  # cds-fluid-time-picker-skeleton
360
362
  - is-only-two
361
363
  # cds-form-group
@@ -410,7 +412,6 @@ collect:
410
412
  - renderIcon
411
413
  # cds-modal
412
414
  - container-class
413
- - enable-dialog-element
414
415
  - has-scrolling-content
415
416
  - oncds-modal-beingclosed
416
417
  - oncds-modal-closed
@@ -450,6 +451,19 @@ collect:
450
451
  - items-shown
451
452
  - loop
452
453
  - oncds-page-changed
454
+ # cds-preview-date-picker
455
+ - oncds-preview-date-picker-changed
456
+ - oncds-preview-date-picker-error
457
+ # cds-preview-date-picker-calendar
458
+ - dateFormat
459
+ - focusedDate
460
+ - maxDate
461
+ - minDate
462
+ - oncds-preview-date-picker-calendar-date-select
463
+ - oncds-preview-date-picker-calendar-month-change
464
+ - rangeMode
465
+ - selectedDates
466
+ - viewDate
453
467
  # cds-progress-indicator
454
468
  - current-index
455
469
  - ononChange
@@ -586,6 +600,15 @@ collect:
586
600
  - is-expanded
587
601
  - oneventSelected
588
602
  - oneventToggled
603
+ # feature-flags
604
+ - enable-experimental-focus-wrap-without-sentinels
605
+ - enable-focus-wrap-without-sentinels
606
+ - enable-treeview-controllable
607
+ - enable-v12-dynamic-floating-styles
608
+ - enable-v12-release
609
+ - enable-v12-tile-default-icons
610
+ - enable-v12-tile-radio-icons
611
+ - enable-v12-toggle-reduced-label-spacing
589
612
  # tabs-story-wrapper
590
613
  - with-icons
591
614
  allowedAttributeStringValues:
@@ -625,6 +648,10 @@ collect:
625
648
  # General - type
626
649
  - number
627
650
  - text
651
+ # cds-fluid-date-picker-skeleton - date-picker-type
652
+ - range
653
+ - simple
654
+ - single
628
655
  # cds-layout - density
629
656
  - condensed
630
657
  - normal