origam 2.18.16 → 2.18.17

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 (35) hide show
  1. package/dist/src/assets/css/main.css +1 -1
  2. package/dist/src/assets/css/tokens/dark.css +62 -26
  3. package/dist/src/assets/css/tokens/light.css +31 -13
  4. package/dist/src/assets/scss/tokens/_dark.scss +62 -26
  5. package/dist/src/assets/scss/tokens/_light.scss +31 -13
  6. package/dist/src/components/Btn/OrigamBtn.vue +39 -2
  7. package/dist/src/components/Btn/OrigamBtnGroup.vue +5 -0
  8. package/dist/src/components/DataTable/OrigamDataTable.vue +1 -1
  9. package/dist/src/components/DataTable/OrigamDataTableColumnCell.vue +3 -3
  10. package/dist/src/components/DataTable/OrigamDataTableGroupHeaderRow.vue +11 -4
  11. package/dist/src/components/DataTable/OrigamDataTableHeaderCell.vue +1 -1
  12. package/dist/src/components/DataTable/OrigamDataTableRow.vue +6 -1
  13. package/dist/src/components/DataTable/OrigamDataTableRows.vue +3 -3
  14. package/dist/src/components/Grid/OrigamGrid.vue +19 -0
  15. package/dist/src/components/List/OrigamListItem.vue +7 -0
  16. package/dist/src/components/List/OrigamListSubheader.vue +5 -0
  17. package/dist/src/composables/Commons/defaults.composable.d.ts +51 -0
  18. package/dist/src/composables/DataTable/headers.composable.d.ts +4 -4
  19. package/dist/src/consts/EmptyState/empty-state.const.d.ts +2 -16
  20. package/dist/src/interfaces/Commons/installed-theme.interface.cjs +1 -0
  21. package/dist/src/interfaces/Commons/installed-theme.interface.d.ts +26 -0
  22. package/dist/src/interfaces/Commons/installed-theme.interface.js +0 -0
  23. package/dist/src/interfaces/Commons/semantic-tree.interface.cjs +1 -0
  24. package/dist/src/interfaces/Commons/semantic-tree.interface.d.ts +30 -0
  25. package/dist/src/interfaces/Commons/semantic-tree.interface.js +0 -0
  26. package/dist/src/interfaces/Commons/theme.interface.d.ts +1 -1
  27. package/dist/src/interfaces/EmptyState/empty-state.interface.d.ts +13 -0
  28. package/dist/src/interfaces/index.cjs +22 -0
  29. package/dist/src/interfaces/index.d.ts +2 -0
  30. package/dist/src/interfaces/index.js +2 -0
  31. package/dist/src/types/Commons/installed-theme.type.d.ts +2 -27
  32. package/dist/src/types/Commons/semantic-tree.type.d.ts +0 -29
  33. package/dist/src/types/tokens.type.d.ts +1 -1
  34. package/dist/src/utils/Commons/apply-theme.util.d.ts +1 -1
  35. package/package.json +1 -1
package/dist/src/assets/css/tokens/dark.css CHANGED
@@ -324,6 +324,13 @@
324
324
  --origam-btn---opacity-disabled: var(--origam-opacity---50);
325
325
  --origam-btn---opacity-plain: var(--origam-opacity---70);
326
326
  --origam-btn---overlay-opacity-hover: var(--origam-opacity---12);
327
+ --origam-btn---overlay-opacity-active: 0.2;
328
+ --origam-btn---overlay-opacity-active-hover: 0.28;
329
+ --origam-btn--loader-skeleton---min-width: 96px;
330
+ --origam-btn--loader-skeleton---min-height: 36px;
331
+ --origam-btn__progress---linear-height: 3px;
332
+ --origam-btn__progress---linear-position: 0px;
333
+ --origam-btn__progress---linear-position-top: auto;
327
334
  --origam-btn---box-shadow-elevated: var(--origam-shadow---md);
328
335
  --origam-btn---background-color-tonal: var(--origam-color__surface---overlay);
329
336
  --origam-btn---background-color-tonal-active: var(--origam-color__surface---raised);
@@ -1724,7 +1731,7 @@
1724
1731
  --origam-data-table---width: 100%;
1725
1732
  --origam-data-table---border-collapse: separate;
1726
1733
  --origam-data-table---border-spacing: 0;
1727
- --origam-data-table__loading---opacity: var(--origam-opacity---50);
1734
+ --origam-data-table--loading---opacity: var(--origam-opacity---50);
1728
1735
  --origam-data-table__header---background-color: var(--origam-color__surface---raised);
1729
1736
  --origam-data-table__header---color: var(--origam-color__text---primary);
1730
1737
  --origam-data-table__header---sort-icon-color: var(--origam-color__text---primary);
@@ -1748,11 +1755,11 @@
1748
1755
  --origam-data-table__row---transition-easing: var(--origam-motion__easing---standard);
1749
1756
  --origam-data-table__row---column-title-font-weight: var(--origam-font__weight---medium);
1750
1757
  --origam-data-table__row---mobile-column-min-height: 52px;
1751
- --origam-data-table__cell---fixed-background-color: var(--origam-color__surface---raised);
1752
- --origam-data-table__cell---fixed-z-index: 1;
1753
- --origam-data-table__cell---last-fixed-border-right-color: var(--origam-color__border---subtle);
1754
- --origam-data-table__cell---last-fixed-border-right-width: var(--origam-border__width---thin);
1755
1758
  --origam-data-table__cell---last-fixed-border-right-style: solid;
1759
+ --origam-data-table-cell--fixed---background: var(--origam-color__surface---raised);
1760
+ --origam-data-table-cell--fixed---z-index: 1;
1761
+ --origam-data-table-cell--last-fixed---border-right-color: var(--origam-color__border---subtle);
1762
+ --origam-data-table-cell--last-fixed---border-right-width: var(--origam-border__width---thin);
1756
1763
  --origam-data-table__footer---background-color: var(--origam-color__surface---default);
1757
1764
  --origam-data-table__footer---color: var(--origam-color__text---primary);
1758
1765
  --origam-data-table__footer---padding-block: var(--origam-space---2);
@@ -1767,14 +1774,15 @@
1767
1774
  --origam-data-table__footer--info---padding-inline: var(--origam-space---4);
1768
1775
  --origam-data-table__footer--info---justify-content: flex-end;
1769
1776
  --origam-data-table__footer---pagination-margin-inline-start: var(--origam-space---4);
