@keboola/design 12.0.0 → 13.0.1
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/AGENTS.md +12 -7
- package/CHANGELOG.md +101 -0
- package/COMPONENT-API.md +15 -5
- package/dist/{AIKit-BD4r7ff-.js → AIKit-VB7CXeQk.js} +23 -11
- package/dist/AIKit-VB7CXeQk.js.map +1 -0
- package/dist/{AlertModal-Th2khjPi.js → AlertModal-mbSnuuka.js} +5 -5
- package/dist/AlertModal-mbSnuuka.js.map +1 -0
- package/dist/{Badge-DIjhwPvh.js → Badge-Dz0cj6rj.js} +2 -2
- package/dist/{Badge-DIjhwPvh.js.map → Badge-Dz0cj6rj.js.map} +1 -1
- package/dist/{BrandEditor-BU23Vl8V.js → BrandEditor-P8OZX2hi.js} +7 -7
- package/dist/{BrandEditor-BU23Vl8V.js.map → BrandEditor-P8OZX2hi.js.map} +1 -1
- package/dist/{Breadcrumb-p9HtMLCc.js → Breadcrumb-BUoAZyhO.js} +2 -2
- package/dist/{Breadcrumb-p9HtMLCc.js.map → Breadcrumb-BUoAZyhO.js.map} +1 -1
- package/dist/{Button-Ca4Q3VJU.js → Button-B21oVcPU.js} +3 -4
- package/dist/Button-B21oVcPU.js.map +1 -0
- package/dist/{Card-Cr9MBNHu.js → Card-BQmBWHXl.js} +32 -4
- package/dist/Card-BQmBWHXl.js.map +1 -0
- package/dist/{ClipboardButton-DHa1trtI.js → ClipboardButton-srUgWgwH.js} +2 -2
- package/dist/{ClipboardButton-DHa1trtI.js.map → ClipboardButton-srUgWgwH.js.map} +1 -1
- package/dist/{CodeEditor-BSo-oLFG.js → CodeEditor-jZMw1ioj.js} +2 -2
- package/dist/{CodeEditor-BSo-oLFG.js.map → CodeEditor-jZMw1ioj.js.map} +1 -1
- package/dist/{ColorInput-DSMqrs2-.js → ColorInput-B3gBZ8Ya.js} +2 -2
- package/dist/{ColorInput-DSMqrs2-.js.map → ColorInput-B3gBZ8Ya.js.map} +1 -1
- package/dist/{ColorModeSwitch-D7EuWyJz.js → ColorModeSwitch-BBzn1D0u.js} +3 -3
- package/dist/{ColorModeSwitch-D7EuWyJz.js.map → ColorModeSwitch-BBzn1D0u.js.map} +1 -1
- package/dist/{Combobox-CxRAYOBt.js → Combobox-BNhW0TDB.js} +22 -10
- package/dist/Combobox-BNhW0TDB.js.map +1 -0
- package/dist/{Command-BU_cVurn.js → Command-BQPiZCNz.js} +2 -2
- package/dist/{Command-BU_cVurn.js.map → Command-BQPiZCNz.js.map} +1 -1
- package/dist/{CopyField-6_c-NdLO.js → CopyField-Ba7h8MqZ.js} +3 -3
- package/dist/CopyField-Ba7h8MqZ.js.map +1 -0
- package/dist/{DateInput-DyEErfJf.js → DateInput-D0nWUasV.js} +2 -2
- package/dist/{DateInput-DyEErfJf.js.map → DateInput-D0nWUasV.js.map} +1 -1
- package/dist/{DateRangeInput-Dg7-VUd9.js → DateRangeInput-i6wE45-V.js} +2 -2
- package/dist/{DateRangeInput-Dg7-VUd9.js.map → DateRangeInput-i6wE45-V.js.map} +1 -1
- package/dist/{DateRangePicker-BoPnh4aH.js → DateRangePicker-BAnuz6vO.js} +2 -2
- package/dist/{DateRangePicker-BoPnh4aH.js.map → DateRangePicker-BAnuz6vO.js.map} +1 -1
- package/dist/{DropdownMenu-gRM-A8qU.js → DropdownMenu-C5FLPkvR.js} +12 -24
- package/dist/DropdownMenu-C5FLPkvR.js.map +1 -0
- package/dist/{FieldItem-2wMXQ0Qw.js → FieldItem-BHViBJS3.js} +2 -2
- package/dist/{FieldItem-2wMXQ0Qw.js.map → FieldItem-BHViBJS3.js.map} +1 -1
- package/dist/{FileUpload-C83tXuE2.js → FileUpload-Ch2hrIWq.js} +2 -2
- package/dist/{FileUpload-C83tXuE2.js.map → FileUpload-Ch2hrIWq.js.map} +1 -1
- package/dist/{Form-95rVLfX8.js → Form-VkzfVPyT.js} +5 -5
- package/dist/{Form-95rVLfX8.js.map → Form-VkzfVPyT.js.map} +1 -1
- package/dist/{FormGroup-CmNiAtU6.js → FormGroup-CmCppxOn.js} +3 -3
- package/dist/{FormGroup-CmNiAtU6.js.map → FormGroup-CmCppxOn.js.map} +1 -1
- package/dist/{FullScreenModal-CD7mYeTz.js → FullScreenModal-Cwnm8WdM.js} +2 -2
- package/dist/{FullScreenModal-CD7mYeTz.js.map → FullScreenModal-Cwnm8WdM.js.map} +1 -1
- package/dist/{InputGroup-B4QOPxHl.js → InputGroup-CrlMRz4X.js} +2 -2
- package/dist/{InputGroup-B4QOPxHl.js.map → InputGroup-CrlMRz4X.js.map} +1 -1
- package/dist/{MermaidDiagram-BQvz6bhv.js → MermaidDiagram-B30x2yV7.js} +2 -2
- package/dist/{MermaidDiagram-BQvz6bhv.js.map → MermaidDiagram-B30x2yV7.js.map} +1 -1
- package/dist/{Modal-Driyqs_N.js → Modal-BkSuS9Yz.js} +2 -2
- package/dist/{Modal-Driyqs_N.js.map → Modal-BkSuS9Yz.js.map} +1 -1
- package/dist/{MultiActionButtonGroup-BPnmzBtw.js → MultiActionButtonGroup-AWLj1Tg7.js} +2 -2
- package/dist/{MultiActionButtonGroup-BPnmzBtw.js.map → MultiActionButtonGroup-AWLj1Tg7.js.map} +1 -1
- package/dist/{PageToolbar-DOAtAnfL.js → PageToolbar-C06RKIif.js} +3 -3
- package/dist/{PageToolbar-DOAtAnfL.js.map → PageToolbar-C06RKIif.js.map} +1 -1
- package/dist/{Pagination-LaSg-5cl.js → Pagination-DH3f6LN0.js} +2 -2
- package/dist/{Pagination-LaSg-5cl.js.map → Pagination-DH3f6LN0.js.map} +1 -1
- package/dist/{Popconfirm-SLz0zodk.js → Popconfirm-Dhzn7sy6.js} +2 -2
- package/dist/{Popconfirm-SLz0zodk.js.map → Popconfirm-Dhzn7sy6.js.map} +1 -1
- package/dist/{RadioGroup-CBPRLRN0.js → RadioGroup-CYEp8Wnx.js} +3 -116
- package/dist/RadioGroup-CYEp8Wnx.js.map +1 -0
- package/dist/{SearchInput-CEfQDNl3.js → SearchInput-D3qMkHaW.js} +2 -2
- package/dist/{SearchInput-CEfQDNl3.js.map → SearchInput-D3qMkHaW.js.map} +1 -1
- package/dist/{SectionNav-B_qf0AXi.js → SectionNav-BTBiitiQ.js} +4 -4
- package/dist/{SectionNav-B_qf0AXi.js.map → SectionNav-BTBiitiQ.js.map} +1 -1
- package/dist/{Select-ByRvkZ3D.js → Select-B4uK0QVm.js} +4 -3
- package/dist/Select-B4uK0QVm.js.map +1 -0
- package/dist/{Sheet-C-yXk5Da.js → Sheet-D0fAE14T.js} +2 -2
- package/dist/{Sheet-C-yXk5Da.js.map → Sheet-D0fAE14T.js.map} +1 -1
- package/dist/{Sidebar-Ds0E6PbR.js → Sidebar-BTv636Cq.js} +4 -4
- package/dist/{Sidebar-Ds0E6PbR.js.map → Sidebar-BTv636Cq.js.map} +1 -1
- package/dist/{Slider-DWdu9NuM.js → Slider-B0ou9r0B.js} +2 -2
- package/dist/{Slider-DWdu9NuM.js.map → Slider-B0ou9r0B.js.map} +1 -1
- package/dist/{Tabs-Dt9oLYHC.js → Tabs-CTDmye1N.js} +2 -2
- package/dist/{Tabs-Dt9oLYHC.js.map → Tabs-CTDmye1N.js.map} +1 -1
- package/dist/{TextInput-CDG2XpBl.js → TextInput-BWYXbfs4.js} +2 -2
- package/dist/{TextInput-CDG2XpBl.js.map → TextInput-BWYXbfs4.js.map} +1 -1
- package/dist/{ThemeProvider-DXsxFg1U.js → ThemeProvider-VF38VfUa.js} +3 -3
- package/dist/{ThemeProvider-DXsxFg1U.js.map → ThemeProvider-VF38VfUa.js.map} +1 -1
- package/dist/{ZoomableSvg-BzXVfgnI.js → ZoomableSvg-C65nta_r.js} +3 -3
- package/dist/{ZoomableSvg-BzXVfgnI.js.map → ZoomableSvg-C65nta_r.js.map} +1 -1
- package/dist/editors.js +3 -3
- package/dist/flint.js +1 -1
- package/dist/index.d.ts +375 -375
- package/dist/index.js +40 -40
- package/dist/internal/blocks/AIKit.js +1 -1
- package/dist/internal/blocks/BrandEditor.js +1 -1
- package/dist/internal/blocks/ChartPanel.js +1 -1
- package/dist/internal/blocks/ChipEditor.js +2 -2
- package/dist/internal/blocks/ClipboardButton.js +1 -1
- package/dist/internal/blocks/ColorInput.js +1 -1
- package/dist/internal/blocks/ColorModeSwitch.js +1 -1
- package/dist/internal/blocks/Command.js +1 -1
- package/dist/internal/blocks/CopyField.js +1 -1
- package/dist/internal/blocks/DateInput.js +1 -1
- package/dist/internal/blocks/DateRangeInput.js +1 -1
- package/dist/internal/blocks/EmptyConfigurationActionCard.js +1 -1
- package/dist/internal/blocks/ExportMenu.js +2 -2
- package/dist/internal/blocks/Form/connectors/ComboboxField.js +2 -2
- package/dist/internal/blocks/Form/connectors/ComboboxField.js.map +1 -1
- package/dist/internal/blocks/Form/connectors/MultiComboboxField.js +1 -1
- package/dist/internal/blocks/Form/connectors/MultiComboboxField.js.map +1 -1
- package/dist/internal/blocks/Form.js +1 -1
- package/dist/internal/blocks/FormGroup.js +1 -1
- package/dist/internal/blocks/MultiActionButtonGroup.js +1 -1
- package/dist/internal/blocks/MultiCombobox.js +4 -5
- package/dist/internal/blocks/MultiCombobox.js.map +1 -1
- package/dist/internal/blocks/NumberInput.js +1 -1
- package/dist/internal/blocks/PageToolbar.js +1 -1
- package/dist/internal/blocks/PasswordInput.js +1 -1
- package/dist/internal/blocks/SearchInput.js +1 -1
- package/dist/internal/blocks/SearchInputWithNavigation.js +2 -2
- package/dist/internal/blocks/SectionNav.js +1 -1
- package/dist/internal/blocks/SplitButton.js +2 -2
- package/dist/internal/blocks/StatCard.js +1 -1
- package/dist/internal/blocks/TextInput.js +1 -1
- package/dist/internal/blocks/Textarea.js +1 -1
- package/dist/internal/blocks/TimeInput.js +1 -1
- package/dist/internal/components/AlertModal.js +1 -1
- package/dist/internal/components/Badge.js +1 -1
- package/dist/internal/components/Breadcrumb.js +1 -1
- package/dist/internal/components/Button.js +1 -1
- package/dist/internal/components/Card.js +1 -1
- package/dist/internal/components/CollapsiblePanel.js +1 -1
- package/dist/internal/components/CollapsiblePanel.js.map +1 -1
- package/dist/internal/components/Combobox.js +1 -1
- package/dist/internal/components/DateRangePicker.js +1 -1
- package/dist/internal/components/DropdownMenu.js +1 -1
- package/dist/internal/components/FileUpload.js +1 -1
- package/dist/internal/components/FullScreenModal.js +1 -1
- package/dist/internal/components/InputGroup.js +1 -1
- package/dist/internal/components/Modal.js +1 -1
- package/dist/internal/components/Pagination.js +1 -1
- package/dist/internal/components/Popconfirm.js +1 -1
- package/dist/internal/components/RadioGroup.js +1 -1
- package/dist/internal/components/Select.js +1 -1
- package/dist/internal/components/Sheet.js +1 -1
- package/dist/internal/components/Sidebar.js +1 -1
- package/dist/internal/components/Slider.js +1 -1
- package/dist/internal/components/Tabs.js +1 -1
- package/dist/internal/components/ThemeProvider.js +2 -2
- package/dist/internal/components/ZoomableSvg.js +1 -1
- package/dist/internal/utils/accessibleName.js +11 -0
- package/dist/internal/utils/accessibleName.js.map +1 -0
- package/dist/markdown-editor.js +5 -5
- package/dist/mermaid.js +1 -1
- package/dist/rjsf.js +8 -8
- package/dist/styles-DBGXH5-_.js +127 -0
- package/dist/styles-DBGXH5-_.js.map +1 -0
- package/dist/styles.css +1 -1
- package/dist/testing.js +3 -4
- package/dist/testing.js.map +1 -1
- package/package.json +23 -23
- package/src/theme.css +6 -1
- package/dist/AIKit-BD4r7ff-.js.map +0 -1
- package/dist/AlertModal-Th2khjPi.js.map +0 -1
- package/dist/Button-Ca4Q3VJU.js.map +0 -1
- package/dist/Card-Cr9MBNHu.js.map +0 -1
- package/dist/Combobox-CxRAYOBt.js.map +0 -1
- package/dist/CopyField-6_c-NdLO.js.map +0 -1
- package/dist/DropdownMenu-gRM-A8qU.js.map +0 -1
- package/dist/RadioGroup-CBPRLRN0.js.map +0 -1
- package/dist/Select-ByRvkZ3D.js.map +0 -1
- package/dist/internal/components/StatusDot.js +0 -60
- package/dist/internal/components/StatusDot.js.map +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { InputGroup } from "../../InputGroup-
|
|
1
|
+
import { InputGroup } from "../../InputGroup-CrlMRz4X.js";
|
|
2
2
|
import { useControllableState } from "../../useControllableState-CUYXMsfz.js";
|
|
3
3
|
import { jsx } from "react/jsx-runtime";
|
|
4
4
|
//#region src/blocks/Textarea/Textarea.tsx
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { createChangeInputEvent } from "../../utils-Bd28bWgm.js";
|
|
2
2
|
import { mergeRefs } from "../utils/mergeRefs.js";
|
|
3
3
|
import { Clock, X } from "../../icons-wcA70iQx.js";
|
|
4
|
-
import { InputGroup } from "../../InputGroup-
|
|
4
|
+
import { InputGroup } from "../../InputGroup-CrlMRz4X.js";
|
|
5
5
|
import { useControllableState } from "../../useControllableState-CUYXMsfz.js";
|
|
6
6
|
import { TimePicker } from "../../TimePicker-CDGYrRxi.js";
|
|
7
7
|
import { useRef, useState } from "react";
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { AlertModal } from "../../AlertModal-
|
|
1
|
+
import { AlertModal } from "../../AlertModal-mbSnuuka.js";
|
|
2
2
|
export { AlertModal };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { Badge } from "../../Badge-
|
|
1
|
+
import { Badge } from "../../Badge-Dz0cj6rj.js";
|
|
2
2
|
export { Badge };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { Breadcrumb } from "../../Breadcrumb-
|
|
1
|
+
import { Breadcrumb } from "../../Breadcrumb-BUoAZyhO.js";
|
|
2
2
|
export { Breadcrumb };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { Button, ButtonInline, argoVariants } from "../../Button-
|
|
1
|
+
import { Button, ButtonInline, argoVariants } from "../../Button-B21oVcPU.js";
|
|
2
2
|
export { Button, ButtonInline, argoVariants };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { Card } from "../../Card-
|
|
1
|
+
import { Card } from "../../Card-BQmBWHXl.js";
|
|
2
2
|
export { Card };
|
|
@@ -66,7 +66,7 @@ const CollapsiblePanel = ({ header, className, bodyClassName, headerClassName, d
|
|
|
66
66
|
onKeyUp: handleKeyUp
|
|
67
67
|
},
|
|
68
68
|
children: [/* @__PURE__ */ jsx("div", {
|
|
69
|
-
className: "tw:flex tw:flex-1 tw:items-center tw:gap-2 tw:py-px tw:text-sm tw:font-medium tw:text-foreground",
|
|
69
|
+
className: "tw:flex tw:min-w-0 tw:flex-1 tw:items-center tw:gap-2 tw:py-px tw:text-sm tw:font-medium tw:text-foreground",
|
|
70
70
|
children: header
|
|
71
71
|
}), !isDisabled && /* @__PURE__ */ jsx("div", {
|
|
72
72
|
className: "tw:ml-auto tw:shrink-0",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CollapsiblePanel.js","names":[],"sources":["../../../src/components/CollapsiblePanel.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { KeyboardEvent, MouseEvent, ReactNode } from 'react';\nimport { cva } from 'class-variance-authority';\n\nimport { keyCodes } from '../constants/keyCodes';\nimport { ChevronDown } from '../icons';\nimport { cn } from '../utils';\n\nimport { Collapsible } from './Collapsible';\n\nconst headerVariants = cva(\n 'tw:flex tw:flex-1 tw:items-center tw:gap-2 tw:rounded tw:px-4 tw:py-2.5 tw:text-sm tw:text-muted-foreground',\n {\n variants: {\n variant: {\n default: 'tw:bg-muted',\n white: 'tw:bg-card',\n },\n isDisabled: {\n true: 'tw:cursor-not-allowed tw:opacity-50',\n false: '',\n },\n hasEnforcedState: {\n true: '',\n false: '',\n },\n },\n compoundVariants: [\n {\n isDisabled: false,\n hasEnforcedState: false,\n class: 'tw:cursor-pointer tw:hover:text-primary',\n },\n ],\n defaultVariants: {\n variant: 'default',\n isDisabled: false,\n hasEnforcedState: false,\n },\n },\n);\n\ntype Props = {\n header: ReactNode;\n isDisabled?: boolean;\n defaultExpanded?: boolean;\n className?: string;\n bodyClassName?: string;\n headerClassName?: string;\n isOpen?: boolean;\n onToggle?: (event?: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>) => void;\n variant?: 'default' | 'white';\n children: ReactNode;\n};\n\nexport const CollapsiblePanel = ({\n header,\n className,\n bodyClassName,\n headerClassName,\n defaultExpanded = false,\n isDisabled = false,\n children,\n isOpen,\n onToggle,\n variant = 'default',\n}: Props) => {\n const [isUncontrolledOpen, setIsUncontrolledOpen] = useState(defaultExpanded);\n const open = isOpen ?? isUncontrolledOpen;\n const hasEnforcedState = isOpen !== undefined && onToggle === undefined;\n\n const handleCollapse = (event: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>) => {\n if (event) {\n event.stopPropagation();\n }\n if (!isDisabled) {\n setIsUncontrolledOpen(!isUncontrolledOpen);\n }\n };\n\n const handleClick = (e: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>) => {\n if (onToggle) {\n onToggle(e);\n return;\n }\n handleCollapse(e);\n };\n\n const handleKeyUp = (e: KeyboardEvent<HTMLDivElement>) => {\n if ([keyCodes.ENTER, keyCodes.SPACE].includes(e.key)) {\n handleClick(e);\n }\n };\n\n return (\n // `header` is caller-supplied and routinely contains its own buttons, so the toggle stays on\n // this wrapper — `Collapsible.Trigger` renders a `<button>` and would nest them.\n <Collapsible\n open={open}\n className={cn(\n 'tw:group tw:flex tw:flex-col tw:rounded tw:!border tw:!border-solid tw:!border-border tw:bg-card',\n className,\n )}\n >\n <div\n className={cn(headerVariants({ variant, isDisabled, hasEnforcedState }), headerClassName)}\n {...(!hasEnforcedState &&\n !isDisabled && {\n role: 'button',\n tabIndex: 0,\n onClick: handleClick,\n onKeyUp: handleKeyUp,\n })}\n >\n <div className=\"tw:flex tw:flex-1 tw:items-center tw:gap-2 tw:py-px tw:text-sm tw:font-medium tw:text-foreground\">\n {header}\n </div>\n {!isDisabled && (\n <div className=\"tw:ml-auto tw:shrink-0\">\n {/* `group-*` matches *any* ancestor `.group`, so a nested panel's chevron would\n follow the outer panel's state. */}\n <ChevronDown\n data-state={open ? 'open' : 'closed'}\n className=\"tw:size-5 tw:data-[state=open]:rotate-180\"\n />\n </div>\n )}\n </div>\n <Collapsible.Content>\n <div className={cn('tw:px-4 tw:py-3', bodyClassName)}>{children}</div>\n </Collapsible.Content>\n </Collapsible>\n );\n};\n"],"mappings":";;;;;;;;AAUA,MAAM,iBAAiB,IACrB,+GACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,OAAO;EACT;EACA,YAAY;GACV,MAAM;GACN,OAAO;EACT;EACA,kBAAkB;GAChB,MAAM;GACN,OAAO;EACT;CACF;CACA,kBAAkB,CAChB;EACE,YAAY;EACZ,kBAAkB;EAClB,OAAO;CACT,CACF;CACA,iBAAiB;EACf,SAAS;EACT,YAAY;EACZ,kBAAkB;CACpB;AACF,CACF;AAeA,MAAa,oBAAoB,EAC/B,QACA,WACA,eACA,iBACA,kBAAkB,OAClB,aAAa,OACb,UACA,QACA,UACA,UAAU,gBACC;CACX,MAAM,CAAC,oBAAoB,yBAAyB,SAAS,eAAe;CAC5E,MAAM,OAAO,UAAU;CACvB,MAAM,mBAAmB,WAAW,KAAA,KAAa,aAAa,KAAA;CAE9D,MAAM,kBAAkB,UAAsE;EAC5F,IAAI,OACF,MAAM,gBAAgB;EAExB,IAAI,CAAC,YACH,sBAAsB,CAAC,kBAAkB;CAE7C;CAEA,MAAM,eAAe,MAAkE;EACrF,IAAI,UAAU;GACZ,SAAS,CAAC;GACV;EACF;EACA,eAAe,CAAC;CAClB;CAEA,MAAM,eAAe,MAAqC;EACxD,IAAI,CAAC,SAAS,OAAO,SAAS,KAAK,CAAC,CAAC,SAAS,EAAE,GAAG,GACjD,YAAY,CAAC;CAEjB;CAEA,OAGE,qBAAC,aAAD;EACQ;EACN,WAAW,GACT,oGACA,SACF;EALF,UAAA,CAOE,qBAAC,OAAD;GACE,WAAW,GAAG,eAAe;IAAE;IAAS;IAAY;GAAiB,CAAC,GAAG,eAAe;GACxF,GAAK,CAAC,oBACJ,CAAC,cAAc;IACb,MAAM;IACN,UAAU;IACV,SAAS;IACT,SAAS;GACX;GARJ,UAAA,CAUE,oBAAC,OAAD;IAAK,WAAU;IACZ,UAAA;GACE,CAAA,GACJ,CAAC,cACA,oBAAC,OAAD;IAAK,WAAU;IAGb,UAAA,oBAAC,aAAD;KACE,cAAY,OAAO,SAAS;KAC5B,WAAU;IACX,CAAA;GACE,CAAA,CAEJ;EACL,CAAA,GAAA,oBAAC,YAAY,SAAb,EAAA,UACE,oBAAC,OAAD;GAAK,WAAW,GAAG,mBAAmB,aAAa;GAAI;EAAc,CAAA,EAClD,CAAA,CACV;;AAEjB"}
|
|
1
|
+
{"version":3,"file":"CollapsiblePanel.js","names":[],"sources":["../../../src/components/CollapsiblePanel.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { KeyboardEvent, MouseEvent, ReactNode } from 'react';\nimport { cva } from 'class-variance-authority';\n\nimport { keyCodes } from '../constants/keyCodes';\nimport { ChevronDown } from '../icons';\nimport { cn } from '../utils';\n\nimport { Collapsible } from './Collapsible';\n\nconst headerVariants = cva(\n 'tw:flex tw:flex-1 tw:items-center tw:gap-2 tw:rounded tw:px-4 tw:py-2.5 tw:text-sm tw:text-muted-foreground',\n {\n variants: {\n variant: {\n default: 'tw:bg-muted',\n white: 'tw:bg-card',\n },\n isDisabled: {\n true: 'tw:cursor-not-allowed tw:opacity-50',\n false: '',\n },\n hasEnforcedState: {\n true: '',\n false: '',\n },\n },\n compoundVariants: [\n {\n isDisabled: false,\n hasEnforcedState: false,\n class: 'tw:cursor-pointer tw:hover:text-primary',\n },\n ],\n defaultVariants: {\n variant: 'default',\n isDisabled: false,\n hasEnforcedState: false,\n },\n },\n);\n\ntype Props = {\n header: ReactNode;\n isDisabled?: boolean;\n defaultExpanded?: boolean;\n className?: string;\n bodyClassName?: string;\n headerClassName?: string;\n isOpen?: boolean;\n onToggle?: (event?: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>) => void;\n variant?: 'default' | 'white';\n children: ReactNode;\n};\n\nexport const CollapsiblePanel = ({\n header,\n className,\n bodyClassName,\n headerClassName,\n defaultExpanded = false,\n isDisabled = false,\n children,\n isOpen,\n onToggle,\n variant = 'default',\n}: Props) => {\n const [isUncontrolledOpen, setIsUncontrolledOpen] = useState(defaultExpanded);\n const open = isOpen ?? isUncontrolledOpen;\n const hasEnforcedState = isOpen !== undefined && onToggle === undefined;\n\n const handleCollapse = (event: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>) => {\n if (event) {\n event.stopPropagation();\n }\n if (!isDisabled) {\n setIsUncontrolledOpen(!isUncontrolledOpen);\n }\n };\n\n const handleClick = (e: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>) => {\n if (onToggle) {\n onToggle(e);\n return;\n }\n handleCollapse(e);\n };\n\n const handleKeyUp = (e: KeyboardEvent<HTMLDivElement>) => {\n if ([keyCodes.ENTER, keyCodes.SPACE].includes(e.key)) {\n handleClick(e);\n }\n };\n\n return (\n // `header` is caller-supplied and routinely contains its own buttons, so the toggle stays on\n // this wrapper — `Collapsible.Trigger` renders a `<button>` and would nest them.\n <Collapsible\n open={open}\n className={cn(\n 'tw:group tw:flex tw:flex-col tw:rounded tw:!border tw:!border-solid tw:!border-border tw:bg-card',\n className,\n )}\n >\n <div\n className={cn(headerVariants({ variant, isDisabled, hasEnforcedState }), headerClassName)}\n {...(!hasEnforcedState &&\n !isDisabled && {\n role: 'button',\n tabIndex: 0,\n onClick: handleClick,\n onKeyUp: handleKeyUp,\n })}\n >\n <div className=\"tw:flex tw:min-w-0 tw:flex-1 tw:items-center tw:gap-2 tw:py-px tw:text-sm tw:font-medium tw:text-foreground\">\n {header}\n </div>\n {!isDisabled && (\n <div className=\"tw:ml-auto tw:shrink-0\">\n {/* `group-*` matches *any* ancestor `.group`, so a nested panel's chevron would\n follow the outer panel's state. */}\n <ChevronDown\n data-state={open ? 'open' : 'closed'}\n className=\"tw:size-5 tw:data-[state=open]:rotate-180\"\n />\n </div>\n )}\n </div>\n <Collapsible.Content>\n <div className={cn('tw:px-4 tw:py-3', bodyClassName)}>{children}</div>\n </Collapsible.Content>\n </Collapsible>\n );\n};\n"],"mappings":";;;;;;;;AAUA,MAAM,iBAAiB,IACrB,+GACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,OAAO;EACT;EACA,YAAY;GACV,MAAM;GACN,OAAO;EACT;EACA,kBAAkB;GAChB,MAAM;GACN,OAAO;EACT;CACF;CACA,kBAAkB,CAChB;EACE,YAAY;EACZ,kBAAkB;EAClB,OAAO;CACT,CACF;CACA,iBAAiB;EACf,SAAS;EACT,YAAY;EACZ,kBAAkB;CACpB;AACF,CACF;AAeA,MAAa,oBAAoB,EAC/B,QACA,WACA,eACA,iBACA,kBAAkB,OAClB,aAAa,OACb,UACA,QACA,UACA,UAAU,gBACC;CACX,MAAM,CAAC,oBAAoB,yBAAyB,SAAS,eAAe;CAC5E,MAAM,OAAO,UAAU;CACvB,MAAM,mBAAmB,WAAW,KAAA,KAAa,aAAa,KAAA;CAE9D,MAAM,kBAAkB,UAAsE;EAC5F,IAAI,OACF,MAAM,gBAAgB;EAExB,IAAI,CAAC,YACH,sBAAsB,CAAC,kBAAkB;CAE7C;CAEA,MAAM,eAAe,MAAkE;EACrF,IAAI,UAAU;GACZ,SAAS,CAAC;GACV;EACF;EACA,eAAe,CAAC;CAClB;CAEA,MAAM,eAAe,MAAqC;EACxD,IAAI,CAAC,SAAS,OAAO,SAAS,KAAK,CAAC,CAAC,SAAS,EAAE,GAAG,GACjD,YAAY,CAAC;CAEjB;CAEA,OAGE,qBAAC,aAAD;EACQ;EACN,WAAW,GACT,oGACA,SACF;EALF,UAAA,CAOE,qBAAC,OAAD;GACE,WAAW,GAAG,eAAe;IAAE;IAAS;IAAY;GAAiB,CAAC,GAAG,eAAe;GACxF,GAAK,CAAC,oBACJ,CAAC,cAAc;IACb,MAAM;IACN,UAAU;IACV,SAAS;IACT,SAAS;GACX;GARJ,UAAA,CAUE,oBAAC,OAAD;IAAK,WAAU;IACZ,UAAA;GACE,CAAA,GACJ,CAAC,cACA,oBAAC,OAAD;IAAK,WAAU;IAGb,UAAA,oBAAC,aAAD;KACE,cAAY,OAAO,SAAS;KAC5B,WAAU;IACX,CAAA;GACE,CAAA,CAEJ;EACL,CAAA,GAAA,oBAAC,YAAY,SAAb,EAAA,UACE,oBAAC,OAAD;GAAK,WAAW,GAAG,mBAAmB,aAAa;GAAI;EAAc,CAAA,EAClD,CAAA,CACV;;AAEjB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { BLANK_VALUES, Combobox, filterByWords, matchByWords, namedLabel, withBlankValues } from "../../Combobox-
|
|
1
|
+
import { BLANK_VALUES, Combobox, filterByWords, matchByWords, namedLabel, withBlankValues } from "../../Combobox-BNhW0TDB.js";
|
|
2
2
|
export { BLANK_VALUES, Combobox, filterByWords, matchByWords, namedLabel, withBlankValues };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { DateRangePicker } from "../../DateRangePicker-
|
|
1
|
+
import { DateRangePicker } from "../../DateRangePicker-BAnuz6vO.js";
|
|
2
2
|
export { DateRangePicker };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { DropdownMenu } from "../../DropdownMenu-
|
|
1
|
+
import { DropdownMenu } from "../../DropdownMenu-C5FLPkvR.js";
|
|
2
2
|
export { DropdownMenu };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { FileUpload, useFileDropTarget, useFileUploadRejections } from "../../FileUpload-
|
|
1
|
+
import { FileUpload, useFileDropTarget, useFileUploadRejections } from "../../FileUpload-Ch2hrIWq.js";
|
|
2
2
|
export { FileUpload, useFileDropTarget, useFileUploadRejections };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { FullScreenModal, FullScreenModalBody, FullScreenModalHeader } from "../../FullScreenModal-
|
|
1
|
+
import { FullScreenModal, FullScreenModalBody, FullScreenModalHeader } from "../../FullScreenModal-Cwnm8WdM.js";
|
|
2
2
|
export { FullScreenModal, FullScreenModalBody, FullScreenModalHeader };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { InputGroup } from "../../InputGroup-
|
|
1
|
+
import { InputGroup } from "../../InputGroup-CrlMRz4X.js";
|
|
2
2
|
export { InputGroup };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { Modal } from "../../Modal-
|
|
1
|
+
import { Modal } from "../../Modal-BkSuS9Yz.js";
|
|
2
2
|
export { Modal };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { Pagination } from "../../Pagination-
|
|
1
|
+
import { Pagination } from "../../Pagination-DH3f6LN0.js";
|
|
2
2
|
export { Pagination };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { Popconfirm } from "../../Popconfirm-
|
|
1
|
+
import { Popconfirm } from "../../Popconfirm-Dhzn7sy6.js";
|
|
2
2
|
export { Popconfirm };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { RadioGroup } from "../../RadioGroup-
|
|
1
|
+
import { RadioGroup } from "../../RadioGroup-CYEp8Wnx.js";
|
|
2
2
|
export { RadioGroup };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { Select } from "../../Select-
|
|
1
|
+
import { Select } from "../../Select-B4uK0QVm.js";
|
|
2
2
|
export { Select };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { Sheet } from "../../Sheet-
|
|
1
|
+
import { Sheet } from "../../Sheet-D0fAE14T.js";
|
|
2
2
|
export { Sheet };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { Sidebar, SidebarProvider, useOptionalSidebar, useSidebar } from "../../Sidebar-
|
|
1
|
+
import { Sidebar, SidebarProvider, useOptionalSidebar, useSidebar } from "../../Sidebar-BTv636Cq.js";
|
|
2
2
|
export { Sidebar, SidebarProvider, useOptionalSidebar, useSidebar };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { Slider } from "../../Slider-
|
|
1
|
+
import { Slider } from "../../Slider-B0ou9r0B.js";
|
|
2
2
|
export { Slider };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { Tabs, TabsContent } from "../../Tabs-
|
|
1
|
+
import { Tabs, TabsContent } from "../../Tabs-CTDmye1N.js";
|
|
2
2
|
export { Tabs, TabsContent };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { DEFAULT_BRAND_ID, DEFAULT_COLOR_SCHEME } from "../../defaults-i_xG2F_1.js";
|
|
2
2
|
import { ArgoDesignContext, useArgoDesign, useTheme } from "../../context-U293r3v-.js";
|
|
3
|
-
import { ThemeProvider, ThemeScope, agnes, brandSchema, exampleCustomer, harbor, keboola, keboolaLegacySidebar,
|
|
4
|
-
export { ArgoDesignContext, DEFAULT_COLOR_SCHEME, DEFAULT_BRAND_ID as DEFAULT_KEBOOLA_BRAND_ID, ThemeProvider, ThemeScope, agnes, brandSchema, exampleCustomer, harbor, keboola, keboolaLegacySidebar,
|
|
3
|
+
import { ThemeProvider, ThemeScope, agnes, brandSchema, exampleCustomer, harbor, keboola, keboolaLegacySidebar, useThemeScopeContainer } from "../../ThemeProvider-VF38VfUa.js";
|
|
4
|
+
export { ArgoDesignContext, DEFAULT_COLOR_SCHEME, DEFAULT_BRAND_ID as DEFAULT_KEBOOLA_BRAND_ID, ThemeProvider, ThemeScope, agnes, brandSchema, exampleCustomer, harbor, keboola, keboolaLegacySidebar, useArgoDesign, useTheme, useThemeScopeContainer };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { ZoomableSvg, svgToPngBlob, toSvgFileContent } from "../../ZoomableSvg-
|
|
1
|
+
import { ZoomableSvg, svgToPngBlob, toSvgFileContent } from "../../ZoomableSvg-C65nta_r.js";
|
|
2
2
|
export { ZoomableSvg, svgToPngBlob, toSvgFileContent };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
//#region src/utils/accessibleName.ts
|
|
2
|
+
/**
|
|
3
|
+
* Passes the rest of a destructure on as the control's accessible name.
|
|
4
|
+
*
|
|
5
|
+
* - A prop left in the rest, besides the three names, fails type-check.
|
|
6
|
+
*/
|
|
7
|
+
const forwardAccessibleName = (rest) => rest;
|
|
8
|
+
//#endregion
|
|
9
|
+
export { forwardAccessibleName };
|
|
10
|
+
|
|
11
|
+
//# sourceMappingURL=accessibleName.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"accessibleName.js","names":[],"sources":["../../../src/utils/accessibleName.ts"],"sourcesContent":["type AccessibleNameProps = { id?: string; 'aria-label'?: string; 'aria-labelledby'?: string };\n\n/**\n * `Props` with one accessible-name route required: `aria-label`, `aria-labelledby` or `id`.\n *\n * - An either-or union: the props keep their own types, and more than one may be passed.\n * - `id` counts only when a `<Label htmlFor>` points at it — the type cannot check that pair.\n * - Forward the three as one rest object: destructured apart, they become three optional props.\n */\nexport type WithAccessibleName<Props> = Props &\n AccessibleNameProps &\n (\n | Required<Pick<Props & AccessibleNameProps, 'aria-label'>>\n | Required<Pick<Props & AccessibleNameProps, 'aria-labelledby'>>\n | Required<Pick<Props & AccessibleNameProps, 'id'>>\n );\n\ntype AccessibleNameRest<Rest> = keyof Rest extends keyof AccessibleNameProps ? Rest : never;\n\n/**\n * Passes the rest of a destructure on as the control's accessible name.\n *\n * - A prop left in the rest, besides the three names, fails type-check.\n */\nexport const forwardAccessibleName = <Rest>(rest: Rest & AccessibleNameRest<Rest>): Rest => rest;\n"],"mappings":";;;;;;AAwBA,MAAa,yBAA+B,SAAgD"}
|
package/dist/markdown-editor.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { cn } from "./classNames-BzrkDnOD.js";
|
|
2
2
|
import { Tooltip } from "./utils-Bd28bWgm.js";
|
|
3
3
|
import { AlignCenter, AlignJustify, AlignLeft, AlignRight, Bold, ChevronDown, Code, Heading1, Heading2, Heading3, Italic, Link, List, ListOrdered, Quote, SquareCode, Strikethrough, Type, Underline } from "./icons-wcA70iQx.js";
|
|
4
|
-
import { Button } from "./Button-
|
|
4
|
+
import { Button } from "./Button-B21oVcPU.js";
|
|
5
5
|
import { ButtonGroup } from "./internal/components/ButtonGroup.js";
|
|
6
|
-
import { DropdownMenu } from "./DropdownMenu-
|
|
6
|
+
import { DropdownMenu } from "./DropdownMenu-C5FLPkvR.js";
|
|
7
7
|
import { Label } from "./internal/components/Label.js";
|
|
8
8
|
import { useStableCallback } from "./internal/hooks/useStableCallback.js";
|
|
9
|
-
import { TextInput } from "./TextInput-
|
|
10
|
-
import { FormGroup } from "./FormGroup-
|
|
9
|
+
import { TextInput } from "./TextInput-BWYXbfs4.js";
|
|
10
|
+
import { FormGroup } from "./FormGroup-CmCppxOn.js";
|
|
11
11
|
import { Skeleton } from "./internal/components/Skeleton/Skeleton.js";
|
|
12
12
|
import { toast } from "./toast-CyXEdaCZ.js";
|
|
13
13
|
import { Suspense, createContext, lazy, use, useCallback, useEffect, useRef, useState } from "react";
|
|
@@ -141,7 +141,7 @@ const $isImageNode = (node) => {
|
|
|
141
141
|
};
|
|
142
142
|
//#endregion
|
|
143
143
|
//#region src/blocks/MarkdownEditor/nodes/MermaidNodeComponent.tsx
|
|
144
|
-
const MermaidDiagram = lazy(() => import("./MermaidDiagram-
|
|
144
|
+
const MermaidDiagram = lazy(() => import("./MermaidDiagram-B30x2yV7.js").then((n) => n.MermaidDiagram_exports).then((m) => ({ default: m.MermaidDiagram }), (error) => {
|
|
145
145
|
console.error("[MarkdownEditor] failed to load MermaidDiagram chunk", error);
|
|
146
146
|
return { default: ({ code }) => /* @__PURE__ */ jsx("pre", { children: /* @__PURE__ */ jsx("code", { children: code }) }) };
|
|
147
147
|
}));
|
package/dist/mermaid.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { MermaidDiagram } from "./MermaidDiagram-
|
|
1
|
+
import { MermaidDiagram } from "./MermaidDiagram-B30x2yV7.js";
|
|
2
2
|
export { MermaidDiagram };
|
package/dist/rjsf.js
CHANGED
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
import { Tooltip, debounce } from "./utils-Bd28bWgm.js";
|
|
2
2
|
import { BookOpen, Info, Trash2 } from "./icons-wcA70iQx.js";
|
|
3
|
-
import { Button } from "./Button-
|
|
3
|
+
import { Button } from "./Button-B21oVcPU.js";
|
|
4
4
|
import { Label } from "./internal/components/Label.js";
|
|
5
5
|
import { Link } from "./internal/components/Link.js";
|
|
6
6
|
import { useStableCallback } from "./internal/hooks/useStableCallback.js";
|
|
7
|
-
import { TextInput } from "./TextInput-
|
|
8
|
-
import { RadioGroup } from "./RadioGroup-
|
|
7
|
+
import { TextInput } from "./TextInput-BWYXbfs4.js";
|
|
8
|
+
import { RadioGroup } from "./RadioGroup-CYEp8Wnx.js";
|
|
9
9
|
import { Checkbox } from "./Checkbox-8yIIgY7g.js";
|
|
10
|
-
import { Combobox } from "./Combobox-
|
|
11
|
-
import { FormGroup } from "./FormGroup-
|
|
10
|
+
import { Combobox } from "./Combobox-BNhW0TDB.js";
|
|
11
|
+
import { FormGroup } from "./FormGroup-CmCppxOn.js";
|
|
12
12
|
import { NumberInput } from "./internal/blocks/NumberInput.js";
|
|
13
13
|
import { Textarea } from "./internal/blocks/Textarea.js";
|
|
14
|
-
import { DateInput } from "./DateInput-
|
|
14
|
+
import { DateInput } from "./DateInput-D0nWUasV.js";
|
|
15
15
|
import { PasswordInput } from "./internal/blocks/PasswordInput.js";
|
|
16
16
|
import { Alert } from "./Alert-UI-CIs-1.js";
|
|
17
17
|
import { CollapsiblePanel } from "./internal/components/CollapsiblePanel.js";
|
|
18
|
-
import { Tabs, TabsContent } from "./Tabs-
|
|
19
|
-
import { CodeEditor, isLanguageMode } from "./CodeEditor-
|
|
18
|
+
import { Tabs, TabsContent } from "./Tabs-CTDmye1N.js";
|
|
19
|
+
import { CodeEditor, isLanguageMode } from "./CodeEditor-jZMw1ioj.js";
|
|
20
20
|
import { createContext, isValidElement, use, useCallback, useEffect, useMemo, useRef, useState } from "react";
|
|
21
21
|
import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
|
|
22
22
|
import DOMPurify from "dompurify";
|
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
import { cva } from "class-variance-authority";
|
|
2
|
+
//#region src/components/RadioGroup/styles.ts
|
|
3
|
+
/** The radio's circle: shape and checked state, shared by the form `Radio` and the menu radio. */
|
|
4
|
+
const radioCircleVariants = cva([
|
|
5
|
+
"tw:shrink-0",
|
|
6
|
+
"tw:flex",
|
|
7
|
+
"tw:items-center",
|
|
8
|
+
"tw:justify-center",
|
|
9
|
+
"tw:size-4",
|
|
10
|
+
"tw:rounded-full",
|
|
11
|
+
"tw:border",
|
|
12
|
+
"tw:border-solid"
|
|
13
|
+
], {
|
|
14
|
+
defaultVariants: { variant: "default" },
|
|
15
|
+
variants: { variant: {
|
|
16
|
+
default: ["tw:data-[state=checked]:border-primary", "tw:data-[state=unchecked]:border-neutral-200"],
|
|
17
|
+
argo: [
|
|
18
|
+
"tw:border-input",
|
|
19
|
+
"tw:transition-colors",
|
|
20
|
+
"tw:data-[state=checked]:bg-primary",
|
|
21
|
+
"tw:data-[state=checked]:border-primary"
|
|
22
|
+
]
|
|
23
|
+
} }
|
|
24
|
+
});
|
|
25
|
+
/** The form `Radio`'s button states, layered on `radioCircleVariants`. */
|
|
26
|
+
const radioVariants = cva([
|
|
27
|
+
"tw:bg-transparent",
|
|
28
|
+
"tw:p-0",
|
|
29
|
+
"tw:peer",
|
|
30
|
+
"tw:cursor-pointer",
|
|
31
|
+
"tw:whitespace-nowrap",
|
|
32
|
+
"tw:disabled:cursor-not-allowed"
|
|
33
|
+
], {
|
|
34
|
+
defaultVariants: { variant: "default" },
|
|
35
|
+
variants: { variant: {
|
|
36
|
+
default: [
|
|
37
|
+
"tw:disabled:opacity-40",
|
|
38
|
+
"tw:data-[state=unchecked]:hover:border-primary",
|
|
39
|
+
"tw:data-[state=unchecked]:disabled:hover:border-neutral-200",
|
|
40
|
+
"tw:focus-visible:ring-2",
|
|
41
|
+
"tw:focus-visible:ring-ring/30"
|
|
42
|
+
],
|
|
43
|
+
argo: [
|
|
44
|
+
"tw:disabled:opacity-50",
|
|
45
|
+
"tw:data-[state=unchecked]:not-disabled:hover:bg-accent",
|
|
46
|
+
"tw:data-[state=checked]:not-disabled:hover:bg-primary",
|
|
47
|
+
"tw:focus-visible:outline-hidden",
|
|
48
|
+
"tw:focus-visible:border-primary",
|
|
49
|
+
"tw:focus-visible:ring-2",
|
|
50
|
+
"tw:focus-visible:ring-ring/50"
|
|
51
|
+
]
|
|
52
|
+
} }
|
|
53
|
+
});
|
|
54
|
+
const radioIndicatorVariants = cva(["tw:size-2.5", "tw:fill-current"], {
|
|
55
|
+
defaultVariants: { variant: "default" },
|
|
56
|
+
variants: { variant: {
|
|
57
|
+
default: ["tw:text-primary"],
|
|
58
|
+
argo: ["tw:text-primary-foreground"]
|
|
59
|
+
} }
|
|
60
|
+
});
|
|
61
|
+
const radioItemButtonVariants = cva([
|
|
62
|
+
"tw:bg-transparent",
|
|
63
|
+
"tw:p-0",
|
|
64
|
+
"tw:peer",
|
|
65
|
+
"tw:cursor-pointer",
|
|
66
|
+
"tw:whitespace-nowrap",
|
|
67
|
+
"tw:flex",
|
|
68
|
+
"tw:items-center",
|
|
69
|
+
"tw:justify-center",
|
|
70
|
+
"tw:disabled:cursor-not-allowed",
|
|
71
|
+
"tw:w-full",
|
|
72
|
+
"tw:px-2",
|
|
73
|
+
"tw:py-1.5",
|
|
74
|
+
"tw:uppercase",
|
|
75
|
+
"tw:font-semibold",
|
|
76
|
+
"tw:font-sans",
|
|
77
|
+
"tw:text-[11px]",
|
|
78
|
+
"tw:whitespace-nowrap",
|
|
79
|
+
"tw:tracking-widest",
|
|
80
|
+
"tw:leading-[18px]",
|
|
81
|
+
"tw:border",
|
|
82
|
+
"tw:border-solid",
|
|
83
|
+
"tw:rounded"
|
|
84
|
+
], {
|
|
85
|
+
defaultVariants: { variant: "default" },
|
|
86
|
+
variants: { variant: {
|
|
87
|
+
default: [
|
|
88
|
+
"tw:disabled:opacity-40",
|
|
89
|
+
"tw:text-secondary-600",
|
|
90
|
+
"tw:border-secondary-500",
|
|
91
|
+
"tw:data-[state=unchecked]:hover:bg-secondary-500",
|
|
92
|
+
"tw:data-[state=unchecked]:hover:text-white",
|
|
93
|
+
"tw:data-[state=unchecked]:disabled:hover:bg-white",
|
|
94
|
+
"tw:data-[state=unchecked]:disabled:hover:text-secondary-500",
|
|
95
|
+
"tw:data-[state=checked]:disabled:cursor-not-allowed",
|
|
96
|
+
"tw:data-[state=unchecked]:bg-white",
|
|
97
|
+
"tw:data-[state=checked]:bg-secondary-500",
|
|
98
|
+
"tw:data-[state=checked]:text-white",
|
|
99
|
+
"tw:data-[state=checked]:cursor-default",
|
|
100
|
+
"tw:focus-visible:outline",
|
|
101
|
+
"tw:focus-visible:outline-ring",
|
|
102
|
+
"tw:focus-visible:ring-4",
|
|
103
|
+
"tw:focus-visible:ring-ring/30"
|
|
104
|
+
],
|
|
105
|
+
argo: [
|
|
106
|
+
"tw:disabled:opacity-50",
|
|
107
|
+
"tw:text-foreground",
|
|
108
|
+
"tw:border-input",
|
|
109
|
+
"tw:transition-colors",
|
|
110
|
+
"tw:data-[state=unchecked]:bg-muted",
|
|
111
|
+
"tw:data-[state=unchecked]:not-disabled:hover:bg-accent",
|
|
112
|
+
"tw:data-[state=unchecked]:not-disabled:hover:text-accent-foreground",
|
|
113
|
+
"tw:data-[state=checked]:bg-primary",
|
|
114
|
+
"tw:data-[state=checked]:border-primary",
|
|
115
|
+
"tw:data-[state=checked]:text-primary-foreground",
|
|
116
|
+
"tw:data-[state=checked]:not-disabled:cursor-default",
|
|
117
|
+
"tw:focus-visible:outline-hidden",
|
|
118
|
+
"tw:focus-visible:border-primary",
|
|
119
|
+
"tw:focus-visible:ring-2",
|
|
120
|
+
"tw:focus-visible:ring-ring/50"
|
|
121
|
+
]
|
|
122
|
+
} }
|
|
123
|
+
});
|
|
124
|
+
//#endregion
|
|
125
|
+
export { radioCircleVariants, radioIndicatorVariants, radioItemButtonVariants, radioVariants };
|
|
126
|
+
|
|
127
|
+
//# sourceMappingURL=styles-DBGXH5-_.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles-DBGXH5-_.js","names":[],"sources":["../src/components/RadioGroup/styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\n\n/** The radio's circle: shape and checked state, shared by the form `Radio` and the menu radio. */\nexport const radioCircleVariants = cva(\n [\n 'tw:shrink-0',\n 'tw:flex',\n 'tw:items-center',\n 'tw:justify-center',\n 'tw:size-4',\n 'tw:rounded-full',\n 'tw:border',\n 'tw:border-solid',\n ],\n {\n defaultVariants: {\n variant: 'default',\n },\n variants: {\n variant: {\n default: [\n 'tw:data-[state=checked]:border-primary',\n 'tw:data-[state=unchecked]:border-neutral-200',\n ],\n argo: [\n 'tw:border-input',\n 'tw:transition-colors',\n 'tw:data-[state=checked]:bg-primary',\n 'tw:data-[state=checked]:border-primary',\n ],\n },\n },\n },\n);\n\n/** The form `Radio`'s button states, layered on `radioCircleVariants`. */\nexport const radioVariants = cva(\n [\n // reset\n 'tw:bg-transparent',\n 'tw:p-0',\n 'tw:peer',\n 'tw:cursor-pointer',\n 'tw:whitespace-nowrap',\n\n 'tw:disabled:cursor-not-allowed',\n ],\n {\n defaultVariants: {\n variant: 'default',\n },\n variants: {\n variant: {\n default: [\n 'tw:disabled:opacity-40',\n\n 'tw:data-[state=unchecked]:hover:border-primary',\n 'tw:data-[state=unchecked]:disabled:hover:border-neutral-200',\n\n 'tw:focus-visible:ring-2',\n 'tw:focus-visible:ring-ring/30',\n ],\n argo: [\n 'tw:disabled:opacity-50',\n\n 'tw:data-[state=unchecked]:not-disabled:hover:bg-accent',\n 'tw:data-[state=checked]:not-disabled:hover:bg-primary',\n\n 'tw:focus-visible:outline-hidden',\n 'tw:focus-visible:border-primary',\n 'tw:focus-visible:ring-2',\n 'tw:focus-visible:ring-ring/50',\n ],\n },\n },\n },\n);\n\nexport const radioIndicatorVariants = cva(['tw:size-2.5', 'tw:fill-current'], {\n defaultVariants: {\n variant: 'default',\n },\n variants: {\n variant: {\n default: ['tw:text-primary'],\n argo: ['tw:text-primary-foreground'],\n },\n },\n});\n\nexport const radioItemButtonVariants = cva(\n [\n // reset\n 'tw:bg-transparent',\n 'tw:p-0',\n 'tw:peer',\n 'tw:cursor-pointer',\n 'tw:whitespace-nowrap',\n\n // position\n 'tw:flex',\n 'tw:items-center',\n 'tw:justify-center',\n\n 'tw:disabled:cursor-not-allowed',\n\n // layouts\n 'tw:w-full',\n 'tw:px-2',\n 'tw:py-1.5',\n\n // fonts\n 'tw:uppercase',\n 'tw:font-semibold',\n 'tw:font-sans',\n 'tw:text-[11px]',\n 'tw:whitespace-nowrap',\n 'tw:tracking-widest',\n 'tw:leading-[18px]',\n\n // border\n 'tw:border',\n 'tw:border-solid',\n 'tw:rounded',\n ],\n {\n defaultVariants: {\n variant: 'default',\n },\n variants: {\n variant: {\n default: [\n 'tw:disabled:opacity-40',\n 'tw:text-secondary-600',\n 'tw:border-secondary-500',\n\n 'tw:data-[state=unchecked]:hover:bg-secondary-500',\n 'tw:data-[state=unchecked]:hover:text-white',\n\n 'tw:data-[state=unchecked]:disabled:hover:bg-white',\n 'tw:data-[state=unchecked]:disabled:hover:text-secondary-500',\n 'tw:data-[state=checked]:disabled:cursor-not-allowed',\n\n 'tw:data-[state=unchecked]:bg-white',\n 'tw:data-[state=checked]:bg-secondary-500',\n 'tw:data-[state=checked]:text-white',\n 'tw:data-[state=checked]:cursor-default',\n\n 'tw:focus-visible:outline',\n 'tw:focus-visible:outline-ring',\n 'tw:focus-visible:ring-4',\n 'tw:focus-visible:ring-ring/30',\n ],\n argo: [\n 'tw:disabled:opacity-50',\n 'tw:text-foreground',\n 'tw:border-input',\n 'tw:transition-colors',\n\n // muted filled control surface — gray, distinct from white containers; not the app-background token\n 'tw:data-[state=unchecked]:bg-muted',\n 'tw:data-[state=unchecked]:not-disabled:hover:bg-accent',\n 'tw:data-[state=unchecked]:not-disabled:hover:text-accent-foreground',\n\n 'tw:data-[state=checked]:bg-primary',\n 'tw:data-[state=checked]:border-primary',\n 'tw:data-[state=checked]:text-primary-foreground',\n 'tw:data-[state=checked]:not-disabled:cursor-default',\n\n 'tw:focus-visible:outline-hidden',\n 'tw:focus-visible:border-primary',\n 'tw:focus-visible:ring-2',\n 'tw:focus-visible:ring-ring/50',\n ],\n },\n },\n },\n);\n\nexport type RadioStyleVariant = 'default' | 'argo';\n"],"mappings":";;;AAGA,MAAa,sBAAsB,IACjC;CACE;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,GACA;CACE,iBAAiB,EACf,SAAS,UACX;CACA,UAAU,EACR,SAAS;EACP,SAAS,CACP,0CACA,8CACF;EACA,MAAM;GACJ;GACA;GACA;GACA;EACF;CACF,EACF;AACF,CACF;;AAGA,MAAa,gBAAgB,IAC3B;CAEE;CACA;CACA;CACA;CACA;CAEA;AACF,GACA;CACE,iBAAiB,EACf,SAAS,UACX;CACA,UAAU,EACR,SAAS;EACP,SAAS;GACP;GAEA;GACA;GAEA;GACA;EACF;EACA,MAAM;GACJ;GAEA;GACA;GAEA;GACA;GACA;GACA;EACF;CACF,EACF;AACF,CACF;AAEA,MAAa,yBAAyB,IAAI,CAAC,eAAe,iBAAiB,GAAG;CAC5E,iBAAiB,EACf,SAAS,UACX;CACA,UAAU,EACR,SAAS;EACP,SAAS,CAAC,iBAAiB;EAC3B,MAAM,CAAC,4BAA4B;CACrC,EACF;AACF,CAAC;AAED,MAAa,0BAA0B,IACrC;CAEE;CACA;CACA;CACA;CACA;CAGA;CACA;CACA;CAEA;CAGA;CACA;CACA;CAGA;CACA;CACA;CACA;CACA;CACA;CACA;CAGA;CACA;CACA;AACF,GACA;CACE,iBAAiB,EACf,SAAS,UACX;CACA,UAAU,EACR,SAAS;EACP,SAAS;GACP;GACA;GACA;GAEA;GACA;GAEA;GACA;GACA;GAEA;GACA;GACA;GACA;GAEA;GACA;GACA;GACA;EACF;EACA,MAAM;GACJ;GACA;GACA;GACA;GAGA;GACA;GACA;GAEA;GACA;GACA;GACA;GAEA;GACA;GACA;GACA;EACF;CACF,EACF;AACF,CACF"}
|