@accelint/design-system 1.1.6 → 1.1.8
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/dist/components/aria/index.d.ts +4 -4
- package/dist/components/button/button.css.d.ts +24 -24
- package/dist/components/button/index.js +2 -2
- package/dist/components/button/index.js.map +1 -1
- package/dist/components/checkbox/checkbox.css.d.ts +23 -23
- package/dist/components/checkbox/index.js +7 -11
- package/dist/components/checkbox/index.js.map +1 -1
- package/dist/components/chip/chip.css.d.ts +18 -18
- package/dist/components/chip/index.js +2 -2
- package/dist/components/chip/index.js.map +1 -1
- package/dist/components/combo-box/combo-box.css.d.ts +9 -9
- package/dist/components/combo-box/index.js +2 -6
- package/dist/components/combo-box/index.js.map +1 -1
- package/dist/components/date-field/date-field.css.d.ts +17 -17
- package/dist/components/date-field/index.js +2 -2
- package/dist/components/date-field/index.js.map +1 -1
- package/dist/components/date-input/date-input.css.d.ts +25 -25
- package/dist/components/date-input/index.js +4 -4
- package/dist/components/date-input/index.js.map +1 -1
- package/dist/components/dialog/dialog.css.d.ts +15 -15
- package/dist/components/dialog/index.js +2 -2
- package/dist/components/dialog/index.js.map +1 -1
- package/dist/components/drawer/drawer.css.d.ts +16 -16
- package/dist/components/drawer/index.js +4 -4
- package/dist/components/drawer/index.js.map +1 -1
- package/dist/components/element/index.js +3 -7
- package/dist/components/element/index.js.map +1 -1
- package/dist/components/group/group.css.d.ts +7 -7
- package/dist/components/group/index.js +4 -4
- package/dist/components/group/index.js.map +1 -1
- package/dist/components/icon/icon.css.d.ts +9 -9
- package/dist/components/icon/index.js +2 -2
- package/dist/components/icon/index.js.map +1 -1
- package/dist/components/input/index.js +10 -10
- package/dist/components/input/index.js.map +1 -1
- package/dist/components/input/input.css.d.ts +20 -20
- package/dist/components/menu/index.js +9 -9
- package/dist/components/menu/index.js.map +1 -1
- package/dist/components/menu/menu.css.d.ts +42 -42
- package/dist/components/number-field/index.js +2 -2
- package/dist/components/number-field/index.js.map +1 -1
- package/dist/components/number-field/number-field.css.d.ts +11 -11
- package/dist/components/options/index.js +11 -17
- package/dist/components/options/index.js.map +1 -1
- package/dist/components/options/options.css.d.ts +44 -44
- package/dist/components/picker/index.js +6 -10
- package/dist/components/picker/index.js.map +1 -1
- package/dist/components/picker/picker.css.d.ts +18 -18
- package/dist/components/popover/index.js +2 -6
- package/dist/components/popover/index.js.map +1 -1
- package/dist/components/popover/popover.css.d.ts +12 -12
- package/dist/components/query-builder/query-builder.css.d.ts +53 -53
- package/dist/components/radio/index.js +4 -4
- package/dist/components/radio/index.js.map +1 -1
- package/dist/components/radio/radio.css.d.ts +22 -22
- package/dist/components/search-field/index.js +2 -2
- package/dist/components/search-field/index.js.map +1 -1
- package/dist/components/search-field/search-field.css.d.ts +9 -9
- package/dist/components/select/index.d.ts +1 -1
- package/dist/components/select/index.js +2 -2
- package/dist/components/select/index.js.map +1 -1
- package/dist/components/select/select.css.d.ts +12 -12
- package/dist/components/slider/index.js +10 -10
- package/dist/components/slider/index.js.map +1 -1
- package/dist/components/slider/slider.css.d.ts +27 -27
- package/dist/components/switch/index.js +2 -2
- package/dist/components/switch/index.js.map +1 -1
- package/dist/components/switch/switch.css.d.ts +16 -16
- package/dist/components/tabs/index.js +10 -18
- package/dist/components/tabs/index.js.map +1 -1
- package/dist/components/tabs/tabs.css.d.ts +27 -25
- package/dist/components/tabs/tabs.css.js +2 -2
- package/dist/components/tabs/tabs.css.js.map +1 -1
- package/dist/components/text-field/index.js +2 -2
- package/dist/components/text-field/index.js.map +1 -1
- package/dist/components/text-field/text-field.css.d.ts +8 -8
- package/dist/components/textarea/index.js +8 -8
- package/dist/components/textarea/index.js.map +1 -1
- package/dist/components/textarea/textarea.css.d.ts +22 -22
- package/dist/components/time-field/index.js +2 -2
- package/dist/components/time-field/index.js.map +1 -1
- package/dist/components/time-field/time-field.css.d.ts +17 -17
- package/dist/components/tooltip/index.js +5 -9
- package/dist/components/tooltip/index.js.map +1 -1
- package/dist/components/tooltip/tooltip.css.d.ts +11 -11
- package/dist/components/tree/index.js +2 -2
- package/dist/components/tree/index.js.map +1 -1
- package/dist/components/tree/tree.css.d.ts +45 -45
- package/dist/index.css +30 -30
- package/dist/ladle/actions.js.map +1 -1
- package/dist/styles/layers.css.d.ts +3 -3
- package/dist/styles/theme.css.d.ts +200 -200
- package/dist/test/setup.js +146 -25
- package/dist/test/setup.js.map +1 -1
- package/dist/utils/css/index.d.ts +1 -1
- package/package.json +45 -45
|
@@ -25,96 +25,96 @@ declare const queryBuilderContainers: {
|
|
|
25
25
|
};
|
|
26
26
|
declare const queryBuilderColorVars: {
|
|
27
27
|
queryBuilder: {
|
|
28
|
-
background: `var(--${string})
|
|
29
|
-
border: `var(--${string})
|
|
30
|
-
color: `var(--${string})
|
|
28
|
+
background: `var(--${string})`;
|
|
29
|
+
border: `var(--${string})`;
|
|
30
|
+
color: `var(--${string})`;
|
|
31
31
|
};
|
|
32
32
|
group: {
|
|
33
|
-
background: `var(--${string})
|
|
34
|
-
border: `var(--${string})
|
|
35
|
-
color: `var(--${string})
|
|
36
|
-
lineColor: `var(--${string})
|
|
33
|
+
background: `var(--${string})`;
|
|
34
|
+
border: `var(--${string})`;
|
|
35
|
+
color: `var(--${string})`;
|
|
36
|
+
lineColor: `var(--${string})`;
|
|
37
37
|
};
|
|
38
38
|
rule: {
|
|
39
|
-
background: `var(--${string})
|
|
40
|
-
border: `var(--${string})
|
|
41
|
-
color: `var(--${string})
|
|
42
|
-
lineColor: `var(--${string})
|
|
39
|
+
background: `var(--${string})`;
|
|
40
|
+
border: `var(--${string})`;
|
|
41
|
+
color: `var(--${string})`;
|
|
42
|
+
lineColor: `var(--${string})`;
|
|
43
43
|
};
|
|
44
44
|
error: {
|
|
45
|
-
color: `var(--${string})
|
|
45
|
+
color: `var(--${string})`;
|
|
46
46
|
};
|
|
47
47
|
};
|
|
48
48
|
declare const queryBuilderSpaceVars: {
|
|
49
49
|
queryBuilder: {
|
|
50
|
-
x: `var(--${string})
|
|
51
|
-
y: `var(--${string})
|
|
50
|
+
x: `var(--${string})`;
|
|
51
|
+
y: `var(--${string})`;
|
|
52
52
|
};
|
|
53
53
|
group: {
|
|
54
|
-
gap: `var(--${string})
|
|
55
|
-
x: `var(--${string})
|
|
56
|
-
y: `var(--${string})
|
|
57
|
-
lineIndent: `var(--${string})
|
|
54
|
+
gap: `var(--${string})`;
|
|
55
|
+
x: `var(--${string})`;
|
|
56
|
+
y: `var(--${string})`;
|
|
57
|
+
lineIndent: `var(--${string})`;
|
|
58
58
|
};
|
|
59
59
|
header: {
|
|
60
|
-
x: `var(--${string})
|
|
61
|
-
y: `var(--${string})
|
|
60
|
+
x: `var(--${string})`;
|
|
61
|
+
y: `var(--${string})`;
|
|
62
62
|
};
|
|
63
63
|
body: {
|
|
64
|
-
gap: `var(--${string})
|
|
65
|
-
x: `var(--${string})
|
|
66
|
-
y: `var(--${string})
|
|
64
|
+
gap: `var(--${string})`;
|
|
65
|
+
x: `var(--${string})`;
|
|
66
|
+
y: `var(--${string})`;
|
|
67
67
|
};
|
|
68
68
|
rule: {
|
|
69
|
-
x: `var(--${string})
|
|
70
|
-
y: `var(--${string})
|
|
71
|
-
lineIndent: `var(--${string})
|
|
69
|
+
x: `var(--${string})`;
|
|
70
|
+
y: `var(--${string})`;
|
|
71
|
+
lineIndent: `var(--${string})`;
|
|
72
72
|
};
|
|
73
73
|
core: {
|
|
74
|
-
gap: `var(--${string})
|
|
74
|
+
gap: `var(--${string})`;
|
|
75
75
|
};
|
|
76
76
|
field: {
|
|
77
|
-
width: `var(--${string})
|
|
78
|
-
maxWidth: `var(--${string})
|
|
79
|
-
minWidth: `var(--${string})
|
|
77
|
+
width: `var(--${string})`;
|
|
78
|
+
maxWidth: `var(--${string})`;
|
|
79
|
+
minWidth: `var(--${string})`;
|
|
80
80
|
};
|
|
81
81
|
operator: {
|
|
82
|
-
width: `var(--${string})
|
|
83
|
-
maxWidth: `var(--${string})
|
|
84
|
-
minWidth: `var(--${string})
|
|
82
|
+
width: `var(--${string})`;
|
|
83
|
+
maxWidth: `var(--${string})`;
|
|
84
|
+
minWidth: `var(--${string})`;
|
|
85
85
|
};
|
|
86
86
|
values: {
|
|
87
|
-
gap: `var(--${string})
|
|
88
|
-
width: `var(--${string})
|
|
89
|
-
maxWidth: `var(--${string})
|
|
90
|
-
minWidth: `var(--${string})
|
|
87
|
+
gap: `var(--${string})`;
|
|
88
|
+
width: `var(--${string})`;
|
|
89
|
+
maxWidth: `var(--${string})`;
|
|
90
|
+
minWidth: `var(--${string})`;
|
|
91
91
|
};
|
|
92
92
|
source: {
|
|
93
|
-
width: `var(--${string})
|
|
94
|
-
maxWidth: `var(--${string})
|
|
95
|
-
minWidth: `var(--${string})
|
|
93
|
+
width: `var(--${string})`;
|
|
94
|
+
maxWidth: `var(--${string})`;
|
|
95
|
+
minWidth: `var(--${string})`;
|
|
96
96
|
};
|
|
97
97
|
footer: {
|
|
98
|
-
x: `var(--${string})
|
|
99
|
-
y: `var(--${string})
|
|
98
|
+
x: `var(--${string})`;
|
|
99
|
+
y: `var(--${string})`;
|
|
100
100
|
};
|
|
101
101
|
};
|
|
102
102
|
declare const queryBuilderStateVars: {
|
|
103
|
-
isDisabled: `var(--${string})
|
|
104
|
-
showRuleLines: `var(--${string})
|
|
103
|
+
isDisabled: `var(--${string})`;
|
|
104
|
+
showRuleLines: `var(--${string})`;
|
|
105
105
|
};
|
|
106
106
|
declare const queryBuilderGroupStateVars: {
|
|
107
|
-
after: `var(--${string})
|
|
108
|
-
before: `var(--${string})
|
|
109
|
-
columns: `var(--${string})
|
|
110
|
-
orientation: `var(--${string})
|
|
111
|
-
isDisabled: `var(--${string})
|
|
107
|
+
after: `var(--${string})`;
|
|
108
|
+
before: `var(--${string})`;
|
|
109
|
+
columns: `var(--${string})`;
|
|
110
|
+
orientation: `var(--${string})`;
|
|
111
|
+
isDisabled: `var(--${string})`;
|
|
112
112
|
};
|
|
113
113
|
declare const queryBuilderRuleStateVars: {
|
|
114
|
-
orientation: `var(--${string})
|
|
115
|
-
isDisabled: `var(--${string})
|
|
116
|
-
isDragging: `var(--${string})
|
|
117
|
-
isDropTarget: `var(--${string})
|
|
114
|
+
orientation: `var(--${string})`;
|
|
115
|
+
isDisabled: `var(--${string})`;
|
|
116
|
+
isDragging: `var(--${string})`;
|
|
117
|
+
isDropTarget: `var(--${string})`;
|
|
118
118
|
};
|
|
119
119
|
declare const queryBuilderClassNames: QueryBuilderClassNames;
|
|
120
120
|
|
|
@@ -12,7 +12,7 @@ import { jsx } from 'react/jsx-runtime';
|
|
|
12
12
|
|
|
13
13
|
var RadioContext = createContext(null);
|
|
14
14
|
var Radio = forwardRef(function Radio2(props, ref) {
|
|
15
|
-
const [contextProps,
|
|
15
|
+
const [contextProps, finalRef] = useContextProps(props, ref, RadioContext);
|
|
16
16
|
const finalProps = useDefaultProps(contextProps, "Radio");
|
|
17
17
|
const {
|
|
18
18
|
children: childrenProp,
|
|
@@ -43,7 +43,7 @@ var Radio = forwardRef(function Radio2(props, ref) {
|
|
|
43
43
|
Radio$1,
|
|
44
44
|
{
|
|
45
45
|
...rest,
|
|
46
|
-
ref:
|
|
46
|
+
ref: finalRef,
|
|
47
47
|
style,
|
|
48
48
|
className: classNames?.radio?.container,
|
|
49
49
|
children
|
|
@@ -52,7 +52,7 @@ var Radio = forwardRef(function Radio2(props, ref) {
|
|
|
52
52
|
});
|
|
53
53
|
var RadioGroupContext = createContext(null);
|
|
54
54
|
var RadioGroup = forwardRef(function RadioGroup2(props, ref) {
|
|
55
|
-
const [contextProps,
|
|
55
|
+
const [contextProps, finalRef] = useContextProps(
|
|
56
56
|
props,
|
|
57
57
|
ref,
|
|
58
58
|
RadioGroupContext
|
|
@@ -107,7 +107,7 @@ var RadioGroup = forwardRef(function RadioGroup2(props, ref) {
|
|
|
107
107
|
RadioGroup$1,
|
|
108
108
|
{
|
|
109
109
|
...rest,
|
|
110
|
-
ref:
|
|
110
|
+
ref: finalRef,
|
|
111
111
|
className: classNames?.group?.container,
|
|
112
112
|
style,
|
|
113
113
|
orientation,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/radio/index.tsx"],"names":["Radio","RACRadio","RadioGroup","RACRadioGroup"],"mappings":";;;;;;;;;;;;AA6CO,IAAM,YAAA,GACX,cAAiE,IAAI;AAEhE,IAAM,KAAA,GAAQ,UAAA,CAAW,SAASA,MAAAA,CACvC,OACA,GAAA,EACA;AACA,EAAA,MAAM,CAAC,YAAA,EAAc,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/radio/index.tsx"],"names":["Radio","RACRadio","RadioGroup","RACRadioGroup"],"mappings":"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","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n createContext,\n type ForwardedRef,\n forwardRef,\n useCallback,\n useMemo,\n} from 'react';\nimport {\n type ContextValue,\n type LabelProps,\n Provider,\n Radio as RACRadio,\n RadioGroup as RACRadioGroup,\n} from 'react-aria-components';\nimport { useContextProps } from '../../hooks/use-context-props';\nimport { useDefaultProps } from '../../hooks/use-defaults';\nimport { useTheme } from '../../hooks/use-theme';\nimport { inlineVars } from '../../utils/css';\nimport { callRenderProps, mergeClassNames } from '../../utils/props';\nimport { AriaLabelContext } from '../aria';\nimport {\n radioClassNames,\n radioGroupStateVars,\n radioStateVars,\n} from './radio.css';\nimport type {\n RadioContextProps,\n RadioGroupProps,\n RadioGroupRenderProps,\n RadioProps,\n RadioRenderProps,\n} from './types';\n\nexport const RadioContext =\n createContext<ContextValue<RadioContextProps, HTMLLabelElement>>(null);\n\nexport const Radio = forwardRef(function Radio(\n props: RadioProps,\n ref: ForwardedRef<HTMLLabelElement>,\n) {\n const [contextProps, finalRef] = useContextProps(props, ref, RadioContext);\n const finalProps = useDefaultProps(contextProps, 'Radio');\n\n const {\n children: childrenProp,\n classNames: classNamesProp,\n alignInput = 'end',\n ...rest\n } = finalProps;\n\n const theme = useTheme();\n\n const classNames = useMemo(\n () => mergeClassNames(radioClassNames, theme.Radio, classNamesProp),\n [classNamesProp, theme.Radio],\n );\n\n const style = useCallback(\n (renderProps: RadioRenderProps) =>\n inlineVars(radioStateVars, {\n ...renderProps,\n alignInput,\n }),\n [alignInput],\n );\n\n const children = useCallback(\n (renderProps: RadioRenderProps) => (\n <span className={classNames?.radio?.radio}>\n {callRenderProps(childrenProp, {\n ...renderProps,\n defaultChildren: null,\n })}\n </span>\n ),\n [childrenProp, classNames?.radio],\n );\n\n return (\n <RACRadio\n {...rest}\n ref={finalRef}\n style={style}\n className={classNames?.radio?.container}\n >\n {children}\n </RACRadio>\n );\n});\n\nexport const RadioGroupContext =\n createContext<ContextValue<RadioGroupProps, HTMLDivElement>>(null);\n\nexport const RadioGroup = forwardRef(function RadioGroup(\n props: RadioGroupProps,\n ref: ForwardedRef<HTMLDivElement>,\n) {\n const [contextProps, finalRef] = useContextProps(\n props,\n ref,\n RadioGroupContext,\n );\n\n const finalProps = useDefaultProps(contextProps, 'RadioGroup');\n\n const theme = useTheme();\n\n const {\n children: childrenProp,\n classNames: classNamesProp,\n alignInput = 'end',\n orientation = 'vertical',\n ...rest\n } = finalProps;\n\n const classNames = useMemo(\n () => mergeClassNames(radioClassNames, theme.Radio, classNamesProp),\n [classNamesProp, theme.Radio],\n );\n\n const style = useCallback(\n (renderProps: RadioGroupRenderProps) =>\n inlineVars(radioGroupStateVars, {\n ...renderProps,\n alignInput,\n orientation,\n }),\n [alignInput, orientation],\n );\n\n const values = useMemo<\n [\n [typeof RadioContext, ContextValue<RadioContextProps, HTMLLabelElement>],\n [typeof AriaLabelContext, ContextValue<LabelProps, HTMLLabelElement>],\n ]\n >(\n () => [\n [\n RadioContext,\n {\n classNames,\n alignInput,\n },\n ],\n [\n AriaLabelContext,\n {\n className: classNames?.label,\n },\n ],\n ],\n [alignInput, classNames],\n );\n\n const children = useCallback(\n (renderProps: RadioGroupRenderProps) => (\n <Provider values={values}>\n <div className={classNames?.group?.group}>\n {callRenderProps(childrenProp, {\n ...renderProps,\n defaultChildren: null,\n })}\n </div>\n </Provider>\n ),\n [childrenProp, classNames?.group, values],\n );\n\n return (\n <RACRadioGroup\n {...rest}\n ref={finalRef}\n className={classNames?.group?.container}\n style={style}\n orientation={orientation}\n >\n {children}\n </RACRadioGroup>\n );\n});\n"]}
|
|
@@ -7,34 +7,34 @@ import 'react';
|
|
|
7
7
|
declare const radioContainer: string;
|
|
8
8
|
declare const radioGroupContainer: string;
|
|
9
9
|
declare const radioColorVars: {
|
|
10
|
-
border: `var(--${string})
|
|
11
|
-
background: `var(--${string})
|
|
12
|
-
color: `var(--${string})
|
|
10
|
+
border: `var(--${string})`;
|
|
11
|
+
background: `var(--${string})`;
|
|
12
|
+
color: `var(--${string})`;
|
|
13
13
|
};
|
|
14
14
|
declare const radioSpaceVars: {
|
|
15
|
-
diameter: `var(--${string})
|
|
16
|
-
gap: `var(--${string})
|
|
17
|
-
elementGap: `var(--${string})
|
|
15
|
+
diameter: `var(--${string})`;
|
|
16
|
+
gap: `var(--${string})`;
|
|
17
|
+
elementGap: `var(--${string})`;
|
|
18
18
|
};
|
|
19
19
|
declare const radioStateVars: {
|
|
20
|
-
alignInput: `var(--${string})
|
|
21
|
-
isDisabled: `var(--${string})
|
|
22
|
-
isFocused: `var(--${string})
|
|
23
|
-
isFocusVisible: `var(--${string})
|
|
24
|
-
isHovered: `var(--${string})
|
|
25
|
-
isPressed: `var(--${string})
|
|
26
|
-
isReadOnly: `var(--${string})
|
|
27
|
-
isSelected: `var(--${string})
|
|
28
|
-
isInvalid: `var(--${string})
|
|
29
|
-
isRequired: `var(--${string})
|
|
20
|
+
alignInput: `var(--${string})`;
|
|
21
|
+
isDisabled: `var(--${string})`;
|
|
22
|
+
isFocused: `var(--${string})`;
|
|
23
|
+
isFocusVisible: `var(--${string})`;
|
|
24
|
+
isHovered: `var(--${string})`;
|
|
25
|
+
isPressed: `var(--${string})`;
|
|
26
|
+
isReadOnly: `var(--${string})`;
|
|
27
|
+
isSelected: `var(--${string})`;
|
|
28
|
+
isInvalid: `var(--${string})`;
|
|
29
|
+
isRequired: `var(--${string})`;
|
|
30
30
|
};
|
|
31
31
|
declare const radioGroupStateVars: {
|
|
32
|
-
alignInput: `var(--${string})
|
|
33
|
-
orientation: `var(--${string})
|
|
34
|
-
isDisabled: `var(--${string})
|
|
35
|
-
isReadOnly: `var(--${string})
|
|
36
|
-
isInvalid: `var(--${string})
|
|
37
|
-
isRequired: `var(--${string})
|
|
32
|
+
alignInput: `var(--${string})`;
|
|
33
|
+
orientation: `var(--${string})`;
|
|
34
|
+
isDisabled: `var(--${string})`;
|
|
35
|
+
isReadOnly: `var(--${string})`;
|
|
36
|
+
isInvalid: `var(--${string})`;
|
|
37
|
+
isRequired: `var(--${string})`;
|
|
38
38
|
};
|
|
39
39
|
declare const radioClassNames: RadioClassNames;
|
|
40
40
|
|
|
@@ -25,7 +25,7 @@ var defaultMapping = {
|
|
|
25
25
|
};
|
|
26
26
|
var SearchFieldContext = createContext(null);
|
|
27
27
|
var SearchField = forwardRef(function SearchField2(props, ref) {
|
|
28
|
-
const [contextProps,
|
|
28
|
+
const [contextProps, finalRef] = useContextProps(
|
|
29
29
|
props,
|
|
30
30
|
ref,
|
|
31
31
|
SearchFieldContext
|
|
@@ -86,7 +86,7 @@ var SearchField = forwardRef(function SearchField2(props, ref) {
|
|
|
86
86
|
SearchField$1,
|
|
87
87
|
{
|
|
88
88
|
...finalProps,
|
|
89
|
-
ref:
|
|
89
|
+
ref: finalRef,
|
|
90
90
|
className: classNames?.container,
|
|
91
91
|
style,
|
|
92
92
|
children
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/search-field/index.tsx"],"names":["SearchField","RACSearchField"],"mappings":";;;;;;;;;;;;;;;AA4CA,IAAM,cAAA,GAAqC;AAAA,EACzC,IAAA,EAAM;AAAA,IACJ,EAAA,EAAI,EAAE,IAAA,EAAM,IAAA,EAAK;AAAA,IACjB,EAAA,EAAI,EAAE,IAAA,EAAM,IAAA;AAAK,GACnB;AAAA,EACA,KAAA,EAAO;AAAA,IACL,EAAA,EAAI,EAAE,IAAA,EAAM,IAAA,EAAM,SAAS,MAAA,EAAO;AAAA,IAClC,EAAA,EAAI,EAAE,IAAA,EAAM,IAAA,EAAM,SAAS,MAAA;AAAO;AAEtC,CAAA;AAEO,IAAM,kBAAA,GACX,cAA8D,IAAI;AAE7D,IAAM,WAAA,GAAc,UAAA,CAAW,SAASA,YAAAA,CAC7C,OACA,GAAA,EACA;AACA,EAAA,MAAM,CAAC,YAAA,EAAc,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/search-field/index.tsx"],"names":["SearchField","RACSearchField"],"mappings":"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","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n createContext,\n type ForwardedRef,\n forwardRef,\n useCallback,\n useMemo,\n} from 'react';\nimport {\n type ContextValue,\n Provider,\n type GroupProps as RACGroupProps,\n SearchField as RACSearchField,\n type SearchFieldRenderProps,\n} from 'react-aria-components';\nimport { useContextProps } from '../../hooks/use-context-props';\nimport { useDefaultProps } from '../../hooks/use-defaults';\nimport { useTheme } from '../../hooks/use-theme';\nimport { inlineVars } from '../../utils/css';\nimport { callRenderProps, mergeClassNames } from '../../utils/props';\nimport { AriaGroupContext } from '../aria';\nimport { ButtonContext } from '../button';\nimport { IconContext } from '../icon';\nimport { InputContext } from '../input';\nimport {\n searchFieldClassNames,\n searchFieldStateVars,\n} from './search-field.css';\nimport type { ButtonProps } from '../button/types';\nimport type { IconProps } from '../icon/types';\nimport type { InputProps } from '../input/types';\nimport type { SearchFieldMapping, SearchFieldProps } from './types';\n\nconst defaultMapping: SearchFieldMapping = {\n icon: {\n sm: { size: 'xs' },\n lg: { size: 'sm' },\n },\n clear: {\n sm: { size: 'xs', variant: 'icon' },\n lg: { size: 'sm', variant: 'icon' },\n },\n};\n\nexport const SearchFieldContext =\n createContext<ContextValue<SearchFieldProps, HTMLDivElement>>(null);\n\nexport const SearchField = forwardRef(function SearchField(\n props: SearchFieldProps,\n ref: ForwardedRef<HTMLDivElement>,\n) {\n const [contextProps, finalRef] = useContextProps(\n props,\n ref,\n SearchFieldContext,\n );\n const finalProps = useDefaultProps(contextProps, 'SearchField');\n\n const {\n children: childrenProp,\n classNames: classNamesProp,\n mapping: mappingProp,\n size = 'lg',\n variant = 'solid',\n isDisabled,\n isReadOnly,\n } = finalProps;\n\n const theme = useTheme();\n\n const mapping = useMemo(\n () => ({\n ...defaultMapping,\n ...mappingProp,\n }),\n [mappingProp],\n );\n\n const classNames = useMemo(\n () =>\n mergeClassNames(searchFieldClassNames, theme.SearchField, classNamesProp),\n [theme.SearchField, classNamesProp],\n );\n\n const values = useMemo<\n [\n [typeof AriaGroupContext, ContextValue<RACGroupProps, HTMLDivElement>],\n [typeof IconContext, ContextValue<IconProps, HTMLDivElement>],\n [typeof InputContext, ContextValue<InputProps, HTMLInputElement>],\n [typeof ButtonContext, ContextValue<ButtonProps, HTMLButtonElement>],\n ]\n >(\n () => [\n [AriaGroupContext, { className: classNames?.group }],\n [IconContext, { ...mapping.icon[size], classNames: classNames?.icon }],\n [InputContext, { classNames: classNames?.input, size }],\n [\n ButtonContext,\n {\n ...mapping.clear[size],\n classNames: classNames?.clear,\n isDisabled: isDisabled ?? isReadOnly,\n },\n ],\n ],\n [classNames, mapping, isDisabled, isReadOnly, size],\n );\n\n const style = useCallback(\n ({ state, ...renderProps }: SearchFieldRenderProps) =>\n inlineVars(searchFieldStateVars, {\n ...renderProps,\n variant,\n }),\n [variant],\n );\n\n const children = useCallback(\n (renderProps: SearchFieldRenderProps) => (\n <Provider values={values}>\n {callRenderProps(childrenProp, {\n ...renderProps,\n defaultChildren: null,\n })}\n </Provider>\n ),\n [childrenProp, values],\n );\n\n return (\n <RACSearchField\n {...finalProps}\n ref={finalRef}\n className={classNames?.container}\n style={style}\n >\n {children}\n </RACSearchField>\n );\n});\n"]}
|
|
@@ -11,17 +11,17 @@ import '../input/types.js';
|
|
|
11
11
|
|
|
12
12
|
declare const searchFieldContainer: string;
|
|
13
13
|
declare const searchFieldSpaceVars: {
|
|
14
|
-
x: `var(--${string})
|
|
15
|
-
y: `var(--${string})
|
|
14
|
+
x: `var(--${string})`;
|
|
15
|
+
y: `var(--${string})`;
|
|
16
16
|
};
|
|
17
17
|
declare const searchFieldStateVars: {
|
|
18
|
-
size: `var(--${string})
|
|
19
|
-
variant: `var(--${string})
|
|
20
|
-
isEmpty: `var(--${string})
|
|
21
|
-
isDisabled: `var(--${string})
|
|
22
|
-
isInvalid: `var(--${string})
|
|
23
|
-
isReadOnly: `var(--${string})
|
|
24
|
-
isRequired: `var(--${string})
|
|
18
|
+
size: `var(--${string})`;
|
|
19
|
+
variant: `var(--${string})`;
|
|
20
|
+
isEmpty: `var(--${string})`;
|
|
21
|
+
isDisabled: `var(--${string})`;
|
|
22
|
+
isInvalid: `var(--${string})`;
|
|
23
|
+
isReadOnly: `var(--${string})`;
|
|
24
|
+
isRequired: `var(--${string})`;
|
|
25
25
|
};
|
|
26
26
|
declare const searchFieldClassNames: SearchFieldClassNames;
|
|
27
27
|
|
|
@@ -11,7 +11,7 @@ import '../icon/types.js';
|
|
|
11
11
|
import '../options/types.js';
|
|
12
12
|
|
|
13
13
|
declare const SelectContext: react.Context<ContextValue<SelectProps<object>, HTMLDivElement>>;
|
|
14
|
-
declare const Select: <T extends object>(props: Omit<react_aria_components.SelectProps<T>, "className" | "style"> & {
|
|
14
|
+
declare const Select: <T extends object>(props: Omit<react_aria_components.SelectProps<T, "single">, "className" | "style"> & {
|
|
15
15
|
classNames?: SelectClassNames;
|
|
16
16
|
mapping?: Partial<SelectMapping>;
|
|
17
17
|
size?: SelectSizes;
|
|
@@ -29,7 +29,7 @@ var defaultMapping = {
|
|
|
29
29
|
};
|
|
30
30
|
var SelectContext = createContext(null);
|
|
31
31
|
var Select = forwardRef(function Select2(props, ref) {
|
|
32
|
-
const [contextProps,
|
|
32
|
+
const [contextProps, finalRef] = useContextProps(props, ref, SelectContext);
|
|
33
33
|
const finalProps = useDefaultProps(contextProps, "Select");
|
|
34
34
|
const {
|
|
35
35
|
children: childrenProp,
|
|
@@ -99,7 +99,7 @@ var Select = forwardRef(function Select2(props, ref) {
|
|
|
99
99
|
Select$1,
|
|
100
100
|
{
|
|
101
101
|
...finalProps,
|
|
102
|
-
ref:
|
|
102
|
+
ref: finalRef,
|
|
103
103
|
className: classNames?.container,
|
|
104
104
|
style,
|
|
105
105
|
children
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/select/index.tsx"],"names":["Select","RACSelect"],"mappings":";;;;;;;;;;;;;;;AAgDA,IAAM,cAAA,GAAgC;AAAA,EACpC,WAAA,EAAa;AAAA,IACX,IAAI,MAAA,CAAO,EAAA;AAAA,IACX,IAAI,MAAA,CAAO;AAAA,GACb;AAAA,EACA,KAAA,EAAO;AAAA,IACL,IAAI,MAAA,CAAO,EAAA;AAAA,IACX,IAAI,MAAA,CAAO;AAAA,GACb;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,EAAA,EAAI,EAAE,IAAA,EAAM,IAAA,EAAM,SAAS,QAAA,EAAS;AAAA,IACpC,EAAA,EAAI,EAAE,IAAA,EAAM,IAAA,EAAM,SAAS,QAAA;AAAS;AAExC,CAAA;AAEO,IAAM,aAAA,GACX,cAAiE,IAAI;AAEhE,IAAM,MAAA,GAAS,UAAA,CAAW,SAASA,OAAAA,CACxC,OACA,GAAA,EACA;AACA,EAAA,MAAM,CAAC,YAAA,EAAc,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/select/index.tsx"],"names":["Select","RACSelect"],"mappings":"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","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n createContext,\n type ForwardedRef,\n forwardRef,\n useCallback,\n useMemo,\n} from 'react';\nimport {\n type ContextValue,\n type FieldErrorProps,\n type LabelProps,\n Provider,\n Select as RACSelect,\n type SelectRenderProps as RACSelectRenderProps,\n type SelectValueProps,\n type TextProps,\n} from 'react-aria-components';\nimport { useContextProps } from '../../hooks/use-context-props';\nimport { useDefaultProps } from '../../hooks/use-defaults';\nimport { useTheme } from '../../hooks/use-theme';\nimport { bodies } from '../../styles/typography.css';\nimport { inlineVars } from '../../utils/css';\nimport { callRenderProps, mergeClassNames } from '../../utils/props';\nimport {\n AriaFieldErrorContext,\n AriaLabelContext,\n AriaSelectValueContext,\n AriaTextContext,\n} from '../aria';\nimport { ButtonContext } from '../button';\nimport { OptionsContext } from '../options';\nimport { selectClassNames, selectStateVars } from './select.css';\nimport type { ButtonProps } from '../button/types';\nimport type { OptionsProps } from '../options/types';\nimport type { SelectMapping, SelectProps } from './types';\n\nconst defaultMapping: SelectMapping = {\n description: {\n sm: bodies.xs,\n lg: bodies.xs,\n },\n error: {\n sm: bodies.xs,\n lg: bodies.xs,\n },\n toggle: {\n sm: { size: 'sm', variant: 'hollow' },\n lg: { size: 'md', variant: 'hollow' },\n },\n};\n\nexport const SelectContext =\n createContext<ContextValue<SelectProps<object>, HTMLDivElement>>(null);\n\nexport const Select = forwardRef(function Select<T extends object>(\n props: SelectProps<T>,\n ref: ForwardedRef<HTMLDivElement>,\n) {\n const [contextProps, finalRef] = useContextProps(props, ref, SelectContext);\n const finalProps = useDefaultProps(contextProps, 'Select');\n\n const {\n children: childrenProp,\n classNames: classNamesProp,\n mapping: mappingProp,\n size = 'lg',\n } = finalProps;\n\n const theme = useTheme();\n\n const mapping = useMemo(\n () => ({\n ...defaultMapping,\n ...mappingProp,\n }),\n [mappingProp],\n );\n\n const classNames = useMemo(\n () =>\n mergeClassNames(selectClassNames, theme.Select, classNamesProp, {\n description: mapping.description[size],\n error: mapping.error[size],\n }),\n [classNamesProp, theme.Select, mapping, size],\n );\n\n const values = useMemo<\n [\n [typeof AriaLabelContext, ContextValue<LabelProps, HTMLLabelElement>],\n [typeof ButtonContext, ContextValue<ButtonProps, HTMLButtonElement>],\n [\n typeof AriaSelectValueContext,\n ContextValue<SelectValueProps<object>, HTMLSpanElement>,\n ],\n [typeof AriaTextContext, ContextValue<TextProps, HTMLElement>],\n [\n typeof AriaFieldErrorContext,\n ContextValue<FieldErrorProps, HTMLElement>,\n ],\n [typeof OptionsContext, ContextValue<OptionsProps, HTMLElement>],\n ]\n >(\n () => [\n [AriaLabelContext, { className: classNames?.label }],\n [\n ButtonContext,\n {\n ...mapping.toggle[size],\n classNames: classNames?.toggle,\n },\n ],\n [\n AriaSelectValueContext,\n {\n className: classNames?.value,\n },\n ],\n [\n AriaTextContext,\n {\n slots: {\n description: { className: classNames?.description },\n },\n },\n ],\n [AriaFieldErrorContext, { className: classNames?.error }],\n [OptionsContext, { classNames: classNames?.options, size }],\n ],\n [classNames, mapping, size],\n );\n\n const style = useCallback(\n (renderProps: RACSelectRenderProps) =>\n inlineVars(selectStateVars, {\n ...renderProps,\n size,\n }),\n [size],\n );\n\n const children = useCallback(\n (renderProps: RACSelectRenderProps) => (\n <div className={classNames?.select}>\n <Provider values={values}>\n {callRenderProps(childrenProp, {\n ...renderProps,\n defaultChildren: null,\n })}\n </Provider>\n </div>\n ),\n [childrenProp, values, classNames?.select],\n );\n\n return (\n <RACSelect\n {...finalProps}\n ref={finalRef}\n className={classNames?.container}\n style={style}\n >\n {children}\n </RACSelect>\n );\n});\n"]}
|
|
@@ -12,25 +12,25 @@ import '../options/types.js';
|
|
|
12
12
|
declare const selectContainer: string;
|
|
13
13
|
declare const selectColorVars: {
|
|
14
14
|
description: {
|
|
15
|
-
color: `var(--${string})
|
|
15
|
+
color: `var(--${string})`;
|
|
16
16
|
};
|
|
17
17
|
error: {
|
|
18
|
-
color: `var(--${string})
|
|
18
|
+
color: `var(--${string})`;
|
|
19
19
|
};
|
|
20
20
|
};
|
|
21
21
|
declare const selectSpaceVars: {
|
|
22
|
-
width: `var(--${string})
|
|
23
|
-
x: `var(--${string})
|
|
24
|
-
y: `var(--${string})
|
|
22
|
+
width: `var(--${string})`;
|
|
23
|
+
x: `var(--${string})`;
|
|
24
|
+
y: `var(--${string})`;
|
|
25
25
|
};
|
|
26
26
|
declare const selectStateVars: {
|
|
27
|
-
size: `var(--${string})
|
|
28
|
-
isDisabled: `var(--${string})
|
|
29
|
-
isInvalid: `var(--${string})
|
|
30
|
-
isOpen: `var(--${string})
|
|
31
|
-
isRequired: `var(--${string})
|
|
32
|
-
isFocused: `var(--${string})
|
|
33
|
-
isFocusVisible: `var(--${string})
|
|
27
|
+
size: `var(--${string})`;
|
|
28
|
+
isDisabled: `var(--${string})`;
|
|
29
|
+
isInvalid: `var(--${string})`;
|
|
30
|
+
isOpen: `var(--${string})`;
|
|
31
|
+
isRequired: `var(--${string})`;
|
|
32
|
+
isFocused: `var(--${string})`;
|
|
33
|
+
isFocusVisible: `var(--${string})`;
|
|
34
34
|
};
|
|
35
35
|
declare const selectClassNames: SelectClassNames;
|
|
36
36
|
|
|
@@ -15,7 +15,7 @@ import { jsx } from 'react/jsx-runtime';
|
|
|
15
15
|
|
|
16
16
|
var SliderBarContext = createContext(null);
|
|
17
17
|
var SliderBar = forwardRef(function SliderBar2(props, ref) {
|
|
18
|
-
const [contextProps,
|
|
18
|
+
const [contextProps, finalRef] = useContextProps(
|
|
19
19
|
props,
|
|
20
20
|
ref,
|
|
21
21
|
SliderBarContext
|
|
@@ -37,7 +37,7 @@ var SliderBar = forwardRef(function SliderBar2(props, ref) {
|
|
|
37
37
|
"div",
|
|
38
38
|
{
|
|
39
39
|
...rest,
|
|
40
|
-
ref:
|
|
40
|
+
ref: finalRef,
|
|
41
41
|
className: classNames?.track?.bar,
|
|
42
42
|
style: {
|
|
43
43
|
position: "absolute",
|
|
@@ -55,7 +55,7 @@ var SliderBar = forwardRef(function SliderBar2(props, ref) {
|
|
|
55
55
|
});
|
|
56
56
|
var SliderOutputContext = createContext(null);
|
|
57
57
|
var SliderOutput = forwardRef(function SliderOutput2(props, ref) {
|
|
58
|
-
const [contextProps,
|
|
58
|
+
const [contextProps, finalRef] = useContextProps(
|
|
59
59
|
props,
|
|
60
60
|
ref,
|
|
61
61
|
SliderOutputContext
|
|
@@ -86,7 +86,7 @@ var SliderOutput = forwardRef(function SliderOutput2(props, ref) {
|
|
|
86
86
|
SliderOutput$1,
|
|
87
87
|
{
|
|
88
88
|
...rest,
|
|
89
|
-
ref:
|
|
89
|
+
ref: finalRef,
|
|
90
90
|
className: classNames?.output?.container,
|
|
91
91
|
style,
|
|
92
92
|
children
|
|
@@ -95,7 +95,7 @@ var SliderOutput = forwardRef(function SliderOutput2(props, ref) {
|
|
|
95
95
|
});
|
|
96
96
|
var SliderTrackContext = createContext(null);
|
|
97
97
|
var SliderTrack = forwardRef(function SliderTrack2(props, ref) {
|
|
98
|
-
const [contextProps,
|
|
98
|
+
const [contextProps, finalRef] = useContextProps(
|
|
99
99
|
props,
|
|
100
100
|
ref,
|
|
101
101
|
SliderTrackContext
|
|
@@ -133,7 +133,7 @@ var SliderTrack = forwardRef(function SliderTrack2(props, ref) {
|
|
|
133
133
|
SliderTrack$1,
|
|
134
134
|
{
|
|
135
135
|
...rest,
|
|
136
|
-
ref:
|
|
136
|
+
ref: finalRef,
|
|
137
137
|
className: classNames?.track?.container,
|
|
138
138
|
style,
|
|
139
139
|
children
|
|
@@ -142,7 +142,7 @@ var SliderTrack = forwardRef(function SliderTrack2(props, ref) {
|
|
|
142
142
|
});
|
|
143
143
|
var SliderThumbContext = createContext(null);
|
|
144
144
|
var SliderThumb = forwardRef(function SliderThumb2(props, ref) {
|
|
145
|
-
const [contextProps,
|
|
145
|
+
const [contextProps, finalRef] = useContextProps(
|
|
146
146
|
props,
|
|
147
147
|
ref,
|
|
148
148
|
SliderThumbContext
|
|
@@ -173,7 +173,7 @@ var SliderThumb = forwardRef(function SliderThumb2(props, ref) {
|
|
|
173
173
|
SliderThumb$1,
|
|
174
174
|
{
|
|
175
175
|
...rest,
|
|
176
|
-
ref:
|
|
176
|
+
ref: finalRef,
|
|
177
177
|
className: classNames?.thumb?.container,
|
|
178
178
|
style,
|
|
179
179
|
children
|
|
@@ -182,7 +182,7 @@ var SliderThumb = forwardRef(function SliderThumb2(props, ref) {
|
|
|
182
182
|
});
|
|
183
183
|
var SliderContext = createContext(null);
|
|
184
184
|
var Slider = forwardRef(function Slider2(props, ref) {
|
|
185
|
-
const [contextProps,
|
|
185
|
+
const [contextProps, finalRef] = useContextProps(props, ref, SliderContext);
|
|
186
186
|
const finalProps = useDefaultProps(contextProps, "Slider");
|
|
187
187
|
const {
|
|
188
188
|
children: childrenProp,
|
|
@@ -251,7 +251,7 @@ var Slider = forwardRef(function Slider2(props, ref) {
|
|
|
251
251
|
Slider$1,
|
|
252
252
|
{
|
|
253
253
|
...rest,
|
|
254
|
-
ref:
|
|
254
|
+
ref: finalRef,
|
|
255
255
|
className: classNames?.slider?.container,
|
|
256
256
|
orientation,
|
|
257
257
|
style,
|