dap-design-system 0.57.3 → 0.57.5

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.
@@ -1,4 +1,3 @@
1
- import { ButtonVariant } from '../components/button/button.component';
2
1
  import { default as DapDSFileInputListItem, FileListElement } from '../components/file-input/file-input-list-item.component';
3
2
  export type Common<T> = Pick<T, keyof T>;
4
3
  export type Size = 'lg' | 'md' | 'sm' | 'xs' | 'xxs' | 'xl' | 'xxl';
@@ -30,6 +29,8 @@ export type FloatingStrategy = 'absolute' | 'fixed';
30
29
  export type SnackbarPosition = 'bottom-center' | 'bottom-left' | 'bottom-right' | 'top-center' | 'top-right';
31
30
  export type AlertType = 'default' | 'error' | 'information' | 'successful';
32
31
  export type FeedbackType = 'negative' | 'positive' | 'warning';
32
+ export type ButtonVariant = 'primary' | 'outline' | 'subtle' | 'clean' | 'primary-inverted' | 'outline-inverted' | 'subtle-inverted' | 'clean-inverted' | 'subtle-neutral' | 'subtle-quiet' | 'subtle-quiet-inverted' | 'subtle-menu' | 'subtle-menu-item';
33
+ export type HtmlButtonType = 'button' | 'submit' | 'reset';
33
34
  export type ActionType = {
34
35
  href?: string;
35
36
  target?: LinkTarget;
@@ -74,5 +74,5 @@ export default class DapDSBanner extends DdsElement {
74
74
  static readonly styles: import('lit').CSSResult;
75
75
  protected firstUpdated(_changedProperties: PropertyValueMap<DapDSBanner> | Map<PropertyKey, unknown>): void;
76
76
  private onCloseClick;
77
- render(): typeof nothing | import('lit-html').TemplateResult;
77
+ render(): import('lit-html').TemplateResult | typeof nothing;
78
78
  }
@@ -1,9 +1,7 @@
1
1
  import { PropertyValueMap } from 'lit';
2
2
  import { GenericFormElement } from '../../internal/mixin/genericFormElement';
3
- import { ButtonShape, LinkTarget } from '../../common/types';
3
+ import { ButtonShape, ButtonVariant, HtmlButtonType, LinkTarget } from '../../common/types';
4
4
  import { ButtonSize } from '../icon-button/icon-button.component';
5
- export type ButtonVariant = 'primary' | 'outline' | 'subtle' | 'clean' | 'primary-inverted' | 'outline-inverted' | 'subtle-inverted' | 'clean-inverted' | 'subtle-neutral' | 'subtle-quiet' | 'subtle-quiet-inverted' | 'subtle-menu' | 'subtle-menu-item';
6
- export type HtmlButtonType = 'button' | 'submit' | 'reset';
7
5
  /**
8
6
  * `dap-ds-button` is a versatile button component for triggering actions and navigation.
9
7
  * @element dap-ds-button
@@ -299,7 +297,7 @@ export default class DapDSButton extends GenericFormElement {
299
297
  /**
300
298
  * @ignore
301
299
  */
302
- get focusElement(): HTMLLinkElement | HTMLButtonElement;
300
+ get focusElement(): HTMLButtonElement | HTMLLinkElement;
303
301
  /** Aria-label for the inner button; survives host attribute removal so Lit does not clear it */
304
302
  private get effectiveAriaLabel();
305
303
  protected updated(changedProperties: Map<string | number | symbol, unknown>): void;
@@ -1,5 +1,5 @@
1
1
  export declare const buttonVariants: (props?: ({
2
- intent?: "subtle" | "clean" | "primary" | "outline" | "primary-inverted" | "outline-inverted" | "subtle-inverted" | "clean-inverted" | "subtle-neutral" | "subtle-quiet" | "subtle-quiet-inverted" | "subtle-menu" | "subtle-menu-item" | null | undefined;
3
- size?: "lg" | "md" | "sm" | "xs" | null | undefined;
2
+ intent?: "subtle" | "primary" | "outline" | "clean" | "primary-inverted" | "outline-inverted" | "subtle-inverted" | "clean-inverted" | "subtle-neutral" | "subtle-quiet" | "subtle-quiet-inverted" | "subtle-menu" | "subtle-menu-item" | null | undefined;
3
+ size?: "sm" | "xs" | "md" | "lg" | null | undefined;
4
4
  shape?: "button" | "circle" | null | undefined;
5
5
  } & import('class-variance-authority/types').ClassProp) | undefined) => string;
@@ -104,5 +104,5 @@ export default class DapDSCallout extends DdsElement {
104
104
  handleClose(): void;
105
105
  private handleKeyDown;
106
106
  protected updated(changedProperties: Map<PropertyKey, unknown>): void;
107
- render(): typeof nothing | import('lit-html').TemplateResult;
107
+ render(): import('lit-html').TemplateResult | typeof nothing;
108
108
  }
@@ -148,5 +148,6 @@ export default class DapDSCheckbox extends LabeledChoiceElement {
148
148
  * @private
149
149
  */
150
150
  handleInvalid(event: Event): void;
151
+ setValidity(): void;
151
152
  render(): import('lit-html').TemplateResult;
152
153
  }
@@ -29,5 +29,5 @@ export default class DapDSCodePuncherSlot extends DdsElement {
29
29
  private _handlePaste;
30
30
  private _onFocus;
31
31
  private _onBlur;
32
- render(): typeof nothing | import('lit-html').TemplateResult<1>;
32
+ render(): import('lit-html').TemplateResult<1> | typeof nothing;
33
33
  }
@@ -117,8 +117,8 @@ export default class ComboboxBaseElement extends GenericFormElement {
117
117
  setValidity(): void;
118
118
  handleInvalid(event: Event): void;
119
119
  getActiveDescendant(): HTMLInputElement | import('../option-item/option-item.component').default | null | undefined;
120
- getSearchIconSize(size: string): "lg" | "md" | "sm";
121
- getInnerIconSize(size: string): 10 | 16;
120
+ getSearchIconSize(size: string): "sm" | "md" | "lg";
121
+ getInnerIconSize(size: string): 16 | 10;
122
122
  private handleChipRemove;
123
123
  private renderChip;
124
124
  private renderChips;
@@ -1,6 +1,6 @@
1
1
  export declare const linkVariants: (props?: ({
2
2
  color?: "disabled" | "enabled" | null | undefined;
3
- size?: "lg" | "md" | "sm" | "xs" | null | undefined;
3
+ size?: "sm" | "xs" | "md" | "lg" | null | undefined;
4
4
  weight?: "bold" | "normal" | null | undefined;
5
5
  decoration?: "none" | "underline" | null | undefined;
6
6
  } & import('class-variance-authority/types').ClassProp) | undefined) => string;
@@ -5786,6 +5786,15 @@ let jt = class extends Xa {
5786
5786
  handleInvalid(t) {
5787
5787
  t.preventDefault(), this.invalid || (this.invalid = !0);
5788
5788
  }
5789
+ setValidity() {
5790
+ if (!this.innerInput) return;
5791
+ const { valid: t } = this.innerInput.validity;
5792
+ t ? (this.required && (this.invalid = !1), this.internals.setValidity({})) : this.internals.setValidity(
5793
+ this.innerInput.validity,
5794
+ this.validationMessage,
5795
+ this.innerInput
5796
+ );
5797
+ }
5789
5798
  render() {
5790
5799
  return b`
5791
5800
  <div part="base">
@@ -21552,7 +21561,7 @@ export {
21552
21561
  Mi as A,
21553
21562
  To as B,
21554
21563
  Pa as C,
21555
- Us as D,
21564
+ Eo as D,
21556
21565
  Ir as E,
21557
21566
  W as F,
21558
21567
  tt as G,
@@ -21576,7 +21585,7 @@ export {
21576
21585
  Na as Y,
21577
21586
  Ro as Z,
21578
21587
  ie as _,
21579
- Be as a,
21588
+ Ut as a,
21580
21589
  Ar as a0,
21581
21590
  zt as a1,
21582
21591
  Lr as a2,
@@ -21600,8 +21609,8 @@ export {
21600
21609
  ki as ab,
21601
21610
  Ri as ac,
21602
21611
  lo as ad,
21603
- ai as ae,
21604
- Vi as af,
21612
+ Vi as ae,
21613
+ ai as af,
21605
21614
  Ue as ag,
21606
21615
  Ee as ah,
21607
21616
  Pe as ai,
@@ -21622,24 +21631,24 @@ export {
21622
21631
  po as ax,
21623
21632
  me as ay,
21624
21633
  Pr as az,
21625
- Ut as b,
21626
- eo as c,
21627
- He as d,
21628
- to as e,
21629
- vi as f,
21630
- Eo as g,
21634
+ to as b,
21635
+ Be as c,
21636
+ eo as d,
21637
+ He as e,
21638
+ Us as f,
21639
+ vi as g,
21631
21640
  ii as h,
21632
21641
  Ot as i,
21633
21642
  qt as j,
21634
21643
  Mt as k,
21635
21644
  Xt as l,
21636
- Ia as m,
21637
- $r as n,
21638
- Li as o,
21639
- Sr as p,
21640
- Po as q,
21641
- ve as r,
21642
- jt as s,
21645
+ jt as m,
21646
+ Ia as n,
21647
+ $r as o,
21648
+ Li as p,
21649
+ Sr as q,
21650
+ Po as r,
21651
+ ve as s,
21643
21652
  Ce as t,
21644
21653
  Ei as u,
21645
21654
  De as v,
@@ -21648,4 +21657,4 @@ export {
21648
21657
  Qt as y,
21649
21658
  wi as z
21650
21659
  };
21651
- //# sourceMappingURL=components-I_1pevVu.js.map
21660
+ //# sourceMappingURL=components-DAqH4X61.js.map