@optiaxiom/react 0.1.0-next.12 → 0.1.0-next.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{PopoverContent-DGBVbvBc.d.ts → PopoverContent-DIhLXmjU.d.ts} +49 -54
- package/dist/accordion/Accordion.js +4 -3
- package/dist/accordion-content/AccordionContent.js +1 -1
- package/dist/accordion-context/AccordionContext.js +5 -0
- package/dist/accordion-item/AccordionItem.js +4 -1
- package/dist/accordion-trigger/AccordionTrigger-css.js +5 -3
- package/dist/accordion-trigger/AccordionTrigger.js +12 -20
- package/dist/alert/Alert-css.js +1 -1
- package/dist/alert-dialog/AlertDialog-css.js +2 -6
- package/dist/alert-dialog/AlertDialog.js +6 -25
- package/dist/alert-dialog-action/AlertDialogAction.js +16 -0
- package/dist/alert-dialog-cancel/AlertDialogCancel.js +14 -0
- package/dist/alert-dialog-context/AlertDialogContext.js +5 -0
- package/dist/alert-dialog-description/AlertDialogDescription-css.js +7 -0
- package/dist/alert-dialog-description/AlertDialogDescription.js +12 -0
- package/dist/alert-dialog-footer/AlertDialogFooter-css.js +8 -0
- package/dist/alert-dialog-footer/AlertDialogFooter.js +11 -0
- package/dist/alert-dialog-title/AlertDialogTitle.js +24 -0
- package/dist/assets/src/accordion-trigger/AccordionTrigger.css.ts.vanilla-DWIMlWE2.css +16 -0
- package/dist/assets/src/alert-dialog/{AlertDialog.css.ts.vanilla-WdIe6m3g.css → AlertDialog.css.ts.vanilla-CpKGfNgS.css} +0 -6
- package/dist/assets/src/alert-dialog-description/AlertDialogDescription.css.ts.vanilla-B7BawTGq.css +6 -0
- package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-3HiYmspb.css +6 -0
- package/dist/assets/src/avatar/Avatar.css.ts.vanilla-DxtsIDr-.css +24 -0
- package/dist/assets/src/box/{Box.css.ts.vanilla-D1mbecuN.css → Box.css.ts.vanilla-DLsoitAb.css} +5 -0
- package/dist/assets/src/button/{Button.css.ts.vanilla-BVWox07Y.css → Button.css.ts.vanilla-DeHH8Xkd.css} +43 -34
- package/dist/assets/src/command-item/CommandItem.css.ts.vanilla-ml8xjFWy.css +17 -0
- package/dist/assets/src/command-list/CommandList.css.ts.vanilla-1Rf8xvwM.css +9 -0
- package/dist/assets/src/pill/Pill.css.ts.vanilla-CMi1obNV.css +12 -0
- package/dist/assets/src/sprinkles/{sprinkles.css.ts.vanilla-DVqWpdFR.css → sprinkles.css.ts.vanilla-o1FSIYj0.css} +2292 -2243
- package/dist/assets/src/styles/{theme.css.ts.vanilla-DWW2Oo9s.css → theme.css.ts.vanilla-D9K5B5ZA.css} +10 -6
- package/dist/assets/src/table/Table.css.ts.vanilla-C9ntYW9X.css +9 -0
- package/dist/assets/src/table-body/TableBody.css.ts.vanilla-WI2VmycQ.css +6 -0
- package/dist/assets/src/table-cell/TableCell.css.ts.vanilla-Bn9ccAMh.css +10 -0
- package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-DEMkJMmk.css +6 -0
- package/dist/assets/src/toast/{Toast.css.ts.vanilla-N6bXbnrT.css → Toast.css.ts.vanilla-D1qN8JIH.css} +6 -7
- package/dist/avatar/Avatar-css.js +7 -6
- package/dist/avatar/Avatar.js +6 -6
- package/dist/avatar-context/AvatarContext.js +2 -2
- package/dist/avatar-group/AvatarGroup-css.js +1 -1
- package/dist/avatar-group/AvatarGroup.js +5 -21
- package/dist/axiom-provider/AxiomProvider.js +7 -0
- package/dist/badge/Badge-css.js +1 -1
- package/dist/box/Box-css.js +2 -2
- package/dist/box/Box.js +10 -9
- package/dist/button/Button-css.js +9 -7
- package/dist/button/Button.js +19 -10
- package/dist/button-group/ButtonGroup-css.js +1 -1
- package/dist/checkbox/Checkbox-css.js +1 -1
- package/dist/checkbox/Checkbox.js +7 -10
- package/dist/combobox/Combobox.js +16 -8
- package/dist/combobox-content/ComboboxContent.js +8 -44
- package/dist/combobox-context/ComboboxContext.js +3 -5
- package/dist/combobox-multi-trigger/ComboboxMultiTrigger.js +34 -0
- package/dist/combobox-single-trigger/ComboboxSingleTrigger.js +17 -0
- package/dist/combobox-trigger/ComboboxTrigger.js +15 -11
- package/dist/command-checkbox-item/CommandCheckboxItem.js +58 -0
- package/dist/command-empty/CommandEmpty.js +1 -1
- package/dist/command-footer/CommandFooter-css.js +6 -0
- package/dist/command-footer/CommandFooter.js +13 -0
- package/dist/command-item/CommandItem-css.js +3 -3
- package/dist/command-item/CommandItem.js +26 -10
- package/dist/command-list/CommandList-css.js +7 -0
- package/dist/command-list/CommandList.js +3 -2
- package/dist/control-base/ControlBase-css.js +1 -1
- package/dist/control-base/ControlBase.js +3 -3
- package/dist/dialog-title/DialogTitle.js +2 -2
- package/dist/grid/Grid.js +1 -1
- package/dist/heading/Heading.js +2 -2
- package/dist/index.d.ts +164 -75
- package/dist/index.js +8 -0
- package/dist/input/Input-css.js +1 -1
- package/dist/input/Input.js +2 -2
- package/dist/input-base/InputBase-css.js +1 -1
- package/dist/link/Link-css.js +1 -1
- package/dist/menu-item/MenuItem-css.js +1 -1
- package/dist/pagination/Pagination-css.js +1 -1
- package/dist/pill/Pill-css.js +8 -0
- package/dist/pill/Pill.js +39 -0
- package/dist/radio-group-item/RadioGroupItem-css.js +1 -1
- package/dist/radio-group-item/RadioGroupItem.js +4 -7
- package/dist/spinner/Spinner.js +56 -0
- package/dist/sprinkles/sprinkles-css.js +3 -3
- package/dist/styles/theme-css.js +2 -2
- package/dist/switch/Switch-css.js +1 -1
- package/dist/switch/Switch.js +4 -7
- package/dist/table/Table-css.js +8 -0
- package/dist/table/Table.js +11 -0
- package/dist/table-body/TableBody-css.js +7 -0
- package/dist/table-body/TableBody.js +11 -0
- package/dist/table-cell/TableCell-css.js +9 -0
- package/dist/table-cell/TableCell.js +13 -0
- package/dist/table-head/TableHead.js +10 -0
- package/dist/table-header-cell/TableHeaderCell-css.js +7 -0
- package/dist/table-header-cell/TableHeaderCell.js +11 -0
- package/dist/table-row/TableRow-css.js +7 -0
- package/dist/table-row/TableRow.js +11 -0
- package/dist/tabs-list/TabsList-css.js +1 -1
- package/dist/tabs-trigger/TabsTrigger-css.js +1 -1
- package/dist/textarea/Textarea.js +13 -5
- package/dist/toast/Toast-css.js +3 -2
- package/dist/toast/Toast.js +2 -2
- package/dist/toast-action/ToastAction.js +1 -1
- package/dist/toast-provider/ToastProvider-css.js +1 -1
- package/dist/toggle/Toggle.js +13 -0
- package/dist/tokens/colors.js +4 -3
- package/dist/tokens/size.js +2 -1
- package/dist/tooltip/Tooltip.js +19 -5
- package/dist/unstable.d.ts +222 -34
- package/dist/unstable.js +11 -1
- package/package.json +1 -1
- package/dist/assets/src/accordion-trigger/AccordionTrigger.css.ts.vanilla-B3KNV6RG.css +0 -6
- package/dist/assets/src/avatar/Avatar.css.ts.vanilla-esFrnsM7.css +0 -12
- package/dist/assets/src/chip/Chip.css.ts.vanilla-SD4SsrSx.css +0 -26
- package/dist/assets/src/command-item/CommandItem.css.ts.vanilla-DUMU-Chn.css +0 -25
- package/dist/chip/Chip-css.js +0 -8
- package/dist/chip/Chip.js +0 -31
- /package/dist/assets/src/{avatar-group/AvatarGroup.css.ts.vanilla-4BGjgIuZ.css → table-row/TableRow.css.ts.vanilla-4BGjgIuZ.css} +0 -0
package/dist/index.d.ts
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
2
|
import { ReactNode, ReactElement, ComponentPropsWithoutRef, ElementType, ComponentPropsWithRef } from 'react';
|
|
3
3
|
import * as RadixAccordion from '@radix-ui/react-accordion';
|
|
4
|
-
import {
|
|
5
|
-
export { a as Box, P as PopoverContent, m as mapResponsiveValue, s as sprinkles } from './PopoverContent-
|
|
4
|
+
import { S as Sprinkles, B as BoxProps, E as ExtendProps } from './PopoverContent-DIhLXmjU.js';
|
|
5
|
+
export { a as Box, P as Popover, b as PopoverContent, m as mapResponsiveValue, s as sprinkles } from './PopoverContent-DIhLXmjU.js';
|
|
6
6
|
import * as RadixAlertDialog from '@radix-ui/react-alert-dialog';
|
|
7
7
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
8
|
+
import * as RadixTooltip from '@radix-ui/react-tooltip';
|
|
8
9
|
import * as RadixCheckbox from '@radix-ui/react-checkbox';
|
|
9
10
|
import * as RadixDialog from '@radix-ui/react-dialog';
|
|
10
11
|
import * as RadixHoverCard from '@radix-ui/react-hover-card';
|
|
11
12
|
import * as RadixMenu from '@radix-ui/react-dropdown-menu';
|
|
12
|
-
import * as RadixPopover from '@radix-ui/react-popover';
|
|
13
13
|
import * as ProgressPrimitive from '@radix-ui/react-progress';
|
|
14
14
|
import * as RadixRadio from '@radix-ui/react-radio-group';
|
|
15
15
|
import * as _vanilla_extract_sprinkles from '@vanilla-extract/sprinkles';
|
|
@@ -20,15 +20,20 @@ import TextareaAutosize from 'react-textarea-autosize';
|
|
|
20
20
|
import * as RadixToast from '@radix-ui/react-toast';
|
|
21
21
|
import { Portal } from '@radix-ui/react-portal';
|
|
22
22
|
import * as jotai from 'jotai';
|
|
23
|
-
import * as
|
|
23
|
+
import * as RadixToggle from '@radix-ui/react-toggle';
|
|
24
|
+
import '@radix-ui/react-popover';
|
|
24
25
|
|
|
25
26
|
declare function extractSprinkles<S extends Record<string, unknown>>(props: S): {
|
|
26
|
-
restProps: Omit<S, "fontFamily" | "fontSize" | "size" | "borderColor" | "color" | "animation" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "
|
|
27
|
-
sprinkleProps: Pick<S, keyof S & ("fontFamily" | "fontSize" | "size" | "borderColor" | "color" | "animation" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "
|
|
27
|
+
restProps: Omit<S, "fontFamily" | "fontSize" | "size" | "borderColor" | "color" | "animation" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w">;
|
|
28
|
+
sprinkleProps: Pick<S, keyof S & ("fontFamily" | "fontSize" | "size" | "borderColor" | "color" | "animation" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w")>;
|
|
28
29
|
};
|
|
29
30
|
|
|
30
|
-
|
|
31
|
-
|
|
31
|
+
declare const Accordion: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "key" | "children" | "color" | "hidden" | "style" | "slot" | "title" | "className" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & Omit<{
|
|
32
|
+
asChild?: boolean;
|
|
33
|
+
className?: string;
|
|
34
|
+
} & Sprinkles, "asChild" | "className"> & Omit<Omit<RadixAccordion.AccordionMultipleProps, "fontFamily" | "fontSize" | "size" | "borderColor" | "color" | "animation" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w"> | Omit<RadixAccordion.AccordionSingleProps, "fontFamily" | "fontSize" | "size" | "borderColor" | "color" | "animation" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w">, never> & {
|
|
35
|
+
appearance?: "primary" | "secondary";
|
|
36
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
32
37
|
|
|
33
38
|
declare const AccordionContent: react.ForwardRefExoticComponent<Omit<Omit<RadixAccordion.AccordionContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
|
|
34
39
|
asChild?: boolean;
|
|
@@ -45,6 +50,7 @@ declare const AccordionTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixA
|
|
|
45
50
|
className?: string;
|
|
46
51
|
} & Sprinkles, never> & {
|
|
47
52
|
endDecorator?: ReactNode;
|
|
53
|
+
startDecorator?: ReactNode;
|
|
48
54
|
} & react.RefAttributes<HTMLButtonElement>>;
|
|
49
55
|
|
|
50
56
|
declare const Alert: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
|
|
@@ -100,7 +106,7 @@ declare const tokens: {
|
|
|
100
106
|
readonly "bg.error.solid.hover": "#B21313";
|
|
101
107
|
readonly "bg.information": "#E7F3FE";
|
|
102
108
|
readonly "bg.information.solid": "#1668AC";
|
|
103
|
-
readonly "bg.input.disabled": "#
|
|
109
|
+
readonly "bg.input.disabled": "#091E420A";
|
|
104
110
|
readonly "bg.neutral": "#F5F6FA";
|
|
105
111
|
readonly "bg.neutral.inverse": "#2E3442";
|
|
106
112
|
readonly "bg.neutral.inverse.hover": "#262B37";
|
|
@@ -207,8 +213,9 @@ declare const tokens: {
|
|
|
207
213
|
readonly "neutral.1000": "#1C2029";
|
|
208
214
|
readonly "neutral.1100": "#171A23";
|
|
209
215
|
readonly "neutral.1200": "#091E42";
|
|
216
|
+
readonly "neutral.50/6": "#F9FAFC0F";
|
|
210
217
|
readonly "neutral.50/32": "#F9FAFC52";
|
|
211
|
-
readonly "neutral.1200/
|
|
218
|
+
readonly "neutral.1200/4": "#091E420A";
|
|
212
219
|
readonly "neutral.1200/12": "#091E421F";
|
|
213
220
|
readonly "neutral.1200/18": "#091E422E";
|
|
214
221
|
readonly "neutral.1200/22": "#091E4238";
|
|
@@ -375,7 +382,8 @@ declare const tokens: {
|
|
|
375
382
|
readonly sm: "24px";
|
|
376
383
|
readonly md: "32px";
|
|
377
384
|
readonly lg: "40px";
|
|
378
|
-
readonly xl: "
|
|
385
|
+
readonly xl: "48px";
|
|
386
|
+
readonly "5xl": "80px";
|
|
379
387
|
readonly "0": "0";
|
|
380
388
|
readonly "1": "1px";
|
|
381
389
|
readonly "2": "2px";
|
|
@@ -463,7 +471,7 @@ declare const tokensDark: {
|
|
|
463
471
|
readonly "bg.error.solid.hover": "#B21313";
|
|
464
472
|
readonly "bg.information": "#1C2B41";
|
|
465
473
|
readonly "bg.information.solid": "#1668AC";
|
|
466
|
-
readonly "bg.input.disabled": "#
|
|
474
|
+
readonly "bg.input.disabled": "#091E420A";
|
|
467
475
|
readonly "bg.neutral": "#1e293b";
|
|
468
476
|
readonly "bg.neutral.inverse": "#E9EDF5";
|
|
469
477
|
readonly "bg.neutral.inverse.hover": "#CACFDC";
|
|
@@ -570,8 +578,9 @@ declare const tokensDark: {
|
|
|
570
578
|
readonly "neutral.1000": "#1C2029";
|
|
571
579
|
readonly "neutral.1100": "#171A23";
|
|
572
580
|
readonly "neutral.1200": "#091E42";
|
|
581
|
+
readonly "neutral.50/6": "#F9FAFC0F";
|
|
573
582
|
readonly "neutral.50/32": "#F9FAFC52";
|
|
574
|
-
readonly "neutral.1200/
|
|
583
|
+
readonly "neutral.1200/4": "#091E420A";
|
|
575
584
|
readonly "neutral.1200/12": "#091E421F";
|
|
576
585
|
readonly "neutral.1200/18": "#091E422E";
|
|
577
586
|
readonly "neutral.1200/22": "#091E4238";
|
|
@@ -762,7 +771,8 @@ declare const tokensDark: {
|
|
|
762
771
|
readonly sm: "24px";
|
|
763
772
|
readonly md: "32px";
|
|
764
773
|
readonly lg: "40px";
|
|
765
|
-
readonly xl: "
|
|
774
|
+
readonly xl: "48px";
|
|
775
|
+
readonly "5xl": "80px";
|
|
766
776
|
readonly "0": "0";
|
|
767
777
|
readonly "1": "1px";
|
|
768
778
|
readonly "2": "2px";
|
|
@@ -849,17 +859,69 @@ declare const content$2: (props?: {
|
|
|
849
859
|
type DialogVariants$1 = RecipeVariants<typeof content$2>;
|
|
850
860
|
|
|
851
861
|
type AlertDialogProps = BoxProps<typeof RadixAlertDialog.Content, {
|
|
852
|
-
action: string;
|
|
853
862
|
appearance?: "danger" | "primary";
|
|
854
|
-
cancel?: string;
|
|
855
863
|
children: ReactNode;
|
|
856
|
-
onAction: () => void;
|
|
857
|
-
onCancel: () => void;
|
|
858
864
|
open?: boolean;
|
|
859
|
-
title: ReactNode;
|
|
860
865
|
} & DialogVariants$1>;
|
|
861
866
|
declare const AlertDialog: react.ForwardRefExoticComponent<Omit<AlertDialogProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
862
867
|
|
|
868
|
+
declare const AlertDialogAction: react.ForwardRefExoticComponent<Omit<Omit<RadixAlertDialog.AlertDialogActionProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "asChild" | "className" | "disabled"> & Omit<{
|
|
869
|
+
asChild?: boolean;
|
|
870
|
+
className?: string;
|
|
871
|
+
} & Sprinkles, "size"> & Omit<{
|
|
872
|
+
appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
|
|
873
|
+
children?: react.ReactNode;
|
|
874
|
+
disabled?: boolean;
|
|
875
|
+
endDecorator?: react.ReactNode;
|
|
876
|
+
icon?: react.ReactNode;
|
|
877
|
+
iconPosition?: "end" | "start";
|
|
878
|
+
loading?: boolean;
|
|
879
|
+
startDecorator?: react.ReactNode;
|
|
880
|
+
} & Omit<{
|
|
881
|
+
colorScheme?: "primary" | "danger" | "neutral" | undefined;
|
|
882
|
+
iconOnly?: boolean | undefined;
|
|
883
|
+
size?: "sm" | "md" | "lg" | undefined;
|
|
884
|
+
variant?: "outline" | "solid" | "subtle" | undefined;
|
|
885
|
+
}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
|
|
886
|
+
|
|
887
|
+
declare const AlertDialogCancel: react.ForwardRefExoticComponent<Omit<Omit<RadixAlertDialog.AlertDialogCancelProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "asChild" | "className" | "disabled"> & Omit<{
|
|
888
|
+
asChild?: boolean;
|
|
889
|
+
className?: string;
|
|
890
|
+
} & Sprinkles, "size"> & Omit<{
|
|
891
|
+
appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
|
|
892
|
+
children?: react.ReactNode;
|
|
893
|
+
disabled?: boolean;
|
|
894
|
+
endDecorator?: react.ReactNode;
|
|
895
|
+
icon?: react.ReactNode;
|
|
896
|
+
iconPosition?: "end" | "start";
|
|
897
|
+
loading?: boolean;
|
|
898
|
+
startDecorator?: react.ReactNode;
|
|
899
|
+
} & Omit<{
|
|
900
|
+
colorScheme?: "primary" | "danger" | "neutral" | undefined;
|
|
901
|
+
iconOnly?: boolean | undefined;
|
|
902
|
+
size?: "sm" | "md" | "lg" | undefined;
|
|
903
|
+
variant?: "outline" | "solid" | "subtle" | undefined;
|
|
904
|
+
}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
|
|
905
|
+
|
|
906
|
+
declare const AlertDialogDescription: react.ForwardRefExoticComponent<Omit<Omit<RadixAlertDialog.AlertDialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
|
|
907
|
+
asChild?: boolean;
|
|
908
|
+
className?: string;
|
|
909
|
+
} & Sprinkles, never> & react.RefAttributes<HTMLParagraphElement>>;
|
|
910
|
+
|
|
911
|
+
declare const AlertDialogFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
|
|
912
|
+
asChild?: boolean;
|
|
913
|
+
className?: string;
|
|
914
|
+
} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
915
|
+
ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
|
|
916
|
+
}, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
917
|
+
ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
|
|
918
|
+
}, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
919
|
+
|
|
920
|
+
declare const AlertDialogTitle: react.ForwardRefExoticComponent<Omit<Omit<RadixAlertDialog.AlertDialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
|
|
921
|
+
asChild?: boolean;
|
|
922
|
+
className?: string;
|
|
923
|
+
} & Sprinkles, never> & react.RefAttributes<HTMLHeadingElement>>;
|
|
924
|
+
|
|
863
925
|
declare const AlertTitle: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
|
|
864
926
|
asChild?: boolean;
|
|
865
927
|
className?: string;
|
|
@@ -873,38 +935,38 @@ declare const AnimatePresence: ({ children, }: {
|
|
|
873
935
|
|
|
874
936
|
declare const usePresence: () => readonly [false, () => void] | readonly [true];
|
|
875
937
|
|
|
876
|
-
declare const Avatar: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "
|
|
938
|
+
declare const Avatar: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "color" | "className"> & Omit<{
|
|
877
939
|
asChild?: boolean;
|
|
878
940
|
className?: string;
|
|
879
|
-
} & Sprinkles, "size"
|
|
880
|
-
children?: React.ReactNode;
|
|
881
|
-
className?: string;
|
|
941
|
+
} & Sprinkles, "size"> & {
|
|
882
942
|
icon?: React.ReactNode;
|
|
883
943
|
name?: string;
|
|
884
944
|
src?: string;
|
|
885
945
|
} & {
|
|
886
946
|
colorScheme?: "neutral" | "blue" | "brand" | "dark" | "gray" | "green" | "magenta" | "orange" | "purple" | "red" | "slate" | "yellow" | undefined;
|
|
887
|
-
size?: "sm" | "md" | "
|
|
947
|
+
size?: "sm" | "md" | "xs" | "xl" | "5xl" | undefined;
|
|
888
948
|
} & react.RefAttributes<HTMLSpanElement>>;
|
|
889
949
|
|
|
890
950
|
declare const AvatarGroup: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
|
|
891
951
|
asChild?: boolean;
|
|
892
952
|
className?: string;
|
|
893
953
|
} & Sprinkles, "size"> & {
|
|
894
|
-
|
|
895
|
-
} &
|
|
896
|
-
|
|
897
|
-
|
|
898
|
-
|
|
899
|
-
|
|
900
|
-
|
|
901
|
-
|
|
902
|
-
|
|
903
|
-
|
|
904
|
-
|
|
905
|
-
|
|
906
|
-
|
|
907
|
-
|
|
954
|
+
size?: ComponentPropsWithoutRef<typeof Avatar>["size"];
|
|
955
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
956
|
+
|
|
957
|
+
type AxiomProviderProps = {
|
|
958
|
+
children?: ReactNode;
|
|
959
|
+
/**
|
|
960
|
+
* Props for the `TooltipProvider` component
|
|
961
|
+
*
|
|
962
|
+
* {@link https://www.radix-ui.com/primitives/docs/components/tooltip#provider Documentation}
|
|
963
|
+
*/
|
|
964
|
+
tooltip?: Omit<ComponentPropsWithoutRef<typeof RadixTooltip.Provider>, "children">;
|
|
965
|
+
};
|
|
966
|
+
declare const AxiomProvider: {
|
|
967
|
+
({ children, tooltip }: AxiomProviderProps): react_jsx_runtime.JSX.Element;
|
|
968
|
+
displayName: string;
|
|
969
|
+
};
|
|
908
970
|
|
|
909
971
|
declare const Badge: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "color" | "className"> & Omit<{
|
|
910
972
|
asChild?: boolean;
|
|
@@ -915,7 +977,7 @@ declare const Badge: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTM
|
|
|
915
977
|
lineClamp?: "2" | "4" | "1" | "3" | undefined;
|
|
916
978
|
truncate?: boolean | undefined;
|
|
917
979
|
}, never> & {
|
|
918
|
-
colorScheme?: "
|
|
980
|
+
colorScheme?: "primary" | "danger" | "neutral" | "success" | "warning" | "information" | undefined;
|
|
919
981
|
variant?: "solid" | "light" | undefined;
|
|
920
982
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
921
983
|
|
|
@@ -926,7 +988,7 @@ declare const Link: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTML
|
|
|
926
988
|
disabled?: boolean;
|
|
927
989
|
external?: boolean;
|
|
928
990
|
} & {
|
|
929
|
-
colorScheme?: "
|
|
991
|
+
colorScheme?: "primary" | "secondary" | "neutral" | undefined;
|
|
930
992
|
} & react.RefAttributes<HTMLAnchorElement>>;
|
|
931
993
|
|
|
932
994
|
type BreadcrumbItemProps = ComponentPropsWithoutRef<typeof Link>;
|
|
@@ -945,7 +1007,7 @@ declare const Breadcrumbs: react.ForwardRefExoticComponent<Omit<Omit<react.Detai
|
|
|
945
1007
|
} & react.RefAttributes<HTMLElement>>;
|
|
946
1008
|
|
|
947
1009
|
declare const button: (props?: {
|
|
948
|
-
colorScheme?: "
|
|
1010
|
+
colorScheme?: "primary" | "danger" | "neutral" | undefined;
|
|
949
1011
|
iconOnly?: boolean | undefined;
|
|
950
1012
|
size?: "sm" | "md" | "lg" | undefined;
|
|
951
1013
|
variant?: "outline" | "solid" | "subtle" | undefined;
|
|
@@ -967,6 +1029,10 @@ declare const appearances: {
|
|
|
967
1029
|
colorScheme: "neutral";
|
|
968
1030
|
variant: "outline";
|
|
969
1031
|
};
|
|
1032
|
+
inverse: {
|
|
1033
|
+
colorScheme: "neutral";
|
|
1034
|
+
variant: "solid";
|
|
1035
|
+
};
|
|
970
1036
|
primary: {
|
|
971
1037
|
colorScheme: "primary";
|
|
972
1038
|
variant: "solid";
|
|
@@ -985,7 +1051,7 @@ type ButtonProps<T extends ElementType = "button", P = unknown> = BoxProps<T, Ex
|
|
|
985
1051
|
iconPosition?: "end" | "start";
|
|
986
1052
|
loading?: boolean;
|
|
987
1053
|
startDecorator?: ReactNode;
|
|
988
|
-
} & Omit<ButtonVariants, "iconOnly">, P>>;
|
|
1054
|
+
} & Omit<ButtonVariants, "colorScheme" | "iconOnly" | "variant">, P>>;
|
|
989
1055
|
declare const Button: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "className" | "disabled"> & Omit<{
|
|
990
1056
|
asChild?: boolean;
|
|
991
1057
|
className?: string;
|
|
@@ -999,11 +1065,11 @@ declare const Button: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHT
|
|
|
999
1065
|
loading?: boolean;
|
|
1000
1066
|
startDecorator?: ReactNode;
|
|
1001
1067
|
} & Omit<{
|
|
1002
|
-
colorScheme?: "
|
|
1068
|
+
colorScheme?: "primary" | "danger" | "neutral" | undefined;
|
|
1003
1069
|
iconOnly?: boolean | undefined;
|
|
1004
1070
|
size?: "sm" | "md" | "lg" | undefined;
|
|
1005
1071
|
variant?: "outline" | "solid" | "subtle" | undefined;
|
|
1006
|
-
}, "iconOnly">, never> & react.RefAttributes<HTMLButtonElement>>;
|
|
1072
|
+
}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
|
|
1007
1073
|
|
|
1008
1074
|
declare const ButtonGroup: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children" | "color" | "className"> & Omit<{
|
|
1009
1075
|
asChild?: boolean;
|
|
@@ -1156,13 +1222,13 @@ declare const Heading: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedH
|
|
|
1156
1222
|
truncate?: boolean | undefined;
|
|
1157
1223
|
}, never> & {
|
|
1158
1224
|
/**
|
|
1159
|
-
*
|
|
1225
|
+
* Control the visual size without changing the semantic tag.
|
|
1160
1226
|
*/
|
|
1161
|
-
|
|
1227
|
+
appearance?: keyof typeof mapTagToFontSize;
|
|
1162
1228
|
/**
|
|
1163
|
-
*
|
|
1229
|
+
* Presets for each level of heading h1-h6.
|
|
1164
1230
|
*/
|
|
1165
|
-
|
|
1231
|
+
level?: keyof typeof mapLevelToTag;
|
|
1166
1232
|
} & react.RefAttributes<HTMLHeadingElement>>;
|
|
1167
1233
|
|
|
1168
1234
|
type HoverCardProps = BoxProps<typeof RadixHoverCard.Root, {
|
|
@@ -1191,9 +1257,9 @@ declare const Indicator: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<rea
|
|
|
1191
1257
|
lineClamp?: "2" | "4" | "1" | "3" | undefined;
|
|
1192
1258
|
truncate?: boolean | undefined;
|
|
1193
1259
|
}, never> & {
|
|
1194
|
-
colorScheme?: "
|
|
1260
|
+
colorScheme?: "primary" | "danger" | "neutral" | "success" | "warning" | "information" | undefined;
|
|
1195
1261
|
variant?: "solid" | "light" | undefined;
|
|
1196
|
-
} & react.RefAttributes<HTMLDivElement>, "ref">, "fontFamily" | "fontSize" | "size" | "borderColor" | "color" | "animation" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "
|
|
1262
|
+
} & react.RefAttributes<HTMLDivElement>, "ref">, "fontFamily" | "fontSize" | "size" | "borderColor" | "color" | "animation" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w" | "asChild" | "className" | "content"> & Omit<{
|
|
1197
1263
|
asChild?: boolean;
|
|
1198
1264
|
className?: string;
|
|
1199
1265
|
} & Sprinkles, never> & {
|
|
@@ -1220,7 +1286,7 @@ declare const Input: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTM
|
|
|
1220
1286
|
}, "children"> & {
|
|
1221
1287
|
children?: never;
|
|
1222
1288
|
} & {
|
|
1223
|
-
|
|
1289
|
+
appearance?: "number" | "default" | undefined;
|
|
1224
1290
|
} & react.RefAttributes<HTMLInputElement>>;
|
|
1225
1291
|
|
|
1226
1292
|
declare const mapKeyToCode: {
|
|
@@ -1282,7 +1348,7 @@ declare const MenuTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.
|
|
|
1282
1348
|
asChild?: boolean;
|
|
1283
1349
|
className?: string;
|
|
1284
1350
|
} & Sprinkles, "size"> & Omit<{
|
|
1285
|
-
appearance?: "
|
|
1351
|
+
appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
|
|
1286
1352
|
children?: react.ReactNode;
|
|
1287
1353
|
disabled?: boolean;
|
|
1288
1354
|
endDecorator?: react.ReactNode;
|
|
@@ -1291,11 +1357,11 @@ declare const MenuTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.
|
|
|
1291
1357
|
loading?: boolean;
|
|
1292
1358
|
startDecorator?: react.ReactNode;
|
|
1293
1359
|
} & Omit<{
|
|
1294
|
-
colorScheme?: "
|
|
1360
|
+
colorScheme?: "primary" | "danger" | "neutral" | undefined;
|
|
1295
1361
|
iconOnly?: boolean | undefined;
|
|
1296
1362
|
size?: "sm" | "md" | "lg" | undefined;
|
|
1297
1363
|
variant?: "outline" | "solid" | "subtle" | undefined;
|
|
1298
|
-
}, "iconOnly">, never> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
|
|
1364
|
+
}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
|
|
1299
1365
|
|
|
1300
1366
|
type PaginationProps = BoxProps<"nav", {
|
|
1301
1367
|
boundaries?: number;
|
|
@@ -1319,17 +1385,11 @@ declare const Pagination: react.ForwardRefExoticComponent<Omit<Omit<react.Detail
|
|
|
1319
1385
|
total: number;
|
|
1320
1386
|
} & react.RefAttributes<HTMLElement>>;
|
|
1321
1387
|
|
|
1322
|
-
type PopoverProps = BoxProps<typeof RadixPopover.Root>;
|
|
1323
|
-
declare const Popover: {
|
|
1324
|
-
({ children, defaultOpen, onOpenChange, open: openProp, ...props }: PopoverProps): react_jsx_runtime.JSX.Element;
|
|
1325
|
-
displayName: string;
|
|
1326
|
-
};
|
|
1327
|
-
|
|
1328
1388
|
declare const PopoverTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "className" | "disabled"> & Omit<{
|
|
1329
1389
|
asChild?: boolean;
|
|
1330
1390
|
className?: string;
|
|
1331
1391
|
} & Sprinkles, "size"> & Omit<{
|
|
1332
|
-
appearance?: "
|
|
1392
|
+
appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
|
|
1333
1393
|
children?: react.ReactNode;
|
|
1334
1394
|
disabled?: boolean;
|
|
1335
1395
|
endDecorator?: react.ReactNode;
|
|
@@ -1338,11 +1398,11 @@ declare const PopoverTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omit<rea
|
|
|
1338
1398
|
loading?: boolean;
|
|
1339
1399
|
startDecorator?: react.ReactNode;
|
|
1340
1400
|
} & Omit<{
|
|
1341
|
-
colorScheme?: "
|
|
1401
|
+
colorScheme?: "primary" | "danger" | "neutral" | undefined;
|
|
1342
1402
|
iconOnly?: boolean | undefined;
|
|
1343
1403
|
size?: "sm" | "md" | "lg" | undefined;
|
|
1344
1404
|
variant?: "outline" | "solid" | "subtle" | undefined;
|
|
1345
|
-
}, "iconOnly">, never> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
|
|
1405
|
+
}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
|
|
1346
1406
|
|
|
1347
1407
|
declare const Progress: react.ForwardRefExoticComponent<Omit<Omit<ProgressPrimitive.ProgressProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
|
|
1348
1408
|
asChild?: boolean;
|
|
@@ -1377,7 +1437,7 @@ declare const Search: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.
|
|
|
1377
1437
|
}, "children"> & {
|
|
1378
1438
|
children?: never;
|
|
1379
1439
|
} & {
|
|
1380
|
-
|
|
1440
|
+
appearance?: "number" | "default" | undefined;
|
|
1381
1441
|
} & react.RefAttributes<HTMLInputElement>, "ref"> & {
|
|
1382
1442
|
ref?: ((instance: HTMLInputElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLInputElement> | null | undefined;
|
|
1383
1443
|
}, "ref"> & react.RefAttributes<HTMLInputElement>>;
|
|
@@ -1409,6 +1469,13 @@ declare const Skeleton: react.ForwardRefExoticComponent<Omit<Omit<react.Detailed
|
|
|
1409
1469
|
h?: Sprinkles["h"];
|
|
1410
1470
|
} & react.RefAttributes<HTMLSpanElement>>;
|
|
1411
1471
|
|
|
1472
|
+
declare const Spinner: react.ForwardRefExoticComponent<Omit<Omit<react.SVGProps<SVGSVGElement>, "ref">, "fontFamily" | "fontSize" | "color" | "cursor" | "fontWeight" | "overflow" | "z" | "display" | "className"> & Omit<{
|
|
1473
|
+
asChild?: boolean;
|
|
1474
|
+
className?: string;
|
|
1475
|
+
} & Sprinkles, never> & {
|
|
1476
|
+
colorScheme?: "default" | "inverse";
|
|
1477
|
+
} & react.RefAttributes<SVGSVGElement>>;
|
|
1478
|
+
|
|
1412
1479
|
declare const axiom: string;
|
|
1413
1480
|
declare const base: string;
|
|
1414
1481
|
declare const reset: string;
|
|
@@ -1458,7 +1525,7 @@ declare const theme: {
|
|
|
1458
1525
|
readonly "bg.error.solid.hover": "#B21313";
|
|
1459
1526
|
readonly "bg.information": "#E7F3FE";
|
|
1460
1527
|
readonly "bg.information.solid": "#1668AC";
|
|
1461
|
-
readonly "bg.input.disabled": "#
|
|
1528
|
+
readonly "bg.input.disabled": "#091E420A";
|
|
1462
1529
|
readonly "bg.neutral": "#F5F6FA";
|
|
1463
1530
|
readonly "bg.neutral.inverse": "#2E3442";
|
|
1464
1531
|
readonly "bg.neutral.inverse.hover": "#262B37";
|
|
@@ -1565,8 +1632,9 @@ declare const theme: {
|
|
|
1565
1632
|
readonly "neutral.1000": "#1C2029";
|
|
1566
1633
|
readonly "neutral.1100": "#171A23";
|
|
1567
1634
|
readonly "neutral.1200": "#091E42";
|
|
1635
|
+
readonly "neutral.50/6": "#F9FAFC0F";
|
|
1568
1636
|
readonly "neutral.50/32": "#F9FAFC52";
|
|
1569
|
-
readonly "neutral.1200/
|
|
1637
|
+
readonly "neutral.1200/4": "#091E420A";
|
|
1570
1638
|
readonly "neutral.1200/12": "#091E421F";
|
|
1571
1639
|
readonly "neutral.1200/18": "#091E422E";
|
|
1572
1640
|
readonly "neutral.1200/22": "#091E4238";
|
|
@@ -1733,7 +1801,8 @@ declare const theme: {
|
|
|
1733
1801
|
readonly sm: "24px";
|
|
1734
1802
|
readonly md: "32px";
|
|
1735
1803
|
readonly lg: "40px";
|
|
1736
|
-
readonly xl: "
|
|
1804
|
+
readonly xl: "48px";
|
|
1805
|
+
readonly "5xl": "80px";
|
|
1737
1806
|
readonly "0": "0";
|
|
1738
1807
|
readonly "1": "1px";
|
|
1739
1808
|
readonly "2": "2px";
|
|
@@ -1840,7 +1909,7 @@ declare const TabsTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixTabs.T
|
|
|
1840
1909
|
asChild?: boolean;
|
|
1841
1910
|
className?: string;
|
|
1842
1911
|
} & Sprinkles, "size"> & Omit<{
|
|
1843
|
-
appearance?: "
|
|
1912
|
+
appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
|
|
1844
1913
|
children?: react.ReactNode;
|
|
1845
1914
|
disabled?: boolean;
|
|
1846
1915
|
endDecorator?: react.ReactNode;
|
|
@@ -1849,11 +1918,11 @@ declare const TabsTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixTabs.T
|
|
|
1849
1918
|
loading?: boolean;
|
|
1850
1919
|
startDecorator?: react.ReactNode;
|
|
1851
1920
|
} & Omit<{
|
|
1852
|
-
colorScheme?: "
|
|
1921
|
+
colorScheme?: "primary" | "danger" | "neutral" | undefined;
|
|
1853
1922
|
iconOnly?: boolean | undefined;
|
|
1854
1923
|
size?: "sm" | "md" | "lg" | undefined;
|
|
1855
1924
|
variant?: "outline" | "solid" | "subtle" | undefined;
|
|
1856
|
-
}, "iconOnly">, never> & react.RefAttributes<HTMLButtonElement>>;
|
|
1925
|
+
}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
|
|
1857
1926
|
|
|
1858
1927
|
declare const text: (props?: {
|
|
1859
1928
|
lineClamp?: "2" | "4" | "1" | "3" | undefined;
|
|
@@ -1922,7 +1991,7 @@ declare const ToastAction: react.ForwardRefExoticComponent<Omit<Omit<RadixToast.
|
|
|
1922
1991
|
asChild?: boolean;
|
|
1923
1992
|
className?: string;
|
|
1924
1993
|
} & Sprinkles, "size"> & Omit<{
|
|
1925
|
-
appearance?: "
|
|
1994
|
+
appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
|
|
1926
1995
|
children?: react.ReactNode;
|
|
1927
1996
|
disabled?: boolean;
|
|
1928
1997
|
endDecorator?: react.ReactNode;
|
|
@@ -1931,11 +2000,11 @@ declare const ToastAction: react.ForwardRefExoticComponent<Omit<Omit<RadixToast.
|
|
|
1931
2000
|
loading?: boolean;
|
|
1932
2001
|
startDecorator?: react.ReactNode;
|
|
1933
2002
|
} & Omit<{
|
|
1934
|
-
colorScheme?: "
|
|
2003
|
+
colorScheme?: "primary" | "danger" | "neutral" | undefined;
|
|
1935
2004
|
iconOnly?: boolean | undefined;
|
|
1936
2005
|
size?: "sm" | "md" | "lg" | undefined;
|
|
1937
2006
|
variant?: "outline" | "solid" | "subtle" | undefined;
|
|
1938
|
-
}, "iconOnly">, never> & react.RefAttributes<HTMLButtonElement>>;
|
|
2007
|
+
}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
|
|
1939
2008
|
|
|
1940
2009
|
type ToastElement = ReactElement<ComponentPropsWithoutRef<typeof Toast>>;
|
|
1941
2010
|
declare const createToaster: (store?: {
|
|
@@ -1986,7 +2055,7 @@ declare const ToastProvider: react.ForwardRefExoticComponent<Omit<Omit<RadixToas
|
|
|
1986
2055
|
container?: ComponentPropsWithoutRef<typeof Portal>["container"];
|
|
1987
2056
|
toaster: ReturnType<typeof createToaster>;
|
|
1988
2057
|
} & RadixToast.ToastProviderProps & {
|
|
1989
|
-
position?: "
|
|
2058
|
+
position?: "bottom" | "top" | "bottom-right" | "top-right" | "bottom-left" | "top-left" | undefined;
|
|
1990
2059
|
} & react.RefAttributes<HTMLOListElement>>;
|
|
1991
2060
|
|
|
1992
2061
|
declare const ToastTitle: react.ForwardRefExoticComponent<Omit<Omit<RadixToast.ToastTitleProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
|
|
@@ -1999,6 +2068,25 @@ declare const ToastTitle: react.ForwardRefExoticComponent<Omit<Omit<RadixToast.T
|
|
|
1999
2068
|
truncate?: boolean | undefined;
|
|
2000
2069
|
}, never> & react.RefAttributes<HTMLDivElement>>;
|
|
2001
2070
|
|
|
2071
|
+
declare const Toggle: react.ForwardRefExoticComponent<Omit<Omit<RadixToggle.ToggleProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "asChild" | "className" | "disabled"> & Omit<{
|
|
2072
|
+
asChild?: boolean;
|
|
2073
|
+
className?: string;
|
|
2074
|
+
} & Sprinkles, "size"> & Omit<{
|
|
2075
|
+
appearance?: "primary" | "secondary" | "default" | "inverse" | "danger" | "danger-outline";
|
|
2076
|
+
children?: react.ReactNode;
|
|
2077
|
+
disabled?: boolean;
|
|
2078
|
+
endDecorator?: react.ReactNode;
|
|
2079
|
+
icon?: react.ReactNode;
|
|
2080
|
+
iconPosition?: "end" | "start";
|
|
2081
|
+
loading?: boolean;
|
|
2082
|
+
startDecorator?: react.ReactNode;
|
|
2083
|
+
} & Omit<{
|
|
2084
|
+
colorScheme?: "primary" | "danger" | "neutral" | undefined;
|
|
2085
|
+
iconOnly?: boolean | undefined;
|
|
2086
|
+
size?: "sm" | "md" | "lg" | undefined;
|
|
2087
|
+
variant?: "outline" | "solid" | "subtle" | undefined;
|
|
2088
|
+
}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
|
|
2089
|
+
|
|
2002
2090
|
declare const Tooltip: react.ForwardRefExoticComponent<Omit<Omit<RadixTooltip.TooltipContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "children" | "color" | "asChild" | "className" | "content"> & Omit<{
|
|
2003
2091
|
asChild?: boolean;
|
|
2004
2092
|
className?: string;
|
|
@@ -2019,9 +2107,10 @@ declare const Tooltip: react.ForwardRefExoticComponent<Omit<Omit<RadixTooltip.To
|
|
|
2019
2107
|
|
|
2020
2108
|
declare const Transition: react.ForwardRefExoticComponent<{
|
|
2021
2109
|
children: ReactElement;
|
|
2110
|
+
"data-side"?: "bottom" | "left" | "right" | "top";
|
|
2022
2111
|
} & {
|
|
2023
2112
|
duration?: "sm" | "md" | "lg" | undefined;
|
|
2024
2113
|
type?: "pop" | "fade" | undefined;
|
|
2025
2114
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
2026
2115
|
|
|
2027
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertTitle, AnimatePresence, Avatar, AvatarGroup, Badge, BoxProps, BreadcrumbItem, type BreadcrumbItemProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Checkbox, Code, Dialog, DialogBody, DialogFooter, DialogTitle, Drawer, DrawerBody, DrawerFooter, DrawerTitle, Field, Flex, Grid, Heading, HoverCard, HoverCardContent, HoverCardTrigger, Indicator, Input, Kbd, Link, Menu, MenuContent, MenuItem, MenuLabel, MenuSeparator, MenuTrigger, Pagination, type PaginationProps,
|
|
2116
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogDescription, AlertDialogFooter, AlertDialogTitle, AlertTitle, AnimatePresence, Avatar, AvatarGroup, AxiomProvider, Badge, BoxProps, BreadcrumbItem, type BreadcrumbItemProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Checkbox, Code, Dialog, DialogBody, DialogFooter, DialogTitle, Drawer, DrawerBody, DrawerFooter, DrawerTitle, Field, Flex, Grid, Heading, HoverCard, HoverCardContent, HoverCardTrigger, Indicator, Input, Kbd, Link, Menu, MenuContent, MenuItem, MenuLabel, MenuSeparator, MenuTrigger, Pagination, type PaginationProps, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, Search, Separator, Skeleton, Spinner, Sprinkles, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Text, type TextProps, Textarea, Toast, ToastAction, ToastProvider, ToastTitle, Toggle, Tooltip, Transition, createToaster, extractSprinkles, layers_css as layers, theme, tokens, tokensDark, usePresence };
|
package/dist/index.js
CHANGED
|
@@ -5,11 +5,17 @@ export { AccordionTrigger } from './accordion-trigger/AccordionTrigger.js';
|
|
|
5
5
|
export { Alert } from './alert/Alert.js';
|
|
6
6
|
export { AlertDescription } from './alert-description/AlertDescription.js';
|
|
7
7
|
export { AlertDialog } from './alert-dialog/AlertDialog.js';
|
|
8
|
+
export { AlertDialogAction } from './alert-dialog-action/AlertDialogAction.js';
|
|
9
|
+
export { AlertDialogCancel } from './alert-dialog-cancel/AlertDialogCancel.js';
|
|
10
|
+
export { AlertDialogDescription } from './alert-dialog-description/AlertDialogDescription.js';
|
|
11
|
+
export { AlertDialogFooter } from './alert-dialog-footer/AlertDialogFooter.js';
|
|
12
|
+
export { AlertDialogTitle } from './alert-dialog-title/AlertDialogTitle.js';
|
|
8
13
|
export { AlertTitle } from './alert-title/AlertTitle.js';
|
|
9
14
|
export { AnimatePresence } from './animate-presence/AnimatePresence.js';
|
|
10
15
|
export { usePresence } from './animate-presence/usePresence.js';
|
|
11
16
|
export { Avatar } from './avatar/Avatar.js';
|
|
12
17
|
export { AvatarGroup } from './avatar-group/AvatarGroup.js';
|
|
18
|
+
export { AxiomProvider } from './axiom-provider/AxiomProvider.js';
|
|
13
19
|
export { Badge } from './badge/Badge.js';
|
|
14
20
|
export { Box } from './box/Box.js';
|
|
15
21
|
export { BreadcrumbItem } from './breadcrumb-item/BreadcrumbItem.js';
|
|
@@ -53,6 +59,7 @@ export { RadioGroupItem } from './radio-group-item/RadioGroupItem.js';
|
|
|
53
59
|
export { Search } from './search/Search.js';
|
|
54
60
|
export { Separator } from './separator/Separator.js';
|
|
55
61
|
export { Skeleton } from './skeleton/Skeleton.js';
|
|
62
|
+
export { Spinner } from './spinner/Spinner.js';
|
|
56
63
|
export { extractSprinkles } from './sprinkles/extractSprinkles.js';
|
|
57
64
|
export { mapResponsiveValue, sprinkles } from './sprinkles/sprinkles-css.js';
|
|
58
65
|
import * as layers_css from './styles/layers-css.js';
|
|
@@ -70,6 +77,7 @@ export { ToastAction } from './toast-action/ToastAction.js';
|
|
|
70
77
|
export { ToastProvider } from './toast-provider/ToastProvider.js';
|
|
71
78
|
export { createToaster } from './toast-provider/createToaster.js';
|
|
72
79
|
export { ToastTitle } from './toast-title/ToastTitle.js';
|
|
80
|
+
export { Toggle } from './toggle/Toggle.js';
|
|
73
81
|
export { tokens, tokensDark } from './tokens/index.js';
|
|
74
82
|
export { Tooltip } from './tooltip/Tooltip.js';
|
|
75
83
|
export { Transition } from './transition/Transition.js';
|
package/dist/input/Input-css.js
CHANGED
|
@@ -2,6 +2,6 @@ import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
|
|
|
2
2
|
import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
|
|
3
3
|
|
|
4
4
|
var decorator = recipeRuntime({base:{flex:'none'},variants:{position:{end:{mr:'8'},start:{ml:'8'}},size:{sm:{},md:{},lg:{}}},variantsCompounded:[{style:{mr:'4'},variants:{position:'end',size:'sm'}},{style:{ml:'4'},variants:{position:'start',size:'sm'}}]});
|
|
5
|
-
var input = recipeRuntime({variants:{
|
|
5
|
+
var input = recipeRuntime({variants:{appearance:{'default':{textAlign:'start'},number:{textAlign:'end'}}}});
|
|
6
6
|
|
|
7
7
|
export { decorator, input };
|