1770
- --origam-data-table---group-header-row-background-color: var(--origam-color__surface---overlay);
1771
- --origam-data-table---group-header-row-color: var(--origam-color__text---primary);
1772
- --origam-data-table---group-header-row-font-weight: var(--origam-font__weight---medium);
1773
- --origam-data-table---group-header-row-column-padding-inline-start-factor: var(--origam-space---4);
1774
- --origam-data-table__empty---color: var(--origam-color__text---secondary);
1775
- --origam-data-table__empty---text-align: center;
1776
- --origam-data-table---loading-row-color: var(--origam-color__text---secondary);
1777
- --origam-data-table__sortable---cursor: pointer;
1777
+ --origam-data-table-group-header-row---background-color: var(--origam-color__surface---overlay);
1778
+ --origam-data-table-group-header-row---color: var(--origam-color__text---primary);
1779
+ --origam-data-table-group-header-row---font-weight: var(--origam-font__weight---medium);
1780
+ --origam-data-table-group-header-row__column---padding-inline-start-factor: var(--origam-space---4);
1781
+ --origam-data-table-rows--no-data---text-align: center;
1782
+ --origam-data-table-rows--no-data---color: var(--origam-color__text---secondary);
1783
+ --origam-data-table-rows--loading---color: var(--origam-color__text---secondary);
1784
+ --origam-data-table-rows--skeleton---cell-padding: 4px 8px;
1785
+ --origam-data-table-header-cell--sortable---cursor: pointer;
1778
1786
  --origam-data-table__sortable---icon-color: var(--origam-color__text---primary);
1779
1787
  --origam-data-table__sortable---icon-color-active: var(--origam-color__text---primary);
1780
1788
  --origam-list---background: var(--origam-color__surface---default);
@@ -2406,6 +2414,16 @@
2406
2414
  --origam-grid---gap: var(--origam-grid---gap-md);
2407
2415
  --origam-grid---gap-lg: var(--origam-space---6);
2408
2416
  --origam-grid---gap-xl: var(--origam-space---8);
2417
+ --origam-grid---template-columns: none;
2418
+ --origam-grid---template-rows: none;
2419
+ --origam-grid---template-areas: none;
2420
+ --origam-grid---auto-flow: row;
2421
+ --origam-grid---auto-columns: auto;
2422
+ --origam-grid---auto-rows: auto;
2423
+ --origam-grid---align-items: stretch;
2424
+ --origam-grid---justify-items: stretch;
2425
+ --origam-grid---align-content: normal;
2426
+ --origam-grid---justify-content: normal;
2409
2427
  --origam-skeleton---background-color: var(--origam-color__surface---overlay);
2410
2428
  --origam-skeleton---border-radius: var(--origam-radius---sm);
2411
2429
  --origam-skeleton---border-radius-circular: var(--origam-radius---full);
@@ -3224,6 +3242,13 @@
3224
3242
  --origam-btn---opacity-disabled: var(--origam-opacity---50);
3225
3243
  --origam-btn---opacity-plain: var(--origam-opacity---70);
3226
3244
  --origam-btn---overlay-opacity-hover: var(--origam-opacity---12);
3245
+ --origam-btn---overlay-opacity-active: 0.2;
3246
+ --origam-btn---overlay-opacity-active-hover: 0.28;
3247
+ --origam-btn--loader-skeleton---min-width: 96px;
3248
+ --origam-btn--loader-skeleton---min-height: 36px;
3249
+ --origam-btn__progress---linear-height: 3px;
3250
+ --origam-btn__progress---linear-position: 0px;
3251
+ --origam-btn__progress---linear-position-top: auto;
3227
3252
  --origam-btn---box-shadow-elevated: var(--origam-shadow---md);
3228
3253
  --origam-btn---background-color-tonal: var(--origam-color__surface---overlay);
3229
3254
  --origam-btn---background-color-tonal-active: var(--origam-color__surface---raised);
@@ -4624,7 +4649,7 @@
4624
4649
  --origam-data-table---width: 100%;
4625
4650
  --origam-data-table---border-collapse: separate;
4626
4651
  --origam-data-table---border-spacing: 0;
4627
- --origam-data-table__loading---opacity: var(--origam-opacity---50);
4652
+ --origam-data-table--loading---opacity: var(--origam-opacity---50);
4628
4653
  --origam-data-table__header---background-color: var(--origam-color__surface---raised);
4629
4654
  --origam-data-table__header---color: var(--origam-color__text---primary);
4630
4655
  --origam-data-table__header---sort-icon-color: var(--origam-color__text---primary);
@@ -4648,11 +4673,11 @@
4648
4673
  --origam-data-table__row---transition-easing: var(--origam-motion__easing---standard);
4649
4674
  --origam-data-table__row---column-title-font-weight: var(--origam-font__weight---medium);
4650
4675
  --origam-data-table__row---mobile-column-min-height: 52px;
4651
- --origam-data-table__cell---fixed-background-color: var(--origam-color__surface---raised);
4652
- --origam-data-table__cell---fixed-z-index: 1;
4653
- --origam-data-table__cell---last-fixed-border-right-color: var(--origam-color__border---subtle);
4654
- --origam-data-table__cell---last-fixed-border-right-width: var(--origam-border__width---thin);
4655
4676
  --origam-data-table__cell---last-fixed-border-right-style: solid;
4677
+ --origam-data-table-cell--fixed---background: var(--origam-color__surface---raised);
4678
+ --origam-data-table-cell--fixed---z-index: 1;
4679
+ --origam-data-table-cell--last-fixed---border-right-color: var(--origam-color__border---subtle);
4680
+ --origam-data-table-cell--last-fixed---border-right-width: var(--origam-border__width---thin);
4656
4681
  --origam-data-table__footer---background-color: var(--origam-color__surface---default);
4657
4682
  --origam-data-table__footer---color: var(--origam-color__text---primary);
4658
4683
  --origam-data-table__footer---padding-block: var(--origam-space---2);
@@ -4667,14 +4692,15 @@
4667
4692
  --origam-data-table__footer--info---padding-inline: var(--origam-space---4);
4668
4693
  --origam-data-table__footer--info---justify-content: flex-end;
4669
4694
  --origam-data-table__footer---pagination-margin-inline-start: var(--origam-space---4);
