@react-spectrum/s2 3.0.0-nightly-b0f156972-241202 → 3.0.0-nightly-e14088a7e-241204

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,358 @@
1
+ import "./TabsPicker.css";
2
+ import {centerBaseline as $1f4b04be3f24aae3$export$9d7e2342a7e53afa} from "./CenterBaseline.mjs";
3
+ import {checkmark as $13afb0ea5f0ed767$export$292abbf31ed842a, description as $13afb0ea5f0ed767$export$6d59db4903f20f7d, icon as $13afb0ea5f0ed767$export$1ca1ec8b29a4ce27, iconCenterWrapper as $13afb0ea5f0ed767$export$31d1842a0fd736e6, label as $13afb0ea5f0ed767$export$1237798dc640739a, menuitem as $13afb0ea5f0ed767$export$f68e44d881264486, sectionHeader as $13afb0ea5f0ed767$export$562e61a0817eb32e, sectionHeading as $13afb0ea5f0ed767$export$300ac6f106ef584d} from "./Menu.mjs";
4
+ import $81cf3d4588736e7d$export$2e2bcd8739ae039 from "./Checkmark.mjs";
5
+ import $4b69f02ec06b9226$export$2e2bcd8739ae039 from "./Chevron.mjs";
6
+ import {FieldLabel as $9afd80978c252040$export$1acdcf5a973a8414} from "./Field.mjs";
7
+ import {HeaderContext as $8e847109a6ab556d$export$e0e4026c12a8bdbb, HeadingContext as $8e847109a6ab556d$export$d688439359537581, Text as $8e847109a6ab556d$export$5f1af8db9871e1d6, TextContext as $8e847109a6ab556d$export$9afb8bc826b033ea} from "./Content.mjs";
8
+ import {IconContext as $ac8c32e6775ddd1f$export$a49f528ae1a4d0ed} from "../icons/Icon.mjs";
9
+ import $vecDw$intlStringsmjs from "./intlStrings.mjs";
10
+ import {PopoverBase as $88b746eba92c8d0d$export$fde1b04c590741a3} from "./Popover.mjs";
11
+ import {pressScale as $10ea7662e51a285b$export$56e8cba416805d8d} from "./pressScale.mjs";
12
+ import {useFormProps as $9b916426527cebe7$export$a6b5be5c6b451665} from "./Form.mjs";
13
+ import {useSpectrumContextProps as $5ce63c423902f47d$export$764f6146fadd77f7} from "../icons/useSpectrumContextProps.mjs";
14
+ import {jsx as $vecDw$jsx, jsxs as $vecDw$jsxs, Fragment as $vecDw$Fragment} from "react/jsx-runtime";
15
+ import {Select as $vecDw$Select, Button as $vecDw$Button, SelectValue as $vecDw$SelectValue, Provider as $vecDw$Provider, DEFAULT_SLOT as $vecDw$DEFAULT_SLOT, ListBox as $vecDw$ListBox, ListBoxItem as $vecDw$ListBoxItem} from "react-aria-components";
16
+ import {createContext as $vecDw$createContext, forwardRef as $vecDw$forwardRef, useRef as $vecDw$useRef, useContext as $vecDw$useContext} from "react";
17
+ import {useFocusableRef as $vecDw$useFocusableRef} from "@react-spectrum/utils";
18
+ import {useLocalizedStringFormatter as $vecDw$useLocalizedStringFormatter} from "@react-aria/i18n";
19
+
20
+
21
+ function $parcel$interopDefault(a) {
22
+ return a && a.__esModule ? a.default : a;
23
+ }
24
+ /*
25
+ * Copyright 2024 Adobe. All rights reserved.
26
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
27
+ * you may not use this file except in compliance with the License. You may obtain a copy
28
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
29
+ *
30
+ * Unless required by applicable law or agreed to in writing, software distributed under
31
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
32
+ * OF ANY KIND, either express or implied. See the License for the specific language
33
+ * governing permissions and limitations under the License.
34
+ */
35
+
36
+
37
+
38
+
39
+
40
+
41
+
42
+
43
+
44
+
45
+
46
+
47
+
48
+
49
+
50
+
51
+ const $0067ea932a992b6a$export$b72b8dade9393cd5 = /*#__PURE__*/ (0, $vecDw$createContext)(null);
52
+ const $0067ea932a992b6a$var$inputButton = function anonymous(props) {
53
+ let rules = " .";
54
+ if (props.isFocusVisible) rules += ' _Lb';
55
+ else rules += ' _La';
56
+ rules += ' da_____z';
57
+ rules += ' dx';
58
+ rules += ' _Nc';
59
+ rules += ' _M-3t1z';
60
+ rules += ' __a-4cfph1';
61
+ rules += ' __b-4cfph1';
62
+ rules += ' __c-4cfph1';
63
+ rules += ' __d-4cfph1';
64
+ if (props.size === "XL") rules += ' qj';
65
+ else if (props.size === "L") rules += ' qi';
66
+ else if (props.size === "S") rules += ' qh';
67
+ else if (props.size === "XS") rules += ' qg';
68
+ else rules += ' qf';
69
+ if (props.isQuiet) rules += ' __ma';
70
+ else rules += ' __m-1s8glxue';
71
+ if (props.size === "XL") rules += ' -usygro_l-____g';
72
+ else if (props.size === "L") rules += ' -usygro_l-___0';
73
+ else if (props.size === "S") rules += ' -usygro_l-___u';
74
+ else rules += ' -usygro_l-___K';
75
+ rules += ' m-rwozxi';
76
+ rules += ' Uc';
77
+ rules += ' _c-bc1l9oh';
78
+ rules += ' _c-1uotwbwg';
79
+ rules += ' _c-eo0c6sf';
80
+ rules += ' _c-enzzrge';
81
+ rules += ' _c-enzykdd';
82
+ rules += ' _c-enzwzjc';
83
+ rules += ' _c-enzrfpb';
84
+ rules += ' _ca';
85
+ rules += ' _dbf';
86
+ rules += ' _de';
87
+ rules += ' _eb';
88
+ rules += ' _f-1x99dlob';
89
+ rules += ' _fa';
90
+ if (props.isDisabled) rules += ' aj';
91
+ else {
92
+ if (props.isPressed) rules += ' ao';
93
+ else if (props.isFocusVisible) rules += ' ao';
94
+ else if (props.isHovered) rules += ' ao';
95
+ else rules += ' an';
96
+ }
97
+ rules += ' _Zd';
98
+ rules += ' _ja';
99
+ rules += ' wf';
100
+ rules += ' _vb';
101
+ rules += ' _wb';
102
+ rules += ' _xb';
103
+ rules += ' _yb';
104
+ rules += ' _1c';
105
+ rules += ' _Oa';
106
+ rules += ' _Q-375x7f';
107
+ rules += ' _Ra';
108
+ rules += ' jbH';
109
+ rules += ' jG';
110
+ rules += ' C-375tnm';
111
+ rules += ' D-375tnn';
112
+ rules += ' ba';
113
+ if (props.isQuiet) rules += ' rd';
114
+ rules += ' __R-yksgrp';
115
+ if (props.density === "compact") rules += ' kU';
116
+ else rules += ' k_a';
117
+ rules += ' __na';
118
+ rules += ' -_375tnm_C-a';
119
+ rules += ' -_375tnn_D-a';
120
+ return rules;
121
+ };
122
+ let $0067ea932a992b6a$export$b1e5508a851be14d = function anonymous(props) {
123
+ let rules = " .";
124
+ rules += ' _La';
125
+ rules += ' _Zf';
126
+ rules += ' __h-1kgdida';
127
+ rules += ' __na';
128
+ rules += ' p-17zqamw';
129
+ rules += ' __va';
130
+ rules += ' __wa';
131
+ rules += ' Ed';
132
+ rules += ' Fd';
133
+ rules += ' Cd';
134
+ rules += ' Dd';
135
+ rules += ' _c-bc1l9oh';
136
+ rules += ' _c-1uotwbwg';
137
+ rules += ' _c-eo0c6sf';
138
+ rules += ' _c-enzzrge';
139
+ rules += ' _c-enzykdd';
140
+ rules += ' _c-enzwzjc';
141
+ rules += ' _c-enzrfpb';
142
+ rules += ' _ca';
143
+ if (props.size === "XL") {
144
+ rules += ' _dbj';
145
+ rules += ' _di';
146
+ } else if (props.size === "L") {
147
+ rules += ' _dbh';
148
+ rules += ' _dg';
149
+ } else if (props.size === "S") {
150
+ rules += ' _dbd';
151
+ rules += ' _dc';
152
+ } else if (props.size === "XS") {
153
+ rules += ' _dbb';
154
+ rules += ' _da';
155
+ } else {
156
+ rules += ' _dbf';
157
+ rules += ' _de';
158
+ }
159
+ return rules;
160
+ };
161
+ const $0067ea932a992b6a$var$valueStyles = " . _9-3t1x __vb __wb _ma _pb _Zd _1c kb";
162
+ const $0067ea932a992b6a$var$iconStyles = " . _8-3t1x R-3hn0u -rwx0fg_e-b";
163
+ let $0067ea932a992b6a$var$InsideSelectValueContext = /*#__PURE__*/ (0, $vecDw$createContext)(false);
164
+ function $0067ea932a992b6a$var$Picker(props, ref) {
165
+ let stringFormatter = (0, $vecDw$useLocalizedStringFormatter)((0, ($parcel$interopDefault($vecDw$intlStringsmjs))), '@react-spectrum/s2');
166
+ [props, ref] = (0, $5ce63c423902f47d$export$764f6146fadd77f7)(props, ref, $0067ea932a992b6a$export$b72b8dade9393cd5);
167
+ let domRef = (0, $vecDw$useFocusableRef)(ref);
168
+ props = (0, $9b916426527cebe7$export$a6b5be5c6b451665)(props);
169
+ let { direction: direction = 'bottom', align: align = 'start', shouldFlip: shouldFlip = true, children: children, items: items, placeholder: placeholder = stringFormatter.format('picker.placeholder'), density: density, ...pickerProps } = props;
170
+ let isQuiet = true;
171
+ const menuOffset = 6;
172
+ const size = 'M';
173
+ return /*#__PURE__*/ (0, $vecDw$jsx)((0, $vecDw$Select), {
174
+ ...pickerProps,
175
+ placeholder: placeholder,
176
+ children: ({ isOpen: isOpen })=>/*#__PURE__*/ (0, $vecDw$jsxs)((0, $vecDw$Fragment), {
177
+ children: [
178
+ /*#__PURE__*/ (0, $vecDw$jsx)((0, $9afd80978c252040$export$1acdcf5a973a8414), {
179
+ isQuiet: isQuiet
180
+ }),
181
+ /*#__PURE__*/ (0, $vecDw$jsxs)((0, $vecDw$Button), {
182
+ ref: domRef,
183
+ style: (renderProps)=>(0, $10ea7662e51a285b$export$56e8cba416805d8d)(domRef)(renderProps),
184
+ // Prevent press scale from sticking while Picker is open.
185
+ // @ts-ignore
186
+ isPressed: false,
187
+ className: (renderProps)=>$0067ea932a992b6a$var$inputButton({
188
+ ...renderProps,
189
+ size: 'M',
190
+ isOpen: isOpen,
191
+ isQuiet: isQuiet,
192
+ density: density
193
+ }),
194
+ children: [
195
+ /*#__PURE__*/ (0, $vecDw$jsx)((0, $vecDw$SelectValue), {
196
+ className: $0067ea932a992b6a$var$valueStyles + ' ' + "-u6zm92",
197
+ children: ({ defaultChildren: defaultChildren })=>{
198
+ return /*#__PURE__*/ (0, $vecDw$jsx)((0, $vecDw$Provider), {
199
+ values: [
200
+ [
201
+ (0, $ac8c32e6775ddd1f$export$a49f528ae1a4d0ed),
202
+ {
203
+ slots: {
204
+ icon: {
205
+ render: (0, $1f4b04be3f24aae3$export$9d7e2342a7e53afa)({
206
+ slot: 'icon',
207
+ styles: (0, $13afb0ea5f0ed767$export$31d1842a0fd736e6)
208
+ }),
209
+ styles: (0, $13afb0ea5f0ed767$export$1ca1ec8b29a4ce27)
210
+ }
211
+ }
212
+ }
213
+ ],
214
+ [
215
+ (0, $8e847109a6ab556d$export$9afb8bc826b033ea),
216
+ {
217
+ slots: {
218
+ // Default slot is useful when converting other collections to PickerItems.
219
+ [(0, $vecDw$DEFAULT_SLOT)]: {
220
+ styles: " . _Za _9-3t1y __vb __wb _ma _pb"
221
+ }
222
+ }
223
+ }
224
+ ],
225
+ [
226
+ $0067ea932a992b6a$var$InsideSelectValueContext,
227
+ true
228
+ ]
229
+ ],
230
+ children: defaultChildren
231
+ });
232
+ }
233
+ }),
234
+ /*#__PURE__*/ (0, $vecDw$jsx)((0, $4b69f02ec06b9226$export$2e2bcd8739ae039), {
235
+ size: size,
236
+ className: $0067ea932a992b6a$var$iconStyles
237
+ })
238
+ ]
239
+ }),
240
+ /*#__PURE__*/ (0, $vecDw$jsx)((0, $88b746eba92c8d0d$export$fde1b04c590741a3), {
241
+ hideArrow: true,
242
+ offset: menuOffset,
243
+ placement: `${direction} ${align}`,
244
+ shouldFlip: shouldFlip,
245
+ styles: " . y-375tp4 q___u l-13f72lm -_375tp4_y-M",
246
+ children: /*#__PURE__*/ (0, $vecDw$jsx)((0, $vecDw$Provider), {
247
+ values: [
248
+ [
249
+ (0, $8e847109a6ab556d$export$e0e4026c12a8bdbb),
250
+ {
251
+ styles: (0, $13afb0ea5f0ed767$export$562e61a0817eb32e)({
252
+ size: size
253
+ })
254
+ }
255
+ ],
256
+ [
257
+ (0, $8e847109a6ab556d$export$d688439359537581),
258
+ {
259
+ styles: (0, $13afb0ea5f0ed767$export$300ac6f106ef584d)
260
+ }
261
+ ],
262
+ [
263
+ (0, $8e847109a6ab556d$export$9afb8bc826b033ea),
264
+ {
265
+ slots: {
266
+ description: {
267
+ styles: (0, $13afb0ea5f0ed767$export$6d59db4903f20f7d)({
268
+ size: size
269
+ })
270
+ }
271
+ }
272
+ }
273
+ ]
274
+ ],
275
+ children: /*#__PURE__*/ (0, $vecDw$jsx)((0, $vecDw$ListBox), {
276
+ items: items,
277
+ className: $0067ea932a992b6a$export$b1e5508a851be14d,
278
+ children: children
279
+ })
280
+ })
281
+ })
282
+ ]
283
+ })
284
+ });
285
+ }
286
+ /**
287
+ * Pickers allow users to choose a single option from a collapsible list of options when space is limited.
288
+ */ let $0067ea932a992b6a$export$ba25329847403e11 = /*#__PURE__*/ (0, $vecDw$forwardRef)($0067ea932a992b6a$var$Picker);
289
+ function $0067ea932a992b6a$export$d601881f38163e28(props) {
290
+ let ref = (0, $vecDw$useRef)(null);
291
+ let isLink = props.href != null;
292
+ const size = 'M';
293
+ return /*#__PURE__*/ (0, $vecDw$jsx)((0, $vecDw$ListBoxItem), {
294
+ ...props,
295
+ ref: ref,
296
+ textValue: props.textValue || (typeof props.children === 'string' ? props.children : undefined),
297
+ style: (0, $10ea7662e51a285b$export$56e8cba416805d8d)(ref, props.UNSAFE_style),
298
+ className: (renderProps)=>(props.UNSAFE_className || '') + (0, $13afb0ea5f0ed767$export$f68e44d881264486)({
299
+ ...renderProps,
300
+ size: size,
301
+ isLink: isLink
302
+ }, props.styles),
303
+ children: (renderProps)=>{
304
+ let { children: children } = props;
305
+ return /*#__PURE__*/ (0, $vecDw$jsx)($0067ea932a992b6a$var$DefaultProvider, {
306
+ context: (0, $ac8c32e6775ddd1f$export$a49f528ae1a4d0ed),
307
+ value: {
308
+ slots: {
309
+ icon: {
310
+ render: (0, $1f4b04be3f24aae3$export$9d7e2342a7e53afa)({
311
+ slot: 'icon',
312
+ styles: (0, $13afb0ea5f0ed767$export$31d1842a0fd736e6)
313
+ }),
314
+ styles: (0, $13afb0ea5f0ed767$export$1ca1ec8b29a4ce27)
315
+ }
316
+ }
317
+ },
318
+ children: /*#__PURE__*/ (0, $vecDw$jsxs)($0067ea932a992b6a$var$DefaultProvider, {
319
+ context: (0, $8e847109a6ab556d$export$9afb8bc826b033ea),
320
+ value: {
321
+ slots: {
322
+ [(0, $vecDw$DEFAULT_SLOT)]: {
323
+ styles: (0, $13afb0ea5f0ed767$export$1237798dc640739a)({
324
+ size: size
325
+ })
326
+ }
327
+ }
328
+ },
329
+ children: [
330
+ !isLink && /*#__PURE__*/ (0, $vecDw$jsx)((0, $81cf3d4588736e7d$export$2e2bcd8739ae039), {
331
+ size: size,
332
+ className: (0, $13afb0ea5f0ed767$export$292abbf31ed842a)({
333
+ ...renderProps,
334
+ size: size
335
+ })
336
+ }),
337
+ typeof children === 'string' ? /*#__PURE__*/ (0, $vecDw$jsx)((0, $8e847109a6ab556d$export$5f1af8db9871e1d6), {
338
+ children: children
339
+ }) : children
340
+ ]
341
+ })
342
+ });
343
+ }
344
+ });
345
+ }
346
+ // A Context.Provider that only sets a value if not inside SelectValue.
347
+ function $0067ea932a992b6a$var$DefaultProvider({ context: context, value: value, children: children }) {
348
+ let inSelectValue = (0, $vecDw$useContext)($0067ea932a992b6a$var$InsideSelectValueContext);
349
+ if (inSelectValue) return children;
350
+ return /*#__PURE__*/ (0, $vecDw$jsx)(context.Provider, {
351
+ value: value,
352
+ children: children
353
+ });
354
+ }
355
+
356
+
357
+ export {$0067ea932a992b6a$export$b72b8dade9393cd5 as PickerContext, $0067ea932a992b6a$export$b1e5508a851be14d as menu, $0067ea932a992b6a$export$ba25329847403e11 as Picker, $0067ea932a992b6a$export$d601881f38163e28 as PickerItem};
358
+ //# sourceMappingURL=TabsPicker.mjs.map
@@ -0,0 +1 @@
1
+ {"mappings":"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","sources":["packages/@react-spectrum/s2/src/TabsPicker.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. 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 http://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 PopoverProps as AriaPopoverProps,\n Select as AriaSelect,\n SelectProps as AriaSelectProps,\n Button,\n ContextValue,\n DEFAULT_SLOT,\n ListBox,\n ListBoxItem,\n ListBoxItemProps,\n ListBoxProps,\n Provider,\n SelectValue\n} from 'react-aria-components';\nimport {centerBaseline} from './CenterBaseline';\nimport {\n checkmark,\n description,\n icon,\n iconCenterWrapper,\n label,\n menuitem,\n sectionHeader,\n sectionHeading\n} from './Menu';\nimport CheckmarkIcon from '../ui-icons/Checkmark';\nimport ChevronIcon from '../ui-icons/Chevron';\nimport {edgeToText, focusRing, style} from '../style' with {type: 'macro'};\nimport {fieldInput, StyleProps} from './style-utils' with {type: 'macro'};\nimport {\n FieldLabel\n} from './Field';\nimport {FocusableRef, FocusableRefValue, SpectrumLabelableProps} from '@react-types/shared';\nimport {forwardRefType} from './types';\nimport {HeaderContext, HeadingContext, Text, TextContext} from './Content';\nimport {IconContext} from './Icon';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {Placement} from 'react-aria';\nimport {PopoverBase} from './Popover';\nimport {pressScale} from './pressScale';\nimport {raw} from '../style/style-macro' with {type: 'macro'};\nimport React, {createContext, forwardRef, ReactNode, useContext, useRef} from 'react';\nimport {useFocusableRef} from '@react-spectrum/utils';\nimport {useFormProps} from './Form';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\n\nexport interface PickerStyleProps {\n}\n\nexport interface PickerProps<T extends object> extends\n Omit<AriaSelectProps<T>, 'children' | 'style' | 'className'>,\n PickerStyleProps,\n StyleProps,\n SpectrumLabelableProps,\n Pick<ListBoxProps<T>, 'items'>,\n Pick<AriaPopoverProps, 'shouldFlip'> {\n /** The contents of the collection. */\n children: ReactNode | ((item: T) => ReactNode),\n /**\n * Direction the menu will render relative to the Picker.\n *\n * @default 'bottom'\n */\n direction?: 'bottom' | 'top',\n /**\n * Alignment of the menu relative to the input target.\n *\n * @default 'start'\n */\n align?: 'start' | 'end',\n /** Width of the menu. By default, matches width of the trigger. Note that the minimum width of the dropdown is always equal to the trigger's width. */\n menuWidth?: number,\n /** Density of the tabs, affects the height of the picker. */\n density: 'compact' | 'regular'\n}\n\nexport const PickerContext = createContext<ContextValue<Partial<PickerProps<any>>, FocusableRefValue<HTMLButtonElement>>>(null);\n\nconst inputButton = style({\n ...focusRing(),\n ...fieldInput(),\n outlineStyle: {\n default: 'none',\n isFocusVisible: 'solid'\n },\n position: 'relative',\n font: 'ui',\n display: 'flex',\n textAlign: 'start',\n borderStyle: 'none',\n borderRadius: 'sm',\n alignItems: 'center',\n transition: 'default',\n columnGap: 'text-to-visual',\n paddingX: 0,\n backgroundColor: 'transparent',\n color: {\n default: 'neutral',\n isDisabled: 'disabled'\n },\n maxWidth: {\n isQuiet: 'max'\n },\n disableTapHighlight: true,\n height: {\n default: 48,\n density: {\n compact: 32\n }\n },\n boxSizing: 'border-box'\n});\n\nexport let menu = style({\n outlineStyle: 'none',\n display: 'grid',\n gridTemplateColumns: [edgeToText(32), 'auto', 'auto', 'minmax(0, 1fr)', 'auto', 'auto', 'auto', edgeToText(32)],\n boxSizing: 'border-box',\n maxHeight: '[inherit]',\n overflow: 'auto',\n padding: 8,\n fontFamily: 'sans',\n fontSize: 'control'\n});\n\nconst valueStyles = style({\n flexGrow: 0,\n truncate: true,\n display: 'flex',\n alignItems: 'center',\n height: 'full'\n});\n\nconst iconStyles = style({\n flexShrink: 0,\n rotate: 90,\n '--iconPrimary': {\n type: 'fill',\n value: 'currentColor'\n }\n});\n\nlet InsideSelectValueContext = createContext(false);\n\nfunction Picker<T extends object>(props: PickerProps<T>, ref: FocusableRef<HTMLButtonElement>) {\n let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n [props, ref] = useSpectrumContextProps(props, ref, PickerContext);\n let domRef = useFocusableRef(ref);\n props = useFormProps(props);\n let {\n direction = 'bottom',\n align = 'start',\n shouldFlip = true,\n children,\n items,\n placeholder = stringFormatter.format('picker.placeholder'),\n density,\n ...pickerProps\n } = props;\n let isQuiet = true;\n\n const menuOffset: number = 6;\n const size = 'M';\n\n return (\n <AriaSelect\n {...pickerProps}\n placeholder={placeholder}>\n {({isOpen}) => (\n <>\n <FieldLabel isQuiet={isQuiet} />\n <Button\n ref={domRef}\n style={renderProps => pressScale(domRef)(renderProps)}\n // Prevent press scale from sticking while Picker is open.\n // @ts-ignore\n isPressed={false}\n className={renderProps => inputButton({\n ...renderProps,\n size: 'M',\n isOpen,\n isQuiet,\n density\n })}>\n <SelectValue className={valueStyles + ' ' + raw('&> * {display: none;}')}>\n {({defaultChildren}) => {\n return (\n <Provider\n values={[\n [IconContext, {\n slots: {\n icon: {\n render: centerBaseline({slot: 'icon', styles: iconCenterWrapper}),\n styles: icon\n }\n }\n }],\n [TextContext, {\n slots: {\n // Default slot is useful when converting other collections to PickerItems.\n [DEFAULT_SLOT]: {styles: style({\n display: 'block',\n flexGrow: 1,\n truncate: true\n })}\n }\n }],\n [InsideSelectValueContext, true]\n ]}>\n {defaultChildren}\n </Provider>\n );\n }}\n </SelectValue>\n <ChevronIcon\n size={size}\n className={iconStyles} />\n </Button>\n <PopoverBase\n hideArrow\n offset={menuOffset}\n placement={`${direction} ${align}` as Placement}\n shouldFlip={shouldFlip}\n styles={style({\n marginStart: -12,\n minWidth: 192,\n width: '[calc(var(--trigger-width) + (-2 * self(marginStart)))]'\n })}>\n <Provider\n values={[\n [HeaderContext, {styles: sectionHeader({size})}],\n [HeadingContext, {styles: sectionHeading}],\n [TextContext, {\n slots: {\n description: {styles: description({size})}\n }\n }]\n ]}>\n <ListBox\n items={items}\n className={menu}>\n {children}\n </ListBox>\n </Provider>\n </PopoverBase>\n </>\n )}\n </AriaSelect>\n );\n}\n\n/**\n * Pickers allow users to choose a single option from a collapsible list of options when space is limited.\n */\nlet _Picker = /*#__PURE__*/ (forwardRef as forwardRefType)(Picker);\nexport {_Picker as Picker};\n\nexport interface PickerItemProps extends Omit<ListBoxItemProps, 'children' | 'style' | 'className'>, StyleProps {\n children: ReactNode\n}\n\nexport function PickerItem(props: PickerItemProps) {\n let ref = useRef(null);\n let isLink = props.href != null;\n const size = 'M';\n return (\n <ListBoxItem\n {...props}\n ref={ref}\n textValue={props.textValue || (typeof props.children === 'string' ? props.children as string : undefined)}\n style={pressScale(ref, props.UNSAFE_style)}\n className={renderProps => (props.UNSAFE_className || '') + menuitem({...renderProps, size, isLink}, props.styles)}>\n {(renderProps) => {\n let {children} = props;\n return (\n <DefaultProvider\n context={IconContext}\n value={{slots: {\n icon: {render: centerBaseline({slot: 'icon', styles: iconCenterWrapper}), styles: icon}\n }}}>\n <DefaultProvider\n context={TextContext}\n value={{\n slots: {\n [DEFAULT_SLOT]: {styles: label({size})}\n }\n }}>\n {!isLink && <CheckmarkIcon size={size} className={checkmark({...renderProps, size})} />}\n {typeof children === 'string' ? <Text>{children}</Text> : children}\n </DefaultProvider>\n </DefaultProvider>\n );\n }}\n </ListBoxItem>\n );\n}\n\n// A Context.Provider that only sets a value if not inside SelectValue.\nfunction DefaultProvider({context, value, children}: {context: React.Context<any>, value: any, children: any}) {\n let inSelectValue = useContext(InsideSelectValueContext);\n if (inSelectValue) {\n return children;\n }\n\n return <context.Provider value={value}>{children}</context.Provider>;\n}\n"],"names":[],"version":3,"file":"TabsPicker.mjs.map"}
package/dist/en-US.cjs CHANGED
@@ -20,6 +20,7 @@ module.exports = {
20
20
  "table.sortAscending": `Sort Ascending`,
21
21
  "table.sortDescending": `Sort Descending`,
22
22
  "table.resizeColumn": `Resize column`,
23
+ "tabs.selectorLabel": `Tab selector`,
23
24
  "tag.showAllButtonLabel": (args, formatter)=>`Show all (${formatter.number(args.tagCount)})`,
24
25
  "tag.hideButtonLabel": `Show less`,
25
26
  "tag.actions": `Actions`,
@@ -1 +1 @@
1
- {"mappings":"AAAA,iBAAiB;IAAG,kBAAkB,CAAC,OAAO,CAAC;IAC7C,uBAAuB,CAAC,WAAW,CAAC;IACpC,uBAAuB,CAAC,IAAI,CAAC;IAC7B,kBAAkB,CAAC,OAAO,CAAC;IAC3B,gBAAgB,CAAC,KAAK,CAAC;IACvB,2BAA2B,CAAC,oBAAoB,CAAC;IACjD,wBAAwB,CAAC,KAAK,CAAC;IAC/B,sBAAsB,CAAC,OAAO,CAAC;IAC/B,2BAA2B,CAAC,WAAW,CAAC;IACxC,wBAAwB,CAAC,OAAO,CAAC;IACjC,oBAAoB,CAAC,UAAU,CAAC;IAChC,oBAAoB,CAAC,UAAU,CAAC;IAChC,oBAAoB,CAAC,YAAY,CAAC;IAClC,sBAAsB,CAAC,cAAO,CAAC;IAC/B,kBAAkB,CAAC,OAAO,CAAC;IAC3B,kBAAkB,CAAC,OAAO,CAAC;IAC3B,iBAAiB,CAAC,eAAQ,CAAC;IAC3B,qBAAqB,CAAC,oBAAa,CAAC;IACpC,uBAAuB,CAAC,cAAc,CAAC;IACvC,wBAAwB,CAAC,eAAe,CAAC;IACzC,sBAAsB,CAAC,aAAa,CAAC;IACrC,0BAA0B,CAAC,MAAM,YAAc,CAAC,UAAU,EAAE,UAAU,MAAM,CAAC,KAAK,QAAQ,EAAE,CAAC,CAAC;IAC9F,uBAAuB,CAAC,SAAS,CAAC;IAClC,eAAe,CAAC,OAAO,CAAC;IACxB,cAAc,CAAC,IAAI,CAAC;IACpB,oBAAoB,CAAC,UAAU,CAAC;AAClC","sources":["packages/@react-spectrum/s2/intl/en-US.json"],"sourcesContent":["{\n \"button.pending\": \"pending\",\n \"contextualhelp.info\": \"Information\",\n \"contextualhelp.help\": \"Help\",\n \"dialog.dismiss\": \"Dismiss\",\n \"dialog.alert\": \"Alert\",\n \"dropzone.replaceMessage\": \"Drop file to replace\",\n \"inlinealert.negative\": \"Error\",\n \"inlinealert.notice\": \"Warning\",\n \"inlinealert.informative\": \"Information\",\n \"inlinealert.positive\": \"Success\",\n \"label.(required)\": \"(required)\",\n \"label.(optional)\": \"(optional)\",\n \"menu.moreActions\": \"More actions\",\n \"picker.placeholder\": \"Select…\",\n \"slider.minimum\": \"Minimum\",\n \"slider.maximum\": \"Maximum\",\n \"table.loading\": \"Loading…\",\n \"table.loadingMore\": \"Loading more…\",\n \"table.sortAscending\": \"Sort Ascending\",\n \"table.sortDescending\": \"Sort Descending\",\n \"table.resizeColumn\": \"Resize column\",\n \"tag.showAllButtonLabel\": \"Show all ({tagCount, number})\",\n \"tag.hideButtonLabel\": \"Show less\",\n \"tag.actions\": \"Actions\",\n \"tag.noTags\": \"None\",\n \"breadcrumbs.more\": \"More items\"\n}"],"names":[],"version":3,"file":"en-US.cjs.map"}
1
+ {"mappings":"AAAA,iBAAiB;IAAG,kBAAkB,CAAC,OAAO,CAAC;IAC7C,uBAAuB,CAAC,WAAW,CAAC;IACpC,uBAAuB,CAAC,IAAI,CAAC;IAC7B,kBAAkB,CAAC,OAAO,CAAC;IAC3B,gBAAgB,CAAC,KAAK,CAAC;IACvB,2BAA2B,CAAC,oBAAoB,CAAC;IACjD,wBAAwB,CAAC,KAAK,CAAC;IAC/B,sBAAsB,CAAC,OAAO,CAAC;IAC/B,2BAA2B,CAAC,WAAW,CAAC;IACxC,wBAAwB,CAAC,OAAO,CAAC;IACjC,oBAAoB,CAAC,UAAU,CAAC;IAChC,oBAAoB,CAAC,UAAU,CAAC;IAChC,oBAAoB,CAAC,YAAY,CAAC;IAClC,sBAAsB,CAAC,cAAO,CAAC;IAC/B,kBAAkB,CAAC,OAAO,CAAC;IAC3B,kBAAkB,CAAC,OAAO,CAAC;IAC3B,iBAAiB,CAAC,eAAQ,CAAC;IAC3B,qBAAqB,CAAC,oBAAa,CAAC;IACpC,uBAAuB,CAAC,cAAc,CAAC;IACvC,wBAAwB,CAAC,eAAe,CAAC;IACzC,sBAAsB,CAAC,aAAa,CAAC;IACrC,sBAAsB,CAAC,YAAY,CAAC;IACpC,0BAA0B,CAAC,MAAM,YAAc,CAAC,UAAU,EAAE,UAAU,MAAM,CAAC,KAAK,QAAQ,EAAE,CAAC,CAAC;IAC9F,uBAAuB,CAAC,SAAS,CAAC;IAClC,eAAe,CAAC,OAAO,CAAC;IACxB,cAAc,CAAC,IAAI,CAAC;IACpB,oBAAoB,CAAC,UAAU,CAAC;AAClC","sources":["packages/@react-spectrum/s2/intl/en-US.json"],"sourcesContent":["{\n \"button.pending\": \"pending\",\n \"contextualhelp.info\": \"Information\",\n \"contextualhelp.help\": \"Help\",\n \"dialog.dismiss\": \"Dismiss\",\n \"dialog.alert\": \"Alert\",\n \"dropzone.replaceMessage\": \"Drop file to replace\",\n \"inlinealert.negative\": \"Error\",\n \"inlinealert.notice\": \"Warning\",\n \"inlinealert.informative\": \"Information\",\n \"inlinealert.positive\": \"Success\",\n \"label.(required)\": \"(required)\",\n \"label.(optional)\": \"(optional)\",\n \"menu.moreActions\": \"More actions\",\n \"picker.placeholder\": \"Select…\",\n \"slider.minimum\": \"Minimum\",\n \"slider.maximum\": \"Maximum\",\n \"table.loading\": \"Loading…\",\n \"table.loadingMore\": \"Loading more…\",\n \"table.sortAscending\": \"Sort Ascending\",\n \"table.sortDescending\": \"Sort Descending\",\n \"table.resizeColumn\": \"Resize column\",\n \"tabs.selectorLabel\": \"Tab selector\",\n \"tag.showAllButtonLabel\": \"Show all ({tagCount, number})\",\n \"tag.hideButtonLabel\": \"Show less\",\n \"tag.actions\": \"Actions\",\n \"tag.noTags\": \"None\",\n \"breadcrumbs.more\": \"More items\"\n}"],"names":[],"version":3,"file":"en-US.cjs.map"}
package/dist/en-US.mjs CHANGED
@@ -21,6 +21,7 @@ $bcc564d4d3eacf1e$exports = {
21
21
  "table.sortAscending": `Sort Ascending`,
22
22
  "table.sortDescending": `Sort Descending`,
23
23
  "table.resizeColumn": `Resize column`,
24
+ "tabs.selectorLabel": `Tab selector`,
24
25
  "tag.showAllButtonLabel": (args, formatter)=>`Show all (${formatter.number(args.tagCount)})`,
25
26
  "tag.hideButtonLabel": `Show less`,
26
27
  "tag.actions": `Actions`,
@@ -1 +1 @@
1
- {"mappings":";AAAA,4BAAiB;IAAG,kBAAkB,CAAC,OAAO,CAAC;IAC7C,uBAAuB,CAAC,WAAW,CAAC;IACpC,uBAAuB,CAAC,IAAI,CAAC;IAC7B,kBAAkB,CAAC,OAAO,CAAC;IAC3B,gBAAgB,CAAC,KAAK,CAAC;IACvB,2BAA2B,CAAC,oBAAoB,CAAC;IACjD,wBAAwB,CAAC,KAAK,CAAC;IAC/B,sBAAsB,CAAC,OAAO,CAAC;IAC/B,2BAA2B,CAAC,WAAW,CAAC;IACxC,wBAAwB,CAAC,OAAO,CAAC;IACjC,oBAAoB,CAAC,UAAU,CAAC;IAChC,oBAAoB,CAAC,UAAU,CAAC;IAChC,oBAAoB,CAAC,YAAY,CAAC;IAClC,sBAAsB,CAAC,cAAO,CAAC;IAC/B,kBAAkB,CAAC,OAAO,CAAC;IAC3B,kBAAkB,CAAC,OAAO,CAAC;IAC3B,iBAAiB,CAAC,eAAQ,CAAC;IAC3B,qBAAqB,CAAC,oBAAa,CAAC;IACpC,uBAAuB,CAAC,cAAc,CAAC;IACvC,wBAAwB,CAAC,eAAe,CAAC;IACzC,sBAAsB,CAAC,aAAa,CAAC;IACrC,0BAA0B,CAAC,MAAM,YAAc,CAAC,UAAU,EAAE,UAAU,MAAM,CAAC,KAAK,QAAQ,EAAE,CAAC,CAAC;IAC9F,uBAAuB,CAAC,SAAS,CAAC;IAClC,eAAe,CAAC,OAAO,CAAC;IACxB,cAAc,CAAC,IAAI,CAAC;IACpB,oBAAoB,CAAC,UAAU,CAAC;AAClC","sources":["packages/@react-spectrum/s2/intl/en-US.json"],"sourcesContent":["{\n \"button.pending\": \"pending\",\n \"contextualhelp.info\": \"Information\",\n \"contextualhelp.help\": \"Help\",\n \"dialog.dismiss\": \"Dismiss\",\n \"dialog.alert\": \"Alert\",\n \"dropzone.replaceMessage\": \"Drop file to replace\",\n \"inlinealert.negative\": \"Error\",\n \"inlinealert.notice\": \"Warning\",\n \"inlinealert.informative\": \"Information\",\n \"inlinealert.positive\": \"Success\",\n \"label.(required)\": \"(required)\",\n \"label.(optional)\": \"(optional)\",\n \"menu.moreActions\": \"More actions\",\n \"picker.placeholder\": \"Select…\",\n \"slider.minimum\": \"Minimum\",\n \"slider.maximum\": \"Maximum\",\n \"table.loading\": \"Loading…\",\n \"table.loadingMore\": \"Loading more…\",\n \"table.sortAscending\": \"Sort Ascending\",\n \"table.sortDescending\": \"Sort Descending\",\n \"table.resizeColumn\": \"Resize column\",\n \"tag.showAllButtonLabel\": \"Show all ({tagCount, number})\",\n \"tag.hideButtonLabel\": \"Show less\",\n \"tag.actions\": \"Actions\",\n \"tag.noTags\": \"None\",\n \"breadcrumbs.more\": \"More items\"\n}"],"names":[],"version":3,"file":"en-US.mjs.map"}
1
+ {"mappings":";AAAA,4BAAiB;IAAG,kBAAkB,CAAC,OAAO,CAAC;IAC7C,uBAAuB,CAAC,WAAW,CAAC;IACpC,uBAAuB,CAAC,IAAI,CAAC;IAC7B,kBAAkB,CAAC,OAAO,CAAC;IAC3B,gBAAgB,CAAC,KAAK,CAAC;IACvB,2BAA2B,CAAC,oBAAoB,CAAC;IACjD,wBAAwB,CAAC,KAAK,CAAC;IAC/B,sBAAsB,CAAC,OAAO,CAAC;IAC/B,2BAA2B,CAAC,WAAW,CAAC;IACxC,wBAAwB,CAAC,OAAO,CAAC;IACjC,oBAAoB,CAAC,UAAU,CAAC;IAChC,oBAAoB,CAAC,UAAU,CAAC;IAChC,oBAAoB,CAAC,YAAY,CAAC;IAClC,sBAAsB,CAAC,cAAO,CAAC;IAC/B,kBAAkB,CAAC,OAAO,CAAC;IAC3B,kBAAkB,CAAC,OAAO,CAAC;IAC3B,iBAAiB,CAAC,eAAQ,CAAC;IAC3B,qBAAqB,CAAC,oBAAa,CAAC;IACpC,uBAAuB,CAAC,cAAc,CAAC;IACvC,wBAAwB,CAAC,eAAe,CAAC;IACzC,sBAAsB,CAAC,aAAa,CAAC;IACrC,sBAAsB,CAAC,YAAY,CAAC;IACpC,0BAA0B,CAAC,MAAM,YAAc,CAAC,UAAU,EAAE,UAAU,MAAM,CAAC,KAAK,QAAQ,EAAE,CAAC,CAAC;IAC9F,uBAAuB,CAAC,SAAS,CAAC;IAClC,eAAe,CAAC,OAAO,CAAC;IACxB,cAAc,CAAC,IAAI,CAAC;IACpB,oBAAoB,CAAC,UAAU,CAAC;AAClC","sources":["packages/@react-spectrum/s2/intl/en-US.json"],"sourcesContent":["{\n \"button.pending\": \"pending\",\n \"contextualhelp.info\": \"Information\",\n \"contextualhelp.help\": \"Help\",\n \"dialog.dismiss\": \"Dismiss\",\n \"dialog.alert\": \"Alert\",\n \"dropzone.replaceMessage\": \"Drop file to replace\",\n \"inlinealert.negative\": \"Error\",\n \"inlinealert.notice\": \"Warning\",\n \"inlinealert.informative\": \"Information\",\n \"inlinealert.positive\": \"Success\",\n \"label.(required)\": \"(required)\",\n \"label.(optional)\": \"(optional)\",\n \"menu.moreActions\": \"More actions\",\n \"picker.placeholder\": \"Select…\",\n \"slider.minimum\": \"Minimum\",\n \"slider.maximum\": \"Maximum\",\n \"table.loading\": \"Loading…\",\n \"table.loadingMore\": \"Loading more…\",\n \"table.sortAscending\": \"Sort Ascending\",\n \"table.sortDescending\": \"Sort Descending\",\n \"table.resizeColumn\": \"Resize column\",\n \"tabs.selectorLabel\": \"Tab selector\",\n \"tag.showAllButtonLabel\": \"Show all ({tagCount, number})\",\n \"tag.hideButtonLabel\": \"Show less\",\n \"tag.actions\": \"Actions\",\n \"tag.noTags\": \"None\",\n \"breadcrumbs.more\": \"More items\"\n}"],"names":[],"version":3,"file":"en-US.mjs.map"}
package/dist/he-IL.cjs CHANGED
@@ -21,6 +21,7 @@ module.exports = {
21
21
  "table.resizeColumn": `\u{5E9}\u{5E0}\u{5D4} \u{5D0}\u{5EA} \u{5D2}\u{5D5}\u{5D3}\u{5DC} \u{5D4}\u{5E2}\u{5DE}\u{5D5}\u{5D3}\u{5D4}`,
22
22
  "table.sortAscending": `\u{5DE}\u{5D9}\u{5D9}\u{5DF} \u{5D1}\u{5E1}\u{5D3}\u{5E8} \u{5E2}\u{5D5}\u{5DC}\u{5D4}`,
23
23
  "table.sortDescending": `\u{5DE}\u{5D9}\u{5D9}\u{5DF} \u{5D1}\u{5E1}\u{5D3}\u{5E8} \u{5D9}\u{5D5}\u{5E8}\u{5D3}`,
24
+ "tabs.selectorLabel": `Tab selector`,
24
25
  "tag.actions": `\u{5E4}\u{5E2}\u{5D5}\u{5DC}\u{5D5}\u{5EA}`,
25
26
  "tag.hideButtonLabel": `\u{5D4}\u{5E6}\u{5D2} \u{5E4}\u{5D7}\u{5D5}\u{5EA}`,
26
27
  "tag.noTags": `\u{5DC}\u{5DC}\u{5D0}`,
@@ -1 +1 @@
1
- {"mappings":"AAAA,iBAAiB;IAAG,oBAAoB,CAAC,qFAAa,CAAC;IACrD,kBAAkB,CAAC,2CAAO,CAAC;IAC3B,uBAAuB,CAAC,4BAAI,CAAC;IAC7B,uBAAuB,CAAC,4BAAI,CAAC;IAC7B,gBAAgB,CAAC,mCAAK,CAAC;IACvB,kBAAkB,CAAC,mCAAK,CAAC;IACzB,2BAA2B,CAAC,0HAAoB,CAAC;IACjD,2BAA2B,CAAC,4BAAI,CAAC;IACjC,wBAAwB,CAAC,mCAAK,CAAC;IAC/B,sBAAsB,CAAC,mCAAK,CAAC;IAC7B,wBAAwB,CAAC,mCAAK,CAAC;IAC/B,oBAAoB,CAAC,iEAAW,CAAC;IACjC,oBAAoB,CAAC,8BAAM,CAAC;IAC5B,oBAAoB,CAAC,qFAAa,CAAC;IACnC,sBAAsB,CAAC,6BAAI,CAAC;IAC5B,kBAAkB,CAAC,iDAAO,CAAC;IAC3B,kBAAkB,CAAC,iDAAO,CAAC;IAC3B,iBAAiB,CAAC,+BAAO,CAAC;IAC1B,qBAAqB,CAAC,qDAAW,CAAC;IAClC,sBAAsB,CAAC,4GAAkB,CAAC;IAC1C,uBAAuB,CAAC,sFAAc,CAAC;IACvC,wBAAwB,CAAC,sFAAc,CAAC;IACxC,eAAe,CAAC,0CAAM,CAAC;IACvB,uBAAuB,CAAC,kDAAQ,CAAC;IACjC,cAAc,CAAC,qBAAG,CAAC;IACnB,0BAA0B,CAAC,MAAM,YAAc,CAAC,6CAAS,EAAE,UAAU,MAAM,CAAC,KAAK,QAAQ,EAAE,CAAC,CAAC;AAC/F","sources":["packages/@react-spectrum/s2/intl/he-IL.json"],"sourcesContent":["{\n \"breadcrumbs.more\": \"פריטים נוספים\",\n \"button.pending\": \"ממתין ל\",\n \"contextualhelp.help\": \"עזרה\",\n \"contextualhelp.info\": \"מידע\",\n \"dialog.alert\": \"התראה\",\n \"dialog.dismiss\": \"התעלם\",\n \"dropzone.replaceMessage\": \"שחרר את הקובץ להחלפה\",\n \"inlinealert.informative\": \"מידע\",\n \"inlinealert.negative\": \"שגיאה\",\n \"inlinealert.notice\": \"אזהרה\",\n \"inlinealert.positive\": \"הצלחה\",\n \"label.(optional)\": \"(אופציונלי)\",\n \"label.(required)\": \"(נדרש)\",\n \"menu.moreActions\": \"פעולות נוספות\",\n \"picker.placeholder\": \"בחר…\",\n \"slider.maximum\": \"מקסימום\",\n \"slider.minimum\": \"מינימום\",\n \"table.loading\": \"טוען...\",\n \"table.loadingMore\": \"טוען עוד...\",\n \"table.resizeColumn\": \"שנה את גודל העמודה\",\n \"table.sortAscending\": \"מיין בסדר עולה\",\n \"table.sortDescending\": \"מיין בסדר יורד\",\n \"tag.actions\": \"פעולות\",\n \"tag.hideButtonLabel\": \"הצג פחות\",\n \"tag.noTags\": \"ללא\",\n \"tag.showAllButtonLabel\": \"הצג הכל ({tagCount, number})\"\n}\n"],"names":[],"version":3,"file":"he-IL.cjs.map"}
1
+ {"mappings":"AAAA,iBAAiB;IAAG,oBAAoB,CAAC,qFAAa,CAAC;IACrD,kBAAkB,CAAC,2CAAO,CAAC;IAC3B,uBAAuB,CAAC,4BAAI,CAAC;IAC7B,uBAAuB,CAAC,4BAAI,CAAC;IAC7B,gBAAgB,CAAC,mCAAK,CAAC;IACvB,kBAAkB,CAAC,mCAAK,CAAC;IACzB,2BAA2B,CAAC,0HAAoB,CAAC;IACjD,2BAA2B,CAAC,4BAAI,CAAC;IACjC,wBAAwB,CAAC,mCAAK,CAAC;IAC/B,sBAAsB,CAAC,mCAAK,CAAC;IAC7B,wBAAwB,CAAC,mCAAK,CAAC;IAC/B,oBAAoB,CAAC,iEAAW,CAAC;IACjC,oBAAoB,CAAC,8BAAM,CAAC;IAC5B,oBAAoB,CAAC,qFAAa,CAAC;IACnC,sBAAsB,CAAC,6BAAI,CAAC;IAC5B,kBAAkB,CAAC,iDAAO,CAAC;IAC3B,kBAAkB,CAAC,iDAAO,CAAC;IAC3B,iBAAiB,CAAC,+BAAO,CAAC;IAC1B,qBAAqB,CAAC,qDAAW,CAAC;IAClC,sBAAsB,CAAC,4GAAkB,CAAC;IAC1C,uBAAuB,CAAC,sFAAc,CAAC;IACvC,wBAAwB,CAAC,sFAAc,CAAC;IACxC,sBAAsB,CAAC,YAAY,CAAC;IACpC,eAAe,CAAC,0CAAM,CAAC;IACvB,uBAAuB,CAAC,kDAAQ,CAAC;IACjC,cAAc,CAAC,qBAAG,CAAC;IACnB,0BAA0B,CAAC,MAAM,YAAc,CAAC,6CAAS,EAAE,UAAU,MAAM,CAAC,KAAK,QAAQ,EAAE,CAAC,CAAC;AAC/F","sources":["packages/@react-spectrum/s2/intl/he-IL.json"],"sourcesContent":["{\n \"breadcrumbs.more\": \"פריטים נוספים\",\n \"button.pending\": \"ממתין ל\",\n \"contextualhelp.help\": \"עזרה\",\n \"contextualhelp.info\": \"מידע\",\n \"dialog.alert\": \"התראה\",\n \"dialog.dismiss\": \"התעלם\",\n \"dropzone.replaceMessage\": \"שחרר את הקובץ להחלפה\",\n \"inlinealert.informative\": \"מידע\",\n \"inlinealert.negative\": \"שגיאה\",\n \"inlinealert.notice\": \"אזהרה\",\n \"inlinealert.positive\": \"הצלחה\",\n \"label.(optional)\": \"(אופציונלי)\",\n \"label.(required)\": \"(נדרש)\",\n \"menu.moreActions\": \"פעולות נוספות\",\n \"picker.placeholder\": \"בחר…\",\n \"slider.maximum\": \"מקסימום\",\n \"slider.minimum\": \"מינימום\",\n \"table.loading\": \"טוען...\",\n \"table.loadingMore\": \"טוען עוד...\",\n \"table.resizeColumn\": \"שנה את גודל העמודה\",\n \"table.sortAscending\": \"מיין בסדר עולה\",\n \"table.sortDescending\": \"מיין בסדר יורד\",\n \"tabs.selectorLabel\": \"Tab selector\",\n \"tag.actions\": \"פעולות\",\n \"tag.hideButtonLabel\": \"הצג פחות\",\n \"tag.noTags\": \"ללא\",\n \"tag.showAllButtonLabel\": \"הצג הכל ({tagCount, number})\"\n}\n"],"names":[],"version":3,"file":"he-IL.cjs.map"}
package/dist/he-IL.mjs CHANGED
@@ -22,6 +22,7 @@ $29464cad227deaf3$exports = {
22
22
  "table.resizeColumn": `\u{5E9}\u{5E0}\u{5D4} \u{5D0}\u{5EA} \u{5D2}\u{5D5}\u{5D3}\u{5DC} \u{5D4}\u{5E2}\u{5DE}\u{5D5}\u{5D3}\u{5D4}`,
23
23
  "table.sortAscending": `\u{5DE}\u{5D9}\u{5D9}\u{5DF} \u{5D1}\u{5E1}\u{5D3}\u{5E8} \u{5E2}\u{5D5}\u{5DC}\u{5D4}`,
24
24
  "table.sortDescending": `\u{5DE}\u{5D9}\u{5D9}\u{5DF} \u{5D1}\u{5E1}\u{5D3}\u{5E8} \u{5D9}\u{5D5}\u{5E8}\u{5D3}`,
25
+ "tabs.selectorLabel": `Tab selector`,
25
26
  "tag.actions": `\u{5E4}\u{5E2}\u{5D5}\u{5DC}\u{5D5}\u{5EA}`,
26
27
  "tag.hideButtonLabel": `\u{5D4}\u{5E6}\u{5D2} \u{5E4}\u{5D7}\u{5D5}\u{5EA}`,
27
28
  "tag.noTags": `\u{5DC}\u{5DC}\u{5D0}`,
@@ -1 +1 @@
1
- {"mappings":";AAAA,4BAAiB;IAAG,oBAAoB,CAAC,qFAAa,CAAC;IACrD,kBAAkB,CAAC,2CAAO,CAAC;IAC3B,uBAAuB,CAAC,4BAAI,CAAC;IAC7B,uBAAuB,CAAC,4BAAI,CAAC;IAC7B,gBAAgB,CAAC,mCAAK,CAAC;IACvB,kBAAkB,CAAC,mCAAK,CAAC;IACzB,2BAA2B,CAAC,0HAAoB,CAAC;IACjD,2BAA2B,CAAC,4BAAI,CAAC;IACjC,wBAAwB,CAAC,mCAAK,CAAC;IAC/B,sBAAsB,CAAC,mCAAK,CAAC;IAC7B,wBAAwB,CAAC,mCAAK,CAAC;IAC/B,oBAAoB,CAAC,iEAAW,CAAC;IACjC,oBAAoB,CAAC,8BAAM,CAAC;IAC5B,oBAAoB,CAAC,qFAAa,CAAC;IACnC,sBAAsB,CAAC,6BAAI,CAAC;IAC5B,kBAAkB,CAAC,iDAAO,CAAC;IAC3B,kBAAkB,CAAC,iDAAO,CAAC;IAC3B,iBAAiB,CAAC,+BAAO,CAAC;IAC1B,qBAAqB,CAAC,qDAAW,CAAC;IAClC,sBAAsB,CAAC,4GAAkB,CAAC;IAC1C,uBAAuB,CAAC,sFAAc,CAAC;IACvC,wBAAwB,CAAC,sFAAc,CAAC;IACxC,eAAe,CAAC,0CAAM,CAAC;IACvB,uBAAuB,CAAC,kDAAQ,CAAC;IACjC,cAAc,CAAC,qBAAG,CAAC;IACnB,0BAA0B,CAAC,MAAM,YAAc,CAAC,6CAAS,EAAE,UAAU,MAAM,CAAC,KAAK,QAAQ,EAAE,CAAC,CAAC;AAC/F","sources":["packages/@react-spectrum/s2/intl/he-IL.json"],"sourcesContent":["{\n \"breadcrumbs.more\": \"פריטים נוספים\",\n \"button.pending\": \"ממתין ל\",\n \"contextualhelp.help\": \"עזרה\",\n \"contextualhelp.info\": \"מידע\",\n \"dialog.alert\": \"התראה\",\n \"dialog.dismiss\": \"התעלם\",\n \"dropzone.replaceMessage\": \"שחרר את הקובץ להחלפה\",\n \"inlinealert.informative\": \"מידע\",\n \"inlinealert.negative\": \"שגיאה\",\n \"inlinealert.notice\": \"אזהרה\",\n \"inlinealert.positive\": \"הצלחה\",\n \"label.(optional)\": \"(אופציונלי)\",\n \"label.(required)\": \"(נדרש)\",\n \"menu.moreActions\": \"פעולות נוספות\",\n \"picker.placeholder\": \"בחר…\",\n \"slider.maximum\": \"מקסימום\",\n \"slider.minimum\": \"מינימום\",\n \"table.loading\": \"טוען...\",\n \"table.loadingMore\": \"טוען עוד...\",\n \"table.resizeColumn\": \"שנה את גודל העמודה\",\n \"table.sortAscending\": \"מיין בסדר עולה\",\n \"table.sortDescending\": \"מיין בסדר יורד\",\n \"tag.actions\": \"פעולות\",\n \"tag.hideButtonLabel\": \"הצג פחות\",\n \"tag.noTags\": \"ללא\",\n \"tag.showAllButtonLabel\": \"הצג הכל ({tagCount, number})\"\n}\n"],"names":[],"version":3,"file":"he-IL.mjs.map"}
1
+ {"mappings":";AAAA,4BAAiB;IAAG,oBAAoB,CAAC,qFAAa,CAAC;IACrD,kBAAkB,CAAC,2CAAO,CAAC;IAC3B,uBAAuB,CAAC,4BAAI,CAAC;IAC7B,uBAAuB,CAAC,4BAAI,CAAC;IAC7B,gBAAgB,CAAC,mCAAK,CAAC;IACvB,kBAAkB,CAAC,mCAAK,CAAC;IACzB,2BAA2B,CAAC,0HAAoB,CAAC;IACjD,2BAA2B,CAAC,4BAAI,CAAC;IACjC,wBAAwB,CAAC,mCAAK,CAAC;IAC/B,sBAAsB,CAAC,mCAAK,CAAC;IAC7B,wBAAwB,CAAC,mCAAK,CAAC;IAC/B,oBAAoB,CAAC,iEAAW,CAAC;IACjC,oBAAoB,CAAC,8BAAM,CAAC;IAC5B,oBAAoB,CAAC,qFAAa,CAAC;IACnC,sBAAsB,CAAC,6BAAI,CAAC;IAC5B,kBAAkB,CAAC,iDAAO,CAAC;IAC3B,kBAAkB,CAAC,iDAAO,CAAC;IAC3B,iBAAiB,CAAC,+BAAO,CAAC;IAC1B,qBAAqB,CAAC,qDAAW,CAAC;IAClC,sBAAsB,CAAC,4GAAkB,CAAC;IAC1C,uBAAuB,CAAC,sFAAc,CAAC;IACvC,wBAAwB,CAAC,sFAAc,CAAC;IACxC,sBAAsB,CAAC,YAAY,CAAC;IACpC,eAAe,CAAC,0CAAM,CAAC;IACvB,uBAAuB,CAAC,kDAAQ,CAAC;IACjC,cAAc,CAAC,qBAAG,CAAC;IACnB,0BAA0B,CAAC,MAAM,YAAc,CAAC,6CAAS,EAAE,UAAU,MAAM,CAAC,KAAK,QAAQ,EAAE,CAAC,CAAC;AAC/F","sources":["packages/@react-spectrum/s2/intl/he-IL.json"],"sourcesContent":["{\n \"breadcrumbs.more\": \"פריטים נוספים\",\n \"button.pending\": \"ממתין ל\",\n \"contextualhelp.help\": \"עזרה\",\n \"contextualhelp.info\": \"מידע\",\n \"dialog.alert\": \"התראה\",\n \"dialog.dismiss\": \"התעלם\",\n \"dropzone.replaceMessage\": \"שחרר את הקובץ להחלפה\",\n \"inlinealert.informative\": \"מידע\",\n \"inlinealert.negative\": \"שגיאה\",\n \"inlinealert.notice\": \"אזהרה\",\n \"inlinealert.positive\": \"הצלחה\",\n \"label.(optional)\": \"(אופציונלי)\",\n \"label.(required)\": \"(נדרש)\",\n \"menu.moreActions\": \"פעולות נוספות\",\n \"picker.placeholder\": \"בחר…\",\n \"slider.maximum\": \"מקסימום\",\n \"slider.minimum\": \"מינימום\",\n \"table.loading\": \"טוען...\",\n \"table.loadingMore\": \"טוען עוד...\",\n \"table.resizeColumn\": \"שנה את גודל העמודה\",\n \"table.sortAscending\": \"מיין בסדר עולה\",\n \"table.sortDescending\": \"מיין בסדר יורד\",\n \"tabs.selectorLabel\": \"Tab selector\",\n \"tag.actions\": \"פעולות\",\n \"tag.hideButtonLabel\": \"הצג פחות\",\n \"tag.noTags\": \"ללא\",\n \"tag.showAllButtonLabel\": \"הצג הכל ({tagCount, number})\"\n}\n"],"names":[],"version":3,"file":"he-IL.mjs.map"}
package/dist/types.d.ts CHANGED
@@ -1517,14 +1517,16 @@ export interface TabsProps extends Omit<_TabsProps1, 'className' | 'style' | 'ch
1517
1517
  * @default 'regular'
1518
1518
  */
1519
1519
  density?: 'compact' | 'regular';
1520
+ /**
1521
+ * If the tabs should only display icons and no text.
1522
+ */
1523
+ iconOnly?: boolean;
1520
1524
  }
1521
1525
  export interface TabProps extends Omit<_TabProps1, 'children' | 'style' | 'className'>, StyleProps {
1522
1526
  /** The content to display in the tab. */
1523
- children?: ReactNode;
1527
+ children: ReactNode;
1524
1528
  }
1525
- export interface TabListProps<T> extends Omit<_TabListProps1<T>, 'children' | 'style' | 'className'>, StyleProps {
1526
- /** The content to display in the tablist. */
1527
- children?: ReactNode;
1529
+ export interface TabListProps<T> extends Omit<_TabListProps1<T>, 'style' | 'className'>, StyleProps {
1528
1530
  }
1529
1531
  export interface TabPanelProps extends Omit<_TabPanelProps1, 'children' | 'style' | 'className'>, UnsafeStyles {
1530
1532
  /** Spectrum-defined styles, returned by the `style()` macro. */
@@ -1533,13 +1535,13 @@ export interface TabPanelProps extends Omit<_TabPanelProps1, 'children' | 'style
1533
1535
  children?: ReactNode;
1534
1536
  }
1535
1537
  export const TabsContext: Context<ContextValue<TabsProps, DOMRefValue<HTMLDivElement>>>;
1536
- export function TabPanel(props: TabPanelProps): JSX.Element;
1537
- export function Tab(props: TabProps): JSX.Element;
1538
- export function TabList<T extends object>(props: TabListProps<T>): JSX.Element;
1539
1538
  /**
1540
1539
  * Tabs organize content into multiple sections and allow users to navigate between them. The content under the set of tabs should be related and form a coherent unit.
1541
1540
  */
1542
1541
  export const Tabs: ForwardRefExoticComponent<TabsProps & RefAttributes<DOMRefValue<HTMLDivElement>>>;
1542
+ export function TabList<T extends object>(props: TabListProps<T>): JSX.Element;
1543
+ export function Tab(props: TabProps): JSX.Element;
1544
+ export function TabPanel(props: TabPanelProps): JSX.Element;
1543
1545
  export interface TagProps extends Omit<_TagProps1, 'children' | 'style' | 'className'> {
1544
1546
  /** The children of the tag. */
1545
1547
  children?: ReactNode;