@carbon/web-components 2.62.0-rc.0 → 2.62.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 (128) hide show
  1. package/es/components/accordion/accordion-item.d.ts +0 -4
  2. package/es/components/accordion/accordion-item.d.ts.map +1 -1
  3. package/es/components/accordion/accordion-item.js +2 -6
  4. package/es/components/accordion/accordion-item.js.map +1 -1
  5. package/es/components/action-set/action-set.scss.js +1 -1
  6. package/es/components/ai-label/ai-label.scss.js +1 -1
  7. package/es/components/breadcrumb/breadcrumb.scss.js +1 -1
  8. package/es/components/button/button.scss.js +1 -1
  9. package/es/components/code-snippet/code-snippet.scss.js +1 -1
  10. package/es/components/combo-box/combo-box.scss.js +1 -1
  11. package/es/components/combo-button/combo-button.scss.js +1 -1
  12. package/es/components/contained-list/contained-list.scss.js +1 -1
  13. package/es/components/content-switcher/content-switcher.scss.js +1 -1
  14. package/es/components/copy-button/copy-button.scss.js +1 -1
  15. package/es/components/data-table/data-table.scss.js +1 -1
  16. package/es/components/date-picker/date-picker.scss.js +1 -1
  17. package/es/components/date-picker/date-picker.scss.js.map +1 -1
  18. package/es/components/date-picker/next/components/date-picker.scss.js +1 -1
  19. package/es/components/dialog/dialog.scss.js +1 -1
  20. package/es/components/dropdown/dropdown.scss.js +1 -1
  21. package/es/components/file-uploader/file-uploader.scss.js +1 -1
  22. package/es/components/fluid-combo-box/fluid-combo-box.scss.js +1 -1
  23. package/es/components/fluid-date-picker/fluid-date-picker.scss.js +1 -1
  24. package/es/components/fluid-dropdown/fluid-dropdown.scss.js +1 -1
  25. package/es/components/fluid-multi-select/fluid-multi-select.scss.js +1 -1
  26. package/es/components/fluid-number-input/fluid-number-input.scss.js +1 -1
  27. package/es/components/fluid-password-input/fluid-password-input.scss.js +1 -1
  28. package/es/components/fluid-search/fluid-search.scss.js +1 -1
  29. package/es/components/fluid-text-input/fluid-text-input.scss.js +1 -1
  30. package/es/components/fluid-time-picker/fluid-time-picker.scss.js +1 -1
  31. package/es/components/inline-loading/inline-loading.scss.js +1 -1
  32. package/es/components/loading/loading.scss.js +1 -1
  33. package/es/components/menu-button/menu-button.scss.js +1 -1
  34. package/es/components/modal/modal.scss.js +1 -1
  35. package/es/components/multi-select/multi-select.scss.js +1 -1
  36. package/es/components/notification/actionable-notification.scss.js +1 -1
  37. package/es/components/notification/inline-notification.scss.js +1 -1
  38. package/es/components/notification/toast-notification.scss.js +1 -1
  39. package/es/components/overflow-menu/overflow-menu.scss.js +1 -1
  40. package/es/components/overflow-menu/overflow-menu.scss.js.map +1 -1
  41. package/es/components/pagination/pagination.scss.js +1 -1
  42. package/es/components/pagination-nav/pagination-nav.scss.js +1 -1
  43. package/es/components/password-input/password-input.scss.js +1 -1
  44. package/es/components/progress-indicator/progress-indicator.scss.js +1 -1
  45. package/es/components/search/search.scss.js +1 -1
  46. package/es/components/skip-to-content/skip-to-content.scss.js +1 -1
  47. package/es/components/slider/slider.scss.js +1 -1
  48. package/es/components/slug/slug.scss.js +1 -1
  49. package/es/components/structured-list/structured-list.scss.js +1 -1
  50. package/es/components/structured-list/structured-list.scss.js.map +1 -1
  51. package/es/components/tabs/tabs.scss.js +1 -1
  52. package/es/components/tag/tag.scss.js +1 -1
  53. package/es/components/tag/tag.scss.js.map +1 -1
  54. package/es/components/text-input/text-input.scss.js +1 -1
  55. package/es/components/time-picker/time-picker.scss.js +1 -1
  56. package/es/components/toggle-tip/toggletip.scss.js +1 -1
  57. package/es/components/tree-view/tree-view.scss.js +1 -1
  58. package/es/components/ui-shell/header.scss.js +1 -1
  59. package/es/components/ui-shell/side-nav.scss.js +1 -1
  60. package/es/components/ui-shell/side-nav.scss.js.map +1 -1
  61. package/es-custom/components/accordion/accordion-item.d.ts +0 -4
  62. package/es-custom/components/accordion/accordion-item.d.ts.map +1 -1
  63. package/es-custom/components/accordion/accordion-item.js +2 -6
  64. package/es-custom/components/accordion/accordion-item.js.map +1 -1
  65. package/es-custom/components/action-set/action-set.scss.js +1 -1
  66. package/es-custom/components/ai-label/ai-label.scss.js +1 -1
  67. package/es-custom/components/breadcrumb/breadcrumb.scss.js +1 -1
  68. package/es-custom/components/button/button.scss.js +1 -1
  69. package/es-custom/components/code-snippet/code-snippet.scss.js +1 -1
  70. package/es-custom/components/combo-box/combo-box.scss.js +1 -1
  71. package/es-custom/components/combo-button/combo-button.scss.js +1 -1
  72. package/es-custom/components/contained-list/contained-list.scss.js +1 -1
  73. package/es-custom/components/content-switcher/content-switcher.scss.js +1 -1
  74. package/es-custom/components/copy-button/copy-button.scss.js +1 -1
  75. package/es-custom/components/data-table/data-table.scss.js +1 -1
  76. package/es-custom/components/date-picker/date-picker.scss.js +1 -1
  77. package/es-custom/components/date-picker/date-picker.scss.js.map +1 -1
  78. package/es-custom/components/date-picker/next/components/date-picker.scss.js +1 -1
  79. package/es-custom/components/dialog/dialog.scss.js +1 -1
  80. package/es-custom/components/dropdown/dropdown.scss.js +1 -1
  81. package/es-custom/components/file-uploader/file-uploader.scss.js +1 -1
  82. package/es-custom/components/fluid-combo-box/fluid-combo-box.scss.js +1 -1
  83. package/es-custom/components/fluid-date-picker/fluid-date-picker.scss.js +1 -1
  84. package/es-custom/components/fluid-dropdown/fluid-dropdown.scss.js +1 -1
  85. package/es-custom/components/fluid-multi-select/fluid-multi-select.scss.js +1 -1
  86. package/es-custom/components/fluid-number-input/fluid-number-input.scss.js +1 -1
  87. package/es-custom/components/fluid-password-input/fluid-password-input.scss.js +1 -1
  88. package/es-custom/components/fluid-search/fluid-search.scss.js +1 -1
  89. package/es-custom/components/fluid-text-input/fluid-text-input.scss.js +1 -1
  90. package/es-custom/components/fluid-time-picker/fluid-time-picker.scss.js +1 -1
  91. package/es-custom/components/inline-loading/inline-loading.scss.js +1 -1
  92. package/es-custom/components/loading/loading.scss.js +1 -1
  93. package/es-custom/components/menu-button/menu-button.scss.js +1 -1
  94. package/es-custom/components/modal/modal.scss.js +1 -1
  95. package/es-custom/components/multi-select/multi-select.scss.js +1 -1
  96. package/es-custom/components/notification/actionable-notification.scss.js +1 -1
  97. package/es-custom/components/notification/inline-notification.scss.js +1 -1
  98. package/es-custom/components/notification/toast-notification.scss.js +1 -1
  99. package/es-custom/components/overflow-menu/overflow-menu.scss.js +1 -1
  100. package/es-custom/components/overflow-menu/overflow-menu.scss.js.map +1 -1
  101. package/es-custom/components/pagination/pagination.scss.js +1 -1
  102. package/es-custom/components/pagination-nav/pagination-nav.scss.js +1 -1
  103. package/es-custom/components/password-input/password-input.scss.js +1 -1
  104. package/es-custom/components/progress-indicator/progress-indicator.scss.js +1 -1
  105. package/es-custom/components/search/search.scss.js +1 -1
  106. package/es-custom/components/skip-to-content/skip-to-content.scss.js +1 -1
  107. package/es-custom/components/slider/slider.scss.js +1 -1
  108. package/es-custom/components/slug/slug.scss.js +1 -1
  109. package/es-custom/components/structured-list/structured-list.scss.js +1 -1
  110. package/es-custom/components/structured-list/structured-list.scss.js.map +1 -1
  111. package/es-custom/components/tabs/tabs.scss.js +1 -1
  112. package/es-custom/components/tag/tag.scss.js +1 -1
  113. package/es-custom/components/tag/tag.scss.js.map +1 -1
  114. package/es-custom/components/text-input/text-input.scss.js +1 -1
  115. package/es-custom/components/time-picker/time-picker.scss.js +1 -1
  116. package/es-custom/components/toggle-tip/toggletip.scss.js +1 -1
  117. package/es-custom/components/tree-view/tree-view.scss.js +1 -1
  118. package/es-custom/components/ui-shell/header.scss.js +1 -1
  119. package/es-custom/components/ui-shell/side-nav.scss.js +1 -1
  120. package/es-custom/components/ui-shell/side-nav.scss.js.map +1 -1
  121. package/lib/components/accordion/accordion-item.d.ts +0 -4
  122. package/lib/components/accordion/accordion-item.d.ts.map +1 -1
  123. package/package.json +7 -7
  124. package/scss/components/date-picker/date-picker.scss +10 -6
  125. package/scss/components/overflow-menu/overflow-menu.scss +31 -11
  126. package/scss/components/structured-list/structured-list.scss +10 -8
  127. package/scss/components/tag/tag.scss +11 -7
  128. package/scss/components/ui-shell/side-nav.scss +9 -7
