@carbon/styles 1.68.0-rc.0 → 1.68.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 (45) hide show
  1. package/css/styles.css +30 -4
  2. package/css/styles.min.css +1 -1
  3. package/package.json +10 -10
  4. package/scss/components/accordion/_accordion.scss +6 -3
  5. package/scss/components/button/_button.scss +3 -2
  6. package/scss/components/button/_mixins.scss +7 -4
  7. package/scss/components/content-switcher/_content-switcher.scss +3 -1
  8. package/scss/components/data-table/_data-table.scss +11 -1
  9. package/scss/components/data-table/action/_data-table-action.scss +8 -4
  10. package/scss/components/data-table/expandable/_data-table-expandable.scss +19 -7
  11. package/scss/components/data-table/sort/_data-table-sort.scss +2 -1
  12. package/scss/components/date-picker/_flatpickr.scss +8 -4
  13. package/scss/components/dialog/_dialog.scss +8 -5
  14. package/scss/components/dropdown/_dropdown.scss +2 -1
  15. package/scss/components/fluid-date-picker/_fluid-date-picker.scss +2 -1
  16. package/scss/components/fluid-list-box/_fluid-list-box.scss +2 -1
  17. package/scss/components/fluid-number-input/_fluid-number-input.scss +3 -1
  18. package/scss/components/fluid-select/_fluid-select.scss +2 -1
  19. package/scss/components/fluid-text-input/_fluid-text-input.scss +2 -1
  20. package/scss/components/list-box/_list-box.scss +2 -1
  21. package/scss/components/loading/_animation.scss +2 -1
  22. package/scss/components/modal/_modal.scss +8 -4
  23. package/scss/components/notification/_actionable-notification.scss +4 -2
  24. package/scss/components/notification/_inline-notification.scss +2 -1
  25. package/scss/components/notification/_toast-notification.scss +3 -1
  26. package/scss/components/number-input/_number-input.scss +2 -1
  27. package/scss/components/overflow-menu/_overflow-menu.scss +4 -2
  28. package/scss/components/pagination/_pagination.scss +2 -1
  29. package/scss/components/pagination/_unstable_pagination.scss +2 -1
  30. package/scss/components/pagination-nav/_pagination-nav.scss +2 -1
  31. package/scss/components/popover/_popover.scss +4 -5
  32. package/scss/components/progress-indicator/_progress-indicator.scss +2 -1
  33. package/scss/components/search/_search.scss +6 -3
  34. package/scss/components/slider/_slider.scss +8 -3
  35. package/scss/components/slug/_slug.scss +12 -5
  36. package/scss/components/tabs/_tabs.scss +4 -2
  37. package/scss/components/tag/_tag.scss +2 -1
  38. package/scss/components/text-area/_text-area.scss +2 -1
  39. package/scss/components/text-input/_text-input.scss +4 -2
  40. package/scss/components/tile/_tile.scss +10 -5
  41. package/scss/components/time-picker/_time-picker.scss +2 -1
  42. package/scss/components/toggle/_toggle.scss +3 -1
  43. package/scss/components/ui-shell/header/_header.scss +9 -4
  44. package/scss/components/ui-shell/side-nav/_side-nav.scss +12 -5
  45. package/scss/utilities/_ai-gradient.scss +6 -3
package/css/styles.css CHANGED
@@ -1112,6 +1112,14 @@ em {
1112
1112
  --cds-grid-column-hang: 0.96875rem;
1113
1113
  }
1114
1114
 
1115
+ .cds--css-grid--start {
1116
+ margin-inline-start: 0;
1117
+ }
1118
+
1119
+ .cds--css-grid--end {
1120
+ margin-inline-end: 0;
1121
+ }
1122
+
1115
1123
  .cds--subgrid {
1116
1124
  display: grid;
1117
1125
  grid-template-columns: repeat(var(--cds-grid-columns), minmax(0, 1fr));
@@ -4065,8 +4073,8 @@ li.cds--accordion__item--disabled:last-of-type {
4065
4073
  --cds-popover-text-color: var(--cds-text-inverse, #ffffff);
4066
4074
  }
4067
4075
 
4068
- .cds--popover--drop-shadow .cds--popover {
4069
- --cds-popover-drop-shadow: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2));
4076
+ .cds--popover--drop-shadow .cds--popover > .cds--popover-content {
4077
+ filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2));
4070
4078
  }
4071
4079
 
4072
4080
  .cds--popover--caret {
@@ -11342,7 +11350,7 @@ fieldset[disabled] .cds--form__helper-text {
11342
11350
 
11343
11351
  .cds--data-table td,
11344
11352
  .cds--data-table tbody th {
11345
- border-block-end: 1px solid var(--cds-border-subtle);
11353
+ border-block-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
11346
11354
  border-block-start: 1px solid var(--cds-layer);
11347
11355
  color: var(--cds-text-secondary, #525252);
11348
11356
  padding-inline: 1rem 1rem;
@@ -11352,6 +11360,16 @@ fieldset[disabled] .cds--form__helper-text {
11352
11360
  padding-inline-start: 0.75rem;
11353
11361
  }
11354
11362
 
11363
+ .cds--layer-two .cds--data-table td,
11364
+ .cds--layer-two .cds--data-table tbody th {
11365
+ border-block-end: 1px solid var(--cds-border-subtle-02, #e0e0e0);
11366
+ }
11367
+
11368
+ .cds--layer-three .cds--data-table td,
11369
+ .cds--layer-three .cds--data-table tbody th {
11370
+ border-block-end: 1px solid var(--cds-border-subtle-03, #c6c6c6);
11371
+ }
11372
+
11355
11373
  @supports (-moz-appearance: none) {
11356
11374
  .cds--data-table td {
11357
11375
  background-clip: padding-box;
@@ -13139,7 +13157,15 @@ tr.cds--parent-row.cds--expandable-row.cds--expandable-row--hover td:first-of-ty
13139
13157
  }
13140
13158
 
13141
13159
  .cds--data-table td.cds--table-expand {
13142
- border-block-end: 1px solid var(--cds-border-subtle);
13160
+ border-block-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
13161
+ }
13162
+
13163
+ .cds--layer-two .cds--data-table td.cds--table-expand {
13164
+ border-block-end: 1px solid var(--cds-border-subtle-02, #e0e0e0);
13165
+ }
13166
+
13167
+ .cds--layer-three .cds--data-table td.cds--table-expand {
13168
+ border-block-end: 1px solid var(--cds-border-subtle-03, #c6c6c6);
13143
13169
  }
13144
13170
 
13145
13171
  .cds--data-table th.cds--table-expand + .cds--table-column-checkbox,