@design.estate/dees-catalog 3.78.0 → 3.78.1

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@design.estate/dees-catalog",
3
- "version": "3.78.0",
3
+ "version": "3.78.1",
4
4
  "private": false,
5
5
  "description": "A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript.",
6
6
  "main": "dist_ts_web/index.js",
@@ -3,6 +3,6 @@
3
3
  */
4
4
  export const commitinfo = {
5
5
  name: '@design.estate/dees-catalog',
6
- version: '3.78.0',
6
+ version: '3.78.1',
7
7
  description: 'A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript.'
8
8
  }
@@ -10,6 +10,7 @@ import {
10
10
  css,
11
11
  } from '@design.estate/dees-element';
12
12
  import { themeDefaultStyles } from '../../00theme.js';
13
+ import '../../00group-layout/dees-tile/dees-tile.js';
13
14
 
14
15
  declare global {
15
16
  interface HTMLElementTagNameMap {
@@ -90,24 +91,25 @@ export class DeesSimpleLogin extends DeesElement {
90
91
  color: var(--dees-color-text-muted);
91
92
  }
92
93
 
93
- .login-card {
94
- background: var(--dees-color-bg-primary);
95
- border: 1px solid var(--dees-color-border-default);
96
- border-radius: 8px;
94
+ dees-tile {
95
+ width: 100%;
96
+ }
97
+
98
+ dees-tile::part(content) {
97
99
  padding: 24px;
98
100
  }
99
101
 
100
- .login-card dees-form {
102
+ dees-tile dees-form {
101
103
  display: flex;
102
104
  flex-direction: column;
103
105
  gap: 16px;
104
106
  }
105
107
 
106
- .login-card dees-input-text {
108
+ dees-tile dees-input-text {
107
109
  width: 100%;
108
110
  }
109
111
 
110
- .login-card dees-form-submit {
112
+ dees-tile dees-form-submit {
111
113
  margin-top: 8px;
112
114
  width: 100%;
113
115
  }
@@ -122,13 +124,13 @@ export class DeesSimpleLogin extends DeesElement {
122
124
  <div class="header">Sign in</div>
123
125
  <div class="subheader">Enter your credentials to access ${this.name}</div>
124
126
  </div>
125
- <div class="login-card">
127
+ <dees-tile .heading=${'Credentials'}>
126
128
  <dees-form>
127
129
  <dees-input-text key="username" label="Username" required></dees-input-text>
128
130
  <dees-input-text key="password" label="Password" isPasswordBool required></dees-input-text>
129
131
  <dees-form-submit>Sign in</dees-form-submit>
130
132
  </dees-form>
131
- </div>
133
+ </dees-tile>
132
134
  </div>
133
135
  </div>
134
136
  <div class="slotContainer">