@codemonster-ru/vueforge 0.52.0 → 0.54.0

package/dist/package/components/__tests__/filter-chips.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/package/components/__tests__/segmented-control.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/package/components/filter-chips.vue.d.ts

@@ -0,0 +1,49 @@
+type FilterValue = string | number;
+type FilterModel = FilterValue | Array<FilterValue> | null;
+type FilterVariant = 'soft' | 'outline' | 'solid';
+type FilterSize = 'small' | 'normal' | 'large';
+interface FilterChipOption {
+    label: string;
+    value: FilterValue;
+    disabled?: boolean;
+    count?: number;
+}
+interface Props {
+    modelValue?: FilterModel;
+    options?: Array<FilterChipOption>;
+    multiple?: boolean;
+    allowEmpty?: boolean;
+    clearable?: boolean;
+    clearText?: string;
+    clearLabel?: string;
+    disabled?: boolean;
+    wrap?: boolean;
+    size?: FilterSize;
+    variant?: FilterVariant;
+    ariaLabel?: string;
+    ariaLabelledby?: string;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
+    clear: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    size: FilterSize;
+    variant: FilterVariant;
+    modelValue: FilterModel;
+    clearable: boolean;
+    ariaLabel: string;
+    multiple: boolean;
+    options: Array<FilterChipOption>;
+    ariaLabelledby: string;
+    allowEmpty: boolean;
+    clearText: string;
+    clearLabel: string;
+    wrap: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/package/components/segmented-control.vue.d.ts

@@ -0,0 +1,39 @@
+type SegmentedValue = string | number;
+type Size = 'small' | 'normal' | 'large';
+type Variant = 'filled' | 'outlined';
+interface SegmentedOption {
+    label: string;
+    value: SegmentedValue;
+    disabled?: boolean;
+}
+interface Props {
+    modelValue?: SegmentedValue;
+    options?: Array<SegmentedOption>;
+    disabled?: boolean;
+    fullWidth?: boolean;
+    size?: Size;
+    variant?: Variant;
+    ariaLabel?: string;
+    ariaLabelledby?: string;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    blur: (...args: any[]) => void;
+    change: (...args: any[]) => void;
+    focus: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    size: Size;
+    variant: Variant;
+    modelValue: SegmentedValue;
+    ariaLabel: string;
+    options: Array<SegmentedOption>;
+    ariaLabelledby: string;
+    fullWidth: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/package/config/theme-core.d.ts

@@ -988,6 +988,33 @@ export type SwitchTokens = {
     textColor?: string;
     disabledOpacity?: string;
 };
+export type SegmentedControlTokens = {
+    fontSize?: string;
+    padding?: string;
+    gap?: string;
+    borderRadius?: string;
+    borderColor?: string;
+    backgroundColor?: string;
+    textColor?: string;
+    hoverBackgroundColor?: string;
+    activeBackgroundColor?: string;
+    activeTextColor?: string;
+    focusRingShadow?: string;
+    disabledOpacity?: string;
+    segmentPadding?: string;
+    segmentRadius?: string;
+    segmentFontWeight?: string;
+    small?: {
+        fontSize?: string;
+        padding?: string;
+        segmentPadding?: string;
+    };
+    large?: {
+        fontSize?: string;
+        padding?: string;
+        segmentPadding?: string;
+    };
+};
 export type TabsTokens = {
     gap?: string;
     listGap?: string;
@@ -1478,6 +1505,39 @@ export type ChipTokens = {
         paddingY?: string;
     };
 };
+export type FilterChipsTokens = {
+    fontSize?: string;
+    gap?: string;
+    chipGap?: string;
+    chipPadding?: string;
+    chipBorderRadius?: string;
+    chipBorderColor?: string;
+    chipBackgroundColor?: string;
+    chipTextColor?: string;
+    chipHoverBackgroundColor?: string;
+    chipHoverBorderColor?: string;
+    chipActiveBackgroundColor?: string;
+    chipActiveBorderColor?: string;
+    chipActiveTextColor?: string;
+    chipSolidActiveBackgroundColor?: string;
+    chipSolidActiveBorderColor?: string;
+    chipSolidActiveTextColor?: string;
+    countPadding?: string;
+    countFontSize?: string;
+    countBackgroundColor?: string;
+    countTextColor?: string;
+    countActiveBackgroundColor?: string;
+    countActiveTextColor?: string;
+    disabledOpacity?: string;
+    small?: {
+        fontSize?: string;
+        chipPadding?: string;
+    };
+    large?: {
+        fontSize?: string;
+        chipPadding?: string;
+    };
+};
 export type AvatarTokens = {
     size?: string;
     fontSize?: string;
@@ -1544,6 +1604,7 @@ export type ThemeComponentTokens = {
     datetimepicker?: DateTimePickerTokens;
     pagination?: PaginationTokens;
     switch?: SwitchTokens;
+    segmentedControl?: SegmentedControlTokens;
     tooltip?: TooltipTokens;
     skeleton?: SkeletonTokens;
     progress?: ProgressTokens;
@@ -1554,6 +1615,7 @@ export type ThemeComponentTokens = {
     alert?: AlertTokens;
     badge?: BadgeTokens;
     chip?: ChipTokens;
+    filterChips?: FilterChipsTokens;
     avatar?: AvatarTokens;
     rating?: RatingTokens;
     tree?: TreeTokens;

package/dist/package/themes/default/components/filter-chips.d.ts

@@ -0,0 +1,34 @@
+declare const _default: {
+    fontSize: string;
+    gap: string;
+    chipGap: string;
+    chipPadding: string;
+    chipBorderRadius: string;
+    chipBorderColor: string;
+    chipBackgroundColor: string;
+    chipTextColor: string;
+    chipHoverBackgroundColor: string;
+    chipHoverBorderColor: string;
+    chipActiveBackgroundColor: string;
+    chipActiveBorderColor: string;
+    chipActiveTextColor: string;
+    chipSolidActiveBackgroundColor: string;
+    chipSolidActiveBorderColor: string;
+    chipSolidActiveTextColor: string;
+    countPadding: string;
+    countFontSize: string;
+    countBackgroundColor: string;
+    countTextColor: string;
+    countActiveBackgroundColor: string;
+    countActiveTextColor: string;
+    disabledOpacity: string;
+    small: {
+        fontSize: string;
+        chipPadding: string;
+    };
+    large: {
+        fontSize: string;
+        chipPadding: string;
+    };
+};
+export default _default;

package/dist/package/themes/default/components/segmented-control.d.ts

@@ -0,0 +1,28 @@
+declare const _default: {
+    fontSize: string;
+    padding: string;
+    gap: string;
+    borderRadius: string;
+    borderColor: string;
+    backgroundColor: string;
+    textColor: string;
+    hoverBackgroundColor: string;
+    activeBackgroundColor: string;
+    activeTextColor: string;
+    focusRingShadow: string;
+    disabledOpacity: string;
+    segmentPadding: string;
+    segmentRadius: string;
+    segmentFontWeight: string;
+    small: {
+        fontSize: string;
+        padding: string;
+        segmentPadding: string;
+    };
+    large: {
+        fontSize: string;
+        padding: string;
+        segmentPadding: string;
+    };
+};
+export default _default;

package/dist/package/themes/default/index.d.ts

@@ -1170,6 +1170,33 @@ declare const _default: {
             textColor: string;
             disabledOpacity: string;
         };
+        segmentedControl: {
+            fontSize: string;
+            padding: string;
+            gap: string;
+            borderRadius: string;
+            borderColor: string;
+            backgroundColor: string;
+            textColor: string;
+            hoverBackgroundColor: string;
+            activeBackgroundColor: string;
+            activeTextColor: string;
+            focusRingShadow: string;
+            disabledOpacity: string;
+            segmentPadding: string;
+            segmentRadius: string;
+            segmentFontWeight: string;
+            small: {
+                fontSize: string;
+                padding: string;
+                segmentPadding: string;
+            };
+            large: {
+                fontSize: string;
+                padding: string;
+                segmentPadding: string;
+            };
+        };
         tabs: {
             gap: string;
             listGap: string;
@@ -1532,6 +1559,39 @@ declare const _default: {
                 paddingY: string;
             };
         };
+        filterChips: {
+            fontSize: string;
+            gap: string;
+            chipGap: string;
+            chipPadding: string;
+            chipBorderRadius: string;
+            chipBorderColor: string;
+            chipBackgroundColor: string;
+            chipTextColor: string;
+            chipHoverBackgroundColor: string;
+            chipHoverBorderColor: string;
+            chipActiveBackgroundColor: string;
+            chipActiveBorderColor: string;
+            chipActiveTextColor: string;
+            chipSolidActiveBackgroundColor: string;
+            chipSolidActiveBorderColor: string;
+            chipSolidActiveTextColor: string;
+            countPadding: string;
+            countFontSize: string;
+            countBackgroundColor: string;
+            countTextColor: string;
+            countActiveBackgroundColor: string;
+            countActiveTextColor: string;
+            disabledOpacity: string;
+            small: {
+                fontSize: string;
+                chipPadding: string;
+            };
+            large: {
+                fontSize: string;
+                chipPadding: string;
+            };
+        };
         avatar: {
             size: string;
             fontSize: string;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@codemonster-ru/vueforge",
-    "version": "0.52.0",
+    "version": "0.54.0",
     "description": "Open source UI components for Vue.js.",
     "license": "MIT",
     "author": "Kirill Kolesnikov",