@wordpress/dataviews 17.0.1-next.v.202606191442.0 → 17.0.1

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 (31) hide show
  1. package/CHANGELOG.md +3 -1
  2. package/build/components/dataform-layouts/panel/dropdown.cjs +2 -2
  3. package/build/components/dataform-layouts/panel/dropdown.cjs.map +2 -2
  4. package/build/components/dataform-layouts/panel/modal.cjs +1 -1
  5. package/build/components/dataform-layouts/panel/modal.cjs.map +2 -2
  6. package/build/components/dataform-layouts/panel/summary-button.cjs +7 -6
  7. package/build/components/dataform-layouts/panel/summary-button.cjs.map +2 -2
  8. package/build-module/components/dataform-layouts/panel/dropdown.mjs +2 -2
  9. package/build-module/components/dataform-layouts/panel/dropdown.mjs.map +2 -2
  10. package/build-module/components/dataform-layouts/panel/modal.mjs +1 -1
  11. package/build-module/components/dataform-layouts/panel/modal.mjs.map +2 -2
  12. package/build-module/components/dataform-layouts/panel/summary-button.mjs +7 -6
  13. package/build-module/components/dataform-layouts/panel/summary-button.mjs.map +2 -2
  14. package/build-style/style-rtl.css +29 -32
  15. package/build-style/style.css +29 -32
  16. package/build-types/components/dataform-layouts/panel/summary-button.d.ts +2 -2
  17. package/build-types/components/dataform-layouts/panel/summary-button.d.ts.map +1 -1
  18. package/build-wp/index.js +416 -353
  19. package/package.json +16 -16
  20. package/src/components/dataform-layouts/panel/dropdown.tsx +1 -1
  21. package/src/components/dataform-layouts/panel/modal.tsx +1 -1
  22. package/src/components/dataform-layouts/panel/style.scss +1 -4
  23. package/src/components/dataform-layouts/panel/summary-button.tsx +17 -7
  24. package/src/components/dataviews-filters/style.scss +1 -1
  25. package/src/components/dataviews-layouts/activity/style.scss +8 -8
  26. package/src/components/dataviews-layouts/grid/style.scss +7 -1
  27. package/src/components/dataviews-layouts/list/style.scss +15 -6
  28. package/src/components/dataviews-layouts/picker-activity/style.scss +8 -8
  29. package/src/components/dataviews-layouts/picker-grid/style.scss +8 -2
  30. package/src/components/dataviews-layouts/picker-table/style.scss +3 -1
  31. package/src/dataviews/style.scss +1 -1
@@ -93,7 +93,7 @@
93
93
  flex-grow: 1;
94
94
  min-height: 0;
95
95
  box-sizing: border-box;
96
- scroll-padding-bottom: calc(var(--wpds-dimension-base, 4px) * 16);
96
+ scroll-padding-bottom: 64px;
97
97
  /* stylelint-disable-next-line property-no-unknown -- '@container' not globally permitted */
98
98
  container: dataviews-wrapper/inline-size;
99
99
  display: flex;
@@ -382,7 +382,7 @@
382
382
  }
383
383
 
