@max-ts/kit 1.10.0 → 1.10.2
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/components/Tabs/Tabs.d.ts +8 -11
- package/lib/components/Tabs/Tabs.d.ts.map +1 -1
- package/lib/components/Tabs/index.d.ts +1 -0
- package/lib/components/Tabs/index.d.ts.map +1 -1
- package/lib/components/Tabs/styles.css.d.ts +4 -4
- package/lib/components/Tabs/styles.css.d.ts.map +1 -1
- package/lib/components/Tabs/types.d.ts +15 -0
- package/lib/components/Tabs/types.d.ts.map +1 -0
- package/lib/index.mjs +37 -24
- package/lib/stories/Autocomplete.stories.d.ts +1 -0
- package/lib/stories/Autocomplete.stories.d.ts.map +1 -1
- package/lib/stories/Tabs.stories.d.ts +13 -5
- package/lib/stories/Tabs.stories.d.ts.map +1 -1
- package/lib/styles.css +184 -50
- package/package.json +1 -1
- package/lib/components/Tabs/TabsContent.d.ts +0 -5
- package/lib/components/Tabs/TabsContent.d.ts.map +0 -1
- package/lib/components/Tabs/TabsList.d.ts +0 -4
- package/lib/components/Tabs/TabsList.d.ts.map +0 -1
- package/lib/components/Tabs/TabsTrigger.d.ts +0 -6
- package/lib/components/Tabs/TabsTrigger.d.ts.map +0 -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,QAiCrB,CAAC;AAuBH,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,QAsChB,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,QAUrB,CAAC;AAcH,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"}
|
|
@@ -1,12 +1,9 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
List: ({ className, ...props }: import("./TabsList").TabsListProps) => import("react").JSX.Element;
|
|
10
|
-
Trigger: ({ className, size, ...props }: import("./TabsTrigger").TabsTriggerProps) => import("react").JSX.Element;
|
|
11
|
-
};
|
|
1
|
+
import type { TabsProps } from './types';
|
|
2
|
+
declare function Tabs({ className, orientation, ...props }: TabsProps.Root): import("react").JSX.Element;
|
|
3
|
+
declare namespace Tabs {
|
|
4
|
+
var Content: ({ className, ...props }: TabsProps.Content) => import("react").JSX.Element;
|
|
5
|
+
var List: ({ className, variant, ...props }: TabsProps.List) => import("react").JSX.Element;
|
|
6
|
+
var Trigger: ({ className, ...props }: TabsProps.Trigger) => import("react").JSX.Element;
|
|
7
|
+
}
|
|
8
|
+
export { Tabs };
|
|
12
9
|
//# sourceMappingURL=Tabs.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,iBAAS,IAAI,CAAC,EACb,SAAS,EACT,WAA0B,EAC1B,GAAG,KAAK,EACR,EAAE,SAAS,CAAC,IAAI,+BAShB;kBAbQ,IAAI;2CAoC6B,SAAS,CAAC,OAAO;iDArBC,SAAS,CAAC,IAAI;2CAWhC,SAAS,CAAC,OAAO;;AAwB3D,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export declare const
|
|
2
|
-
export declare const
|
|
3
|
-
export declare const
|
|
4
|
-
export declare const
|
|
1
|
+
export declare const root: string;
|
|
2
|
+
export declare const list: string;
|
|
3
|
+
export declare const trigger: string;
|
|
4
|
+
export declare const content: string;
|
|
5
5
|
//# sourceMappingURL=styles.css.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,QAaf,CAAC;AAEH,eAAO,MAAM,IAAI,QA0Bf,CAAC;AAEH,eAAO,MAAM,OAAO,QAuElB,CAAC;AAmBH,eAAO,MAAM,OAAO,QAKlB,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { Tabs as TabsPrimitive } from '@base-ui/react/tabs';
|
|
2
|
+
export type TabsVariant = 'default' | 'line';
|
|
3
|
+
export declare namespace TabsProps {
|
|
4
|
+
type Root = TabsPrimitive.Root.Props;
|
|
5
|
+
type List = TabsPrimitive.List.Props & {
|
|
6
|
+
variant?: TabsVariant;
|
|
7
|
+
};
|
|
8
|
+
type Trigger = TabsPrimitive.Tab.Props;
|
|
9
|
+
type Content = TabsPrimitive.Panel.Props;
|
|
10
|
+
}
|
|
11
|
+
export type TabsRootProps = TabsProps.Root;
|
|
12
|
+
export type TabsListProps = TabsProps.List;
|
|
13
|
+
export type TabsTriggerProps = TabsProps.Trigger;
|
|
14
|
+
export type TabsContentProps = TabsProps.Content;
|
|
15
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEjE,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,MAAM,CAAC;AAE7C,yBAAiB,SAAS,CAAC;IAC1B,KAAY,IAAI,GAAG,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC;IAE5C,KAAY,IAAI,GAAG,aAAa,CAAC,IAAI,CAAC,KAAK,GAAG;QAC7C,OAAO,CAAC,EAAE,WAAW,CAAC;KACtB,CAAC;IAEF,KAAY,OAAO,GAAG,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC;IAE9C,KAAY,OAAO,GAAG,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC;CAChD;AAED,MAAM,MAAM,aAAa,GAAG,SAAS,CAAC,IAAI,CAAC;AAC3C,MAAM,MAAM,aAAa,GAAG,SAAS,CAAC,IAAI,CAAC;AAC3C,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAC,OAAO,CAAC;AACjD,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAC,OAAO,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"
|
|
@@ -5894,36 +5900,43 @@ function Switch_Switch({ className, size = 'medium', ...props }) {
|
|
|
5894
5900
|
})
|
|
5895
5901
|
});
|
|
5896
5902
|
}
|
|
5897
|
-
var
|
|
5898
|
-
var
|
|
5899
|
-
var
|
|
5900
|
-
|
|
5901
|
-
|
|
5902
|
-
|
|
5903
|
-
|
|
5904
|
-
|
|
5905
|
-
|
|
5906
|
-
"data-slot": "tabs-content",
|
|
5907
|
-
className: clsx(Tabs_styles_css_contentClass, className),
|
|
5903
|
+
var Tabs_styles_css_content = 'style__hworoa3';
|
|
5904
|
+
var Tabs_styles_css_list = 'style__hworoa1';
|
|
5905
|
+
var Tabs_styles_css_root = 'style__hworoa0';
|
|
5906
|
+
var Tabs_styles_css_trigger = 'style__hworoa2';
|
|
5907
|
+
function Tabs_Tabs({ className, orientation = 'horizontal', ...props }) {
|
|
5908
|
+
return /*#__PURE__*/ jsx(Tabs.Root, {
|
|
5909
|
+
"data-slot": "tabs",
|
|
5910
|
+
orientation: orientation,
|
|
5911
|
+
className: clsx(Tabs_styles_css_root, className),
|
|
5908
5912
|
...props
|
|
5909
5913
|
});
|
|
5910
|
-
|
|
5914
|
+
}
|
|
5915
|
+
function Tabs_List({ className, variant = 'default', ...props }) {
|
|
5916
|
+
return /*#__PURE__*/ jsx(Tabs.List, {
|
|
5911
5917
|
"data-slot": "tabs-list",
|
|
5912
|
-
|
|
5918
|
+
"data-variant": variant,
|
|
5919
|
+
className: clsx(Tabs_styles_css_list, className),
|
|
5913
5920
|
...props
|
|
5914
5921
|
});
|
|
5915
|
-
|
|
5922
|
+
}
|
|
5923
|
+
function Tabs_Trigger({ className, ...props }) {
|
|
5924
|
+
return /*#__PURE__*/ jsx(Tabs.Tab, {
|
|
5916
5925
|
"data-slot": "tabs-trigger",
|
|
5917
|
-
className: clsx(
|
|
5926
|
+
className: clsx(Tabs_styles_css_trigger, className),
|
|
5918
5927
|
...props
|
|
5919
5928
|
});
|
|
5920
|
-
|
|
5921
|
-
|
|
5929
|
+
}
|
|
5930
|
+
function Tabs_Content({ className, ...props }) {
|
|
5931
|
+
return /*#__PURE__*/ jsx(Tabs.Panel, {
|
|
5932
|
+
"data-slot": "tabs-content",
|
|
5933
|
+
className: clsx(Tabs_styles_css_content, className),
|
|
5922
5934
|
...props
|
|
5923
5935
|
});
|
|
5924
|
-
|
|
5925
|
-
Tabs_Tabs.
|
|
5926
|
-
Tabs_Tabs.
|
|
5936
|
+
}
|
|
5937
|
+
Tabs_Tabs.Content = Tabs_Content;
|
|
5938
|
+
Tabs_Tabs.List = Tabs_List;
|
|
5939
|
+
Tabs_Tabs.Trigger = Tabs_Trigger;
|
|
5927
5940
|
var Textarea_styles_css_textarea = 'style__1a927tn0';
|
|
5928
5941
|
function Textarea_Textarea({ className, ...props }) {
|
|
5929
5942
|
return /*#__PURE__*/ jsx("textarea", {
|
|
@@ -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,
|
|
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,EAAS,MAAM,cAAc,CAAC;wBAmC9C,IAAI,CAAC,OAAO,YAAY,CAAC;AAP9B,wBAO+B;AAE/B,wBAAgB,OAAO,gCAatB;AAED,wBAAgB,KAAK,gCAgCpB;AAED,wBAAgB,UAAU,gCAWzB;AAED,wBAAgB,eAAe,gCAsB9B;AAED,wBAAgB,mBAAmB,gCA6BlC;AAED,wBAAgB,YAAY,gCAiD3B"}
|
|
@@ -1,8 +1,16 @@
|
|
|
1
|
-
import type { Meta } from 'storybook-react-rsbuild';
|
|
2
1
|
import { Tabs } from '../components/index.ts';
|
|
3
|
-
declare const _default:
|
|
2
|
+
declare const _default: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: typeof Tabs;
|
|
5
|
+
parameters: {
|
|
6
|
+
layout: string;
|
|
7
|
+
};
|
|
8
|
+
tags: string[];
|
|
9
|
+
};
|
|
4
10
|
export default _default;
|
|
5
|
-
export declare
|
|
6
|
-
export declare
|
|
7
|
-
export declare
|
|
11
|
+
export declare function Default(): import("react").JSX.Element;
|
|
12
|
+
export declare function Line(): import("react").JSX.Element;
|
|
13
|
+
export declare function Vertical(): import("react").JSX.Element;
|
|
14
|
+
export declare function VerticalLine(): import("react").JSX.Element;
|
|
15
|
+
export declare function Disabled(): import("react").JSX.Element;
|
|
8
16
|
//# sourceMappingURL=Tabs.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Tabs.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Tabs.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Tabs.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;;;;;;;;;AAGpC,wBAO8B;AAqD9B,wBAAgB,OAAO,gCAOtB;AAED,wBAAgB,IAAI,gCAOnB;AAED,wBAAgB,QAAQ,gCAOvB;AAED,wBAAgB,YAAY,gCAO3B;AAED,wBAAgB,QAAQ,gCAiBvB"}
|
package/lib/styles.css
CHANGED
|
@@ -28,11 +28,11 @@
|
|
|
28
28
|
--spacing-12: 3rem;
|
|
29
29
|
--spacing-16: 4rem;
|
|
30
30
|
--spacing-20: 5rem;
|
|
31
|
-
--elevation-1: 0px
|
|
32
|
-
--elevation-2: 0px
|
|
33
|
-
--elevation-3: 0px
|
|
34
|
-
--elevation-4: 0px
|
|
35
|
-
--elevation-5: 0px
|
|
31
|
+
--elevation-1: 0px 1px 3px 0px #0000001a, 0px 1px 2px -1px #0000000f;
|
|
32
|
+
--elevation-2: 0px 2px 6px 0px #0000001a, 0px 1px 3px -1px #00000014;
|
|
33
|
+
--elevation-3: 0px 4px 10px 0px #0000001a, 0px 2px 4px -1px #0000000f;
|
|
34
|
+
--elevation-4: 0px 6px 16px 0px #0000001a, 0px 3px 6px -2px #0000000f;
|
|
35
|
+
--elevation-5: 0px 10px 24px 0px #0000001f, 0px 4px 8px -2px #00000014;
|
|
36
36
|
--fontSize-xs: .75rem;
|
|
37
37
|
--fontSize-sm: .875rem;
|
|
38
38
|
--fontSize-base: 1rem;
|
|
@@ -924,7 +924,45 @@ img, picture, video, canvas, svg {
|
|
|
924
924
|
}
|
|
925
925
|
|
|
926
926
|
.style__1udu12r6 {
|
|
927
|
+
outline: 1px solid var(--colors-border);
|
|
928
|
+
border: 0;
|
|
927
929
|
width: auto;
|
|
930
|
+
transition: outline-color .2s, box-shadow .2s;
|
|
931
|
+
}
|
|
932
|
+
|
|
933
|
+
.style__1udu12r6:hover, .style__1udu12r6:focus-within {
|
|
934
|
+
outline-color: var(--colors-primary);
|
|
935
|
+
}
|
|
936
|
+
|
|
937
|
+
.style__1udu12r6:has([disabled]) {
|
|
938
|
+
outline-color: var(--colors-border);
|
|
939
|
+
}
|
|
940
|
+
|
|
941
|
+
.style__1udu12r6:has([aria-invalid="true"]) {
|
|
942
|
+
outline-color: var(--colors-error);
|
|
943
|
+
}
|
|
944
|
+
|
|
945
|
+
.style__1udu12r6[data-size="small"] {
|
|
946
|
+
height: calc(var(--spacing-6) + var(--spacing-1));
|
|
947
|
+
min-height: calc(var(--spacing-6) + var(--spacing-1));
|
|
948
|
+
}
|
|
949
|
+
|
|
950
|
+
.style__1udu12r6[data-size="medium"] {
|
|
951
|
+
height: var(--spacing-8);
|
|
952
|
+
min-height: var(--spacing-8);
|
|
953
|
+
}
|
|
954
|
+
|
|
955
|
+
.style__1udu12r6[data-size="large"] {
|
|
956
|
+
height: calc(var(--spacing-8) + var(--spacing-1));
|
|
957
|
+
min-height: calc(var(--spacing-8) + var(--spacing-1));
|
|
958
|
+
}
|
|
959
|
+
|
|
960
|
+
.style__1udu12r6[data-size="small"] [data-slot="input-group-control"] {
|
|
961
|
+
font-size: var(--fontSize-sm);
|
|
962
|
+
}
|
|
963
|
+
|
|
964
|
+
.style__1udu12r6[data-size="medium"] [data-slot="input-group-control"], .style__1udu12r6[data-size="large"] [data-slot="input-group-control"] {
|
|
965
|
+
font-size: var(--fontSize-base);
|
|
928
966
|
}
|
|
929
967
|
|
|
930
968
|
.style__1udu12r6:has([data-slot="combobox-clear"]) .style__1udu12r2 {
|
|
@@ -1043,26 +1081,45 @@ img, picture, video, canvas, svg {
|
|
|
1043
1081
|
min-height: var(--spacing-8);
|
|
1044
1082
|
align-items: center;
|
|
1045
1083
|
gap: var(--spacing-1);
|
|
1046
|
-
|
|
1084
|
+
outline: 1px solid var(--colors-border);
|
|
1047
1085
|
border-radius: var(--borderRadius-md);
|
|
1048
1086
|
padding: var(--spacing-1) var(--spacing-2);
|
|
1049
1087
|
font-size: var(--fontSize-sm);
|
|
1050
1088
|
background-clip: padding-box;
|
|
1051
1089
|
flex-wrap: wrap;
|
|
1052
|
-
transition:
|
|
1090
|
+
transition: outline-color .2s, box-shadow .2s;
|
|
1053
1091
|
display: flex;
|
|
1054
1092
|
}
|
|
1055
1093
|
|
|
1094
|
+
.style__1udu12rg:hover {
|
|
1095
|
+
outline-color: var(--colors-primary);
|
|
1096
|
+
}
|
|
1097
|
+
|
|
1056
1098
|
.style__1udu12rg:focus-within {
|
|
1057
|
-
|
|
1099
|
+
outline-color: var(--colors-primary);
|
|
1058
1100
|
box-shadow: 0 0 0 3px color-mix(in oklch, var(--colors-primary) 20%, transparent);
|
|
1059
1101
|
}
|
|
1060
1102
|
|
|
1061
1103
|
.style__1udu12rg:has([aria-invalid="true"]) {
|
|
1062
|
-
|
|
1104
|
+
outline-color: var(--colors-error);
|
|
1063
1105
|
box-shadow: 0 0 0 3px color-mix(in oklch, var(--colors-error) 20%, transparent);
|
|
1064
1106
|
}
|
|
1065
1107
|
|
|
1108
|
+
.style__1udu12rg[data-size="small"] {
|
|
1109
|
+
min-height: calc(var(--spacing-6) + var(--spacing-1));
|
|
1110
|
+
padding-block: 0;
|
|
1111
|
+
}
|
|
1112
|
+
|
|
1113
|
+
.style__1udu12rg[data-size="medium"] {
|
|
1114
|
+
min-height: var(--spacing-8);
|
|
1115
|
+
padding-block: var(--spacing-1);
|
|
1116
|
+
}
|
|
1117
|
+
|
|
1118
|
+
.style__1udu12rg[data-size="large"] {
|
|
1119
|
+
min-height: calc(var(--spacing-8) + var(--spacing-1));
|
|
1120
|
+
padding-block: var(--spacing-1);
|
|
1121
|
+
}
|
|
1122
|
+
|
|
1066
1123
|
.style__1udu12rh {
|
|
1067
1124
|
width: fit-content;
|
|
1068
1125
|
height: var(--spacing-5);
|
|
@@ -1116,12 +1173,21 @@ img, picture, video, canvas, svg {
|
|
|
1116
1173
|
color: var(--colors-text-primary);
|
|
1117
1174
|
font-family: inherit;
|
|
1118
1175
|
font-size: var(--fontSize-sm);
|
|
1176
|
+
line-height: var(--lineHeight-tight);
|
|
1119
1177
|
background-color: #0000;
|
|
1120
1178
|
border: 0;
|
|
1121
1179
|
outline: none;
|
|
1122
1180
|
flex: 1;
|
|
1123
1181
|
}
|
|
1124
1182
|
|
|
1183
|
+
.style__1udu12rg[data-size="small"] .style__1udu12rl {
|
|
1184
|
+
font-size: var(--fontSize-sm);
|
|
1185
|
+
}
|
|
1186
|
+
|
|
1187
|
+
.style__1udu12rg[data-size="medium"] .style__1udu12rl, .style__1udu12rg[data-size="large"] .style__1udu12rl {
|
|
1188
|
+
font-size: var(--fontSize-base);
|
|
1189
|
+
}
|
|
1190
|
+
|
|
1125
1191
|
.iconExtraSmall__1udu12rm {
|
|
1126
1192
|
width: var(--spacing-5);
|
|
1127
1193
|
height: var(--spacing-5);
|
|
@@ -3924,6 +3990,7 @@ a.outline__1af895x4:hover {
|
|
|
3924
3990
|
|
|
3925
3991
|
.style__nvcxbd0 {
|
|
3926
3992
|
padding: var(--spacing-2);
|
|
3993
|
+
padding-top: var(--spacing-4);
|
|
3927
3994
|
grid-area: header;
|
|
3928
3995
|
grid-template-columns: auto auto 1fr auto;
|
|
3929
3996
|
grid-template-areas: "trigger title content actions";
|
|
@@ -5758,75 +5825,142 @@ a.outline__1af895x4:hover {
|
|
|
5758
5825
|
}
|
|
5759
5826
|
|
|
5760
5827
|
.style__hworoa0 {
|
|
5761
|
-
|
|
5762
|
-
|
|
5763
|
-
|
|
5828
|
+
gap: var(--spacing-2);
|
|
5829
|
+
display: flex;
|
|
5830
|
+
}
|
|
5831
|
+
|
|
5832
|
+
.style__hworoa0[data-orientation="horizontal"] {
|
|
5833
|
+
flex-direction: column;
|
|
5834
|
+
}
|
|
5835
|
+
|
|
5836
|
+
.style__hworoa0[data-orientation="vertical"] {
|
|
5837
|
+
flex-direction: row;
|
|
5838
|
+
align-items: flex-start;
|
|
5839
|
+
}
|
|
5840
|
+
|
|
5841
|
+
.style__hworoa1 {
|
|
5764
5842
|
border-radius: var(--borderRadius-md);
|
|
5765
|
-
|
|
5843
|
+
width: fit-content;
|
|
5766
5844
|
padding: var(--spacing-1);
|
|
5767
|
-
color: var(--colors-text-
|
|
5768
|
-
|
|
5845
|
+
color: var(--colors-text-secondary);
|
|
5846
|
+
justify-content: center;
|
|
5847
|
+
align-items: center;
|
|
5769
5848
|
display: inline-flex;
|
|
5770
5849
|
}
|
|
5771
5850
|
|
|
5772
|
-
.style__hworoa1 {
|
|
5773
|
-
|
|
5774
|
-
|
|
5775
|
-
|
|
5776
|
-
|
|
5777
|
-
|
|
5778
|
-
line-height: var(--lineHeight-none);
|
|
5851
|
+
.style__hworoa1[data-variant="default"] {
|
|
5852
|
+
background-color: var(--colors-background-element);
|
|
5853
|
+
}
|
|
5854
|
+
|
|
5855
|
+
.style__hworoa1[data-variant="line"] {
|
|
5856
|
+
gap: var(--spacing-1);
|
|
5779
5857
|
background-color: #0000;
|
|
5780
|
-
border:
|
|
5858
|
+
border-radius: 0;
|
|
5859
|
+
}
|
|
5860
|
+
|
|
5861
|
+
.style__hworoa1[data-orientation="horizontal"] {
|
|
5862
|
+
height: var(--spacing-8);
|
|
5863
|
+
}
|
|
5864
|
+
|
|
5865
|
+
.style__hworoa1[data-orientation="vertical"] {
|
|
5866
|
+
flex-direction: column;
|
|
5867
|
+
height: fit-content;
|
|
5868
|
+
}
|
|
5869
|
+
|
|
5870
|
+
.style__hworoa2 {
|
|
5781
5871
|
justify-content: center;
|
|
5782
5872
|
align-items: center;
|
|
5783
|
-
|
|
5873
|
+
gap: var(--spacing-2);
|
|
5874
|
+
border-radius: var(--borderRadius-sm);
|
|
5875
|
+
height: 100%;
|
|
5876
|
+
padding: 0 var(--spacing-1);
|
|
5877
|
+
opacity: .8;
|
|
5878
|
+
font-family: inherit;
|
|
5879
|
+
font-size: var(--fontSize-sm);
|
|
5880
|
+
font-weight: var(--fontWeight-medium);
|
|
5881
|
+
line-height: var(--lineHeight-tight);
|
|
5882
|
+
white-space: nowrap;
|
|
5883
|
+
cursor: pointer;
|
|
5884
|
+
background-color: #0000;
|
|
5885
|
+
border: 1px solid #0000;
|
|
5886
|
+
flex: 1;
|
|
5887
|
+
transition: background-color .2s, border-color .2s, color .2s, box-shadow .2s;
|
|
5784
5888
|
display: inline-flex;
|
|
5889
|
+
position: relative;
|
|
5785
5890
|
}
|
|
5786
5891
|
|
|
5787
|
-
.
|
|
5788
|
-
|
|
5789
|
-
|
|
5790
|
-
|
|
5892
|
+
.style__hworoa2:after {
|
|
5893
|
+
content: "";
|
|
5894
|
+
background-color: var(--colors-primary);
|
|
5895
|
+
opacity: 0;
|
|
5896
|
+
transition: opacity .2s;
|
|
5897
|
+
position: absolute;
|
|
5898
|
+
}
|
|
5899
|
+
|
|
5900
|
+
.style__hworoa2:hover {
|
|
5901
|
+
color: var(--colors-text-primary);
|
|
5902
|
+
}
|
|
5903
|
+
|
|
5904
|
+
.style__hworoa2:focus-visible {
|
|
5905
|
+
border-color: var(--colors-primary);
|
|
5906
|
+
box-shadow: 0 0 0 3px color-mix(in oklch, var(--colors-primary) 20%, transparent);
|
|
5907
|
+
outline: none;
|
|
5791
5908
|
}
|
|
5792
5909
|
|
|
5793
|
-
.
|
|
5910
|
+
.style__hworoa2:disabled, .style__hworoa2[aria-disabled="true"] {
|
|
5794
5911
|
pointer-events: none;
|
|
5795
5912
|
opacity: .5;
|
|
5796
5913
|
}
|
|
5797
5914
|
|
|
5798
|
-
.
|
|
5799
|
-
background-color: var(--colors-
|
|
5800
|
-
color: var(--colors-
|
|
5801
|
-
box-shadow: var(--elevation-
|
|
5915
|
+
.style__hworoa2[data-active] {
|
|
5916
|
+
background-color: var(--colors-background-paper);
|
|
5917
|
+
color: var(--colors-text-primary);
|
|
5918
|
+
box-shadow: var(--elevation-1);
|
|
5919
|
+
opacity: 1;
|
|
5802
5920
|
}
|
|
5803
5921
|
|
|
5804
|
-
.
|
|
5805
|
-
|
|
5806
|
-
|
|
5807
|
-
|
|
5922
|
+
.style__hworoa2[data-orientation="vertical"] {
|
|
5923
|
+
width: 100%;
|
|
5924
|
+
min-height: calc(var(--spacing-6) + var(--spacing-1));
|
|
5925
|
+
justify-content: flex-start;
|
|
5808
5926
|
}
|
|
5809
5927
|
|
|
5810
|
-
.
|
|
5811
|
-
|
|
5812
|
-
|
|
5813
|
-
|
|
5928
|
+
.style__hworoa2[data-orientation="horizontal"]:after {
|
|
5929
|
+
right: 0;
|
|
5930
|
+
bottom: calc(-1 * var(--spacing-1));
|
|
5931
|
+
height: 2px;
|
|
5932
|
+
left: 0;
|
|
5814
5933
|
}
|
|
5815
5934
|
|
|
5816
|
-
.
|
|
5817
|
-
|
|
5818
|
-
|
|
5819
|
-
|
|
5935
|
+
.style__hworoa2[data-orientation="vertical"]:after {
|
|
5936
|
+
top: 0;
|
|
5937
|
+
right: calc(-1 * var(--spacing-1));
|
|
5938
|
+
width: 2px;
|
|
5939
|
+
bottom: 0;
|
|
5820
5940
|
}
|
|
5821
5941
|
|
|
5822
|
-
.
|
|
5823
|
-
|
|
5942
|
+
.style__hworoa1[data-variant="line"] .style__hworoa2[data-active] {
|
|
5943
|
+
box-shadow: none;
|
|
5944
|
+
background-color: #0000;
|
|
5945
|
+
border-color: #0000;
|
|
5824
5946
|
}
|
|
5825
5947
|
|
|
5826
|
-
.
|
|
5827
|
-
|
|
5828
|
-
|
|
5948
|
+
.style__hworoa1[data-variant="line"] .style__hworoa2[data-active]:after {
|
|
5949
|
+
opacity: 1;
|
|
5950
|
+
}
|
|
5951
|
+
|
|
5952
|
+
.style__hworoa2 svg {
|
|
5953
|
+
width: var(--spacing-4);
|
|
5954
|
+
height: var(--spacing-4);
|
|
5955
|
+
pointer-events: none;
|
|
5956
|
+
flex-shrink: 0;
|
|
5957
|
+
}
|
|
5958
|
+
|
|
5959
|
+
.style__hworoa3 {
|
|
5960
|
+
color: var(--colors-text-primary);
|
|
5961
|
+
font-size: var(--fontSize-sm);
|
|
5829
5962
|
outline: none;
|
|
5963
|
+
flex: 1;
|
|
5830
5964
|
}
|
|
5831
5965
|
|
|
5832
5966
|
.style__1a927tn0 {
|
package/package.json
CHANGED
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { Tabs as TabsPrimitive } from '@base-ui/react/tabs';
|
|
2
|
-
export type TabsContentProps = TabsPrimitive.Panel.Props;
|
|
3
|
-
export type ContentProps = TabsContentProps;
|
|
4
|
-
export declare const TabsContent: ({ className, ...props }: TabsContentProps) => import("react").JSX.Element;
|
|
5
|
-
//# sourceMappingURL=TabsContent.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TabsContent.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/TabsContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAI5D,MAAM,MAAM,gBAAgB,GAAG,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC;AACzD,MAAM,MAAM,YAAY,GAAG,gBAAgB,CAAC;AAE5C,eAAO,MAAM,WAAW,GAAI,yBAAyB,gBAAgB,gCAMpE,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TabsList.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/TabsList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAI5D,MAAM,MAAM,aAAa,GAAG,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC;AACrD,eAAO,MAAM,QAAQ,GAAI,yBAAyB,aAAa,gCAM9D,CAAC"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { Tabs as TabsPrimitive } from '@base-ui/react/tabs';
|
|
2
|
-
export type TabsTriggerProps = TabsPrimitive.Tab.Props & {
|
|
3
|
-
size?: 'small' | 'medium' | 'large';
|
|
4
|
-
};
|
|
5
|
-
export declare const TabsTrigger: ({ className, size, ...props }: TabsTriggerProps) => import("react").JSX.Element;
|
|
6
|
-
//# sourceMappingURL=TabsTrigger.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TabsTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/TabsTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAI5D,MAAM,MAAM,gBAAgB,GAAG,aAAa,CAAC,GAAG,CAAC,KAAK,GAAG;IACxD,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACpC,CAAC;AACF,eAAO,MAAM,WAAW,GAAI,+BAIzB,gBAAgB,gCAMlB,CAAC"}
|