plass-ui 1.5.0 → 1.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +336 -0
- package/README.md +29 -7
- package/dist/components/accordion/PlAccordion.d.ts +13 -0
- package/dist/components/accordion/PlAccordion.js +1 -1
- package/dist/components/accordion/index.d.ts +1 -1
- package/dist/components/alert/PlAlert.js +1 -1
- package/dist/components/animate-counter/PlAnimateCounter.js +1 -1
- package/dist/components/animate-float/PlAnimateFloat.js +1 -1
- package/dist/components/animate-headline/PlAnimateHeadline.d.ts +10 -1
- package/dist/components/animate-marquee/PlAnimateMarquee.d.ts +11 -1
- package/dist/components/animate-marquee/PlAnimateMarquee.js +1 -1
- package/dist/components/animate-scramble/PlAnimateScramble.js +1 -1
- package/dist/components/animate-split/PlAnimateSplit.js +1 -1
- package/dist/components/animate-typing/PlAnimateTyping.js +1 -1
- package/dist/components/app-logo/PlAppLogo.js +1 -1
- package/dist/components/area-chart/PlAreaChart.d.ts +35 -6
- package/dist/components/area-chart/PlAreaChart.js +1 -1
- package/dist/components/aspect-ratio/PlAspectRatio.js +1 -1
- package/dist/components/avatar/PlAvatar.js +1 -1
- package/dist/components/back-top/PlBackTop.d.ts +6 -0
- package/dist/components/back-top/PlBackTop.js +1 -1
- package/dist/components/badge/PlBadge.js +1 -1
- package/dist/components/bar-chart/PlBarChart.d.ts +54 -2
- package/dist/components/bar-chart/PlBarChart.js +1 -1
- package/dist/components/blockquote/PlBlockquote.d.ts +2 -2
- package/dist/components/blockquote/PlBlockquote.js +1 -1
- package/dist/components/bottom-navigation/PlBottomNavigation.js +1 -1
- package/dist/components/breadcrumb/PlBreadcrumb.js +1 -1
- package/dist/components/button/PlButton.d.ts +7 -0
- package/dist/components/button/PlButton.js +1 -1
- package/dist/components/calendar/PlCalendar.js +1 -1
- package/dist/components/card/PlCard.d.ts +7 -4
- package/dist/components/carousel/PlCarousel.d.ts +14 -4
- package/dist/components/carousel/PlCarousel.js +1 -1
- package/dist/components/chat-bubble/PlChatBubble.js +1 -1
- package/dist/components/checkbox/PlCheckbox.js +1 -1
- package/dist/components/chip/PlChip.d.ts +2 -1
- package/dist/components/chip/PlChip.js +1 -1
- package/dist/components/collapsible/PlCollapsible.d.ts +11 -0
- package/dist/components/collapsible/PlCollapsible.js +1 -1
- package/dist/components/color-picker/PlColorPicker.d.ts +21 -2
- package/dist/components/color-picker/PlColorPicker.js +1 -1
- package/dist/components/combobox/PlCombobox.d.ts +18 -6
- package/dist/components/combobox/PlCombobox.js +1 -1
- package/dist/components/command-palette/PlCommandPalette.js +1 -1
- package/dist/components/confirm/PlConfirmProvider.js +1 -1
- package/dist/components/data-table/PlDataTable.d.ts +13 -2
- package/dist/components/data-table/PlDataTable.js +1 -1
- package/dist/components/date-picker/PlDatePicker.js +1 -1
- package/dist/components/date-range-picker/PlDateRangePicker.js +1 -1
- package/dist/components/drawer/PlDrawer.js +1 -1
- package/dist/components/empty/PlEmpty.js +1 -1
- package/dist/components/fieldset/PlFieldset.js +1 -1
- package/dist/components/file-picker/PlFilePicker.d.ts +20 -2
- package/dist/components/file-picker/PlFilePicker.js +1 -1
- package/dist/components/floating-action-button/PlFloatingActionButton.d.ts +5 -0
- package/dist/components/floating-action-button/PlFloatingActionButton.js +1 -1
- package/dist/components/floating-bottom-navigation/PlFloatingBottomNavigation.js +1 -1
- package/dist/components/footer/PlFooter.d.ts +3 -1
- package/dist/components/gallery/PlGallery.js +1 -1
- package/dist/components/gauge-chart/PlGaugeChart.js +1 -1
- package/dist/components/header/PlHeader.d.ts +4 -2
- package/dist/components/header/PlHeader.js +1 -1
- package/dist/components/heatmap-chart/PlHeatmapChart.js +1 -1
- package/dist/components/highlight/PlHighlight.d.ts +10 -3
- package/dist/components/hover-card/PlHoverCard.js +1 -1
- package/dist/components/how-to-steps/PlHowToSteps.js +1 -1
- package/dist/components/image/PlImage.js +1 -1
- package/dist/components/line-chart/PlLineChart.d.ts +32 -6
- package/dist/components/line-chart/PlLineChart.js +1 -1
- package/dist/components/list/PlList.js +1 -1
- package/dist/components/menu/PlMenu.js +1 -1
- package/dist/components/mockup/PlMockup.d.ts +5 -0
- package/dist/components/mockup/PlMockup.js +1 -1
- package/dist/components/modal/PlModal.js +1 -1
- package/dist/components/navigation-menu/PlNavigationMenu.d.ts +4 -3
- package/dist/components/navigation-menu/PlNavigationMenu.js +1 -1
- package/dist/components/number-field/PlNumberField.d.ts +14 -4
- package/dist/components/number-field/PlNumberField.js +1 -1
- package/dist/components/otp-field/PlOtpField.d.ts +9 -1
- package/dist/components/otp-field/PlOtpField.js +1 -1
- package/dist/components/overlay/PlOverlay.js +1 -1
- package/dist/components/page-layout/PlPageLayout.d.ts +14 -3
- package/dist/components/page-layout/PlPageLayout.js +1 -1
- package/dist/components/pagination/PlPagination.js +1 -1
- package/dist/components/panes/PlPanes.js +1 -1
- package/dist/components/pie-chart/PlPieChart.d.ts +26 -1
- package/dist/components/pie-chart/PlPieChart.js +1 -1
- package/dist/components/pill/PlPill.js +1 -1
- package/dist/components/popconfirm/PlPopconfirm.d.ts +8 -1
- package/dist/components/popconfirm/PlPopconfirm.js +1 -1
- package/dist/components/popover/PlPopover.js +1 -1
- package/dist/components/progress-box/PlProgressBox.js +1 -1
- package/dist/components/progress-circular/PlProgressCircular.js +1 -1
- package/dist/components/progress-linear/PlProgressLinear.js +1 -1
- package/dist/components/radio-group/PlRadioGroup.js +1 -1
- package/dist/components/rating/PlRating.js +1 -1
- package/dist/components/scatter-chart/PlScatterChart.js +1 -1
- package/dist/components/scroll-area/PlScrollArea.js +1 -1
- package/dist/components/segmented-button/PlSegmentedButton.js +1 -1
- package/dist/components/select/PlSelect.d.ts +11 -2
- package/dist/components/select/PlSelect.js +1 -1
- package/dist/components/sidebar/PlSidebar.js +1 -1
- package/dist/components/slider/PlSlider.js +1 -1
- package/dist/components/sparkline/PlSparkline.js +1 -1
- package/dist/components/stepper/PlStepper.js +1 -1
- package/dist/components/switch/PlSwitch.js +1 -1
- package/dist/components/table/PlTable.d.ts +11 -1
- package/dist/components/table/PlTable.js +1 -1
- package/dist/components/tabs/PlTabs.d.ts +18 -1
- package/dist/components/tabs/PlTabs.js +1 -1
- package/dist/components/text-field/PlTextField.d.ts +13 -5
- package/dist/components/text-field/PlTextField.js +1 -1
- package/dist/components/text-link/PlTextLink.js +1 -1
- package/dist/components/timeline/PlTimeline.js +1 -1
- package/dist/components/timeline-chart/PlTimelineChart.js +1 -1
- package/dist/components/toast/PlToast.js +1 -1
- package/dist/components/toggle/PlToggle.js +1 -1
- package/dist/components/tooltip/PlTooltip.d.ts +4 -0
- package/dist/components/tooltip/PlTooltip.js +1 -1
- package/dist/components/tour/PlTour.js +1 -1
- package/dist/components/transfer/PlTransfer.d.ts +5 -2
- package/dist/components/transfer/PlTransfer.js +1 -1
- package/dist/components/tree/PlTree.js +1 -1
- package/dist/components/tree-select/PlTreeSelect.js +1 -1
- package/dist/components/typography/PlTypography.js +1 -1
- package/dist/components/window-pane/PlWindowPane.d.ts +16 -6
- package/dist/components/window-pane/PlWindowPane.js +1 -1
- package/dist/internal/animate.d.ts +0 -25
- package/dist/internal/animate.js +1 -1
- package/dist/internal/bottom-bar.d.ts +29 -0
- package/dist/internal/bottom-bar.js +1 -0
- package/dist/internal/calendar.js +1 -1
- package/dist/internal/chart-frame.d.ts +90 -27
- package/dist/internal/chart-frame.js +1 -1
- package/dist/internal/chart-line.d.ts +11 -6
- package/dist/internal/chart-line.js +1 -1
- package/dist/internal/chart.d.ts +158 -1
- package/dist/internal/chart.js +1 -1
- package/dist/internal/defaults.d.ts +14 -1
- package/dist/internal/focusable.d.ts +10 -0
- package/dist/internal/focusable.js +1 -1
- package/dist/internal/form.d.ts +29 -0
- package/dist/internal/form.js +1 -1
- package/dist/internal/glow.d.ts +47 -1
- package/dist/internal/glow.js +1 -1
- package/dist/internal/icons.d.ts +24 -0
- package/dist/internal/icons.js +1 -1
- package/dist/internal/labels.d.ts +35 -0
- package/dist/internal/labels.js +1 -1
- package/dist/internal/loading.d.ts +13 -0
- package/dist/internal/loading.js +1 -0
- package/dist/internal/mockup.js +1 -1
- package/dist/internal/notch.d.ts +137 -0
- package/dist/internal/notch.js +1 -0
- package/dist/internal/picker.d.ts +15 -3
- package/dist/internal/picker.js +1 -1
- package/dist/internal/progress.d.ts +17 -6
- package/dist/internal/progress.js +1 -1
- package/dist/internal/sizer.d.ts +12 -11
- package/dist/internal/sizer.js +1 -1
- package/dist/internal/steps.d.ts +0 -15
- package/dist/internal/steps.js +1 -1
- package/dist/internal/styles.d.ts +135 -8
- package/dist/internal/styles.js +1 -1
- package/dist/internal/table-scroll.d.ts +42 -0
- package/dist/internal/table-scroll.js +1 -0
- package/dist/internal/table.js +1 -1
- package/dist/internal/text.d.ts +8 -5
- package/dist/internal/window.js +1 -1
- package/dist/locales/de.js +1 -1
- package/dist/locales/es.js +1 -1
- package/dist/locales/fr.js +1 -1
- package/dist/locales/ja.js +1 -1
- package/dist/locales/ko.js +1 -1
- package/dist/locales/zh-Hans.js +1 -1
- package/dist/provider/PlassProvider.d.ts +4 -3
- package/dist/provider/PlassProvider.js +1 -1
- package/dist/styles.css +1 -1
- package/dist/tailwind.css +461 -46
- package/dist/tokens.css +461 -46
- package/dist/types.d.ts +270 -11
- package/package.json +1 -1
|
@@ -54,6 +54,17 @@ export declare const controlTextClasses: Record<PlassSize, string>;
|
|
|
54
54
|
export declare const controlTextLeadingClasses: Record<PlassSize, string>;
|
|
55
55
|
/** Labels, descriptions and error messages: one step below the control's text. */
|
|
56
56
|
export declare const metaTextClasses: Record<PlassSize, string>;
|
|
57
|
+
/**
|
|
58
|
+
* The line of help under a field: its `description`.
|
|
59
|
+
*
|
|
60
|
+
* Every field that takes one draws it the same way, on the step below the
|
|
61
|
+
* control and in the muted ink, so it is written once here rather than in each
|
|
62
|
+
* of them. `m-0` is part of it because `Field.Description` renders a `<p>`,
|
|
63
|
+
* which arrives with the UA's block margin and with whatever the host page says
|
|
64
|
+
* about `p` — and the gap between a field's parts is `stackGapClasses`, not a
|
|
65
|
+
* paragraph's margin. A caller's `classNames.description` goes after this.
|
|
66
|
+
*/
|
|
67
|
+
export declare function fieldDescriptionClasses(size: PlassSize): string;
|
|
57
68
|
/**
|
|
58
69
|
* Horizontal padding, and the only thing `density` is allowed to touch. The two
|
|
59
70
|
* tracks are roughly 2:1 so the difference is legible at a glance rather than a
|
|
@@ -207,9 +218,15 @@ export declare const glassClasses = "[backdrop-filter:var(--plass-blur)] [-webki
|
|
|
207
218
|
* The house transition.
|
|
208
219
|
*
|
|
209
220
|
* One duration and one curve, applied the same way in both directions — a key
|
|
210
|
-
* going down and a key coming back up are the same spring. `
|
|
211
|
-
*
|
|
212
|
-
*
|
|
221
|
+
* going down and a key coming back up are the same spring. `filter` is in the
|
|
222
|
+
* list because that is what hover and press actually move.
|
|
223
|
+
*
|
|
224
|
+
* `background-image` is in it for WebKit, the one engine that eases one
|
|
225
|
+
* gradient into another, which is a solid surface changing family. None of them
|
|
226
|
+
* eases a gradient to or from `none`, and Chromium and Firefox ease no gradient
|
|
227
|
+
* at all, so a fill that comes and goes with a state — a tick, a switch, a
|
|
228
|
+
* chosen day — is not a background but a layer of its own, faded by its
|
|
229
|
+
* opacity: `.plass-fill` in `styles.css`.
|
|
213
230
|
*
|
|
214
231
|
* `opacity` is in it because half the library already writes an opacity as a
|
|
215
232
|
* *state*: `opacity-50` is what disabled looks like everywhere, a `PlBackTop`
|
|
@@ -222,6 +239,10 @@ export declare const glassClasses = "[backdrop-filter:var(--plass-blur)] [-webki
|
|
|
222
239
|
* scaling a key resamples its label, and text that shimmers under the cursor
|
|
223
240
|
* undoes the restraint everything else is spending effort on. A surface that
|
|
224
241
|
* holds content rather than being pressed — a Card — may lift, and does.
|
|
242
|
+
*
|
|
243
|
+
* Under reduced motion the new colours arrive at once instead of easing in, as
|
|
244
|
+
* the Flutter surfaces do. Nothing waits on the end of one of these, so no
|
|
245
|
+
* duration is kept for a `transitionend` to arrive on.
|
|
225
246
|
*/
|
|
226
247
|
export declare const transitionClasses: string;
|
|
227
248
|
/**
|
|
@@ -262,6 +283,28 @@ export declare const focusWithinRingClasses = "has-[:focus-visible]:[outline:2px
|
|
|
262
283
|
* inside the edge instead. Same width, same colour, same absence of a gap.
|
|
263
284
|
*/
|
|
264
285
|
export declare const focusRingInsetClasses = "focus-visible:[outline:2px_solid_var(--p-ring)] focus-visible:[outline-offset:-2px]";
|
|
286
|
+
/**
|
|
287
|
+
* Where a control drawn smaller than 24px is pressed from.
|
|
288
|
+
*
|
|
289
|
+
* WCAG 2.5.8 asks for a target at least 24px square. The `::before` is that
|
|
290
|
+
* square, centred on the control whatever size the control is, and placed out
|
|
291
|
+
* of the flow so nothing around it moves. On a control that is already larger
|
|
292
|
+
* the inset turns positive and the square sits inside it, where it changes
|
|
293
|
+
* nothing.
|
|
294
|
+
*/
|
|
295
|
+
export declare const targetClasses = "relative before:absolute before:inset-[calc(50%-12px)]";
|
|
296
|
+
/**
|
|
297
|
+
* The safe area on the inline edge a pinned control is against, as
|
|
298
|
+
* `--p-safe-inline`.
|
|
299
|
+
*
|
|
300
|
+
* `env()` has only physical names, so which of `left` and `right` is the start
|
|
301
|
+
* is the direction's question, and a style attribute cannot ask it. The `rtl:`
|
|
302
|
+
* variant can, so the class picks the side and the inline inset reads it, with
|
|
303
|
+
* `0px` behind the slot for a class that was never generated. A floating action
|
|
304
|
+
* button and a floating back-to-top button both stand off it, and a landscape
|
|
305
|
+
* cutout would cover either one otherwise.
|
|
306
|
+
*/
|
|
307
|
+
export declare const safeInlineClasses: Record<'Start' | 'End', string>;
|
|
265
308
|
/**
|
|
266
309
|
* The × that takes something off a chip.
|
|
267
310
|
*
|
|
@@ -274,15 +317,31 @@ export declare const focusRingInsetClasses = "focus-visible:[outline:2px_solid_v
|
|
|
274
317
|
* keyboard arrives.
|
|
275
318
|
*
|
|
276
319
|
* Drawn at the size of the label, and pressed from a 24px square, the minimum
|
|
277
|
-
* target size of WCAG 2.5.8
|
|
278
|
-
*
|
|
279
|
-
*
|
|
280
|
-
*
|
|
281
|
-
* has the press, and the neighbour keeps everything outside the square.
|
|
320
|
+
* target size of WCAG 2.5.8, through `targetClasses`. It comes after the label
|
|
321
|
+
* or the trigger in the markup and is positioned, so where the square reaches
|
|
322
|
+
* over one of them the × has the press, and the neighbour keeps everything
|
|
323
|
+
* outside the square.
|
|
282
324
|
*/
|
|
283
325
|
export declare const chipRemoveClasses: string;
|
|
284
326
|
/** Icons track their label rather than carrying a size of their own. */
|
|
285
327
|
export declare const iconClasses = "[&_svg]:pointer-events-none [&_svg]:size-[1.2em] [&_svg]:shrink-0";
|
|
328
|
+
/**
|
|
329
|
+
* A picture handed over as the whole of a slot: a PlCarousel's slide, the logo
|
|
330
|
+
* standing in for a PlAvatar.
|
|
331
|
+
*
|
|
332
|
+
* Both are documented as taking a bare `<img>`, and a bare `<img>` is inline and
|
|
333
|
+
* as large as its file: a slide would hang a descender gap under the photograph
|
|
334
|
+
* and a logo would overflow the circle. This lays it out the way a page reset
|
|
335
|
+
* lays out every picture — a block no wider than its box, with its height
|
|
336
|
+
* following its width — for these slots only, now that `plass-ui/styles.css`
|
|
337
|
+
* leaves the page's own pictures where the page put them.
|
|
338
|
+
*
|
|
339
|
+
* Inside `:where()`, so at specificity 0 like the reset it replaces: a class the
|
|
340
|
+
* caller put on the picture still wins, and `h-16 object-cover` on a slide keeps
|
|
341
|
+
* its height rather than being handed `auto` back. Written one selector per
|
|
342
|
+
* class, as `PlAspectRatio`'s are, rather than as a comma list in one variant.
|
|
343
|
+
*/
|
|
344
|
+
export declare const pictureSlotClasses: string;
|
|
286
345
|
/**
|
|
287
346
|
* Text for a screen reader and nobody else.
|
|
288
347
|
*
|
|
@@ -292,6 +351,15 @@ export declare const iconClasses = "[&_svg]:pointer-events-none [&_svg]:size-[1.
|
|
|
292
351
|
* is invisible to a sighted reader and present to every other kind.
|
|
293
352
|
*/
|
|
294
353
|
export declare const srOnlyClasses = "absolute size-px overflow-hidden whitespace-nowrap [clip-path:inset(50%)]";
|
|
354
|
+
/**
|
|
355
|
+
* The same clipped box, for a copy of text that is also drawn.
|
|
356
|
+
*
|
|
357
|
+
* A text effect draws its line and puts a second copy of it beside it for a
|
|
358
|
+
* screen reader, so a selection across the pair used to hand back the line
|
|
359
|
+
* twice. This one is left out of the selection: the drawn copy is the one a
|
|
360
|
+
* sighted reader can see, and the one they mean when they copy it.
|
|
361
|
+
*/
|
|
362
|
+
export declare const srOnlyCopyClasses = "absolute size-px overflow-hidden whitespace-nowrap [clip-path:inset(50%)] select-none";
|
|
295
363
|
/**
|
|
296
364
|
* Every slot a control reads.
|
|
297
365
|
*
|
|
@@ -314,8 +382,40 @@ export declare function controlSlots(color: PlassColor, elevation: PlassElevatio
|
|
|
314
382
|
* own colours and tinting the sheet under them puts every one on a background
|
|
315
383
|
* it was not chosen against. The family shows up in the hairline, the focus
|
|
316
384
|
* ring and the caret, and the glass stays clear.
|
|
385
|
+
*
|
|
386
|
+
* The two interaction-light slots **are** here, and they are not an exception
|
|
387
|
+
* to that. A dye is what a surface is; the light is where the pointer is, and a
|
|
388
|
+
* field answering a pointer is as true a claim as a key answering one. They
|
|
389
|
+
* take the family's own tint in all three variants rather than switching on the
|
|
390
|
+
* variant as `controlSlots` does, because none of these three is a coloured
|
|
391
|
+
* fill: a `solid` field is the well, which is the glass at its most opaque, and
|
|
392
|
+
* white light on it is white light on a near-white sheet.
|
|
393
|
+
*
|
|
394
|
+
* Declaring them costs a surface that never lights up two custom properties and
|
|
395
|
+
* nothing else — both layers are `opacity: 0` until `.plass-glow` is on the
|
|
396
|
+
* element, and a surface without that class has no layers at all.
|
|
317
397
|
*/
|
|
318
398
|
export declare function surfaceSlots(color: PlassColor, elevation: PlassElevation): React.CSSProperties;
|
|
399
|
+
/**
|
|
400
|
+
* The same slots again for a **field's** shell, with the interaction light
|
|
401
|
+
* turned down.
|
|
402
|
+
*
|
|
403
|
+
* A field is the one lit surface in the library that is not finished with the
|
|
404
|
+
* moment it has been pressed. A key takes a bloom for as long as the pointer is
|
|
405
|
+
* crossing it and then the reader has moved on; a field is clicked once and then
|
|
406
|
+
* written in, and for that minute the light sits under the words being typed and
|
|
407
|
+
* follows a pointer that is no longer being moved. At a key's strength it reads
|
|
408
|
+
* as a stain on the sentence rather than as the surface answering.
|
|
409
|
+
*
|
|
410
|
+
* So both layers are mixed down to `--plass-glow-field-strength` of the family's
|
|
411
|
+
* tint — the colour is dimmed rather than the layer's opacity, because opacity
|
|
412
|
+
* is what `.plass-glow` animates between its two states and what
|
|
413
|
+
* `[data-quiet]` takes over while the field is being typed into.
|
|
414
|
+
*
|
|
415
|
+
* Everything else is `surfaceSlots`. A field's sheet is still undyed glass, and
|
|
416
|
+
* the family still reaches it through the hairline, the ring and the caret.
|
|
417
|
+
*/
|
|
418
|
+
export declare function fieldSlots(color: PlassColor, elevation: PlassElevation): React.CSSProperties;
|
|
319
419
|
/**
|
|
320
420
|
* The edge a surface that is only a fill gets back in forced-colours mode.
|
|
321
421
|
*
|
|
@@ -375,6 +475,13 @@ export declare const forcedCheckedTextClasses = "forced-colors:data-[checked]:[c
|
|
|
375
475
|
export declare const forcedHighlightedClasses: string;
|
|
376
476
|
/** A checked control that is disabled, in the system's colour for unavailable. */
|
|
377
477
|
export declare const forcedDisabledCheckedClasses: string;
|
|
478
|
+
/**
|
|
479
|
+
* `disabledClasses` without the fade, for a control disabled together with a
|
|
480
|
+
* surface around it that is already drawn at that fade, such as a chip in a
|
|
481
|
+
* disabled `PlCombobox`. It keeps the look of a disabled control, and a fade of
|
|
482
|
+
* its own would draw it at a quarter.
|
|
483
|
+
*/
|
|
484
|
+
export declare const disabledLookClasses: Record<PlassVariant, string>;
|
|
378
485
|
/**
|
|
379
486
|
* Disabled is **the light going out.** The key keeps its shape, its colour and
|
|
380
487
|
* its place in the layout, and stops catching any light: no gloss, no tinted
|
|
@@ -420,6 +527,26 @@ export declare const readOnlyFilterClasses = "saturate-[0.55]";
|
|
|
420
527
|
* family reaches the hairline, the focus ring and the caret and stops.
|
|
421
528
|
*/
|
|
422
529
|
export declare const sheetRestClasses: Record<PlassVariant, string>;
|
|
530
|
+
/**
|
|
531
|
+
* The material of a **mark**: a surface that is the thing being coloured and
|
|
532
|
+
* is never pressed — a PlAvatar, a PlBadge, a PlAppLogo's plate. The Flutter
|
|
533
|
+
* build's `markSurface` is the same answer.
|
|
534
|
+
*
|
|
535
|
+
* It sits between a control and a sheet. The sheet takes the tint the way a
|
|
536
|
+
* control's does, because a portrait of one person and a product's icon are
|
|
537
|
+
* each about the thing they are coloured for, and unlike a PlCard's. But there
|
|
538
|
+
* is no pointer to answer, so there is no hover ladder, and the glass edge is
|
|
539
|
+
* the neutral `--plass-border` rather than the sheet's white
|
|
540
|
+
* `--plass-glass-line`: a mark is very often laid on something opaque, a
|
|
541
|
+
* header or a card, where white light on a cut edge draws no edge at all.
|
|
542
|
+
*
|
|
543
|
+
* `solid` carries no gloss line, for the reason a filled PlButton carries none:
|
|
544
|
+
* the gradient is the form. `ghost` keeps a wash at rest rather than being
|
|
545
|
+
* bare, which is the difference between a mark and a control: a ghost button
|
|
546
|
+
* has nothing until the pointer arrives, and a ghost mark with nothing under it
|
|
547
|
+
* is a glyph floating on the page.
|
|
548
|
+
*/
|
|
549
|
+
export declare const markRestClasses: Record<PlassVariant, string>;
|
|
423
550
|
/**
|
|
424
551
|
* The shell a field-shaped control is drawn on — a PlTextField's box and a
|
|
425
552
|
* Select's trigger, which have to be indistinguishable or a form looks like two
|
package/dist/internal/styles.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export const radiusClasses={xs:"rounded-(--plass-radius-xs)",sm:"rounded-(--plass-radius-sm)",md:"rounded-(--plass-radius-md)",lg:"rounded-(--plass-radius-lg)",xl:"rounded-(--plass-radius-xl)"};export const controlHeightClasses={xs:"h-6",sm:"h-8",md:"h-10",lg:"h-12",xl:"h-14"};export const controlSquareClasses={xs:"w-6",sm:"w-8",md:"w-10",lg:"w-12",xl:"w-14"};export const controlTextClasses={xs:"text-[0.6875rem]",sm:"text-[0.8125rem]",md:"text-[0.875rem]",lg:"text-[1rem]",xl:"text-[1.125rem]"};export const controlTextLeadingClasses={xs:"text-[0.6875rem]/[1rem]",sm:"text-[0.8125rem]/[1.125rem]",md:"text-[0.875rem]/[1.25rem]",lg:"text-[1rem]/[1.5rem]",xl:"text-[1.125rem]/[1.75rem]"};export const metaTextClasses={xs:"text-[0.625rem]",sm:"text-[0.6875rem]",md:"text-[0.75rem]",lg:"text-[0.8125rem]",xl:"text-[0.875rem]"};export const paddingXClasses={default:{xs:"px-2.5",sm:"px-3",md:"px-4",lg:"px-6",xl:"px-7"},compact:{xs:"px-1.5",sm:"px-2",md:"px-2.5",lg:"px-3.5",xl:"px-4"}};export const iconSizeClasses={xs:"size-3.5",sm:"size-4",md:"size-5",lg:"size-6",xl:"size-7"};export const tickSizeClasses={xs:"size-3.5",sm:"size-4",md:"size-4.5",lg:"size-5",xl:"size-6"};export const tickRadiusClasses={xs:"rounded-[0.25rem]",sm:"rounded-[0.3125rem]",md:"rounded-[0.375rem]",lg:"rounded-[0.4375rem]",xl:"rounded-[0.5rem]"};export const tickDotClasses={xs:"size-0 data-[checked]:size-1.5",sm:"size-0 data-[checked]:size-1.5",md:"size-0 data-[checked]:size-2",lg:"size-0 data-[checked]:size-2",xl:"size-0 data-[checked]:size-2.5"};export const tickRowTextClasses=controlTextLeadingClasses;export const paddingXValues={default:{xs:"0.625rem",sm:"0.75rem",md:"1rem",lg:"1.5rem",xl:"1.75rem"},compact:{xs:"0.375rem",sm:"0.5rem",md:"0.625rem",lg:"0.875rem",xl:"1rem"}};export const gapClasses={xs:"gap-1",sm:"gap-1.5",md:"gap-2",lg:"gap-2.5",xl:"gap-3"};export const stackGapClasses={xs:"gap-1",sm:"gap-1.5",md:"gap-1.5",lg:"gap-2",xl:"gap-2"};export const sheetPaddingXClasses={default:{xs:"px-2.5",sm:"px-3.5",md:"px-5",lg:"px-6",xl:"px-7"},compact:{xs:"px-2",sm:"px-2.5",md:"px-3.5",lg:"px-4",xl:"px-5"}};export const sheetPaddingYClasses={default:{xs:"py-2.5",sm:"py-3.5",md:"py-5",lg:"py-6",xl:"py-7"},compact:{xs:"py-2",sm:"py-2.5",md:"py-3.5",lg:"py-4",xl:"py-5"}};export const sheetTitleClasses={xs:"text-[0.75rem]/[1rem]",sm:"text-[0.8125rem]/[1.125rem]",md:"text-[0.9375rem]/[1.25rem]",lg:"text-[1.0625rem]/[1.5rem]",xl:"text-[1.25rem]/[1.75rem]"};export const sheetBodyClasses={xs:"text-[0.6875rem]/[1rem]",sm:"text-[0.75rem]/[1.125rem]",md:"text-[0.8125rem]/[1.375rem]",lg:"text-[0.9375rem]/[1.5rem]",xl:"text-[1.0625rem]/[1.75rem]"};export const sheetSectionGapClasses={xs:"gap-1.5",sm:"gap-2",md:"gap-3",lg:"gap-3.5",xl:"gap-4"};export const sheetLineClasses="border-t [border-color:var(--plass-divider)]";export const sheetHeaderGapClasses={xs:"gap-0.5",sm:"gap-0.5",md:"gap-1",lg:"gap-1",xl:"gap-1.5"};export const glassClasses="[backdrop-filter:var(--plass-blur)] [-webkit-backdrop-filter:var(--plass-blur)]";export const transitionClasses=/* @__PURE__ */["[transition-property:background-color,background-image,border-color,box-shadow,color,filter,opacity]","[transition-duration:var(--plass-duration)]","[transition-timing-function:var(--plass-ease)]"].join(" ");export const focusRingClasses="focus-visible:[outline:2px_solid_var(--p-ring)] focus-visible:[outline-offset:0px]";export const focusWithinRingClasses="has-[:focus-visible]:[outline:2px_solid_var(--p-ring)] has-[:focus-visible]:[outline-offset:0px]";export const focusRingInsetClasses="focus-visible:[outline:2px_solid_var(--p-ring)] focus-visible:[outline-offset:-2px]";export const chipRemoveClasses=/* @__PURE__ */["relative ms-0.5 inline-flex shrink-0 items-center justify-center rounded-full","before:absolute before:inset-[calc(50%-12px)]","size-[1.15em] cursor-pointer opacity-70","[transition:opacity_var(--plass-duration)_var(--plass-ease)]","hover:opacity-100 focus-visible:opacity-100",focusRingClasses,"disabled:cursor-not-allowed"].join(" ");export const iconClasses="[&_svg]:pointer-events-none [&_svg]:size-[1.2em] [&_svg]:shrink-0";export const srOnlyClasses="absolute size-px overflow-hidden whitespace-nowrap [clip-path:inset(50%)]";export function controlSlots(s,e,o){const r="solid"===o;return{"--p-fill":`var(--plass-${s}-fill)`,"--p-on-solid":`var(--plass-${s}-on-solid)`,"--p-accent":`var(--plass-${s}-accent)`,"--p-tint":`var(--plass-${s}-tint)`,"--p-soft":`var(--plass-${s}-soft)`,"--p-soft-hover":`var(--plass-${s}-soft-hover)`,"--p-soft-press":`var(--plass-${s}-soft-press)`,"--p-line":`var(--plass-${s}-line)`,"--p-line-hover":`var(--plass-${s}-line-hover)`,"--p-ring":`var(--plass-${s}-ring)`,"--p-glow":r?"var(--plass-glow-on-fill)":`var(--plass-${s}-soft)`,"--p-flash":r?"var(--plass-flash-on-fill)":`var(--plass-${s}-soft-hover)`,"--p-elev":`var(--plass-shadow-${e})`,"--p-elev-hover":`var(--plass-shadow-${Math.min(e+1,4)})`,"--p-elev-press":`var(--plass-shadow-${Math.max(e-1,0)})`,"--p-lift":"0 6px 16px -4px var(--p-tint)","--p-lift-hover":"0 10px 24px -6px var(--p-tint)","--p-lift-press":"0 2px 6px -2px var(--p-tint)"}}export function surfaceSlots(s,e){return{"--p-accent":`var(--plass-${s}-accent)`,"--p-soft":`var(--plass-${s}-soft)`,"--p-soft-hover":`var(--plass-${s}-soft-hover)`,"--p-soft-press":`var(--plass-${s}-soft-press)`,"--p-line":`var(--plass-${s}-line)`,"--p-line-hover":`var(--plass-${s}-line-hover)`,"--p-ring":`var(--plass-${s}-ring)`,"--p-elev":`var(--plass-shadow-${e})`,"--p-elev-hover":`var(--plass-shadow-${Math.min(e+1,4)})`,"--p-elev-press":`var(--plass-shadow-${Math.max(e-1,0)})`}}export const forcedEdgeClasses="forced-colors:border forced-colors:[border-color:ButtonText]";export const forcedFieldEdgeClasses="forced-colors:border forced-colors:[border-color:CanvasText]";export const forcedFillClasses="forced-colors:[background-color:Highlight] forced-colors:[border-color:Highlight] forced-colors:[color:HighlightText]";export const forcedCheckedClasses=/* @__PURE__ */["forced-colors:data-[checked]:[background-color:Highlight]","forced-colors:data-[checked]:[border-color:Highlight]","forced-colors:data-[checked]:[color:HighlightText]"].join(" ");export const forcedPressedClasses=/* @__PURE__ */["forced-colors:data-[pressed]:[background-color:Highlight]","forced-colors:data-[pressed]:[border-color:Highlight]","forced-colors:data-[pressed]:[color:HighlightText]"].join(" ");export const forcedCheckedTextClasses="forced-colors:data-[checked]:[color:HighlightText]";export const forcedHighlightedClasses=/* @__PURE__ */["forced-colors:data-[highlighted]:[background-color:Highlight]","forced-colors:data-[highlighted]:[color:HighlightText]","forced-colors:data-[highlighted]:**:[color:HighlightText]"].join(" ");export const forcedDisabledCheckedClasses=/* @__PURE__ */["forced-colors:border forced-colors:[border-color:GrayText]","forced-colors:data-[checked]:[background-color:GrayText]","forced-colors:data-[checked]:[color:Canvas]"].join(" ");export const disabledClasses={solid:/* @__PURE__ */["cursor-not-allowed text-(--p-on-solid) [background-image:var(--p-fill)]","opacity-50 saturate-[0.35] shadow-none","forced-colors:border forced-colors:[border-color:GrayText]"].join(" "),glass:/* @__PURE__ */[glassClasses,"cursor-not-allowed border text-(--plass-fg) bg-(--plass-glass)","[border-color:var(--plass-border)]","opacity-50 saturate-[0.35] shadow-none"].join(" "),ghost:"cursor-not-allowed bg-transparent text-(--p-accent) opacity-50 saturate-[0.35]"};export const readOnlyFilterClasses="saturate-[0.55]";export const sheetRestClasses={solid:/* @__PURE__ */[glassClasses,"text-(--plass-fg) bg-(--plass-glass-press)","[box-shadow:var(--p-elev),var(--plass-gloss-glass)]"].join(" "),glass:/* @__PURE__ */[glassClasses,"border text-(--plass-fg) bg-(--plass-glass)","[border-color:var(--plass-glass-line)]","[box-shadow:var(--p-elev),var(--plass-gloss-glass)]"].join(" "),ghost:"text-(--plass-fg) bg-transparent"};export const fieldRestClasses={solid:/* @__PURE__ */[glassClasses,"text-(--plass-fg) bg-(--plass-glass-press)","[box-shadow:var(--p-elev),var(--plass-well)]",forcedFieldEdgeClasses,"hover:bg-(--plass-glass-hover)","focus-within:bg-(--plass-glass-press)"].join(" "),glass:/* @__PURE__ */[glassClasses,"border text-(--plass-fg) bg-(--plass-glass-hover)","[border-color:var(--plass-border)]","[box-shadow:var(--p-elev),var(--plass-gloss-glass)]","hover:bg-(--plass-glass-press) hover:[border-color:var(--p-line)]","focus-within:bg-(--plass-glass-press) focus-within:[border-color:var(--p-line-hover)]"].join(" "),ghost:/* @__PURE__ */["text-(--plass-fg) bg-transparent","hover:bg-(--p-soft)","focus-within:bg-(--p-soft-hover)"].join(" ")};export const fieldReadOnlyClasses={solid:/* @__PURE__ */[glassClasses,"text-(--plass-fg) bg-(--plass-glass-press)",forcedFieldEdgeClasses,"[box-shadow:var(--plass-well)] saturate-[0.55]"].join(" "),glass:/* @__PURE__ */[glassClasses,"border text-(--plass-fg) bg-(--plass-glass-hover)","[border-color:var(--plass-border)]","[box-shadow:var(--plass-gloss-glass)] saturate-[0.55]"].join(" "),ghost:"text-(--plass-fg) bg-transparent saturate-[0.55]"};export function toLength(s){return"number"==typeof s?`${s}px`:s}export function hasContent(s){return null!=s&&!1!==s&&""!==s}export function cx(...s){return s.filter(Boolean).join(" ")}
|
|
1
|
+
export const radiusClasses={xs:"rounded-(--plass-radius-xs)",sm:"rounded-(--plass-radius-sm)",md:"rounded-(--plass-radius-md)",lg:"rounded-(--plass-radius-lg)",xl:"rounded-(--plass-radius-xl)"};export const controlHeightClasses={xs:"h-6",sm:"h-8",md:"h-10",lg:"h-12",xl:"h-14"};export const controlSquareClasses={xs:"w-6",sm:"w-8",md:"w-10",lg:"w-12",xl:"w-14"};export const controlTextClasses={xs:"text-[0.6875rem]",sm:"text-[0.8125rem]",md:"text-[0.875rem]",lg:"text-[1rem]",xl:"text-[1.125rem]"};export const controlTextLeadingClasses={xs:"text-[0.6875rem]/[1rem]",sm:"text-[0.8125rem]/[1.125rem]",md:"text-[0.875rem]/[1.25rem]",lg:"text-[1rem]/[1.5rem]",xl:"text-[1.125rem]/[1.75rem]"};export const metaTextClasses={xs:"text-[0.625rem]",sm:"text-[0.6875rem]",md:"text-[0.75rem]",lg:"text-[0.8125rem]",xl:"text-[0.875rem]"};export function fieldDescriptionClasses(s){return cx("m-0",metaTextClasses[s],"text-(--plass-muted-fg)")}export const paddingXClasses={default:{xs:"px-2.5",sm:"px-3",md:"px-4",lg:"px-6",xl:"px-7"},compact:{xs:"px-1.5",sm:"px-2",md:"px-2.5",lg:"px-3.5",xl:"px-4"}};export const iconSizeClasses={xs:"size-3.5",sm:"size-4",md:"size-5",lg:"size-6",xl:"size-7"};export const tickSizeClasses={xs:"size-3.5",sm:"size-4",md:"size-4.5",lg:"size-5",xl:"size-6"};export const tickRadiusClasses={xs:"rounded-[0.25rem]",sm:"rounded-[0.3125rem]",md:"rounded-[0.375rem]",lg:"rounded-[0.4375rem]",xl:"rounded-[0.5rem]"};export const tickDotClasses={xs:"size-0 data-[checked]:size-1.5",sm:"size-0 data-[checked]:size-1.5",md:"size-0 data-[checked]:size-2",lg:"size-0 data-[checked]:size-2",xl:"size-0 data-[checked]:size-2.5"};export const tickRowTextClasses=controlTextLeadingClasses;export const paddingXValues={default:{xs:"0.625rem",sm:"0.75rem",md:"1rem",lg:"1.5rem",xl:"1.75rem"},compact:{xs:"0.375rem",sm:"0.5rem",md:"0.625rem",lg:"0.875rem",xl:"1rem"}};export const gapClasses={xs:"gap-1",sm:"gap-1.5",md:"gap-2",lg:"gap-2.5",xl:"gap-3"};export const stackGapClasses={xs:"gap-1",sm:"gap-1.5",md:"gap-1.5",lg:"gap-2",xl:"gap-2"};export const sheetPaddingXClasses={default:{xs:"px-2.5",sm:"px-3.5",md:"px-5",lg:"px-6",xl:"px-7"},compact:{xs:"px-2",sm:"px-2.5",md:"px-3.5",lg:"px-4",xl:"px-5"}};export const sheetPaddingYClasses={default:{xs:"py-2.5",sm:"py-3.5",md:"py-5",lg:"py-6",xl:"py-7"},compact:{xs:"py-2",sm:"py-2.5",md:"py-3.5",lg:"py-4",xl:"py-5"}};export const sheetTitleClasses={xs:"text-[0.75rem]/[1rem]",sm:"text-[0.8125rem]/[1.125rem]",md:"text-[0.9375rem]/[1.25rem]",lg:"text-[1.0625rem]/[1.5rem]",xl:"text-[1.25rem]/[1.75rem]"};export const sheetBodyClasses={xs:"text-[0.6875rem]/[1rem]",sm:"text-[0.75rem]/[1.125rem]",md:"text-[0.8125rem]/[1.375rem]",lg:"text-[0.9375rem]/[1.5rem]",xl:"text-[1.0625rem]/[1.75rem]"};export const sheetSectionGapClasses={xs:"gap-1.5",sm:"gap-2",md:"gap-3",lg:"gap-3.5",xl:"gap-4"};export const sheetLineClasses="border-t [border-color:var(--plass-divider)]";export const sheetHeaderGapClasses={xs:"gap-0.5",sm:"gap-0.5",md:"gap-1",lg:"gap-1",xl:"gap-1.5"};export const glassClasses="[backdrop-filter:var(--plass-blur)] [-webkit-backdrop-filter:var(--plass-blur)]";export const transitionClasses=/* @__PURE__ */["[transition-property:background-color,background-image,border-color,box-shadow,color,filter,opacity]","[transition-duration:var(--plass-duration)]","[transition-timing-function:var(--plass-ease)]","motion-reduce:[transition-duration:0ms]"].join(" ");export const focusRingClasses="focus-visible:[outline:2px_solid_var(--p-ring)] focus-visible:[outline-offset:0px]";export const focusWithinRingClasses="has-[:focus-visible]:[outline:2px_solid_var(--p-ring)] has-[:focus-visible]:[outline-offset:0px]";export const focusRingInsetClasses="focus-visible:[outline:2px_solid_var(--p-ring)] focus-visible:[outline-offset:-2px]";export const targetClasses="relative before:absolute before:inset-[calc(50%-12px)]";export const safeInlineClasses={Start:"[--p-safe-inline:env(safe-area-inset-left,0px)] rtl:[--p-safe-inline:env(safe-area-inset-right,0px)]",End:"[--p-safe-inline:env(safe-area-inset-right,0px)] rtl:[--p-safe-inline:env(safe-area-inset-left,0px)]"};export const chipRemoveClasses=/* @__PURE__ */[targetClasses,"ms-0.5 inline-flex shrink-0 items-center justify-center rounded-full","size-[1.15em] cursor-pointer opacity-70","[transition:opacity_var(--plass-duration)_var(--plass-ease)]","motion-reduce:[transition-duration:0ms]","hover:opacity-100 focus-visible:opacity-100",focusRingClasses,"disabled:cursor-not-allowed"].join(" ");export const iconClasses="[&_svg]:pointer-events-none [&_svg]:size-[1.2em] [&_svg]:shrink-0";export const pictureSlotClasses=/* @__PURE__ */["[:where(&>img)]:block","[:where(&>img)]:max-w-full","[:where(&>img)]:h-auto","[:where(&>video)]:block","[:where(&>video)]:max-w-full","[:where(&>video)]:h-auto"].join(" ");export const srOnlyClasses="absolute size-px overflow-hidden whitespace-nowrap [clip-path:inset(50%)]";export const srOnlyCopyClasses=`${srOnlyClasses} select-none`;export function controlSlots(s,e,o){const r="solid"===o;return{"--p-fill":`var(--plass-${s}-fill)`,"--p-on-solid":`var(--plass-${s}-on-solid)`,"--p-accent":`var(--plass-${s}-accent)`,"--p-tint":`var(--plass-${s}-tint)`,"--p-soft":`var(--plass-${s}-soft)`,"--p-soft-hover":`var(--plass-${s}-soft-hover)`,"--p-soft-press":`var(--plass-${s}-soft-press)`,"--p-line":`var(--plass-${s}-line)`,"--p-line-hover":`var(--plass-${s}-line-hover)`,"--p-ring":`var(--plass-${s}-ring)`,"--p-glow":r?"var(--plass-glow-on-fill)":`var(--plass-${s}-soft)`,"--p-flash":r?"var(--plass-flash-on-fill)":`var(--plass-${s}-soft-hover)`,"--p-elev":`var(--plass-shadow-${e})`,"--p-elev-hover":`var(--plass-shadow-${Math.min(e+1,4)})`,"--p-elev-press":`var(--plass-shadow-${Math.max(e-1,0)})`,"--p-lift":"0 6px 16px -4px var(--p-tint)","--p-lift-hover":"0 10px 24px -6px var(--p-tint)","--p-lift-press":"0 2px 6px -2px var(--p-tint)"}}export function surfaceSlots(s,e){return{"--p-accent":`var(--plass-${s}-accent)`,"--p-soft":`var(--plass-${s}-soft)`,"--p-soft-hover":`var(--plass-${s}-soft-hover)`,"--p-soft-press":`var(--plass-${s}-soft-press)`,"--p-line":`var(--plass-${s}-line)`,"--p-line-hover":`var(--plass-${s}-line-hover)`,"--p-ring":`var(--plass-${s}-ring)`,"--p-glow":`var(--plass-${s}-soft)`,"--p-flash":`var(--plass-${s}-soft-hover)`,"--p-elev":`var(--plass-shadow-${e})`,"--p-elev-hover":`var(--plass-shadow-${Math.min(e+1,4)})`,"--p-elev-press":`var(--plass-shadow-${Math.max(e-1,0)})`}}export function fieldSlots(s,e){return{...surfaceSlots(s,e),"--p-glow":`color-mix(in oklab, var(--plass-${s}-soft) var(--plass-glow-field-strength), transparent)`,"--p-flash":`color-mix(in oklab, var(--plass-${s}-soft-hover) var(--plass-glow-field-strength), transparent)`}}export const forcedEdgeClasses="forced-colors:border forced-colors:[border-color:ButtonText]";export const forcedFieldEdgeClasses="forced-colors:border forced-colors:[border-color:CanvasText]";export const forcedFillClasses="forced-colors:[background-color:Highlight] forced-colors:[border-color:Highlight] forced-colors:[color:HighlightText]";export const forcedCheckedClasses=/* @__PURE__ */["forced-colors:data-[checked]:[background-color:Highlight]","forced-colors:data-[checked]:[border-color:Highlight]","forced-colors:data-[checked]:[color:HighlightText]"].join(" ");export const forcedPressedClasses=/* @__PURE__ */["forced-colors:data-[pressed]:[background-color:Highlight]","forced-colors:data-[pressed]:[border-color:Highlight]","forced-colors:data-[pressed]:[color:HighlightText]"].join(" ");export const forcedCheckedTextClasses="forced-colors:data-[checked]:[color:HighlightText]";export const forcedHighlightedClasses=/* @__PURE__ */["forced-colors:data-[highlighted]:[background-color:Highlight]","forced-colors:data-[highlighted]:[color:HighlightText]","forced-colors:data-[highlighted]:**:[color:HighlightText]"].join(" ");export const forcedDisabledCheckedClasses=/* @__PURE__ */["forced-colors:border forced-colors:[border-color:GrayText]","forced-colors:data-[checked]:[background-color:GrayText]","forced-colors:data-[checked]:[color:Canvas]"].join(" ");const s="opacity-50 saturate-[0.35]";export const disabledLookClasses={solid:/* @__PURE__ */["cursor-not-allowed text-(--p-on-solid) [background-image:var(--p-fill)] shadow-none","forced-colors:border forced-colors:[border-color:GrayText]"].join(" "),glass:/* @__PURE__ */[glassClasses,"cursor-not-allowed border text-(--plass-fg) bg-(--plass-glass)","[border-color:var(--plass-border)] shadow-none"].join(" "),ghost:"cursor-not-allowed bg-transparent text-(--p-accent)"};export const disabledClasses={solid:`${disabledLookClasses.solid} ${s}`,glass:`${disabledLookClasses.glass} ${s}`,ghost:`${disabledLookClasses.ghost} ${s}`};export const readOnlyFilterClasses="saturate-[0.55]";export const sheetRestClasses={solid:/* @__PURE__ */[glassClasses,"text-(--plass-fg) bg-(--plass-glass-press)","[box-shadow:var(--p-elev),var(--plass-gloss-glass)]"].join(" "),glass:/* @__PURE__ */[glassClasses,"border text-(--plass-fg) bg-(--plass-glass)","[border-color:var(--plass-glass-line)]","[box-shadow:var(--p-elev),var(--plass-gloss-glass)]"].join(" "),ghost:"text-(--plass-fg) bg-transparent"};export const markRestClasses={solid:/* @__PURE__ */["text-(--p-on-solid) [background-image:var(--p-fill)]","[box-shadow:var(--p-elev),var(--p-lift)]",forcedFieldEdgeClasses].join(" "),glass:/* @__PURE__ */[glassClasses,"border text-(--p-accent) bg-(--plass-glass)","[border-color:var(--plass-border)]","[box-shadow:var(--p-elev),var(--plass-gloss-glass)]"].join(" "),ghost:"text-(--p-accent) bg-(--p-soft-press) [box-shadow:var(--p-elev)]"};export const fieldRestClasses={solid:/* @__PURE__ */[glassClasses,"text-(--plass-fg) bg-(--plass-glass-press)","[box-shadow:var(--p-elev),var(--plass-well)]",forcedFieldEdgeClasses,"hover:bg-(--plass-glass-hover)","focus-within:bg-(--plass-glass-press)"].join(" "),glass:/* @__PURE__ */[glassClasses,"border text-(--plass-fg) bg-(--plass-glass-hover)","[border-color:var(--plass-border)]","[box-shadow:var(--p-elev),var(--plass-gloss-glass)]","hover:bg-(--plass-glass-press) hover:[border-color:var(--p-line)]","focus-within:bg-(--plass-glass-press) focus-within:[border-color:var(--p-line-hover)]"].join(" "),ghost:/* @__PURE__ */["text-(--plass-fg) bg-transparent","hover:bg-(--p-soft)","focus-within:bg-(--p-soft-hover)"].join(" ")};export const fieldReadOnlyClasses={solid:/* @__PURE__ */[glassClasses,"text-(--plass-fg) bg-(--plass-glass-press)",forcedFieldEdgeClasses,"[box-shadow:var(--plass-well)] saturate-[0.55]"].join(" "),glass:/* @__PURE__ */[glassClasses,"border text-(--plass-fg) bg-(--plass-glass-hover)","[border-color:var(--plass-border)]","[box-shadow:var(--plass-gloss-glass)] saturate-[0.55]"].join(" "),ghost:"text-(--plass-fg) bg-transparent saturate-[0.55]"};export function toLength(s){return"number"==typeof s?`${s}px`:s}export function hasContent(s){return null!=s&&!1!==s&&""!==s}export function cx(...s){return s.filter(Boolean).join(" ")}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* The box a `PlTable`'s grid scrolls in, and the one part of the table that has
|
|
3
|
+
* to run in the browser. `PlDataTable` scrolls its grid in the same box.
|
|
4
|
+
*
|
|
5
|
+
* A table wider than its sheet scrolls sideways, and one under a `maxHeight`
|
|
6
|
+
* scrolls down. When no cell in it takes the focus — a table of plain values,
|
|
7
|
+
* which is most of them — whatever is past the edge is out of reach of anyone
|
|
8
|
+
* without a pointer. So while the box scrolls it is a tab stop, which hands the
|
|
9
|
+
* arrow keys to the browser's own scrolling of a focused scroll container, and
|
|
10
|
+
* a group named by the table's caption, so the stop is announced as the table
|
|
11
|
+
* it scrolls. A table with no caption names it with `label` instead, and the
|
|
12
|
+
* `<table>` too, which a caption would otherwise have named. A box that fits
|
|
13
|
+
* has nothing to scroll, and a stop on it would be one more press on the way
|
|
14
|
+
* past. It is the arrangement `PlScrollZone` makes for its strip.
|
|
15
|
+
*
|
|
16
|
+
* Whether the box scrolls is a measurement, and a measurement is a hook, which
|
|
17
|
+
* is the one thing `PlTable` must not call: a server component renders it with
|
|
18
|
+
* `render` callbacks, and those cannot cross into a client one. So the hook is
|
|
19
|
+
* here, in a module of its own, and the table hands it what it has already
|
|
20
|
+
* rendered — the grid's rows, and the caption the box is named by. The caption
|
|
21
|
+
* is drawn here as well because the name needs its id, and an id is a hook too.
|
|
22
|
+
*/
|
|
23
|
+
import * as React from 'react';
|
|
24
|
+
export interface PlassTableScrollProps {
|
|
25
|
+
/** The box's own classes: its overflow on each axis. */
|
|
26
|
+
className: string;
|
|
27
|
+
/** The box's own style: the cap, when there is one. */
|
|
28
|
+
style?: React.CSSProperties;
|
|
29
|
+
/** The `<table>`'s classes. */
|
|
30
|
+
tableClassName: string;
|
|
31
|
+
/** The `<table>`'s inline style. */
|
|
32
|
+
tableStyle: React.CSSProperties;
|
|
33
|
+
/** Marks the `<table>` busy, while its rows are still on their way. */
|
|
34
|
+
busy?: boolean;
|
|
35
|
+
/** The table's name, written into its `<caption>`. */
|
|
36
|
+
caption?: React.ReactNode;
|
|
37
|
+
/** The table's name, and the stop's, when there is no caption to name them. */
|
|
38
|
+
label?: string;
|
|
39
|
+
/** Everything in the `<table>` after the caption. */
|
|
40
|
+
children: React.ReactNode;
|
|
41
|
+
}
|
|
42
|
+
export declare function PlassTableScroll({ className, style, tableClassName, tableStyle, busy, caption, label, children }: PlassTableScrollProps): React.JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";import{jsx as e,jsxs as s}from"react/jsx-runtime";import*as l from"react";import{cx as t,focusRingInsetClasses as r,srOnlyClasses as i}from"./styles.js";export function PlassTableScroll({className:a,style:n,tableClassName:o,tableStyle:c,busy:d,caption:u,label:b,children:f}){const m=l.useRef(null),v=l.useId(),[h,y]=l.useState(!1);l.useEffect(()=>{const e=m.current;if(!e)return;const measure=()=>y(e.scrollWidth-e.clientWidth>1||e.scrollHeight-e.clientHeight>1);if(measure(),"undefined"==typeof ResizeObserver)return;const s=new ResizeObserver(measure);return s.observe(e),e.firstElementChild&&s.observe(e.firstElementChild),()=>s.disconnect()},[]);const p=h&&Boolean(u),x=!u&&b?b:void 0,N=h&&void 0!==x;return e("div",{ref:m,className:t(a,r),style:n,tabIndex:h?0:void 0,role:p||N?"group":void 0,"aria-labelledby":p?v:void 0,"aria-label":N?x:void 0,children:s("table",{className:o,style:c,"aria-label":x,"aria-busy":d||void 0,children:[u?e("caption",{id:v,className:i,children:u}):null,f]})})}
|
package/dist/internal/table.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{focusRingInsetClasses as r}from"./styles.js";export const cellPaddingYValues={default:{xs:"0.375rem",sm:"0.5rem",md:"0.75rem",lg:"0.875rem",xl:"1rem"},compact:{xs:"0.125rem",sm:"0.25rem",md:"0.4375rem",lg:"0.5625rem",xl:"0.6875rem"}};export const tableStyle={display:"table",width:"100%",margin:0,borderCollapse:"collapse",borderSpacing:0};export const rowClasses=/* @__PURE__ */["[--p-row:transparent]","[transition:background-color_var(--plass-duration)_var(--plass-ease)]"].join(" ");export const clickableRowClasses=/* @__PURE__ */["cursor-pointer [outline:none]",r].join(" ");export const rowRule="1px solid var(--plass-divider)";export const headRule="1px solid var(--plass-border)";
|
|
1
|
+
import{focusRingInsetClasses as r}from"./styles.js";export const cellPaddingYValues={default:{xs:"0.375rem",sm:"0.5rem",md:"0.75rem",lg:"0.875rem",xl:"1rem"},compact:{xs:"0.125rem",sm:"0.25rem",md:"0.4375rem",lg:"0.5625rem",xl:"0.6875rem"}};export const tableStyle={display:"table",width:"100%",margin:0,borderCollapse:"collapse",borderSpacing:0};export const rowClasses=/* @__PURE__ */["[--p-row:transparent]","[transition:background-color_var(--plass-duration)_var(--plass-ease)]","motion-reduce:[transition-duration:0ms]"].join(" ");export const clickableRowClasses=/* @__PURE__ */["cursor-pointer [outline:none]",r].join(" ");export const rowRule="1px solid var(--plass-divider)";export const headRule="1px solid var(--plass-border)";
|
package/dist/internal/text.d.ts
CHANGED
|
@@ -18,12 +18,15 @@ import * as React from 'react';
|
|
|
18
18
|
* nothing, which is exactly right for every caller: a picture of a thing is not
|
|
19
19
|
* its name.
|
|
20
20
|
*
|
|
21
|
-
*
|
|
22
|
-
*
|
|
23
|
-
*
|
|
24
|
-
* pack so that a language can put a name
|
|
21
|
+
* Six places need it, and all six need it for the same reason — a string
|
|
22
|
+
* where React would otherwise hand them a tree. `PlBreadcrumb` puts a step's
|
|
23
|
+
* `name` into structured data, `PlChip` and `PlTransfer` hand a chip's words
|
|
24
|
+
* and a list's heading to the label pack so that a language can put a name
|
|
25
|
+
* where its own grammar puts it, `PlSelect` holds its trigger open at the
|
|
26
|
+
* width of its labels' words without drawing a picture in any of them,
|
|
25
27
|
* `PlAnimateTyping` types a string one grapheme at a time, because there is no
|
|
26
|
-
* honest way to reveal half of a `<strong
|
|
28
|
+
* honest way to reveal half of a `<strong>`, and a chart's axis writes what a
|
|
29
|
+
* `tickFormat` returned into an SVG `<text>`, which holds words and no markup.
|
|
27
30
|
*/
|
|
28
31
|
export declare function textOf(node: React.ReactNode): string;
|
|
29
32
|
/**
|
package/dist/internal/window.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as i}from"react/jsx-runtime";import{cx as t}from"./styles.js";const o={macos:{bar:38,radius:10,radiusBottom:10,padX:12,padEnd:12,gap:8,title:13,glyph:7,weight:500,frame:1,band:{side:0,bottom:0},control:{width:12,height:12},titleAlign:"center",controlsSide:"start",shape:"dot",rule:!1,stroke:1.4,boxRadius:0,tint:[6,3],accentBorder:!1,paint:null,image:null,shadow:null,glass:!1},macosx:{bar:26,radius:8,radiusBottom:0,padX:10,padEnd:10,gap:8,title:12,glyph:7,weight:700,frame:1,band:{side:0,bottom:0},control:{width:13,height:13},titleAlign:"center",controlsSide:"start",shape:"gloss-dot",rule:!0,stroke:1.5,boxRadius:0,tint:[0,0],accentBorder:!1,paint:{fill:"#e4e4e4",ink:"#333333",dark:!1},image:"repeating-linear-gradient(180deg, rgb(255 255 255 / 0.55) 0 1px, rgb(0 0 0 / 0.035) 1px 2px), linear-gradient(180deg, rgb(255 255 255 / 0.8), rgb(0 0 0 / 0.07))",shadow:"0 1px 0 rgb(255 255 255 / 0.85)",glass:!1},windows11:{bar:32,radius:8,radiusBottom:8,padX:12,padEnd:0,gap:0,title:12,glyph:10,weight:400,frame:1,band:{side:0,bottom:0},control:{width:46,height:32},titleAlign:"start",controlsSide:"end",shape:"square",rule:!1,tint:[3,1],stroke:1,boxRadius:1.6,accentBorder:!1,paint:null,image:null,shadow:null,glass:!1},windows10:{bar:30,radius:0,radiusBottom:0,padX:10,padEnd:0,gap:0,title:12,glyph:10,weight:400,frame:1,band:{side:0,bottom:0},control:{width:45,height:30},titleAlign:"start",controlsSide:"end",shape:"square",rule:!0,tint:[0,0],stroke:.9,boxRadius:0,accentBorder:!0,paint:null,image:null,shadow:null,glass:!1},windows8:{bar:32,radius:0,radiusBottom:0,padX:10,padEnd:0,gap:0,title:12,glyph:11,weight:400,frame:2,band:{side:0,bottom:0},control:{width:45,height:32},titleAlign:"start",controlsSide:"end",shape:"square",rule:!1,tint:[0,0],stroke:1,boxRadius:0,accentBorder:!0,paint:null,image:null,shadow:null,glass:!1},windows7:{bar:30,radius:7,radiusBottom:0,padX:10,padEnd:3,gap:2,title:12,glyph:10,weight:400,frame:1,band:{side:7,bottom:7},control:{width:29,height:20},closeWidth:45,titleAlign:"start",controlsSide:"end",shape:"aero",rule:!1,tint:[0,0],stroke:1.1,boxRadius:0,accentBorder:!1,paint:{fill:"rgb(198 218 242 / 0.45)",ink:"#12314f",dark:!1},image:"linear-gradient(180deg, rgb(255 255 255 / 0.62), rgb(255 255 255 / 0.1) 46%, rgb(255 255 255 / 0.34) 88%, rgb(255 255 255 / 0.5))",shadow:"0 0 6px rgb(255 255 255 / 0.95), 0 0 3px rgb(255 255 255 / 0.95)",glass:!0},windowsxp:{bar:30,radius:8,radiusBottom:0,padX:6,padEnd:4,gap:2,title:13,glyph:9,weight:700,frame:1,band:{side:4,bottom:4},control:{width:21,height:21},closeWidth:26,titleAlign:"start",controlsSide:"end",shape:"plate",rule:!1,tint:[0,0],stroke:1.8,boxRadius:3,accentBorder:!1,paint:{fill:"#1f66d6",ink:"#ffffff",dark:!0},image:"linear-gradient(180deg, rgb(255 255 255 / 0.55), rgb(255 255 255 / 0.26) 7%, rgb(0 0 0 / 0.11) 42%, rgb(0 0 0 / 0.05) 56%, rgb(255 255 255 / 0.22) 76%, rgb(255 255 255 / 0.34) 88%, rgb(0 0 0 / 0.16) 96%, rgb(0 0 0 / 0.34))",shadow:"0 1px 1px rgb(0 0 0 / 0.45)",glass:!1},linux:{bar:44,radius:12,radiusBottom:12,padX:10,padEnd:10,gap:6,title:14,glyph:10,weight:600,frame:1,band:{side:0,bottom:0},control:{width:24,height:24},titleAlign:"center",controlsSide:"end",shape:"circle",rule:!1,stroke:1.2,boxRadius:0,tint:[11,5],accentBorder:!1,paint:null,image:null,shadow:null,glass:!1}},r={xs:.8,sm:.9,md:1,lg:1.15,xl:1.3};export function windowMetrics(e,i){const t=o[e],a=r[i],round=e=>Math.round(e*a),n={width:round(t.control.width),height:round(t.control.height)},s=round(t.gap),l=void 0===t.closeWidth?n.width:round(t.closeWidth);return{bar:round(t.bar),radius:t.radius,radiusBottom:t.radiusBottom,frame:t.frame,band:{side:round(t.band.side),bottom:round(t.band.bottom)},padX:round(t.padX),padEnd:round(t.padEnd),gap:s,title:round(t.title),glyph:round(t.glyph),weight:t.weight,control:n,controlsWidth:e=>e<=0?0:l+(e-1)*n.width+(e-1)*s,closeWidth:l}}export function windowChrome(e){return o[e]}const a={macos:["close","minimize","maximize"],macosx:["close","minimize","maximize"],windows11:["minimize","maximize","close"],windows10:["minimize","maximize","close"],windows8:["minimize","maximize","close"],windows7:["minimize","maximize","close"],windowsxp:["minimize","maximize","close"],linux:["minimize","maximize","close"]};export function orderControls(e,i){return a[e].filter(e=>i.includes(e))}function veil(e,i){const t=Math.round(100*(1-i));return t>=100?e:`color-mix(in oklab, ${e} ${t}%, transparent)`}export function windowSlots(e){const{os:i,color:t,accent:r,transparency:a,active:n,elevation:s}=e,l=o[i],d=Math.min(Math.max(a,0),1),
|
|
1
|
+
import{jsx as e,jsxs as i}from"react/jsx-runtime";import{cx as t}from"./styles.js";const o={macos:{bar:38,radius:10,radiusBottom:10,padX:12,padEnd:12,gap:8,title:13,glyph:7,weight:500,frame:1,band:{side:0,bottom:0},control:{width:12,height:12},titleAlign:"center",controlsSide:"start",shape:"dot",rule:!1,stroke:1.4,boxRadius:0,tint:[6,3],accentBorder:!1,paint:null,image:null,shadow:null,glass:!1},macosx:{bar:26,radius:8,radiusBottom:0,padX:10,padEnd:10,gap:8,title:12,glyph:7,weight:700,frame:1,band:{side:0,bottom:0},control:{width:13,height:13},titleAlign:"center",controlsSide:"start",shape:"gloss-dot",rule:!0,stroke:1.5,boxRadius:0,tint:[0,0],accentBorder:!1,paint:{fill:"#e4e4e4",ink:"#333333",dark:!1},image:"repeating-linear-gradient(180deg, rgb(255 255 255 / 0.55) 0 1px, rgb(0 0 0 / 0.035) 1px 2px), linear-gradient(180deg, rgb(255 255 255 / 0.8), rgb(0 0 0 / 0.07))",shadow:"0 1px 0 rgb(255 255 255 / 0.85)",glass:!1},windows11:{bar:32,radius:8,radiusBottom:8,padX:12,padEnd:0,gap:0,title:12,glyph:10,weight:400,frame:1,band:{side:0,bottom:0},control:{width:46,height:32},titleAlign:"start",controlsSide:"end",shape:"square",rule:!1,tint:[3,1],stroke:1,boxRadius:1.6,accentBorder:!1,paint:null,image:null,shadow:null,glass:!1},windows10:{bar:30,radius:0,radiusBottom:0,padX:10,padEnd:0,gap:0,title:12,glyph:10,weight:400,frame:1,band:{side:0,bottom:0},control:{width:45,height:30},titleAlign:"start",controlsSide:"end",shape:"square",rule:!0,tint:[0,0],stroke:.9,boxRadius:0,accentBorder:!0,paint:null,image:null,shadow:null,glass:!1},windows8:{bar:32,radius:0,radiusBottom:0,padX:10,padEnd:0,gap:0,title:12,glyph:11,weight:400,frame:2,band:{side:0,bottom:0},control:{width:45,height:32},titleAlign:"start",controlsSide:"end",shape:"square",rule:!1,tint:[0,0],stroke:1,boxRadius:0,accentBorder:!0,paint:null,image:null,shadow:null,glass:!1},windows7:{bar:30,radius:7,radiusBottom:0,padX:10,padEnd:3,gap:2,title:12,glyph:10,weight:400,frame:1,band:{side:7,bottom:7},control:{width:29,height:20},closeWidth:45,titleAlign:"start",controlsSide:"end",shape:"aero",rule:!1,tint:[0,0],stroke:1.1,boxRadius:0,accentBorder:!1,paint:{fill:"rgb(198 218 242 / 0.45)",ink:"#12314f",dark:!1},image:"linear-gradient(180deg, rgb(255 255 255 / 0.62), rgb(255 255 255 / 0.1) 46%, rgb(255 255 255 / 0.34) 88%, rgb(255 255 255 / 0.5))",shadow:"0 0 6px rgb(255 255 255 / 0.95), 0 0 3px rgb(255 255 255 / 0.95)",glass:!0},windowsxp:{bar:30,radius:8,radiusBottom:0,padX:6,padEnd:4,gap:2,title:13,glyph:9,weight:700,frame:1,band:{side:4,bottom:4},control:{width:21,height:21},closeWidth:26,titleAlign:"start",controlsSide:"end",shape:"plate",rule:!1,tint:[0,0],stroke:1.8,boxRadius:3,accentBorder:!1,paint:{fill:"#1f66d6",ink:"#ffffff",dark:!0},image:"linear-gradient(180deg, rgb(255 255 255 / 0.55), rgb(255 255 255 / 0.26) 7%, rgb(0 0 0 / 0.11) 42%, rgb(0 0 0 / 0.05) 56%, rgb(255 255 255 / 0.22) 76%, rgb(255 255 255 / 0.34) 88%, rgb(0 0 0 / 0.16) 96%, rgb(0 0 0 / 0.34))",shadow:"0 1px 1px rgb(0 0 0 / 0.45)",glass:!1},linux:{bar:44,radius:12,radiusBottom:12,padX:10,padEnd:10,gap:6,title:14,glyph:10,weight:600,frame:1,band:{side:0,bottom:0},control:{width:24,height:24},titleAlign:"center",controlsSide:"end",shape:"circle",rule:!1,stroke:1.2,boxRadius:0,tint:[11,5],accentBorder:!1,paint:null,image:null,shadow:null,glass:!1}},r={xs:.8,sm:.9,md:1,lg:1.15,xl:1.3};export function windowMetrics(e,i){const t=o[e],a=r[i],round=e=>Math.round(e*a),n={width:round(t.control.width),height:round(t.control.height)},s=round(t.gap),l=void 0===t.closeWidth?n.width:round(t.closeWidth);return{bar:round(t.bar),radius:t.radius,radiusBottom:t.radiusBottom,frame:t.frame,band:{side:round(t.band.side),bottom:round(t.band.bottom)},padX:round(t.padX),padEnd:round(t.padEnd),gap:s,title:round(t.title),glyph:round(t.glyph),weight:t.weight,control:n,controlsWidth:e=>e<=0?0:l+(e-1)*n.width+(e-1)*s,closeWidth:l}}export function windowChrome(e){return o[e]}const a={macos:["close","minimize","maximize"],macosx:["close","minimize","maximize"],windows11:["minimize","maximize","close"],windows10:["minimize","maximize","close"],windows8:["minimize","maximize","close"],windows7:["minimize","maximize","close"],windowsxp:["minimize","maximize","close"],linux:["minimize","maximize","close"]};export function orderControls(e,i){return a[e].filter(e=>i.includes(e))}function veil(e,i){const t=Math.round(100*(1-i));return t>=100?e:`color-mix(in oklab, ${e} ${t}%, transparent)`}export function windowSlots(e){const{os:i,color:t,accent:r,transparency:a,active:n,elevation:s}=e,l=o[i],d=Math.min(Math.max(a,0),1),c="var(--plass-surface)",p=l.tint[n?0:1],g=0===p?c:`color-mix(in oklab, ${c} ${100-p}%, var(--plass-fg))`,h=r&&n,u=l.paint,m=u?n?u.fill:`color-mix(in oklab, ${u.fill} 45%, #c6c9ce)`:null,b=h?`var(--plass-${t}-solid)`:m??g,w=h?`var(--plass-${t}-on-solid)`:u?n?u.ink:`color-mix(in oklab, ${u.ink} 60%, transparent)`:n?"var(--plass-fg)":"var(--plass-muted-fg)",x=l.band.side>0,f=x?veil(h?`var(--plass-${t}-solid)`:m??g,d):"transparent",v=x?`color-mix(in oklab, ${h?`var(--plass-${t}-solid)`:m??"var(--plass-border)"} 72%, black)`:h&&l.accentBorder?`var(--plass-${t}-solid)`:n?"var(--plass-border)":"color-mix(in oklab, var(--plass-border) 55%, transparent)",k=h||(u?.dark??!1);return{"--p-window-bar":veil(b,d),"--p-window-bar-fg":w,"--p-window-bar-image":l.image??"none","--p-window-bar-shadow":l.shadow??"none","--p-window-body":veil(c,d),"--p-window-line":v,"--p-window-band":f,"--p-window-hover":k?"rgb(255 255 255 / 0.18)":"color-mix(in oklab, var(--plass-fg) 9%, transparent)","--p-window-press":k?"rgb(255 255 255 / 0.28)":"color-mix(in oklab, var(--plass-fg) 16%, transparent)","--p-window-shadow":`var(--plass-shadow-${n?s:Math.max(s-1,0)})`,"--p-accent":`var(--plass-${t}-accent)`,"--p-ring":`var(--plass-${t}-ring)`}}function Glyph({size:i,stroke:t,round:o,children:r}){return e("svg",{viewBox:"0 0 10 10",width:i,height:i,fill:"none",stroke:"currentColor",strokeWidth:t,strokeLinecap:o?"round":"square",strokeLinejoin:o?"round":"miter","aria-hidden":"true",children:r})}function controlGlyph(t,o,r,a){const n=r.stroke,s=r.boxRadius>0||"square"!==r.shape,l=r.boxRadius;return"minimize"===t?e(Glyph,{size:a,stroke:n,round:s,children:e("path",{d:"plate"===r.shape?"M2 7.5h6":"M1.5 5h7"})}):"close"===t?e(Glyph,{size:a,stroke:n,round:s,children:e("path",{d:"m1.6 1.6 6.8 6.8M8.4 1.6 1.6 8.4"})}):o?i(Glyph,{size:a,stroke:n,round:s,children:[e("rect",{x:"1.4",y:"3.4",width:"5.2",height:"5.2",rx:l}),e("path",{d:"M3.6 3.4v-2h5v5h-2"})]}):e(Glyph,{size:a,stroke:n,round:s,children:e("rect",{x:"1.5",y:"1.5",width:"7",height:"7",rx:l})})}const n={close:"#ff5f57",minimize:"#febc2e",maximize:"#28c840"},s={close:"#cf4b36",minimize:"#4b85d4",maximize:"#4b85d4"},l={macos:null,macosx:null,windows11:"#c42b1c",windows10:"#e81123",windows8:"#e81123",windows7:"#e04a45",windowsxp:null,linux:null};export function PlWindowControls({os:i,metrics:r,controls:a,maximized:d,active:c,labels:p,onCommand:g}){const h=o[i],u=orderControls(i,a);if(0===u.length)return null;const m="dot"===h.shape||"gloss-dot"===h.shape,b="circle"===h.shape,w="plate"===h.shape,x="aero"===h.shape;return e("div",{className:t("group/controls flex shrink-0 items-center","cursor-default",x?"self-start":"self-stretch"),style:{gap:r.gap},onPointerDown:e=>e.stopPropagation(),onDoubleClick:e=>e.stopPropagation(),children:u.map(o=>{const a="maximize"===o&&d?p.restore:p[o],u="close"===o?l[i]:null,{face:f,ink:v,image:k,plate:y}=function controlFace(e,i,t){switch(e.shape){case"dot":case"gloss-dot":return{face:t?n[i]:"color-mix(in oklab, var(--plass-fg) 22%, transparent)",ink:"rgb(0 0 0 / 0.55)",image:"gloss-dot"===e.shape?"radial-gradient(circle at 50% 26%, rgb(255 255 255 / 0.8), rgb(255 255 255 / 0) 62%)":void 0,plate:"gloss-dot"===e.shape?"inset 0 0 0 1px rgb(0 0 0 / 0.22), inset 0 -1px 1px rgb(0 0 0 / 0.15)":void 0};case"plate":return{face:t?s[i]:`color-mix(in oklab, ${s[i]} 45%, #c6c9ce)`,ink:"#ffffff",image:"linear-gradient(180deg, rgb(255 255 255 / 0.5), rgb(255 255 255 / 0.05) 55%, rgb(0 0 0 / 0.14))",plate:"inset 0 0 0 1px rgb(255 255 255 / 0.4)"};case"aero":return{face:"rgb(255 255 255 / 0.3)",image:"linear-gradient(180deg, rgb(255 255 255 / 0.6), rgb(255 255 255 / 0.08) 52%, rgb(255 255 255 / 0.3))",plate:"inset 0 0 0 1px rgb(255 255 255 / 0.55)"};default:return{}}}(h,o,c);return e("button",{type:"button","aria-label":a,title:a,className:t("group/control relative flex shrink-0 cursor-pointer items-center justify-center","[transition:background-color_var(--plass-duration)_var(--plass-ease),color_var(--plass-duration)_var(--plass-ease),filter_var(--plass-duration)_var(--plass-ease)]","motion-reduce:[transition-duration:0ms]","focus-visible:[outline:2px_solid_var(--p-ring)] focus-visible:[outline-offset:-2px]",m||b?"rounded-full":"",b?"bg-(--p-window-hover)":"",f?"bg-(--p-window-face)":"",u?"hover:bg-(--p-window-danger) hover:text-white active:bg-(--p-window-danger) active:text-white":m?"":w?"hover:brightness-110 active:brightness-95":b?"hover:bg-(--p-window-press) active:bg-(--p-window-press)":x?"hover:brightness-110 active:brightness-95":"hover:bg-(--p-window-hover) active:bg-(--p-window-press)"),style:{width:m?r.control.height:"close"===o?r.closeWidth:r.control.width,height:r.control.height,borderRadius:w?h.boxRadius+1:x?"0 0 3px 3px":void 0,backgroundImage:k,boxShadow:y,color:v,...f?{"--p-window-face":f}:{},...u?{"--p-window-danger":u}:{}},onClick:()=>g(o),children:e("span",{className:t("flex items-center justify-center",m?"opacity-0 [transition:opacity_var(--plass-duration)_var(--plass-ease)] motion-reduce:[transition-duration:0ms] group-hover/controls:opacity-100 group-focus-visible/control:opacity-100":""),children:controlGlyph(o,d,h,r.glyph)})},o)})})}
|
package/dist/locales/de.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export const de={close:"Schließen",cancel:"Abbrechen",confirm:"Bestätigen",acknowledge:"OK",clear:"Leeren",done:"Fertig",skip:"Überspringen",search:"Suchen",selectAll:"Alle auswählen",selectRow:"Zeile auswählen",remove:"Entfernen",dismiss:"Ausblenden",open:"Öffnen",previous:"Zurück",next:"Weiter",reveal:"Anzeigen",hide:"Verbergen",increase:"Erhöhen",decrease:"Verringern",preview:"Vorschau",empty:"Nichts vorhanden",optional:"Optional",breadcrumb:"Navigationspfad",breadcrumbExpand:"Ausgeblendete Schritte anzeigen",carousel:"Karussell",carouselPrevious:"Vorheriges Bild",carouselNext:"Nächstes Bild",slide:"Bild",commandPalette:"Befehlspalette",commandPalettePlaceholder:"Befehle durchsuchen",gallery:"Galerie",chart:"Diagramm",minimize:"Minimieren",maximize:"Maximieren",restore:"Wiederherstellen",resizeWindow:"Fenstergröße ändern",overlay:"Overlay",notifications:"Benachrichtigungen",pagination:"Seitennavigation",paginationPrevious:"Vorherige Seite",paginationNext:"Nächste Seite",paginationFirst:"Erste Seite",paginationLast:"Letzte Seite",rating:"Bewertung",sidebar:"Seitenleiste",sidebarOpen:"Seitenleiste öffnen",sidebarClose:"Seitenleiste schließen",sidebarResize:"Breite der Seitenleiste ändern",skipToContent:"Zum Inhalt springen",backToTop:"Nach oben",onThisPage:"Auf dieser Seite",typing:"Schreibt …",messageSending:"Wird gesendet",messageSent:"Gesendet",messageDelivered:"Zugestellt",messageRead:"Gelesen",messageFailed:"Nicht zugestellt",spoilerWarning:"Kann Spoiler enthalten",filePickerTitle:"Dateien hier ablegen oder zum Durchsuchen klicken",newTab:"(wird in einem neuen Tab geöffnet)",transferAvailable:"Verfügbar",transferSelected:"Ausgewählt",transferToSelected:"Zu den ausgewählten verschieben",transferToAvailable:"Zu den verfügbaren verschieben",copy:"Kopieren",copied:"Kopiert",copyFailed:"Kopieren nicht möglich",raw:"Unformatiert",code:"Code",previousMonth:"Vorheriger Monat",nextMonth:"Nächster Monat",previousYear:"Vorheriges Jahr",nextYear:"Nächstes Jahr",previousYears:"Vorherige Jahre",nextYears:"Nächste Jahre",chooseMonth:"Monat wählen",chooseYear:"Jahr wählen",today:"Heute",thisMonth:"Dieser Monat",thisYear:"Dieses Jahr",now:"Jetzt",hour:"Stunde",minute:"Minute",second:"Sekunde",meridiem:"AM/PM",start:"Beginn",end:"Ende",paginationPage:e=>`Seite ${e}`,paginationStatus:(e,n)=>`Seite ${e} von ${n}`,ratingValue:(e,n)=>`${e.toLocaleString("de")} von ${n}`,ratingNone:"Keine Bewertung",carouselSlide:(e,n)=>`Bild ${e} von ${n}`,galleryItem:(e,n)=>`${e} von ${n}`,removeItem:e=>`${e} entfernen`,addCustom:e=>`„${e}“ hinzufügen`,otpSlot:(e,n)=>`Zeichen ${e} von ${n}`,transferMoved:(e,n)=>`${e} ${1===e?"Eintrag":"Einträge"} nach „${n}“ verschoben`};
|
|
1
|
+
export const de={close:"Schließen",cancel:"Abbrechen",confirm:"Bestätigen",acknowledge:"OK",clear:"Leeren",done:"Fertig",skip:"Überspringen",search:"Suchen",selectAll:"Alle auswählen",selectRow:"Zeile auswählen",remove:"Entfernen",dismiss:"Ausblenden",open:"Öffnen",previous:"Zurück",next:"Weiter",reveal:"Anzeigen",hide:"Verbergen",increase:"Erhöhen",decrease:"Verringern",preview:"Vorschau",empty:"Nichts vorhanden",optional:"Optional",loading:"Wird geladen",breadcrumb:"Navigationspfad",breadcrumbExpand:"Ausgeblendete Schritte anzeigen",carousel:"Karussell",carouselPrevious:"Vorheriges Bild",carouselNext:"Nächstes Bild",carouselPlay:"Diashow starten",carouselStop:"Diashow anhalten",slide:"Bild",commandPalette:"Befehlspalette",commandPalettePlaceholder:"Befehle durchsuchen",gallery:"Galerie",chart:"Diagramm",chartOther:"Sonstige",chartMore:e=>`${e} weitere`,chartFewer:"Weniger anzeigen",minimize:"Minimieren",maximize:"Maximieren",restore:"Wiederherstellen",resizeWindow:"Fenstergröße ändern",moveWindow:"Fenster verschieben",overlay:"Overlay",notifications:"Benachrichtigungen",pagination:"Seitennavigation",paginationPrevious:"Vorherige Seite",paginationNext:"Nächste Seite",paginationFirst:"Erste Seite",paginationLast:"Letzte Seite",rating:"Bewertung",sidebar:"Seitenleiste",sidebarOpen:"Seitenleiste öffnen",sidebarClose:"Seitenleiste schließen",sidebarResize:"Breite der Seitenleiste ändern",skipToContent:"Zum Inhalt springen",backToTop:"Nach oben",onThisPage:"Auf dieser Seite",typing:"Schreibt …",messageSending:"Wird gesendet",messageSent:"Gesendet",messageDelivered:"Zugestellt",messageRead:"Gelesen",messageFailed:"Nicht zugestellt",spoilerWarning:"Kann Spoiler enthalten",filePickerTitle:"Dateien hier ablegen oder zum Durchsuchen klicken",newTab:"(wird in einem neuen Tab geöffnet)",transferAvailable:"Verfügbar",transferSelected:"Ausgewählt",transferToSelected:"Zu den ausgewählten verschieben",transferToAvailable:"Zu den verfügbaren verschieben",copy:"Kopieren",copied:"Kopiert",copyFailed:"Kopieren nicht möglich",raw:"Unformatiert",code:"Code",previousMonth:"Vorheriger Monat",nextMonth:"Nächster Monat",previousYear:"Vorheriges Jahr",nextYear:"Nächstes Jahr",previousYears:"Vorherige Jahre",nextYears:"Nächste Jahre",chooseMonth:"Monat wählen",chooseYear:"Jahr wählen",today:"Heute",thisMonth:"Dieser Monat",thisYear:"Dieses Jahr",now:"Jetzt",hour:"Stunde",minute:"Minute",second:"Sekunde",meridiem:"AM/PM",start:"Beginn",end:"Ende",paginationPage:e=>`Seite ${e}`,paginationStatus:(e,n)=>`Seite ${e} von ${n}`,ratingValue:(e,n)=>`${e.toLocaleString("de")} von ${n}`,ratingNone:"Keine Bewertung",carouselSlide:(e,n)=>`Bild ${e} von ${n}`,galleryItem:(e,n)=>`${e} von ${n}`,removeItem:e=>`${e} entfernen`,addCustom:e=>`„${e}“ hinzufügen`,otpSlot:(e,n)=>`Zeichen ${e} von ${n}`,transferSelectAll:e=>`Alle in „${e}“ auswählen`,transferMoved:(e,n)=>`${e} ${1===e?"Eintrag":"Einträge"} nach „${n}“ verschoben`,filesRejectedType:e=>`${e} ${1===e?"Datei hat":"Dateien haben"} keinen zulässigen Typ`,filesRejectedSize:e=>`${e} ${1===e?"Datei ist":"Dateien sind"} zu groß`,filesRejectedCount:e=>`Für ${e} ${1===e?"Datei":"Dateien"} war kein Platz mehr`};
|
package/dist/locales/es.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export const es={close:"Cerrar",cancel:"Cancelar",confirm:"Confirmar",acknowledge:"Aceptar",clear:"Borrar",done:"Hecho",skip:"Omitir",search:"Buscar",selectAll:"Seleccionar todo",selectRow:"Seleccionar fila",remove:"Quitar",dismiss:"Descartar",open:"Abrir",previous:"Anterior",next:"Siguiente",reveal:"Mostrar",hide:"Ocultar",increase:"Aumentar",decrease:"Disminuir",preview:"Vista previa",empty:"No hay nada aquí",optional:"Opcional",breadcrumb:"Ruta de navegación",breadcrumbExpand:"Mostrar los pasos ocultos",carousel:"Carrusel",carouselPrevious:"Diapositiva anterior",carouselNext:"Diapositiva siguiente",slide:"diapositiva",commandPalette:"Paleta de comandos",commandPalettePlaceholder:"Buscar comandos",gallery:"Galería",chart:"Gráfico",minimize:"Minimizar",maximize:"Maximizar",restore:"Restaurar",resizeWindow:"Redimensionar la ventana",overlay:"Capa",notifications:"Notificaciones",pagination:"Paginación",paginationPrevious:"Página anterior",paginationNext:"Página siguiente",paginationFirst:"Primera página",paginationLast:"Última página",rating:"Valoración",sidebar:"Barra lateral",sidebarOpen:"Abrir la barra lateral",sidebarClose:"Cerrar la barra lateral",sidebarResize:"Redimensionar la barra lateral",skipToContent:"Saltar al contenido",backToTop:"Volver arriba",onThisPage:"En esta página",typing:"Escribiendo…",messageSending:"Enviando",messageSent:"Enviado",messageDelivered:"Entregado",messageRead:"Leído",messageFailed:"No entregado",spoilerWarning:"Puede contener spoilers",filePickerTitle:"Suelta archivos aquí o haz clic para buscarlos",newTab:"(se abre en una pestaña nueva)",transferAvailable:"Disponibles",transferSelected:"Seleccionados",transferToSelected:"Mover a seleccionados",transferToAvailable:"Mover a disponibles",copy:"Copiar",copied:"Copiado",copyFailed:"No se pudo copiar",raw:"Sin formato",code:"Código",previousMonth:"Mes anterior",nextMonth:"Mes siguiente",previousYear:"Año anterior",nextYear:"Año siguiente",previousYears:"Años anteriores",nextYears:"Años siguientes",chooseMonth:"Elegir un mes",chooseYear:"Elegir un año",today:"Hoy",thisMonth:"Este mes",thisYear:"Este año",now:"Ahora",hour:"Hora",minute:"Minuto",second:"Segundo",meridiem:"a. m./p. m.",start:"Inicio",end:"Fin",paginationPage:e=>`Página ${e}`,paginationStatus:(e,a)=>`Página ${e} de ${a}`,ratingValue:(e,a)=>`${e.toLocaleString("es")} de ${a}`,ratingNone:"Sin valoración",carouselSlide:(e,a)=>`Diapositiva ${e} de ${a}`,galleryItem:(e,a)=>`${e} de ${a}`,removeItem:e=>`Quitar ${e}`,addCustom:e=>`Añadir «${e}»`,otpSlot:(e,a)=>`Carácter ${e} de ${a}`,transferMoved:(e,a)=>`${e} ${1===e?"elemento movido":"elementos movidos"} a «${a}
|
|
1
|
+
export const es={close:"Cerrar",cancel:"Cancelar",confirm:"Confirmar",acknowledge:"Aceptar",clear:"Borrar",done:"Hecho",skip:"Omitir",search:"Buscar",selectAll:"Seleccionar todo",selectRow:"Seleccionar fila",remove:"Quitar",dismiss:"Descartar",open:"Abrir",previous:"Anterior",next:"Siguiente",reveal:"Mostrar",hide:"Ocultar",increase:"Aumentar",decrease:"Disminuir",preview:"Vista previa",empty:"No hay nada aquí",optional:"Opcional",loading:"Cargando",breadcrumb:"Ruta de navegación",breadcrumbExpand:"Mostrar los pasos ocultos",carousel:"Carrusel",carouselPrevious:"Diapositiva anterior",carouselNext:"Diapositiva siguiente",carouselPlay:"Iniciar la presentación",carouselStop:"Detener la presentación",slide:"diapositiva",commandPalette:"Paleta de comandos",commandPalettePlaceholder:"Buscar comandos",gallery:"Galería",chart:"Gráfico",chartOther:"Otros",chartMore:e=>`${e} más`,chartFewer:"Mostrar menos",minimize:"Minimizar",maximize:"Maximizar",restore:"Restaurar",resizeWindow:"Redimensionar la ventana",moveWindow:"Mover la ventana",overlay:"Capa",notifications:"Notificaciones",pagination:"Paginación",paginationPrevious:"Página anterior",paginationNext:"Página siguiente",paginationFirst:"Primera página",paginationLast:"Última página",rating:"Valoración",sidebar:"Barra lateral",sidebarOpen:"Abrir la barra lateral",sidebarClose:"Cerrar la barra lateral",sidebarResize:"Redimensionar la barra lateral",skipToContent:"Saltar al contenido",backToTop:"Volver arriba",onThisPage:"En esta página",typing:"Escribiendo…",messageSending:"Enviando",messageSent:"Enviado",messageDelivered:"Entregado",messageRead:"Leído",messageFailed:"No entregado",spoilerWarning:"Puede contener spoilers",filePickerTitle:"Suelta archivos aquí o haz clic para buscarlos",newTab:"(se abre en una pestaña nueva)",transferAvailable:"Disponibles",transferSelected:"Seleccionados",transferToSelected:"Mover a seleccionados",transferToAvailable:"Mover a disponibles",copy:"Copiar",copied:"Copiado",copyFailed:"No se pudo copiar",raw:"Sin formato",code:"Código",previousMonth:"Mes anterior",nextMonth:"Mes siguiente",previousYear:"Año anterior",nextYear:"Año siguiente",previousYears:"Años anteriores",nextYears:"Años siguientes",chooseMonth:"Elegir un mes",chooseYear:"Elegir un año",today:"Hoy",thisMonth:"Este mes",thisYear:"Este año",now:"Ahora",hour:"Hora",minute:"Minuto",second:"Segundo",meridiem:"a. m./p. m.",start:"Inicio",end:"Fin",paginationPage:e=>`Página ${e}`,paginationStatus:(e,a)=>`Página ${e} de ${a}`,ratingValue:(e,a)=>`${e.toLocaleString("es")} de ${a}`,ratingNone:"Sin valoración",carouselSlide:(e,a)=>`Diapositiva ${e} de ${a}`,galleryItem:(e,a)=>`${e} de ${a}`,removeItem:e=>`Quitar ${e}`,addCustom:e=>`Añadir «${e}»`,otpSlot:(e,a)=>`Carácter ${e} de ${a}`,transferSelectAll:e=>`Seleccionar todo en «${e}»`,transferMoved:(e,a)=>`${e} ${1===e?"elemento movido":"elementos movidos"} a «${a}»`,filesRejectedType:e=>`${e} ${1===e?"archivo no tiene":"archivos no tienen"} un tipo admitido`,filesRejectedSize:e=>`${e} ${1===e?"archivo es demasiado grande":"archivos son demasiado grandes"}`,filesRejectedCount:e=>`No había sitio para ${e} ${1===e?"archivo":"archivos"}`};
|
package/dist/locales/fr.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export const fr={close:"Fermer",cancel:"Annuler",confirm:"Confirmer",acknowledge:"OK",clear:"Effacer",done:"Terminé",skip:"Ignorer",search:"Rechercher",selectAll:"Tout sélectionner",selectRow:"Sélectionner la ligne",remove:"Retirer",dismiss:"Masquer",open:"Ouvrir",previous:"Précédent",next:"Suivant",reveal:"Afficher",hide:"Masquer",increase:"Augmenter",decrease:"Diminuer",preview:"Aperçu",empty:"Rien ici",optional:"Facultatif",breadcrumb:"Fil d’Ariane",breadcrumbExpand:"Afficher les étapes masquées",carousel:"Carrousel",carouselPrevious:"Diapositive précédente",carouselNext:"Diapositive suivante",slide:"diapositive",commandPalette:"Palette de commandes",commandPalettePlaceholder:"Rechercher une commande",gallery:"Galerie",chart:"Graphique",minimize:"Réduire",maximize:"Agrandir",restore:"Restaurer",resizeWindow:"Redimensionner la fenêtre",overlay:"Voile",notifications:"Notifications",pagination:"Pagination",paginationPrevious:"Page précédente",paginationNext:"Page suivante",paginationFirst:"Première page",paginationLast:"Dernière page",rating:"Note",sidebar:"Barre latérale",sidebarOpen:"Ouvrir la barre latérale",sidebarClose:"Fermer la barre latérale",sidebarResize:"Redimensionner la barre latérale",skipToContent:"Aller au contenu",backToTop:"Revenir en haut",onThisPage:"Sur cette page",typing:"Écrit…",messageSending:"Envoi en cours",messageSent:"Envoyé",messageDelivered:"Distribué",messageRead:"Lu",messageFailed:"Non distribué",spoilerWarning:"Peut contenir des spoilers",filePickerTitle:"Déposez des fichiers ici ou cliquez pour parcourir",newTab:"(s’ouvre dans un nouvel onglet)",transferAvailable:"Disponibles",transferSelected:"Sélectionnés",transferToSelected:"Déplacer vers les sélectionnés",transferToAvailable:"Déplacer vers les disponibles",copy:"Copier",copied:"Copié",copyFailed:"Copie impossible",raw:"Brut",code:"Code",previousMonth:"Mois précédent",nextMonth:"Mois suivant",previousYear:"Année précédente",nextYear:"Année suivante",previousYears:"Années précédentes",nextYears:"Années suivantes",chooseMonth:"Choisir un mois",chooseYear:"Choisir une année",today:"Aujourd’hui",thisMonth:"Ce mois-ci",thisYear:"Cette année",now:"Maintenant",hour:"Heure",minute:"Minute",second:"Seconde",meridiem:"AM/PM",start:"Début",end:"Fin",paginationPage:e=>`Page ${e}`,paginationStatus:(e,r)=>`Page ${e} sur ${r}`,ratingValue:(e,r)=>`${e.toLocaleString("fr")} sur ${r}`,ratingNone:"Aucune note",carouselSlide:(e,r)=>`Diapositive ${e} sur ${r}`,galleryItem:(e,r)=>`${e} sur ${r}`,removeItem:e=>`Retirer ${e}`,addCustom:e=>`Ajouter « ${e} »`,otpSlot:(e,r)=>`Caractère ${e} sur ${r}`,transferMoved:(e,r)=>`${e} ${1===e?"élément déplacé":"éléments déplacés"} vers « ${r}
|
|
1
|
+
export const fr={close:"Fermer",cancel:"Annuler",confirm:"Confirmer",acknowledge:"OK",clear:"Effacer",done:"Terminé",skip:"Ignorer",search:"Rechercher",selectAll:"Tout sélectionner",selectRow:"Sélectionner la ligne",remove:"Retirer",dismiss:"Masquer",open:"Ouvrir",previous:"Précédent",next:"Suivant",reveal:"Afficher",hide:"Masquer",increase:"Augmenter",decrease:"Diminuer",preview:"Aperçu",empty:"Rien ici",optional:"Facultatif",loading:"Chargement",breadcrumb:"Fil d’Ariane",breadcrumbExpand:"Afficher les étapes masquées",carousel:"Carrousel",carouselPrevious:"Diapositive précédente",carouselNext:"Diapositive suivante",carouselPlay:"Lancer le diaporama",carouselStop:"Arrêter le diaporama",slide:"diapositive",commandPalette:"Palette de commandes",commandPalettePlaceholder:"Rechercher une commande",gallery:"Galerie",chart:"Graphique",chartOther:"Autres",chartMore:e=>`${e} de plus`,chartFewer:"Afficher moins",minimize:"Réduire",maximize:"Agrandir",restore:"Restaurer",resizeWindow:"Redimensionner la fenêtre",moveWindow:"Déplacer la fenêtre",overlay:"Voile",notifications:"Notifications",pagination:"Pagination",paginationPrevious:"Page précédente",paginationNext:"Page suivante",paginationFirst:"Première page",paginationLast:"Dernière page",rating:"Note",sidebar:"Barre latérale",sidebarOpen:"Ouvrir la barre latérale",sidebarClose:"Fermer la barre latérale",sidebarResize:"Redimensionner la barre latérale",skipToContent:"Aller au contenu",backToTop:"Revenir en haut",onThisPage:"Sur cette page",typing:"Écrit…",messageSending:"Envoi en cours",messageSent:"Envoyé",messageDelivered:"Distribué",messageRead:"Lu",messageFailed:"Non distribué",spoilerWarning:"Peut contenir des spoilers",filePickerTitle:"Déposez des fichiers ici ou cliquez pour parcourir",newTab:"(s’ouvre dans un nouvel onglet)",transferAvailable:"Disponibles",transferSelected:"Sélectionnés",transferToSelected:"Déplacer vers les sélectionnés",transferToAvailable:"Déplacer vers les disponibles",copy:"Copier",copied:"Copié",copyFailed:"Copie impossible",raw:"Brut",code:"Code",previousMonth:"Mois précédent",nextMonth:"Mois suivant",previousYear:"Année précédente",nextYear:"Année suivante",previousYears:"Années précédentes",nextYears:"Années suivantes",chooseMonth:"Choisir un mois",chooseYear:"Choisir une année",today:"Aujourd’hui",thisMonth:"Ce mois-ci",thisYear:"Cette année",now:"Maintenant",hour:"Heure",minute:"Minute",second:"Seconde",meridiem:"AM/PM",start:"Début",end:"Fin",paginationPage:e=>`Page ${e}`,paginationStatus:(e,r)=>`Page ${e} sur ${r}`,ratingValue:(e,r)=>`${e.toLocaleString("fr")} sur ${r}`,ratingNone:"Aucune note",carouselSlide:(e,r)=>`Diapositive ${e} sur ${r}`,galleryItem:(e,r)=>`${e} sur ${r}`,removeItem:e=>`Retirer ${e}`,addCustom:e=>`Ajouter « ${e} »`,otpSlot:(e,r)=>`Caractère ${e} sur ${r}`,transferSelectAll:e=>`Tout sélectionner dans « ${e} »`,transferMoved:(e,r)=>`${e} ${1===e?"élément déplacé":"éléments déplacés"} vers « ${r} »`,filesRejectedType:e=>`${e} ${1===e?"fichier n'a pas":"fichiers n'ont pas"} un type accepté`,filesRejectedSize:e=>`${e} ${1===e?"fichier est trop volumineux":"fichiers sont trop volumineux"}`,filesRejectedCount:e=>`Il n'y avait plus de place pour ${e} ${1===e?"fichier":"fichiers"}`};
|
package/dist/locales/ja.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export const ja={close:"閉じる",cancel:"キャンセル",confirm:"確認",acknowledge:"OK",clear:"クリア",done:"完了",skip:"スキップ",search:"検索",selectAll:"すべて選択",selectRow:"行を選択",remove:"削除",dismiss:"閉じる",open:"開く",previous:"前へ",next:"次へ",reveal:"表示",hide:"非表示",increase:"増やす",decrease:"減らす",preview:"プレビュー",empty:"項目がありません",optional:"任意",breadcrumb:"パンくずリスト",breadcrumbExpand:"省略された階層を表示",carousel:"カルーセル",carouselPrevious:"前のスライド",carouselNext:"次のスライド",slide:"スライド",commandPalette:"コマンドパレット",commandPalettePlaceholder:"コマンドを検索",gallery:"ギャラリー",chart:"グラフ",minimize:"最小化",maximize:"最大化",restore:"元に戻す",resizeWindow:"ウィンドウのサイズを変更",overlay:"オーバーレイ",notifications:"通知",pagination:"ページ送り",paginationPrevious:"前のページ",paginationNext:"次のページ",paginationFirst:"最初のページ",paginationLast:"最後のページ",rating:"評価",sidebar:"サイドバー",sidebarOpen:"サイドバーを開く",sidebarClose:"サイドバーを閉じる",sidebarResize:"サイドバーの幅を変更",skipToContent:"本文へスキップ",backToTop:"ページの先頭へ",onThisPage:"このページの目次",typing:"入力中…",messageSending:"送信中",messageSent:"送信済み",messageDelivered:"配信済み",messageRead:"既読",messageFailed:"未配信",spoilerWarning:"ネタバレを含む可能性があります",filePickerTitle:"ここにファイルをドロップするか、クリックして選択",newTab:"(新しいタブで開きます)",transferAvailable:"未選択",transferSelected:"選択済み",transferToSelected:"選択済みへ移動",transferToAvailable:"未選択へ移動",copy:"コピー",copied:"コピーしました",copyFailed:"コピーできません",raw:"元のまま",code:"コード",previousMonth:"前の月",nextMonth:"次の月",previousYear:"前の年",nextYear:"次の年",previousYears:"前の年一覧",nextYears:"次の年一覧",chooseMonth:"月を選択",chooseYear:"年を選択",today:"今日",thisMonth:"今月",thisYear:"今年",now:"現在",hour:"時",minute:"分",second:"秒",meridiem:"午前/午後",start:"開始",end:"終了",paginationPage:e=>`${e}ページ`,paginationStatus:(e,a)=>`${a}ページ中${e}ページ`,ratingValue:(e,a)=>`${a}点中${e.toLocaleString("ja")}点`,ratingNone:"評価なし",carouselSlide:(e,a)=>`${a}枚中${e}枚目のスライド`,galleryItem:(e,a)=>`${a}枚中${e}枚目`,removeItem:e=>`${e}を削除`,addCustom:e=>`「${e}」を追加`,otpSlot:(e,a)=>`${a}桁中${e}桁目`,transferMoved:(e,a)=>`${e}件を「${a}
|
|
1
|
+
export const ja={close:"閉じる",cancel:"キャンセル",confirm:"確認",acknowledge:"OK",clear:"クリア",done:"完了",skip:"スキップ",search:"検索",selectAll:"すべて選択",selectRow:"行を選択",remove:"削除",dismiss:"閉じる",open:"開く",previous:"前へ",next:"次へ",reveal:"表示",hide:"非表示",increase:"増やす",decrease:"減らす",preview:"プレビュー",empty:"項目がありません",optional:"任意",loading:"読み込み中",breadcrumb:"パンくずリスト",breadcrumbExpand:"省略された階層を表示",carousel:"カルーセル",carouselPrevious:"前のスライド",carouselNext:"次のスライド",carouselPlay:"スライドショーを再生",carouselStop:"スライドショーを停止",slide:"スライド",commandPalette:"コマンドパレット",commandPalettePlaceholder:"コマンドを検索",gallery:"ギャラリー",chart:"グラフ",chartOther:"その他",chartMore:e=>`他${e}件`,chartFewer:"表示を減らす",minimize:"最小化",maximize:"最大化",restore:"元に戻す",resizeWindow:"ウィンドウのサイズを変更",moveWindow:"ウィンドウを移動",overlay:"オーバーレイ",notifications:"通知",pagination:"ページ送り",paginationPrevious:"前のページ",paginationNext:"次のページ",paginationFirst:"最初のページ",paginationLast:"最後のページ",rating:"評価",sidebar:"サイドバー",sidebarOpen:"サイドバーを開く",sidebarClose:"サイドバーを閉じる",sidebarResize:"サイドバーの幅を変更",skipToContent:"本文へスキップ",backToTop:"ページの先頭へ",onThisPage:"このページの目次",typing:"入力中…",messageSending:"送信中",messageSent:"送信済み",messageDelivered:"配信済み",messageRead:"既読",messageFailed:"未配信",spoilerWarning:"ネタバレを含む可能性があります",filePickerTitle:"ここにファイルをドロップするか、クリックして選択",newTab:"(新しいタブで開きます)",transferAvailable:"未選択",transferSelected:"選択済み",transferToSelected:"選択済みへ移動",transferToAvailable:"未選択へ移動",copy:"コピー",copied:"コピーしました",copyFailed:"コピーできません",raw:"元のまま",code:"コード",previousMonth:"前の月",nextMonth:"次の月",previousYear:"前の年",nextYear:"次の年",previousYears:"前の年一覧",nextYears:"次の年一覧",chooseMonth:"月を選択",chooseYear:"年を選択",today:"今日",thisMonth:"今月",thisYear:"今年",now:"現在",hour:"時",minute:"分",second:"秒",meridiem:"午前/午後",start:"開始",end:"終了",paginationPage:e=>`${e}ページ`,paginationStatus:(e,a)=>`${a}ページ中${e}ページ`,ratingValue:(e,a)=>`${a}点中${e.toLocaleString("ja")}点`,ratingNone:"評価なし",carouselSlide:(e,a)=>`${a}枚中${e}枚目のスライド`,galleryItem:(e,a)=>`${a}枚中${e}枚目`,removeItem:e=>`${e}を削除`,addCustom:e=>`「${e}」を追加`,otpSlot:(e,a)=>`${a}桁中${e}桁目`,transferSelectAll:e=>`「${e}」をすべて選択`,transferMoved:(e,a)=>`${e}件を「${a}」に移動しました`,filesRejectedType:e=>`${e}件は受け付けられない種類です`,filesRejectedSize:e=>`${e}件は大きすぎます`,filesRejectedCount:e=>`${e}件は入りきりませんでした`};
|
package/dist/locales/ko.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export const ko={close:"닫기",cancel:"취소",confirm:"확인",acknowledge:"확인",clear:"지우기",done:"완료",skip:"건너뛰기",search:"검색",selectAll:"전체 선택",selectRow:"행 선택",remove:"삭제",dismiss:"닫기",open:"열기",previous:"이전",next:"다음",reveal:"보기",hide:"숨기기",increase:"늘리기",decrease:"줄이기",preview:"미리 보기",empty:"항목 없음",optional:"선택 사항",breadcrumb:"탐색 경로",breadcrumbExpand:"숨겨진 단계 보기",carousel:"캐러셀",carouselPrevious:"이전 슬라이드",carouselNext:"다음 슬라이드",slide:"슬라이드",commandPalette:"명령 팔레트",commandPalettePlaceholder:"명령 검색",gallery:"갤러리",chart:"차트",minimize:"최소화",maximize:"최대화",restore:"이전 크기로",resizeWindow:"창 크기 조절",overlay:"오버레이",notifications:"알림",pagination:"페이지 이동",paginationPrevious:"이전 페이지",paginationNext:"다음 페이지",paginationFirst:"첫 페이지",paginationLast:"마지막 페이지",rating:"별점",sidebar:"사이드바",sidebarOpen:"사이드바 열기",sidebarClose:"사이드바 닫기",sidebarResize:"사이드바 크기 조절",skipToContent:"본문으로 건너뛰기",backToTop:"맨 위로",onThisPage:"이 페이지의 목차",typing:"입력 중…",messageSending:"보내는 중",messageSent:"보냄",messageDelivered:"전달됨",messageRead:"읽음",messageFailed:"전달되지 않음",spoilerWarning:"스포일러가 있을 수 있습니다",filePickerTitle:"파일을 여기에 놓거나 클릭해서 찾아보세요",newTab:"(새 탭에서 열림)",transferAvailable:"사용 가능",transferSelected:"선택됨",transferToSelected:"선택 목록으로 옮기기",transferToAvailable:"사용 가능 목록으로 옮기기",copy:"복사",copied:"복사됨",copyFailed:"복사할 수 없음",raw:"원본",code:"코드",previousMonth:"이전 달",nextMonth:"다음 달",previousYear:"이전 해",nextYear:"다음 해",previousYears:"이전 연도 목록",nextYears:"다음 연도 목록",chooseMonth:"월 선택",chooseYear:"연도 선택",today:"오늘",thisMonth:"이번 달",thisYear:"올해",now:"지금",hour:"시",minute:"분",second:"초",meridiem:"오전/오후",start:"시작",end:"종료",paginationPage:e=>`${e}페이지`,paginationStatus:(e,a)=>`${a}페이지 중 ${e}페이지`,ratingValue:(e,a)=>`${a}점 만점에 ${e.toLocaleString("ko")}점`,ratingNone:"별점 없음",carouselSlide:(e,a)=>`${a}개 중 ${e}번째 슬라이드`,galleryItem:(e,a)=>`${a}장 중 ${e}번째`,removeItem:e=>`${e} 삭제`,addCustom:e=>`“${e}” 추가`,otpSlot:(e,a)=>`${a}자리 중 ${e}번째`,transferMoved:(e,a)=>`‘${a}’ 목록으로 ${e}개를
|
|
1
|
+
export const ko={close:"닫기",cancel:"취소",confirm:"확인",acknowledge:"확인",clear:"지우기",done:"완료",skip:"건너뛰기",search:"검색",selectAll:"전체 선택",selectRow:"행 선택",remove:"삭제",dismiss:"닫기",open:"열기",previous:"이전",next:"다음",reveal:"보기",hide:"숨기기",increase:"늘리기",decrease:"줄이기",preview:"미리 보기",empty:"항목 없음",optional:"선택 사항",loading:"로딩 중",breadcrumb:"탐색 경로",breadcrumbExpand:"숨겨진 단계 보기",carousel:"캐러셀",carouselPrevious:"이전 슬라이드",carouselNext:"다음 슬라이드",carouselPlay:"슬라이드 쇼 재생",carouselStop:"슬라이드 쇼 정지",slide:"슬라이드",commandPalette:"명령 팔레트",commandPalettePlaceholder:"명령 검색",gallery:"갤러리",chart:"차트",chartOther:"기타",chartMore:e=>`${e}개 더`,chartFewer:"접기",minimize:"최소화",maximize:"최대화",restore:"이전 크기로",resizeWindow:"창 크기 조절",moveWindow:"창 이동",overlay:"오버레이",notifications:"알림",pagination:"페이지 이동",paginationPrevious:"이전 페이지",paginationNext:"다음 페이지",paginationFirst:"첫 페이지",paginationLast:"마지막 페이지",rating:"별점",sidebar:"사이드바",sidebarOpen:"사이드바 열기",sidebarClose:"사이드바 닫기",sidebarResize:"사이드바 크기 조절",skipToContent:"본문으로 건너뛰기",backToTop:"맨 위로",onThisPage:"이 페이지의 목차",typing:"입력 중…",messageSending:"보내는 중",messageSent:"보냄",messageDelivered:"전달됨",messageRead:"읽음",messageFailed:"전달되지 않음",spoilerWarning:"스포일러가 있을 수 있습니다",filePickerTitle:"파일을 여기에 놓거나 클릭해서 찾아보세요",newTab:"(새 탭에서 열림)",transferAvailable:"사용 가능",transferSelected:"선택됨",transferToSelected:"선택 목록으로 옮기기",transferToAvailable:"사용 가능 목록으로 옮기기",copy:"복사",copied:"복사됨",copyFailed:"복사할 수 없음",raw:"원본",code:"코드",previousMonth:"이전 달",nextMonth:"다음 달",previousYear:"이전 해",nextYear:"다음 해",previousYears:"이전 연도 목록",nextYears:"다음 연도 목록",chooseMonth:"월 선택",chooseYear:"연도 선택",today:"오늘",thisMonth:"이번 달",thisYear:"올해",now:"지금",hour:"시",minute:"분",second:"초",meridiem:"오전/오후",start:"시작",end:"종료",paginationPage:e=>`${e}페이지`,paginationStatus:(e,a)=>`${a}페이지 중 ${e}페이지`,ratingValue:(e,a)=>`${a}점 만점에 ${e.toLocaleString("ko")}점`,ratingNone:"별점 없음",carouselSlide:(e,a)=>`${a}개 중 ${e}번째 슬라이드`,galleryItem:(e,a)=>`${a}장 중 ${e}번째`,removeItem:e=>`${e} 삭제`,addCustom:e=>`“${e}” 추가`,otpSlot:(e,a)=>`${a}자리 중 ${e}번째`,transferSelectAll:e=>`‘${e}’ 목록 전체 선택`,transferMoved:(e,a)=>`‘${a}’ 목록으로 ${e}개를 옮겼습니다`,filesRejectedType:e=>`${e}개는 받지 않는 형식입니다`,filesRejectedSize:e=>`${e}개는 너무 큽니다`,filesRejectedCount:e=>`${e}개는 더 담을 수 없습니다`};
|
package/dist/locales/zh-Hans.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export const zhHans={close:"关闭",cancel:"取消",confirm:"确认",acknowledge:"确定",clear:"清除",done:"完成",skip:"跳过",search:"搜索",selectAll:"全选",selectRow:"选择该行",remove:"移除",dismiss:"关闭",open:"打开",previous:"上一个",next:"下一个",reveal:"显示",hide:"隐藏",increase:"增加",decrease:"减少",preview:"预览",empty:"暂无内容",optional:"可选",breadcrumb:"面包屑导航",breadcrumbExpand:"显示折叠的层级",carousel:"轮播",carouselPrevious:"上一张",carouselNext:"下一张",slide:"幻灯片",commandPalette:"命令面板",commandPalettePlaceholder:"搜索命令",gallery:"图库",chart:"图表",minimize:"最小化",maximize:"最大化",restore:"还原",resizeWindow:"调整窗口大小",overlay:"遮罩",notifications:"通知",pagination:"分页",paginationPrevious:"上一页",paginationNext:"下一页",paginationFirst:"第一页",paginationLast:"最后一页",rating:"评分",sidebar:"侧边栏",sidebarOpen:"打开侧边栏",sidebarClose:"关闭侧边栏",sidebarResize:"调整侧边栏宽度",skipToContent:"跳到主要内容",backToTop:"回到顶部",onThisPage:"本页目录",typing:"正在输入…",messageSending:"发送中",messageSent:"已发送",messageDelivered:"已送达",messageRead:"已读",messageFailed:"未送达",spoilerWarning:"可能包含剧透",filePickerTitle:"将文件拖到此处,或点击浏览",newTab:"(在新标签页中打开)",transferAvailable:"可选",transferSelected:"已选",transferToSelected:"移到已选",transferToAvailable:"移到可选",copy:"复制",copied:"已复制",copyFailed:"无法复制",raw:"原始",code:"代码",previousMonth:"上个月",nextMonth:"下个月",previousYear:"上一年",nextYear:"下一年",previousYears:"上一组年份",nextYears:"下一组年份",chooseMonth:"选择月份",chooseYear:"选择年份",today:"今天",thisMonth:"本月",thisYear:"今年",now:"此刻",hour:"时",minute:"分",second:"秒",meridiem:"上午/下午",start:"开始",end:"结束",paginationPage:e=>`第${e}页`,paginationStatus:(e,a)=>`第${e}页,共${a}页`,ratingValue:(e,a)=>`${e.toLocaleString("zh-Hans")}分,满分${a}分`,ratingNone:"未评分",carouselSlide:(e,a)=>`第${e}张,共${a}张`,galleryItem:(e,a)=>`第${e}张,共${a}张`,removeItem:e=>`移除${e}`,addCustom:e=>`添加“${e}”`,otpSlot:(e,a)=>`第${e}位,共${a}位`,transferMoved:(e,a)=>`已将${e}项移到“${a}
|
|
1
|
+
export const zhHans={close:"关闭",cancel:"取消",confirm:"确认",acknowledge:"确定",clear:"清除",done:"完成",skip:"跳过",search:"搜索",selectAll:"全选",selectRow:"选择该行",remove:"移除",dismiss:"关闭",open:"打开",previous:"上一个",next:"下一个",reveal:"显示",hide:"隐藏",increase:"增加",decrease:"减少",preview:"预览",empty:"暂无内容",optional:"可选",loading:"加载中",breadcrumb:"面包屑导航",breadcrumbExpand:"显示折叠的层级",carousel:"轮播",carouselPrevious:"上一张",carouselNext:"下一张",carouselPlay:"开始轮播",carouselStop:"停止轮播",slide:"幻灯片",commandPalette:"命令面板",commandPalettePlaceholder:"搜索命令",gallery:"图库",chart:"图表",chartOther:"其他",chartMore:e=>`另外 ${e} 项`,chartFewer:"收起",minimize:"最小化",maximize:"最大化",restore:"还原",resizeWindow:"调整窗口大小",moveWindow:"移动窗口",overlay:"遮罩",notifications:"通知",pagination:"分页",paginationPrevious:"上一页",paginationNext:"下一页",paginationFirst:"第一页",paginationLast:"最后一页",rating:"评分",sidebar:"侧边栏",sidebarOpen:"打开侧边栏",sidebarClose:"关闭侧边栏",sidebarResize:"调整侧边栏宽度",skipToContent:"跳到主要内容",backToTop:"回到顶部",onThisPage:"本页目录",typing:"正在输入…",messageSending:"发送中",messageSent:"已发送",messageDelivered:"已送达",messageRead:"已读",messageFailed:"未送达",spoilerWarning:"可能包含剧透",filePickerTitle:"将文件拖到此处,或点击浏览",newTab:"(在新标签页中打开)",transferAvailable:"可选",transferSelected:"已选",transferToSelected:"移到已选",transferToAvailable:"移到可选",copy:"复制",copied:"已复制",copyFailed:"无法复制",raw:"原始",code:"代码",previousMonth:"上个月",nextMonth:"下个月",previousYear:"上一年",nextYear:"下一年",previousYears:"上一组年份",nextYears:"下一组年份",chooseMonth:"选择月份",chooseYear:"选择年份",today:"今天",thisMonth:"本月",thisYear:"今年",now:"此刻",hour:"时",minute:"分",second:"秒",meridiem:"上午/下午",start:"开始",end:"结束",paginationPage:e=>`第${e}页`,paginationStatus:(e,a)=>`第${e}页,共${a}页`,ratingValue:(e,a)=>`${e.toLocaleString("zh-Hans")}分,满分${a}分`,ratingNone:"未评分",carouselSlide:(e,a)=>`第${e}张,共${a}张`,galleryItem:(e,a)=>`第${e}张,共${a}张`,removeItem:e=>`移除${e}`,addCustom:e=>`添加“${e}”`,otpSlot:(e,a)=>`第${e}位,共${a}位`,transferSelectAll:e=>`全选“${e}”`,transferMoved:(e,a)=>`已将${e}项移到“${a}”`,filesRejectedType:e=>`${e}个文件的类型不受支持`,filesRejectedSize:e=>`${e}个文件过大`,filesRejectedCount:e=>`还有${e}个文件放不下`};
|
|
@@ -18,8 +18,9 @@ export interface PlassProviderProps extends PlassDefaults {
|
|
|
18
18
|
* </PlassProvider>
|
|
19
19
|
* ```
|
|
20
20
|
*
|
|
21
|
-
* **It sets `size`, `color`, `density` and the date
|
|
22
|
-
* deliberately does not set `variant` or `elevation`.**
|
|
21
|
+
* **It sets `size`, `color`, `density`, `labelPlacement` and the date
|
|
22
|
+
* vocabulary, and it deliberately does not set `variant` or `elevation`.**
|
|
23
|
+
* Those two name what a
|
|
23
24
|
* surface is *made of* and how far off the page it sits, and both are decided
|
|
24
25
|
* per component by the design language rather than per application: a button is
|
|
25
26
|
* `solid` and rests on the sheet, a field is cut into it. One value for all of
|
|
@@ -36,4 +37,4 @@ export interface PlassProviderProps extends PlassDefaults {
|
|
|
36
37
|
* all still be running left to right under a right-to-left page. See
|
|
37
38
|
* `internal/direction.ts`.
|
|
38
39
|
*/
|
|
39
|
-
export declare function PlassProvider({ size, color, density, locale, weekStartsOn, labels, direction, children }: PlassProviderProps): React.JSX.Element;
|
|
40
|
+
export declare function PlassProvider({ size, color, density, labelPlacement, locale, weekStartsOn, labels, direction, children }: PlassProviderProps): React.JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{jsx as e}from"react/jsx-runtime";import*as r from"react";import{DirectionProvider as
|
|
1
|
+
"use client";import{jsx as e}from"react/jsx-runtime";import*as r from"react";import{DirectionProvider as t}from"@base-ui/react/direction-provider";import{DefaultsContext as i}from"../internal/defaults.js";import{useDocumentDirection as l}from"../internal/direction.js";export function PlassProvider({size:o,color:n,density:a,labelPlacement:s,locale:c,weekStartsOn:d,labels:m,direction:b,children:u}){const f=r.useContext(i),p=r.useMemo(()=>({size:o??f.size,color:n??f.color,density:a??f.density,labelPlacement:s??f.labelPlacement,locale:c??f.locale,weekStartsOn:d??f.weekStartsOn,labels:m&&f.labels?{...f.labels,...m}:m??f.labels,direction:b??f.direction}),[o,n,a,s,c,d,m,b,f]),P=l();return e(t,{direction:p.direction??P,children:e(i.Provider,{value:p,children:u})})}
|