@nubitio/crud 0.5.27 → 0.5.28

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 (2) hide show
  1. package/dist/style.css +59 -46
  2. package/package.json +3 -3
package/dist/style.css CHANGED
@@ -1718,8 +1718,8 @@ html[data-density=compact] .nb-datagrid .nb-badge {
1718
1718
  background: color-mix(in srgb, var(--accent-color, var(--accent)) 5%, var(--surface-0));
1719
1719
  }
1720
1720
 
1721
- .nb-datagrid__row--dirty .nb-datagrid__cell--dirty {
1722
- background: color-mix(in srgb, #4caf50 34%, var(--surface-1, #fff));
1721
+ .nb-datagrid__row--dirty .nb-datagrid__cell--dirty:not(.nb-datagrid__cell--active) {
1722
+ background: color-mix(in srgb, #4caf50 30%, var(--surface-1, #fff));
1723
1723
  }
1724
1724
 
1725
1725
  .nb-datagrid__row--saving {
@@ -1738,38 +1738,41 @@ html[data-density=compact] .nb-datagrid .nb-badge {
1738
1738
  background: color-mix(in srgb, var(--accent) 4%, var(--surface-0));
1739
1739
  }
1740
1740
 
1741
- .nb-datagrid__table td.nb-datagrid__cell--dirty {
1742
- background: color-mix(in srgb, #4caf50 34%, var(--surface-1, #fff));
1743
- box-shadow: inset 0 0 0 1px color-mix(in srgb, #4caf50 72%, transparent);
1741
+ .nb-datagrid__table td.nb-datagrid__cell--dirty:not(.nb-datagrid__cell--active) {
1742
+ background: color-mix(in srgb, #4caf50 30%, var(--surface-1, #fff));
1744
1743
  }
1745
1744
 
1746
- .nb-datagrid--zebra .nb-datagrid__row:nth-child(even) td.nb-datagrid__cell--dirty,
1747
- .nb-datagrid__row:hover td.nb-datagrid__cell--dirty,
1748
- .nb-datagrid__row--selected td.nb-datagrid__cell--dirty {
1749
- background: color-mix(in srgb, #4caf50 34%, var(--surface-1, #fff));
1750
- box-shadow: inset 0 0 0 1px color-mix(in srgb, #4caf50 72%, transparent);
1745
+ .nb-datagrid--zebra .nb-datagrid__row:nth-child(even) td.nb-datagrid__cell--dirty:not(.nb-datagrid__cell--active),
1746
+ .nb-datagrid__row:hover td.nb-datagrid__cell--dirty:not(.nb-datagrid__cell--active),
1747
+ .nb-datagrid__row--selected td.nb-datagrid__cell--dirty:not(.nb-datagrid__cell--active) {
1748
+ background: color-mix(in srgb, #4caf50 30%, var(--surface-1, #fff));
1751
1749
  }
1752
1750
 
1753
1751
  .nb-datagrid__table td.nb-datagrid__cell--active {
1754
- background: color-mix(in srgb, #4caf50 42%, var(--surface-1, #fff));
1755
- box-shadow: inset 0 0 0 2px color-mix(in srgb, #4caf50 78%, transparent);
1752
+ background: var(--surface-1);
1753
+ box-shadow: none;
1756
1754
  }
1757
1755
 
1758
1756
  .nb-datagrid--zebra .nb-datagrid__row:nth-child(even) td.nb-datagrid__cell--active,
1759
1757
  .nb-datagrid__row:hover td.nb-datagrid__cell--active,
1760
1758
  .nb-datagrid__row--selected td.nb-datagrid__cell--active {
1761
- background: color-mix(in srgb, #4caf50 42%, var(--surface-1, #fff));
1762
- box-shadow: inset 0 0 0 2px color-mix(in srgb, #4caf50 78%, transparent);
1759
+ background: var(--surface-1);
1760
+ box-shadow: none;
1763
1761
  }
1764
1762
 
1765
1763
  .nb-datagrid__edit-cell {
1766
- padding: 2px 4px;
1764
+ height: var(--row-height);
1765
+ padding: 0;
1767
1766
  vertical-align: middle;
1768
1767
  }
1769
1768
 
1770
1769
  .nb-inline-cell {
1771
- width: 100%;
1770
+ align-items: stretch;
1771
+ display: flex;
1772
+ height: 100%;
1773
+ min-height: var(--row-height);
1772
1774
  min-width: 0;
1775
+ width: 100%;
1773
1776
  }
1774
1777
  .nb-inline-cell .nb-inline-control,
1775
1778
  .nb-inline-cell .nb-inline-control input,
@@ -1779,19 +1782,22 @@ html[data-density=compact] .nb-datagrid .nb-badge {
1779
1782
  .nb-inline-cell .nb-form__control input,
1780
1783
  .nb-inline-cell .nb-form__control select,
1781
1784
  .nb-inline-cell .nb-form__control textarea {
1782
- font-size: 13px;
1783
- line-height: 1.3;
1784
- height: 28px;
1785
- min-height: 28px;
1786
- padding: 0 8px;
1787
- border: 1px solid color-mix(in srgb, var(--border-color) 85%, var(--accent));
1788
- border-radius: var(--radius-sm);
1785
+ background: transparent;
1786
+ border: 0;
1787
+ border-bottom: 2px solid var(--accent-color, var(--accent));
1788
+ border-radius: 0;
1789
+ box-shadow: none;
1789
1790
  box-sizing: border-box;
1791
+ color: var(--accent-color, var(--accent));
1792
+ flex: 1 1 auto;
1793
+ font-size: 13px;
1794
+ font-weight: var(--font-weight-medium);
1795
+ height: 100%;
1796
+ line-height: var(--row-height);
1797
+ min-height: var(--row-height);
1798
+ padding: 0 var(--space-2);
1799
+ transition: border-color 0.12s;
1790
1800
  width: 100%;
1791
- background: var(--surface-0);
1792
- color: var(--text-primary);
1793
- box-shadow: none;
1794
- transition: border-color 0.12s, box-shadow 0.12s;
1795
1801
  }
1796
1802
  .nb-inline-cell .nb-inline-control:focus,
1797
1803
  .nb-inline-cell .nb-inline-control input:focus,
@@ -1801,13 +1807,9 @@ html[data-density=compact] .nb-datagrid .nb-badge {
1801
1807
  .nb-inline-cell .nb-form__control input:focus,
1802
1808
  .nb-inline-cell .nb-form__control select:focus,
1803
1809
  .nb-inline-cell .nb-form__control textarea:focus {
1810
+ border-bottom-color: var(--accent-color, var(--accent));
1811
+ box-shadow: none;
1804
1812
  outline: none;
1805
- border-color: var(--accent);
1806
- box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 22%, transparent);
1807
- }
1808
- .nb-datagrid__cell--dirty .nb-inline-cell .nb-inline-control:focus, .nb-datagrid__cell--active .nb-inline-cell .nb-inline-control:focus, .nb-datagrid__cell--dirty .nb-inline-cell .nb-form__control:focus, .nb-datagrid__cell--active .nb-inline-cell .nb-form__control:focus {
1809
- border-color: color-mix(in srgb, #4caf50 70%, var(--accent-color, var(--accent)));
1810
- box-shadow: 0 0 0 2px color-mix(in srgb, #4caf50 28%, transparent);
1811
1813
  }
1812
1814
  .nb-inline-cell .nb-inline-control textarea,
1813
1815
  .nb-inline-cell .nb-form__control textarea {
@@ -1823,34 +1825,43 @@ html[data-density=compact] .nb-datagrid .nb-badge {
1823
1825
  width: 100%;
1824
1826
  }
1825
1827
  .nb-inline-cell .nb-dropdown__trigger {
1826
- height: 28px;
1827
- min-height: 28px;
1828
+ background: transparent;
1829
+ border: 0;
1830
+ border-bottom: 2px solid var(--accent-color, var(--accent));
1831
+ border-radius: 0;
1832
+ color: var(--accent-color, var(--accent));
1828
1833
  font-size: 13px;
1829
- padding: 0 8px;
1830
- border-radius: var(--radius-sm);
1834
+ height: 100%;
1835
+ min-height: var(--row-height);
1836
+ padding: 0 var(--space-2);
1831
1837
  }
1832
1838
  .nb-inline-cell .nb-date-picker {
1839
+ flex: 1 1 auto;
1833
1840
  width: 100%;
1834
1841
  }
1835
1842
  .nb-inline-cell .nb-date-picker__trigger {
1836
- height: 28px;
1837
- min-height: 28px;
1838
- border-radius: var(--radius-sm);
1839
- border: 1px solid color-mix(in srgb, var(--border-color) 85%, var(--accent));
1840
- background: var(--surface-0);
1843
+ background: transparent;
1844
+ border: 0;
1845
+ border-bottom: 2px solid var(--accent-color, var(--accent));
1846
+ border-radius: 0;
1847
+ color: var(--accent-color, var(--accent));
1848
+ height: 100%;
1849
+ min-height: var(--row-height);
1841
1850
  }
1842
1851
  .nb-inline-cell .nb-date-picker__input {
1843
1852
  font-size: 13px;
1844
1853
  padding: 0 4px;
1845
1854
  }
1846
1855
  .nb-inline-cell .nb-form__lookup {
1856
+ flex: 1 1 auto;
1857
+ height: 100%;
1847
1858
  width: 100%;
1848
1859
  }
1849
1860
  .nb-inline-cell .nb-form__lookup .nb-form__control,
1850
1861
  .nb-inline-cell .nb-form__lookup.has-value .nb-form__control {
1851
- height: 28px;
1852
- min-height: 28px;
1853
1862
  font-size: 13px;
1863
+ height: 100%;
1864
+ min-height: var(--row-height);
1854
1865
  padding-right: 52px;
1855
1866
  }
1856
1867
  .nb-inline-cell .nb-form__lookup-toggle,
@@ -1862,8 +1873,10 @@ html[data-density=compact] .nb-datagrid .nb-badge {
1862
1873
  .nb-inline-cell.nb-inline-cell--error .nb-inline-control input,
1863
1874
  .nb-inline-cell.nb-inline-cell--error .nb-inline-control select,
1864
1875
  .nb-inline-cell.nb-inline-cell--error .nb-form__control,
1865
- .nb-inline-cell.nb-inline-cell--error .nb-date-picker__trigger {
1866
- border-color: var(--color-danger);
1876
+ .nb-inline-cell.nb-inline-cell--error .nb-date-picker__trigger,
1877
+ .nb-inline-cell.nb-inline-cell--error .nb-dropdown__trigger {
1878
+ border-bottom-color: var(--color-danger);
1879
+ color: var(--color-danger);
1867
1880
  }
1868
1881
 
1869
1882
  .nb-datagrid__inline-actions {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nubitio/crud",
3
- "version": "0.5.27",
3
+ "version": "0.5.28",
4
4
  "type": "module",
5
5
  "description": "Declarative CRUD engine with field DSL, forms, datagrids, RBAC, conditional logic and pluggable adapters (Hydra/REST).",
6
6
  "license": "MIT",
@@ -59,8 +59,8 @@
59
59
  "react-dom": "^19.0.0",
60
60
  "react-i18next": "^14.0.0",
61
61
  "react-router-dom": "^6.0.0",
62
- "@nubitio/core": "^0.5.27",
63
- "@nubitio/ui": "^0.5.27"
62
+ "@nubitio/ui": "^0.5.28",
63
+ "@nubitio/core": "^0.5.28"
64
64
  },
65
65
  "peerDependenciesMeta": {
66
66
  "@tiptap/extension-link": {