@accelint/design-system 0.2.0 → 0.3.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/dist/chunk-4CPMP3H7.js +418 -0
- package/dist/chunk-4CPMP3H7.js.map +1 -0
- package/dist/{styles.css → index.css} +885 -779
- package/dist/index.css.map +1 -0
- package/dist/index.d.ts +871 -8
- package/dist/index.js +5278 -66
- package/dist/index.js.map +1 -1
- package/dist/vanilla-DUNpoS8t.d.ts +2514 -0
- package/dist/vanilla.d.ts +9 -30
- package/dist/vanilla.js +3 -27
- package/dist/vanilla.js.map +1 -0
- package/package.json +13 -19
- package/dist/assets/components/button/button.css +0 -55
- package/dist/assets/components/checkbox/checkbox.css +0 -73
- package/dist/assets/components/chip/chip.css +0 -62
- package/dist/assets/components/combo-box/combo-box.css +0 -66
- package/dist/assets/components/dialog/dialog.css +0 -51
- package/dist/assets/components/drawer/drawer.css +0 -135
- package/dist/assets/components/group/group.css +0 -33
- package/dist/assets/components/icon/icon.css +0 -19
- package/dist/assets/components/input/input.css +0 -29
- package/dist/assets/components/menu/menu.css +0 -85
- package/dist/assets/components/options/options.css +0 -82
- package/dist/assets/components/picker/picker.css +0 -47
- package/dist/assets/components/popover/popover.css +0 -26
- package/dist/assets/components/query-builder/query-builder.css +0 -129
- package/dist/assets/components/radio/radio.css +0 -67
- package/dist/assets/components/search-field/search-field.css +0 -62
- package/dist/assets/components/select/select.css +0 -33
- package/dist/assets/components/switch/switch.css +0 -62
- package/dist/assets/components/tabs/tabs.css +0 -144
- package/dist/assets/components/textarea/textarea.css +0 -32
- package/dist/assets/components/tooltip/tooltip.css +0 -54
- package/dist/assets/components/tree/tree.css +0 -157
- package/dist/assets/hooks/use-theme/use-theme.css +0 -6
- package/dist/assets/src/components/button/button.css.ts.vanilla-9uttMYGm.css +0 -55
- package/dist/assets/src/components/checkbox/checkbox.css.ts.vanilla-Bewmypyn.css +0 -73
- package/dist/assets/src/components/chip/chip.css.ts.vanilla-CsGhxrlu.css +0 -62
- package/dist/assets/src/components/combo-box/combo-box.css.ts.vanilla-BNEPKjPm.css +0 -66
- package/dist/assets/src/components/dialog/dialog.css.ts.vanilla-CG0m-NJD.css +0 -51
- package/dist/assets/src/components/drawer/drawer.css.ts.vanilla-DEfHnoNS.css +0 -135
- package/dist/assets/src/components/group/group.css.ts.vanilla-DR69xgQy.css +0 -33
- package/dist/assets/src/components/icon/icon.css.ts.vanilla-CoUAfp2F.css +0 -19
- package/dist/assets/src/components/input/input.css.ts.vanilla-DoK5h9SX.css +0 -29
- package/dist/assets/src/components/menu/menu.css.ts.vanilla-LoWLg-jE.css +0 -85
- package/dist/assets/src/components/options/options.css.ts.vanilla-CWWFBTou.css +0 -82
- package/dist/assets/src/components/picker/picker.css.ts.vanilla-Fe0YXv-c.css +0 -47
- package/dist/assets/src/components/popover/popover.css.ts.vanilla-C5YGwwVD.css +0 -26
- package/dist/assets/src/components/query-builder/query-builder.css.ts.vanilla-B3P9cbCv.css +0 -129
- package/dist/assets/src/components/radio/radio.css.ts.vanilla-gi-KedQc.css +0 -67
- package/dist/assets/src/components/search-field/search-field.css.ts.vanilla-B_JL53f8.css +0 -62
- package/dist/assets/src/components/select/select.css.ts.vanilla-C94A60jf.css +0 -33
- package/dist/assets/src/components/switch/switch.css.ts.vanilla-DkQwtRa6.css +0 -62
- package/dist/assets/src/components/tabs/tabs.css.ts.vanilla-BygIflpl.css +0 -144
- package/dist/assets/src/components/textarea/textarea.css.ts.vanilla-Ba6E5HFc.css +0 -32
- package/dist/assets/src/components/tooltip/tooltip.css.ts.vanilla-BntxAlwN.css +0 -54
- package/dist/assets/src/components/tree/tree.css.ts.vanilla-SLmhk0zZ.css +0 -157
- package/dist/assets/src/hooks/use-theme/use-theme.css.ts.vanilla-zkVHnGkP.css +0 -6
- package/dist/assets/src/styles/layers.css.ts.vanilla-B2GUgnOF.css +0 -21
- package/dist/assets/src/styles/reset.css.ts.vanilla-C8PShXm0.css +0 -31
- package/dist/assets/src/styles/space.css.ts.vanilla-Md6Whc4G.css +0 -18
- package/dist/assets/src/styles/surfaces.css.ts.vanilla-Ckztx7VT.css +0 -24
- package/dist/assets/src/styles/theme.css.ts.vanilla-aDPSIzBK.css +0 -208
- package/dist/assets/src/styles/typography.css.ts.vanilla-DRT9H7rd.css +0 -150
- package/dist/assets/styles/layers.css +0 -21
- package/dist/assets/styles/reset.css +0 -31
- package/dist/assets/styles/space.css +0 -18
- package/dist/assets/styles/surfaces.css +0 -24
- package/dist/assets/styles/theme.css +0 -208
- package/dist/assets/styles/typography.css +0 -150
- package/dist/components/aria/aria.d.ts +0 -19
- package/dist/components/aria/aria.js +0 -36
- package/dist/components/aria/aria.js.map +0 -1
- package/dist/components/aria/index.d.ts +0 -1
- package/dist/components/button/button.css.d.ts +0 -33
- package/dist/components/button/button.d.ts +0 -39
- package/dist/components/button/button.js +0 -71
- package/dist/components/button/button.js.map +0 -1
- package/dist/components/button/button.vanilla.js +0 -8
- package/dist/components/button/button.vanilla.js.map +0 -1
- package/dist/components/button/index.d.ts +0 -3
- package/dist/components/button/types.d.ts +0 -28
- package/dist/components/checkbox/checkbox.css.d.ts +0 -35
- package/dist/components/checkbox/checkbox.d.ts +0 -21
- package/dist/components/checkbox/checkbox.js +0 -68
- package/dist/components/checkbox/checkbox.js.map +0 -1
- package/dist/components/checkbox/checkbox.vanilla.js +0 -9
- package/dist/components/checkbox/checkbox.vanilla.js.map +0 -1
- package/dist/components/checkbox/index.d.ts +0 -3
- package/dist/components/checkbox/types.d.ts +0 -38
- package/dist/components/chip/chip.css.d.ts +0 -31
- package/dist/components/chip/chip.d.ts +0 -30
- package/dist/components/chip/chip.js +0 -106
- package/dist/components/chip/chip.js.map +0 -1
- package/dist/components/chip/chip.vanilla.js +0 -8
- package/dist/components/chip/chip.vanilla.js.map +0 -1
- package/dist/components/chip/index.d.ts +0 -3
- package/dist/components/chip/types.d.ts +0 -31
- package/dist/components/collection/collection.d.ts +0 -13
- package/dist/components/collection/collection.js +0 -15
- package/dist/components/collection/collection.js.map +0 -1
- package/dist/components/collection/index.d.ts +0 -1
- package/dist/components/combo-box/combo-box.css.d.ts +0 -22
- package/dist/components/combo-box/combo-box.d.ts +0 -8
- package/dist/components/combo-box/combo-box.js +0 -87
- package/dist/components/combo-box/combo-box.js.map +0 -1
- package/dist/components/combo-box/combo-box.vanilla.js +0 -8
- package/dist/components/combo-box/combo-box.vanilla.js.map +0 -1
- package/dist/components/combo-box/index.d.ts +0 -3
- package/dist/components/combo-box/types.d.ts +0 -32
- package/dist/components/dialog/dialog.css.d.ts +0 -34
- package/dist/components/dialog/dialog.d.ts +0 -18
- package/dist/components/dialog/dialog.js +0 -146
- package/dist/components/dialog/dialog.js.map +0 -1
- package/dist/components/dialog/dialog.vanilla.js +0 -8
- package/dist/components/dialog/dialog.vanilla.js.map +0 -1
- package/dist/components/dialog/index.d.ts +0 -3
- package/dist/components/dialog/types.d.ts +0 -48
- package/dist/components/drawer/drawer.css.d.ts +0 -33
- package/dist/components/drawer/drawer.d.ts +0 -13
- package/dist/components/drawer/drawer.js +0 -199
- package/dist/components/drawer/drawer.js.map +0 -1
- package/dist/components/drawer/drawer.vanilla.js +0 -10
- package/dist/components/drawer/drawer.vanilla.js.map +0 -1
- package/dist/components/drawer/index.d.ts +0 -3
- package/dist/components/drawer/types.d.ts +0 -71
- package/dist/components/element/element.d.ts +0 -11
- package/dist/components/element/element.js +0 -21
- package/dist/components/element/element.js.map +0 -1
- package/dist/components/element/index.d.ts +0 -2
- package/dist/components/element/types.d.ts +0 -21
- package/dist/components/group/group.css.d.ts +0 -14
- package/dist/components/group/group.d.ts +0 -10
- package/dist/components/group/group.js +0 -44
- package/dist/components/group/group.js.map +0 -1
- package/dist/components/group/group.vanilla.js +0 -7
- package/dist/components/group/group.vanilla.js.map +0 -1
- package/dist/components/group/index.d.ts +0 -3
- package/dist/components/group/types.d.ts +0 -35
- package/dist/components/icon/icon.css.d.ts +0 -18
- package/dist/components/icon/icon.d.ts +0 -12
- package/dist/components/icon/icon.js +0 -26
- package/dist/components/icon/icon.js.map +0 -1
- package/dist/components/icon/icon.vanilla.js +0 -8
- package/dist/components/icon/icon.vanilla.js.map +0 -1
- package/dist/components/icon/index.d.ts +0 -3
- package/dist/components/icon/types.d.ts +0 -13
- package/dist/components/index.d.ts +0 -26
- package/dist/components/input/index.d.ts +0 -3
- package/dist/components/input/input.css.d.ts +0 -29
- package/dist/components/input/input.d.ts +0 -8
- package/dist/components/input/input.js +0 -93
- package/dist/components/input/input.js.map +0 -1
- package/dist/components/input/input.vanilla.js +0 -8
- package/dist/components/input/input.vanilla.js.map +0 -1
- package/dist/components/input/types.d.ts +0 -44
- package/dist/components/menu/index.d.ts +0 -3
- package/dist/components/menu/menu.css.d.ts +0 -75
- package/dist/components/menu/menu.d.ts +0 -24
- package/dist/components/menu/menu.js +0 -155
- package/dist/components/menu/menu.js.map +0 -1
- package/dist/components/menu/menu.vanilla.js +0 -8
- package/dist/components/menu/menu.vanilla.js.map +0 -1
- package/dist/components/menu/types.d.ts +0 -48
- package/dist/components/merge-provider/index.d.ts +0 -2
- package/dist/components/merge-provider/merge-provider.d.ts +0 -14
- package/dist/components/merge-provider/merge-provider.js +0 -40
- package/dist/components/merge-provider/merge-provider.js.map +0 -1
- package/dist/components/merge-provider/types.d.ts +0 -5
- package/dist/components/options/index.d.ts +0 -3
- package/dist/components/options/options.css.d.ts +0 -79
- package/dist/components/options/options.d.ts +0 -20
- package/dist/components/options/options.js +0 -152
- package/dist/components/options/options.js.map +0 -1
- package/dist/components/options/options.vanilla.js +0 -10
- package/dist/components/options/options.vanilla.js.map +0 -1
- package/dist/components/options/types.d.ts +0 -49
- package/dist/components/picker/index.d.ts +0 -3
- package/dist/components/picker/picker.css.d.ts +0 -32
- package/dist/components/picker/picker.d.ts +0 -18
- package/dist/components/picker/picker.js +0 -46
- package/dist/components/picker/picker.js.map +0 -1
- package/dist/components/picker/picker.stories.css.d.ts +0 -3
- package/dist/components/picker/picker.vanilla.js +0 -9
- package/dist/components/picker/picker.vanilla.js.map +0 -1
- package/dist/components/picker/types.d.ts +0 -28
- package/dist/components/popover/index.d.ts +0 -3
- package/dist/components/popover/popover.css.d.ts +0 -31
- package/dist/components/popover/popover.d.ts +0 -8
- package/dist/components/popover/popover.js +0 -110
- package/dist/components/popover/popover.js.map +0 -1
- package/dist/components/popover/popover.vanilla.js +0 -7
- package/dist/components/popover/popover.vanilla.js.map +0 -1
- package/dist/components/popover/types.d.ts +0 -32
- package/dist/components/query-builder/action-element.d.ts +0 -2
- package/dist/components/query-builder/action-element.js +0 -12
- package/dist/components/query-builder/action-element.js.map +0 -1
- package/dist/components/query-builder/constants.d.ts +0 -4
- package/dist/components/query-builder/constants.js +0 -20
- package/dist/components/query-builder/constants.js.map +0 -1
- package/dist/components/query-builder/dataset-sample.d.ts +0 -91
- package/dist/components/query-builder/group.d.ts +0 -5
- package/dist/components/query-builder/group.js +0 -87
- package/dist/components/query-builder/group.js.map +0 -1
- package/dist/components/query-builder/index.d.ts +0 -5
- package/dist/components/query-builder/query-builder.css.d.ts +0 -91
- package/dist/components/query-builder/query-builder.d.ts +0 -2
- package/dist/components/query-builder/query-builder.js +0 -129
- package/dist/components/query-builder/query-builder.js.map +0 -1
- package/dist/components/query-builder/query-builder.vanilla.js +0 -10
- package/dist/components/query-builder/query-builder.vanilla.js.map +0 -1
- package/dist/components/query-builder/rule.d.ts +0 -3
- package/dist/components/query-builder/rule.js +0 -112
- package/dist/components/query-builder/rule.js.map +0 -1
- package/dist/components/query-builder/types.d.ts +0 -128
- package/dist/components/query-builder/utils.d.ts +0 -29
- package/dist/components/query-builder/utils.js +0 -22
- package/dist/components/query-builder/utils.js.map +0 -1
- package/dist/components/query-builder/value-editor.d.ts +0 -4
- package/dist/components/query-builder/value-editor.js +0 -74
- package/dist/components/query-builder/value-editor.js.map +0 -1
- package/dist/components/query-builder/value-selector.d.ts +0 -2
- package/dist/components/query-builder/value-selector.js +0 -28
- package/dist/components/query-builder/value-selector.js.map +0 -1
- package/dist/components/radio/index.d.ts +0 -3
- package/dist/components/radio/radio.css.d.ts +0 -34
- package/dist/components/radio/radio.d.ts +0 -16
- package/dist/components/radio/radio.js +0 -63
- package/dist/components/radio/radio.js.map +0 -1
- package/dist/components/radio/radio.vanilla.js +0 -8
- package/dist/components/radio/radio.vanilla.js.map +0 -1
- package/dist/components/radio/types.d.ts +0 -29
- package/dist/components/search-field/index.d.ts +0 -3
- package/dist/components/search-field/search-field.css.d.ts +0 -16
- package/dist/components/search-field/search-field.d.ts +0 -9
- package/dist/components/search-field/search-field.js +0 -60
- package/dist/components/search-field/search-field.js.map +0 -1
- package/dist/components/search-field/search-field.vanilla.js +0 -7
- package/dist/components/search-field/search-field.vanilla.js.map +0 -1
- package/dist/components/search-field/types.d.ts +0 -29
- package/dist/components/select/index.d.ts +0 -3
- package/dist/components/select/select.css.d.ts +0 -25
- package/dist/components/select/select.d.ts +0 -8
- package/dist/components/select/select.js +0 -80
- package/dist/components/select/select.js.map +0 -1
- package/dist/components/select/select.vanilla.js +0 -8
- package/dist/components/select/select.vanilla.js.map +0 -1
- package/dist/components/select/types.d.ts +0 -30
- package/dist/components/switch/index.d.ts +0 -3
- package/dist/components/switch/switch.css.d.ts +0 -25
- package/dist/components/switch/switch.d.ts +0 -4
- package/dist/components/switch/switch.js +0 -34
- package/dist/components/switch/switch.js.map +0 -1
- package/dist/components/switch/switch.vanilla.js +0 -8
- package/dist/components/switch/switch.vanilla.js.map +0 -1
- package/dist/components/switch/types.d.ts +0 -17
- package/dist/components/tabs/index.d.ts +0 -3
- package/dist/components/tabs/tabs.css.d.ts +0 -49
- package/dist/components/tabs/tabs.d.ts +0 -68
- package/dist/components/tabs/tabs.js +0 -108
- package/dist/components/tabs/tabs.js.map +0 -1
- package/dist/components/tabs/tabs.vanilla.js +0 -11
- package/dist/components/tabs/tabs.vanilla.js.map +0 -1
- package/dist/components/tabs/types.d.ts +0 -82
- package/dist/components/textarea/index.d.ts +0 -3
- package/dist/components/textarea/textarea.css.d.ts +0 -31
- package/dist/components/textarea/textarea.d.ts +0 -14
- package/dist/components/textarea/textarea.js +0 -86
- package/dist/components/textarea/textarea.js.map +0 -1
- package/dist/components/textarea/textarea.vanilla.js +0 -8
- package/dist/components/textarea/textarea.vanilla.js.map +0 -1
- package/dist/components/textarea/types.d.ts +0 -39
- package/dist/components/tooltip/index.d.ts +0 -3
- package/dist/components/tooltip/tooltip.css.d.ts +0 -23
- package/dist/components/tooltip/tooltip.d.ts +0 -23
- package/dist/components/tooltip/tooltip.js +0 -69
- package/dist/components/tooltip/tooltip.js.map +0 -1
- package/dist/components/tooltip/tooltip.vanilla.js +0 -8
- package/dist/components/tooltip/tooltip.vanilla.js.map +0 -1
- package/dist/components/tooltip/types.d.ts +0 -39
- package/dist/components/tree/index.d.ts +0 -3
- package/dist/components/tree/tree.css.d.ts +0 -73
- package/dist/components/tree/tree.d.ts +0 -5
- package/dist/components/tree/tree.js +0 -337
- package/dist/components/tree/tree.js.map +0 -1
- package/dist/components/tree/tree.vanilla.js +0 -11
- package/dist/components/tree/tree.vanilla.js.map +0 -1
- package/dist/components/tree/types.d.ts +0 -114
- package/dist/components/tree/utils.d.ts +0 -8
- package/dist/components/tree/utils.js +0 -75
- package/dist/components/tree/utils.js.map +0 -1
- package/dist/hooks/index.d.ts +0 -8
- package/dist/hooks/use-collection-render/index.d.ts +0 -1
- package/dist/hooks/use-collection-render/use-collection-render.d.ts +0 -9
- package/dist/hooks/use-collection-render/use-collection-render.js +0 -20
- package/dist/hooks/use-collection-render/use-collection-render.js.map +0 -1
- package/dist/hooks/use-context-props/index.d.ts +0 -1
- package/dist/hooks/use-context-props/use-context-props.d.ts +0 -7
- package/dist/hooks/use-context-props/use-context-props.js +0 -15
- package/dist/hooks/use-context-props/use-context-props.js.map +0 -1
- package/dist/hooks/use-defaults/index.d.ts +0 -2
- package/dist/hooks/use-defaults/types.d.ts +0 -67
- package/dist/hooks/use-defaults/use-defaults.d.ts +0 -56
- package/dist/hooks/use-defaults/use-defaults.js +0 -21
- package/dist/hooks/use-defaults/use-defaults.js.map +0 -1
- package/dist/hooks/use-propagating-press/index.d.ts +0 -1
- package/dist/hooks/use-propagating-press/use-propagating-press.d.ts +0 -9
- package/dist/hooks/use-propagating-press/use-propagating-press.js +0 -14
- package/dist/hooks/use-propagating-press/use-propagating-press.js.map +0 -1
- package/dist/hooks/use-slot/index.d.ts +0 -1
- package/dist/hooks/use-slot/use-slot.d.ts +0 -13
- package/dist/hooks/use-slot/use-slot.js +0 -18
- package/dist/hooks/use-slot/use-slot.js.map +0 -1
- package/dist/hooks/use-theme/index.d.ts +0 -2
- package/dist/hooks/use-theme/types.d.ts +0 -86
- package/dist/hooks/use-theme/use-theme.css.d.ts +0 -1
- package/dist/hooks/use-theme/use-theme.d.ts +0 -13
- package/dist/hooks/use-theme/use-theme.js +0 -64
- package/dist/hooks/use-theme/use-theme.js.map +0 -1
- package/dist/hooks/use-theme/use-theme.vanilla.js +0 -4
- package/dist/hooks/use-theme/use-theme.vanilla.js.map +0 -1
- package/dist/hooks/use-tree/index.d.ts +0 -1
- package/dist/hooks/use-tree/use-tree.d.ts +0 -2
- package/dist/hooks/use-tree/use-tree.js +0 -217
- package/dist/hooks/use-tree/use-tree.js.map +0 -1
- package/dist/hooks/use-tree/utils.d.ts +0 -6
- package/dist/hooks/use-tree/utils.js +0 -77
- package/dist/hooks/use-tree/utils.js.map +0 -1
- package/dist/hooks/use-update-effect/index.d.ts +0 -1
- package/dist/hooks/use-update-effect/use-update-effect.d.ts +0 -1
- package/dist/hooks/use-update-effect/use-update-effect.js +0 -20
- package/dist/hooks/use-update-effect/use-update-effect.js.map +0 -1
- package/dist/ladle/actions.d.ts +0 -1
- package/dist/ladle/index.d.ts +0 -1
- package/dist/styles/index.d.ts +0 -6
- package/dist/styles/layers.css.d.ts +0 -16
- package/dist/styles/layers.vanilla.js +0 -4
- package/dist/styles/layers.vanilla.js.map +0 -1
- package/dist/styles/reset.css.d.ts +0 -1
- package/dist/styles/space.css.d.ts +0 -1
- package/dist/styles/surfaces.css.d.ts +0 -4
- package/dist/styles/surfaces.vanilla.js +0 -4
- package/dist/styles/surfaces.vanilla.js.map +0 -1
- package/dist/styles/theme.css.d.ts +0 -334
- package/dist/styles/theme.vanilla.js +0 -31
- package/dist/styles/theme.vanilla.js.map +0 -1
- package/dist/styles/typography.css.d.ts +0 -17
- package/dist/styles/typography.vanilla.js +0 -8
- package/dist/styles/typography.vanilla.js.map +0 -1
- package/dist/test/setup.d.ts +0 -1
- package/dist/types/deckgl.d.ts +0 -1
- package/dist/types/generic.d.ts +0 -3
- package/dist/types/index.d.ts +0 -6
- package/dist/types/props.d.ts +0 -4
- package/dist/types/react-aria.d.ts +0 -91
- package/dist/types/use-tree.d.ts +0 -52
- package/dist/types/vanilla-extract.d.ts +0 -15
- package/dist/utils/css.d.ts +0 -139
- package/dist/utils/css.js +0 -145
- package/dist/utils/css.js.map +0 -1
- package/dist/utils/events.d.ts +0 -10
- package/dist/utils/events.js +0 -5
- package/dist/utils/events.js.map +0 -1
- package/dist/utils/index.d.ts +0 -4
- package/dist/utils/props.d.ts +0 -29
- package/dist/utils/props.js +0 -108
- package/dist/utils/props.js.map +0 -1
- package/dist/utils/validators.d.ts +0 -49
- package/dist/utils/validators.js +0 -37
- package/dist/utils/validators.js.map +0 -1
|
@@ -1,208 +0,0 @@
|
|
|
1
|
-
.theme_defaultGenericColors__ljimwq1e {
|
|
2
|
-
--neutral-v01__ljimwq0: rgba(255, 255, 255, 1);
|
|
3
|
-
--neutral-v02__ljimwq1: rgba(236, 236, 230, 1);
|
|
4
|
-
--neutral-v03__ljimwq2: rgba(137, 137, 137, 1);
|
|
5
|
-
--neutral-v04__ljimwq3: rgba(104, 104, 104, 1);
|
|
6
|
-
--neutral-v05__ljimwq4: rgba(86, 86, 86, 1);
|
|
7
|
-
--neutral-v06__ljimwq5: rgba(66, 66, 68, 1);
|
|
8
|
-
--neutral-v07__ljimwq6: rgba(56, 56, 56, 1);
|
|
9
|
-
--neutral-v08__ljimwq7: rgba(47, 47, 49, 1);
|
|
10
|
-
--neutral-v09__ljimwq8: rgba(34, 34, 34, 1);
|
|
11
|
-
--neutral-v10__ljimwq9: rgba(11, 11, 11, 1);
|
|
12
|
-
--highlight-primary-v1__ljimwqa: rgba(201, 253, 239, 1);
|
|
13
|
-
--highlight-primary-v2__ljimwqb: rgba(125, 249, 216, 1);
|
|
14
|
-
--highlight-primary-v3__ljimwqc: rgba(40, 245, 190, 1);
|
|
15
|
-
--highlight-primary-v4__ljimwqd: rgba(24, 147, 114, 1);
|
|
16
|
-
--highlight-primary-v5__ljimwqe: rgba(10, 61, 48, 1);
|
|
17
|
-
--highlight-secondary-v1__ljimwqf: rgba(201, 246, 253, 1);
|
|
18
|
-
--highlight-secondary-v2__ljimwqg: rgba(126, 233, 249, 1);
|
|
19
|
-
--highlight-secondary-v3__ljimwqh: rgba(40, 220, 245, 1);
|
|
20
|
-
--highlight-secondary-v4__ljimwqi: rgba(24, 132, 147, 1);
|
|
21
|
-
--highlight-secondary-v5__ljimwqj: rgba(10, 55, 61, 1);
|
|
22
|
-
--highlight-tertiary-v1__ljimwqk: rgba(249, 197, 226, 1);
|
|
23
|
-
--highlight-tertiary-v2__ljimwql: rgba(241, 116, 185, 1);
|
|
24
|
-
--highlight-tertiary-v3__ljimwqm: rgba(232, 23, 138, 1);
|
|
25
|
-
--highlight-tertiary-v4__ljimwqn: rgba(138, 14, 83, 1);
|
|
26
|
-
--highlight-tertiary-v5__ljimwqo: rgba(58, 6, 35, 1);
|
|
27
|
-
--condition-base-v1__ljimwqp: var(--neutral-v02__ljimwq1);
|
|
28
|
-
--condition-base-v2__ljimwqq: var(--neutral-v03__ljimwq2);
|
|
29
|
-
--condition-base-v3__ljimwqr: var(--neutral-v04__ljimwq3);
|
|
30
|
-
--condition-base-v4__ljimwqs: var(--neutral-v07__ljimwq6);
|
|
31
|
-
--condition-base-v5__ljimwqt: var(--neutral-v09__ljimwq8);
|
|
32
|
-
--condition-advisory-v1__ljimwqu: rgba(224, 237, 255, 1);
|
|
33
|
-
--condition-advisory-v2__ljimwqv: rgba(161, 202, 255, 1);
|
|
34
|
-
--condition-advisory-v3__ljimwqw: rgba(98, 166, 255, 1);
|
|
35
|
-
--condition-advisory-v4__ljimwqx: rgba(58, 100, 153, 1);
|
|
36
|
-
--condition-advisory-v5__ljimwqy: rgba(20, 33, 51, 1);
|
|
37
|
-
--condition-affirmative-v1__ljimwqz: rgba(214, 246, 229, 1);
|
|
38
|
-
--condition-affirmative-v2__ljimwq10: rgba(130, 228, 178, 1);
|
|
39
|
-
--condition-affirmative-v3__ljimwq11: rgba(48, 210, 126, 1);
|
|
40
|
-
--condition-affirmative-v4__ljimwq12: rgba(28, 126, 76, 1);
|
|
41
|
-
--condition-affirmative-v5__ljimwq13: rgba(10, 42, 25, 1);
|
|
42
|
-
--condition-serious-v1__ljimwq14: rgba(254, 237, 204, 1);
|
|
43
|
-
--condition-serious-v2__ljimwq15: rgba(253, 200, 101, 1);
|
|
44
|
-
--condition-serious-v3__ljimwq16: rgba(252, 164, 0, 1);
|
|
45
|
-
--condition-serious-v4__ljimwq17: rgba(151, 98, 1, 1);
|
|
46
|
-
--condition-serious-v5__ljimwq18: rgba(50, 33, 0, 1);
|
|
47
|
-
--condition-critical-v1__ljimwq19: rgba(246, 211, 210, 1);
|
|
48
|
-
--condition-critical-v2__ljimwq1a: rgba(229, 123, 119, 1);
|
|
49
|
-
--condition-critical-v3__ljimwq1b: rgba(212, 35, 29, 1);
|
|
50
|
-
--condition-critical-v4__ljimwq1c: rgba(127, 21, 17, 1);
|
|
51
|
-
--condition-critical-v5__ljimwq1d: rgba(42, 7, 6, 1);
|
|
52
|
-
}
|
|
53
|
-
.theme_defaultSemanticColors__ljimwq2j {
|
|
54
|
-
--background-surface-default__ljimwq1f: var(--neutral-v10__ljimwq9);
|
|
55
|
-
--background-surface-raised__ljimwq1g: var(--neutral-v09__ljimwq8);
|
|
56
|
-
--background-surface-overlay__ljimwq1h: var(--neutral-v08__ljimwq7);
|
|
57
|
-
--background-interactive-default__ljimwq1i: var(--neutral-v01__ljimwq0);
|
|
58
|
-
--background-interactive-disabled__ljimwq1j: var(--neutral-v08__ljimwq7);
|
|
59
|
-
--background-interactive-active__ljimwq1k: var(--neutral-v07__ljimwq6);
|
|
60
|
-
--background-highlight-bold__ljimwq1l: var(--highlight-primary-v3__ljimwqc);
|
|
61
|
-
--background-highlight-subtle__ljimwq1m: var(--highlight-primary-v5__ljimwqe);
|
|
62
|
-
--background-info-bold__ljimwq1n: var(--condition-base-v3__ljimwqr);
|
|
63
|
-
--background-info-subtle__ljimwq1o: var(--condition-base-v5__ljimwqt);
|
|
64
|
-
--background-advisory-bold__ljimwq1p: var(--condition-advisory-v3__ljimwqw);
|
|
65
|
-
--background-advisory-subtle__ljimwq1q: var(--condition-advisory-v5__ljimwqy);
|
|
66
|
-
--background-affirmative-bold__ljimwq1r: var(--condition-affirmative-v3__ljimwq11);
|
|
67
|
-
--background-affirmative-subtle__ljimwq1s: var(--condition-affirmative-v5__ljimwq13);
|
|
68
|
-
--background-serious-bold__ljimwq1t: var(--condition-serious-v3__ljimwq16);
|
|
69
|
-
--background-serious-subtle__ljimwq1u: var(--condition-serious-v5__ljimwq18);
|
|
70
|
-
--background-critical-bold__ljimwq1v: var(--condition-critical-v3__ljimwq1b);
|
|
71
|
-
--background-critical-subtle__ljimwq1w: var(--condition-critical-v5__ljimwq1d);
|
|
72
|
-
--foreground-interactive-primary-bold__ljimwq1x: var(--neutral-v01__ljimwq0);
|
|
73
|
-
--foreground-interactive-primary-subtle__ljimwq1y: var(--neutral-v02__ljimwq1);
|
|
74
|
-
--foreground-interactive-secondary-bold__ljimwq1z: var(--neutral-v09__ljimwq8);
|
|
75
|
-
--foreground-interactive-secondary-subtle__ljimwq20: var(--neutral-v08__ljimwq7);
|
|
76
|
-
--foreground-interactive-disabled__ljimwq21: var(--neutral-v04__ljimwq3);
|
|
77
|
-
--foreground-interactive-highlight__ljimwq22: var(--highlight-primary-v3__ljimwqc);
|
|
78
|
-
--foreground-info__ljimwq23: var(--condition-base-v3__ljimwqr);
|
|
79
|
-
--foreground-advisory__ljimwq24: var(--condition-advisory-v3__ljimwqw);
|
|
80
|
-
--foreground-affirmative__ljimwq25: var(--condition-affirmative-v3__ljimwq11);
|
|
81
|
-
--foreground-serious__ljimwq26: var(--condition-serious-v3__ljimwq16);
|
|
82
|
-
--foreground-critical__ljimwq27: var(--condition-critical-v3__ljimwq1b);
|
|
83
|
-
--border-static-exterior__ljimwq28: var(--neutral-v07__ljimwq6);
|
|
84
|
-
--border-static-interior__ljimwq29: var(--neutral-v09__ljimwq8);
|
|
85
|
-
--border-interactive-default__ljimwq2a: var(--neutral-v06__ljimwq5);
|
|
86
|
-
--border-interactive-hover__ljimwq2b: var(--neutral-v01__ljimwq0);
|
|
87
|
-
--border-interactive-disabled__ljimwq2c: var(--neutral-v07__ljimwq6);
|
|
88
|
-
--border-interactive-highlight__ljimwq2d: var(--highlight-primary-v3__ljimwqc);
|
|
89
|
-
--border-info__ljimwq2e: var(--condition-base-v3__ljimwqr);
|
|
90
|
-
--border-advisory__ljimwq2f: var(--condition-advisory-v3__ljimwqw);
|
|
91
|
-
--border-affirmative__ljimwq2g: var(--condition-affirmative-v3__ljimwq11);
|
|
92
|
-
--border-serious__ljimwq2h: var(--condition-serious-v3__ljimwq16);
|
|
93
|
-
--border-critical__ljimwq2i: var(--condition-critical-v3__ljimwq1b);
|
|
94
|
-
}
|
|
95
|
-
.theme_defaultElevations__ljimwq2t {
|
|
96
|
-
--default-surface__ljimwq2k: var(--neutral-v10__ljimwq9);
|
|
97
|
-
--default-shadow__ljimwq2l: none;
|
|
98
|
-
--default-color__ljimwq2m: var(--neutral-v01__ljimwq0);
|
|
99
|
-
--raised-surface__ljimwq2n: var(--neutral-v09__ljimwq8);
|
|
100
|
-
--raised-shadow__ljimwq2o: 0 3px 14px 0 rgb(from var(--neutral-v10__ljimwq9) r g b / 0.12), 0 8px 10px 0 rgb(from var(--neutral-v10__ljimwq9) r g b / 0.14), 0 5px 5px 0 rgb(from var(--neutral-v10__ljimwq9) r g b / 0.2);
|
|
101
|
-
--raised-color__ljimwq2p: var(--neutral-v01__ljimwq0);
|
|
102
|
-
--overlay-surface__ljimwq2q: var(--neutral-v08__ljimwq7);
|
|
103
|
-
--overlay-shadow__ljimwq2r: 0 5px 22px 0 rgb(from var(--neutral-v10__ljimwq9) r g b / 0.12), 0 12px 17px 0 rgb(from var(--neutral-v10__ljimwq9) r g b / 0.14), 0 7px 8px 0 rgb(from var(--neutral-v10__ljimwq9) r g b / 0.2);
|
|
104
|
-
--overlay-color__ljimwq2s: var(--neutral-v01__ljimwq0);
|
|
105
|
-
}
|
|
106
|
-
.theme_defaultSizes__ljimwq35 {
|
|
107
|
-
--none__ljimwq2u: 0;
|
|
108
|
-
--v01__ljimwq2v: 1px;
|
|
109
|
-
--v02__ljimwq2w: 2px;
|
|
110
|
-
--v03__ljimwq2x: 4px;
|
|
111
|
-
--v04__ljimwq2y: 8px;
|
|
112
|
-
--v05__ljimwq2z: 12px;
|
|
113
|
-
--v06__ljimwq30: 16px;
|
|
114
|
-
--v07__ljimwq31: 24px;
|
|
115
|
-
--v08__ljimwq32: 40px;
|
|
116
|
-
--v09__ljimwq33: 80px;
|
|
117
|
-
--v10__ljimwq34: ;
|
|
118
|
-
}
|
|
119
|
-
.theme_defaultSpace__ljimwq3b {
|
|
120
|
-
--heading__ljimwq36: 0.5em;
|
|
121
|
-
--paragraph__ljimwq37: 0.33em;
|
|
122
|
-
--list-group__ljimwq38: 0.33em;
|
|
123
|
-
--list-item__ljimwq39: 0.1em;
|
|
124
|
-
--lastChild__ljimwq3a: 0;
|
|
125
|
-
}
|
|
126
|
-
.theme_defaultRadius__ljimwq3h {
|
|
127
|
-
--none__ljimwq3c: 0;
|
|
128
|
-
--sm__ljimwq3d: var(--v02__ljimwq2w);
|
|
129
|
-
--md__ljimwq3e: var(--v03__ljimwq2x);
|
|
130
|
-
--lg__ljimwq3f: var(--v04__ljimwq2y);
|
|
131
|
-
--round__ljimwq3g: 9999px;
|
|
132
|
-
}
|
|
133
|
-
.theme_defaultTypography__ljimwq55 {
|
|
134
|
-
--mono__ljimwq3i: ;
|
|
135
|
-
--sans__ljimwq3j: ;
|
|
136
|
-
--serif__ljimwq3k: ;
|
|
137
|
-
--heading-v1-height__ljimwq3l: 1.25;
|
|
138
|
-
--heading-v1-size__ljimwq3m: 32px;
|
|
139
|
-
--heading-v1-spacing__ljimwq3n: normal;
|
|
140
|
-
--heading-v1-weight__ljimwq3o: 500;
|
|
141
|
-
--heading-v2-size__ljimwq3q: 24px;
|
|
142
|
-
--heading-v2-spacing__ljimwq3r: normal;
|
|
143
|
-
--heading-v2-height__ljimwq3p: 1.33;
|
|
144
|
-
--heading-v2-weight__ljimwq3s: 500;
|
|
145
|
-
--heading-v3-height__ljimwq3t: 1.4;
|
|
146
|
-
--heading-v3-size__ljimwq3u: 20px;
|
|
147
|
-
--heading-v3-spacing__ljimwq3v: normal;
|
|
148
|
-
--heading-v3-weight__ljimwq3w: 500;
|
|
149
|
-
--heading-v4-height__ljimwq3x: 1.425;
|
|
150
|
-
--heading-v4-size__ljimwq3y: 14px;
|
|
151
|
-
--heading-v4-spacing__ljimwq3z: 0.25px;
|
|
152
|
-
--heading-v4-weight__ljimwq40: 500;
|
|
153
|
-
--heading-v5-height__ljimwq41: 1.33;
|
|
154
|
-
--heading-v5-size__ljimwq42: 12px;
|
|
155
|
-
--heading-v5-spacing__ljimwq43: 0.4px;
|
|
156
|
-
--heading-v5-weight__ljimwq44: 500;
|
|
157
|
-
--heading-v6-height__ljimwq45: 1.2;
|
|
158
|
-
--heading-v6-size__ljimwq46: 10px;
|
|
159
|
-
--heading-v6-spacing__ljimwq47: 0.5px;
|
|
160
|
-
--heading-v6-weight__ljimwq48: 400;
|
|
161
|
-
--body-xs-height__ljimwq49: 1.2;
|
|
162
|
-
--body-xs-size__ljimwq4a: 10px;
|
|
163
|
-
--body-xs-spacing__ljimwq4b: 0.5px;
|
|
164
|
-
--body-xs-weight__ljimwq4c: 400;
|
|
165
|
-
--body-sm-height__ljimwq4d: 1.33;
|
|
166
|
-
--body-sm-size__ljimwq4e: 12px;
|
|
167
|
-
--body-sm-spacing__ljimwq4f: 0.4px;
|
|
168
|
-
--body-sm-weight__ljimwq4g: 400;
|
|
169
|
-
--body-md-height__ljimwq4h: 1.425;
|
|
170
|
-
--body-md-size__ljimwq4i: 14px;
|
|
171
|
-
--body-md-spacing__ljimwq4j: 0.25px;
|
|
172
|
-
--body-md-weight__ljimwq4k: 400;
|
|
173
|
-
--body-lg-height__ljimwq4l: 1.5;
|
|
174
|
-
--body-lg-size__ljimwq4m: 16px;
|
|
175
|
-
--body-lg-spacing__ljimwq4n: 0.5px;
|
|
176
|
-
--body-lg-weight__ljimwq4o: 400;
|
|
177
|
-
--body-xl-height__ljimwq4p: 1.6;
|
|
178
|
-
--body-xl-size__ljimwq4q: 18px;
|
|
179
|
-
--body-xl-spacing__ljimwq4r: 0.6px;
|
|
180
|
-
--body-xl-weight__ljimwq4s: 400;
|
|
181
|
-
--input-sm-height__ljimwq4t: var(--body-sm-height__ljimwq4d);
|
|
182
|
-
--input-sm-size__ljimwq4u: var(--body-sm-size__ljimwq4e);
|
|
183
|
-
--input-sm-spacing__ljimwq4v: var(--body-sm-spacing__ljimwq4f);
|
|
184
|
-
--input-sm-weight__ljimwq4w: var(--body-sm-weight__ljimwq4g);
|
|
185
|
-
--input-lg-height__ljimwq4x: var(--body-md-height__ljimwq4h);
|
|
186
|
-
--input-lg-size__ljimwq4y: var(--body-md-size__ljimwq4i);
|
|
187
|
-
--input-lg-spacing__ljimwq4z: var(--body-md-spacing__ljimwq4j);
|
|
188
|
-
--input-lg-weight__ljimwq50: var(--body-md-weight__ljimwq4k);
|
|
189
|
-
--label-height__ljimwq51: var(--body-md-height__ljimwq4h);
|
|
190
|
-
--label-size__ljimwq52: var(--body-md-size__ljimwq4i);
|
|
191
|
-
--label-spacing__ljimwq53: var(--body-md-spacing__ljimwq4j);
|
|
192
|
-
--label-weight__ljimwq54: 500;
|
|
193
|
-
}
|
|
194
|
-
.theme_defaultZIndex__ljimwq5d {
|
|
195
|
-
--popover__ljimwq56: 100;
|
|
196
|
-
--layout__ljimwq57: 200;
|
|
197
|
-
--drawer__ljimwq58: 300;
|
|
198
|
-
--modal__ljimwq59: 400;
|
|
199
|
-
--dialog__ljimwq5a: 500;
|
|
200
|
-
--popup__ljimwq5b: 600;
|
|
201
|
-
--tooltip__ljimwq5c: 700;
|
|
202
|
-
}
|
|
203
|
-
.theme_defaultFocus__ljimwq5i {
|
|
204
|
-
--offset__ljimwq5e: var(--v02__ljimwq2w);
|
|
205
|
-
--width__ljimwq5f: 1.5px;
|
|
206
|
-
--style__ljimwq5g: solid;
|
|
207
|
-
--color__ljimwq5h: ;
|
|
208
|
-
}
|
|
@@ -1,150 +0,0 @@
|
|
|
1
|
-
@layer layers_framework__qkbqqj1.layers_styles__qkbqqj8;
|
|
2
|
-
.typography_families_mono__j8fgab0 {
|
|
3
|
-
font-family: var(--mono__ljimwq3i);
|
|
4
|
-
}
|
|
5
|
-
.typography_families_sans__j8fgab1 {
|
|
6
|
-
font-family: var(--sans__ljimwq3j);
|
|
7
|
-
}
|
|
8
|
-
.typography_families_serif__j8fgab2 {
|
|
9
|
-
font-family: var(--serif__ljimwq3k);
|
|
10
|
-
}
|
|
11
|
-
@layer layers_framework__qkbqqj1.layers_styles__qkbqqj8 {
|
|
12
|
-
h1 {
|
|
13
|
-
font-size: var(--heading-v1-size__ljimwq3m);
|
|
14
|
-
font-weight: var(--heading-v1-weight__ljimwq3o);
|
|
15
|
-
letter-spacing: var(--heading-v1-spacing__ljimwq3n);
|
|
16
|
-
line-height: var(--heading-v1-height__ljimwq3l);
|
|
17
|
-
}
|
|
18
|
-
.typography__j8fgab3 {
|
|
19
|
-
font-size: var(--heading-v1-size__ljimwq3m);
|
|
20
|
-
font-weight: var(--heading-v1-weight__ljimwq3o);
|
|
21
|
-
letter-spacing: var(--heading-v1-spacing__ljimwq3n);
|
|
22
|
-
line-height: var(--heading-v1-height__ljimwq3l);
|
|
23
|
-
}
|
|
24
|
-
h2 {
|
|
25
|
-
font-size: var(--heading-v2-size__ljimwq3q);
|
|
26
|
-
font-weight: var(--heading-v2-weight__ljimwq3s);
|
|
27
|
-
letter-spacing: var(--heading-v2-spacing__ljimwq3r);
|
|
28
|
-
line-height: var(--heading-v2-height__ljimwq3p);
|
|
29
|
-
}
|
|
30
|
-
.typography__j8fgab4 {
|
|
31
|
-
font-size: var(--heading-v2-size__ljimwq3q);
|
|
32
|
-
font-weight: var(--heading-v2-weight__ljimwq3s);
|
|
33
|
-
letter-spacing: var(--heading-v2-spacing__ljimwq3r);
|
|
34
|
-
line-height: var(--heading-v2-height__ljimwq3p);
|
|
35
|
-
}
|
|
36
|
-
h3 {
|
|
37
|
-
font-size: var(--heading-v3-size__ljimwq3u);
|
|
38
|
-
font-weight: var(--heading-v3-weight__ljimwq3w);
|
|
39
|
-
letter-spacing: var(--heading-v3-spacing__ljimwq3v);
|
|
40
|
-
line-height: var(--heading-v3-height__ljimwq3t);
|
|
41
|
-
}
|
|
42
|
-
.typography__j8fgab5 {
|
|
43
|
-
font-size: var(--heading-v3-size__ljimwq3u);
|
|
44
|
-
font-weight: var(--heading-v3-weight__ljimwq3w);
|
|
45
|
-
letter-spacing: var(--heading-v3-spacing__ljimwq3v);
|
|
46
|
-
line-height: var(--heading-v3-height__ljimwq3t);
|
|
47
|
-
}
|
|
48
|
-
h4 {
|
|
49
|
-
font-size: var(--heading-v4-size__ljimwq3y);
|
|
50
|
-
font-weight: var(--heading-v4-weight__ljimwq40);
|
|
51
|
-
letter-spacing: var(--heading-v4-spacing__ljimwq3z);
|
|
52
|
-
line-height: var(--heading-v4-height__ljimwq3x);
|
|
53
|
-
}
|
|
54
|
-
.typography__j8fgab6 {
|
|
55
|
-
font-size: var(--heading-v4-size__ljimwq3y);
|
|
56
|
-
font-weight: var(--heading-v4-weight__ljimwq40);
|
|
57
|
-
letter-spacing: var(--heading-v4-spacing__ljimwq3z);
|
|
58
|
-
line-height: var(--heading-v4-height__ljimwq3x);
|
|
59
|
-
}
|
|
60
|
-
h5 {
|
|
61
|
-
font-size: var(--heading-v5-size__ljimwq42);
|
|
62
|
-
font-weight: var(--heading-v5-weight__ljimwq44);
|
|
63
|
-
letter-spacing: var(--heading-v5-spacing__ljimwq43);
|
|
64
|
-
line-height: var(--heading-v5-height__ljimwq41);
|
|
65
|
-
}
|
|
66
|
-
.typography__j8fgab7 {
|
|
67
|
-
font-size: var(--heading-v5-size__ljimwq42);
|
|
68
|
-
font-weight: var(--heading-v5-weight__ljimwq44);
|
|
69
|
-
letter-spacing: var(--heading-v5-spacing__ljimwq43);
|
|
70
|
-
line-height: var(--heading-v5-height__ljimwq41);
|
|
71
|
-
}
|
|
72
|
-
h6 {
|
|
73
|
-
font-size: var(--heading-v6-size__ljimwq46);
|
|
74
|
-
font-weight: var(--heading-v6-weight__ljimwq48);
|
|
75
|
-
letter-spacing: var(--heading-v6-spacing__ljimwq47);
|
|
76
|
-
line-height: var(--heading-v6-height__ljimwq45);
|
|
77
|
-
}
|
|
78
|
-
.typography__j8fgab8 {
|
|
79
|
-
font-size: var(--heading-v6-size__ljimwq46);
|
|
80
|
-
font-weight: var(--heading-v6-weight__ljimwq48);
|
|
81
|
-
letter-spacing: var(--heading-v6-spacing__ljimwq47);
|
|
82
|
-
line-height: var(--heading-v6-height__ljimwq45);
|
|
83
|
-
}
|
|
84
|
-
.typography__j8fgab9 {
|
|
85
|
-
font-size: var(--body-xs-size__ljimwq4a);
|
|
86
|
-
font-weight: var(--body-xs-weight__ljimwq4c);
|
|
87
|
-
letter-spacing: var(--body-xs-spacing__ljimwq4b);
|
|
88
|
-
line-height: var(--body-xs-height__ljimwq49);
|
|
89
|
-
}
|
|
90
|
-
.typography__j8fgaba {
|
|
91
|
-
font-size: var(--body-sm-size__ljimwq4e);
|
|
92
|
-
font-weight: var(--body-sm-weight__ljimwq4g);
|
|
93
|
-
letter-spacing: var(--body-sm-spacing__ljimwq4f);
|
|
94
|
-
line-height: var(--body-sm-height__ljimwq4d);
|
|
95
|
-
}
|
|
96
|
-
.typography__j8fgabb {
|
|
97
|
-
font-size: var(--body-md-size__ljimwq4i);
|
|
98
|
-
font-weight: var(--body-md-weight__ljimwq4k);
|
|
99
|
-
letter-spacing: var(--body-md-spacing__ljimwq4j);
|
|
100
|
-
line-height: var(--body-md-height__ljimwq4h);
|
|
101
|
-
}
|
|
102
|
-
.typography__j8fgabc {
|
|
103
|
-
font-size: var(--body-lg-size__ljimwq4m);
|
|
104
|
-
font-weight: var(--body-lg-weight__ljimwq4o);
|
|
105
|
-
letter-spacing: var(--body-lg-spacing__ljimwq4n);
|
|
106
|
-
line-height: var(--body-lg-height__ljimwq4l);
|
|
107
|
-
}
|
|
108
|
-
.typography__j8fgabd {
|
|
109
|
-
font-size: var(--body-xl-size__ljimwq4q);
|
|
110
|
-
font-weight: var(--body-xl-weight__ljimwq4s);
|
|
111
|
-
letter-spacing: var(--body-xl-spacing__ljimwq4r);
|
|
112
|
-
line-height: var(--body-xl-height__ljimwq4p);
|
|
113
|
-
}
|
|
114
|
-
.typography__j8fgabe {
|
|
115
|
-
font-size: var(--input-sm-size__ljimwq4u);
|
|
116
|
-
font-weight: var(--input-sm-weight__ljimwq4w);
|
|
117
|
-
letter-spacing: var(--input-sm-spacing__ljimwq4v);
|
|
118
|
-
line-height: var(--input-sm-height__ljimwq4t);
|
|
119
|
-
}
|
|
120
|
-
.typography__j8fgabf {
|
|
121
|
-
font-size: var(--input-lg-size__ljimwq4y);
|
|
122
|
-
font-weight: var(--input-lg-weight__ljimwq50);
|
|
123
|
-
letter-spacing: var(--input-lg-spacing__ljimwq4z);
|
|
124
|
-
line-height: var(--input-lg-height__ljimwq4x);
|
|
125
|
-
}
|
|
126
|
-
input {
|
|
127
|
-
font-size: var(--input-lg-size__ljimwq4y);
|
|
128
|
-
font-weight: var(--input-lg-weight__ljimwq50);
|
|
129
|
-
letter-spacing: var(--input-lg-spacing__ljimwq4z);
|
|
130
|
-
line-height: var(--input-lg-height__ljimwq4x);
|
|
131
|
-
}
|
|
132
|
-
textarea {
|
|
133
|
-
font-size: var(--input-lg-size__ljimwq4y);
|
|
134
|
-
font-weight: var(--input-lg-weight__ljimwq50);
|
|
135
|
-
letter-spacing: var(--input-lg-spacing__ljimwq4z);
|
|
136
|
-
line-height: var(--input-lg-height__ljimwq4x);
|
|
137
|
-
}
|
|
138
|
-
label {
|
|
139
|
-
font-size: var(--label-size__ljimwq52);
|
|
140
|
-
font-weight: var(--label-weight__ljimwq54);
|
|
141
|
-
letter-spacing: var(--label-spacing__ljimwq53);
|
|
142
|
-
line-height: var(--label-height__ljimwq51);
|
|
143
|
-
}
|
|
144
|
-
.typography_label__j8fgabg {
|
|
145
|
-
font-size: var(--label-size__ljimwq52);
|
|
146
|
-
font-weight: var(--label-weight__ljimwq54);
|
|
147
|
-
letter-spacing: var(--label-spacing__ljimwq53);
|
|
148
|
-
line-height: var(--label-height__ljimwq51);
|
|
149
|
-
}
|
|
150
|
-
}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { type RefAttributes } from 'react';
|
|
2
|
-
import { type ContextValue, type SectionProps, type SelectValueProps } from 'react-aria-components';
|
|
3
|
-
export declare const AriaFieldError: (props: import("react-aria-components").FieldErrorProps & RefAttributes<HTMLElement>) => import("react").ReactElement | null, AriaFieldErrorContext: import("react").Context<ContextValue<import("react-aria-components").FieldErrorProps & RefAttributes<HTMLElement>, HTMLElement>>;
|
|
4
|
-
export declare const AriaGroup: (props: import("react-aria-components").GroupProps & RefAttributes<HTMLDivElement>) => import("react").ReactElement | null, AriaGroupContext: import("react").Context<ContextValue<import("react-aria-components").GroupProps & RefAttributes<HTMLDivElement>, HTMLDivElement>>;
|
|
5
|
-
export declare const AriaHeader: (props: import("react").HTMLAttributes<HTMLElement> & RefAttributes<object> & RefAttributes<HTMLElement>) => import("react").ReactElement | null, AriaHeaderContext: import("react").Context<ContextValue<import("react").HTMLAttributes<HTMLElement> & RefAttributes<object>, HTMLElement>>;
|
|
6
|
-
export declare const AriaHeading: (props: import("react-aria-components").HeadingProps & RefAttributes<HTMLHeadingElement>) => import("react").ReactElement | null, AriaHeadingContext: import("react").Context<ContextValue<import("react-aria-components").HeadingProps & RefAttributes<HTMLHeadingElement>, HTMLHeadingElement>>;
|
|
7
|
-
export declare const AriaKeyboard: (props: import("react").HTMLAttributes<HTMLElement> & RefAttributes<HTMLElement>) => import("react").ReactElement | null, AriaKeyboardContext: import("react").Context<ContextValue<import("react").HTMLAttributes<HTMLElement> & RefAttributes<HTMLElement>, HTMLElement>>;
|
|
8
|
-
export declare const AriaLabel: (props: import("react-aria-components").LabelProps & RefAttributes<HTMLLabelElement>) => import("react").ReactElement | null, AriaLabelContext: import("react").Context<ContextValue<import("react-aria-components").LabelProps & RefAttributes<HTMLLabelElement>, HTMLLabelElement>>;
|
|
9
|
-
export declare const AriaSeparator: (props: import("react-aria-components").SeparatorProps & RefAttributes<object> & RefAttributes<HTMLElement>) => import("react").ReactElement | null, AriaSeparatorContext: import("react").Context<ContextValue<import("react-aria-components").SeparatorProps & RefAttributes<object>, HTMLElement>>;
|
|
10
|
-
export declare const AriaText: (props: import("react-aria-components").TextProps & RefAttributes<HTMLElement>) => import("react").ReactElement | null, AriaTextContext: import("react").Context<ContextValue<import("react-aria-components").TextProps & RefAttributes<HTMLElement>, HTMLElement>>;
|
|
11
|
-
/**
|
|
12
|
-
* Due to the complexity of types and technical constraints of TS, it's not
|
|
13
|
-
* possible for the above wrapping utility to support components that accept
|
|
14
|
-
* generic parameters. This means that these components must be manually wrapped
|
|
15
|
-
*/
|
|
16
|
-
export declare const AriaSectionContext: import("react").Context<ContextValue<SectionProps<object>, HTMLElement>>;
|
|
17
|
-
export declare const AriaSection: <T extends object>(props: SectionProps<T> & RefAttributes<HTMLElement>) => import("react").ReactElement | null;
|
|
18
|
-
export declare const AriaSelectValueContext: import("react").Context<ContextValue<SelectValueProps<object>, HTMLSpanElement>>;
|
|
19
|
-
export declare const AriaSelectValue: <T extends object>(props: SelectValueProps<T> & RefAttributes<HTMLSpanElement>) => import("react").ReactElement | null;
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { createContext, forwardRef } from 'react';
|
|
3
|
-
import { Section, SelectValue, FieldError, Group, Header, Heading, Keyboard, Label, Separator, Text } from 'react-aria-components';
|
|
4
|
-
import { useContextProps } from '../../hooks/use-context-props/use-context-props.js';
|
|
5
|
-
|
|
6
|
-
function wrap(Component) {
|
|
7
|
-
const Context = createContext(null);
|
|
8
|
-
return {
|
|
9
|
-
// biome-ignore lint/style/useNamingConvention: intentional
|
|
10
|
-
Component: forwardRef(function WrappedComponent(props, ref) {
|
|
11
|
-
[props, ref] = useContextProps(props, ref, Context);
|
|
12
|
-
return jsx(Component, { ...props, ref });
|
|
13
|
-
}),
|
|
14
|
-
Context
|
|
15
|
-
};
|
|
16
|
-
}
|
|
17
|
-
const { Component: AriaFieldError, Context: AriaFieldErrorContext } = wrap(FieldError);
|
|
18
|
-
const { Component: AriaGroup, Context: AriaGroupContext } = wrap(Group);
|
|
19
|
-
const { Component: AriaHeader, Context: AriaHeaderContext } = wrap(Header);
|
|
20
|
-
const { Component: AriaHeading, Context: AriaHeadingContext } = wrap(Heading);
|
|
21
|
-
const { Component: AriaKeyboard, Context: AriaKeyboardContext } = wrap(Keyboard);
|
|
22
|
-
const { Component: AriaLabel, Context: AriaLabelContext } = wrap(Label);
|
|
23
|
-
const { Component: AriaSeparator, Context: AriaSeparatorContext } = wrap(Separator);
|
|
24
|
-
const { Component: AriaText, Context: AriaTextContext } = wrap(Text);
|
|
25
|
-
const AriaSectionContext = createContext(null);
|
|
26
|
-
const AriaSection = forwardRef(function AriaSection2(props, ref) {
|
|
27
|
-
[props, ref] = useContextProps(props, ref, AriaSectionContext);
|
|
28
|
-
return jsx(Section, { ...props, ref });
|
|
29
|
-
});
|
|
30
|
-
const AriaSelectValueContext = createContext(null);
|
|
31
|
-
const AriaSelectValue = forwardRef(function AriaSelectValue2(props, ref) {
|
|
32
|
-
[props, ref] = useContextProps(props, ref, AriaSelectValueContext);
|
|
33
|
-
return jsx(SelectValue, { ...props, ref });
|
|
34
|
-
});
|
|
35
|
-
|
|
36
|
-
export { AriaFieldError, AriaFieldErrorContext, AriaGroup, AriaGroupContext, AriaHeader, AriaHeaderContext, AriaHeading, AriaHeadingContext, AriaKeyboard, AriaKeyboardContext, AriaLabel, AriaLabelContext, AriaSection, AriaSectionContext, AriaSelectValue, AriaSelectValueContext, AriaSeparator, AriaSeparatorContext, AriaText, AriaTextContext };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"aria.js","sources":["../../../src/components/aria/aria.tsx"],"sourcesContent":["import {\n createContext,\n forwardRef,\n type ForwardedRef,\n type RefAttributes,\n type ReactNode,\n} from 'react';\nimport {\n FieldError,\n Group,\n Header,\n Heading,\n Keyboard,\n Label,\n Section,\n SelectValue,\n Separator,\n Text,\n type ContextValue,\n type SectionProps,\n type SelectValueProps,\n} from 'react-aria-components';\nimport { useContextProps } from '../../hooks';\n\n/**\n * To better align with the guidance from RAC about establishing a unique\n * context for components to avoid conflict of props being provided by RAC\n * and C2DS components, this wrapping utility accepts an RAC and returns\n * a wrapped version along with the new context for the C2DS to use\n */\nfunction wrap<P extends object, E extends HTMLElement>(\n Component: (props: P & RefAttributes<E>) => ReactNode,\n) {\n const Context = createContext<ContextValue<P, E>>(null);\n\n return {\n // biome-ignore lint/style/useNamingConvention: intentional\n Component: forwardRef<E, P>(function WrappedComponent(props, ref) {\n [props, ref] = useContextProps(props, ref, Context);\n\n return <Component {...props} ref={ref} />;\n }),\n Context,\n };\n}\n\nexport const { Component: AriaFieldError, Context: AriaFieldErrorContext } =\n wrap(FieldError);\n\nexport const { Component: AriaGroup, Context: AriaGroupContext } = wrap(Group);\n\nexport const { Component: AriaHeader, Context: AriaHeaderContext } =\n wrap(Header);\n\nexport const { Component: AriaHeading, Context: AriaHeadingContext } =\n wrap(Heading);\n\nexport const { Component: AriaKeyboard, Context: AriaKeyboardContext } =\n wrap(Keyboard);\n\nexport const { Component: AriaLabel, Context: AriaLabelContext } = wrap(Label);\n\nexport const { Component: AriaSeparator, Context: AriaSeparatorContext } =\n wrap(Separator);\n\nexport const { Component: AriaText, Context: AriaTextContext } = wrap(Text);\n\n/**\n * Due to the complexity of types and technical constraints of TS, it's not\n * possible for the above wrapping utility to support components that accept\n * generic parameters. This means that these components must be manually wrapped\n */\n\nexport const AriaSectionContext =\n createContext<ContextValue<SectionProps<object>, HTMLElement>>(null);\n\nexport const AriaSection = forwardRef(function AriaSection<T extends object>(\n props: SectionProps<T>,\n ref: ForwardedRef<HTMLElement>,\n) {\n [props, ref] = useContextProps(props, ref, AriaSectionContext);\n\n return <Section {...props} ref={ref} />;\n});\n\nexport const AriaSelectValueContext =\n createContext<ContextValue<SelectValueProps<object>, HTMLSpanElement>>(null);\n\nexport const AriaSelectValue = forwardRef(function AriaSelectValue<\n T extends object,\n>(props: SelectValueProps<T>, ref: ForwardedRef<HTMLSpanElement>) {\n [props, ref] = useContextProps(props, ref, AriaSelectValueContext);\n\n return <SelectValue {...props} ref={ref} />;\n});\n"],"names":["AriaSection","AriaSelectValue"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA8BA,SAAS,KACP,SACA,EAAA;AACA,EAAM,MAAA,OAAA,GAAU,cAAkC,IAAI,CAAA,CAAA;AAEtD,EAAO,OAAA;AAAA;AAAA,IAEL,SAAW,EAAA,UAAA,CAAiB,SAAS,gBAAA,CAAiB,OAAO,GAAK,EAAA;AAChE,MAAA,CAAC,OAAO,GAAG,CAAA,GAAI,eAAgB,CAAA,KAAA,EAAO,KAAK,OAAO,CAAA,CAAA;AAElD,MAAA,uBAAQ,GAAA,CAAA,SAAA,EAAA,EAAW,GAAG,KAAA,EAAO,GAAU,EAAA,CAAA,CAAA;AAAA,KACxC,CAAA;AAAA,IACD,OAAA;AAAA,GACF,CAAA;AACF,CAAA;AAEO,MAAM,EAAE,SAAW,EAAA,cAAA,EAAgB,SAAS,qBAAsB,EAAA,GACvE,KAAK,UAAU,EAAA;AAEV,MAAM,EAAE,SAAW,EAAA,SAAA,EAAW,SAAS,gBAAiB,EAAA,GAAI,KAAK,KAAK,EAAA;AAEtE,MAAM,EAAE,SAAW,EAAA,UAAA,EAAY,SAAS,iBAAkB,EAAA,GAC/D,KAAK,MAAM,EAAA;AAEN,MAAM,EAAE,SAAW,EAAA,WAAA,EAAa,SAAS,kBAAmB,EAAA,GACjE,KAAK,OAAO,EAAA;AAEP,MAAM,EAAE,SAAW,EAAA,YAAA,EAAc,SAAS,mBAAoB,EAAA,GACnE,KAAK,QAAQ,EAAA;AAER,MAAM,EAAE,SAAW,EAAA,SAAA,EAAW,SAAS,gBAAiB,EAAA,GAAI,KAAK,KAAK,EAAA;AAEtE,MAAM,EAAE,SAAW,EAAA,aAAA,EAAe,SAAS,oBAAqB,EAAA,GACrE,KAAK,SAAS,EAAA;AAET,MAAM,EAAE,SAAW,EAAA,QAAA,EAAU,SAAS,eAAgB,EAAA,GAAI,KAAK,IAAI,EAAA;AAQ7D,MAAA,kBAAA,GACX,cAA+D,IAAI,EAAA;AAE9D,MAAM,WAAc,GAAA,UAAA,CAAW,SAASA,YAAAA,CAC7C,OACA,GACA,EAAA;AACA,EAAA,CAAC,OAAO,GAAG,CAAA,GAAI,eAAgB,CAAA,KAAA,EAAO,KAAK,kBAAkB,CAAA,CAAA;AAE7D,EAAA,uBAAQ,GAAA,CAAA,OAAA,EAAA,EAAS,GAAG,KAAA,EAAO,GAAU,EAAA,CAAA,CAAA;AACvC,CAAC,EAAA;AAEY,MAAA,sBAAA,GACX,cAAuE,IAAI,EAAA;AAEtE,MAAM,eAAkB,GAAA,UAAA,CAAW,SAASC,gBAAAA,CAEjD,OAA4B,GAAoC,EAAA;AAChE,EAAA,CAAC,OAAO,GAAG,CAAA,GAAI,eAAgB,CAAA,KAAA,EAAO,KAAK,sBAAsB,CAAA,CAAA;AAEjE,EAAA,uBAAQ,GAAA,CAAA,WAAA,EAAA,EAAa,GAAG,KAAA,EAAO,GAAU,EAAA,CAAA,CAAA;AAC3C,CAAC;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { AriaFieldError, AriaFieldErrorContext, AriaGroup, AriaGroupContext, AriaHeader, AriaHeaderContext, AriaHeading, AriaHeadingContext, AriaKeyboard, AriaKeyboardContext, AriaLabel, AriaLabelContext, AriaSection, AriaSectionContext, AriaSelectValue, AriaSelectValueContext, AriaSeparator, AriaSeparatorContext, AriaText, AriaTextContext, } from './aria';
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import type { ButtonClassNames } from './types';
|
|
2
|
-
export declare const buttonContainer: string;
|
|
3
|
-
export declare const buttonColorVars: {
|
|
4
|
-
nonSolidColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
5
|
-
bareBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6
|
-
hollowBorder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7
|
-
solidBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8
|
-
solidColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9
|
-
background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10
|
-
border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
11
|
-
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
12
|
-
};
|
|
13
|
-
export declare const buttonSpaceVars: {
|
|
14
|
-
gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
15
|
-
minWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
16
|
-
width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
17
|
-
x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
18
|
-
y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
19
|
-
};
|
|
20
|
-
export declare const buttonStateVars: {
|
|
21
|
-
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
22
|
-
size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
23
|
-
variant: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
24
|
-
isCurrent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
25
|
-
isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
26
|
-
isFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
27
|
-
isFocusVisible: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
28
|
-
isHovered: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
29
|
-
isPending: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
30
|
-
isPressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
31
|
-
isSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
32
|
-
};
|
|
33
|
-
export declare const buttonClassNames: ButtonClassNames;
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { type Context } from 'react';
|
|
2
|
-
import { type ContextValue } from 'react-aria-components';
|
|
3
|
-
import type { ButtonMapping, ButtonProps, ButtonSizes, LinkButtonProps, ToggleButtonProps } from './types';
|
|
4
|
-
export declare const ButtonContext: Context<ContextValue<ButtonProps, HTMLButtonElement>>;
|
|
5
|
-
export declare const Button: (props: Omit<import("react-aria-components").ButtonProps, "children" | "className" | "style"> & {
|
|
6
|
-
children?: import("../..").RenderPropsChildren<import("./types").ButtonRenderProps>;
|
|
7
|
-
classNames?: Partial<{
|
|
8
|
-
container: string;
|
|
9
|
-
button: string;
|
|
10
|
-
}> | undefined;
|
|
11
|
-
color?: import("./types").ButtonColors;
|
|
12
|
-
mapping?: Partial<ButtonMapping>;
|
|
13
|
-
size?: ButtonSizes;
|
|
14
|
-
variant?: import("./types").ButtonVariants;
|
|
15
|
-
} & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement | null;
|
|
16
|
-
export declare const LinkButtonContext: Context<ContextValue<LinkButtonProps, HTMLAnchorElement>>;
|
|
17
|
-
export declare const LinkButton: (props: Omit<import("react-aria-components").LinkProps, "children" | "className" | "style"> & {
|
|
18
|
-
children?: import("../..").RenderPropsChildren<import("./types").ButtonRenderProps>;
|
|
19
|
-
classNames?: Partial<{
|
|
20
|
-
container: string;
|
|
21
|
-
button: string;
|
|
22
|
-
}> | undefined;
|
|
23
|
-
color?: import("./types").ButtonColors;
|
|
24
|
-
mapping?: Partial<ButtonMapping>;
|
|
25
|
-
size?: ButtonSizes;
|
|
26
|
-
variant?: import("./types").ButtonVariants;
|
|
27
|
-
} & import("react").RefAttributes<HTMLAnchorElement>) => import("react").ReactElement | null;
|
|
28
|
-
export declare const ToggleButtonContext: Context<ContextValue<ToggleButtonProps, HTMLButtonElement>>;
|
|
29
|
-
export declare const ToggleButton: (props: Omit<import("react-aria-components").ToggleButtonProps, "children" | "className" | "style"> & {
|
|
30
|
-
children?: import("../..").RenderPropsChildren<import("./types").ButtonRenderProps>;
|
|
31
|
-
classNames?: Partial<{
|
|
32
|
-
container: string;
|
|
33
|
-
button: string;
|
|
34
|
-
}> | undefined;
|
|
35
|
-
color?: import("./types").ButtonColors;
|
|
36
|
-
mapping?: Partial<ButtonMapping>;
|
|
37
|
-
size?: ButtonSizes;
|
|
38
|
-
variant?: import("./types").ButtonVariants;
|
|
39
|
-
} & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement | null;
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { clsx } from 'clsx';
|
|
3
|
-
import { noop } from 'lodash';
|
|
4
|
-
import { createContext, forwardRef, useMemo, useCallback } from 'react';
|
|
5
|
-
import { Button as Button$1, Link, ToggleButton as ToggleButton$1, Provider } from 'react-aria-components';
|
|
6
|
-
import { useContextProps } from '../../hooks/use-context-props/use-context-props.js';
|
|
7
|
-
import { useDefaultProps } from '../../hooks/use-defaults/use-defaults.js';
|
|
8
|
-
import { inlineVars } from '../../utils/css.js';
|
|
9
|
-
import { mergeClassNames, callRenderProps } from '../../utils/props.js';
|
|
10
|
-
import { useTheme } from '../../hooks/use-theme/use-theme.js';
|
|
11
|
-
import { surfaces } from '../../styles/surfaces.vanilla.js';
|
|
12
|
-
import { bodies } from '../../styles/typography.vanilla.js';
|
|
13
|
-
import { IconContext } from '../icon/icon.js';
|
|
14
|
-
import { buttonClassNames, buttonStateVars } from './button.vanilla.js';
|
|
15
|
-
|
|
16
|
-
const noopToggleState = { isSelected: false, setSelected: noop, toggle: noop };
|
|
17
|
-
const buttonSizes = ["xs", "sm", "md", "lg", "xl"];
|
|
18
|
-
const defaultMapping = {
|
|
19
|
-
font: bodies,
|
|
20
|
-
icon: buttonSizes.reduce((acc, size) => {
|
|
21
|
-
acc[size] = { size };
|
|
22
|
-
return acc;
|
|
23
|
-
}, {})
|
|
24
|
-
};
|
|
25
|
-
function useButton(props, ref, context, key) {
|
|
26
|
-
[props, ref] = useContextProps(props, ref, context);
|
|
27
|
-
props = useDefaultProps(props, key);
|
|
28
|
-
const { children: childrenProp, classNames: classNamesProp, color = "primary", mapping: mappingProp, size = "md", variant = "solid", ...rest } = props;
|
|
29
|
-
const theme = useTheme();
|
|
30
|
-
const mapping = useMemo(() => ({
|
|
31
|
-
...defaultMapping,
|
|
32
|
-
...mappingProp
|
|
33
|
-
}), [mappingProp]);
|
|
34
|
-
const classNames = useMemo(() => mergeClassNames(buttonClassNames, theme.Button, classNamesProp, {
|
|
35
|
-
button: clsx(mapping.font[size], variant === "floating" && surfaces.default.proud)
|
|
36
|
-
}), [theme.Button, classNamesProp, mapping.font, size, variant]);
|
|
37
|
-
const style = useCallback((renderProps) => inlineVars(buttonStateVars, {
|
|
38
|
-
isCurrent: false,
|
|
39
|
-
isSelected: false,
|
|
40
|
-
...renderProps,
|
|
41
|
-
color,
|
|
42
|
-
size,
|
|
43
|
-
variant
|
|
44
|
-
}), [color, size, variant]);
|
|
45
|
-
const values = useMemo(() => [[IconContext, mapping.icon[size]]], [mapping.icon, size]);
|
|
46
|
-
const children = useCallback((renderProps) => jsx(Provider, { values, children: jsx("span", { className: classNames?.button, children: callRenderProps(childrenProp, {
|
|
47
|
-
state: noopToggleState,
|
|
48
|
-
isCurrent: false,
|
|
49
|
-
isPending: false,
|
|
50
|
-
isSelected: false,
|
|
51
|
-
...renderProps
|
|
52
|
-
}) }) }), [values, classNames?.button, childrenProp]);
|
|
53
|
-
return useMemo(() => ({ ...rest, ref, children, className: classNames?.container, style }), [rest, ref, children, classNames?.container, style]);
|
|
54
|
-
}
|
|
55
|
-
const ButtonContext = createContext(null);
|
|
56
|
-
const Button = forwardRef(function Button2(props, ref) {
|
|
57
|
-
const buttonProps = useButton(props, ref, ButtonContext, "Button");
|
|
58
|
-
return jsx(Button$1, { ...buttonProps });
|
|
59
|
-
});
|
|
60
|
-
const LinkButtonContext = createContext(null);
|
|
61
|
-
const LinkButton = forwardRef(function LinkButton2(props, ref) {
|
|
62
|
-
const buttonProps = useButton(props, ref, LinkButtonContext, "LinkButton");
|
|
63
|
-
return jsx(Link, { ...buttonProps });
|
|
64
|
-
});
|
|
65
|
-
const ToggleButtonContext = createContext(null);
|
|
66
|
-
const ToggleButton = forwardRef(function ToggleButton2(props, ref) {
|
|
67
|
-
const buttonProps = useButton(props, ref, ToggleButtonContext, "ToggleButton");
|
|
68
|
-
return jsx(ToggleButton$1, { ...buttonProps });
|
|
69
|
-
});
|
|
70
|
-
|
|
71
|
-
export { Button, ButtonContext, LinkButton, LinkButtonContext, ToggleButton, ToggleButtonContext };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sources":["../../../src/components/button/button.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { noop } from 'lodash';\nimport {\n createContext,\n forwardRef,\n useCallback,\n useMemo,\n type Context,\n type ForwardedRef,\n} from 'react';\nimport {\n Link,\n Provider,\n Button as RACButton,\n ToggleButton as RACToggleButton,\n type ButtonRenderProps,\n type ContextValue,\n type LinkRenderProps,\n type ToggleButtonRenderProps,\n} from 'react-aria-components';\nimport { useContextProps, useDefaultProps, useTheme } from '../../hooks';\nimport { bodies, surfaces } from '../../styles';\nimport type { OmitProtectedProps } from '../../types';\nimport { callRenderProps, inlineVars, mergeClassNames } from '../../utils';\nimport { IconContext, type IconProps } from '../icon';\nimport { buttonClassNames, buttonStateVars } from './button.css';\nimport type {\n ButtonMapping,\n ButtonProps,\n ButtonSizes,\n LinkButtonProps,\n ToggleButtonProps,\n} from './types';\n\nconst noopToggleState = { isSelected: false, setSelected: noop, toggle: noop };\nconst buttonSizes: ButtonSizes[] = ['xs', 'sm', 'md', 'lg', 'xl'];\n\nconst defaultMapping: ButtonMapping = {\n font: bodies,\n icon: buttonSizes.reduce(\n (acc, size) => {\n acc[size] = { size };\n\n return acc;\n },\n {} as Record<ButtonSizes, OmitProtectedProps<IconProps>>,\n ),\n};\n\nfunction useButton<\n P extends ButtonProps | LinkButtonProps | ToggleButtonProps,\n E extends HTMLElement,\n>(\n props: P,\n ref: ForwardedRef<E>,\n context: Context<ContextValue<P, E>>,\n key: 'Button' | 'LinkButton' | 'ToggleButton',\n) {\n [props, ref] = useContextProps(props, ref, context);\n\n props = useDefaultProps(props, key);\n\n const {\n children: childrenProp,\n classNames: classNamesProp,\n color = 'primary',\n mapping: mappingProp,\n size = 'md',\n variant = 'solid',\n ...rest\n } = props;\n\n const theme = useTheme();\n\n const mapping = useMemo(\n () => ({\n ...defaultMapping,\n ...mappingProp,\n }),\n [mappingProp],\n );\n\n const classNames = useMemo(\n () =>\n mergeClassNames(buttonClassNames, theme.Button, classNamesProp, {\n button: clsx(\n mapping.font[size],\n variant === 'floating' && surfaces.default.proud,\n ),\n }),\n [theme.Button, classNamesProp, mapping.font, size, variant],\n );\n\n const style = useCallback(\n (\n renderProps:\n | ButtonRenderProps\n | LinkRenderProps\n | ToggleButtonRenderProps,\n ) =>\n inlineVars(buttonStateVars, {\n isCurrent: false,\n isSelected: false,\n ...renderProps,\n color,\n size,\n variant,\n }),\n [color, size, variant],\n );\n\n const values = useMemo<\n [[typeof IconContext, ContextValue<IconProps, HTMLDivElement>]]\n >(() => [[IconContext, mapping.icon[size]]], [mapping.icon, size]);\n\n const children = useCallback(\n (\n renderProps:\n | ButtonRenderProps\n | LinkRenderProps\n | ToggleButtonRenderProps,\n ) => (\n <Provider values={values}>\n <span className={classNames?.button}>\n {callRenderProps(childrenProp, {\n state: noopToggleState,\n isCurrent: false,\n isPending: false,\n isSelected: false,\n ...renderProps,\n })}\n </span>\n </Provider>\n ),\n [values, classNames?.button, childrenProp],\n );\n\n return useMemo(\n () => ({ ...rest, ref, children, className: classNames?.container, style }),\n [rest, ref, children, classNames?.container, style],\n );\n}\n\nexport const ButtonContext =\n createContext<ContextValue<ButtonProps, HTMLButtonElement>>(null);\n\nexport const Button = forwardRef(function Button(\n props: ButtonProps,\n ref: ForwardedRef<HTMLButtonElement>,\n) {\n const buttonProps = useButton(props, ref, ButtonContext, 'Button');\n\n return <RACButton {...buttonProps} />;\n});\n\nexport const LinkButtonContext =\n createContext<ContextValue<LinkButtonProps, HTMLAnchorElement>>(null);\n\nexport const LinkButton = forwardRef(function LinkButton(\n props: LinkButtonProps,\n ref: ForwardedRef<HTMLAnchorElement>,\n) {\n const buttonProps = useButton(props, ref, LinkButtonContext, 'LinkButton');\n\n return <Link {...buttonProps} />;\n});\n\nexport const ToggleButtonContext =\n createContext<ContextValue<ToggleButtonProps, HTMLButtonElement>>(null);\n\nexport const ToggleButton = forwardRef(function ToggleButton(\n props: ToggleButtonProps,\n ref: ForwardedRef<HTMLButtonElement>,\n) {\n const buttonProps = useButton(\n props,\n ref,\n ToggleButtonContext,\n 'ToggleButton',\n );\n\n return <RACToggleButton {...buttonProps} />;\n});\n"],"names":["Button","RACButton","LinkButton","ToggleButton","RACToggleButton"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,MAAM,kBAAkB,EAAE,UAAA,EAAY,OAAO,WAAa,EAAA,IAAA,EAAM,QAAQ,IAAK,EAAA,CAAA;AAC7E,MAAM,cAA6B,CAAC,IAAA,EAAM,IAAM,EAAA,IAAA,EAAM,MAAM,IAAI,CAAA,CAAA;AAEhE,MAAM,cAAgC,GAAA;AAAA,EACpC,IAAM,EAAA,MAAA;AAAA,EACN,MAAM,WAAY,CAAA,MAAA;AAAA,IAChB,CAAC,KAAK,IAAS,KAAA;AACb,MAAI,GAAA,CAAA,IAAI,CAAI,GAAA,EAAE,IAAK,EAAA,CAAA;AAEnB,MAAO,OAAA,GAAA,CAAA;AAAA,KACT;AAAA,IACA,EAAC;AAAA,GACH;AACF,CAAA,CAAA;AAEA,SAAS,SAIP,CAAA,KAAA,EACA,GACA,EAAA,OAAA,EACA,GACA,EAAA;AACA,EAAA,CAAC,OAAO,GAAG,CAAA,GAAI,eAAgB,CAAA,KAAA,EAAO,KAAK,OAAO,CAAA,CAAA;AAElD,EAAQ,KAAA,GAAA,eAAA,CAAgB,OAAO,GAAG,CAAA,CAAA;AAElC,EAAM,MAAA;AAAA,IACJ,QAAU,EAAA,YAAA;AAAA,IACV,UAAY,EAAA,cAAA;AAAA,IACZ,KAAQ,GAAA,SAAA;AAAA,IACR,OAAS,EAAA,WAAA;AAAA,IACT,IAAO,GAAA,IAAA;AAAA,IACP,OAAU,GAAA,OAAA;AAAA,IACV,GAAG,IAAA;AAAA,GACD,GAAA,KAAA,CAAA;AAEJ,EAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAEvB,EAAA,MAAM,OAAU,GAAA,OAAA;AAAA,IACd,OAAO;AAAA,MACL,GAAG,cAAA;AAAA,MACH,GAAG,WAAA;AAAA,KACL,CAAA;AAAA,IACA,CAAC,WAAW,CAAA;AAAA,GACd,CAAA;AAEA,EAAA,MAAM,UAAa,GAAA,OAAA;AAAA,IACjB,MACE,eAAA,CAAgB,gBAAkB,EAAA,KAAA,CAAM,QAAQ,cAAgB,EAAA;AAAA,MAC9D,MAAQ,EAAA,IAAA;AAAA,QACN,OAAA,CAAQ,KAAK,IAAI,CAAA;AAAA,QACjB,OAAA,KAAY,UAAc,IAAA,QAAA,CAAS,OAAQ,CAAA,KAAA;AAAA,OAC7C;AAAA,KACD,CAAA;AAAA,IACH,CAAC,KAAM,CAAA,MAAA,EAAQ,gBAAgB,OAAQ,CAAA,IAAA,EAAM,MAAM,OAAO,CAAA;AAAA,GAC5D,CAAA;AAEA,EAAA,MAAM,KAAQ,GAAA,WAAA;AAAA,IACZ,CACE,WAKA,KAAA,UAAA,CAAW,eAAiB,EAAA;AAAA,MAC1B,SAAW,EAAA,KAAA;AAAA,MACX,UAAY,EAAA,KAAA;AAAA,MACZ,GAAG,WAAA;AAAA,MACH,KAAA;AAAA,MACA,IAAA;AAAA,MACA,OAAA;AAAA,KACD,CAAA;AAAA,IACH,CAAC,KAAO,EAAA,IAAA,EAAM,OAAO,CAAA;AAAA,GACvB,CAAA;AAEA,EAAA,MAAM,SAAS,OAEb,CAAA,MAAM,CAAC,CAAC,aAAa,OAAQ,CAAA,IAAA,CAAK,IAAI,CAAC,CAAC,CAAG,EAAA,CAAC,OAAQ,CAAA,IAAA,EAAM,IAAI,CAAC,CAAA,CAAA;AAEjE,EAAA,MAAM,QAAW,GAAA,WAAA;AAAA,IACf,CACE,WAKA,qBAAA,GAAA,CAAC,QAAS,EAAA,EAAA,MAAA,EACR,QAAC,kBAAA,GAAA,CAAA,MAAA,EAAA,EAAK,SAAW,EAAA,UAAA,EAAY,MAC1B,EAAA,QAAA,EAAA,eAAA,CAAgB,YAAc,EAAA;AAAA,MAC7B,KAAO,EAAA,eAAA;AAAA,MACP,SAAW,EAAA,KAAA;AAAA,MACX,SAAW,EAAA,KAAA;AAAA,MACX,UAAY,EAAA,KAAA;AAAA,MACZ,GAAG,WAAA;AAAA,KACJ,GACH,CACF,EAAA,CAAA;AAAA,IAEF,CAAC,MAAA,EAAQ,UAAY,EAAA,MAAA,EAAQ,YAAY,CAAA;AAAA,GAC3C,CAAA;AAEA,EAAO,OAAA,OAAA;AAAA,IACL,OAAO,EAAE,GAAG,IAAA,EAAM,KAAK,QAAU,EAAA,SAAA,EAAW,UAAY,EAAA,SAAA,EAAW,KAAM,EAAA,CAAA;AAAA,IACzE,CAAC,IAAM,EAAA,GAAA,EAAK,QAAU,EAAA,UAAA,EAAY,WAAW,KAAK,CAAA;AAAA,GACpD,CAAA;AACF,CAAA;AAEa,MAAA,aAAA,GACX,cAA4D,IAAI,EAAA;AAE3D,MAAM,MAAS,GAAA,UAAA,CAAW,SAASA,OAAAA,CACxC,OACA,GACA,EAAA;AACA,EAAA,MAAM,WAAc,GAAA,SAAA,CAAU,KAAO,EAAA,GAAA,EAAK,eAAe,QAAQ,CAAA,CAAA;AAEjE,EAAO,uBAAA,GAAA,CAACC,QAAW,EAAA,EAAA,GAAG,WAAa,EAAA,CAAA,CAAA;AACrC,CAAC,EAAA;AAEY,MAAA,iBAAA,GACX,cAAgE,IAAI,EAAA;AAE/D,MAAM,UAAa,GAAA,UAAA,CAAW,SAASC,WAAAA,CAC5C,OACA,GACA,EAAA;AACA,EAAA,MAAM,WAAc,GAAA,SAAA,CAAU,KAAO,EAAA,GAAA,EAAK,mBAAmB,YAAY,CAAA,CAAA;AAEzE,EAAO,uBAAA,GAAA,CAAC,IAAM,EAAA,EAAA,GAAG,WAAa,EAAA,CAAA,CAAA;AAChC,CAAC,EAAA;AAEY,MAAA,mBAAA,GACX,cAAkE,IAAI,EAAA;AAEjE,MAAM,YAAe,GAAA,UAAA,CAAW,SAASC,aAAAA,CAC9C,OACA,GACA,EAAA;AACA,EAAA,MAAM,WAAc,GAAA,SAAA;AAAA,IAClB,KAAA;AAAA,IACA,GAAA;AAAA,IACA,mBAAA;AAAA,IACA,cAAA;AAAA,GACF,CAAA;AAEA,EAAO,uBAAA,GAAA,CAACC,cAAiB,EAAA,EAAA,GAAG,WAAa,EAAA,CAAA,CAAA;AAC3C,CAAC;;;;"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
var buttonClassNames = { container: "button_buttonClassNames_container__17k72zwp", button: "button_buttonClassNames_button__17k72zwq" };
|
|
3
|
-
var buttonColorVars = { nonSolidColor: "var(--nonSolidColor__17k72zw1)", bareBackground: "var(--bareBackground__17k72zw2)", hollowBorder: "var(--hollowBorder__17k72zw3)", solidBackground: "var(--solidBackground__17k72zw4)", solidColor: "var(--solidColor__17k72zw5)", background: "var(--background__17k72zw6)", border: "var(--border__17k72zw7)", color: "var(--color__17k72zw8)" };
|
|
4
|
-
var buttonContainer = "button_buttonContainer__17k72zw0";
|
|
5
|
-
var buttonSpaceVars = { gap: "var(--gap__17k72zw9)", minWidth: "var(--minWidth__17k72zwa)", width: "var(--width__17k72zwb)", x: "var(--x__17k72zwc)", y: "var(--y__17k72zwd)" };
|
|
6
|
-
var buttonStateVars = { color: "var(--color__17k72zwe)", size: "var(--size__17k72zwf)", variant: "var(--variant__17k72zwg)", isCurrent: "var(--isCurrent__17k72zwh)", isDisabled: "var(--isDisabled__17k72zwi)", isFocused: "var(--isFocused__17k72zwj)", isFocusVisible: "var(--isFocusVisible__17k72zwk)", isHovered: "var(--isHovered__17k72zwl)", isPending: "var(--isPending__17k72zwm)", isPressed: "var(--isPressed__17k72zwn)", isSelected: "var(--isSelected__17k72zwo)" };
|
|
7
|
-
|
|
8
|
-
export { buttonClassNames, buttonColorVars, buttonContainer, buttonSpaceVars, buttonStateVars };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"button.vanilla.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
export { buttonClassNames, buttonColorVars, buttonContainer, buttonSpaceVars, buttonStateVars, } from './button.css';
|
|
2
|
-
export { Button, ButtonContext, LinkButton, LinkButtonContext, ToggleButton, ToggleButtonContext, } from './button';
|
|
3
|
-
export { type ButtonClassNames, type ButtonColors, type ButtonMapping, type ButtonProps, type ButtonRenderProps, type ButtonSizes, type ButtonState, type LinkButtonProps, type ToggleButtonProps, } from './types';
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import type { LinkProps, LinkRenderProps, ButtonProps as RACButtonProps, ButtonRenderProps as RACButtonRenderProps, ToggleButtonProps as RACToggleButtonProps, ToggleButtonRenderProps } from 'react-aria-components';
|
|
2
|
-
import type { OmitProtectedProps, RenderPropsChildren } from '../../types';
|
|
3
|
-
import type { IconProps } from '../icon/types';
|
|
4
|
-
export type ButtonClassNames = Partial<{
|
|
5
|
-
container: string;
|
|
6
|
-
button: string;
|
|
7
|
-
}>;
|
|
8
|
-
export type ButtonColors = 'primary' | 'secondary' | 'tertiary' | 'advisory' | 'affirmative' | 'serious' | 'critical';
|
|
9
|
-
export type ButtonSizes = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
10
|
-
export type ButtonVariants = 'solid' | 'hollow' | 'bare' | 'icon' | 'floating';
|
|
11
|
-
export type ButtonRenderProps = RACButtonRenderProps & LinkRenderProps & ToggleButtonRenderProps;
|
|
12
|
-
export type ButtonMapping = {
|
|
13
|
-
font: Partial<Record<ButtonSizes, string>>;
|
|
14
|
-
icon: Partial<Record<ButtonSizes, OmitProtectedProps<IconProps>>>;
|
|
15
|
-
};
|
|
16
|
-
type BaseButtonProps = {
|
|
17
|
-
children?: RenderPropsChildren<ButtonRenderProps>;
|
|
18
|
-
classNames?: ButtonClassNames;
|
|
19
|
-
color?: ButtonColors;
|
|
20
|
-
mapping?: Partial<ButtonMapping>;
|
|
21
|
-
size?: ButtonSizes;
|
|
22
|
-
variant?: ButtonVariants;
|
|
23
|
-
};
|
|
24
|
-
export type ButtonState = Omit<ButtonRenderProps, 'state'> & Required<Pick<BaseButtonProps, 'color' | 'size' | 'variant'>>;
|
|
25
|
-
export type ButtonProps = Omit<RACButtonProps, 'children' | 'className' | 'style'> & BaseButtonProps;
|
|
26
|
-
export type ToggleButtonProps = Omit<RACToggleButtonProps, 'children' | 'className' | 'style'> & BaseButtonProps;
|
|
27
|
-
export type LinkButtonProps = Omit<LinkProps, 'children' | 'className' | 'style'> & BaseButtonProps;
|
|
28
|
-
export {};
|