4670
- --origam-data-table---group-header-row-background-color: var(--origam-color__surface---overlay);
4671
- --origam-data-table---group-header-row-color: var(--origam-color__text---primary);
4672
- --origam-data-table---group-header-row-font-weight: var(--origam-font__weight---medium);
4673
- --origam-data-table---group-header-row-column-padding-inline-start-factor: var(--origam-space---4);
4674
- --origam-data-table__empty---color: var(--origam-color__text---secondary);
4675
- --origam-data-table__empty---text-align: center;
4676
- --origam-data-table---loading-row-color: var(--origam-color__text---secondary);
4677
- --origam-data-table__sortable---cursor: pointer;
4695
+ --origam-data-table-group-header-row---background-color: var(--origam-color__surface---overlay);
4696
+ --origam-data-table-group-header-row---color: var(--origam-color__text---primary);
4697
+ --origam-data-table-group-header-row---font-weight: var(--origam-font__weight---medium);
4698
+ --origam-data-table-group-header-row__column---padding-inline-start-factor: var(--origam-space---4);
4699
+ --origam-data-table-rows--no-data---text-align: center;
4700
+ --origam-data-table-rows--no-data---color: var(--origam-color__text---secondary);
4701
+ --origam-data-table-rows--loading---color: var(--origam-color__text---secondary);
4702
+ --origam-data-table-rows--skeleton---cell-padding: 4px 8px;
4703
+ --origam-data-table-header-cell--sortable---cursor: pointer;
4678
4704
  --origam-data-table__sortable---icon-color: var(--origam-color__text---primary);
4679
4705
  --origam-data-table__sortable---icon-color-active: var(--origam-color__text---primary);
4680
4706
  --origam-list---background: var(--origam-color__surface---default);
@@ -5305,6 +5331,16 @@
5305
5331
  --origam-grid---gap: var(--origam-grid---gap-md);
5306
5332
  --origam-grid---gap-lg: var(--origam-space---6);
5307
5333
  --origam-grid---gap-xl: var(--origam-space---8);
5334
+ --origam-grid---template-columns: none;
5335
+ --origam-grid---template-rows: none;
5336
+ --origam-grid---template-areas: none;
5337
+ --origam-grid---auto-flow: row;
5338
+ --origam-grid---auto-columns: auto;
5339
+ --origam-grid---auto-rows: auto;
5340
+ --origam-grid---align-items: stretch;
5341
+ --origam-grid---justify-items: stretch;
5342
+ --origam-grid---align-content: normal;
5343
+ --origam-grid---justify-content: normal;
5308
5344
  --origam-skeleton---background-color: var(--origam-color__surface---overlay);
5309
5345
  --origam-skeleton---border-radius: var(--origam-radius---sm);
5310
5346
  --origam-skeleton---border-radius-circular: var(--origam-radius---full);
package/dist/src/assets/css/tokens/light.css CHANGED
@@ -226,6 +226,13 @@
226
226
  --origam-btn---opacity-disabled: var(--origam-opacity---50);
227
227
  --origam-btn---opacity-plain: var(--origam-opacity---70);
228
228
  --origam-btn---overlay-opacity-hover: var(--origam-opacity---12);
229
+ --origam-btn---overlay-opacity-active: 0.2;
230
+ --origam-btn---overlay-opacity-active-hover: 0.28;
231
+ --origam-btn--loader-skeleton---min-width: 96px;
232
+ --origam-btn--loader-skeleton---min-height: 36px;
233
+ --origam-btn__progress---linear-height: 3px;
234
+ --origam-btn__progress---linear-position: 0px;
235
+ --origam-btn__progress---linear-position-top: auto;
229
236
  --origam-btn---box-shadow-elevated: var(--origam-shadow---md);
230
237
  --origam-btn---background-color-tonal: var(--origam-color__surface---overlay);
231
238
  --origam-btn---background-color-tonal-active: var(--origam-color__surface---raised);
@@ -1628,7 +1635,7 @@
1628
1635
  --origam-data-table---width: 100%;
1629
1636
  --origam-data-table---border-collapse: separate;
1630
1637
  --origam-data-table---border-spacing: 0;
1631
- --origam-data-table__loading---opacity: var(--origam-opacity---50);
1638
+ --origam-data-table--loading---opacity: var(--origam-opacity---50);
1632
1639
  --origam-data-table__header---background-color: var(--origam-color__surface---raised);
1633
1640
  --origam-data-table__header---color: var(--origam-color__text---primary);
1634
1641
  --origam-data-table__header---sort-icon-color: var(--origam-color__text---primary);
@@ -1652,11 +1659,11 @@
1652
1659
  --origam-data-table__row---transition-easing: var(--origam-motion__easing---standard);
1653
1660
  --origam-data-table__row---column-title-font-weight: var(--origam-font__weight---medium);
1654
1661
  --origam-data-table__row---mobile-column-min-height: 52px;
1655
- --origam-data-table__cell---fixed-background-color: var(--origam-color__surface---raised);
1656
- --origam-data-table__cell---fixed-z-index: 1;
1657
- --origam-data-table__cell---last-fixed-border-right-color: var(--origam-color__border---subtle);
1658
- --origam-data-table__cell---last-fixed-border-right-width: var(--origam-border__width---thin);
1659
1662
  --origam-data-table__cell---last-fixed-border-right-style: solid;
1663
+ --origam-data-table-cell--fixed---background: var(--origam-color__surface---raised);
1664
+ --origam-data-table-cell--fixed---z-index: 1;
1665
+ --origam-data-table-cell--last-fixed---border-right-color: var(--origam-color__border---subtle);
1666
+ --origam-data-table-cell--last-fixed---border-right-width: var(--origam-border__width---thin);
1660
1667
  --origam-data-table__footer---background-color: var(--origam-color__surface---default);
1661
1668
  --origam-data-table__footer---color: var(--origam-color__text---primary);
1662
1669
  --origam-data-table__footer---padding-block: var(--origam-space---2);
@@ -1671,14 +1678,15 @@
1671
1678
  --origam-data-table__footer--info---padding-inline: var(--origam-space---4);
1672
1679
  --origam-data-table__footer--info---justify-content: flex-end;
1673
1680
  --origam-data-table__footer---pagination-margin-inline-start: var(--origam-space---4);
