@atom-learning/components 3.11.4 → 3.12.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 +5 -3
- package/dist/components/chip/ChipGroup.d.ts +4 -2
- package/dist/components/chip/ChipGroup.js +1 -1
- package/dist/components/chip/ChipGroup.js.map +1 -1
- package/dist/components/chip-toggle-group/ChipToggleGroupRoot.d.ts +10 -12
- package/dist/components/index.d.ts +0 -1
- package/dist/components/notification-badge/NotificationBadge.d.ts +1 -668
- package/dist/components/notification-badge/NotificationBadge.js.map +1 -1
- package/dist/components/pagination/PaginationPopover.js +1 -1
- package/dist/components/pagination/PaginationPopover.js.map +1 -1
- package/dist/components/radio-card/RadioCardGroup.d.ts +2 -2
- package/dist/components/radio-card/RadioCardGroup.js +1 -1
- package/dist/components/radio-card/RadioCardGroup.js.map +1 -1
- package/dist/components/section-message/SectionMessage.d.ts +5 -8
- package/dist/components/section-message/SectionMessage.js +1 -1
- package/dist/components/section-message/SectionMessage.js.map +1 -1
- package/dist/components/section-message/SectionMessageLayout.d.ts +2 -2
- package/dist/components/section-message/SectionMessageLayout.js +1 -1
- package/dist/components/section-message/SectionMessageLayout.js.map +1 -1
- package/dist/components/table/TableHeader.d.ts +6 -4
- package/dist/components/table/TableHeader.js +1 -1
- package/dist/components/table/TableHeader.js.map +1 -1
- package/dist/components/tile/TileGroup.d.ts +329 -337
- package/dist/components/tile/TileGroup.js +1 -1
- package/dist/components/tile/TileGroup.js.map +1 -1
- package/dist/components/tile-interactive/TileInteractive.js +1 -1
- package/dist/components/tile-interactive/TileInteractive.js.map +1 -1
- package/dist/components/tile-toggle-group/TileToggleGroupRoot.d.ts +12 -18
- package/dist/components/tile-toggle-group/TileToggleGroupRoot.js +1 -1
- package/dist/components/tile-toggle-group/TileToggleGroupRoot.js.map +1 -1
- package/dist/components/toggle-group/ToggleGroupRoot.d.ts +2 -3
- package/dist/components/toggle-group/ToggleGroupRoot.js +1 -1
- package/dist/components/toggle-group/ToggleGroupRoot.js.map +1 -1
- package/dist/components/toggle-group/index.d.ts +341 -3
- package/dist/docgen.json +1 -1
- package/dist/index.cjs.js +1 -1
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.js +1 -1
- package/package.json +1 -1
- package/dist/components/stack/Stack.d.ts +0 -348
- package/dist/components/stack/Stack.js +0 -2
- package/dist/components/stack/Stack.js.map +0 -1
- package/dist/components/stack/index.d.ts +0 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{Flex as o}from"../flex/Flex.js";const r=o;export{r as TileGroup};
|
|
2
2
|
//# sourceMappingURL=TileGroup.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TileGroup.js","sources":["../../../src/components/tile/TileGroup.tsx"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"TileGroup.js","sources":["../../../src/components/tile/TileGroup.tsx"],"sourcesContent":["import { Flex } from '~/components/flex'\n\nexport const TileGroup = Flex\n"],"names":["TileGroup","Flex"],"mappings":"uCAEO,MAAMA,EAAYC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e from"react";import{Tile as n}from"../tile/Tile.js";import"../
|
|
1
|
+
import e from"react";import{Tile as n}from"../tile/Tile.js";import"../flex/Flex.js";import{styled as l}from"../../stitches.js";import"../../utilities/css-wrapper/CSSWrapper.js";import"../../utilities/no-overflow-wrapper/NoOverflowWrapper.js";import"color2k";import{focusVisibleStyleBlock as c}from"../../utilities/style/focus-visible-style-block.js";import"../../utilities/style/keyframe-animations.js";const p=l.withConfig({shouldForwardStitchesProp:t=>["as"].includes(t)})(n,{"&[data-disabled]":{opacity:.3,cursor:"not-allowed"},"&:not([data-disabled])":{cursor:"pointer",transform:"translateY(0)",transition:"transform 250ms ease","&::after":{content:"",position:"absolute",inset:0,boxShadow:"$2",opacity:0,transition:"opacity 250ms ease-out",borderRadius:"inherit"},"&:hover":{transform:"translateY(-$space$0)","&::after":{opacity:1}},"&:active":{bg:"$base2"},"&:focus-visible":{...c()}}}),r=e.forwardRef(({onClick:t,href:o,type:i="button",...a},s)=>e.createElement(p,{...a,...o?{as:"a",href:o,onClick:void 0}:{as:"button",type:i,onClick:t},ref:s}));r.displayName="TileInteractive";export{r as TileInteractive};
|
|
2
2
|
//# sourceMappingURL=TileInteractive.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TileInteractive.js","sources":["../../../src/components/tile-interactive/TileInteractive.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Tile } from '~/components/tile'\nimport { styled } from '~/stitches'\nimport { NavigatorActions } from '~/types'\nimport { focusVisibleStyleBlock } from '~/utilities'\n\nconst StyledTileInteractive = styled.withConfig({\n shouldForwardStitchesProp: (propName) => ['as'].includes(propName)\n})(Tile, {\n '&[data-disabled]': {\n opacity: 0.3,\n cursor: 'not-allowed'\n },\n '&:not([data-disabled])': {\n cursor: 'pointer',\n transform: 'translateY(0)',\n transition: 'transform 250ms ease',\n '&::after': {\n content: '',\n position: 'absolute',\n inset: 0,\n boxShadow: '$2',\n opacity: 0,\n transition: 'opacity 250ms ease-out',\n borderRadius: 'inherit'\n },\n '&:hover': {\n transform: 'translateY(-$space$0)',\n '&::after': {\n opacity: 1\n }\n },\n '&:active': {\n bg: '$base2'\n },\n '&:focus-visible': {\n ...focusVisibleStyleBlock()\n }\n }\n})\n\ntype TTileInteractiveProps = React.ComponentProps<\n typeof StyledTileInteractive\n> & { type?: string } & NavigatorActions\n\nexport const TileInteractive = React.forwardRef<\n HTMLButtonElement,\n TTileInteractiveProps\n>(({ onClick, href, type = 'button', ...rest }, ref) => {\n const isLink = !!href\n const elementSpecificProps = isLink\n ? {\n as: 'a' as React.ElementType,\n href,\n onClick: undefined\n }\n : { as: 'button' as React.ElementType, type, onClick }\n\n return <StyledTileInteractive {...rest} {...elementSpecificProps} ref={ref} />\n})\n\nTileInteractive.displayName = 'TileInteractive'\n"],"names":["StyledTileInteractive","styled","propName","Tile","focusVisibleStyleBlock","TileInteractive","React","onClick","href","type","rest","ref"],"mappings":"
|
|
1
|
+
{"version":3,"file":"TileInteractive.js","sources":["../../../src/components/tile-interactive/TileInteractive.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Tile } from '~/components/tile'\nimport { styled } from '~/stitches'\nimport { NavigatorActions } from '~/types'\nimport { focusVisibleStyleBlock } from '~/utilities'\n\nconst StyledTileInteractive = styled.withConfig({\n shouldForwardStitchesProp: (propName) => ['as'].includes(propName)\n})(Tile, {\n '&[data-disabled]': {\n opacity: 0.3,\n cursor: 'not-allowed'\n },\n '&:not([data-disabled])': {\n cursor: 'pointer',\n transform: 'translateY(0)',\n transition: 'transform 250ms ease',\n '&::after': {\n content: '',\n position: 'absolute',\n inset: 0,\n boxShadow: '$2',\n opacity: 0,\n transition: 'opacity 250ms ease-out',\n borderRadius: 'inherit'\n },\n '&:hover': {\n transform: 'translateY(-$space$0)',\n '&::after': {\n opacity: 1\n }\n },\n '&:active': {\n bg: '$base2'\n },\n '&:focus-visible': {\n ...focusVisibleStyleBlock()\n }\n }\n})\n\ntype TTileInteractiveProps = React.ComponentProps<\n typeof StyledTileInteractive\n> & { type?: string } & NavigatorActions\n\nexport const TileInteractive = React.forwardRef<\n HTMLButtonElement,\n TTileInteractiveProps\n>(({ onClick, href, type = 'button', ...rest }, ref) => {\n const isLink = !!href\n const elementSpecificProps = isLink\n ? {\n as: 'a' as React.ElementType,\n href,\n onClick: undefined\n }\n : { as: 'button' as React.ElementType, type, onClick }\n\n return <StyledTileInteractive {...rest} {...elementSpecificProps} ref={ref} />\n})\n\nTileInteractive.displayName = 'TileInteractive'\n"],"names":["StyledTileInteractive","styled","propName","Tile","focusVisibleStyleBlock","TileInteractive","React","onClick","href","type","rest","ref"],"mappings":"mZAOA,MAAMA,EAAwBC,EAAO,WAAW,CAC9C,0BAA4BC,GAAa,CAAC,IAAI,EAAE,SAASA,CAAQ,CACnE,CAAC,EAAEC,EAAM,CACP,mBAAoB,CAClB,QAAS,GACT,OAAQ,aACV,EACA,yBAA0B,CACxB,OAAQ,UACR,UAAW,gBACX,WAAY,uBACZ,WAAY,CACV,QAAS,GACT,SAAU,WACV,MAAO,EACP,UAAW,KACX,QAAS,EACT,WAAY,yBACZ,aAAc,SAChB,EACA,UAAW,CACT,UAAW,wBACX,WAAY,CACV,QAAS,CACX,CACF,EACA,WAAY,CACV,GAAI,QACN,EACA,kBAAmB,CACjB,GAAGC,GACL,CACF,CACF,CAAC,EAMYC,EAAkBC,EAAM,WAGnC,CAAC,CAAE,QAAAC,EAAS,KAAAC,EAAM,KAAAC,EAAO,YAAaC,CAAK,EAAGC,IAUvCL,EAAA,cAACN,EAAA,CAAuB,GAAGU,EAAO,GATxBF,EAEb,CACE,GAAI,IACJ,KAAAA,EACA,QAAS,MACX,EACA,CAAE,GAAI,SAA+B,KAAAC,EAAM,QAAAF,CAAQ,EAEW,IAAKI,CAAAA,CAAK,CAC7E,EAEDN,EAAgB,YAAc"}
|
|
@@ -3,11 +3,11 @@ import * as React from 'react';
|
|
|
3
3
|
export declare const TileToggleGroupRoot: React.ForwardRefExoticComponent<(Pick<Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
4
4
|
ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
5
5
|
}, "direction" | "gap" | "css" | "wrap" | "justify" | "align"> & import("@stitches/react/types/styled-component").TransformProps<{
|
|
6
|
-
direction?: "row" | "column" | "row-reverse" | undefined;
|
|
7
|
-
wrap?: "wrap" | "wrap-reverse" | "
|
|
8
|
-
justify?:
|
|
9
|
-
align?:
|
|
10
|
-
gap?: number |
|
|
6
|
+
direction?: "inherit" | "initial" | "revert" | "unset" | "row" | "column" | "column-reverse" | "row-reverse" | "revert-layer" | undefined;
|
|
7
|
+
wrap?: "inherit" | "initial" | "revert" | "unset" | "nowrap" | "wrap" | "wrap-reverse" | "revert-layer" | undefined;
|
|
8
|
+
justify?: "center" | "left" | "right" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "space-around" | "space-between" | "space-evenly" | "end" | "flex-end" | "flex-start" | "start" | "normal" | "revert-layer" | "unsafe" | "safe" | undefined;
|
|
9
|
+
align?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "normal" | "self-end" | "self-start" | "revert-layer" | "unsafe" | "safe" | "first baseline" | "last baseline" | undefined;
|
|
10
|
+
gap?: number | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | undefined;
|
|
11
11
|
}, {
|
|
12
12
|
sm: string;
|
|
13
13
|
md: string;
|
|
@@ -340,17 +340,14 @@ export declare const TileToggleGroupRoot: React.ForwardRefExoticComponent<(Pick<
|
|
|
340
340
|
marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
|
|
341
341
|
};
|
|
342
342
|
}> | undefined;
|
|
343
|
-
} & {
|
|
344
|
-
css?: import("../..").CSS | undefined;
|
|
345
|
-
as?: any;
|
|
346
|
-
} & ToggleGroup.ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement>, "color" | "direction" | "translate" | "gap" | "css" | "onBlur" | "onChange" | "onSubmit" | "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "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-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "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" | "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" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "as" | "wrap" | "justify" | "asChild" | "disabled" | "value" | "type" | "orientation" | "onValueChange" | "loop" | "align" | "rovingFocus"> | Pick<Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
343
|
+
} & ToggleGroup.ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement>, "color" | "direction" | "translate" | "gap" | "css" | "onBlur" | "onChange" | "onSubmit" | "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "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-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "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" | "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" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "wrap" | "justify" | "asChild" | "disabled" | "value" | "type" | "orientation" | "onValueChange" | "loop" | "align" | "rovingFocus"> | Pick<Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
347
344
|
ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
348
345
|
}, "direction" | "gap" | "css" | "wrap" | "justify" | "align"> & import("@stitches/react/types/styled-component").TransformProps<{
|
|
349
|
-
direction?: "row" | "column" | "row-reverse" | undefined;
|
|
350
|
-
wrap?: "wrap" | "wrap-reverse" | "
|
|
351
|
-
justify?:
|
|
352
|
-
align?:
|
|
353
|
-
gap?: number |
|
|
346
|
+
direction?: "inherit" | "initial" | "revert" | "unset" | "row" | "column" | "column-reverse" | "row-reverse" | "revert-layer" | undefined;
|
|
347
|
+
wrap?: "inherit" | "initial" | "revert" | "unset" | "nowrap" | "wrap" | "wrap-reverse" | "revert-layer" | undefined;
|
|
348
|
+
justify?: "center" | "left" | "right" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "space-around" | "space-between" | "space-evenly" | "end" | "flex-end" | "flex-start" | "start" | "normal" | "revert-layer" | "unsafe" | "safe" | undefined;
|
|
349
|
+
align?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "normal" | "self-end" | "self-start" | "revert-layer" | "unsafe" | "safe" | "first baseline" | "last baseline" | undefined;
|
|
350
|
+
gap?: number | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | undefined;
|
|
354
351
|
}, {
|
|
355
352
|
sm: string;
|
|
356
353
|
md: string;
|
|
@@ -683,7 +680,4 @@ export declare const TileToggleGroupRoot: React.ForwardRefExoticComponent<(Pick<
|
|
|
683
680
|
marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
|
|
684
681
|
};
|
|
685
682
|
}> | undefined;
|
|
686
|
-
} &
|
|
687
|
-
css?: import("../..").CSS | undefined;
|
|
688
|
-
as?: any;
|
|
689
|
-
} & ToggleGroup.ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement>, "color" | "direction" | "translate" | "gap" | "css" | "onBlur" | "onChange" | "onSubmit" | "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "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-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "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" | "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" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "as" | "wrap" | "justify" | "asChild" | "disabled" | "value" | "type" | "orientation" | "onValueChange" | "loop" | "align" | "rovingFocus">) & React.RefAttributes<HTMLDivElement>>;
|
|
683
|
+
} & ToggleGroup.ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement>, "color" | "direction" | "translate" | "gap" | "css" | "onBlur" | "onChange" | "onSubmit" | "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "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-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "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" | "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" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "wrap" | "justify" | "asChild" | "disabled" | "value" | "type" | "orientation" | "onValueChange" | "loop" | "align" | "rovingFocus">) & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as i from"@radix-ui/react-toggle-group";import*as r from"react";import"../tile/Tile.js";import{TileGroup as
|
|
1
|
+
import*as i from"@radix-ui/react-toggle-group";import*as r from"react";import"../tile/Tile.js";import{TileGroup as a}from"../tile/TileGroup.js";const n=o=>o==="horizontal"?"row":o==="vertical"?"column":void 0,p=r.forwardRef((o,t)=>{const e=n(o.orientation);return r.createElement(a,{ref:t,as:i.Root,direction:e,gap:"2",wrap:"wrap",...o})});export{p as TileToggleGroupRoot};
|
|
2
2
|
//# sourceMappingURL=TileToggleGroupRoot.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TileToggleGroupRoot.js","sources":["../../../src/components/tile-toggle-group/TileToggleGroupRoot.tsx"],"sourcesContent":["import * as ToggleGroup from '@radix-ui/react-toggle-group'\nimport * as React from 'react'\n\nimport { TileGroup } from '~/components/tile'\n\ntype TTileToggleGroupRootProps = React.ComponentProps<typeof TileGroup> &\n React.ComponentProps<typeof ToggleGroup.Root>\n\nconst orientationToDirection = (orientation) =>\n orientation === 'horizontal'\n ? 'row'\n : orientation === 'vertical'\n ? 'column'\n : undefined\n\nexport const TileToggleGroupRoot = React.forwardRef<\n HTMLDivElement,\n TTileToggleGroupRootProps\n>((props, ref) => {\n const direction = orientationToDirection(props.orientation)\n return (\n <TileGroup\n ref={ref}\n as={ToggleGroup.Root}\n direction={direction}\n
|
|
1
|
+
{"version":3,"file":"TileToggleGroupRoot.js","sources":["../../../src/components/tile-toggle-group/TileToggleGroupRoot.tsx"],"sourcesContent":["import * as ToggleGroup from '@radix-ui/react-toggle-group'\nimport * as React from 'react'\n\nimport { TileGroup } from '~/components/tile'\n\ntype TTileToggleGroupRootProps = React.ComponentProps<typeof TileGroup> &\n React.ComponentProps<typeof ToggleGroup.Root>\n\nconst orientationToDirection = (orientation) =>\n orientation === 'horizontal'\n ? 'row'\n : orientation === 'vertical'\n ? 'column'\n : undefined\n\nexport const TileToggleGroupRoot = React.forwardRef<\n HTMLDivElement,\n TTileToggleGroupRootProps\n>((props, ref) => {\n const direction = orientationToDirection(props.orientation)\n return (\n <TileGroup\n ref={ref}\n as={ToggleGroup.Root}\n direction={direction}\n gap=\"2\"\n wrap=\"wrap\"\n {...props}\n />\n )\n})\n"],"names":["orientationToDirection","orientation","TileToggleGroupRoot","React","props","ref","direction","TileGroup","ToggleGroup"],"mappings":"gJAQA,MAAMA,EAA0BC,GAC9BA,IAAgB,aACZ,MACAA,IAAgB,WAChB,SACA,OAEOC,EAAsBC,EAAM,WAGvC,CAACC,EAAOC,IAAQ,CAChB,MAAMC,EAAYN,EAAuBI,EAAM,WAAW,EAC1D,OACED,EAAA,cAACI,EAAA,CACC,IAAKF,EACL,GAAIG,EAAY,KAChB,UAAWF,EACX,IAAI,IACJ,KAAK,OACJ,GAAGF,CACN,CAAA,CAEJ,CAAC"}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import * as ToggleGroup from '@radix-ui/react-toggle-group';
|
|
2
2
|
import * as React from 'react';
|
|
3
|
+
import { Flex } from '../../components/flex';
|
|
3
4
|
declare type RootType = {
|
|
4
5
|
orientation?: 'horizontal' | 'vertical';
|
|
5
|
-
gap?: number;
|
|
6
6
|
isFullWidth?: boolean;
|
|
7
|
-
wrap?: 'wrap' | 'no-wrap' | 'wrap-reverse';
|
|
8
7
|
};
|
|
9
8
|
export declare const StyledRoot: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<(ToggleGroup.ToggleGroupSingleProps | ToggleGroup.ToggleGroupMultipleProps) & React.RefAttributes<HTMLDivElement>>, {
|
|
10
9
|
isFullWidth?: boolean | "true" | undefined;
|
|
@@ -341,5 +340,5 @@ export declare const StyledRoot: import("@stitches/react/types/styled-component"
|
|
|
341
340
|
marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
|
|
342
341
|
};
|
|
343
342
|
}>>;
|
|
344
|
-
export declare const ToggleGroupRoot: React.ForwardRefExoticComponent<React.ComponentProps<typeof StyledRoot> & RootType>;
|
|
343
|
+
export declare const ToggleGroupRoot: React.ForwardRefExoticComponent<Pick<React.ComponentProps<typeof Flex>, 'gap' | 'wrap'> & React.ComponentProps<typeof StyledRoot> & RootType>;
|
|
345
344
|
export {};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as
|
|
1
|
+
import*as c from"@radix-ui/react-toggle-group";import*as r from"react";import{Flex as f}from"../flex/Flex.js";import{styled as m}from"../../stitches.js";import{StyledItem as t}from"./ToggleGroupItem.js";const s=m(c.Root,{width:"fit-content",variants:{isFullWidth:{true:{width:"100%",[`& ${t}`]:{flexBasis:0,flexGrow:1}}},hasGap:{true:{[`& ${t}`]:{borderRadius:"$0"}},false:{borderRadius:"$0",bg:"white",[`& ${t}`]:{bg:"transparent",borderRadius:0,position:"relative","&:not(:last-child)::before":{content:"",position:"absolute"}}}},direction:{column:{},row:{}}},compoundVariants:[{hasGap:!1,direction:"row",css:{[`& ${t}`]:{"&:not(:last-child)::before":{top:"-1px",height:"calc(100% + 2px)",width:"1px",right:"0",transform:"translateX(150%)"},"&:not(:first-child)":{borderLeftColor:"transparent"},"&:not(:last-child)":{borderRightColor:"transparent"},"&:first-child":{borderTopLeftRadius:"$0",borderBottomLeftRadius:"$0"},"&:last-child":{borderTopRightRadius:"$0",borderBottomRightRadius:"$0"}}}},{hasGap:!1,direction:"column",css:{[`& ${t}`]:{"&:not(:last-child)::before":{bottom:0,left:"-1px",height:"1px",width:"calc(100% + 2px)",transform:"translateY(150%)"},"&:first-child":{borderTopLeftRadius:"$0",borderTopRightRadius:"$0"},"&:last-child":{borderBottomLeftRadius:"$0",borderBottomRightRadius:"$0"},"&:not(:first-child)":{borderTopColor:"transparent"},"&:not(:last-child)":{borderBottomColor:"transparent"}}}}]}),u=o=>o==="horizontal"?"row":"column",b=r.forwardRef(({orientation:o="horizontal",gap:i,isFullWidth:d,children:n,wrap:l,...p},h)=>{const e=typeof i=="number",a=u(o);return r.createElement(s,{ref:h,direction:a,hasGap:e,isFullWidth:d,orientation:o,...p},r.createElement(f,{direction:a,gap:e?i:void 0,wrap:l||"nowrap"},n))});export{s as StyledRoot,b as ToggleGroupRoot};
|
|
2
2
|
//# sourceMappingURL=ToggleGroupRoot.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleGroupRoot.js","sources":["../../../src/components/toggle-group/ToggleGroupRoot.tsx"],"sourcesContent":["import * as ToggleGroup from '@radix-ui/react-toggle-group'\nimport * as React from 'react'\n\nimport {
|
|
1
|
+
{"version":3,"file":"ToggleGroupRoot.js","sources":["../../../src/components/toggle-group/ToggleGroupRoot.tsx"],"sourcesContent":["import * as ToggleGroup from '@radix-ui/react-toggle-group'\nimport * as React from 'react'\n\nimport { Flex } from '~/components/flex'\nimport { styled } from '~/stitches'\n\nimport { StyledItem } from './ToggleGroupItem'\n\ntype RootType = {\n orientation?: 'horizontal' | 'vertical'\n isFullWidth?: boolean\n}\n\nexport const StyledRoot = styled(ToggleGroup.Root, {\n width: 'fit-content',\n variants: {\n isFullWidth: {\n true: {\n width: '100%',\n [`& ${StyledItem}`]: {\n flexBasis: 0,\n flexGrow: 1\n }\n }\n },\n hasGap: {\n true: {\n [`& ${StyledItem}`]: { borderRadius: '$0' }\n },\n false: {\n borderRadius: '$0',\n bg: 'white',\n [`& ${StyledItem}`]: {\n bg: 'transparent',\n borderRadius: 0,\n position: 'relative',\n '&:not(:last-child)::before': {\n content: '',\n position: 'absolute'\n }\n }\n }\n },\n direction: {\n column: {},\n row: {}\n }\n },\n compoundVariants: [\n {\n hasGap: false,\n direction: 'row',\n css: {\n [`& ${StyledItem}`]: {\n '&:not(:last-child)::before': {\n top: '-1px',\n height: 'calc(100% + 2px)',\n width: '1px',\n right: '0',\n transform: 'translateX(150%)'\n },\n '&:not(:first-child)': {\n borderLeftColor: 'transparent'\n },\n '&:not(:last-child)': {\n borderRightColor: 'transparent'\n },\n '&:first-child': {\n borderTopLeftRadius: '$0',\n borderBottomLeftRadius: '$0'\n },\n '&:last-child': {\n borderTopRightRadius: '$0',\n borderBottomRightRadius: '$0'\n }\n }\n }\n },\n {\n hasGap: false,\n direction: 'column',\n css: {\n [`& ${StyledItem}`]: {\n '&:not(:last-child)::before': {\n bottom: 0,\n left: '-1px',\n height: '1px',\n width: 'calc(100% + 2px)',\n transform: 'translateY(150%)'\n },\n '&:first-child': {\n borderTopLeftRadius: '$0',\n borderTopRightRadius: '$0'\n },\n '&:last-child': {\n borderBottomLeftRadius: '$0',\n borderBottomRightRadius: '$0'\n },\n '&:not(:first-child)': {\n borderTopColor: 'transparent'\n },\n '&:not(:last-child)': {\n borderBottomColor: 'transparent'\n }\n }\n }\n }\n ]\n})\n\nconst orientationToDirection = (orientation) =>\n orientation === 'horizontal' ? 'row' : 'column'\n\nexport const ToggleGroupRoot: React.ForwardRefExoticComponent<\n Pick<React.ComponentProps<typeof Flex>, 'gap' | 'wrap'> &\n React.ComponentProps<typeof StyledRoot> &\n RootType\n> = React.forwardRef(\n (\n { orientation = 'horizontal', gap, isFullWidth, children, wrap, ...rest },\n ref\n ) => {\n const hasGap = typeof gap === 'number'\n const direction = orientationToDirection(orientation)\n return (\n <StyledRoot\n ref={ref}\n direction={direction}\n hasGap={hasGap}\n isFullWidth={isFullWidth}\n orientation={orientation}\n {...rest}\n >\n <Flex\n direction={direction}\n gap={hasGap ? gap : undefined}\n wrap={wrap || 'nowrap'}\n >\n {children}\n </Flex>\n </StyledRoot>\n )\n }\n)\n"],"names":["StyledRoot","styled","ToggleGroup","StyledItem","orientationToDirection","orientation","ToggleGroupRoot","React","gap","isFullWidth","children","wrap","rest","ref","hasGap","direction","Flex"],"mappings":"2MAaa,MAAAA,EAAaC,EAAOC,EAAY,KAAM,CACjD,MAAO,cACP,SAAU,CACR,YAAa,CACX,KAAM,CACJ,MAAO,OACP,CAAC,KAAKC,KAAe,CACnB,UAAW,EACX,SAAU,CACZ,CACF,CACF,EACA,OAAQ,CACN,KAAM,CACJ,CAAC,KAAKA,KAAe,CAAE,aAAc,IAAK,CAC5C,EACA,MAAO,CACL,aAAc,KACd,GAAI,QACJ,CAAC,KAAKA,KAAe,CACnB,GAAI,cACJ,aAAc,EACd,SAAU,WACV,6BAA8B,CAC5B,QAAS,GACT,SAAU,UACZ,CACF,CACF,CACF,EACA,UAAW,CACT,OAAQ,CAAC,EACT,IAAK,CAAA,CACP,CACF,EACA,iBAAkB,CAChB,CACE,OAAQ,GACR,UAAW,MACX,IAAK,CACH,CAAC,KAAKA,KAAe,CACnB,6BAA8B,CAC5B,IAAK,OACL,OAAQ,mBACR,MAAO,MACP,MAAO,IACP,UAAW,kBACb,EACA,sBAAuB,CACrB,gBAAiB,aACnB,EACA,qBAAsB,CACpB,iBAAkB,aACpB,EACA,gBAAiB,CACf,oBAAqB,KACrB,uBAAwB,IAC1B,EACA,eAAgB,CACd,qBAAsB,KACtB,wBAAyB,IAC3B,CACF,CACF,CACF,EACA,CACE,OAAQ,GACR,UAAW,SACX,IAAK,CACH,CAAC,KAAKA,KAAe,CACnB,6BAA8B,CAC5B,OAAQ,EACR,KAAM,OACN,OAAQ,MACR,MAAO,mBACP,UAAW,kBACb,EACA,gBAAiB,CACf,oBAAqB,KACrB,qBAAsB,IACxB,EACA,eAAgB,CACd,uBAAwB,KACxB,wBAAyB,IAC3B,EACA,sBAAuB,CACrB,eAAgB,aAClB,EACA,qBAAsB,CACpB,kBAAmB,aACrB,CACF,CACF,CACF,CACF,CACF,CAAC,EAEKC,EAA0BC,GAC9BA,IAAgB,aAAe,MAAQ,SAE5BC,EAITC,EAAM,WACR,CACE,CAAE,YAAAF,EAAc,aAAc,IAAAG,EAAK,YAAAC,EAAa,SAAAC,EAAU,KAAAC,KAASC,CAAK,EACxEC,IACG,CACH,MAAMC,EAAS,OAAON,GAAQ,SACxBO,EAAYX,EAAuBC,CAAW,EACpD,OACEE,EAAA,cAACP,EAAA,CACC,IAAKa,EACL,UAAWE,EACX,OAAQD,EACR,YAAaL,EACb,YAAaJ,EACZ,GAAGO,CAEJL,EAAAA,EAAA,cAACS,EAAA,CACC,UAAWD,EACX,IAAKD,EAASN,EAAM,OACpB,KAAMG,GAAQ,QAAA,EAEbD,CACH,CACF,CAEJ,CACF"}
|
|
@@ -999,7 +999,347 @@ export declare const ToggleGroup: {
|
|
|
999
999
|
};
|
|
1000
1000
|
}> | undefined;
|
|
1001
1001
|
}>;
|
|
1002
|
-
Root: import("react").ForwardRefExoticComponent<
|
|
1002
|
+
Root: import("react").ForwardRefExoticComponent<Pick<Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
|
|
1003
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
1004
|
+
}, "direction" | "gap" | "css" | "wrap" | "justify" | "align"> & import("@stitches/react/types/styled-component").TransformProps<{
|
|
1005
|
+
direction?: "inherit" | "initial" | "revert" | "unset" | "row" | "column" | "column-reverse" | "row-reverse" | "revert-layer" | undefined;
|
|
1006
|
+
wrap?: "inherit" | "initial" | "revert" | "unset" | "nowrap" | "wrap" | "wrap-reverse" | "revert-layer" | undefined;
|
|
1007
|
+
justify?: "center" | "left" | "right" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "space-around" | "space-between" | "space-evenly" | "end" | "flex-end" | "flex-start" | "start" | "normal" | "revert-layer" | "unsafe" | "safe" | undefined;
|
|
1008
|
+
align?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "normal" | "self-end" | "self-start" | "revert-layer" | "unsafe" | "safe" | "first baseline" | "last baseline" | undefined;
|
|
1009
|
+
gap?: number | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | undefined;
|
|
1010
|
+
}, {
|
|
1011
|
+
sm: string;
|
|
1012
|
+
md: string;
|
|
1013
|
+
lg: string;
|
|
1014
|
+
xl: string;
|
|
1015
|
+
reducedMotion: string;
|
|
1016
|
+
allowMotion: string;
|
|
1017
|
+
hover: string;
|
|
1018
|
+
}> & {
|
|
1019
|
+
css?: import("@stitches/react/types/css-util").CSS<{
|
|
1020
|
+
sm: string;
|
|
1021
|
+
md: string;
|
|
1022
|
+
lg: string;
|
|
1023
|
+
xl: string;
|
|
1024
|
+
reducedMotion: string;
|
|
1025
|
+
allowMotion: string;
|
|
1026
|
+
hover: string;
|
|
1027
|
+
}, {
|
|
1028
|
+
colors: {
|
|
1029
|
+
textBold: any;
|
|
1030
|
+
textRegular: any;
|
|
1031
|
+
textSubtle: any;
|
|
1032
|
+
textMinimal: any;
|
|
1033
|
+
background: any;
|
|
1034
|
+
backgroundAccent: any;
|
|
1035
|
+
grey100: any;
|
|
1036
|
+
grey200: any;
|
|
1037
|
+
grey300: any;
|
|
1038
|
+
grey400: any;
|
|
1039
|
+
grey500: any;
|
|
1040
|
+
grey600: any;
|
|
1041
|
+
grey700: any;
|
|
1042
|
+
grey800: any;
|
|
1043
|
+
grey900: any;
|
|
1044
|
+
grey1000: any;
|
|
1045
|
+
grey1100: any;
|
|
1046
|
+
grey1200: any;
|
|
1047
|
+
blue100: any;
|
|
1048
|
+
blue200: any;
|
|
1049
|
+
blue300: any;
|
|
1050
|
+
blue400: any;
|
|
1051
|
+
blue500: any;
|
|
1052
|
+
blue600: any;
|
|
1053
|
+
blue700: any;
|
|
1054
|
+
blue800: any;
|
|
1055
|
+
blue900: any;
|
|
1056
|
+
blue1000: any;
|
|
1057
|
+
blue1100: any;
|
|
1058
|
+
blue1200: any;
|
|
1059
|
+
purple100: any;
|
|
1060
|
+
purple200: any;
|
|
1061
|
+
purple300: any;
|
|
1062
|
+
purple400: any;
|
|
1063
|
+
purple500: any;
|
|
1064
|
+
purple600: any;
|
|
1065
|
+
purple700: any;
|
|
1066
|
+
purple800: any;
|
|
1067
|
+
purple900: any;
|
|
1068
|
+
purple1000: any;
|
|
1069
|
+
purple1100: any;
|
|
1070
|
+
purple1200: any;
|
|
1071
|
+
cyan100: any;
|
|
1072
|
+
cyan200: any;
|
|
1073
|
+
cyan300: any;
|
|
1074
|
+
cyan400: any;
|
|
1075
|
+
cyan500: any;
|
|
1076
|
+
cyan600: any;
|
|
1077
|
+
cyan700: any;
|
|
1078
|
+
cyan800: any;
|
|
1079
|
+
cyan900: any;
|
|
1080
|
+
cyan1000: any;
|
|
1081
|
+
cyan1100: any;
|
|
1082
|
+
cyan1200: any;
|
|
1083
|
+
green100: any;
|
|
1084
|
+
green200: any;
|
|
1085
|
+
green300: any;
|
|
1086
|
+
green400: any;
|
|
1087
|
+
green500: any;
|
|
1088
|
+
green600: any;
|
|
1089
|
+
green700: any;
|
|
1090
|
+
green800: any;
|
|
1091
|
+
green900: any;
|
|
1092
|
+
green1000: any;
|
|
1093
|
+
green1100: any;
|
|
1094
|
+
green1200: any;
|
|
1095
|
+
magenta100: any;
|
|
1096
|
+
magenta200: any;
|
|
1097
|
+
magenta300: any;
|
|
1098
|
+
magenta400: any;
|
|
1099
|
+
magenta500: any;
|
|
1100
|
+
magenta600: any;
|
|
1101
|
+
magenta700: any;
|
|
1102
|
+
magenta800: any;
|
|
1103
|
+
magenta900: any;
|
|
1104
|
+
magenta1000: any;
|
|
1105
|
+
magenta1100: any;
|
|
1106
|
+
magenta1200: any;
|
|
1107
|
+
red100: any;
|
|
1108
|
+
red200: any;
|
|
1109
|
+
red300: any;
|
|
1110
|
+
red400: any;
|
|
1111
|
+
red500: any;
|
|
1112
|
+
red600: any;
|
|
1113
|
+
red700: any;
|
|
1114
|
+
red800: any;
|
|
1115
|
+
red900: any;
|
|
1116
|
+
red1000: any;
|
|
1117
|
+
red1100: any;
|
|
1118
|
+
red1200: any;
|
|
1119
|
+
teal100: any;
|
|
1120
|
+
teal200: any;
|
|
1121
|
+
teal300: any;
|
|
1122
|
+
teal400: any;
|
|
1123
|
+
teal500: any;
|
|
1124
|
+
teal600: any;
|
|
1125
|
+
teal700: any;
|
|
1126
|
+
teal800: any;
|
|
1127
|
+
teal900: any;
|
|
1128
|
+
teal1000: any;
|
|
1129
|
+
teal1100: any;
|
|
1130
|
+
teal1200: any;
|
|
1131
|
+
orange100: any;
|
|
1132
|
+
orange200: any;
|
|
1133
|
+
orange300: any;
|
|
1134
|
+
orange400: any;
|
|
1135
|
+
orange500: any;
|
|
1136
|
+
orange600: any;
|
|
1137
|
+
orange700: any;
|
|
1138
|
+
orange800: any;
|
|
1139
|
+
orange900: any;
|
|
1140
|
+
orange1000: any;
|
|
1141
|
+
orange1100: any;
|
|
1142
|
+
orange1200: any;
|
|
1143
|
+
yellow100: any;
|
|
1144
|
+
yellow200: any;
|
|
1145
|
+
yellow300: any;
|
|
1146
|
+
yellow400: any;
|
|
1147
|
+
yellow500: any;
|
|
1148
|
+
yellow600: any;
|
|
1149
|
+
yellow700: any;
|
|
1150
|
+
yellow800: any;
|
|
1151
|
+
yellow900: any;
|
|
1152
|
+
yellow1000: any;
|
|
1153
|
+
yellow1100: any;
|
|
1154
|
+
yellow1200: any;
|
|
1155
|
+
lime100: any;
|
|
1156
|
+
lime200: any;
|
|
1157
|
+
lime300: any;
|
|
1158
|
+
lime400: any;
|
|
1159
|
+
lime500: any;
|
|
1160
|
+
lime600: any;
|
|
1161
|
+
lime700: any;
|
|
1162
|
+
lime800: any;
|
|
1163
|
+
lime900: any;
|
|
1164
|
+
lime1000: any;
|
|
1165
|
+
lime1100: any;
|
|
1166
|
+
lime1200: any;
|
|
1167
|
+
tonal50: any;
|
|
1168
|
+
tonal100: any;
|
|
1169
|
+
tonal200: any;
|
|
1170
|
+
tonal300: any;
|
|
1171
|
+
tonal400: any;
|
|
1172
|
+
tonal500: any;
|
|
1173
|
+
tonal600: any;
|
|
1174
|
+
alpha100: any;
|
|
1175
|
+
alpha150: any;
|
|
1176
|
+
alpha200: any;
|
|
1177
|
+
alpha250: any;
|
|
1178
|
+
alpha600: any;
|
|
1179
|
+
brandRed: any;
|
|
1180
|
+
brandRedAccent: any;
|
|
1181
|
+
brandGreen: any;
|
|
1182
|
+
brandGreenAccent: any;
|
|
1183
|
+
brandPurple: any;
|
|
1184
|
+
brandPurpleAccent: any;
|
|
1185
|
+
brandYellow: any;
|
|
1186
|
+
brandYellowAccent: any;
|
|
1187
|
+
infoLight: any;
|
|
1188
|
+
info: any;
|
|
1189
|
+
infoMid: any;
|
|
1190
|
+
infoDark: any;
|
|
1191
|
+
successLight: any;
|
|
1192
|
+
success: any;
|
|
1193
|
+
successMid: any;
|
|
1194
|
+
successDark: any;
|
|
1195
|
+
dangerLight: any;
|
|
1196
|
+
danger: any;
|
|
1197
|
+
dangerMid: any;
|
|
1198
|
+
dangerDark: any;
|
|
1199
|
+
warningLight: any;
|
|
1200
|
+
warning: any;
|
|
1201
|
+
warningMid: any;
|
|
1202
|
+
warningDark: any;
|
|
1203
|
+
warningText: any;
|
|
1204
|
+
subjectEnglish: any;
|
|
1205
|
+
subjectMaths: any;
|
|
1206
|
+
subjectScience: any;
|
|
1207
|
+
subjectVerbalReasoning: any;
|
|
1208
|
+
subjectNonVerbalReasoning: any;
|
|
1209
|
+
subjectCreativeWriting: any;
|
|
1210
|
+
subjectExamSkills: any;
|
|
1211
|
+
glBlueLight: any;
|
|
1212
|
+
glBluePrimary: any;
|
|
1213
|
+
glBlueDark: any;
|
|
1214
|
+
primary100: any;
|
|
1215
|
+
primary200: any;
|
|
1216
|
+
primary300: any;
|
|
1217
|
+
primary400: any;
|
|
1218
|
+
primary500: any;
|
|
1219
|
+
primary600: any;
|
|
1220
|
+
primary700: any;
|
|
1221
|
+
primary800: any;
|
|
1222
|
+
primary900: any;
|
|
1223
|
+
primary1000: any;
|
|
1224
|
+
primary1100: any;
|
|
1225
|
+
primary1200: any;
|
|
1226
|
+
};
|
|
1227
|
+
space: {
|
|
1228
|
+
"0": any;
|
|
1229
|
+
"1": any;
|
|
1230
|
+
"2": any;
|
|
1231
|
+
"3": any;
|
|
1232
|
+
"4": any;
|
|
1233
|
+
"5": any;
|
|
1234
|
+
"6": any;
|
|
1235
|
+
"7": any;
|
|
1236
|
+
"8": any;
|
|
1237
|
+
"9": any;
|
|
1238
|
+
"24": any;
|
|
1239
|
+
};
|
|
1240
|
+
fontSizes: {
|
|
1241
|
+
xs: any;
|
|
1242
|
+
sm: any;
|
|
1243
|
+
md: any;
|
|
1244
|
+
lg: any;
|
|
1245
|
+
xl: any;
|
|
1246
|
+
"2xl": any;
|
|
1247
|
+
"3xl": any;
|
|
1248
|
+
"4xl": any;
|
|
1249
|
+
};
|
|
1250
|
+
fonts: {
|
|
1251
|
+
sans: any;
|
|
1252
|
+
mono: any;
|
|
1253
|
+
display: any;
|
|
1254
|
+
body: any;
|
|
1255
|
+
};
|
|
1256
|
+
sizes: {
|
|
1257
|
+
"0": any;
|
|
1258
|
+
"1": any;
|
|
1259
|
+
"2": any;
|
|
1260
|
+
"3": any;
|
|
1261
|
+
"4": any;
|
|
1262
|
+
"5": any;
|
|
1263
|
+
"6": any;
|
|
1264
|
+
"7": any;
|
|
1265
|
+
"8": any;
|
|
1266
|
+
};
|
|
1267
|
+
radii: {
|
|
1268
|
+
"0": any;
|
|
1269
|
+
"1": any;
|
|
1270
|
+
"2": any;
|
|
1271
|
+
"3": any;
|
|
1272
|
+
round: any;
|
|
1273
|
+
};
|
|
1274
|
+
shadows: {
|
|
1275
|
+
"0": any;
|
|
1276
|
+
"1": any;
|
|
1277
|
+
"2": any;
|
|
1278
|
+
"3": any;
|
|
1279
|
+
};
|
|
1280
|
+
ratios: {
|
|
1281
|
+
"16-9": any;
|
|
1282
|
+
"3-2": any;
|
|
1283
|
+
"4-3": any;
|
|
1284
|
+
"1-1": any;
|
|
1285
|
+
"3-4": any;
|
|
1286
|
+
};
|
|
1287
|
+
}, import("@stitches/react/types/config").DefaultThemeMap, {
|
|
1288
|
+
bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
|
|
1289
|
+
background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
|
|
1290
|
+
};
|
|
1291
|
+
size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
|
|
1292
|
+
height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
|
|
1293
|
+
width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
|
|
1294
|
+
};
|
|
1295
|
+
p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
|
|
1296
|
+
padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
|
|
1297
|
+
};
|
|
1298
|
+
pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
|
|
1299
|
+
paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
|
|
1300
|
+
};
|
|
1301
|
+
pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
|
|
1302
|
+
paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
|
|
1303
|
+
};
|
|
1304
|
+
pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
|
|
1305
|
+
paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
|
|
1306
|
+
};
|
|
1307
|
+
pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
|
|
1308
|
+
paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
|
|
1309
|
+
};
|
|
1310
|
+
px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
|
|
1311
|
+
paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
|
|
1312
|
+
paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
|
|
1313
|
+
};
|
|
1314
|
+
py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
|
|
1315
|
+
paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
|
|
1316
|
+
paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
|
|
1317
|
+
};
|
|
1318
|
+
m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
|
|
1319
|
+
margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
|
|
1320
|
+
};
|
|
1321
|
+
mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
|
|
1322
|
+
marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
|
|
1323
|
+
};
|
|
1324
|
+
mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
|
|
1325
|
+
marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
|
|
1326
|
+
};
|
|
1327
|
+
mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
|
|
1328
|
+
marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
|
|
1329
|
+
};
|
|
1330
|
+
ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
|
|
1331
|
+
marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
|
|
1332
|
+
};
|
|
1333
|
+
mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
|
|
1334
|
+
marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
|
|
1335
|
+
marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
|
|
1336
|
+
};
|
|
1337
|
+
my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
|
|
1338
|
+
marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
|
|
1339
|
+
marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
|
|
1340
|
+
};
|
|
1341
|
+
}> | undefined;
|
|
1342
|
+
}, "gap" | "wrap"> & ((Omit<import("@radix-ui/react-toggle-group").ToggleGroupSingleProps & import("react").RefAttributes<HTMLDivElement>, "direction" | "css" | "isFullWidth" | "hasGap"> & import("@stitches/react/types/styled-component").TransformProps<{
|
|
1003
1343
|
isFullWidth?: boolean | "true" | undefined;
|
|
1004
1344
|
hasGap?: boolean | "true" | "false" | undefined;
|
|
1005
1345
|
direction?: "row" | "column" | undefined;
|
|
@@ -1673,8 +2013,6 @@ export declare const ToggleGroup: {
|
|
|
1673
2013
|
}> | undefined;
|
|
1674
2014
|
})) & {
|
|
1675
2015
|
orientation?: "horizontal" | "vertical" | undefined;
|
|
1676
|
-
gap?: number | undefined;
|
|
1677
2016
|
isFullWidth?: boolean | undefined;
|
|
1678
|
-
wrap?: "wrap" | "wrap-reverse" | "no-wrap" | undefined;
|
|
1679
2017
|
}>;
|
|
1680
2018
|
};
|