@design.estate/dees-catalog 3.73.1 → 3.73.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.
- package/dist_bundle/bundle.js +31 -14
- package/dist_ts_web/00_commitinfo_data.js +1 -1
- package/dist_ts_web/elements/00group-input/dees-input-text/dees-input-text.js +8 -8
- package/dist_ts_web/elements/00group-layout/dees-label/dees-label.js +23 -6
- package/dist_watch/bundle.js +29 -12
- package/dist_watch/bundle.js.map +2 -2
- package/package.json +1 -1
- package/ts_web/00_commitinfo_data.ts +1 -1
- package/ts_web/elements/00group-input/dees-input-text/dees-input-text.ts +7 -7
- package/ts_web/elements/00group-layout/dees-label/dees-label.ts +22 -5
package/dist_bundle/bundle.js
CHANGED
|
@@ -140272,7 +140272,9 @@ var _DeesLabel = class _DeesLabel extends (_a16 = DeesElement, _label_dec2 = [n5
|
|
|
140272
140272
|
${this.label}
|
|
140273
140273
|
${this.required ? b2`<span class="required">*</span>` : ""}
|
|
140274
140274
|
${this.description ? b2`
|
|
140275
|
-
<
|
|
140275
|
+
<div class="description-icon">
|
|
140276
|
+
<dees-icon .icon=${"lucide:info"}></dees-icon>
|
|
140277
|
+
</div>
|
|
140276
140278
|
<dees-speechbubble .text=${this.description}></dees-speechbubble>
|
|
140277
140279
|
` : b2``}
|
|
140278
140280
|
</div>
|
|
@@ -140318,11 +140320,26 @@ __publicField(_DeesLabel, "styles", [
|
|
|
140318
140320
|
margin-left: 2px;
|
|
140319
140321
|
}
|
|
140320
140322
|
|
|
140321
|
-
|
|
140322
|
-
|
|
140323
|
-
|
|
140323
|
+
.description-icon {
|
|
140324
|
+
display: inline-flex;
|
|
140325
|
+
align-items: center;
|
|
140326
|
+
justify-content: center;
|
|
140327
|
+
width: 24px;
|
|
140328
|
+
height: 24px;
|
|
140329
|
+
margin: -6px 0 -6px 2px;
|
|
140330
|
+
border-radius: 4px;
|
|
140331
|
+
cursor: default;
|
|
140332
|
+
transition: background 0.15s ease, color 0.15s ease;
|
|
140324
140333
|
color: ${cssManager.bdTheme("hsl(0 0% 45.1%)", "hsl(0 0% 63.9%)")};
|
|
140325
|
-
|
|
140334
|
+
}
|
|
140335
|
+
|
|
140336
|
+
.description-icon:hover {
|
|
140337
|
+
background: ${cssManager.bdTheme("hsl(0 0% 0% / 0.06)", "hsl(0 0% 100% / 0.08)")};
|
|
140338
|
+
color: ${cssManager.bdTheme("hsl(0 0% 25%)", "hsl(0 0% 80%)")};
|
|
140339
|
+
}
|
|
140340
|
+
|
|
140341
|
+
.description-icon dees-icon {
|
|
140342
|
+
font-size: 14px;
|
|
140326
140343
|
}
|
|
140327
140344
|
`
|
|
140328
140345
|
]);
|
|
@@ -143327,7 +143344,7 @@ var _DeesInputText = class _DeesInputText extends (_a21 = DeesInputBase, _value_
|
|
|
143327
143344
|
type: Boolean,
|
|
143328
143345
|
reflect: true
|
|
143329
143346
|
})], _validationState_dec = [n5({
|
|
143330
|
-
type:
|
|
143347
|
+
type: String,
|
|
143331
143348
|
reflect: true
|
|
143332
143349
|
})], _validationText_dec = [n5({
|
|
143333
143350
|
reflect: true
|
|
@@ -143545,31 +143562,31 @@ __publicField(_DeesInputText, "styles", [
|
|
|
143545
143562
|
}
|
|
143546
143563
|
|
|
143547
143564
|
/* Error state for input */
|
|
143548
|
-
:host([
|
|
143565
|
+
:host([validationstate="invalid"]) input {
|
|
143549
143566
|
border-color: ${cssManager.bdTheme("hsl(0 84.2% 60.2%)", "hsl(0 72.2% 50.6%)")};
|
|
143550
143567
|
}
|
|
143551
143568
|
|
|
143552
|
-
:host([
|
|
143569
|
+
:host([validationstate="invalid"]) input:focus {
|
|
143553
143570
|
border-color: ${cssManager.bdTheme("hsl(0 84.2% 60.2%)", "hsl(0 72.2% 50.6%)")};
|
|
143554
143571
|
box-shadow: 0 0 0 2px ${cssManager.bdTheme("hsl(0 84.2% 60.2% / 0.05)", "hsl(0 72.2% 50.6% / 0.05)")};
|
|
143555
143572
|
}
|
|
143556
143573
|
|
|
143557
143574
|
/* Warning state for input */
|
|
143558
|
-
:host([
|
|
143575
|
+
:host([validationstate="warn"]) input {
|
|
143559
143576
|
border-color: ${cssManager.bdTheme("hsl(25 95% 53%)", "hsl(25 95% 63%)")};
|
|
143560
143577
|
}
|
|
143561
143578
|
|
|
143562
|
-
:host([
|
|
143579
|
+
:host([validationstate="warn"]) input:focus {
|
|
143563
143580
|
border-color: ${cssManager.bdTheme("hsl(25 95% 53%)", "hsl(25 95% 63%)")};
|
|
143564
143581
|
box-shadow: 0 0 0 2px ${cssManager.bdTheme("hsl(25 95% 53% / 0.05)", "hsl(25 95% 63% / 0.05)")};
|
|
143565
143582
|
}
|
|
143566
143583
|
|
|
143567
143584
|
/* Valid state for input */
|
|
143568
|
-
:host([
|
|
143585
|
+
:host([validationstate="valid"]) input {
|
|
143569
143586
|
border-color: ${cssManager.bdTheme("hsl(142.1 76.2% 36.3%)", "hsl(142.1 70.6% 45.3%)")};
|
|
143570
143587
|
}
|
|
143571
143588
|
|
|
143572
|
-
:host([
|
|
143589
|
+
:host([validationstate="valid"]) input:focus {
|
|
143573
143590
|
border-color: ${cssManager.bdTheme("hsl(142.1 76.2% 36.3%)", "hsl(142.1 70.6% 45.3%)")};
|
|
143574
143591
|
box-shadow: 0 0 0 2px ${cssManager.bdTheme("hsl(142.1 76.2% 36.3% / 0.05)", "hsl(142.1 70.6% 45.3% / 0.05)")};
|
|
143575
143592
|
}
|
|
@@ -201327,7 +201344,7 @@ init_group_runtime();
|
|
|
201327
201344
|
// ts_web/00_commitinfo_data.ts
|
|
201328
201345
|
var commitinfo = {
|
|
201329
201346
|
name: "@design.estate/dees-catalog",
|
|
201330
|
-
version: "3.73.
|
|
201347
|
+
version: "3.73.2",
|
|
201331
201348
|
description: "A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript."
|
|
201332
201349
|
};
|
|
201333
201350
|
export {
|
|
@@ -203292,4 +203309,4 @@ ibantools/jsnext/ibantools.js:
|
|
|
203292
203309
|
* @preferred
|
|
203293
203310
|
*)
|
|
203294
203311
|
*/
|
|
203295
|
-
//# sourceMappingURL=bundle-
|
|
203312
|
+
//# sourceMappingURL=bundle-1775992236016.js.map
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*/
|
|
4
4
|
export const commitinfo = {
|
|
5
5
|
name: '@design.estate/dees-catalog',
|
|
6
|
-
version: '3.73.
|
|
6
|
+
version: '3.73.2',
|
|
7
7
|
description: 'A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript.'
|
|
8
8
|
};
|
|
9
9
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMDBfY29tbWl0aW5mb19kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHNfd2ViLzAwX2NvbW1pdGluZm9fZGF0YS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRztJQUN4QixJQUFJLEVBQUUsNkJBQTZCO0lBQ25DLE9BQU8sRUFBRSxRQUFRO0lBQ2pCLFdBQVcsRUFBRSxzSkFBc0o7Q0FDcEssQ0FBQSJ9
|
|
@@ -82,7 +82,7 @@ let DeesInputText = (() => {
|
|
|
82
82
|
reflect: true,
|
|
83
83
|
})];
|
|
84
84
|
_validationState_decorators = [property({
|
|
85
|
-
type:
|
|
85
|
+
type: String,
|
|
86
86
|
reflect: true,
|
|
87
87
|
})];
|
|
88
88
|
_validationText_decorators = [property({
|
|
@@ -237,31 +237,31 @@ let DeesInputText = (() => {
|
|
|
237
237
|
}
|
|
238
238
|
|
|
239
239
|
/* Error state for input */
|
|
240
|
-
:host([
|
|
240
|
+
:host([validationstate="invalid"]) input {
|
|
241
241
|
border-color: ${cssManager.bdTheme('hsl(0 84.2% 60.2%)', 'hsl(0 72.2% 50.6%)')};
|
|
242
242
|
}
|
|
243
243
|
|
|
244
|
-
:host([
|
|
244
|
+
:host([validationstate="invalid"]) input:focus {
|
|
245
245
|
border-color: ${cssManager.bdTheme('hsl(0 84.2% 60.2%)', 'hsl(0 72.2% 50.6%)')};
|
|
246
246
|
box-shadow: 0 0 0 2px ${cssManager.bdTheme('hsl(0 84.2% 60.2% / 0.05)', 'hsl(0 72.2% 50.6% / 0.05)')};
|
|
247
247
|
}
|
|
248
248
|
|
|
249
249
|
/* Warning state for input */
|
|
250
|
-
:host([
|
|
250
|
+
:host([validationstate="warn"]) input {
|
|
251
251
|
border-color: ${cssManager.bdTheme('hsl(25 95% 53%)', 'hsl(25 95% 63%)')};
|
|
252
252
|
}
|
|
253
253
|
|
|
254
|
-
:host([
|
|
254
|
+
:host([validationstate="warn"]) input:focus {
|
|
255
255
|
border-color: ${cssManager.bdTheme('hsl(25 95% 53%)', 'hsl(25 95% 63%)')};
|
|
256
256
|
box-shadow: 0 0 0 2px ${cssManager.bdTheme('hsl(25 95% 53% / 0.05)', 'hsl(25 95% 63% / 0.05)')};
|
|
257
257
|
}
|
|
258
258
|
|
|
259
259
|
/* Valid state for input */
|
|
260
|
-
:host([
|
|
260
|
+
:host([validationstate="valid"]) input {
|
|
261
261
|
border-color: ${cssManager.bdTheme('hsl(142.1 76.2% 36.3%)', 'hsl(142.1 70.6% 45.3%)')};
|
|
262
262
|
}
|
|
263
263
|
|
|
264
|
-
:host([
|
|
264
|
+
:host([validationstate="valid"]) input:focus {
|
|
265
265
|
border-color: ${cssManager.bdTheme('hsl(142.1 76.2% 36.3%)', 'hsl(142.1 70.6% 45.3%)')};
|
|
266
266
|
box-shadow: 0 0 0 2px ${cssManager.bdTheme('hsl(142.1 76.2% 36.3% / 0.05)', 'hsl(142.1 70.6% 45.3% / 0.05)')};
|
|
267
267
|
}
|
|
@@ -386,4 +386,4 @@ let DeesInputText = (() => {
|
|
|
386
386
|
return DeesInputText = _classThis;
|
|
387
387
|
})();
|
|
388
388
|
export { DeesInputText };
|
|
389
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
389
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1pbnB1dC10ZXh0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vdHNfd2ViL2VsZW1lbnRzLzAwZ3JvdXAtaW5wdXQvZGVlcy1pbnB1dC10ZXh0L2RlZXMtaW5wdXQtdGV4dC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sTUFBTSxtQkFBbUIsQ0FBQztBQUM1QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDdEUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBRXpFLE9BQU8sRUFDTCxhQUFhLEVBRWIsUUFBUSxFQUNSLElBQUksRUFDSixVQUFVLEVBQ1YsR0FBRyxHQUNKLE1BQU0sNkJBQTZCLENBQUM7QUFDckMsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7SUFTekMsYUFBYTs0QkFEekIsYUFBYSxDQUFDLGlCQUFpQixDQUFDOzs7O3NCQUNFLGFBQWE7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7NkJBQXJCLFNBQVEsV0FBYTs7OztpQ0FLN0MsUUFBUSxDQUFDO29CQUNSLElBQUksRUFBRSxNQUFNO29CQUNaLE9BQU8sRUFBRSxJQUFJO2lCQUNkLENBQUM7MENBR0QsUUFBUSxDQUFDO29CQUNSLElBQUksRUFBRSxPQUFPO29CQUNiLE9BQU8sRUFBRSxJQUFJO2lCQUNkLENBQUM7NENBR0QsUUFBUSxDQUFDO29CQUNSLElBQUksRUFBRSxPQUFPO29CQUNiLE9BQU8sRUFBRSxJQUFJO2lCQUNkLENBQUM7MkNBR0QsUUFBUSxDQUFDO29CQUNSLElBQUksRUFBRSxNQUFNO29CQUNaLE9BQU8sRUFBRSxJQUFJO2lCQUNkLENBQUM7MENBR0QsUUFBUSxDQUFD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
|
|
@@ -114,11 +114,26 @@ let DeesLabel = (() => {
|
|
|
114
114
|
margin-left: 2px;
|
|
115
115
|
}
|
|
116
116
|
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
117
|
+
.description-icon {
|
|
118
|
+
display: inline-flex;
|
|
119
|
+
align-items: center;
|
|
120
|
+
justify-content: center;
|
|
121
|
+
width: 24px;
|
|
122
|
+
height: 24px;
|
|
123
|
+
margin: -6px 0 -6px 2px;
|
|
124
|
+
border-radius: 4px;
|
|
125
|
+
cursor: default;
|
|
126
|
+
transition: background 0.15s ease, color 0.15s ease;
|
|
120
127
|
color: ${cssManager.bdTheme('hsl(0 0% 45.1%)', 'hsl(0 0% 63.9%)')};
|
|
121
|
-
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
.description-icon:hover {
|
|
131
|
+
background: ${cssManager.bdTheme('hsl(0 0% 0% / 0.06)', 'hsl(0 0% 100% / 0.08)')};
|
|
132
|
+
color: ${cssManager.bdTheme('hsl(0 0% 25%)', 'hsl(0 0% 80%)')};
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
.description-icon dees-icon {
|
|
136
|
+
font-size: 14px;
|
|
122
137
|
}
|
|
123
138
|
`,
|
|
124
139
|
];
|
|
@@ -131,7 +146,9 @@ let DeesLabel = (() => {
|
|
|
131
146
|
${this.required ? html `<span class="required">*</span>` : ''}
|
|
132
147
|
${this.description
|
|
133
148
|
? html `
|
|
134
|
-
<
|
|
149
|
+
<div class="description-icon">
|
|
150
|
+
<dees-icon .icon=${'lucide:info'}></dees-icon>
|
|
151
|
+
</div>
|
|
135
152
|
<dees-speechbubble .text=${this.description}></dees-speechbubble>
|
|
136
153
|
`
|
|
137
154
|
: html ``}
|
|
@@ -151,4 +168,4 @@ let DeesLabel = (() => {
|
|
|
151
168
|
return DeesLabel = _classThis;
|
|
152
169
|
})();
|
|
153
170
|
export { DeesLabel };
|
|
154
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
171
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1sYWJlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3RzX3dlYi9lbGVtZW50cy8wMGdyb3VwLWxheW91dC9kZWVzLWxhYmVsL2RlZXMtbGFiZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxPQUFPLE1BQU0sb0JBQW9CLENBQUM7QUFDOUMsT0FBTyxLQUFLLE1BQU0sTUFBTSxtQkFBbUIsQ0FBQztBQUU1QyxPQUFPLEVBQ0wsYUFBYSxFQUNiLElBQUksRUFDSixHQUFHLEVBQ0gsVUFBVSxFQUNWLFdBQVcsRUFDWCxRQUFRLEVBQ1IsU0FBUyxFQUNULEtBQUssR0FDTixNQUFNLDZCQUE2QixDQUFDO0FBRXJDLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUNoRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztJQUd6QyxTQUFTOzRCQURyQixhQUFhLENBQUMsWUFBWSxDQUFDOzs7O3NCQUNHLFdBQVc7Ozs7Ozs7Ozs7eUJBQW5CLFNBQVEsV0FBVzs7OztpQ0FNdkMsUUFBUSxDQUFDO29CQUNSLElBQUksRUFBRSxNQUFNO29CQUNaLE9BQU8sRUFBRSxJQUFJO2lCQUNkLENBQUM7dUNBR0QsUUFBUSxDQUFDO29CQUNSLElBQUksRUFBRSxNQUFNO29CQUNaLE9BQU8sRUFBRSxJQUFJO2lCQUNkLENBQUM7b0NBR0QsUUFBUSxDQUFDO29CQUNSLElBQUksRUFBRSxPQUFPO29CQUNiLE9BQU8sRUFBRSxJQUFJO2lCQUNkLENBQUM7WUFYRixvS0FBUyxLQUFLLDZCQUFMLEtBQUsscUZBQU07WUFNcEIsc0xBQVMsV0FBVyw2QkFBWCxXQUFXLGlHQUFVO1lBTTlCLDZLQUFTLFFBQVEsNkJBQVIsUUFBUSwyRkFBa0I7WUF0QnJDLDZLQStGQzs7OztRQTlGUSxNQUFNLENBQUMsSUFBSSxHQUFHLFFBQVEsQ0FBQztRQUN2QixNQUFNLENBQUMsVUFBVSxHQUFHLENBQUMsUUFBUSxFQUFFLE9BQU8sQ0FBQyxDQUFDO1FBUS9DLHVFQUFpQixFQUFFLEVBQUM7UUFOcEIsV0FBVztRQU1YLElBQVMsS0FBSywyQ0FBTTtRQUFwQixJQUFTLEtBQUssaURBQU07UUFNcEIsZ0pBQThCO1FBQTlCLElBQVMsV0FBVyxpREFBVTtRQUE5QixJQUFTLFdBQVcsdURBQVU7UUFNOUIsdUlBQTZCLEtBQUssR0FBQztRQUFuQyxJQUFTLFFBQVEsOENBQWtCO1FBQW5DLElBQVMsUUFBUSxvREFBa0I7UUFFNUIsTUFBTSxDQUFDLE1BQU0sR0FBRztZQUNyQixrQkFBa0I7WUFDbEIsVUFBVSxDQUFDLGFBQWE7WUFDeEIsR0FBRyxDQUFBOzs7Ozs7Ozs7aUJBU1UsVUFBVSxDQUFDLE9BQU8sQ0FBQyxlQUFlLEVBQUUsZUFBZSxDQUFDOzs7Ozs7Ozs7OztpQkFXcEQsVUFBVSxDQUFDLE9BQU8sQ0FBQyxvQkFBb0IsRUFBRSxvQkFBb0IsQ0FBQzs7Ozs7Ozs7Ozs7Ozs7aUJBYzlELFVBQVUsQ0FBQyxPQUFPLENBQUMsaUJBQWlCLEVBQUUsaUJBQWlCLENBQUM7Ozs7c0JBSW5ELFVBQVUsQ0FBQyxPQUFPLENBQUMscUJBQXFCLEVBQUUsdUJBQXVCLENBQUM7aUJBQ3ZFLFVBQVUsQ0FBQyxPQUFPLENBQUMsZUFBZSxFQUFFLGVBQWUsQ0FBQzs7Ozs7O0tBTWhFO1NBQ0YsQ0FBQztRQUVLLE1BQU07WUFDWCxPQUFPLElBQUksQ0FBQTtRQUNQLElBQUksQ0FBQyxLQUFLO2dCQUNWLENBQUMsQ0FBQyxJQUFJLENBQUE7O2dCQUVFLElBQUksQ0FBQyxLQUFLO2dCQUNWLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQSxpQ0FBaUMsQ0FBQyxDQUFDLENBQUMsRUFBRTtnQkFDMUQsSUFBSSxDQUFDLFdBQVc7b0JBQ2hCLENBQUMsQ0FBQyxJQUFJLENBQUE7O3lDQUVtQixhQUFhOzsrQ0FFUCxJQUFJLENBQUMsV0FBVzttQkFDNUM7b0JBQ0gsQ0FBQyxDQUFDLElBQUksQ0FBQSxFQUFFOztXQUViO2dCQUNILENBQUMsQ0FBQyxJQUFJLENBQUEsRUFBRTtLQUNYLENBQUM7UUFDSixDQUFDOzs7Ozs7WUE5RlUsdURBQVM7Ozs7O1NBQVQsU0FBUyJ9
|
package/dist_watch/bundle.js
CHANGED
|
@@ -145622,7 +145622,9 @@ var _DeesLabel = class _DeesLabel extends (_a16 = DeesElement, _label_dec2 = [n5
|
|
|
145622
145622
|
${this.label}
|
|
145623
145623
|
${this.required ? b2`<span class="required">*</span>` : ""}
|
|
145624
145624
|
${this.description ? b2`
|
|
145625
|
-
<
|
|
145625
|
+
<div class="description-icon">
|
|
145626
|
+
<dees-icon .icon=${"lucide:info"}></dees-icon>
|
|
145627
|
+
</div>
|
|
145626
145628
|
<dees-speechbubble .text=${this.description}></dees-speechbubble>
|
|
145627
145629
|
` : b2``}
|
|
145628
145630
|
</div>
|
|
@@ -145668,11 +145670,26 @@ __publicField(_DeesLabel, "styles", [
|
|
|
145668
145670
|
margin-left: 2px;
|
|
145669
145671
|
}
|
|
145670
145672
|
|
|
145671
|
-
|
|
145672
|
-
|
|
145673
|
-
|
|
145673
|
+
.description-icon {
|
|
145674
|
+
display: inline-flex;
|
|
145675
|
+
align-items: center;
|
|
145676
|
+
justify-content: center;
|
|
145677
|
+
width: 24px;
|
|
145678
|
+
height: 24px;
|
|
145679
|
+
margin: -6px 0 -6px 2px;
|
|
145680
|
+
border-radius: 4px;
|
|
145681
|
+
cursor: default;
|
|
145682
|
+
transition: background 0.15s ease, color 0.15s ease;
|
|
145674
145683
|
color: ${cssManager.bdTheme("hsl(0 0% 45.1%)", "hsl(0 0% 63.9%)")};
|
|
145675
|
-
|
|
145684
|
+
}
|
|
145685
|
+
|
|
145686
|
+
.description-icon:hover {
|
|
145687
|
+
background: ${cssManager.bdTheme("hsl(0 0% 0% / 0.06)", "hsl(0 0% 100% / 0.08)")};
|
|
145688
|
+
color: ${cssManager.bdTheme("hsl(0 0% 25%)", "hsl(0 0% 80%)")};
|
|
145689
|
+
}
|
|
145690
|
+
|
|
145691
|
+
.description-icon dees-icon {
|
|
145692
|
+
font-size: 14px;
|
|
145676
145693
|
}
|
|
145677
145694
|
`
|
|
145678
145695
|
]);
|
|
@@ -148677,7 +148694,7 @@ var _DeesInputText = class _DeesInputText extends (_a21 = DeesInputBase, _value_
|
|
|
148677
148694
|
type: Boolean,
|
|
148678
148695
|
reflect: true
|
|
148679
148696
|
})], _validationState_dec = [n5({
|
|
148680
|
-
type:
|
|
148697
|
+
type: String,
|
|
148681
148698
|
reflect: true
|
|
148682
148699
|
})], _validationText_dec = [n5({
|
|
148683
148700
|
reflect: true
|
|
@@ -148895,31 +148912,31 @@ __publicField(_DeesInputText, "styles", [
|
|
|
148895
148912
|
}
|
|
148896
148913
|
|
|
148897
148914
|
/* Error state for input */
|
|
148898
|
-
:host([
|
|
148915
|
+
:host([validationstate="invalid"]) input {
|
|
148899
148916
|
border-color: ${cssManager.bdTheme("hsl(0 84.2% 60.2%)", "hsl(0 72.2% 50.6%)")};
|
|
148900
148917
|
}
|
|
148901
148918
|
|
|
148902
|
-
:host([
|
|
148919
|
+
:host([validationstate="invalid"]) input:focus {
|
|
148903
148920
|
border-color: ${cssManager.bdTheme("hsl(0 84.2% 60.2%)", "hsl(0 72.2% 50.6%)")};
|
|
148904
148921
|
box-shadow: 0 0 0 2px ${cssManager.bdTheme("hsl(0 84.2% 60.2% / 0.05)", "hsl(0 72.2% 50.6% / 0.05)")};
|
|
148905
148922
|
}
|
|
148906
148923
|
|
|
148907
148924
|
/* Warning state for input */
|
|
148908
|
-
:host([
|
|
148925
|
+
:host([validationstate="warn"]) input {
|
|
148909
148926
|
border-color: ${cssManager.bdTheme("hsl(25 95% 53%)", "hsl(25 95% 63%)")};
|
|
148910
148927
|
}
|
|
148911
148928
|
|
|
148912
|
-
:host([
|
|
148929
|
+
:host([validationstate="warn"]) input:focus {
|
|
148913
148930
|
border-color: ${cssManager.bdTheme("hsl(25 95% 53%)", "hsl(25 95% 63%)")};
|
|
148914
148931
|
box-shadow: 0 0 0 2px ${cssManager.bdTheme("hsl(25 95% 53% / 0.05)", "hsl(25 95% 63% / 0.05)")};
|
|
148915
148932
|
}
|
|
148916
148933
|
|
|
148917
148934
|
/* Valid state for input */
|
|
148918
|
-
:host([
|
|
148935
|
+
:host([validationstate="valid"]) input {
|
|
148919
148936
|
border-color: ${cssManager.bdTheme("hsl(142.1 76.2% 36.3%)", "hsl(142.1 70.6% 45.3%)")};
|
|
148920
148937
|
}
|
|
148921
148938
|
|
|
148922
|
-
:host([
|
|
148939
|
+
:host([validationstate="valid"]) input:focus {
|
|
148923
148940
|
border-color: ${cssManager.bdTheme("hsl(142.1 76.2% 36.3%)", "hsl(142.1 70.6% 45.3%)")};
|
|
148924
148941
|
box-shadow: 0 0 0 2px ${cssManager.bdTheme("hsl(142.1 76.2% 36.3% / 0.05)", "hsl(142.1 70.6% 45.3% / 0.05)")};
|
|
148925
148942
|
}
|