1674
- --origam-data-table---group-header-row-background-color: var(--origam-color__surface---overlay);
1675
- --origam-data-table---group-header-row-color: var(--origam-color__text---primary);
1676
- --origam-data-table---group-header-row-font-weight: var(--origam-font__weight---medium);
1677
- --origam-data-table---group-header-row-column-padding-inline-start-factor: var(--origam-space---4);
1678
- --origam-data-table__empty---color: var(--origam-color__text---secondary);
1679
- --origam-data-table__empty---text-align: center;
1680
- --origam-data-table---loading-row-color: var(--origam-color__text---secondary);
1681
- --origam-data-table__sortable---cursor: pointer;
1681
+ --origam-data-table-group-header-row---background-color: var(--origam-color__surface---overlay);
1682
+ --origam-data-table-group-header-row---color: var(--origam-color__text---primary);
1683
+ --origam-data-table-group-header-row---font-weight: var(--origam-font__weight---medium);
1684
+ --origam-data-table-group-header-row__column---padding-inline-start-factor: var(--origam-space---4);
1685
+ --origam-data-table-rows--no-data---text-align: center;
1686
+ --origam-data-table-rows--no-data---color: var(--origam-color__text---secondary);
1687
+ --origam-data-table-rows--loading---color: var(--origam-color__text---secondary);
1688
+ --origam-data-table-rows--skeleton---cell-padding: 4px 8px;
1689
+ --origam-data-table-header-cell--sortable---cursor: pointer;
1682
1690
  --origam-data-table__sortable---icon-color: var(--origam-color__text---primary);
1683
1691
  --origam-data-table__sortable---icon-color-active: var(--origam-color__text---primary);
1684
1692
  --origam-list---background: var(--origam-color__surface---default);
@@ -2322,6 +2330,16 @@
2322
2330
  --origam-grid---gap: var(--origam-grid---gap-md);
2323
2331
  --origam-grid---gap-lg: var(--origam-space---6);
2324
2332
  --origam-grid---gap-xl: var(--origam-space---8);
2333
+ --origam-grid---template-columns: none;
2334
+ --origam-grid---template-rows: none;
2335
+ --origam-grid---template-areas: none;
2336
+ --origam-grid---auto-flow: row;
2337
+ --origam-grid---auto-columns: auto;
2338
+ --origam-grid---auto-rows: auto;
2339
+ --origam-grid---align-items: stretch;
2340
+ --origam-grid---justify-items: stretch;
2341
+ --origam-grid---align-content: normal;
2342
+ --origam-grid---justify-content: normal;
2325
2343
  --origam-skeleton---background-color: var(--origam-color__surface---overlay);
2326
2344
  --origam-skeleton---border-radius: var(--origam-radius---sm);
2327
2345
  --origam-skeleton---border-radius-circular: var(--origam-radius---full);
package/dist/src/assets/scss/tokens/_dark.scss CHANGED
@@ -324,6 +324,13 @@
324
324
  --origam-btn---opacity-disabled: var(--origam-opacity---50);
325
325
  --origam-btn---opacity-plain: var(--origam-opacity---70);
326
326
  --origam-btn---overlay-opacity-hover: var(--origam-opacity---12);
327
+ --origam-btn---overlay-opacity-active: 0.2;
328
+ --origam-btn---overlay-opacity-active-hover: 0.28;
329
+ --origam-btn--loader-skeleton---min-width: 96px;
330
+ --origam-btn--loader-skeleton---min-height: 36px;
331
+ --origam-btn__progress---linear-height: 3px;
332
+ --origam-btn__progress---linear-position: 0px;
333
+ --origam-btn__progress---linear-position-top: auto;
327
334
  --origam-btn---box-shadow-elevated: var(--origam-shadow---md);
328
335
  --origam-btn---background-color-tonal: var(--origam-color__surface---overlay);
329
336
  --origam-btn---background-color-tonal-active: var(--origam-color__surface---raised);
@@ -1724,7 +1731,7 @@
1724
1731
  --origam-data-table---width: 100%;
1725
1732
  --origam-data-table---border-collapse: separate;
1726
1733
  --origam-data-table---border-spacing: 0;
1727
- --origam-data-table__loading---opacity: var(--origam-opacity---50);
1734
+ --origam-data-table--loading---opacity: var(--origam-opacity---50);
1728
1735
  --origam-data-table__header---background-color: var(--origam-color__surface---raised);
1729
1736
  --origam-data-table__header---color: var(--origam-color__text---primary);
1730
1737
  --origam-data-table__header---sort-icon-color: var(--origam-color__text---primary);
@@ -1748,11 +1755,11 @@
1748
1755
  --origam-data-table__row---transition-easing: var(--origam-motion__easing---standard);
1749
1756
  --origam-data-table__row---column-title-font-weight: var(--origam-font__weight---medium);
1750
1757
  --origam-data-table__row---mobile-column-min-height: 52px;
1751
- --origam-data-table__cell---fixed-background-color: var(--origam-color__surface---raised);
1752
- --origam-data-table__cell---fixed-z-index: 1;
1753
- --origam-data-table__cell---last-fixed-border-right-color: var(--origam-color__border---subtle);
1754
- --origam-data-table__cell---last-fixed-border-right-width: var(--origam-border__width---thin);
1755
1758
  --origam-data-table__cell---last-fixed-border-right-style: solid;
1759
+ --origam-data-table-cell--fixed---background: var(--origam-color__surface---raised);
1760
+ --origam-data-table-cell--fixed---z-index: 1;
1761
+ --origam-data-table-cell--last-fixed---border-right-color: var(--origam-color__border---subtle);
1762
+ --origam-data-table-cell--last-fixed---border-right-width: var(--origam-border__width---thin);
1756
1763
  --origam-data-table__footer---background-color: var(--origam-color__surface---default);
1757
1764
  --origam-data-table__footer---color: var(--origam-color__text---primary);
1758
1765
  --origam-data-table__footer---padding-block: var(--origam-space---2);
@@ -1767,14 +1774,15 @@
1767
1774
  --origam-data-table__footer--info---padding-inline: var(--origam-space---4);
1768
1775
  --origam-data-table__footer--info---justify-content: flex-end;
1769
1776
  --origam-data-table__footer---pagination-margin-inline-start: var(--origam-space---4);
