@nubitio/react-admin 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 +7 -7
package/dist/style.css CHANGED
@@ -4956,8 +4956,8 @@ html[data-density=compact] .nb-datagrid .nb-badge {
4956
4956
  background: color-mix(in srgb, var(--accent-color, var(--accent)) 5%, var(--surface-0));
4957
4957
  }
4958
4958
 
4959
- .nb-datagrid__row--dirty .nb-datagrid__cell--dirty {
4960
- background: color-mix(in srgb, #4caf50 34%, var(--surface-1, #fff));
4959
+ .nb-datagrid__row--dirty .nb-datagrid__cell--dirty:not(.nb-datagrid__cell--active) {
4960
+ background: color-mix(in srgb, #4caf50 30%, var(--surface-1, #fff));
4961
4961
  }
4962
4962
 
4963
4963
  .nb-datagrid__row--saving {
@@ -4976,38 +4976,41 @@ html[data-density=compact] .nb-datagrid .nb-badge {
4976
4976
  background: color-mix(in srgb, var(--accent) 4%, var(--surface-0));
4977
4977
  }
4978
4978
 
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);
4979
+ .nb-datagrid__table td.nb-datagrid__cell--dirty:not(.nb-datagrid__cell--active) {
4980
+ background: color-mix(in srgb, #4caf50 30%, var(--surface-1, #fff));
4982
4981
  }
4983
4982
 
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);
4983
+ .nb-datagrid--zebra .nb-datagrid__row:nth-child(even) td.nb-datagrid__cell--dirty:not(.nb-datagrid__cell--active),
4984
+ .nb-datagrid__row:hover td.nb-datagrid__cell--dirty:not(.nb-datagrid__cell--active),
4985
+ .nb-datagrid__row--selected td.nb-datagrid__cell--dirty:not(.nb-datagrid__cell--active) {
4986
+ background: color-mix(in srgb, #4caf50 30%, var(--surface-1, #fff));
4989
4987
  }
4990
4988
 
4991
4989
  .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);
4990
+ background: var(--surface-1);
4991
+ box-shadow: none;
4994
4992
  }
4995
4993
 
4996
4994
  .nb-datagrid--zebra .nb-datagrid__row:nth-child(even) td.nb-datagrid__cell--active,
4997
4995
  .nb-datagrid__row:hover td.nb-datagrid__cell--active,
4998
4996
  .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);
4997
+ background: var(--surface-1);
4998
+ box-shadow: none;
5001
4999
  }
5002
5000
 
5003
5001
  .nb-datagrid__edit-cell {
5004
- padding: 2px 4px;
5002
+ height: var(--row-height);
5003
+ padding: 0;
5005
5004
  vertical-align: middle;
5006
5005
  }
5007
5006
 
5008
5007
  .nb-inline-cell {
5009
- width: 100%;
5008
+ align-items: stretch;
5009
+ display: flex;
5010
+ height: 100%;
5011
+ min-height: var(--row-height);
5010
5012
  min-width: 0;
5013
+ width: 100%;
5011
5014
  }
5012
5015
  .nb-inline-cell .nb-inline-control,
5013
5016
  .nb-inline-cell .nb-inline-control input,
@@ -5017,19 +5020,22 @@ html[data-density=compact] .nb-datagrid .nb-badge {
5017
5020
  .nb-inline-cell .nb-form__control input,
5018
5021
  .nb-inline-cell .nb-form__control select,
5019
5022
  .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);
5023
+ background: transparent;
5024
+ border: 0;
5025
+ border-bottom: 2px solid var(--accent-color, var(--accent));
5026
+ border-radius: 0;
5027
+ box-shadow: none;
5027
5028
  box-sizing: border-box;
5029
+ color: var(--accent-color, var(--accent));
5030
+ flex: 1 1 auto;
5031
+ font-size: 13px;
5032
+ font-weight: var(--font-weight-medium);
5033
+ height: 100%;
5034
+ line-height: var(--row-height);
5035
+ min-height: var(--row-height);
5036
+ padding: 0 var(--space-2);
5037
+ transition: border-color 0.12s;
5028
5038
  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