@@ -1 +1 @@
1
- {"version":3,"file":"accordion-item.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/accordion-item.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAOvC,OAAO,EAAE,yBAAyB,EAAE,MAAM,QAAQ,CAAC;AAInD,OAAO,EAAE,yBAAyB,EAAE,CAAC;;;;AAqBrC;;;;;;;;;;GAUG;AACH,cACM,gBAAiB,SAAQ,qBAAsB;IACnD;;OAEG;IAEH,OAAO,CAAC,iBAAiB,CAAkB;IAE3C;;OAEG;IACH,OAAO,CAAC,kBAAkB,CAAC,CAA4B;IAEvD;;OAEG;IACH,OAAO,CAAC,eAAe,CAAuB;IAE9C;;;;OAIG;IACH,OAAO,CAAC,0BAA0B;IAqClC;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAI3B;;OAEG;IACH,OAAO,CAAC,qBAAqB,CAI3B;IAEF;;OAEG;IAIH,OAAO,CAAC,eAAe,CAYrB;IAEF;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,KAAK,SAAM;IAEX,iBAAiB;IAWjB,oBAAoB;IAMpB,MAAM;IA2CN;;;;OAIG;IACH,MAAM,KAAK,mBAAmB;;;MAK7B;IAED;;;;OAIG;IACH,MAAM,KAAK,iBAAiB;;;MAK3B;IAED;;;OAGG;IACH,MAAM,KAAK,iBAAiB,WAE3B;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,gBAAgB,CAAC"}
1
+ {"version":3,"file":"accordion-item.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/accordion-item.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAOvC,OAAO,EAAE,yBAAyB,EAAE,MAAM,QAAQ,CAAC;AAInD,OAAO,EAAE,yBAAyB,EAAE,CAAC;;;;AAqBrC;;;;;;;;;;GAUG;AACH,cACM,gBAAiB,SAAQ,qBAAsB;IACnD;;OAEG;IAEH,OAAO,CAAC,iBAAiB,CAAkB;IAE3C;;OAEG;IACH,OAAO,CAAC,kBAAkB,CAAC,CAA4B;IAEvD;;OAEG;IACH,OAAO,CAAC,eAAe,CAAuB;IAE9C;;;;OAIG;IACH,OAAO,CAAC,0BAA0B;IAqClC;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAI3B;;OAEG;IAIH,OAAO,CAAC,eAAe,CAYrB;IAEF;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,KAAK,SAAM;IAEX,iBAAiB;IAWjB,oBAAoB;IAMpB,MAAM;IAyCN;;;;OAIG;IACH,MAAM,KAAK,mBAAmB;;;MAK7B;IAED;;;;OAIG;IACH,MAAM,KAAK,iBAAiB;;;MAK3B;IAED;;;OAGG;IACH,MAAM,KAAK,iBAAiB,WAE3B;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,gBAAgB,CAAC"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@carbon/web-components",
3
3
  "description": "Web components for the Carbon Design System",
4
- "version": "2.62.0-rc.0",
4
+ "version": "2.62.0",
5
5
  "license": "Apache-2.0",
6
6
  "main": "es/index.js",
7
7
  "module": "es/index.js",
@@ -69,9 +69,9 @@
69
69
  },