1770
- --origam-data-table---group-header-row-background-color: var(--origam-color__surface---overlay);
1771
- --origam-data-table---group-header-row-color: var(--origam-color__text---primary);
1772
- --origam-data-table---group-header-row-font-weight: var(--origam-font__weight---medium);
1773
- --origam-data-table---group-header-row-column-padding-inline-start-factor: var(--origam-space---4);
1774
- --origam-data-table__empty---color: var(--origam-color__text---secondary);
1775
- --origam-data-table__empty---text-align: center;
1776
- --origam-data-table---loading-row-color: var(--origam-color__text---secondary);
1777
- --origam-data-table__sortable---cursor: pointer;
1777
+ --origam-data-table-group-header-row---background-color: var(--origam-color__surface---overlay);
1778
+ --origam-data-table-group-header-row---color: var(--origam-color__text---primary);
1779
+ --origam-data-table-group-header-row---font-weight: var(--origam-font__weight---medium);
1780
+ --origam-data-table-group-header-row__column---padding-inline-start-factor: var(--origam-space---4);
1781
+ --origam-data-table-rows--no-data---text-align: center;
1782
+ --origam-data-table-rows--no-data---color: var(--origam-color__text---secondary);
1783
+ --origam-data-table-rows--loading---color: var(--origam-color__text---secondary);
1784
+ --origam-data-table-rows--skeleton---cell-padding: 4px 8px;
1785
+ --origam-data-table-header-cell--sortable---cursor: pointer;
1778
1786
  --origam-data-table__sortable---icon-color: var(--origam-color__text---primary);
1779
1787
  --origam-data-table__sortable---icon-color-active: var(--origam-color__text---primary);
1780
1788
  --origam-list---background: var(--origam-color__surface---default);
@@ -2406,6 +2414,16 @@
2406
2414
  --origam-grid---gap: var(--origam-grid---gap-md);
2407
2415
  --origam-grid---gap-lg: var(--origam-space---6);
2408
2416
  --origam-grid---gap-xl: var(--origam-space---8);
2417
+ --origam-grid---template-columns: none;
2418
+ --origam-grid---template-rows: none;
2419
+ --origam-grid---template-areas: none;
2420
+ --origam-grid---auto-flow: row;
2421
+ --origam-grid---auto-columns: auto;
2422
+ --origam-grid---auto-rows: auto;
2423
+ --origam-grid---align-items: stretch;
2424
+ --origam-grid---justify-items: stretch;
2425
+ --origam-grid---align-content: normal;
2426
+ --origam-grid---justify-content: normal;
2409
2427
  --origam-skeleton---background-color: var(--origam-color__surface---overlay);
2410
2428
  --origam-skeleton---border-radius: var(--origam-radius---sm);
2411
2429
  --origam-skeleton---border-radius-circular: var(--origam-radius---full);
@@ -3224,6 +3242,13 @@
3224
3242
  --origam-btn---opacity-disabled: var(--origam-opacity---50);
3225
3243
  --origam-btn---opacity-plain: var(--origam-opacity---70);
3226
3244
  --origam-btn---overlay-opacity-hover: var(--origam-opacity---12);
3245
+ --origam-btn---overlay-opacity-active: 0.2;
3246
+ --origam-btn---overlay-opacity-active-hover: 0.28;
3247
+ --origam-btn--loader-skeleton---min-width: 96px;
3248
+ --origam-btn--loader-skeleton---min-height: 36px;
3249
+ --origam-btn__progress---linear-height: 3px;
3250
+ --origam-btn__progress---linear-position: 0px;
3251
+ --origam-btn__progress---linear-position-top: auto;
3227
3252
  --origam-btn---box-shadow-elevated: var(--origam-shadow---md);
3228
3253
  --origam-btn---background-color-tonal: var(--origam-color__surface---overlay);
3229
3254
  --origam-btn---background-color-tonal-active: var(--origam-color__surface---raised);
@@ -4624,7 +4649,7 @@
4624
4649
  --origam-data-table---width: 100%;
4625
4650
  --origam-data-table---border-collapse: separate;
4626
4651
  --origam-data-table---border-spacing: 0;
4627
- --origam-data-table__loading---opacity: var(--origam-opacity---50);
4652
+ --origam-data-table--loading---opacity: var(--origam-opacity---50);
4628
4653
  --origam-data-table__header---background-color: var(--origam-color__surface---raised);
4629
4654
  --origam-data-table__header---color: var(--origam-color__text---primary);
4630
4655
  --origam-data-table__header---sort-icon-color: var(--origam-color__text---primary);
@@ -4648,11 +4673,11 @@
4648
4673
  --origam-data-table__row---transition-easing: var(--origam-motion__easing---standard);
4649
4674
  --origam-data-table__row---column-title-font-weight: var(--origam-font__weight---medium);
4650
4675
  --origam-data-table__row---mobile-column-min-height: 52px;
4651
- --origam-data-table__cell---fixed-background-color: var(--origam-color__surface---raised);
4652
- --origam-data-table__cell---fixed-z-index: 1;
4653
- --origam-data-table__cell---last-fixed-border-right-color: var(--origam-color__border---subtle);
4654
- --origam-data-table__cell---last-fixed-border-right-width: var(--origam-border__width---thin);
4655
4676
  --origam-data-table__cell---last-fixed-border-right-style: solid;
4677
+ --origam-data-table-cell--fixed---background: var(--origam-color__surface---raised);
4678
+ --origam-data-table-cell--fixed---z-index: 1;
4679
+ --origam-data-table-cell--last-fixed---border-right-color: var(--origam-color__border---subtle);
4680
+ --origam-data-table-cell--last-fixed---border-right-width: var(--origam-border__width---thin);
4656
4681
  --origam-data-table__footer---background-color: var(--origam-color__surface---default);
4657
4682
  --origam-data-table__footer---color: var(--origam-color__text---primary);
4658
4683
  --origam-data-table__footer---padding-block: var(--origam-space---2);
@@ -4667,14 +4692,15 @@
4667
4692
  --origam-data-table__footer--info---padding-inline: var(--origam-space---4);
4668
4693
  --origam-data-table__footer--info---justify-content: flex-end;
4669
4694
  --origam-data-table__footer---pagination-margin-inline-start: var(--origam-space---4);
4670
- --origam-data-table---group-header-row-background-color: var(--origam-color__surface---overlay);
4671
- --origam-data-table---group-header-row-color: var(--origam-color__text---primary);
4672
- --origam-data-table---group-header-row-font-weight: var(--origam-font__weight---medium);
4673
- --origam-data-table---group-header-row-column-padding-inline-start-factor: var(--origam-space---4);
4674
- --origam-data-table__empty---color: var(--origam-color__text---secondary);
4675
- --origam-data-table__empty---text-align: center;
4676
- --origam-data-table---loading-row-color: var(--origam-color__text---secondary);
4677
- --origam-data-table__sortable---cursor: pointer;
4695
+ --origam-data-table-group-header-row---background-color: var(--origam-color__surface---overlay);
4696
+ --origam-data-table-group-header-row---color: var(--origam-color__text---primary);
4697
+ --origam-data-table-group-header-row---font-weight: var(--origam-font__weight---medium);
4698
+ --origam-data-table-group-header-row__column---padding-inline-start-factor: var(--origam-space---4);
4699
+ --origam-data-table-rows--no-data---text-align: center;
4700
+ --origam-data-table-rows--no-data---color: var(--origam-color__text---secondary);
4701
+ --origam-data-table-rows--loading---color: var(--origam-color__text---secondary);
4702
+ --origam-data-table-rows--skeleton---cell-padding: 4px 8px;
4703
+ --origam-data-table-header-cell--sortable---cursor: pointer;
4678
4704
  --origam-data-table__sortable---icon-color: var(--origam-color__text---primary);