5039
  }
5034
5040
  .nb-inline-cell .nb-inline-control:focus,
5035
5041
  .nb-inline-cell .nb-inline-control input:focus,
@@ -5039,13 +5045,9 @@ html[data-density=compact] .nb-datagrid .nb-badge {
5039
5045
  .nb-inline-cell .nb-form__control input:focus,
5040
5046
  .nb-inline-cell .nb-form__control select:focus,
5041
5047
  .nb-inline-cell .nb-form__control textarea:focus {
5048
+ border-bottom-color: var(--accent-color, var(--accent));
5049
+ box-shadow: none;
5042
5050
  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
5051
  }
5050
5052
  .nb-inline-cell .nb-inline-control textarea,
5051
5053
  .nb-inline-cell .nb-form__control textarea {
@@ -5061,34 +5063,43 @@ html[data-density=compact] .nb-datagrid .nb-badge {
5061
5063
  width: 100%;
5062
5064
  }
5063
5065
  .nb-inline-cell .nb-dropdown__trigger {
5064
- height: 28px;
5065
- min-height: 28px;
5066
+ background: transparent;
5067
+ border: 0;
5068
+ border-bottom: 2px solid var(--accent-color, var(--accent));
5069
+ border-radius: 0;
5070
+ color: var(--accent-color, var(--accent));
5066
5071
  font-size: 13px;
5067
- padding: 0 8px;
5068
- border-radius: var(--radius-sm);
5072
+ height: 100%;
5073
+ min-height: var(--row-height);
5074
+ padding: 0 var(--space-2);
5069
5075
  }
5070
5076
  .nb-inline-cell .nb-date-picker {
5077
+ flex: 1 1 auto;
5071
5078
  width: 100%;
5072
5079
  }
5073
5080
  .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);
5081
+ background: transparent;
5082
+ border: 0;
5083
+ border-bottom: 2px solid var(--accent-color, var(--accent));
5084
+ border-radius: 0;
5085
+ color: var(--accent-color, var(--accent));
5086
+ height: 100%;
5087
+ min-height: var(--row-height);
5079
5088
  }
5080
5089
  .nb-inline-cell .nb-date-picker__input {
5081
5090
  font-size: 13px;
5082
5091
  padding: 0 4px;
5083
5092
  }
5084
5093
  .nb-inline-cell .nb-form__lookup {
5094
+ flex: 1 1 auto;
5095
+ height: 100%;
5085
5096
  width: 100%;
5086
5097
  }
5087
5098
  .nb-inline-cell .nb-form__lookup .nb-form__control,
5088
5099
  .nb-inline-cell .nb-form__lookup.has-value .nb-form__control {
5089
- height: 28px;
5090
- min-height: 28px;
5091
5100
  font-size: 13px;
5101
+ height: 100%;
5102
+ min-height: var(--row-height);
5092
5103
  padding-right: 52px;
5093
5104
  }
5094
5105
  .nb-inline-cell .nb-form__lookup-toggle,
@@ -5100,8 +5111,10 @@ html[data-density=compact] .nb-datagrid .nb-badge {
5100
5111
  .nb-inline-cell.nb-inline-cell--error .nb-inline-control input,
5101
5112
  .nb-inline-cell.nb-inline-cell--error .nb-inline-control select,
5102
5113
  .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);
5114
+ .nb-inline-cell.nb-inline-cell--error .nb-date-picker__trigger,
5115
+ .nb-inline-cell.nb-inline-cell--error .nb-dropdown__trigger {
5116
+ border-bottom-color: var(--color-danger);
5117
+ color: var(--color-danger);
5105
5118
  }
5106
5119
 
5107
5120
  .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.28",
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/admin": "^0.5.28",
54
+ "@nubitio/hydra": "^0.5.28",
55
+ "@nubitio/core": "^0.5.28",
56
+ "@nubitio/dashboard": "^0.5.28",
57
+ "@nubitio/crud": "^0.5.28",
58
+ "@nubitio/ui": "^0.5.28"
59
59
  },
60
60
  "peerDependencies": {
61
61
  "@tanstack/react-query": "^5.0.0",