@nubitio/react-admin 0.5.27 → 0.5.29

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 +91 -47
  2. package/package.json +7 -7
package/dist/style.css CHANGED
@@ -3613,6 +3613,37 @@ html[data-density=compact] .nb-drawer__footer {
3613
3613
  box-shadow: inset 0 -1px 0 var(--border-color);
3614
3614
  }
3615
3615
 
3616
+ .nb-datagrid__header-group-cell {
3617
+ background: var(--grid-header-group-bg, var(--surface-1, var(--surface-0)));
3618
+ border-bottom: 1px solid var(--border-subtle);
3619
+ color: var(--text-primary);
3620
+ font-size: var(--font-size-xxs);
3621
+ letter-spacing: 0.06em;
3622
+ text-align: center;
3623
+ vertical-align: middle;
3624
+ }
3625
+
3626
+ .nb-datagrid__table--grouped-headers > thead > tr.nb-datagrid__header-band-row > th {
3627
+ box-shadow: inset 0 -1px 0 var(--border-color);
3628
+ }
3629
+
3630
+ .nb-datagrid__table--grouped-headers > thead > tr.nb-datagrid__header-leaf-row > th {
3631
+ box-shadow: inset 0 -1px 0 var(--border-color);
3632
+ top: calc(var(--nb-datagrid-header-height) * (var(--nb-datagrid-header-row-count, 1) - 1));
3633
+ }
3634
+
3635
+ .nb-datagrid__group--in {
3636
+ background: color-mix(in srgb, var(--success-color, #16a34a) 8%, var(--surface-0));
3637
+ }
3638
+
3639
+ .nb-datagrid__group--out {
3640
+ background: color-mix(in srgb, var(--danger-color, #dc2626) 8%, var(--surface-0));
3641
+ }
3642
+
3643
+ .nb-datagrid__group--balance {
3644
+ background: color-mix(in srgb, var(--accent-color) 8%, var(--surface-0));
3645
+ }
3646
+
3616
3647
  .nb-datagrid__col-resize {
3617
3648
  background: transparent;
3618
3649
  bottom: 0;
@@ -3742,7 +3773,7 @@ html[data-density=compact] .nb-drawer__footer {
3742
3773
  overflow: visible;
3743
3774
  padding: 0;
3744
3775
  position: sticky;
3745
- top: var(--nb-datagrid-header-height);
3776
+ top: calc(var(--nb-datagrid-header-height) * var(--nb-datagrid-header-row-count, 1));
3746
3777
  z-index: 2;
3747
3778
  }
3748
3779
 
@@ -4956,8 +4987,8 @@ html[data-density=compact] .nb-datagrid .nb-badge {
4956
4987
  background: color-mix(in srgb, var(--accent-color, var(--accent)) 5%, var(--surface-0));
4957
4988
  }
4958
4989
 
4959
- .nb-datagrid__row--dirty .nb-datagrid__cell--dirty {
4960
- background: color-mix(in srgb, #4caf50 34%, var(--surface-1, #fff));
4990
+ .nb-datagrid__row--dirty .nb-datagrid__cell--dirty:not(.nb-datagrid__cell--active) {
4991
+ background: color-mix(in srgb, #4caf50 30%, var(--surface-1, #fff));
4961
4992
  }
4962
4993
 
4963
4994
  .nb-datagrid__row--saving {
@@ -4976,38 +5007,41 @@ html[data-density=compact] .nb-datagrid .nb-badge {
4976
5007
  background: color-mix(in srgb, var(--accent) 4%, var(--surface-0));
4977
5008
  }
4978
5009
 
4979
- .nb-datagrid__table td.nb-datagrid__cell--dirty {
4980
- background: color-mix(in srgb, #4caf50 34%, var(--surface-1, #fff));
4981
- box-shadow: inset 0 0 0 1px color-mix(in srgb, #4caf50 72%, transparent);
5010
+ .nb-datagrid__table td.nb-datagrid__cell--dirty:not(.nb-datagrid__cell--active) {
5011
+ background: color-mix(in srgb, #4caf50 30%, var(--surface-1, #fff));
4982
5012
  }
4983
5013
 
4984
- .nb-datagrid--zebra .nb-datagrid__row:nth-child(even) td.nb-datagrid__cell--dirty,
4985
- .nb-datagrid__row:hover td.nb-datagrid__cell--dirty,
4986
- .nb-datagrid__row--selected td.nb-datagrid__cell--dirty {
4987
- background: color-mix(in srgb, #4caf50 34%, var(--surface-1, #fff));
4988
- box-shadow: inset 0 0 0 1px color-mix(in srgb, #4caf50 72%, transparent);
5014
+ .nb-datagrid--zebra .nb-datagrid__row:nth-child(even) td.nb-datagrid__cell--dirty:not(.nb-datagrid__cell--active),
5015
+ .nb-datagrid__row:hover td.nb-datagrid__cell--dirty:not(.nb-datagrid__cell--active),
5016
+ .nb-datagrid__row--selected td.nb-datagrid__cell--dirty:not(.nb-datagrid__cell--active) {
5017
+ background: color-mix(in srgb, #4caf50 30%, var(--surface-1, #fff));
4989
5018
  }
4990
5019
 
4991
5020
  .nb-datagrid__table td.nb-datagrid__cell--active {
4992
- background: color-mix(in srgb, #4caf50 42%, var(--surface-1, #fff));
4993
- box-shadow: inset 0 0 0 2px color-mix(in srgb, #4caf50 78%, transparent);
5021
+ background: var(--surface-1);
5022
+ box-shadow: none;
4994
5023
  }
4995
5024
 
4996
5025
  .nb-datagrid--zebra .nb-datagrid__row:nth-child(even) td.nb-datagrid__cell--active,
4997
5026
  .nb-datagrid__row:hover td.nb-datagrid__cell--active,
4998
5027
  .nb-datagrid__row--selected td.nb-datagrid__cell--active {
4999
- background: color-mix(in srgb, #4caf50 42%, var(--surface-1, #fff));
5000
- box-shadow: inset 0 0 0 2px color-mix(in srgb, #4caf50 78%, transparent);
5028
+ background: var(--surface-1);
5029
+ box-shadow: none;
5001
5030
  }
5002
5031
 
5003
5032
  .nb-datagrid__edit-cell {
5004
- padding: 2px 4px;
5033
+ height: var(--row-height);
5034
+ padding: 0;
5005
5035
  vertical-align: middle;
5006
5036
  }
5007
5037
 
5008
5038
  .nb-inline-cell {
5009
- width: 100%;
5039
+ align-items: stretch;
5040
+ display: flex;
5041
+ height: 100%;
5042
+ min-height: var(--row-height);
5010
5043
  min-width: 0;
5044
+ width: 100%;
5011
5045
  }
5012
5046
  .nb-inline-cell .nb-inline-control,
5013
5047
  .nb-inline-cell .nb-inline-control input,
@@ -5017,19 +5051,22 @@ html[data-density=compact] .nb-datagrid .nb-badge {
5017
5051
  .nb-inline-cell .nb-form__control input,
5018
5052
  .nb-inline-cell .nb-form__control select,
5019
5053
  .nb-inline-cell .nb-form__control textarea {
5020
- font-size: 13px;
5021
- line-height: 1.3;
5022
- height: 28px;
5023
- min-height: 28px;
5024
- padding: 0 8px;
5025
- border: 1px solid color-mix(in srgb, var(--border-color) 85%, var(--accent));
5026
- border-radius: var(--radius-sm);
5054
+ background: transparent;
5055
+ border: 0;
5056
+ border-bottom: 2px solid var(--accent-color, var(--accent));
5057
+ border-radius: 0;
5058
+ box-shadow: none;
5027
5059
  box-sizing: border-box;
5060
+ color: var(--accent-color, var(--accent));
5061
+ flex: 1 1 auto;
5062
+ font-size: 13px;
5063
+ font-weight: var(--font-weight-medium);
5064
+ height: 100%;
5065
+ line-height: var(--row-height);
5066
+ min-height: var(--row-height);
5067
+ padding: 0 var(--space-2);
5068
+ transition: border-color 0.12s;
5028
5069
  width: 100%;
5029
- background: var(--surface-0);
5030
- color: var(--text-primary);
5031
- box-shadow: none;
5032
- transition: border-color 0.12s, box-shadow 0.12s;
5033
5070
  }
5034
5071
  .nb-inline-cell .nb-inline-control:focus,
5035
5072
  .nb-inline-cell .nb-inline-control input:focus,
@@ -5039,13 +5076,9 @@ html[data-density=compact] .nb-datagrid .nb-badge {
5039
5076
  .nb-inline-cell .nb-form__control input:focus,
5040
5077
  .nb-inline-cell .nb-form__control select:focus,
5041
5078
  .nb-inline-cell .nb-form__control textarea:focus {
5079
+ border-bottom-color: var(--accent-color, var(--accent));
5080
+ box-shadow: none;
5042
5081
  outline: none;
5043
- border-color: var(--accent);
5044
- box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 22%, transparent);
5045
- }
5046
- .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 {
5047
- border-color: color-mix(in srgb, #4caf50 70%, var(--accent-color, var(--accent)));
5048
- box-shadow: 0 0 0 2px color-mix(in srgb, #4caf50 28%, transparent);
5049
5082
  }
5050
5083
  .nb-inline-cell .nb-inline-control textarea,
5051
5084
  .nb-inline-cell .nb-form__control textarea {
@@ -5061,34 +5094,43 @@ html[data-density=compact] .nb-datagrid .nb-badge {
5061
5094
  width: 100%;
5062
5095
  }
5063
5096
  .nb-inline-cell .nb-dropdown__trigger {
5064
- height: 28px;
5065
- min-height: 28px;
5097
+ background: transparent;
5098
+ border: 0;
5099
+ border-bottom: 2px solid var(--accent-color, var(--accent));
5100
+ border-radius: 0;
5101
+ color: var(--accent-color, var(--accent));
5066
5102
  font-size: 13px;
5067
- padding: 0 8px;
5068
- border-radius: var(--radius-sm);
5103
+ height: 100%;
5104
+ min-height: var(--row-height);
5105
+ padding: 0 var(--space-2);
5069
5106
  }
5070
5107
  .nb-inline-cell .nb-date-picker {
5108
+ flex: 1 1 auto;
5071
5109
  width: 100%;
5072
5110
  }
5073
5111
  .nb-inline-cell .nb-date-picker__trigger {
5074
- height: 28px;
5075
- min-height: 28px;
5076
- border-radius: var(--radius-sm);
5077
- border: 1px solid color-mix(in srgb, var(--border-color) 85%, var(--accent));
5078
- background: var(--surface-0);
5112
+ background: transparent;
5113
+ border: 0;
5114
+ border-bottom: 2px solid var(--accent-color, var(--accent));
5115
+ border-radius: 0;
5116
+ color: var(--accent-color, var(--accent));
5117
+ height: 100%;
5118
+ min-height: var(--row-height);
5079
5119
  }
5080
5120
  .nb-inline-cell .nb-date-picker__input {
5081
5121
  font-size: 13px;
5082
5122
  padding: 0 4px;
5083
5123
  }
5084
5124
  .nb-inline-cell .nb-form__lookup {
5125
+ flex: 1 1 auto;
5126
+ height: 100%;
5085
5127
  width: 100%;
5086
5128
  }
5087
5129
  .nb-inline-cell .nb-form__lookup .nb-form__control,
5088
5130
  .nb-inline-cell .nb-form__lookup.has-value .nb-form__control {
5089
- height: 28px;
5090
- min-height: 28px;
5091
5131
  font-size: 13px;
5132
+ height: 100%;
5133
+ min-height: var(--row-height);
5092
5134
  padding-right: 52px;
5093
5135
  }
5094
5136
  .nb-inline-cell .nb-form__lookup-toggle,
@@ -5100,8 +5142,10 @@ html[data-density=compact] .nb-datagrid .nb-badge {
5100
5142
  .nb-inline-cell.nb-inline-cell--error .nb-inline-control input,
5101
5143
  .nb-inline-cell.nb-inline-cell--error .nb-inline-control select,
5102
5144
  .nb-inline-cell.nb-inline-cell--error .nb-form__control,
5103
- .nb-inline-cell.nb-inline-cell--error .nb-date-picker__trigger {
5104
- border-color: var(--color-danger);
5145
+ .nb-inline-cell.nb-inline-cell--error .nb-date-picker__trigger,
5146
+ .nb-inline-cell.nb-inline-cell--error .nb-dropdown__trigger {
5147
+ border-bottom-color: var(--color-danger);
5148
+ color: var(--color-danger);
5105
5149
  }
5106
5150
 
5107
5151
  .nb-datagrid__inline-actions {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nubitio/react-admin",
3
- "version": "0.5.27",
3
+ "version": "0.5.29",
4
4
  "type": "module",
5
5
  "description": "Batteries-included admin stack: core runtime, CRUD, Hydra adapter, and AdminShell.",
6
6
  "license": "MIT",
@@ -50,12 +50,12 @@
50
50
  "access": "public"
51
51
  },
52
52
  "dependencies": {
53
- "@nubitio/admin": "^0.5.27",
54
- "@nubitio/core": "^0.5.27",
55
- "@nubitio/crud": "^0.5.27",
56
- "@nubitio/ui": "^0.5.27",
57
- "@nubitio/hydra": "^0.5.27",
58
- "@nubitio/dashboard": "^0.5.27"
53
+ "@nubitio/hydra": "^0.5.29",
54
+ "@nubitio/crud": "^0.5.29",
55
+ "@nubitio/dashboard": "^0.5.29",
56
+ "@nubitio/core": "^0.5.29",
57
+ "@nubitio/ui": "^0.5.29",
58
+ "@nubitio/admin": "^0.5.29"
59
59
  },
60
60
  "peerDependencies": {
61
61
  "@tanstack/react-query": "^5.0.0",