70
70
  "dependencies": {
71
71
  "@carbon/icon-helpers": "10.47.0",
72
- "@carbon/icons": "^11.87.0-rc.0",
73
- "@carbon/styles": "^1.114.0-rc.0",
74
- "@carbon/utilities": "^0.25.0-rc.0",
72
+ "@carbon/icons": "^11.87.0",
73
+ "@carbon/styles": "^1.114.0",
74
+ "@carbon/utilities": "^0.25.0",
75
75
  "@floating-ui/dom": "^1.6.3",
76
76
  "@ibm/telemetry-js": "^1.10.2",
77
77
  "@lit/context": "^1.1.3",
@@ -80,8 +80,8 @@
80
80
  "tslib": "^2.6.3"
81
81
  },
82
82
  "devDependencies": {
83
- "@carbon/layout": "^11.58.0-rc.0",
84
- "@carbon/motion": "^11.51.0-rc.0",
83
+ "@carbon/layout": "^11.58.0",
84
+ "@carbon/motion": "^11.51.0",
85
85
  "@juggle/resize-observer": "^3.4.0",
86
86
  "@mordech/vite-lit-loader": "^0.40.0",
87
87
  "@open-wc/testing": "^5.0.0",
@@ -130,5 +130,5 @@
130
130
  }
