@codemonster-ru/vueforge 0.52.0 → 0.53.0

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.
@@ -0,0 +1,39 @@
1
+ type SegmentedValue = string | number;
2
+ type Size = 'small' | 'normal' | 'large';
3
+ type Variant = 'filled' | 'outlined';
4
+ interface SegmentedOption {
5
+ label: string;
6
+ value: SegmentedValue;
7
+ disabled?: boolean;
8
+ }
9
+ interface Props {
10
+ modelValue?: SegmentedValue;
11
+ options?: Array<SegmentedOption>;
12
+ disabled?: boolean;
13
+ fullWidth?: boolean;
14
+ size?: Size;
15
+ variant?: Variant;
16
+ ariaLabel?: string;
17
+ ariaLabelledby?: string;
18
+ }
19
+ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
20
+ blur: (...args: any[]) => void;
21
+ change: (...args: any[]) => void;
22
+ focus: (...args: any[]) => void;
23
+ "update:modelValue": (...args: any[]) => void;
24
+ }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
25
+ onBlur?: ((...args: any[]) => any) | undefined;
26
+ onChange?: ((...args: any[]) => any) | undefined;
27
+ onFocus?: ((...args: any[]) => any) | undefined;
28
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
29
+ }>, {
30
+ disabled: boolean;
31
+ size: Size;
32
+ variant: Variant;
33
+ modelValue: SegmentedValue;
34
+ ariaLabel: string;
35
+ options: Array<SegmentedOption>;
36
+ ariaLabelledby: string;
37
+ fullWidth: boolean;
38
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
39
+ export default _default;
@@ -988,6 +988,33 @@ export type SwitchTokens = {
988
988
  textColor?: string;
989
989
  disabledOpacity?: string;
990
990
  };
991
+ export type SegmentedControlTokens = {
992
+ fontSize?: string;
993
+ padding?: string;
994
+ gap?: string;
995
+ borderRadius?: string;
996
+ borderColor?: string;
997
+ backgroundColor?: string;
998
+ textColor?: string;
999
+ hoverBackgroundColor?: string;
1000
+ activeBackgroundColor?: string;
1001
+ activeTextColor?: string;
1002
+ focusRingShadow?: string;
1003
+ disabledOpacity?: string;
1004
+ segmentPadding?: string;
1005
+ segmentRadius?: string;
1006
+ segmentFontWeight?: string;
1007
+ small?: {
1008
+ fontSize?: string;
1009
+ padding?: string;
1010
+ segmentPadding?: string;
1011
+ };
1012
+ large?: {
1013
+ fontSize?: string;
1014
+ padding?: string;
1015
+ segmentPadding?: string;
1016
+ };
1017
+ };
991
1018
  export type TabsTokens = {
992
1019
  gap?: string;
993
1020
  listGap?: string;
@@ -1544,6 +1571,7 @@ export type ThemeComponentTokens = {
1544
1571
  datetimepicker?: DateTimePickerTokens;
1545
1572
  pagination?: PaginationTokens;
1546
1573
  switch?: SwitchTokens;
1574
+ segmentedControl?: SegmentedControlTokens;
1547
1575
  tooltip?: TooltipTokens;
1548
1576
  skeleton?: SkeletonTokens;
1549
1577
  progress?: ProgressTokens;
@@ -0,0 +1,28 @@
1
+ declare const _default: {
2
+ fontSize: string;
3
+ padding: string;
4
+ gap: string;
5
+ borderRadius: string;
6
+ borderColor: string;
7
+ backgroundColor: string;
8
+ textColor: string;
9
+ hoverBackgroundColor: string;
10
+ activeBackgroundColor: string;
11
+ activeTextColor: string;
12
+ focusRingShadow: string;
13
+ disabledOpacity: string;
14
+ segmentPadding: string;
15
+ segmentRadius: string;
16
+ segmentFontWeight: string;
17
+ small: {
18
+ fontSize: string;
19
+ padding: string;
20
+ segmentPadding: string;
21
+ };
22
+ large: {
23
+ fontSize: string;
24
+ padding: string;
25
+ segmentPadding: string;
26
+ };
27
+ };
28
+ export default _default;
@@ -1170,6 +1170,33 @@ declare const _default: {
1170
1170
  textColor: string;
1171
1171
  disabledOpacity: string;
1172
1172
  };
1173
+ segmentedControl: {
1174
+ fontSize: string;
1175
+ padding: string;
1176
+ gap: string;
1177
+ borderRadius: string;
1178
+ borderColor: string;
1179
+ backgroundColor: string;
1180
+ textColor: string;
1181
+ hoverBackgroundColor: string;
1182
+ activeBackgroundColor: string;
1183
+ activeTextColor: string;
1184
+ focusRingShadow: string;
1185
+ disabledOpacity: string;
1186
+ segmentPadding: string;
1187
+ segmentRadius: string;
1188
+ segmentFontWeight: string;
1189
+ small: {
1190
+ fontSize: string;
1191
+ padding: string;
1192
+ segmentPadding: string;
1193
+ };
1194
+ large: {
1195
+ fontSize: string;
1196
+ padding: string;
1197
+ segmentPadding: string;
1198
+ };
1199
+ };
1173
1200
  tabs: {
1174
1201
  gap: string;
1175
1202
  listGap: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@codemonster-ru/vueforge",
3
- "version": "0.52.0",
3
+ "version": "0.53.0",
4
4
  "description": "Open source UI components for Vue.js.",
5
5
  "license": "MIT",
6
6
  "author": "Kirill Kolesnikov",