@max-ts/kit 1.10.0 → 1.10.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/lib/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/lib/components/Autocomplete/index.d.ts +1 -1
- package/lib/components/Autocomplete/index.d.ts.map +1 -1
- package/lib/components/Autocomplete/types.d.ts +3 -1
- package/lib/components/Autocomplete/types.d.ts.map +1 -1
- package/lib/components/Combobox/Combobox.d.ts +2 -2
- package/lib/components/Combobox/Combobox.d.ts.map +1 -1
- package/lib/components/Combobox/index.d.ts +1 -1
- package/lib/components/Combobox/index.d.ts.map +1 -1
- package/lib/components/Combobox/styles.css.d.ts.map +1 -1
- package/lib/components/Combobox/types.d.ts +6 -2
- package/lib/components/Combobox/types.d.ts.map +1 -1
- package/lib/components/PageLayout/Header/styles.css.d.ts.map +1 -1
- package/lib/index.mjs +10 -4
- package/lib/stories/Autocomplete.stories.d.ts +1 -0
- package/lib/stories/Autocomplete.stories.d.ts.map +1 -1
- package/lib/styles.css +31 -0
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAMjD,iBAAS,YAAY,CAAC,OAAO,EAAE,KAAK,EAAE,iBAAiB,CAAC,OAAO,CAAC,+
|
|
1
|
+
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAMjD,iBAAS,YAAY,CAAC,OAAO,EAAE,KAAK,EAAE,iBAAiB,CAAC,OAAO,CAAC,+BA0K/D;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export * from './Autocomplete';
|
|
2
|
-
export type { AutocompleteMultipleProps, AutocompleteProps, AutocompleteSingleProps, } from './types';
|
|
2
|
+
export type { AutocompleteMultipleProps, AutocompleteProps, AutocompleteSingleProps, AutocompleteSize, } from './types';
|
|
3
3
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,YAAY,EACX,yBAAyB,EACzB,iBAAiB,EACjB,uBAAuB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,YAAY,EACX,yBAAyB,EACzB,iBAAiB,EACjB,uBAAuB,EACvB,gBAAgB,GAChB,MAAM,SAAS,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import type { CSSProperties, ReactNode } from 'react';
|
|
2
|
-
import type { ComboboxProps } from '../Combobox';
|
|
2
|
+
import type { ComboboxProps, ComboboxSize } from '../Combobox';
|
|
3
|
+
export type AutocompleteSize = ComboboxSize;
|
|
3
4
|
type AutocompleteBaseProps<TOption> = Omit<ComboboxProps.Root<TOption, boolean>, 'children' | 'defaultValue' | 'isItemEqualToValue' | 'itemToStringLabel' | 'itemToStringValue' | 'items' | 'multiple' | 'onValueChange' | 'value'> & {
|
|
4
5
|
options: TOption[];
|
|
5
6
|
label?: string;
|
|
@@ -8,6 +9,7 @@ type AutocompleteBaseProps<TOption> = Omit<ComboboxProps.Root<TOption, boolean>,
|
|
|
8
9
|
error?: boolean;
|
|
9
10
|
isLoading?: boolean;
|
|
10
11
|
loadingText?: ReactNode;
|
|
12
|
+
size?: AutocompleteSize;
|
|
11
13
|
fullWidth?: boolean;
|
|
12
14
|
id?: string;
|
|
13
15
|
placeholder?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE/D,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC;AAE5C,KAAK,qBAAqB,CAAC,OAAO,IAAI,IAAI,CACzC,aAAa,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,EAClC,UAAU,GACV,cAAc,GACd,oBAAoB,GACpB,mBAAmB,GACnB,mBAAmB,GACnB,OAAO,GACP,UAAU,GACV,eAAe,GACf,OAAO,CACT,GAAG;IACH,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,MAAM,CAAC;IAC7C,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,MAAM,CAAC;IAC7C,oBAAoB,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,KAAK,OAAO,CAAC;IACpE,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,SAAS,CAAC;CAC9C,CAAC;AAEF,MAAM,MAAM,uBAAuB,CAAC,OAAO,IAC1C,qBAAqB,CAAC,OAAO,CAAC,GAAG;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC;CAC3C,CAAC;AAEH,MAAM,MAAM,yBAAyB,CAAC,OAAO,IAC5C,qBAAqB,CAAC,OAAO,CAAC,GAAG;IAChC,QAAQ,EAAE,IAAI,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;CACtC,CAAC;AAEH,MAAM,MAAM,iBAAiB,CAAC,OAAO,IAClC,uBAAuB,CAAC,OAAO,CAAC,GAChC,yBAAyB,CAAC,OAAO,CAAC,CAAC"}
|
|
@@ -4,7 +4,7 @@ declare namespace Combobox {
|
|
|
4
4
|
var Value: (props: ComboboxProps.Value) => import("react").JSX.Element;
|
|
5
5
|
var Trigger: ({ className, children, ...props }: ComboboxProps.Trigger) => import("react").JSX.Element;
|
|
6
6
|
var Clear: ({ className, children, ...props }: ComboboxProps.Clear) => import("react").JSX.Element;
|
|
7
|
-
var Input: ({ className, children, disabled, error: _error, helperText: _helperText, showTrigger, showClear, ...props }: ComboboxProps.Input) => import("react").JSX.Element;
|
|
7
|
+
var Input: ({ className, children, disabled, error: _error, helperText: _helperText, size, showTrigger, showClear, ...props }: ComboboxProps.Input) => import("react").JSX.Element;
|
|
8
8
|
var Content: ({ className, side, sideOffset, align, alignOffset, anchor, ...props }: ComboboxProps.Content) => import("react").JSX.Element;
|
|
9
9
|
var List: ({ className, ...props }: ComboboxProps.List) => import("react").JSX.Element;
|
|
10
10
|
var Item: ({ className, children, ...props }: ComboboxProps.Item) => import("react").JSX.Element;
|
|
@@ -13,7 +13,7 @@ declare namespace Combobox {
|
|
|
13
13
|
var Collection: (props: ComboboxProps.Collection) => import("react").JSX.Element;
|
|
14
14
|
var Empty: ({ className, ...props }: ComboboxProps.Empty) => import("react").JSX.Element;
|
|
15
15
|
var Separator: ({ className, ...props }: ComboboxProps.Separator) => import("react").JSX.Element;
|
|
16
|
-
var Chips: ({ className, ...props }: ComboboxProps.Chips) => import("react").JSX.Element;
|
|
16
|
+
var Chips: ({ className, size, ...props }: ComboboxProps.Chips) => import("react").JSX.Element;
|
|
17
17
|
var Chip: ({ className, children, showRemove, ...props }: ComboboxProps.Chip) => import("react").JSX.Element;
|
|
18
18
|
var ChipsInput: ({ className, error: _error, helperText: _helperText, ...props }: ComboboxProps.ChipsInput) => import("react").JSX.Element;
|
|
19
19
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Combobox.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,iBAAS,QAAQ,CAChB,KAAK,GAAG,OAAO,EACf,QAAQ,SAAS,OAAO,GAAG,SAAS,GAAG,KAAK,EAC3C,KAAK,EAAE,aAAa,CAAC,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,+BAE3C;kBALQ,QAAQ;uBAOK,aAAa,CAAC,KAAK;qDAIW,aAAa,CAAC,OAAO;mDAavB,aAAa,CAAC,KAAK;
|
|
1
|
+
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Combobox.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,iBAAS,QAAQ,CAChB,KAAK,GAAG,OAAO,EACf,QAAQ,SAAS,OAAO,GAAG,SAAS,GAAG,KAAK,EAC3C,KAAK,EAAE,aAAa,CAAC,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,+BAE3C;kBALQ,QAAQ;uBAOK,aAAa,CAAC,KAAK;qDAIW,aAAa,CAAC,OAAO;mDAavB,aAAa,CAAC,KAAK;mIAsBlE,aAAa,CAAC,KAAK;yFAkCnB,aAAa,CAAC,OAAO;wCAsBe,aAAa,CAAC,IAAI;kDAUR,aAAa,CAAC,IAAI;8BAetC,aAAa,CAAC,KAAK;8CAIH,aAAa,CAAC,KAAK;4BAUrC,aAAa,CAAC,UAAU;yCAIX,aAAa,CAAC,KAAK;6CAUf,aAAa,CAAC,SAAS;+CAUV,aAAa,CAAC,KAAK;8DAgBzE,aAAa,CAAC,IAAI;sFAiClB,aAAa,CAAC,UAAU;;AAU3B,iBAAS,iBAAiB,qDAEzB;AAkBD,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/styles.css.ts"],"names":[],"mappings":"AAkBA,eAAO,MAAM,OAAO,QAQlB,CAAC;AAEH,eAAO,MAAM,WAAW,QAKtB,CAAC;AAEH,eAAO,MAAM,SAAS,QAIpB,CAAC;AAEH,eAAO,MAAM,aAAa,QA6BxB,CAAC;AAEH,eAAO,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/styles.css.ts"],"names":[],"mappings":"AAkBA,eAAO,MAAM,OAAO,QAQlB,CAAC;AAEH,eAAO,MAAM,WAAW,QAKtB,CAAC;AAEH,eAAO,MAAM,SAAS,QAIpB,CAAC;AAEH,eAAO,MAAM,aAAa,QA6BxB,CAAC;AAEH,eAAO,MAAM,UAAU,QAiBrB,CAAC;AAEH,eAAO,MAAM,YAAY,QAAY,CAAC;AAMtC,eAAO,MAAM,UAAU,QAGrB,CAAC;AAEH,eAAO,MAAM,OAAO,QA2BlB,CAAC;AAEH,eAAO,MAAM,IAAI,QAYf,CAAC;AAEH,eAAO,MAAM,IAAI,QAuBf,CAAC;AAEH,eAAO,MAAM,aAAa,QASxB,CAAC;AAEH,eAAO,MAAM,UAAU,QAIrB,CAAC;AAEH,eAAO,MAAM,KAAK,QAQhB,CAAC;AAMH,eAAO,MAAM,SAAS,QAIpB,CAAC;AAEH,eAAO,MAAM,KAAK,QAmChB,CAAC;AAEH,eAAO,MAAM,IAAI,QAsBf,CAAC;AAEH,eAAO,MAAM,cAAc,QAEzB,CAAC;AAEH,eAAO,MAAM,UAAU,QASrB,CAAC;AAEH,eAAO,MAAM,gBAAgB,QAW3B,CAAC;AAEH,eAAO,MAAM,UAAU,QASrB,CAAC;AAEH,eAAO,MAAM,cAAc,kCAMzB,CAAC"}
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import type { Combobox } from '@base-ui/react/combobox';
|
|
2
2
|
import type { Separator } from '@base-ui/react/separator';
|
|
3
|
+
export type ComboboxSize = 'small' | 'medium' | 'large';
|
|
3
4
|
export declare namespace ComboboxProps {
|
|
4
5
|
type Root<Value = unknown, Multiple extends boolean | undefined = false> = Combobox.Root.Props<Value, Multiple>;
|
|
5
6
|
type Value = Combobox.Value.Props;
|
|
6
7
|
type Trigger = Combobox.Trigger.Props;
|
|
7
8
|
type Clear = Combobox.Clear.Props;
|
|
8
|
-
type Input = Combobox.Input.Props & {
|
|
9
|
+
type Input = Omit<Combobox.Input.Props, 'size'> & {
|
|
10
|
+
size?: ComboboxSize;
|
|
9
11
|
showTrigger?: boolean;
|
|
10
12
|
showClear?: boolean;
|
|
11
13
|
error?: boolean;
|
|
@@ -19,7 +21,9 @@ export declare namespace ComboboxProps {
|
|
|
19
21
|
type Collection = Combobox.Collection.Props;
|
|
20
22
|
type Empty = Combobox.Empty.Props;
|
|
21
23
|
type Separator = Separator.Props;
|
|
22
|
-
type Chips = Combobox.Chips.Props
|
|
24
|
+
type Chips = Combobox.Chips.Props & {
|
|
25
|
+
size?: ComboboxSize;
|
|
26
|
+
};
|
|
23
27
|
type Chip = Combobox.Chip.Props & {
|
|
24
28
|
showRemove?: boolean;
|
|
25
29
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAE1D,yBAAiB,aAAa,CAAC;IAC9B,KAAY,IAAI,CACf,KAAK,GAAG,OAAO,EACf,QAAQ,SAAS,OAAO,GAAG,SAAS,GAAG,KAAK,IACzC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IAEzC,KAAY,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;IAEzC,KAAY,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC;IAE7C,KAAY,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;IAEzC,KAAY,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAE1D,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAExD,yBAAiB,aAAa,CAAC;IAC9B,KAAY,IAAI,CACf,KAAK,GAAG,OAAO,EACf,QAAQ,SAAS,OAAO,GAAG,SAAS,GAAG,KAAK,IACzC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IAEzC,KAAY,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;IAEzC,KAAY,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC;IAE7C,KAAY,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;IAEzC,KAAY,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG;QACxD,IAAI,CAAC,EAAE,YAAY,CAAC;QACpB,WAAW,CAAC,EAAE,OAAO,CAAC;QACtB,SAAS,CAAC,EAAE,OAAO,CAAC;QACpB,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KAC7B,CAAC;IAEF,KAAY,OAAO,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,GACzC,IAAI,CACH,QAAQ,CAAC,UAAU,CAAC,KAAK,EACzB,MAAM,GAAG,OAAO,GAAG,YAAY,GAAG,aAAa,GAAG,QAAQ,CAC1D,CAAC;IAEH,KAAY,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;IAEvC,KAAY,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;IAEvC,KAAY,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;IAEzC,KAAY,KAAK,GAAG,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAC;IAE9C,KAAY,UAAU,GAAG,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAC;IAEnD,KAAY,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;IAEzC,KAAY,SAAS,GAAG,SAAS,CAAC,KAAK,CAAC;IAExC,KAAY,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG;QAC1C,IAAI,CAAC,EAAE,YAAY,CAAC;KACpB,CAAC;IAEF,KAAY,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,GAAG;QACxC,UAAU,CAAC,EAAE,OAAO,CAAC;KACrB,CAAC;IAEF,KAAY,UAAU,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG;QAC/C,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KAC7B,CAAC;CACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/PageLayout/Header/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/PageLayout/Header/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,QAUf,CAAC;AAOH,eAAO,MAAM,OAAO,QASlB,CAAC;AAEH,eAAO,MAAM,uBAAuB,QAOlC,CAAC;AAEH,eAAO,MAAM,cAAc,QAQzB,CAAC;AAEH,eAAO,MAAM,OAAO,QAGlB,CAAC"}
|
package/lib/index.mjs
CHANGED
|
@@ -444,9 +444,10 @@ function Clear({ className, children, ...props }) {
|
|
|
444
444
|
})
|
|
445
445
|
});
|
|
446
446
|
}
|
|
447
|
-
function Combobox_Input({ className, children, disabled = false, error: _error, helperText: _helperText, showTrigger = true, showClear = false, ...props }) {
|
|
447
|
+
function Combobox_Input({ className, children, disabled = false, error: _error, helperText: _helperText, size = 'medium', showTrigger = true, showClear = false, ...props }) {
|
|
448
448
|
return /*#__PURE__*/ jsxs(Combobox.InputGroup, {
|
|
449
449
|
render: /*#__PURE__*/ jsx(InputGroup, {
|
|
450
|
+
"data-size": size,
|
|
450
451
|
className: clsx(inputGroup, className)
|
|
451
452
|
}),
|
|
452
453
|
children: [
|
|
@@ -544,9 +545,10 @@ function Separator({ className, ...props }) {
|
|
|
544
545
|
...props
|
|
545
546
|
});
|
|
546
547
|
}
|
|
547
|
-
function Chips({ className, ...props }) {
|
|
548
|
+
function Chips({ className, size = 'medium', ...props }) {
|
|
548
549
|
return /*#__PURE__*/ jsx(Combobox.Chips, {
|
|
549
550
|
"data-slot": "combobox-chips",
|
|
551
|
+
"data-size": size,
|
|
550
552
|
className: clsx(chips, className),
|
|
551
553
|
...props
|
|
552
554
|
});
|
|
@@ -692,7 +694,7 @@ function defaultGetOptionLabel(option) {
|
|
|
692
694
|
return 'string' == typeof option ? option : String(option);
|
|
693
695
|
}
|
|
694
696
|
function Autocomplete(props) {
|
|
695
|
-
const { className, contentClassName, defaultValue, disabled = false, error = false, fullWidth = false, getOptionLabel = defaultGetOptionLabel, getOptionValue = getOptionLabel, helperText, id, inputClassName, isOptionEqualToValue, isLoading = false, label, labelClassName, loadingText, multiple, noOptionsText = 'No results found', onChange, options, placeholder, renderOption, required, style, value, ...rootProps } = props;
|
|
697
|
+
const { className, contentClassName, defaultValue, disabled = false, error = false, fullWidth = false, getOptionLabel = defaultGetOptionLabel, getOptionValue = getOptionLabel, helperText, id, inputClassName, isOptionEqualToValue, isLoading = false, label, labelClassName, loadingText, multiple, noOptionsText = 'No results found', onChange, options, placeholder, renderOption, required, size = 'medium', style, value, ...rootProps } = props;
|
|
696
698
|
const generatedId = useId();
|
|
697
699
|
const inputId = id ?? (label ? generatedId : void 0);
|
|
698
700
|
const anchor = useComboboxAnchor();
|
|
@@ -736,6 +738,7 @@ function Autocomplete(props) {
|
|
|
736
738
|
children: [
|
|
737
739
|
multiple ? /*#__PURE__*/ jsxs(Combobox_Combobox.Chips, {
|
|
738
740
|
ref: anchor,
|
|
741
|
+
size: size,
|
|
739
742
|
className: clsx({
|
|
740
743
|
[styles_css_fullWidth]: fullWidth
|
|
741
744
|
}, inputClassName),
|
|
@@ -758,6 +761,7 @@ function Autocomplete(props) {
|
|
|
758
761
|
"aria-invalid": invalid,
|
|
759
762
|
placeholder: placeholder,
|
|
760
763
|
showClear: true,
|
|
764
|
+
size: size,
|
|
761
765
|
className: clsx({
|
|
762
766
|
[styles_css_fullWidth]: fullWidth
|
|
763
767
|
}, inputClassName)
|
|
@@ -5515,7 +5519,9 @@ function Sidebar_Trigger({ className, onClick, children, ...props }) {
|
|
|
5515
5519
|
...props,
|
|
5516
5520
|
children: children ?? /*#__PURE__*/ jsxs(Fragment, {
|
|
5517
5521
|
children: [
|
|
5518
|
-
/*#__PURE__*/ jsx(PanelLeftIcon, {
|
|
5522
|
+
/*#__PURE__*/ jsx(PanelLeftIcon, {
|
|
5523
|
+
size: 16
|
|
5524
|
+
}),
|
|
5519
5525
|
/*#__PURE__*/ jsx("span", {
|
|
5520
5526
|
className: styles_css_visuallyHidden,
|
|
5521
5527
|
children: "Toggle Sidebar"
|
|
@@ -3,6 +3,7 @@ import { Autocomplete } from '../components/index.ts';
|
|
|
3
3
|
declare const _default: Meta<typeof Autocomplete>;
|
|
4
4
|
export default _default;
|
|
5
5
|
export declare function Default(): import("react").JSX.Element;
|
|
6
|
+
export declare function Sizes(): import("react").JSX.Element;
|
|
6
7
|
export declare function ErrorState(): import("react").JSX.Element;
|
|
7
8
|
export declare function WithObjectItems(): import("react").JSX.Element;
|
|
8
9
|
export declare function MultipleWithObjects(): import("react").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Autocomplete.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;wBAmCvC,IAAI,CAAC,OAAO,YAAY,CAAC;AAP9B,wBAO+B;AAE/B,wBAAgB,OAAO,gCAatB;AAED,wBAAgB,UAAU,gCAWzB;AAED,wBAAgB,eAAe,gCAsB9B;AAED,wBAAgB,mBAAmB,gCA6BlC;AAED,wBAAgB,YAAY,gCAiD3B"}
|
|
1
|
+
{"version":3,"file":"Autocomplete.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Autocomplete.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;wBAmCvC,IAAI,CAAC,OAAO,YAAY,CAAC;AAP9B,wBAO+B;AAE/B,wBAAgB,OAAO,gCAatB;AAED,wBAAgB,KAAK,gCA0BpB;AAED,wBAAgB,UAAU,gCAWzB;AAED,wBAAgB,eAAe,gCAsB9B;AAED,wBAAgB,mBAAmB,gCA6BlC;AAED,wBAAgB,YAAY,gCAiD3B"}
|
package/lib/styles.css
CHANGED
|
@@ -927,6 +927,21 @@ img, picture, video, canvas, svg {
|
|
|
927
927
|
width: auto;
|
|
928
928
|
}
|
|
929
929
|
|
|
930
|
+
.style__1udu12r6[data-size="small"] {
|
|
931
|
+
height: calc(var(--spacing-6) + var(--spacing-1));
|
|
932
|
+
min-height: calc(var(--spacing-6) + var(--spacing-1));
|
|
933
|
+
}
|
|
934
|
+
|
|
935
|
+
.style__1udu12r6[data-size="medium"] {
|
|
936
|
+
height: var(--spacing-8);
|
|
937
|
+
min-height: var(--spacing-8);
|
|
938
|
+
}
|
|
939
|
+
|
|
940
|
+
.style__1udu12r6[data-size="large"] {
|
|
941
|
+
height: calc(var(--spacing-8) + var(--spacing-1));
|
|
942
|
+
min-height: calc(var(--spacing-8) + var(--spacing-1));
|
|
943
|
+
}
|
|
944
|
+
|
|
930
945
|
.style__1udu12r6:has([data-slot="combobox-clear"]) .style__1udu12r2 {
|
|
931
946
|
display: none;
|
|
932
947
|
}
|
|
@@ -1063,6 +1078,21 @@ img, picture, video, canvas, svg {
|
|
|
1063
1078
|
box-shadow: 0 0 0 3px color-mix(in oklch, var(--colors-error) 20%, transparent);
|
|
1064
1079
|
}
|
|
1065
1080
|
|
|
1081
|
+
.style__1udu12rg[data-size="small"] {
|
|
1082
|
+
min-height: calc(var(--spacing-6) + var(--spacing-1));
|
|
1083
|
+
padding-block: 0;
|
|
1084
|
+
}
|
|
1085
|
+
|
|
1086
|
+
.style__1udu12rg[data-size="medium"] {
|
|
1087
|
+
min-height: var(--spacing-8);
|
|
1088
|
+
padding-block: var(--spacing-1);
|
|
1089
|
+
}
|
|
1090
|
+
|
|
1091
|
+
.style__1udu12rg[data-size="large"] {
|
|
1092
|
+
min-height: calc(var(--spacing-8) + var(--spacing-1));
|
|
1093
|
+
padding-block: var(--spacing-1);
|
|
1094
|
+
}
|
|
1095
|
+
|
|
1066
1096
|
.style__1udu12rh {
|
|
1067
1097
|
width: fit-content;
|
|
1068
1098
|
height: var(--spacing-5);
|
|
@@ -3924,6 +3954,7 @@ a.outline__1af895x4:hover {
|
|
|
3924
3954
|
|
|
3925
3955
|
.style__nvcxbd0 {
|
|
3926
3956
|
padding: var(--spacing-2);
|
|
3957
|
+
padding-top: var(--spacing-4);
|
|
3927
3958
|
grid-area: header;
|
|
3928
3959
|
grid-template-columns: auto auto 1fr auto;
|
|
3929
3960
|
grid-template-areas: "trigger title content actions";
|