131
131
  ]
132
132
  },
133
- "gitHead": "e848b98936051ac0026fb83551c91bfe603c589c"
133
+ "gitHead": "7518c84ffd00f22434fe19d83119692c12fccb2f"
134
134
  }
@@ -1,5 +1,5 @@
1
1
  //
2
- // Copyright IBM Corp. 2019, 2025
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.
@@ -46,8 +46,10 @@ $css--plex: true !default;
46
46
  cursor: not-allowed;
47
47
  opacity: 0.5;
48
48
 
49
- &:hover {
50
- background: transparent;
49
+ @media (any-hover: hover) {
50
+ &:hover {
51
+ background: transparent;
52
+ }
51
53
  }
52
54
  }
53
55
 
@@ -60,9 +62,11 @@ $css--plex: true !default;
60
62
  opacity: 0.5;
61
63
  }
62
64
 
63
- &:hover {
64
- svg {
65
- fill: $layer-selected-inverse;
65
+ @media (any-hover: hover) {
66
+ &:hover {
67
+ svg {
68
+ fill: $layer-selected-inverse;
69
+ }
66
70
  }
67
71
  }
68
72
  }
@@ -43,9 +43,11 @@
43
43
  }
44
44
  }
45
45
 
46
- :host(#{$prefix}-overflow-menu[disabled]:hover),
47
- :host(#{$prefix}-breadcrumb-overflow-menu[disabled]:hover) {
48
- background-color: transparent;
46
+ @media (any-hover: hover) {
47
+ :host(#{$prefix}-overflow-menu[disabled]:hover),
48
+ :host(#{$prefix}-breadcrumb-overflow-menu[disabled]:hover) {
49
+ background-color: transparent;
50
+ }
49
51
  }
50
52
 
51
53
  :host(#{$prefix}-overflow-menu[open]),
@@ -54,8 +56,10 @@
54
56
  box-shadow: 0 $spacing-01 6px 0 rgba(0, 0, 0, 0.3);
55
57
  transition: none;
56
58
 
57
- :hover {
58
- background-color: $layer;
59
+ @media (any-hover: hover) {
60
+ :hover {
61
+ background-color: $layer;
62
+ }
59
63
  }
60
64
  }
61
65
 
@@ -124,7 +128,6 @@
124
128
  inline-size: $spacing-05;
125
129
  min-block-size: 1.125rem;
126
130
 
127
- &:hover,
128
131
  &:active,
129
132
  &:focus {
130
133
  box-sizing: border-box;
@@ -137,14 +140,29 @@
137
140
  }
138
141
  }
139
142
 
143
+ @media (any-hover: hover) {
144
+ &:hover {
145
+ box-sizing: border-box;
146
+ background: none;
147
+ box-shadow: none;
148
+ outline-offset: 0;
149
+
150
+ &::after {
151
+ opacity: 1;
152
+ }
153
+ }
154
+ }
155
+
140
156
  &:active,
141
157
  &:focus {
142
158
  outline: 1px solid $focus;
143
159
  }
144
160
 
145
- &:hover {
146
- &::after {
147
- background: $link-primary-hover;
161
+ @media (any-hover: hover) {
162
+ &:hover {
163
+ &::after {
164
+ background: $link-primary-hover;
165
+ }
148
166
  }
149
167
  }
150
168
 
@@ -176,8 +194,10 @@
176
194
  transform: translateY(4px);
177
195
  }
178
196
 
179
- :host(#{$prefix}-overflow-menu[breadcrumb]:hover) ::slotted([slot='icon']) {
180
- fill: $link-primary-hover;
197
+ @media (any-hover: hover) {
198
+ :host(#{$prefix}-overflow-menu[breadcrumb]:hover) ::slotted([slot='icon']) {
199
+ fill: $link-primary-hover;
200
+ }
181
201
  }
182
202
 
183
203
  :host(#{$prefix}-overflow-menu[breadcrumb]:active) ::slotted([slot='icon']) {
@@ -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.
@@ -72,13 +72,15 @@ $css--plex: true !default;
72
72
  }
73
73
 
74
74
  // selection
75
- :host(#{$prefix}-structured-list-row[selection-value]:hover) {
76
- background-color: $layer-hover;
77
- border-block-end: 1px solid $layer-hover;
78
- cursor: pointer;
79
-
80
- ::slotted(#{$prefix}-structured-list-cell) {
81
- color: $text-primary;
75
+ @media (any-hover: hover) {
76
+ :host(#{$prefix}-structured-list-row[selection-value]:hover) {
77
+ background-color: $layer-hover;
78
+ border-block-end: 1px solid $layer-hover;
79
+ cursor: pointer;
80
+
81
+ ::slotted(#{$prefix}-structured-list-cell) {
82
+ color: $text-primary;
83
+ }
82
84
  }
83
85
  }
84
86
 
@@ -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.
@@ -234,11 +234,13 @@ $css--plex: true !default;
234
234
  :host(#{$prefix}-dismissible-tag[disabled]),
235
235
  :host(#{$prefix}-tag[filter][disabled]) {
236
236
  .#{$prefix}--tag__close-icon {
237
+ background-color: transparent;
237
238
  cursor: not-allowed;
238
239
 
239
- &,
240
- &:hover {
241
- background-color: transparent;
240
+ @media (any-hover: hover) {
241
+ &:hover {
242
+ background-color: transparent;
243
+ }
242
244
  }
243
245
  }
244
246
  }
@@ -249,9 +251,11 @@ $css--plex: true !default;
249
251
  background-color: $layer;
250
252
  color: $text-disabled;
251
253
 
252
- &:hover {
253
- background-color: $layer;
254
- cursor: not-allowed;
254
+ @media (any-hover: hover) {
255
+ &:hover {
256
+ background-color: $layer;
257
+ cursor: not-allowed;
258
+ }
255
259
  }
256
260
  }
257
261
 
@@ -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.
@@ -126,12 +126,14 @@ $css--plex: true !default;
126
126
  padding-inline-start: 4.5rem;
127
127
  }
128
128
 
129
- :host(#{$prefix}-side-nav-item) .#{$prefix}--side-nav__link:hover,
130
- :host(#{$prefix}-side-nav-menu) .#{$prefix}--side-nav__submenu:hover,
131
- :host(#{$prefix}-side-nav-menu-item) .#{$prefix}--side-nav__link:hover {
132
- // TODO: audit
133
- background-color: $background-hover;
134
- color: $text-primary;
129
+ @media (any-hover: hover) {
130
+ :host(#{$prefix}-side-nav-item) .#{$prefix}--side-nav__link:hover,
131
+ :host(#{$prefix}-side-nav-menu) .#{$prefix}--side-nav__submenu:hover,
132
+ :host(#{$prefix}-side-nav-menu-item) .#{$prefix}--side-nav__link:hover {
133
+ // TODO: audit
134
+ background-color: $background-hover;
135
+ color: $text-primary;
136
+ }
135
137
  }
136
138
 
137
139
  :host(#{$prefix}-header-side-nav-items) {