@dcodegroup-au/dsg-vue 0.1.40 → 1.0.1-next.1
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/README.md +67 -8
- package/dist/DsgLabel.vue_vue_type_style_index_0_lang-CzkVjbOp.js +26 -0
- package/dist/DsgLabel.vue_vue_type_style_index_0_lang-WrIgmJyQ.cjs +1 -0
- package/dist/{DsgTablePerPage.vue_vue_type_style_index_0_lang-CmNG2Wig.cjs → DsgTablePerPage.vue_vue_type_style_index_0_lang-eTosSqko.cjs} +1217 -1197
- package/dist/{DsgTablePerPage.vue_vue_type_style_index_0_lang-BoJ6hpYL.js → DsgTablePerPage.vue_vue_type_style_index_0_lang-gN_n5gOu.js} +5742 -5750
- package/dist/components/Elements/DsgAccordion.vue.d.ts +0 -1
- package/dist/components/Elements/DsgAvatar.vue.d.ts +0 -1
- package/dist/components/Elements/DsgBadge.vue.d.ts +0 -1
- package/dist/components/Elements/DsgButton.vue.d.ts +0 -1
- package/dist/components/Elements/DsgCard.vue.d.ts +1 -2
- package/dist/components/Elements/DsgCardContainer.vue.d.ts +1 -1
- package/dist/components/Elements/DsgCheckbox.vue.d.ts +0 -1
- package/dist/components/Elements/DsgCheckboxGroup.vue.d.ts +2 -2
- package/dist/components/Elements/DsgDropdown.vue.d.ts +0 -5
- package/dist/components/Elements/DsgInput.vue.d.ts +0 -1
- package/dist/components/Elements/DsgLabel.vue.d.ts +1 -2
- package/dist/components/Elements/DsgProgress.vue.d.ts +1 -1
- package/dist/components/Elements/DsgTag.vue.d.ts +0 -1
- package/dist/components/Elements/DsgToggle.vue.d.ts +1 -2
- package/dist/components/Elements/ElementComponents.d.ts +1 -3
- package/dist/components/Icons/DsgCreditCardIcon.vue.d.ts +0 -1
- package/dist/components/Icons/DsgIcon.vue.d.ts +0 -2
- package/dist/components/Icons/DsgMiscIcon.vue.d.ts +0 -1
- package/dist/dsg-vue.cjs +32 -11
- package/dist/dsg-vue.css +2 -2
- package/dist/dsg-vue.editor.cjs +33 -33
- package/dist/dsg-vue.editor.esm.js +6 -7
- package/dist/dsg-vue.esm.js +2969 -3061
- package/dist/dsg-vue.table.cjs +2 -2
- package/dist/dsg-vue.table.esm.js +65 -62
- package/dist/main.d.ts +4 -82
- package/package.json +6 -3
- package/vite.config.ts +10 -7
- package/dist/DsgColoursConfig-BseFo6-R.js +0 -450
- package/dist/DsgColoursConfig-D7UiFGB5.cjs +0 -1
- package/dist/DsgLabel.vue_vue_type_style_index_0_lang-BYL1w85l.js +0 -28
- package/dist/DsgLabel.vue_vue_type_style_index_0_lang-DAM6oT0f.cjs +0 -1
- package/dist/_commonjsHelpers-C6fGbg64.js +0 -6
- package/dist/_commonjsHelpers-DwGv2jUC.cjs +0 -1
- package/dist/components/Elements/DsgInputDropdown.vue.d.ts +0 -30
- package/dist/components/Elements/DsgLink.vue.d.ts +0 -36
- package/dist/dsg-vue.tailwind.cjs +0 -1
- package/dist/dsg-vue.tailwind.esm.js +0 -610
- package/dist/tailwind/plugins/DsgBackdropBlurPlugin.d.ts +0 -15
- package/dist/tailwind/plugins/DsgColoursPlugin.d.ts +0 -15
- package/dist/tailwind/plugins/DsgContainerPlugin.d.ts +0 -15
- package/dist/tailwind/plugins/DsgFocusRingPlugin.d.ts +0 -28
- package/dist/tailwind/plugins/DsgFontFamilyPlugin.d.ts +0 -15
- package/dist/tailwind/plugins/DsgGradientPlugin.d.ts +0 -15
- package/dist/tailwind/plugins/DsgHeightPlugin.d.ts +0 -15
- package/dist/tailwind/plugins/DsgRadiusPlugin.d.ts +0 -15
- package/dist/tailwind/plugins/DsgScreenPlugin.d.ts +0 -15
- package/dist/tailwind/plugins/DsgShadowsPlugin.d.ts +0 -15
- package/dist/tailwind/plugins/DsgSpacingPlugin.d.ts +0 -15
- package/dist/tailwind/plugins/DsgTypographyPlugin.d.ts +0 -80
- package/dist/tailwind/plugins/DsgWidthPlugin.d.ts +0 -15
- package/dist/tailwind/plugins/PluginCore.d.ts +0 -17
- package/dist/tailwind.d.ts +0 -866
|
@@ -9,7 +9,6 @@ export type DsgBadgeType = "standard" | "add" | "icon-only";
|
|
|
9
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
|
-
classes?: string;
|
|
13
12
|
type?: DsgBadgeType;
|
|
14
13
|
size?: DsgBadgeSize;
|
|
15
14
|
hasClose?: boolean;
|
|
@@ -3,11 +3,10 @@
|
|
|
3
3
|
* # Setup: Props
|
|
4
4
|
* ------------------------------------------------
|
|
5
5
|
*/
|
|
6
|
-
export type DsgCardVariant =
|
|
6
|
+
export type DsgCardVariant = "default" | "elevated" | "bordered" | "highlighted";
|
|
7
7
|
export interface DsgCardProps {
|
|
8
8
|
variant?: DsgCardVariant;
|
|
9
9
|
hoverable?: boolean;
|
|
10
|
-
classes?: string;
|
|
11
10
|
}
|
|
12
11
|
declare function __VLS_template(): {
|
|
13
12
|
attrs: Partial<{}>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { default as DsgCard } from './DsgCard.vue';
|
|
2
|
-
type CardProps = Partial<InstanceType<typeof DsgCard>[
|
|
2
|
+
type CardProps = Partial<InstanceType<typeof DsgCard>["$props"]>;
|
|
3
3
|
export interface DsgCardContainerProps {
|
|
4
4
|
columns: 1 | 2 | 3 | 4;
|
|
5
5
|
gap: 1 | 2 | 3 | 4;
|
|
@@ -29,9 +29,9 @@ type __VLS_PublicProps = {
|
|
|
29
29
|
} & __VLS_Props;
|
|
30
30
|
declare function __VLS_template(): {
|
|
31
31
|
attrs: Partial<{}>;
|
|
32
|
-
slots: Partial<Record<`dsg-checkbox-
|
|
32
|
+
slots: Partial<Record<`dsg-checkbox-group__panel-title--${string}`, (_: {
|
|
33
33
|
data: DsgCheckboxGroupOption;
|
|
34
|
-
}) => any>> & Partial<Record<`dsg-checkbox-
|
|
34
|
+
}) => any>> & Partial<Record<`dsg-checkbox-group__panel-subtext--${string}`, (_: {}) => any>> & {
|
|
35
35
|
'dsg-checkbox-group--header'?(_: {}): any;
|
|
36
36
|
};
|
|
37
37
|
refs: {};
|
|
@@ -39,7 +39,6 @@ export interface DsgDropdownProps {
|
|
|
39
39
|
placement?: FloatingVuePlacement;
|
|
40
40
|
headerType?: DsgDropdownHeaderType;
|
|
41
41
|
headerTitle?: string;
|
|
42
|
-
classes?: string;
|
|
43
42
|
strategy?: "absolute" | "fixed" | undefined;
|
|
44
43
|
skidding?: number;
|
|
45
44
|
distance?: number;
|
|
@@ -577,7 +576,6 @@ declare function __VLS_template(): {
|
|
|
577
576
|
readonly theme?: import('./DsgAvatar.vue').DsgAvatarTheme | undefined;
|
|
578
577
|
readonly isOnline?: boolean | undefined;
|
|
579
578
|
readonly uri?: string | undefined | undefined;
|
|
580
|
-
readonly classes?: string | undefined;
|
|
581
579
|
readonly companyLogoUri?: string | undefined | undefined;
|
|
582
580
|
readonly preventDefault?: boolean | undefined;
|
|
583
581
|
readonly title?: string | undefined;
|
|
@@ -659,7 +657,6 @@ declare function __VLS_template(): {
|
|
|
659
657
|
readonly disabled?: boolean | undefined;
|
|
660
658
|
readonly iconBefore?: string | null | undefined;
|
|
661
659
|
readonly iconAfter?: string | null | undefined;
|
|
662
|
-
readonly classes?: string | undefined;
|
|
663
660
|
readonly width?: import('./DsgButton.vue').DsgButtonWidth | undefined;
|
|
664
661
|
readonly uri?: string | null | undefined;
|
|
665
662
|
readonly targetUri?: import('./DsgButton.vue').DsgButtonTargetUri | undefined;
|
|
@@ -1247,7 +1244,6 @@ declare const __VLS_component: import('vue').DefineComponent<DsgDropdownProps, {
|
|
|
1247
1244
|
readonly theme?: import('./DsgAvatar.vue').DsgAvatarTheme | undefined;
|
|
1248
1245
|
readonly isOnline?: boolean | undefined;
|
|
1249
1246
|
readonly uri?: string | undefined | undefined;
|
|
1250
|
-
readonly classes?: string | undefined;
|
|
1251
1247
|
readonly companyLogoUri?: string | undefined | undefined;
|
|
1252
1248
|
readonly preventDefault?: boolean | undefined;
|
|
1253
1249
|
readonly title?: string | undefined;
|
|
@@ -1329,7 +1325,6 @@ declare const __VLS_component: import('vue').DefineComponent<DsgDropdownProps, {
|
|
|
1329
1325
|
readonly disabled?: boolean | undefined;
|
|
1330
1326
|
readonly iconBefore?: string | null | undefined;
|
|
1331
1327
|
readonly iconAfter?: string | null | undefined;
|
|
1332
|
-
readonly classes?: string | undefined;
|
|
1333
1328
|
readonly width?: import('./DsgButton.vue').DsgButtonWidth | undefined;
|
|
1334
1329
|
readonly uri?: string | null | undefined;
|
|
1335
1330
|
readonly targetUri?: import('./DsgButton.vue').DsgButtonTargetUri | undefined;
|
|
@@ -3,12 +3,11 @@
|
|
|
3
3
|
* # Setup: Props
|
|
4
4
|
* ------------------------------------------------
|
|
5
5
|
*/
|
|
6
|
-
export type DsgLabelSize =
|
|
6
|
+
export type DsgLabelSize = "xs" | "sm" | "md" | "lg";
|
|
7
7
|
export interface DsgLabelProps {
|
|
8
8
|
label: string;
|
|
9
9
|
labelFor?: string;
|
|
10
10
|
size?: DsgLabelSize;
|
|
11
|
-
classes?: string;
|
|
12
11
|
}
|
|
13
12
|
declare function __VLS_template(): {
|
|
14
13
|
attrs: Partial<{}>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
type __VLS_Props = {
|
|
2
2
|
value: number;
|
|
3
3
|
max: number;
|
|
4
|
-
showText?:
|
|
4
|
+
showText?: "number" | "percentage" | "none";
|
|
5
5
|
textSuffix?: string;
|
|
6
6
|
};
|
|
7
7
|
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
@@ -3,14 +3,13 @@
|
|
|
3
3
|
* # Setup: Props
|
|
4
4
|
* ------------------------------------------------
|
|
5
5
|
*/
|
|
6
|
-
export type DsgToggleSize =
|
|
6
|
+
export type DsgToggleSize = "xs" | "sm" | "md";
|
|
7
7
|
export interface DsgToggleProps {
|
|
8
8
|
modelValue?: boolean;
|
|
9
9
|
size?: DsgToggleSize;
|
|
10
10
|
label?: string;
|
|
11
11
|
subText?: string;
|
|
12
12
|
disabled?: boolean;
|
|
13
|
-
classes?: string;
|
|
14
13
|
}
|
|
15
14
|
declare function __VLS_template(): {
|
|
16
15
|
attrs: Partial<{}>;
|
|
@@ -11,11 +11,9 @@ import { default as PrivateCheckboxGroup } from './DsgCheckboxGroup.vue';
|
|
|
11
11
|
import { default as PrivateDropdown } from './DsgDropdown.vue';
|
|
12
12
|
import { default as PrivateInput } from './DsgInput.vue';
|
|
13
13
|
import { default as PrivateInputSelect } from './DsgInputSelect.vue';
|
|
14
|
-
import { default as PrivateInputDropdown } from './DsgInputDropdown.vue';
|
|
15
14
|
import { default as PrivateDatepicker } from './DsgDatepicker.vue';
|
|
16
15
|
import { default as PrivateSlider } from './DsgSlider.vue';
|
|
17
16
|
import { default as PrivateLabel } from './DsgLabel.vue';
|
|
18
|
-
import { default as PrivateLink } from './DsgLink.vue';
|
|
19
17
|
import { default as PrivateModal } from './DsgModal.vue';
|
|
20
18
|
import { default as PrivateTag } from './DsgTag.vue';
|
|
21
19
|
import { default as PrivateToggle } from './DsgToggle.vue';
|
|
@@ -24,4 +22,4 @@ import { default as PrivateProgress } from './DsgProgress.vue';
|
|
|
24
22
|
import { default as PrivateBarcodeScanner } from './DsgBarcodeScanner.vue';
|
|
25
23
|
import { default as PrivateCard } from './DsgCard.vue';
|
|
26
24
|
import { default as PrivateCardContainer } from './DsgCardContainer.vue';
|
|
27
|
-
export { PrivateAccordion, PrivateAvatar, PrivateIconSelect, PrivateAlert, PrivateAlertComponent, PrivateBadge, PrivateButton, PrivateCheckbox, PrivateCheckboxGroup, PrivateDropdown, PrivateInput, PrivateInputSelect, PrivateInputDropdown, PrivateInputNumber, PrivateDatepicker, PrivateSlider, PrivateLabel,
|
|
25
|
+
export { PrivateAccordion, PrivateAvatar, PrivateIconSelect, PrivateAlert, PrivateAlertComponent, PrivateBadge, PrivateButton, PrivateCheckbox, PrivateCheckboxGroup, PrivateDropdown, PrivateInput, PrivateInputSelect, PrivateInputDropdown, PrivateInputNumber, PrivateDatepicker, PrivateSlider, PrivateLabel, PrivateModal, PrivateTag, PrivateToggle, PrivateTooltip, PrivateProgress, PrivateBarcodeScanner, PrivateCard, PrivateCardContainer, };
|
|
@@ -7,7 +7,6 @@ export type DsgCreditCardIconSize = "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "
|
|
|
7
7
|
export interface DsgCreditCardIconProps {
|
|
8
8
|
icon: string;
|
|
9
9
|
size?: DsgCreditCardIconSize;
|
|
10
|
-
classes?: string;
|
|
11
10
|
}
|
|
12
11
|
declare const _default: import('vue').DefineComponent<DsgCreditCardIconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DsgCreditCardIconProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
13
12
|
export default _default;
|
|
@@ -7,8 +7,6 @@ export type DsgIconSize = "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3x
|
|
|
7
7
|
export interface DsgIconProps {
|
|
8
8
|
icon: string;
|
|
9
9
|
size?: DsgIconSize;
|
|
10
|
-
color?: string;
|
|
11
|
-
classes?: string;
|
|
12
10
|
}
|
|
13
11
|
declare const _default: import('vue').DefineComponent<DsgIconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DsgIconProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
14
12
|
export default _default;
|
|
@@ -12,7 +12,6 @@ export interface DsgMiscIconProps {
|
|
|
12
12
|
type?: DsgMiscIconType;
|
|
13
13
|
size?: DsgMiscIconSize;
|
|
14
14
|
icon: DsgIconProps;
|
|
15
|
-
classes?: string;
|
|
16
15
|
}
|
|
17
16
|
declare const _default: import('vue').DefineComponent<DsgMiscIconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DsgMiscIconProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
18
17
|
export default _default;
|