@svadmin/ui 0.83.1 → 0.83.2

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 (3) hide show
  1. package/dist/app.css +48 -37
  2. package/dist/app.theme.css +48 -37
  3. package/package.json +1 -1
package/dist/app.css CHANGED
@@ -9349,12 +9349,14 @@ details.svadmin-collapsible:not([open]) > :not(summary) {
9349
9349
  min-width: 0;
9350
9350
  }
9351
9351
 
9352
+ /* PageToolbar 的 recipe 是底部分割线，不另做一张浮动卡片。 */
9352
9353
  .layout-clean-flat [data-svadmin-table-toolbar] {
9353
- border-color: var(--svadmin-border);
9354
- border-radius: var(--radius-lg);
9355
- background: var(--svadmin-surface);
9356
- padding: 0.875rem;
9357
- box-shadow: var(--svadmin-surface-shadow);
9354
+ border: 0;
9355
+ border-bottom: 1px solid var(--svadmin-border);
9356
+ border-radius: 0;
9357
+ background: transparent;
9358
+ padding: 0.75rem 0;
9359
+ box-shadow: none;
9358
9360
  }
9359
9361
 
9360
9362
  .layout-clean-flat [data-svadmin-table-toolbar] [data-slot="input"] {
@@ -10072,9 +10074,11 @@ details.svadmin-collapsible:not([open]) > :not(summary) {
10072
10074
  }
10073
10075
 
10074
10076
  .layout-clean-flat [data-svadmin-auth-page] > main > div > section > header h1 {
10075
- font-size: 2.25rem;
10076
- line-height: 1.2;
10077
- font-weight: 700;
10077
+ color: var(--foreground);
10078
+ font-size: 1.25rem;
10079
+ font-weight: 600;
10080
+ line-height: 1.3;
10081
+ letter-spacing: 0;
10078
10082
  }
10079
10083
 
10080
10084
  .layout-clean-flat [data-svadmin-auth-page] > main > div > section > header p {
@@ -10083,35 +10087,41 @@ details.svadmin-collapsible:not([open]) > :not(summary) {
10083
10087
  line-height: 1.5;
10084
10088
  }
10085
10089
 
10090
+ /* 演示凭据是登录表面上的说明，不是套在卡片里的第二层卡片。 */
10086
10091
  .layout-clean-flat [data-svadmin-demo-credentials] {
10087
10092
  display: grid;
10088
- gap: 1rem;
10089
- margin-bottom: 2rem;
10090
- border: 1px solid color-mix(in oklch, var(--primary) 20%, var(--border));
10091
- border-radius: 1rem;
10092
- background: color-mix(in oklch, var(--primary) 8%, var(--card));
10093
- padding: 1rem;
10093
+ gap: 0.5rem;
10094
+ margin-bottom: 1.5rem;
10095
+ border: 0;
10096
+ border-bottom: 1px solid var(--border);
10097
+ border-radius: 0;
10098
+ background: transparent;
10099
+ padding: 0 0 1rem;
10100
+ box-shadow: none;
10094
10101
  }
10095
10102
 
10096
10103
  .layout-clean-flat [data-svadmin-demo-credentials] dl {
10097
10104
  display: grid;
10098
10105
  grid-template-columns: repeat(2, minmax(0, 1fr));
10099
- gap: 0.75rem;
10106
+ gap: 0.75rem 1rem;
10100
10107
  }
10101
10108
 
10102
10109
  .layout-clean-flat [data-svadmin-demo-credentials] dl > div {
10103
10110
  min-width: 0;
10104
- border-radius: 0.875rem;
10105
- background: color-mix(in oklch, var(--card) 88%, transparent);
10106
- padding: 0.75rem;
10111
+ border: 0;
10112
+ border-radius: 0;
10113
+ background: transparent;
10114
+ padding: 0;
10115
+ box-shadow: none;
10107
10116
  }
10108
10117
 
10109
10118
  .layout-clean-flat [data-svadmin-demo-credentials] dt {
10110
10119
  color: var(--muted-foreground);
10111
- font-size: 0.6875rem;
10112
- font-weight: 700;
10113
- line-height: 1.2;
10114
- text-transform: uppercase;
10120
+ font-size: 0.75rem;
10121
+ font-weight: 500;
10122
+ line-height: 1.35;
10123
+ letter-spacing: 0;
10124
+ text-transform: none;
10115
10125
  }
10116
10126
 
10117
10127
  .layout-clean-flat [data-svadmin-demo-credentials] dd {
@@ -10147,26 +10157,26 @@ details.svadmin-collapsible:not([open]) > :not(summary) {
10147
10157
 
10148
10158
  .layout-clean-flat [data-svadmin-auth-page] form input {
10149
10159
  width: 100%;
10150
- min-height: 3.5rem;
10160
+ min-height: 2.75rem;
10151
10161
  border: 1px solid var(--border);
10152
- border-radius: 0.625rem;
10153
- background: transparent;
10154
- padding-block: 0.75rem;
10155
- padding-right: 0.75rem;
10156
- font-size: 1rem;
10162
+ border-radius: 0.5rem;
10163
+ background: var(--card);
10164
+ padding-block: 0.5rem;
10165
+ padding-inline: 0.75rem;
10166
+ font-size: 0.875rem;
10157
10167
  }
10158
10168
 
10159
10169
  .layout-clean-flat [data-svadmin-auth-page] form input:focus-visible {
10160
10170
  border-color: var(--ring);
10161
- outline: 3px solid color-mix(in oklch, var(--ring) 20%, transparent);
10162
- outline-offset: 0;
10171
+ outline: 2px solid var(--ring);
10172
+ outline-offset: var(--svadmin-focus-offset, 2px);
10163
10173
  }
10164
10174
 
10165
10175
  .layout-clean-flat [data-svadmin-auth-page] form > button[type="submit"] {
10166
10176
  width: 100%;
10167
- min-height: 3.5rem;
10168
- border-radius: 0.75rem;
10169
- font-size: 1rem;
10177
+ min-height: 2.75rem;
10178
+ border-radius: 0.5rem;
10179
+ font-size: 0.875rem;
10170
10180
  font-weight: 600;
10171
10181
  }
10172
10182
 
@@ -10464,10 +10474,11 @@ details.svadmin-collapsible:not([open]) > :not(summary) {
10464
10474
  }
10465
10475
 
10466
10476
  .layout-clean-flat[data-theme="stripe"] [data-svadmin-table-toolbar] {
10467
- border: 1px solid var(--border);
10468
- border-radius: 0.5rem;
10469
- background: var(--card);
10470
- box-shadow: var(--svadmin-surface-shadow);
10477
+ border: 0;
10478
+ border-bottom: 1px solid var(--border);
10479
+ border-radius: 0;
10480
+ background: transparent;
10481
+ box-shadow: none;
10471
10482
  }
10472
10483
 
10473
10484
  .layout-clean-flat[data-theme="stripe"] [data-svadmin-form-actions] {
package/dist/app.theme.css CHANGED
@@ -9349,12 +9349,14 @@ details.svadmin-collapsible:not([open]) > :not(summary) {
9349
9349
  min-width: 0;
9350
9350
  }
9351
9351
 
9352
+ /* PageToolbar 的 recipe 是底部分割线，不另做一张浮动卡片。 */
9352
9353
  .layout-clean-flat [data-svadmin-table-toolbar] {
9353
- border-color: var(--svadmin-border);
9354
- border-radius: var(--radius-lg);
9355
- background: var(--svadmin-surface);
9356
- padding: 0.875rem;
9357
- box-shadow: var(--svadmin-surface-shadow);
9354
+ border: 0;
9355
+ border-bottom: 1px solid var(--svadmin-border);
9356
+ border-radius: 0;
9357
+ background: transparent;
9358
+ padding: 0.75rem 0;
9359
+ box-shadow: none;
9358
9360
  }
9359
9361
 
9360
9362
  .layout-clean-flat [data-svadmin-table-toolbar] [data-slot="input"] {
@@ -10072,9 +10074,11 @@ details.svadmin-collapsible:not([open]) > :not(summary) {
10072
10074
  }
10073
10075
 
10074
10076
  .layout-clean-flat [data-svadmin-auth-page] > main > div > section > header h1 {
10075
- font-size: 2.25rem;
10076
- line-height: 1.2;
10077
- font-weight: 700;
10077
+ color: var(--foreground);
10078
+ font-size: 1.25rem;
10079
+ font-weight: 600;
10080
+ line-height: 1.3;
10081
+ letter-spacing: 0;
10078
10082
  }
10079
10083
 
10080
10084
  .layout-clean-flat [data-svadmin-auth-page] > main > div > section > header p {
@@ -10083,35 +10087,41 @@ details.svadmin-collapsible:not([open]) > :not(summary) {
10083
10087
  line-height: 1.5;
10084
10088
  }
10085
10089
 
10090
+ /* 演示凭据是登录表面上的说明，不是套在卡片里的第二层卡片。 */
10086
10091
  .layout-clean-flat [data-svadmin-demo-credentials] {
10087
10092
  display: grid;
10088
- gap: 1rem;
10089
- margin-bottom: 2rem;
10090
- border: 1px solid color-mix(in oklch, var(--primary) 20%, var(--border));
10091
- border-radius: 1rem;
10092
- background: color-mix(in oklch, var(--primary) 8%, var(--card));
10093
- padding: 1rem;
10093
+ gap: 0.5rem;
10094
+ margin-bottom: 1.5rem;
10095
+ border: 0;
10096
+ border-bottom: 1px solid var(--border);
10097
+ border-radius: 0;
10098
+ background: transparent;
10099
+ padding: 0 0 1rem;
10100
+ box-shadow: none;
10094
10101
  }
10095
10102
 
10096
10103
  .layout-clean-flat [data-svadmin-demo-credentials] dl {
10097
10104
  display: grid;
10098
10105
  grid-template-columns: repeat(2, minmax(0, 1fr));
10099
- gap: 0.75rem;
10106
+ gap: 0.75rem 1rem;
10100
10107
  }
10101
10108
 
10102
10109
  .layout-clean-flat [data-svadmin-demo-credentials] dl > div {
10103
10110
  min-width: 0;
10104
- border-radius: 0.875rem;
10105
- background: color-mix(in oklch, var(--card) 88%, transparent);
10106
- padding: 0.75rem;
10111
+ border: 0;
10112
+ border-radius: 0;
10113
+ background: transparent;
10114
+ padding: 0;
10115
+ box-shadow: none;
10107
10116
  }
10108
10117
 
10109
10118
  .layout-clean-flat [data-svadmin-demo-credentials] dt {
10110
10119
  color: var(--muted-foreground);
10111
- font-size: 0.6875rem;
10112
- font-weight: 700;
10113
- line-height: 1.2;
10114
- text-transform: uppercase;
10120
+ font-size: 0.75rem;
10121
+ font-weight: 500;
10122
+ line-height: 1.35;
10123
+ letter-spacing: 0;
10124
+ text-transform: none;
10115
10125
  }
10116
10126
 
10117
10127
  .layout-clean-flat [data-svadmin-demo-credentials] dd {
@@ -10147,26 +10157,26 @@ details.svadmin-collapsible:not([open]) > :not(summary) {
10147
10157
 
10148
10158
  .layout-clean-flat [data-svadmin-auth-page] form input {
10149
10159
  width: 100%;
10150
- min-height: 3.5rem;
10160
+ min-height: 2.75rem;
10151
10161
  border: 1px solid var(--border);
10152
- border-radius: 0.625rem;
10153
- background: transparent;
10154
- padding-block: 0.75rem;
10155
- padding-right: 0.75rem;
10156
- font-size: 1rem;
10162
+ border-radius: 0.5rem;
10163
+ background: var(--card);
10164
+ padding-block: 0.5rem;
10165
+ padding-inline: 0.75rem;
10166
+ font-size: 0.875rem;
10157
10167
  }
10158
10168
 
10159
10169
  .layout-clean-flat [data-svadmin-auth-page] form input:focus-visible {
10160
10170
  border-color: var(--ring);
10161
- outline: 3px solid color-mix(in oklch, var(--ring) 20%, transparent);
10162
- outline-offset: 0;
10171
+ outline: 2px solid var(--ring);
10172
+ outline-offset: var(--svadmin-focus-offset, 2px);
10163
10173
  }
10164
10174
 
10165
10175
  .layout-clean-flat [data-svadmin-auth-page] form > button[type="submit"] {
10166
10176
  width: 100%;
10167
- min-height: 3.5rem;
10168
- border-radius: 0.75rem;
10169
- font-size: 1rem;
10177
+ min-height: 2.75rem;
10178
+ border-radius: 0.5rem;
10179
+ font-size: 0.875rem;
10170
10180
  font-weight: 600;
10171
10181
  }
10172
10182
 
@@ -10464,10 +10474,11 @@ details.svadmin-collapsible:not([open]) > :not(summary) {
10464
10474
  }
10465
10475
 
10466
10476
  .layout-clean-flat[data-theme="stripe"] [data-svadmin-table-toolbar] {
10467
- border: 1px solid var(--border);
10468
- border-radius: 0.5rem;
10469
- background: var(--card);
10470
- box-shadow: var(--svadmin-surface-shadow);
10477
+ border: 0;
10478
+ border-bottom: 1px solid var(--border);
10479
+ border-radius: 0;
10480
+ background: transparent;
10481
+ box-shadow: none;
10471
10482
  }
10472
10483
 
10473
10484
  .layout-clean-flat[data-theme="stripe"] [data-svadmin-form-actions] {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@svadmin/ui",
3
- "version": "0.83.1",
3
+ "version": "0.83.2",
4
4
  "description": "Pre-built admin UI components — AdminApp, AutoTable, AutoForm, Sidebar, Layout",
5
5
  "type": "module",
6
6
  "sideEffects": [