@design.estate/dees-catalog 3.90.1 → 3.91.0
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 +19 -3
- package/dist_ts_web/00_commitinfo_data.js +1 -1
- package/dist_ts_web/elements/00group-button/dees-button/dees-button.d.ts +1 -1
- package/dist_ts_web/elements/00group-button/dees-button/dees-button.demo.js +3 -2
- package/dist_ts_web/elements/00group-button/dees-button/dees-button.js +17 -2
- package/dist_ts_web/elements/00group-form/dees-form-submit/dees-form-submit.d.ts +1 -1
- package/dist_ts_web/elements/00group-form/dees-form-submit/dees-form-submit.js +1 -1
- package/package.json +2 -2
- package/readme.md +6 -9
- package/ts_web/00_commitinfo_data.ts +1 -1
- package/ts_web/elements/00group-button/dees-button/dees-button.demo.ts +2 -1
- package/ts_web/elements/00group-button/dees-button/dees-button.ts +17 -2
- package/ts_web/elements/00group-form/dees-form-submit/dees-form-submit.ts +1 -1
package/dist_bundle/bundle.js
CHANGED
|
@@ -152741,6 +152741,7 @@ var demoFunc31 = /* @__PURE__ */ __name(() => b2`
|
|
|
152741
152741
|
<dees-panel .title=${"1. Button Variants"} .subtitle=${"Different visual styles for various use cases"}>
|
|
152742
152742
|
<div class="button-group">
|
|
152743
152743
|
<dees-button type="default">Default</dees-button>
|
|
152744
|
+
<dees-button type="accent">Accent</dees-button>
|
|
152744
152745
|
<dees-button type="secondary">Secondary</dees-button>
|
|
152745
152746
|
<dees-button type="destructive">Destructive</dees-button>
|
|
152746
152747
|
<dees-button type="outline">Outline</dees-button>
|
|
@@ -153003,7 +153004,7 @@ var demoFunc31 = /* @__PURE__ */ __name(() => b2`
|
|
|
153003
153004
|
<dees-panel .title=${"8. Backward Compatibility"} .subtitle=${"Old button types are automatically mapped to new variants"}>
|
|
153004
153005
|
<div class="button-group">
|
|
153005
153006
|
<dees-button type="normal">Normal → Default</dees-button>
|
|
153006
|
-
<dees-button type="highlighted">Highlighted →
|
|
153007
|
+
<dees-button type="highlighted">Highlighted → Accent</dees-button>
|
|
153007
153008
|
<dees-button type="discreet">Discreet → Outline</dees-button>
|
|
153008
153009
|
<dees-button type="big">Big → Large Size</dees-button>
|
|
153009
153010
|
</div>
|
|
@@ -153161,7 +153162,7 @@ var _DeesButton = class _DeesButton extends (_a44 = DeesElement, _text_dec2 = [n
|
|
|
153161
153162
|
render() {
|
|
153162
153163
|
const typeMap = {
|
|
153163
153164
|
"normal": "default",
|
|
153164
|
-
"highlighted": "
|
|
153165
|
+
"highlighted": "accent",
|
|
153165
153166
|
"discreet": "outline",
|
|
153166
153167
|
"big": "default"
|
|
153167
153168
|
// Will use size instead
|
|
@@ -153348,6 +153349,21 @@ __publicField(_DeesButton, "styles", [
|
|
|
153348
153349
|
background: color-mix(in srgb, var(--dees-color-text-primary) 9%, var(--dees-color-bg-primary));
|
|
153349
153350
|
}
|
|
153350
153351
|
|
|
153352
|
+
/* Accent variant — the filled primary action (system accent). */
|
|
153353
|
+
.button.accent {
|
|
153354
|
+
background: var(--dees-color-accent-primary);
|
|
153355
|
+
color: var(--dees-color-on-accent);
|
|
153356
|
+
border: 1px solid transparent;
|
|
153357
|
+
}
|
|
153358
|
+
|
|
153359
|
+
.button.accent:hover:not(.disabled) {
|
|
153360
|
+
background: color-mix(in srgb, var(--dees-color-accent-primary) 88%, white);
|
|
153361
|
+
}
|
|
153362
|
+
|
|
153363
|
+
.button.accent:active:not(.disabled) {
|
|
153364
|
+
background: color-mix(in srgb, var(--dees-color-accent-primary) 85%, black);
|
|
153365
|
+
}
|
|
153366
|
+
|
|
153351
153367
|
/* Destructive variant */
|
|
153352
153368
|
.button.destructive {
|
|
153353
153369
|
background: var(--dees-color-accent-error);
|
|
@@ -189528,7 +189544,7 @@ init_group_runtime();
|
|
|
189528
189544
|
// ts_web/00_commitinfo_data.ts
|
|
189529
189545
|
var commitinfo = {
|
|
189530
189546
|
name: "@design.estate/dees-catalog",
|
|
189531
|
-
version: "3.
|
|
189547
|
+
version: "3.91.0",
|
|
189532
189548
|
description: "A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript."
|
|
189533
189549
|
};
|
|
189534
189550
|
export {
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*/
|
|
4
4
|
export const commitinfo = {
|
|
5
5
|
name: '@design.estate/dees-catalog',
|
|
6
|
-
version: '3.
|
|
6
|
+
version: '3.91.0',
|
|
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
|
|
@@ -11,7 +11,7 @@ export declare class DeesButton extends DeesElement {
|
|
|
11
11
|
accessor eventDetailData: string;
|
|
12
12
|
accessor disabled: boolean;
|
|
13
13
|
accessor isHidden: boolean;
|
|
14
|
-
accessor type: 'default' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link' | 'normal' | 'highlighted' | 'discreet' | 'big';
|
|
14
|
+
accessor type: 'default' | 'accent' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link' | 'normal' | 'highlighted' | 'discreet' | 'big';
|
|
15
15
|
accessor size: 'default' | 'sm' | 'lg' | 'icon';
|
|
16
16
|
accessor status: 'normal' | 'pending' | 'success' | 'error';
|
|
17
17
|
accessor insideForm: boolean;
|
|
@@ -89,6 +89,7 @@ export const demoFunc = () => html `
|
|
|
89
89
|
<dees-panel .title=${'1. Button Variants'} .subtitle=${'Different visual styles for various use cases'}>
|
|
90
90
|
<div class="button-group">
|
|
91
91
|
<dees-button type="default">Default</dees-button>
|
|
92
|
+
<dees-button type="accent">Accent</dees-button>
|
|
92
93
|
<dees-button type="secondary">Secondary</dees-button>
|
|
93
94
|
<dees-button type="destructive">Destructive</dees-button>
|
|
94
95
|
<dees-button type="outline">Outline</dees-button>
|
|
@@ -361,7 +362,7 @@ export const demoFunc = () => html `
|
|
|
361
362
|
<dees-panel .title=${'8. Backward Compatibility'} .subtitle=${'Old button types are automatically mapped to new variants'}>
|
|
362
363
|
<div class="button-group">
|
|
363
364
|
<dees-button type="normal">Normal → Default</dees-button>
|
|
364
|
-
<dees-button type="highlighted">Highlighted →
|
|
365
|
+
<dees-button type="highlighted">Highlighted → Accent</dees-button>
|
|
365
366
|
<dees-button type="discreet">Discreet → Outline</dees-button>
|
|
366
367
|
<dees-button type="big">Big → Large Size</dees-button>
|
|
367
368
|
</div>
|
|
@@ -444,4 +445,4 @@ export const demoFunc = () => html `
|
|
|
444
445
|
</dees-demowrapper>
|
|
445
446
|
</div>
|
|
446
447
|
`;
|
|
447
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
448
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1idXR0b24uZGVtby5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3RzX3dlYi9lbGVtZW50cy8wMGdyb3VwLWJ1dHRvbi9kZWVzLWJ1dHRvbi9kZWVzLWJ1dHRvbi5kZW1vLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQUUsR0FBRyxFQUFFLFVBQVUsRUFBRSxRQUFRLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUM5RSxPQUFPLHVDQUF1QyxDQUFDO0FBQy9DLE9BQU8sK0NBQStDLENBQUM7QUFDdkQsT0FBTywyQ0FBMkMsQ0FBQztBQUNuRCxPQUFPLHlEQUF5RCxDQUFDO0FBQ2pFLE9BQU8sd0RBQXdELENBQUM7QUFDaEUsT0FBTyw4Q0FBOEMsQ0FBQztBQUd0RCxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBOztNQUU1QixHQUFHLENBQUE7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztzQkEwQ2EsVUFBVSxDQUFDLE9BQU8sQ0FBQyxvQkFBb0IsRUFBRSxzQkFBc0IsQ0FBQzs7OztpQkFJckUsVUFBVSxDQUFDLE9BQU8sQ0FBQyxxQkFBcUIsRUFBRSxrQkFBa0IsQ0FBQzs7Ozs7Ozs7Ozs7c0JBV3hELFVBQVUsQ0FBQyxPQUFPLENBQUMsb0JBQW9CLEVBQUUsc0JBQXNCLENBQUM7Ozs7Ozs7O0tBUWpGOzs7O3dDQUltQyxLQUFLLEVBQUUsVUFBdUIsRUFBRSxFQUFFO0lBQ3BFLHNDQUFzQztJQUN0QyxNQUFNLE9BQU8sR0FBRyxVQUFVLENBQUMsZ0JBQWdCLENBQUMsYUFBYSxDQUFDLENBQUM7SUFDM0QsT0FBTyxDQUFDLE9BQU8sQ0FBQyxDQUFDLE1BQU0sRUFBRSxFQUFFO1FBQ3pCLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxTQUFTLEVBQUUsR0FBRyxFQUFFO1lBQ3RDLE1BQU0sSUFBSSxHQUFHLE1BQU0s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
|
|
@@ -279,6 +279,21 @@ let DeesButton = (() => {
|
|
|
279
279
|
background: color-mix(in srgb, var(--dees-color-text-primary) 9%, var(--dees-color-bg-primary));
|
|
280
280
|
}
|
|
281
281
|
|
|
282
|
+
/* Accent variant — the filled primary action (system accent). */
|
|
283
|
+
.button.accent {
|
|
284
|
+
background: var(--dees-color-accent-primary);
|
|
285
|
+
color: var(--dees-color-on-accent);
|
|
286
|
+
border: 1px solid transparent;
|
|
287
|
+
}
|
|
288
|
+
|
|
289
|
+
.button.accent:hover:not(.disabled) {
|
|
290
|
+
background: color-mix(in srgb, var(--dees-color-accent-primary) 88%, white);
|
|
291
|
+
}
|
|
292
|
+
|
|
293
|
+
.button.accent:active:not(.disabled) {
|
|
294
|
+
background: color-mix(in srgb, var(--dees-color-accent-primary) 85%, black);
|
|
295
|
+
}
|
|
296
|
+
|
|
282
297
|
/* Destructive variant */
|
|
283
298
|
.button.destructive {
|
|
284
299
|
background: var(--dees-color-accent-error);
|
|
@@ -494,7 +509,7 @@ let DeesButton = (() => {
|
|
|
494
509
|
// Map old types to new types for backward compatibility
|
|
495
510
|
const typeMap = {
|
|
496
511
|
'normal': 'default',
|
|
497
|
-
'highlighted': '
|
|
512
|
+
'highlighted': 'accent',
|
|
498
513
|
'discreet': 'outline',
|
|
499
514
|
'big': 'default' // Will use size instead
|
|
500
515
|
};
|
|
@@ -550,4 +565,4 @@ let DeesButton = (() => {
|
|
|
550
565
|
return DeesButton = _classThis;
|
|
551
566
|
})();
|
|
552
567
|
export { DeesButton };
|
|
553
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
568
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1idXR0b24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi90c193ZWIvZWxlbWVudHMvMDBncm91cC1idXR0b24vZGVlcy1idXR0b24vZGVlcy1idXR0b24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFDTCxhQUFhLEVBQ2IsSUFBSSxFQUNKLFdBQVcsRUFDWCxRQUFRLEVBRVIsVUFBVSxFQUNWLEdBQUcsRUFFSCxTQUFTLEdBQ1YsTUFBTSw2QkFBNkIsQ0FBQztBQUVyQyxPQUFPLEtBQUssUUFBUSxNQUFNLDhCQUE4QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUNqRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztJQVN6QyxVQUFVOzRCQUR0QixhQUFhLENBQUMsYUFBYSxDQUFDOzs7O3NCQUNHLFdBQVc7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7MEJBQW5CLFNBQVEsV0FBVzs7OztnQ0FJeEMsUUFBUSxDQUFDO29CQUNSLE9BQU8sRUFBRSxJQUFJO29CQUNiLFVBQVU7d0JBQ1IsT0FBTyxJQUFJLENBQUM7b0JBQ2QsQ0FBQztpQkFDRixDQUFDOzJDQUdELFFBQVEsRUFBRTtvQ0FHVixRQUFRLENBQUM7b0JBQ1IsSUFBSSxFQUFFLE9BQU87b0JBQ2IsT0FBTyxFQUFFLElBQUk7aUJBQ2QsQ0FBQztvQ0FHRCxRQUFRLENBQUM7b0JBQ1IsSUFBSSxFQUFFLE9BQU87aUJBQ2QsQ0FBQztnQ0FHRCxRQUFRLENBQUM7b0JBQ1IsSUFBSSxFQUFFLE1BQU07aUJBQ2IsQ0FBQztnQ0FHRCxRQUFRLENBQUM7b0JBQ1IsSUFBSSxFQUFFLE1BQU07aUJBQ2IsQ0FBQztrQ0FHRCxRQUFRLENBQUM7b0JBQ1IsSUFBSSxFQUFFLE1BQU07aUJBQ2IsQ0FBQztzQ0FHRCxR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
|
|
@@ -10,7 +10,7 @@ export declare class DeesFormSubmit extends DeesElement {
|
|
|
10
10
|
accessor disabled: boolean;
|
|
11
11
|
accessor text: string;
|
|
12
12
|
accessor status: 'normal' | 'pending' | 'success' | 'error';
|
|
13
|
-
accessor type: 'default' | 'secondary' | 'destructive' | 'outline' | 'ghost' | 'link' | 'normal' | 'highlighted' | 'discreet' | 'big';
|
|
13
|
+
accessor type: 'default' | 'accent' | 'secondary' | 'destructive' | 'outline' | 'ghost' | 'link' | 'normal' | 'highlighted' | 'discreet' | 'big';
|
|
14
14
|
accessor size: 'sm' | 'default' | 'lg' | 'icon' | 'small' | 'normal' | 'large';
|
|
15
15
|
accessor icon: string;
|
|
16
16
|
accessor iconPosition: 'left' | 'right';
|
|
@@ -176,4 +176,4 @@ let DeesFormSubmit = (() => {
|
|
|
176
176
|
return DeesFormSubmit = _classThis;
|
|
177
177
|
})();
|
|
178
178
|
export { DeesFormSubmit };
|
|
179
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
179
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1mb3JtLXN1Ym1pdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3RzX3dlYi9lbGVtZW50cy8wMGdyb3VwLWZvcm0vZGVlcy1mb3JtLXN1Ym1pdC9kZWVzLWZvcm0tc3VibWl0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDdEQsT0FBTyxFQUNMLGFBQWEsRUFDYixJQUFJLEVBQ0osV0FBVyxFQUNYLEdBQUcsRUFDSCxVQUFVLEVBQ1YsUUFBUSxHQUVULE1BQU0sNkJBQTZCLENBQUM7QUFFckMsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7SUFTekMsY0FBYzs0QkFEMUIsYUFBYSxDQUFDLGtCQUFrQixDQUFDOzs7O3NCQUNFLFdBQVc7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OEJBQW5CLFNBQVEsV0FBVzs7OztvQ0FRNUMsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLENBQUM7Z0NBRzFDLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQztrQ0FHMUIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO2dDQUcxQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsQ0FBQztnQ0FHekMsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLENBQUM7Z0NBR3pDLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQzt3Q0FHMUIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO1lBakIzQiw2S0FBUyxRQUFRLDZCQUFSLFFBQVEs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
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@design.estate/dees-catalog",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.91.0",
|
|
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",
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
"@git.zone/tstest": "^3.6.6",
|
|
40
40
|
"@git.zone/tswatch": "^3.3.5",
|
|
41
41
|
"@push.rocks/projectinfo": "^5.1.0",
|
|
42
|
-
"@types/node": "^26.
|
|
42
|
+
"@types/node": "^26.1.0"
|
|
43
43
|
},
|
|
44
44
|
"files": [
|
|
45
45
|
"ts/**/*",
|
package/readme.md
CHANGED
|
@@ -39,7 +39,7 @@ import '@design.estate/dees-catalog';
|
|
|
39
39
|
class MyApp extends DeesElement {
|
|
40
40
|
render() {
|
|
41
41
|
return html`
|
|
42
|
-
<dees-button type="
|
|
42
|
+
<dees-button type="accent" @click=${() => alert('Hello!')}>
|
|
43
43
|
Click me!
|
|
44
44
|
</dees-button>
|
|
45
45
|
`;
|
|
@@ -84,7 +84,7 @@ button.text = 'Click me';
|
|
|
84
84
|
|
|
85
85
|
// With options
|
|
86
86
|
<dees-button
|
|
87
|
-
type="
|
|
87
|
+
type="accent" // Options: default, accent, destructive, outline, secondary, ghost, link (legacy: normal, highlighted, discreet, big)
|
|
88
88
|
status="pending" // Options: normal, pending, success, error
|
|
89
89
|
disabled={false} // Optional: disables the button
|
|
90
90
|
@click=${handleClick}
|
|
@@ -207,13 +207,10 @@ Exit/close button component with consistent styling.
|
|
|
207
207
|
Container for grouping related buttons together.
|
|
208
208
|
|
|
209
209
|
```typescript
|
|
210
|
-
<dees-button-group
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
]}
|
|
215
|
-
spacing="medium" // Options: small, medium, large
|
|
216
|
-
></dees-button-group>
|
|
210
|
+
<dees-button-group label="Actions" direction="horizontal">
|
|
211
|
+
<dees-button type="accent" @clicked=${handleSave}>Save</dees-button>
|
|
212
|
+
<dees-button @clicked=${handleCancel}>Cancel</dees-button>
|
|
213
|
+
</dees-button-group>
|
|
217
214
|
```
|
|
218
215
|
|
|
219
216
|
#### `DeesHeading`
|
|
@@ -3,6 +3,6 @@
|
|
|
3
3
|
*/
|
|
4
4
|
export const commitinfo = {
|
|
5
5
|
name: '@design.estate/dees-catalog',
|
|
6
|
-
version: '3.
|
|
6
|
+
version: '3.91.0',
|
|
7
7
|
description: 'A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript.'
|
|
8
8
|
}
|
|
@@ -91,6 +91,7 @@ export const demoFunc = () => html`
|
|
|
91
91
|
<dees-panel .title=${'1. Button Variants'} .subtitle=${'Different visual styles for various use cases'}>
|
|
92
92
|
<div class="button-group">
|
|
93
93
|
<dees-button type="default">Default</dees-button>
|
|
94
|
+
<dees-button type="accent">Accent</dees-button>
|
|
94
95
|
<dees-button type="secondary">Secondary</dees-button>
|
|
95
96
|
<dees-button type="destructive">Destructive</dees-button>
|
|
96
97
|
<dees-button type="outline">Outline</dees-button>
|
|
@@ -374,7 +375,7 @@ export const demoFunc = () => html`
|
|
|
374
375
|
<dees-panel .title=${'8. Backward Compatibility'} .subtitle=${'Old button types are automatically mapped to new variants'}>
|
|
375
376
|
<div class="button-group">
|
|
376
377
|
<dees-button type="normal">Normal → Default</dees-button>
|
|
377
|
-
<dees-button type="highlighted">Highlighted →
|
|
378
|
+
<dees-button type="highlighted">Highlighted → Accent</dees-button>
|
|
378
379
|
<dees-button type="discreet">Discreet → Outline</dees-button>
|
|
379
380
|
<dees-button type="big">Big → Large Size</dees-button>
|
|
380
381
|
</div>
|
|
@@ -50,7 +50,7 @@ export class DeesButton extends DeesElement {
|
|
|
50
50
|
@property({
|
|
51
51
|
type: String
|
|
52
52
|
})
|
|
53
|
-
accessor type: 'default' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link' | 'normal' | 'highlighted' | 'discreet' | 'big' = 'default';
|
|
53
|
+
accessor type: 'default' | 'accent' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link' | 'normal' | 'highlighted' | 'discreet' | 'big' = 'default';
|
|
54
54
|
|
|
55
55
|
@property({
|
|
56
56
|
type: String
|
|
@@ -203,6 +203,21 @@ export class DeesButton extends DeesElement {
|
|
|
203
203
|
background: color-mix(in srgb, var(--dees-color-text-primary) 9%, var(--dees-color-bg-primary));
|
|
204
204
|
}
|
|
205
205
|
|
|
206
|
+
/* Accent variant — the filled primary action (system accent). */
|
|
207
|
+
.button.accent {
|
|
208
|
+
background: var(--dees-color-accent-primary);
|
|
209
|
+
color: var(--dees-color-on-accent);
|
|
210
|
+
border: 1px solid transparent;
|
|
211
|
+
}
|
|
212
|
+
|
|
213
|
+
.button.accent:hover:not(.disabled) {
|
|
214
|
+
background: color-mix(in srgb, var(--dees-color-accent-primary) 88%, white);
|
|
215
|
+
}
|
|
216
|
+
|
|
217
|
+
.button.accent:active:not(.disabled) {
|
|
218
|
+
background: color-mix(in srgb, var(--dees-color-accent-primary) 85%, black);
|
|
219
|
+
}
|
|
220
|
+
|
|
206
221
|
/* Destructive variant */
|
|
207
222
|
.button.destructive {
|
|
208
223
|
background: var(--dees-color-accent-error);
|
|
@@ -430,7 +445,7 @@ export class DeesButton extends DeesElement {
|
|
|
430
445
|
// Map old types to new types for backward compatibility
|
|
431
446
|
const typeMap: {[key: string]: string} = {
|
|
432
447
|
'normal': 'default',
|
|
433
|
-
'highlighted': '
|
|
448
|
+
'highlighted': 'accent',
|
|
434
449
|
'discreet': 'outline',
|
|
435
450
|
'big': 'default' // Will use size instead
|
|
436
451
|
};
|
|
@@ -36,7 +36,7 @@ export class DeesFormSubmit extends DeesElement {
|
|
|
36
36
|
accessor status: 'normal' | 'pending' | 'success' | 'error' = 'normal';
|
|
37
37
|
|
|
38
38
|
@property({ type: String, reflect: true })
|
|
39
|
-
accessor type: 'default' | 'secondary' | 'destructive' | 'outline' | 'ghost' | 'link' | 'normal' | 'highlighted' | 'discreet' | 'big' = 'default';
|
|
39
|
+
accessor type: 'default' | 'accent' | 'secondary' | 'destructive' | 'outline' | 'ghost' | 'link' | 'normal' | 'highlighted' | 'discreet' | 'big' = 'default';
|
|
40
40
|
|
|
41
41
|
@property({ type: String, reflect: true })
|
|
42
42
|
accessor size: 'sm' | 'default' | 'lg' | 'icon' | 'small' | 'normal' | 'large' = 'default';
|