pdm-ui-kit 0.1.16 → 0.1.17
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/esm2020/lib/components/button/button.component.mjs +10 -10
- package/esm2020/lib/components/button-group/button-group.component.mjs +5 -1
- package/fesm2015/pdm-ui-kit.mjs +13 -9
- package/fesm2015/pdm-ui-kit.mjs.map +1 -1
- package/fesm2020/pdm-ui-kit.mjs +13 -9
- package/fesm2020/pdm-ui-kit.mjs.map +1 -1
- package/package.json +1 -1
package/fesm2020/pdm-ui-kit.mjs
CHANGED
|
@@ -289,6 +289,8 @@ class PdmButtonGroupComponent {
|
|
|
289
289
|
const groupHorizontalClasses = isGroup && !isVertical && !this.separated
|
|
290
290
|
? [
|
|
291
291
|
'[&>*:not(:first-child)]:-ml-px',
|
|
292
|
+
'[&>pdm-button]:flex',
|
|
293
|
+
'[&>pdm-button>button]:h-9',
|
|
292
294
|
'[&>pdm-input]:flex-1',
|
|
293
295
|
'[&>pdm-input>div]:w-full',
|
|
294
296
|
'[&>pdm-button>button]:!rounded-none',
|
|
@@ -309,6 +311,8 @@ class PdmButtonGroupComponent {
|
|
|
309
311
|
const groupVerticalClasses = isGroup && isVertical && !this.separated
|
|
310
312
|
? [
|
|
311
313
|
'[&>*:not(:first-child)]:-mt-px',
|
|
314
|
+
'[&>pdm-button]:flex',
|
|
315
|
+
'[&>pdm-button>button]:h-9',
|
|
312
316
|
'[&>pdm-button>button]:!rounded-none',
|
|
313
317
|
'[&>pdm-button:first-child>button]:!rounded-t-md',
|
|
314
318
|
'[&>pdm-button:last-child>button]:!rounded-b-md',
|
|
@@ -366,19 +370,19 @@ class PdmButtonComponent {
|
|
|
366
370
|
this.className = '';
|
|
367
371
|
this.pressed = new EventEmitter();
|
|
368
372
|
this.toneClassMap = {
|
|
369
|
-
default: { default: 'border-
|
|
370
|
-
primary: { default: 'border-
|
|
371
|
-
destructive: { default: 'border-
|
|
373
|
+
default: { default: 'border-primary bg-primary text-primary-foreground', hover: 'border-primary bg-primary text-primary-foreground opacity-90' },
|
|
374
|
+
primary: { default: 'border-primary bg-primary text-primary-foreground', hover: 'border-primary bg-primary text-primary-foreground opacity-90' },
|
|
375
|
+
destructive: { default: 'border-border bg-destructive text-destructive-foreground', hover: 'border-border bg-destructive text-destructive-foreground opacity-90' },
|
|
372
376
|
outline: { default: 'border-border bg-background text-foreground', hover: 'border-border bg-muted text-foreground' },
|
|
373
|
-
subtle: { default: 'border-
|
|
374
|
-
secondary: { default: 'border-
|
|
375
|
-
ghost: { default: 'border-
|
|
376
|
-
link: { default: 'border-
|
|
377
|
-
'with-icon': { default: 'border-
|
|
377
|
+
subtle: { default: 'border-secondary bg-secondary text-secondary-foreground', hover: 'border-accent bg-accent text-accent-foreground' },
|
|
378
|
+
secondary: { default: 'border-secondary bg-secondary text-secondary-foreground', hover: 'border-accent bg-accent text-accent-foreground' },
|
|
379
|
+
ghost: { default: 'border-border bg-transparent text-foreground', hover: 'border-border bg-accent text-accent-foreground' },
|
|
380
|
+
link: { default: 'border-border bg-transparent text-primary', hover: 'border-border bg-transparent text-primary underline underline-offset-4' },
|
|
381
|
+
'with-icon': { default: 'border-primary bg-primary text-primary-foreground', hover: 'border-primary bg-primary text-primary-foreground opacity-90' },
|
|
378
382
|
icon: { default: 'border-border bg-background text-foreground', hover: 'border-border bg-accent text-accent-foreground' },
|
|
379
383
|
'icon-circle': { default: 'border-border bg-background text-foreground', hover: 'border-border bg-accent text-accent-foreground' },
|
|
380
384
|
rounded: { default: 'border-border bg-background text-foreground', hover: 'border-border bg-accent text-accent-foreground' },
|
|
381
|
-
loading: { default: 'border-
|
|
385
|
+
loading: { default: 'border-primary bg-primary text-primary-foreground opacity-70', hover: 'border-primary bg-primary text-primary-foreground opacity-70' }
|
|
382
386
|
};
|
|
383
387
|
}
|
|
384
388
|
get isDisabled() {
|