@dcodegroup-au/dsg-vue 0.0.21 → 0.0.23

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.
@@ -3,10 +3,10 @@
3
3
  * # Setup: Props
4
4
  * ------------------------------------------------
5
5
  */
6
- export type DsgBadgeTheme = 'pill-color' | 'pill-outline' | 'badge-color' | 'badge-modern';
7
- export type DsgBadgeSize = 'sm' | 'md' | 'lg';
8
- export type DsgBadgeType = 'standard' | 'add';
9
- export type DsgBadgeThemeColor = 'gray' | 'brand' | 'error' | 'warning' | 'success' | 'gray-blue' | 'blue-light' | 'blue' | 'indigo' | 'purple' | 'pink' | 'orange';
6
+ export type DsgBadgeTheme = "pill-color" | "pill-outline" | "badge-color" | "badge-modern";
7
+ export type DsgBadgeSize = "sm" | "md" | "lg";
8
+ export type DsgBadgeType = "standard" | "add" | "icon";
9
+ export type DsgBadgeThemeColor = "gray" | "brand" | "error" | "warning" | "success" | "gray-blue" | "blue-light" | "blue" | "indigo" | "purple" | "pink" | "orange";
10
10
  export interface DsgBadgeProps {
11
11
  label?: string;
12
12
  classes?: string;
@@ -15,7 +15,9 @@ export interface DsgBadgeProps {
15
15
  hasClose?: boolean;
16
16
  avatarUri?: string;
17
17
  iconBefore?: string;
18
+ icon?: string;
18
19
  iconAfter?: string;
20
+ iconOnly?: boolean;
19
21
  hasDot?: boolean;
20
22
  theme?: DsgBadgeTheme;
21
23
  themeColor?: DsgBadgeThemeColor;
@@ -8,6 +8,7 @@ export type DsgDatepickerType = "single" | "range" | "month" | "time" | "time-ra
8
8
  export type DsgDatepickerValue = string | Date | Date[] | string[] | null;
9
9
  export type DsgDatepickerRangeConfig = RangeConfig;
10
10
  export type DsgDatepickerPosition = "left" | "center" | "right";
11
+ export type DsgDatepickerSize = "sm" | "md" | "lg";
11
12
  export type DsgDatepickerAutoPosition = boolean | "top" | "bottom";
12
13
  export type DsgUiClasses = UIOptions;
13
14
  export interface DsgDatepickerProps {
@@ -18,6 +19,8 @@ export interface DsgDatepickerProps {
18
19
  teleportCenter?: boolean;
19
20
  ui?: DsgUiClasses;
20
21
  format?: string;
22
+ size?: DsgDatepickerSize;
23
+ label?: string;
21
24
  useTimePicker?: boolean;
22
25
  errors?: string[];
23
26
  }
@@ -37,6 +37,7 @@ export interface DsgDropdownProps {
37
37
  headerType?: DsgDropdownHeaderType;
38
38
  headerTitle?: string;
39
39
  classes?: string;
40
+ strategy?: "absolute" | "fixed" | undefined;
40
41
  skidding?: number;
41
42
  distance?: number;
42
43
  }
@@ -34,6 +34,7 @@ export interface DsgInputProps {
34
34
  hint?: string;
35
35
  placeholder?: string;
36
36
  name?: string;
37
+ step?: string;
37
38
  hasTooltip?: boolean;
38
39
  toolTip?: string | undefined;
39
40
  min?: number | undefined;
@@ -46,6 +47,7 @@ export interface DsgInputProps {
46
47
  websiteHttps?: boolean;
47
48
  websiteWww?: boolean;
48
49
  validateOnInput?: boolean;
50
+ validateOnLoad?: boolean;
49
51
  validationPatterns?: DsgInputValidationPattern[];
50
52
  hideHintOnError?: boolean;
51
53
  minLength?: number;
@@ -5,7 +5,7 @@ import { default as VueMultiselect } from 'vue-multiselect';
5
5
  * ------------------------------------------------
6
6
  */
7
7
  export interface DsgInputSelectOption {
8
- id: string;
8
+ id: string | number;
9
9
  label: string;
10
10
  [key: string]: any;
11
11
  }
@@ -19,10 +19,13 @@ export interface DsgInputSelectProps {
19
19
  disabled?: boolean;
20
20
  closeOnSelect?: boolean;
21
21
  trackBy?: string;
22
+ contentMaxWidth?: string;
22
23
  itemLabel?: string;
23
24
  allowEmpty?: boolean;
25
+ validateOnLoad?: boolean;
24
26
  selectLabel?: string;
25
27
  selectedLabel?: string;
28
+ errors?: string[] | string;
26
29
  size?: "md";
27
30
  }
28
31
  type __VLS_Props = DsgInputSelectProps;