4679
4705
  --origam-data-table__sortable---icon-color-active: var(--origam-color__text---primary);
4680
4706
  --origam-list---background: var(--origam-color__surface---default);
@@ -5305,6 +5331,16 @@
5305
5331
  --origam-grid---gap: var(--origam-grid---gap-md);
5306
5332
  --origam-grid---gap-lg: var(--origam-space---6);
5307
5333
  --origam-grid---gap-xl: var(--origam-space---8);
5334
+ --origam-grid---template-columns: none;
5335
+ --origam-grid---template-rows: none;
5336
+ --origam-grid---template-areas: none;
5337
+ --origam-grid---auto-flow: row;
5338
+ --origam-grid---auto-columns: auto;
5339
+ --origam-grid---auto-rows: auto;
5340
+ --origam-grid---align-items: stretch;
5341
+ --origam-grid---justify-items: stretch;
5342
+ --origam-grid---align-content: normal;
5343
+ --origam-grid---justify-content: normal;
5308
5344
  --origam-skeleton---background-color: var(--origam-color__surface---overlay);
5309
5345
  --origam-skeleton---border-radius: var(--origam-radius---sm);
5310
5346
  --origam-skeleton---border-radius-circular: var(--origam-radius---full);
package/dist/src/assets/scss/tokens/_light.scss CHANGED
@@ -226,6 +226,13 @@
226
226
  --origam-btn---opacity-disabled: var(--origam-opacity---50);
227
227
  --origam-btn---opacity-plain: var(--origam-opacity---70);
228
228
  --origam-btn---overlay-opacity-hover: var(--origam-opacity---12);
229
+ --origam-btn---overlay-opacity-active: 0.2;
230
+ --origam-btn---overlay-opacity-active-hover: 0.28;
231
+ --origam-btn--loader-skeleton---min-width: 96px;
232
+ --origam-btn--loader-skeleton---min-height: 36px;
233
+ --origam-btn__progress---linear-height: 3px;
234
+ --origam-btn__progress---linear-position: 0px;
235
+ --origam-btn__progress---linear-position-top: auto;
229
236
  --origam-btn---box-shadow-elevated: var(--origam-shadow---md);
230
237
  --origam-btn---background-color-tonal: var(--origam-color__surface---overlay);
231
238
  --origam-btn---background-color-tonal-active: var(--origam-color__surface---raised);
@@ -1628,7 +1635,7 @@
1628
1635
  --origam-data-table---width: 100%;
1629
1636
  --origam-data-table---border-collapse: separate;
1630
1637
  --origam-data-table---border-spacing: 0;
1631
- --origam-data-table__loading---opacity: var(--origam-opacity---50);
1638
+ --origam-data-table--loading---opacity: var(--origam-opacity---50);
1632
1639
  --origam-data-table__header---background-color: var(--origam-color__surface---raised);
1633
1640
  --origam-data-table__header---color: var(--origam-color__text---primary);
1634
1641
  --origam-data-table__header---sort-icon-color: var(--origam-color__text---primary);
@@ -1652,11 +1659,11 @@
1652
1659
  --origam-data-table__row---transition-easing: var(--origam-motion__easing---standard);
1653
1660
  --origam-data-table__row---column-title-font-weight: var(--origam-font__weight---medium);
1654
1661
  --origam-data-table__row---mobile-column-min-height: 52px;
1655
- --origam-data-table__cell---fixed-background-color: var(--origam-color__surface---raised);
1656
- --origam-data-table__cell---fixed-z-index: 1;
1657
- --origam-data-table__cell---last-fixed-border-right-color: var(--origam-color__border---subtle);
1658
- --origam-data-table__cell---last-fixed-border-right-width: var(--origam-border__width---thin);
1659
1662
  --origam-data-table__cell---last-fixed-border-right-style: solid;
1663
+ --origam-data-table-cell--fixed---background: var(--origam-color__surface---raised);
1664
+ --origam-data-table-cell--fixed---z-index: 1;
1665
+ --origam-data-table-cell--last-fixed---border-right-color: var(--origam-color__border---subtle);
1666
+ --origam-data-table-cell--last-fixed---border-right-width: var(--origam-border__width---thin);
1660
1667
  --origam-data-table__footer---background-color: var(--origam-color__surface---default);
1661
1668
  --origam-data-table__footer---color: var(--origam-color__text---primary);
1662
1669
  --origam-data-table__footer---padding-block: var(--origam-space---2);
@@ -1671,14 +1678,15 @@
1671
1678
  --origam-data-table__footer--info---padding-inline: var(--origam-space---4);
1672
1679
  --origam-data-table__footer--info---justify-content: flex-end;
1673
1680
  --origam-data-table__footer---pagination-margin-inline-start: var(--origam-space---4);
1674
- --origam-data-table---group-header-row-background-color: var(--origam-color__surface---overlay);
1675
- --origam-data-table---group-header-row-color: var(--origam-color__text---primary);
1676
- --origam-data-table---group-header-row-font-weight: var(--origam-font__weight---medium);
1677
- --origam-data-table---group-header-row-column-padding-inline-start-factor: var(--origam-space---4);
1678
- --origam-data-table__empty---color: var(--origam-color__text---secondary);
1679
- --origam-data-table__empty---text-align: center;
1680
- --origam-data-table---loading-row-color: var(--origam-color__text---secondary);
1681
- --origam-data-table__sortable---cursor: pointer;
1681
+ --origam-data-table-group-header-row---background-color: var(--origam-color__surface---overlay);
1682
+ --origam-data-table-group-header-row---color: var(--origam-color__text---primary);
1683
+ --origam-data-table-group-header-row---font-weight: var(--origam-font__weight---medium);
1684
+ --origam-data-table-group-header-row__column---padding-inline-start-factor: var(--origam-space---4);
1685
+ --origam-data-table-rows--no-data---text-align: center;
1686
+ --origam-data-table-rows--no-data---color: var(--origam-color__text---secondary);
1687
+ --origam-data-table-rows--loading---color: var(--origam-color__text---secondary);
1688
+ --origam-data-table-rows--skeleton---cell-padding: 4px 8px;
1689
+ --origam-data-table-header-cell--sortable---cursor: pointer;
1682
1690
  --origam-data-table__sortable---icon-color: var(--origam-color__text---primary);