384
384
  .dataviews-filters__search-widget-filter-combobox-list {
385
- max-height: calc(var(--wpds-dimension-base, 4px) * 46);
385
+ max-height: 184px;
386
386
  padding: var(--wpds-dimension-padding-xs, 4px);
387
387
  overflow: auto;
388
388
  border-top: 1px solid var(--wpds-color-stroke-surface-neutral, #dbdbdb);
@@ -1086,7 +1086,7 @@
1086
1086
  .dataviews-view-grid-infinite-scroll .dataviews-view-grid__fields .dataviews-view-grid__field-value:not(:empty) {
1087
1087
  min-height: var(--wpds-dimension-size-sm, 24px);
1088
1088
  line-height: var(--wpds-typography-line-height-sm, 20px);
1089
- padding-top: calc(var(--wpds-dimension-base, 4px) / 2);
1089
+ padding-top: calc((var(--wpds-dimension-size-sm, 24px) - var(--wpds-typography-line-height-sm, 20px)) / 2);
1090
1090
  }
1091
1091
  .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field,
1092
1092
  .dataviews-view-grid-infinite-scroll .dataviews-view-grid__fields .dataviews-view-grid__field {
@@ -1336,8 +1336,8 @@ div.dataviews-view-list {
1336
1336
  z-index: 1;
1337
1337
  }
1338
1338
  .dataviews-view-list .dataviews-view-list__media-wrapper {
1339
- width: calc(var(--wpds-dimension-base, 4px) * 13);
1340
- height: calc(var(--wpds-dimension-base, 4px) * 13);
1339
+ width: 48px;
1340
+ height: 48px;
1341
1341
  overflow: hidden;
1342
1342
  position: relative;
1343
1343
  flex-shrink: 0;
@@ -1361,7 +1361,7 @@ div.dataviews-view-list {
1361
1361
  border-radius: var(--wpds-border-radius-md, 4px);
1362
1362
  }
1363
1363
  .dataviews-view-list .dataviews-view-list__field-wrapper {
1364
- min-height: calc(var(--wpds-dimension-base, 4px) * 13);
1364
+ min-height: 48px;
1365
1365
  flex-grow: 1;
1366
1366
  min-width: 0;
1367
1367
  }
@@ -1420,11 +1420,11 @@ div.dataviews-view-list {
1420
1420
  line-height: var(--wpds-typography-line-height-xl, 32px);
1421
1421
  }
1422
1422
  .dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__media-wrapper {
1423
- width: calc(var(--wpds-dimension-base, 4px) * 16);
1424
- height: calc(var(--wpds-dimension-base, 4px) * 16);
1423
+ width: 64px;
1424
+ height: 64px;
1425
1425
  }
1426
1426
  .dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__field-wrapper {
1427
- min-height: calc(var(--wpds-dimension-base, 4px) * 16);
1427
+ min-height: 64px;
1428
1428
  }
1429
1429
  .dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__fields {
1430
1430
  gap: var(--wpds-dimension-gap-lg, 16px);
@@ -1792,7 +1792,7 @@ div.dataviews-view-list {
1792
1792
  .dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field-value:not(:empty) {
1793
1793
  min-height: var(--wpds-dimension-size-sm, 24px);
1794
1794
  line-height: var(--wpds-typography-line-height-sm, 20px);
1795
- padding-top: calc(var(--wpds-dimension-base, 4px) / 2);
1795
+ padding-top: calc((var(--wpds-dimension-size-sm, 24px) - var(--wpds-typography-line-height-sm, 20px)) / 2);
1796
1796
  }
1797
1797
  .dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field {
1798
1798
  min-height: var(--wpds-dimension-size-sm, 24px);
@@ -1850,14 +1850,14 @@ div.dataviews-view-list {
1850
1850
  font-weight: var(--wpds-typography-font-weight-medium, 499);
1851
1851
  color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
1852
1852
  margin: 0 0 var(--wpds-dimension-gap-sm, 8px) 0;
1853
- padding: 0 calc(var(--wpds-dimension-base, 4px) * 12);
1853
+ padding: 0 48px;
1854
1854
  }
1855
1855
 
1856
1856
  .dataviews-view-picker-table {
1857
1857
  background-color: inherit;
1858
1858
  }
1859
1859
  .dataviews-view-picker-table .dataviews-view-table__checkbox-column {
1860
- width: calc(var(--wpds-dimension-base, 4px) * 12);
1860
+ width: 48px;
1861
1861
  }
1862
1862
  .dataviews-view-picker-table tbody:focus-visible[aria-activedescendant] {
1863
1863
  outline: none;
@@ -1971,8 +1971,8 @@ div.dataviews-view-list {
1971
1971
  height: var(--wpds-dimension-size-3xs, 12px);
1972
1972
  }
1973
1973
  .dataviews-view-activity .dataviews-view-activity__item.is-compact .dataviews-view-activity__item-type-icon {
1974
- width: calc(var(--wpds-dimension-base, 4px) * 3 - 1px);
1975
- height: calc(var(--wpds-dimension-base, 4px) * 3 - 1px);
1974
+ width: calc(var(--wpds-dimension-size-3xs, 12px) - 1px);
1975
+ height: calc(var(--wpds-dimension-size-3xs, 12px) - 1px);
1976
1976
  }
1977
1977
  .dataviews-view-activity .dataviews-view-activity__item.is-compact .dataviews-view-activity__item-content {
1978
1978
  margin: var(--wpds-dimension-gap-md, 12px) 0;
@@ -1984,8 +1984,8 @@ div.dataviews-view-list {
1984
1984
  height: var(--wpds-dimension-size-3xs, 12px);
1985
1985
  }
1986
1986
  .dataviews-view-activity .dataviews-view-activity__item.is-balanced .dataviews-view-activity__item-type-icon {
1987
- width: calc(var(--wpds-dimension-base, 4px) * 6 + 1px);
1988
- height: calc(var(--wpds-dimension-base, 4px) * 6 + 1px);
1987
+ width: calc(var(--wpds-dimension-size-sm, 24px) + 1px);
1988
+ height: calc(var(--wpds-dimension-size-sm, 24px) + 1px);
1989
1989
  }
1990
1990
  .dataviews-view-activity .dataviews-view-activity__item.is-balanced .dataviews-view-activity__item-content {
1991
1991
  margin: var(--wpds-dimension-gap-md, 12px) 0;
@@ -1998,16 +1998,16 @@ div.dataviews-view-list {
1998
1998
  height: var(--wpds-dimension-size-4xs, 8px);
1999
1999
  }
2000
2000
  .dataviews-view-activity .dataviews-view-activity__item.is-comfortable .dataviews-view-activity__item-type-icon {
2001
- width: calc(var(--wpds-dimension-base, 4px) * 8 + 1px);
2002
- height: calc(var(--wpds-dimension-base, 4px) * 8 + 1px);
2001
+ width: calc(var(--wpds-dimension-size-md, 32px) + 1px);
2002
+ height: calc(var(--wpds-dimension-size-md, 32px) + 1px);
2003
2003
  }
2004
2004
  .dataviews-view-activity .dataviews-view-activity__item.is-comfortable .dataviews-view-activity__item-content {
2005
2005
  margin: var(--wpds-dimension-gap-sm, 8px) 0 var(--wpds-dimension-gap-lg, 16px);
2006
2006
  padding-top: var(--wpds-dimension-padding-md, 12px);
2007
2007
  }
2008
2008
  .dataviews-view-activity .dataviews-view-activity__item.is-comfortable .dataviews-view-activity__item-bullet, .dataviews-view-activity .dataviews-view-activity__item.is-balanced .dataviews-view-activity__item-bullet {
2009
- width: calc(var(--wpds-dimension-base, 4px) * 2 + 1px);
2010
- height: calc(var(--wpds-dimension-base, 4px) * 2 + 1px);
2009
+ width: calc(var(--wpds-dimension-size-4xs, 8px) + 1px);
2010
+ height: calc(var(--wpds-dimension-size-4xs, 8px) + 1px);
2011
2011
  position: relative;
2012
2012
  top: 50%;
2013
2013
  transform: translateY(-50%);
@@ -2089,8 +2089,8 @@ div.dataviews-view-list {
2089
2089
  height: var(--wpds-dimension-size-3xs, 12px);
2090
2090
  }
2091
2091
  .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-compact .dataviews-view-picker-activity__item-type-icon {
2092
- width: calc(var(--wpds-dimension-base, 4px) * 3 - 1px);
2093
- height: calc(var(--wpds-dimension-base, 4px) * 3 - 1px);
2092
+ width: calc(var(--wpds-dimension-size-3xs, 12px) - 1px);
2093
+ height: calc(var(--wpds-dimension-size-3xs, 12px) - 1px);
2094
2094
  }
2095
2095
  .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-compact .dataviews-view-picker-activity__item-content {
2096
2096
  margin: var(--wpds-dimension-gap-md, 12px) 0;
@@ -2102,8 +2102,8 @@ div.dataviews-view-list {
2102
2102
  height: var(--wpds-dimension-size-3xs, 12px);
2103
2103
  }
2104
2104
  .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-balanced .dataviews-view-picker-activity__item-type-icon {
2105
- width: calc(var(--wpds-dimension-base, 4px) * 6 + 1px);
2106
- height: calc(var(--wpds-dimension-base, 4px) * 6 + 1px);
2105
+ width: calc(var(--wpds-dimension-size-sm, 24px) + 1px);
2106
+ height: calc(var(--wpds-dimension-size-sm, 24px) + 1px);
2107
2107
  }
2108
2108
  .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-balanced .dataviews-view-picker-activity__item-content {
2109
2109
  margin: var(--wpds-dimension-gap-md, 12px) 0;
@@ -2116,16 +2116,16 @@ div.dataviews-view-list {
2116
2116
  height: var(--wpds-dimension-size-4xs, 8px);
2117
2117
  }
2118
2118
  .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-comfortable .dataviews-view-picker-activity__item-type-icon {
2119
- width: calc(var(--wpds-dimension-base, 4px) * 8 + 1px);
2120
- height: calc(var(--wpds-dimension-base, 4px) * 8 + 1px);
2119
+ width: calc(var(--wpds-dimension-size-md, 32px) + 1px);
2120
+ height: calc(var(--wpds-dimension-size-md, 32px) + 1px);
2121
2121
  }
2122
2122
  .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-comfortable .dataviews-view-picker-activity__item-content {
2123
2123
  margin: var(--wpds-dimension-gap-sm, 8px) 0 var(--wpds-dimension-gap-lg, 16px);
2124
2124
  padding-top: var(--wpds-dimension-padding-md, 12px);
2125
2125
  }
2126
2126
  .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-comfortable .dataviews-view-picker-activity__item-bullet, .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-balanced .dataviews-view-picker-activity__item-bullet {
2127
- width: calc(var(--wpds-dimension-base, 4px) * 2 + 1px);
2128
- height: calc(var(--wpds-dimension-base, 4px) * 2 + 1px);
2127
+ width: calc(var(--wpds-dimension-size-4xs, 8px) + 1px);
2128
+ height: calc(var(--wpds-dimension-size-4xs, 8px) + 1px);
2129
2129
  position: relative;
2130
2130
  top: 50%;
2131
2131
  transform: translateY(-50%);
@@ -2351,15 +2351,12 @@ div.dataviews-view-list {
2351
2351
  position: relative;
2352
2352
  z-index: 1;
2353
2353
  cursor: help;
2354
- fill: var(--wpds-color-foreground-content-error-weak, #cc1818);
2354
+ color: var(--wpds-color-foreground-content-error-weak, #cc1818);
2355
2355
  display: inline-flex;
2356
2356
  flex-direction: row;
2357
2357
  align-items: center;
2358
2358
  gap: var(--wpds-dimension-gap-xs, 4px);
2359
2359
  }
2360
- .dataforms-layouts-panel__field-label-error-content svg {
2361
- fill: currentColor;
2362
- }
2363
2360
 
2364
2361
  .dataforms-layouts-panel__field-control {
2365
2362
  flex-grow: 1;
@@ -93,7 +93,7 @@
93
93
  flex-grow: 1;
94
94
  min-height: 0;
95
95
  box-sizing: border-box;
96
- scroll-padding-bottom: calc(var(--wpds-dimension-base, 4px) * 16);
96
+ scroll-padding-bottom: 64px;
97
97
  /* stylelint-disable-next-line property-no-unknown -- '@container' not globally permitted */
98
98
  container: dataviews-wrapper/inline-size;
99
99
  display: flex;
@@ -382,7 +382,7 @@
382
382
  }
383
383
 
384
384
  .dataviews-filters__search-widget-filter-combobox-list {
385
- max-height: calc(var(--wpds-dimension-base, 4px) * 46);
385
+ max-height: 184px;
386
386
  padding: var(--wpds-dimension-padding-xs, 4px);
387
387
  overflow: auto;
388
388
  border-top: 1px solid var(--wpds-color-stroke-surface-neutral, #dbdbdb);
@@ -1086,7 +1086,7 @@
1086
1086
  .dataviews-view-grid-infinite-scroll .dataviews-view-grid__fields .dataviews-view-grid__field-value:not(:empty) {
1087
1087
  min-height: var(--wpds-dimension-size-sm, 24px);
1088
1088
  line-height: var(--wpds-typography-line-height-sm, 20px);
1089
- padding-top: calc(var(--wpds-dimension-base, 4px) / 2);
1089
+ padding-top: calc((var(--wpds-dimension-size-sm, 24px) - var(--wpds-typography-line-height-sm, 20px)) / 2);
1090
1090
  }
1091
1091
  .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field,
1092
1092
  .dataviews-view-grid-infinite-scroll .dataviews-view-grid__fields .dataviews-view-grid__field {
@@ -1336,8 +1336,8 @@ div.dataviews-view-list {
1336
1336
  z-index: 1;
1337
1337
  }
1338
1338
  .dataviews-view-list .dataviews-view-list__media-wrapper {
1339
- width: calc(var(--wpds-dimension-base, 4px) * 13);
1340
- height: calc(var(--wpds-dimension-base, 4px) * 13);
1339
+ width: 48px;
1340
+ height: 48px;
1341
1341
  overflow: hidden;
1342
1342
  position: relative;
1343
1343
  flex-shrink: 0;
@@ -1361,7 +1361,7 @@ div.dataviews-view-list {
1361
1361
  border-radius: var(--wpds-border-radius-md, 4px);
1362
1362
  }
1363
1363
  .dataviews-view-list .dataviews-view-list__field-wrapper {
1364
- min-height: calc(var(--wpds-dimension-base, 4px) * 13);
1364
+ min-height: 48px;
1365
1365
  flex-grow: 1;
1366
1366
  min-width: 0;
1367
1367
  }
@@ -1420,11 +1420,11 @@ div.dataviews-view-list {
1420
1420
  line-height: var(--wpds-typography-line-height-xl, 32px);
1421
1421
  }
1422
1422
  .dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__media-wrapper {
1423
- width: calc(var(--wpds-dimension-base, 4px) * 16);
1424
- height: calc(var(--wpds-dimension-base, 4px) * 16);
1423
+ width: 64px;
1424
+ height: 64px;
1425
1425
  }
1426
1426
  .dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__field-wrapper {
1427
- min-height: calc(var(--wpds-dimension-base, 4px) * 16);
1427
+ min-height: 64px;
1428
1428
  }
1429
1429
  .dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__fields {
1430
1430
  gap: var(--wpds-dimension-gap-lg, 16px);
@@ -1792,7 +1792,7 @@ div.dataviews-view-list {
1792
1792
  .dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field-value:not(:empty) {
1793
1793
  min-height: var(--wpds-dimension-size-sm, 24px);
1794
1794
  line-height: var(--wpds-typography-line-height-sm, 20px);
1795
- padding-top: calc(var(--wpds-dimension-base, 4px) / 2);
1795
+ padding-top: calc((var(--wpds-dimension-size-sm, 24px) - var(--wpds-typography-line-height-sm, 20px)) / 2);
1796
1796
  }
1797
1797
  .dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field {
1798
1798
  min-height: var(--wpds-dimension-size-sm, 24px);
@@ -1850,14 +1850,14 @@ div.dataviews-view-list {
1850
1850
  font-weight: var(--wpds-typography-font-weight-medium, 499);
1851
1851
  color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
1852
1852
  margin: 0 0 var(--wpds-dimension-gap-sm, 8px) 0;
1853
- padding: 0 calc(var(--wpds-dimension-base, 4px) * 12);
1853
+ padding: 0 48px;
1854
1854
  }
1855
1855
 
1856
1856
  .dataviews-view-picker-table {
1857
1857
  background-color: inherit;
1858
1858
  }
1859
1859
  .dataviews-view-picker-table .dataviews-view-table__checkbox-column {
1860
- width: calc(var(--wpds-dimension-base, 4px) * 12);
1860
+ width: 48px;
1861
1861
  }
1862
1862
  .dataviews-view-picker-table tbody:focus-visible[aria-activedescendant] {
1863
1863
  outline: none;
@@ -1971,8 +1971,8 @@ div.dataviews-view-list {
1971
1971
  height: var(--wpds-dimension-size-3xs, 12px);
1972
1972
  }
1973
1973
  .dataviews-view-activity .dataviews-view-activity__item.is-compact .dataviews-view-activity__item-type-icon {
1974
- width: calc(var(--wpds-dimension-base, 4px) * 3 - 1px);
1975
- height: calc(var(--wpds-dimension-base, 4px) * 3 - 1px);
1974
+ width: calc(var(--wpds-dimension-size-3xs, 12px) - 1px);
1975
+ height: calc(var(--wpds-dimension-size-3xs, 12px) - 1px);
1976
1976
  }
1977
1977
  .dataviews-view-activity .dataviews-view-activity__item.is-compact .dataviews-view-activity__item-content {
1978
1978
  margin: var(--wpds-dimension-gap-md, 12px) 0;
@@ -1984,8 +1984,8 @@ div.dataviews-view-list {
1984
1984
  height: var(--wpds-dimension-size-3xs, 12px);
1985
1985
  }
1986
1986
  .dataviews-view-activity .dataviews-view-activity__item.is-balanced .dataviews-view-activity__item-type-icon {
1987
- width: calc(var(--wpds-dimension-base, 4px) * 6 + 1px);
1988
- height: calc(var(--wpds-dimension-base, 4px) * 6 + 1px);
1987
+ width: calc(var(--wpds-dimension-size-sm, 24px) + 1px);
1988
+ height: calc(var(--wpds-dimension-size-sm, 24px) + 1px);
1989
1989
  }
1990
1990
  .dataviews-view-activity .dataviews-view-activity__item.is-balanced .dataviews-view-activity__item-content {
1991
1991
  margin: var(--wpds-dimension-gap-md, 12px) 0;
@@ -1998,16 +1998,16 @@ div.dataviews-view-list {
1998
1998
  height: var(--wpds-dimension-size-4xs, 8px);
1999
1999
  }
2000
2000
  .dataviews-view-activity .dataviews-view-activity__item.is-comfortable .dataviews-view-activity__item-type-icon {
2001
- width: calc(var(--wpds-dimension-base, 4px) * 8 + 1px);
2002
- height: calc(var(--wpds-dimension-base, 4px) * 8 + 1px);
2001
+ width: calc(var(--wpds-dimension-size-md, 32px) + 1px);
2002
+ height: calc(var(--wpds-dimension-size-md, 32px) + 1px);
2003
2003
  }
2004
2004
  .dataviews-view-activity .dataviews-view-activity__item.is-comfortable .dataviews-view-activity__item-content {
2005
2005
  margin: var(--wpds-dimension-gap-sm, 8px) 0 var(--wpds-dimension-gap-lg, 16px);
2006
2006
  padding-top: var(--wpds-dimension-padding-md, 12px);
2007
2007
  }
2008
2008
  .dataviews-view-activity .dataviews-view-activity__item.is-comfortable .dataviews-view-activity__item-bullet, .dataviews-view-activity .dataviews-view-activity__item.is-balanced .dataviews-view-activity__item-bullet {
2009
- width: calc(var(--wpds-dimension-base, 4px) * 2 + 1px);
2010
- height: calc(var(--wpds-dimension-base, 4px) * 2 + 1px);
2009
+ width: calc(var(--wpds-dimension-size-4xs, 8px) + 1px);
2010
+ height: calc(var(--wpds-dimension-size-4xs, 8px) + 1px);
2011
2011
  position: relative;
2012
2012
  top: 50%;
2013
2013
  transform: translateY(-50%);
@@ -2089,8 +2089,8 @@ div.dataviews-view-list {
2089
2089
  height: var(--wpds-dimension-size-3xs, 12px);
2090
2090
  }
2091
2091
  .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-compact .dataviews-view-picker-activity__item-type-icon {
2092
- width: calc(var(--wpds-dimension-base, 4px) * 3 - 1px);
2093
- height: calc(var(--wpds-dimension-base, 4px) * 3 - 1px);
2092
+ width: calc(var(--wpds-dimension-size-3xs, 12px) - 1px);
2093
+ height: calc(var(--wpds-dimension-size-3xs, 12px) - 1px);
2094
2094
  }
2095
2095
  .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-compact .dataviews-view-picker-activity__item-content {
2096
2096
  margin: var(--wpds-dimension-gap-md, 12px) 0;
@@ -2102,8 +2102,8 @@ div.dataviews-view-list {
2102
2102
  height: var(--wpds-dimension-size-3xs, 12px);
2103
2103
  }
2104
2104
  .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-balanced .dataviews-view-picker-activity__item-type-icon {
2105
- width: calc(var(--wpds-dimension-base, 4px) * 6 + 1px);
2106
- height: calc(var(--wpds-dimension-base, 4px) * 6 + 1px);
2105
+ width: calc(var(--wpds-dimension-size-sm, 24px) + 1px);
2106
+ height: calc(var(--wpds-dimension-size-sm, 24px) + 1px);
2107
2107
  }
2108
2108
  .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-balanced .dataviews-view-picker-activity__item-content {
2109
2109
  margin: var(--wpds-dimension-gap-md, 12px) 0;
@@ -2116,16 +2116,16 @@ div.dataviews-view-list {
2116
2116
  height: var(--wpds-dimension-size-4xs, 8px);
2117
2117
  }
2118
2118
  .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-comfortable .dataviews-view-picker-activity__item-type-icon {
2119
- width: calc(var(--wpds-dimension-base, 4px) * 8 + 1px);
2120
- height: calc(var(--wpds-dimension-base, 4px) * 8 + 1px);
2119
+ width: calc(var(--wpds-dimension-size-md, 32px) + 1px);
2120
+ height: calc(var(--wpds-dimension-size-md, 32px) + 1px);
2121
2121
  }
2122
2122
  .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-comfortable .dataviews-view-picker-activity__item-content {
2123
2123
  margin: var(--wpds-dimension-gap-sm, 8px) 0 var(--wpds-dimension-gap-lg, 16px);
2124
2124
  padding-top: var(--wpds-dimension-padding-md, 12px);
2125
2125
  }
2126
2126
  .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-comfortable .dataviews-view-picker-activity__item-bullet, .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-balanced .dataviews-view-picker-activity__item-bullet {
2127
- width: calc(var(--wpds-dimension-base, 4px) * 2 + 1px);
2128
- height: calc(var(--wpds-dimension-base, 4px) * 2 + 1px);
2127
+ width: calc(var(--wpds-dimension-size-4xs, 8px) + 1px);
2128
+ height: calc(var(--wpds-dimension-size-4xs, 8px) + 1px);
2129
2129
  position: relative;
2130
2130
  top: 50%;
2131
2131
  transform: translateY(-50%);
@@ -2351,15 +2351,12 @@ div.dataviews-view-list {
2351
2351
  position: relative;
2352
2352
  z-index: 1;
2353
2353
  cursor: help;
2354
- fill: var(--wpds-color-foreground-content-error-weak, #cc1818);
2354
+ color: var(--wpds-color-foreground-content-error-weak, #cc1818);
2355
2355
  display: inline-flex;
2356
2356
  flex-direction: row;
2357
2357
  align-items: center;
2358
2358
  gap: var(--wpds-dimension-gap-xs, 4px);
2359
2359
  }
2360
- .dataforms-layouts-panel__field-label-error-content svg {
2361
- fill: currentColor;
2362
- }
2363
2360
 
2364
2361
  .dataforms-layouts-panel__field-control {
2365
2362
  flex-grow: 1;
@@ -2,7 +2,7 @@
2
2
  * Internal dependencies
3
3
  */
4
4
  import type { FieldValidity, NormalizedField, NormalizedFormField } from '../../../types';
5
- export default function SummaryButton<Item>({ data, field, fieldLabel, summaryFields, validity, touched, disabled, onClick, 'aria-expanded': ariaExpanded }: {
5
+ export default function SummaryButton<Item>({ data, field, fieldLabel, summaryFields, validity, touched, disabled, isOpen, onClick }: {
6
6
  data: Item;
7
7
  field: NormalizedFormField;
8
8
  fieldLabel?: string;
@@ -10,7 +10,7 @@ export default function SummaryButton<Item>({ data, field, fieldLabel, summaryFi
10
10
  validity?: FieldValidity;
11
11
  touched: boolean;
12
12
  disabled?: boolean;
13
+ isOpen: boolean;
13
14
  onClick: () => void;
14
- 'aria-expanded'?: boolean;
15
15
  }): import("react").JSX.Element;
16
16
  //# sourceMappingURL=summary-button.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"summary-button.d.ts","sourceRoot":"","sources":["../../../../src/components/dataform-layouts/panel/summary-button.tsx"],"names":[],"mappings":"AAeA;;GAEG;AACH,OAAO,KAAK,EACX,aAAa,EACb,eAAe,EACf,mBAAmB,EAEnB,MAAM,gBAAgB,CAAC;AAKxB,MAAM,CAAC,OAAO,UAAU,aAAa,CAAE,IAAI,EAAI,EAC9C,IAAI,EACJ,KAAK,EACL,UAAU,EACV,aAAa,EACb,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,OAAO,EACP,eAAe,EAAE,YAAY,EAC7B,EAAE;IACF,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,EAAE,mBAAmB,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,eAAe,CAAE,IAAI,CAAE,EAAE,CAAC;IACzC,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC1B,+BAkIA"}
1
+ {"version":3,"file":"summary-button.d.ts","sourceRoot":"","sources":["../../../../src/components/dataform-layouts/panel/summary-button.tsx"],"names":[],"mappings":"AAeA;;GAEG;AACH,OAAO,KAAK,EACX,aAAa,EACb,eAAe,EACf,mBAAmB,EAEnB,MAAM,gBAAgB,CAAC;AAKxB,MAAM,CAAC,OAAO,UAAU,aAAa,CAAE,IAAI,EAAI,EAC9C,IAAI,EACJ,KAAK,EACL,UAAU,EACV,aAAa,EACb,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,MAAM,EACN,OAAO,EACP,EAAE;IACF,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,EAAE,mBAAmB,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,eAAe,CAAE,IAAI,CAAE,EAAE,CAAC;IACzC,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;CACpB,+BA4IA"}