1683
1691
  --origam-data-table__sortable---icon-color-active: var(--origam-color__text---primary);
1684
1692
  --origam-list---background: var(--origam-color__surface---default);
@@ -2322,6 +2330,16 @@
2322
2330
  --origam-grid---gap: var(--origam-grid---gap-md);
2323
2331
  --origam-grid---gap-lg: var(--origam-space---6);
2324
2332
  --origam-grid---gap-xl: var(--origam-space---8);
2333
+ --origam-grid---template-columns: none;
2334
+ --origam-grid---template-rows: none;
2335
+ --origam-grid---template-areas: none;
2336
+ --origam-grid---auto-flow: row;
2337
+ --origam-grid---auto-columns: auto;
2338
+ --origam-grid---auto-rows: auto;
2339
+ --origam-grid---align-items: stretch;
2340
+ --origam-grid---justify-items: stretch;
2341
+ --origam-grid---align-content: normal;
2342
+ --origam-grid---justify-content: normal;
2325
2343
  --origam-skeleton---background-color: var(--origam-color__surface---overlay);
2326
2344
  --origam-skeleton---border-radius: var(--origam-radius---sm);
2327
2345
  --origam-skeleton---border-radius-circular: var(--origam-radius---full);
package/dist/src/components/Btn/OrigamBtn.vue CHANGED
@@ -479,6 +479,13 @@ defineExpose({
479
479
  min-width: calc(var(--origam-btn---min-width, 64px) + var(--origam-btn---density, 0px));
480
480
  max-width: var(--origam-btn---max-width, 100%);
481
481
  height: calc(var(--origam-btn---height, 36px) + var(--origam-btn---density, 0px));
482
+ // ⛔ C2 (#597) — `--origam-btn---min-height` reste NON DECLARE, a dessein.
483
+ // Son repli est `calc(height + density)`, deux vars reglees PAR INSTANCE
484
+ // (`&--size-*` / `&--density-*` plus bas dans ce bloc). Une custom property
485
+ // est substituee SUR L'ELEMENT QUI LA DECLARE : une declaration `:root`
486
+ // figerait la hauteur minimale a la taille/densite racine et les props
487
+ // `size` / `density` cesseraient d'agir sur elle. Faux positif de la garde,
488
+ // qui compare des noms et non des chaines de repli.
482
489
  min-height: var(--origam-btn---min-height, calc(var(--origam-btn---height, 36px) + var(--origam-btn---density, 0px)));
483
490
  max-height: var(--origam-btn---max-height, 100%);
484
491
 
@@ -800,6 +807,15 @@ defineExpose({
800
807
  // no longer forced to share one token. Themes that don't
801
808
  // declare it fall straight through to the existing behaviour
802
809
  // (their own `-background-color`), so this is additive only.
810
+ //
811
+ // ⛔ C2 (#597) — `--origam-btn---background-color-active` reste NON
812
+ // DECLARE, a dessein. Son repli est le bouton general
813
+ // `--origam-btn---background-color`, lui DECLARE dans les feuilles et
814
+ // surcharge par intention / variante sur l'element. Le declarer a
815
+ // `:root` y substituerait la couleur RACINE une fois pour toutes :
816
+ // l'etat actif d'un bouton `primary` repeindrait le gris secondaire.
817
+ // Non declare, le repli est evalue sur l'element et suit la couleur
818
+ // reelle du bouton — c'est une cascade voulue, pas un oubli.
803
819
  &#{$this}--active {
804
820
  background-color: var(--origam-btn---background-color-active, var(--origam-btn---background-color)) !important;
805
821
  color: var(--origam-btn---color);
@@ -818,6 +834,27 @@ defineExpose({
818
834
  }
819
835
  }
820
836
 
837
+ // ⛔ C2 (#597) — les 5 tokens `ghost` lus ici restent NON DECLARES, a
838
+ // dessein, pour DEUX raisons independantes :
839
+ //
840
+ // 1. chaque repli est un `color-mix()` relatif a `currentColor` (ou a
841
+ // `white`) : il doit etre evalue SUR LE BOUTON, dont la couleur
842
+ // depend de l'intention. Une declaration `:root` le figerait a la
843
+ // teinte racine et le verre prendrait la meme nuance partout.
844
+ // 2. `--origam-btn---background-color-ghost` est lu DEUX FOIS avec DEUX
845
+ // replis differents (12 % ici, 18 % dans la branche
846
+ // `@supports not (backdrop-filter)` plus bas). Le declarer
847
+ // imposerait une seule valeur aux deux branches : c'est un choix de
848
+ // design a arbitrer, pas une correction mecanique.
849
+ //
850
+ // Les jumeaux `--origam-btn--ghost---{background-color,color,
851
+ // background-color-hover}` existent bien dans les feuilles, mais ils ne
852
+ // portent PAS un voile relatif : `--origam-color__action--ghost---bg` vaut
853
+ // `rgba(0, 0, 0, 0)` (mesure, light.css:108) et `---bgHover` un neutre
854
+ // OPAQUE (`neutral---100`, light.css:109). Les cabler ici supprimerait donc
855
+ // le voile a 12 % au repos et le remplacerait par un aplat neutre au
856
+ // survol : changement de rendu, pas correction. Ils restent dormants —
857
+ // meme arbitrage.
821
858
  &--variant-ghost {
822
859
  background-color: var(
823
860
  --origam-btn---background-color-ghost,
@@ -943,8 +980,8 @@ defineExpose({
943
980
  // the skeleton's natural size unless we give it a sensible
944
981
  // min-width / min-height.
945
982
  &--loader-skeleton {
946
- min-width: var(--origam-btn---loader-skeleton-min-width, 96px);
947
- min-height: var(--origam-btn---loader-skeleton-min-height, 36px);
983
+ min-width: var(--origam-btn--loader-skeleton---min-width, 96px);
984
+ min-height: var(--origam-btn--loader-skeleton---min-height, 36px);
948
985
 
949
986
  :deep(.origam-skeleton--rectangular) {
950
987
  position: absolute;
package/dist/src/components/Btn/OrigamBtnGroup.vue CHANGED
@@ -337,6 +337,11 @@ defineExpose({
337
337
  box-shadow: none;
338
338
  }
339
339
 
340
+ // ⛔ C2 (#597) — les 3 tokens `ghost` lus ici restent NON DECLARES, pour
341
+ // la meme raison que dans `OrigamBtn.vue` (voir le commentaire detaille
342
+ // devant son propre `&--variant-ghost`) : leurs replis sont des
343
+ // `color-mix()` relatifs a `currentColor`, qui doivent etre evalues sur
344
+ // l'element et non figes a `:root`.
340
345
  &--variant-ghost {
341
346
  background-color: var(
342
347
  --origam-btn---background-color-ghost,
package/dist/src/components/DataTable/OrigamDataTable.vue CHANGED
@@ -440,7 +440,7 @@ defineExpose({
440
440
  * et un voile a 0.82 n'est plus un voile.
441
441
  ********************************************************/
442
442
  &:deep(.origam-data-table-cell:not(.origam-data-table-header-cell)) {
443
- opacity: var(--origam-data-table--loading---opacity, var(--origam-data-table__loading---opacity, 0.5));
443
+ opacity: var(--origam-data-table--loading---opacity, 0.5);
444
444
  }
445
445
  }
446
446
  }
package/dist/src/components/DataTable/OrigamDataTableColumnCell.vue CHANGED
@@ -115,13 +115,13 @@ defineExpose({
115
115
 
116
116
  &--fixed {
117
117
  position: sticky;
118
- background: var(--origam-data-table-cell--fixed---background, var(--origam-data-table__cell---fixed-background-color, var(--origam-color__surface---raised)));
118
+ background: var(--origam-data-table-cell--fixed---background, var(--origam-color__surface---raised));
119
119
  left: 0;
120
- z-index: var(--origam-data-table-cell--fixed---z-index, var(--origam-data-table__cell---fixed-z-index, 1))
120
+ z-index: var(--origam-data-table-cell--fixed---z-index, 1)
121
121
  }
122
122
 
123
123
  &--last-fixed {
124
- border-right: var(--origam-data-table-cell--last-fixed---border-right-width, var(--origam-data-table__cell---last-fixed-border-right-width, 1px)) var(--origam-data-table__cell---last-fixed-border-right-style, solid) var(--origam-data-table-cell--last-fixed---border-right-color, var(--origam-data-table__cell---last-fixed-border-right-color, var(--origam-color__border---subtle)));
124
+ border-right: var(--origam-data-table-cell--last-fixed---border-right-width, 1px) var(--origam-data-table__cell---last-fixed-border-right-style, solid) var(--origam-data-table-cell--last-fixed---border-right-color, var(--origam-color__border---subtle));
125
125
  }
126
126
  }
127
127
  </style>
package/dist/src/components/DataTable/OrigamDataTableGroupHeaderRow.vue CHANGED
@@ -142,12 +142,19 @@ defineExpose({
142
142
 
143
143
  <style lang="scss" scoped>
144
144
  .origam-data-table-group-header-row {
145
- background-color: var(--origam-data-table-group-header-row---background-color, var(--origam-data-table---group-header-row-background-color, var(--origam-color__surface---overlay)));
146
- color: var(--origam-data-table-group-header-row---color, var(--origam-data-table---group-header-row-color, var(--origam-color__text---primary)));
147
- font-weight: var(--origam-data-table-group-header-row---font-weight, var(--origam-data-table---group-header-row-font-weight, 500));
145
+ background-color: var(--origam-data-table-group-header-row---background-color, var(--origam-color__surface---overlay));
146
+ color: var(--origam-data-table-group-header-row---color, var(--origam-color__text---primary));
147
+ font-weight: var(--origam-data-table-group-header-row---font-weight, 500);
148
148
 
149
149
  &__column {
150
- padding-inline-start: calc(var(--origam-data-table-group-header-row--depth, 0) * var(--origam-data-table-group-header-row__column---padding-inline-start-factor, var(--origam-data-table---group-header-row-column-padding-inline-start-factor, 16px)));
150
+ // ⛔ C2 (#597) — `--origam-data-table-group-header-row--depth` reste NON
151
+ // DECLARE, a dessein : ce n'est PAS un token de theme mais une DONNEE
152
+ // d'instance, ecrite en style inline par ce composant
153
+ // (`dataTableGroupHeaderRowStyles`, `props.item.depth`). La declarer
154
+ // dans les feuilles exposerait la profondeur d'un noeud comme un
155
+ // reglage de theme, et son repli `0` doit rester SANS UNITE : c'est un
156
+ // multiplicateur de `calc()`, `0px * 16px` serait invalide (#568).
157
+ padding-inline-start: calc(var(--origam-data-table-group-header-row--depth, 0) * var(--origam-data-table-group-header-row__column---padding-inline-start-factor, 16px));
151
158
  }
152
159
  }
153
160
  </style>
package/dist/src/components/DataTable/OrigamDataTableHeaderCell.vue CHANGED
@@ -209,7 +209,7 @@ defineExpose({
209
209
  }
210
210
 
211
211
  &#{$this}--sortable {
212
- cursor: var(--origam-data-table-sortable---cursor, var(--origam-data-table__sortable---cursor, pointer));
212
+ cursor: var(--origam-data-table-header-cell--sortable---cursor, pointer);
213
213
 
214
214
  &:hover {
215
215
  #{$this}__sort-icon {
package/dist/src/components/DataTable/OrigamDataTableRow.vue CHANGED
@@ -262,7 +262,12 @@ defineExpose({
262
262
  column-gap: 4px;
263
263
  display: grid;
264
264
  grid-template-columns: repeat(2, 1fr);
265
- min-height: var(--origam-data-table-row--mobile__column-min-height, var(--origam-data-table-row--mobile__column, var(--origam-data-table__row---mobile-column-min-height, 52px)));
265
+ // C2 (#597) — l'echelon intermediaire
266
+ // `var(--origam-data-table-row--mobile__column, …)` a ete RETIRE :
267
+ // le premier echelon est declare dans les feuilles (52px), donc il
268
+ // resout toujours et l'intermediaire etait inatteignable. Mesure
269
+ // avant/apres : `min-height` = 52px de part et d'autre.
270
+ min-height: var(--origam-data-table-row--mobile__column-min-height, var(--origam-data-table__row---mobile-column-min-height, 52px));
266
271
 
267
272
  &:not(:last-child) {
268
273
  border-bottom: 0;