@dxos/react-ui 0.1.20 → 0.1.22
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/README.md +13 -137
- package/dist/lib/browser/index.mjs +160 -2022
- package/dist/lib/browser/index.mjs.map +4 -4
- package/dist/lib/browser/meta.json +1 -1
- package/dist/types/src/components/IdentityListItem/IdentityListItem.d.ts +6 -0
- package/dist/types/src/components/IdentityListItem/IdentityListItem.d.ts.map +1 -0
- package/dist/types/src/components/IdentityListItem/IdentityListItem.stories.d.ts +20 -0
- package/dist/types/src/components/IdentityListItem/IdentityListItem.stories.d.ts.map +1 -0
- package/dist/types/src/composites/IdentityPopover/IdentityPopover.d.ts +9 -0
- package/dist/types/src/composites/IdentityPopover/IdentityPopover.d.ts.map +1 -0
- package/dist/types/src/composites/IdentityPopover/index.d.ts +2 -0
- package/dist/types/src/composites/IdentityPopover/index.d.ts.map +1 -0
- package/dist/types/src/composites/index.d.ts +2 -0
- package/dist/types/src/composites/index.d.ts.map +1 -0
- package/dist/types/src/index.d.ts +4 -4
- package/dist/types/src/index.d.ts.map +1 -1
- package/dist/types/src/layouts/PanelPopover/PanelPopover.d.ts +11 -0
- package/dist/types/src/layouts/PanelPopover/PanelPopover.d.ts.map +1 -0
- package/dist/types/src/layouts/PanelPopover/index.d.ts +2 -0
- package/dist/types/src/layouts/PanelPopover/index.d.ts.map +1 -0
- package/dist/types/src/layouts/PanelSidebar/PanelSidebar.d.ts +20 -0
- package/dist/types/src/layouts/PanelSidebar/PanelSidebar.d.ts.map +1 -0
- package/dist/types/src/layouts/PanelSidebar/index.d.ts +2 -0
- package/dist/types/src/layouts/PanelSidebar/index.d.ts.map +1 -0
- package/dist/types/src/layouts/index.d.ts +3 -0
- package/dist/types/src/layouts/index.d.ts.map +1 -0
- package/dist/types/src/panels/IdentityPanel/IdentityPanel.d.ts +6 -0
- package/dist/types/src/panels/IdentityPanel/IdentityPanel.d.ts.map +1 -0
- package/dist/types/src/panels/IdentityPanel/index.d.ts +2 -0
- package/dist/types/src/panels/IdentityPanel/index.d.ts.map +1 -0
- package/dist/types/src/panels/index.d.ts +2 -0
- package/dist/types/src/panels/index.d.ts.map +1 -0
- package/dist/types/src/styles/index.d.ts +1 -11
- package/dist/types/src/styles/index.d.ts.map +1 -1
- package/dist/types/src/styles/panelStyles.d.ts +3 -0
- package/dist/types/src/styles/panelStyles.d.ts.map +1 -0
- package/dist/types/src/testing/ClientProvider.d.ts +3 -0
- package/dist/types/src/testing/ClientProvider.d.ts.map +1 -0
- package/dist/types/src/testing/index.d.ts +1 -1
- package/dist/types/src/testing/index.d.ts.map +1 -1
- package/dist/types/src/translations/index.d.ts +5 -0
- package/dist/types/src/translations/index.d.ts.map +1 -0
- package/dist/types/src/translations/locales/en-US.d.ts +6 -0
- package/dist/types/src/translations/locales/en-US.d.ts.map +1 -0
- package/package.json +16 -32
- package/src/components/IdentityListItem/IdentityListItem.stories.tsx +23 -0
- package/src/components/IdentityListItem/IdentityListItem.tsx +32 -0
- package/src/composites/IdentityPopover/IdentityPopover.tsx +54 -0
- package/src/composites/IdentityPopover/index.ts +5 -0
- package/src/composites/index.ts +4 -0
- package/src/index.ts +4 -4
- package/src/layouts/PanelPopover/PanelPopover.tsx +40 -0
- package/src/layouts/PanelPopover/index.ts +5 -0
- package/src/layouts/PanelSidebar/PanelSidebar.tsx +126 -0
- package/src/layouts/PanelSidebar/index.ts +5 -0
- package/src/layouts/index.ts +6 -0
- package/src/panels/IdentityPanel/IdentityPanel.tsx +39 -0
- package/src/panels/IdentityPanel/index.ts +5 -0
- package/src/panels/index.ts +5 -0
- package/src/styles/index.ts +2 -12
- package/src/styles/panelStyles.ts +6 -0
- package/src/testing/ClientProvider.tsx +18 -0
- package/src/testing/index.ts +1 -1
- package/src/translations/index.ts +7 -0
- package/src/translations/locales/en-US.ts +9 -0
- package/dist/plugin/node/esbuild-plugin.cjs +0 -469
- package/dist/plugin/node/esbuild-plugin.cjs.map +0 -7
- package/dist/plugin/node/meta.json +0 -1
- package/dist/plugin/node/plugin.cjs +0 -460
- package/dist/plugin/node/plugin.cjs.map +0 -7
- package/dist/plugin/node/theme.css +0 -61
- package/dist/plugin/node/theme.css.map +0 -7
- package/dist/types/src/components/Alert/Alert.d.ts +0 -15
- package/dist/types/src/components/Alert/Alert.d.ts.map +0 -1
- package/dist/types/src/components/Alert/Alert.stories.d.ts +0 -9
- package/dist/types/src/components/Alert/Alert.stories.d.ts.map +0 -1
- package/dist/types/src/components/Alert/index.d.ts +0 -2
- package/dist/types/src/components/Alert/index.d.ts.map +0 -1
- package/dist/types/src/components/AlertDialog/AlertDialog.d.ts +0 -26
- package/dist/types/src/components/AlertDialog/AlertDialog.d.ts.map +0 -1
- package/dist/types/src/components/AlertDialog/AlertDialog.stories.d.ts +0 -9
- package/dist/types/src/components/AlertDialog/AlertDialog.stories.d.ts.map +0 -1
- package/dist/types/src/components/AlertDialog/index.d.ts +0 -2
- package/dist/types/src/components/AlertDialog/index.d.ts.map +0 -1
- package/dist/types/src/components/Avatar/Avatar.d.ts +0 -22
- package/dist/types/src/components/Avatar/Avatar.d.ts.map +0 -1
- package/dist/types/src/components/Avatar/Avatar.stories.d.ts +0 -12
- package/dist/types/src/components/Avatar/Avatar.stories.d.ts.map +0 -1
- package/dist/types/src/components/Avatar/index.d.ts +0 -2
- package/dist/types/src/components/Avatar/index.d.ts.map +0 -1
- package/dist/types/src/components/Button/Button.d.ts +0 -4
- package/dist/types/src/components/Button/Button.d.ts.map +0 -1
- package/dist/types/src/components/Button/Button.stories.d.ts +0 -13
- package/dist/types/src/components/Button/Button.stories.d.ts.map +0 -1
- package/dist/types/src/components/Button/ButtonGroup.d.ts +0 -6
- package/dist/types/src/components/Button/ButtonGroup.d.ts.map +0 -1
- package/dist/types/src/components/Button/ButtonProps.d.ts +0 -7
- package/dist/types/src/components/Button/ButtonProps.d.ts.map +0 -1
- package/dist/types/src/components/Button/buttonStyles.d.ts +0 -6
- package/dist/types/src/components/Button/buttonStyles.d.ts.map +0 -1
- package/dist/types/src/components/Button/index.d.ts +0 -5
- package/dist/types/src/components/Button/index.d.ts.map +0 -1
- package/dist/types/src/components/CompoundButton/CompoundButton.d.ts +0 -10
- package/dist/types/src/components/CompoundButton/CompoundButton.d.ts.map +0 -1
- package/dist/types/src/components/CompoundButton/CompoundButton.stories.d.ts +0 -10
- package/dist/types/src/components/CompoundButton/CompoundButton.stories.d.ts.map +0 -1
- package/dist/types/src/components/CompoundButton/index.d.ts +0 -2
- package/dist/types/src/components/CompoundButton/index.d.ts.map +0 -1
- package/dist/types/src/components/Dialog/Dialog.d.ts +0 -26
- package/dist/types/src/components/Dialog/Dialog.d.ts.map +0 -1
- package/dist/types/src/components/Dialog/Dialog.stories.d.ts +0 -9
- package/dist/types/src/components/Dialog/Dialog.stories.d.ts.map +0 -1
- package/dist/types/src/components/Dialog/index.d.ts +0 -2
- package/dist/types/src/components/Dialog/index.d.ts.map +0 -1
- package/dist/types/src/components/Group/Group.d.ts +0 -10
- package/dist/types/src/components/Group/Group.d.ts.map +0 -1
- package/dist/types/src/components/Group/Group.stories.d.ts +0 -9
- package/dist/types/src/components/Group/Group.stories.d.ts.map +0 -1
- package/dist/types/src/components/Group/index.d.ts +0 -2
- package/dist/types/src/components/Group/index.d.ts.map +0 -1
- package/dist/types/src/components/Heading/Heading.d.ts +0 -266
- package/dist/types/src/components/Heading/Heading.d.ts.map +0 -1
- package/dist/types/src/components/Heading/Heading.stories.d.ts +0 -274
- package/dist/types/src/components/Heading/Heading.stories.d.ts.map +0 -1
- package/dist/types/src/components/Heading/index.d.ts +0 -2
- package/dist/types/src/components/Heading/index.d.ts.map +0 -1
- package/dist/types/src/components/Input/BarePinInput.d.ts +0 -314
- package/dist/types/src/components/Input/BarePinInput.d.ts.map +0 -1
- package/dist/types/src/components/Input/BareTextInput.d.ts +0 -7
- package/dist/types/src/components/Input/BareTextInput.d.ts.map +0 -1
- package/dist/types/src/components/Input/BareTextareaInput.d.ts +0 -7
- package/dist/types/src/components/Input/BareTextareaInput.d.ts.map +0 -1
- package/dist/types/src/components/Input/Input.d.ts +0 -4
- package/dist/types/src/components/Input/Input.d.ts.map +0 -1
- package/dist/types/src/components/Input/Input.stories.d.ts +0 -27
- package/dist/types/src/components/Input/Input.stories.d.ts.map +0 -1
- package/dist/types/src/components/Input/InputProps.d.ts +0 -37
- package/dist/types/src/components/Input/InputProps.d.ts.map +0 -1
- package/dist/types/src/components/Input/index.d.ts +0 -2
- package/dist/types/src/components/Input/index.d.ts.map +0 -1
- package/dist/types/src/components/Loading/Loading.d.ts +0 -15
- package/dist/types/src/components/Loading/Loading.d.ts.map +0 -1
- package/dist/types/src/components/Loading/Loading.stories.d.ts +0 -23
- package/dist/types/src/components/Loading/Loading.stories.d.ts.map +0 -1
- package/dist/types/src/components/Loading/index.d.ts +0 -2
- package/dist/types/src/components/Loading/index.d.ts.map +0 -1
- package/dist/types/src/components/NavMenu/NavMenu.d.ts +0 -39
- package/dist/types/src/components/NavMenu/NavMenu.d.ts.map +0 -1
- package/dist/types/src/components/NavMenu/NavMenu.stories.d.ts +0 -9
- package/dist/types/src/components/NavMenu/NavMenu.stories.d.ts.map +0 -1
- package/dist/types/src/components/NavMenu/index.d.ts +0 -2
- package/dist/types/src/components/NavMenu/index.d.ts.map +0 -1
- package/dist/types/src/components/Popover/Popover.d.ts +0 -21
- package/dist/types/src/components/Popover/Popover.d.ts.map +0 -1
- package/dist/types/src/components/Popover/Popover.stories.d.ts +0 -10
- package/dist/types/src/components/Popover/Popover.stories.d.ts.map +0 -1
- package/dist/types/src/components/Popover/index.d.ts +0 -2
- package/dist/types/src/components/Popover/index.d.ts.map +0 -1
- package/dist/types/src/components/QrCode/QrCode.d.ts +0 -39
- package/dist/types/src/components/QrCode/QrCode.d.ts.map +0 -1
- package/dist/types/src/components/QrCode/QrCode.stories.d.ts +0 -10
- package/dist/types/src/components/QrCode/QrCode.stories.d.ts.map +0 -1
- package/dist/types/src/components/QrCode/index.d.ts +0 -2
- package/dist/types/src/components/QrCode/index.d.ts.map +0 -1
- package/dist/types/src/components/Tag/Tag.d.ts +0 -8
- package/dist/types/src/components/Tag/Tag.d.ts.map +0 -1
- package/dist/types/src/components/Tag/Tag.stories.d.ts +0 -10
- package/dist/types/src/components/Tag/Tag.stories.d.ts.map +0 -1
- package/dist/types/src/components/Tag/index.d.ts +0 -2
- package/dist/types/src/components/Tag/index.d.ts.map +0 -1
- package/dist/types/src/components/Toast/Toast.d.ts +0 -25
- package/dist/types/src/components/Toast/Toast.d.ts.map +0 -1
- package/dist/types/src/components/Toast/Toast.stories.d.ts +0 -9
- package/dist/types/src/components/Toast/Toast.stories.d.ts.map +0 -1
- package/dist/types/src/components/Toast/index.d.ts +0 -2
- package/dist/types/src/components/Toast/index.d.ts.map +0 -1
- package/dist/types/src/components/Tooltip/Tooltip.d.ts +0 -19
- package/dist/types/src/components/Tooltip/Tooltip.d.ts.map +0 -1
- package/dist/types/src/components/Tooltip/Tooltip.stories.d.ts +0 -9
- package/dist/types/src/components/Tooltip/Tooltip.stories.d.ts.map +0 -1
- package/dist/types/src/components/Tooltip/index.d.ts +0 -2
- package/dist/types/src/components/Tooltip/index.d.ts.map +0 -1
- package/dist/types/src/components/UiProvider/UiProvider.d.ts +0 -10
- package/dist/types/src/components/UiProvider/UiProvider.d.ts.map +0 -1
- package/dist/types/src/components/UiProvider/index.d.ts +0 -2
- package/dist/types/src/components/UiProvider/index.d.ts.map +0 -1
- package/dist/types/src/components/index.d.ts +0 -18
- package/dist/types/src/components/index.d.ts.map +0 -1
- package/dist/types/src/config/index.d.ts +0 -2
- package/dist/types/src/config/index.d.ts.map +0 -1
- package/dist/types/src/config/tailwind.d.ts +0 -7
- package/dist/types/src/config/tailwind.d.ts.map +0 -1
- package/dist/types/src/esbuild-plugin.d.ts +0 -6
- package/dist/types/src/esbuild-plugin.d.ts.map +0 -1
- package/dist/types/src/hooks/index.d.ts +0 -4
- package/dist/types/src/hooks/index.d.ts.map +0 -1
- package/dist/types/src/hooks/useForwardedRef.d.ts +0 -2
- package/dist/types/src/hooks/useForwardedRef.d.ts.map +0 -1
- package/dist/types/src/hooks/useId.d.ts +0 -3
- package/dist/types/src/hooks/useId.d.ts.map +0 -1
- package/dist/types/src/hooks/useIsFocused.d.ts +0 -3
- package/dist/types/src/hooks/useIsFocused.d.ts.map +0 -1
- package/dist/types/src/plugin.d.ts +0 -9
- package/dist/types/src/plugin.d.ts.map +0 -1
- package/dist/types/src/props/Elevation.d.ts +0 -2
- package/dist/types/src/props/Elevation.d.ts.map +0 -1
- package/dist/types/src/props/MessageValence.d.ts +0 -2
- package/dist/types/src/props/MessageValence.d.ts.map +0 -1
- package/dist/types/src/props/Size.d.ts +0 -2
- package/dist/types/src/props/Size.d.ts.map +0 -1
- package/dist/types/src/props/index.d.ts +0 -4
- package/dist/types/src/props/index.d.ts.map +0 -1
- package/dist/types/src/styles/active.d.ts +0 -2
- package/dist/types/src/styles/active.d.ts.map +0 -1
- package/dist/types/src/styles/disabled.d.ts +0 -2
- package/dist/types/src/styles/disabled.d.ts.map +0 -1
- package/dist/types/src/styles/focus.d.ts +0 -3
- package/dist/types/src/styles/focus.d.ts.map +0 -1
- package/dist/types/src/styles/group.d.ts +0 -7
- package/dist/types/src/styles/group.d.ts.map +0 -1
- package/dist/types/src/styles/hover.d.ts +0 -4
- package/dist/types/src/styles/hover.d.ts.map +0 -1
- package/dist/types/src/styles/input.d.ts +0 -11
- package/dist/types/src/styles/input.d.ts.map +0 -1
- package/dist/types/src/styles/ornament.d.ts +0 -3
- package/dist/types/src/styles/ornament.d.ts.map +0 -1
- package/dist/types/src/styles/shimmer.d.ts +0 -3
- package/dist/types/src/styles/shimmer.d.ts.map +0 -1
- package/dist/types/src/styles/size.d.ts +0 -7
- package/dist/types/src/styles/size.d.ts.map +0 -1
- package/dist/types/src/styles/text.d.ts +0 -5
- package/dist/types/src/styles/text.d.ts.map +0 -1
- package/dist/types/src/styles/valence.d.ts +0 -19
- package/dist/types/src/styles/valence.d.ts.map +0 -1
- package/dist/types/src/testing/templateForComponent.d.ts +0 -4
- package/dist/types/src/testing/templateForComponent.d.ts.map +0 -1
- package/dist/types/src/util/index.d.ts +0 -2
- package/dist/types/src/util/index.d.ts.map +0 -1
- package/dist/types/src/util/mx.d.ts +0 -2
- package/dist/types/src/util/mx.d.ts.map +0 -1
- package/dist/types/src/util/withLogical.d.ts +0 -3
- package/dist/types/src/util/withLogical.d.ts.map +0 -1
- package/plugin.d.ts +0 -5
- package/plugin.js +0 -8
- package/src/components/Alert/Alert.stories.tsx +0 -31
- package/src/components/Alert/Alert.tsx +0 -40
- package/src/components/Alert/index.ts +0 -5
- package/src/components/AlertDialog/AlertDialog.stories.tsx +0 -35
- package/src/components/AlertDialog/AlertDialog.tsx +0 -147
- package/src/components/AlertDialog/index.ts +0 -5
- package/src/components/Avatar/Avatar.stories.tsx +0 -29
- package/src/components/Avatar/Avatar.tsx +0 -104
- package/src/components/Avatar/index.ts +0 -5
- package/src/components/Button/Button.stories.tsx +0 -45
- package/src/components/Button/Button.tsx +0 -20
- package/src/components/Button/ButtonGroup.tsx +0 -23
- package/src/components/Button/ButtonProps.ts +0 -11
- package/src/components/Button/buttonStyles.ts +0 -35
- package/src/components/Button/index.ts +0 -8
- package/src/components/CompoundButton/CompoundButton.stories.tsx +0 -46
- package/src/components/CompoundButton/CompoundButton.tsx +0 -53
- package/src/components/CompoundButton/index.ts +0 -5
- package/src/components/Dialog/Dialog.stories.tsx +0 -37
- package/src/components/Dialog/Dialog.tsx +0 -157
- package/src/components/Dialog/index.ts +0 -5
- package/src/components/Group/Group.stories.tsx +0 -25
- package/src/components/Group/Group.tsx +0 -32
- package/src/components/Group/index.ts +0 -5
- package/src/components/Heading/Heading.stories.tsx +0 -29
- package/src/components/Heading/Heading.tsx +0 -29
- package/src/components/Heading/index.ts +0 -5
- package/src/components/Input/BarePinInput.tsx +0 -67
- package/src/components/Input/BareTextInput.tsx +0 -48
- package/src/components/Input/BareTextareaInput.tsx +0 -39
- package/src/components/Input/Input.stories.tsx +0 -108
- package/src/components/Input/Input.tsx +0 -115
- package/src/components/Input/InputProps.ts +0 -47
- package/src/components/Input/index.ts +0 -5
- package/src/components/Loading/Loading.stories.tsx +0 -34
- package/src/components/Loading/Loading.tsx +0 -69
- package/src/components/Loading/index.ts +0 -5
- package/src/components/NavMenu/NavMenu.stories.tsx +0 -54
- package/src/components/NavMenu/NavMenu.tsx +0 -203
- package/src/components/NavMenu/index.ts +0 -5
- package/src/components/Popover/Popover.stories.tsx +0 -49
- package/src/components/Popover/Popover.tsx +0 -110
- package/src/components/Popover/index.ts +0 -5
- package/src/components/QrCode/QrCode.stories.tsx +0 -42
- package/src/components/QrCode/QrCode.tsx +0 -165
- package/src/components/QrCode/index.ts +0 -5
- package/src/components/Tag/Tag.stories.tsx +0 -23
- package/src/components/Tag/Tag.tsx +0 -32
- package/src/components/Tag/index.ts +0 -5
- package/src/components/Toast/Toast.stories.tsx +0 -31
- package/src/components/Toast/Toast.tsx +0 -106
- package/src/components/Toast/index.ts +0 -5
- package/src/components/Tooltip/Tooltip.stories.tsx +0 -28
- package/src/components/Tooltip/Tooltip.tsx +0 -88
- package/src/components/Tooltip/index.ts +0 -5
- package/src/components/UiProvider/UiProvider.tsx +0 -44
- package/src/components/UiProvider/index.ts +0 -5
- package/src/components/index.ts +0 -21
- package/src/config/index.ts +0 -5
- package/src/config/tailwind.ts +0 -250
- package/src/esbuild-plugin.ts +0 -42
- package/src/hooks/index.ts +0 -7
- package/src/hooks/useForwardedRef.ts +0 -22
- package/src/hooks/useId.ts +0 -21
- package/src/hooks/useIsFocused.ts +0 -38
- package/src/plugin.ts +0 -44
- package/src/props/Elevation.ts +0 -5
- package/src/props/MessageValence.ts +0 -5
- package/src/props/Size.ts +0 -40
- package/src/props/index.ts +0 -7
- package/src/styles/active.ts +0 -11
- package/src/styles/disabled.ts +0 -5
- package/src/styles/focus.ts +0 -9
- package/src/styles/group.ts +0 -35
- package/src/styles/hover.ts +0 -10
- package/src/styles/input.ts +0 -46
- package/src/styles/ornament.ts +0 -6
- package/src/styles/shimmer.ts +0 -9
- package/src/styles/size.ts +0 -86
- package/src/styles/text.ts +0 -10
- package/src/styles/valence.ts +0 -71
- package/src/testing/templateForComponent.tsx +0 -16
- package/src/theme.css +0 -65
- package/src/typings.d.ts +0 -7
- package/src/util/index.ts +0 -5
- package/src/util/mx.ts +0 -28
- package/src/util/withLogical.ts +0 -103
|
@@ -1,460 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __copyProps = (to, from, except, desc) => {
|
|
13
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(from))
|
|
15
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
-
mod
|
|
23
|
-
));
|
|
24
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
25
|
-
|
|
26
|
-
// packages/common/react-ui/src/plugin.ts
|
|
27
|
-
var plugin_exports = {};
|
|
28
|
-
__export(plugin_exports, {
|
|
29
|
-
ThemePlugin: () => ThemePlugin
|
|
30
|
-
});
|
|
31
|
-
module.exports = __toCommonJS(plugin_exports);
|
|
32
|
-
var import_autoprefixer = __toESM(require("autoprefixer"));
|
|
33
|
-
var import_node_path2 = require("node:path");
|
|
34
|
-
var import_tailwindcss = __toESM(require("tailwindcss"));
|
|
35
|
-
|
|
36
|
-
// packages/common/react-ui/src/config/tailwind.ts
|
|
37
|
-
var import_forms = __toESM(require("@tailwindcss/forms"));
|
|
38
|
-
var import_node_path = require("node:path");
|
|
39
|
-
var import_tailwindcss_logical = __toESM(require("tailwindcss-logical"));
|
|
40
|
-
var import_tailwindcss_radix = __toESM(require("tailwindcss-radix"));
|
|
41
|
-
var import_colors = __toESM(require("tailwindcss/colors"));
|
|
42
|
-
var import_defaultConfig_stub = __toESM(require("tailwindcss/stubs/defaultConfig.stub.js"));
|
|
43
|
-
var tailwindConfig = ({ env = "production", root = "./", content = [] }) => ({
|
|
44
|
-
darkMode: "class",
|
|
45
|
-
theme: {
|
|
46
|
-
fontFamily: {
|
|
47
|
-
body: [
|
|
48
|
-
"Roboto FlexVariable",
|
|
49
|
-
...import_defaultConfig_stub.default.theme.fontFamily.sans
|
|
50
|
-
],
|
|
51
|
-
display: [
|
|
52
|
-
"Space GroteskVariable",
|
|
53
|
-
"Roboto FlexVariable",
|
|
54
|
-
...import_defaultConfig_stub.default.theme.fontFamily.sans
|
|
55
|
-
],
|
|
56
|
-
mono: [
|
|
57
|
-
"Fira CodeVariable",
|
|
58
|
-
...import_defaultConfig_stub.default.theme.fontFamily.mono
|
|
59
|
-
]
|
|
60
|
-
},
|
|
61
|
-
extend: {
|
|
62
|
-
colors: {
|
|
63
|
-
success: import_colors.default.emerald,
|
|
64
|
-
warning: import_colors.default.amber,
|
|
65
|
-
error: import_colors.default.rose,
|
|
66
|
-
info: import_colors.default.cyan,
|
|
67
|
-
neutral: {
|
|
68
|
-
950: "#101012",
|
|
69
|
-
900: "#1b1b1e",
|
|
70
|
-
850: "#252529",
|
|
71
|
-
800: "#303034",
|
|
72
|
-
750: "#3b3b3f",
|
|
73
|
-
700: "#46464b",
|
|
74
|
-
650: "#525257",
|
|
75
|
-
600: "#5e5e64",
|
|
76
|
-
550: "#6a6a70",
|
|
77
|
-
500: "#77767d",
|
|
78
|
-
450: "#838389",
|
|
79
|
-
400: "#909096",
|
|
80
|
-
350: "#9d9da4",
|
|
81
|
-
300: "#ababb1",
|
|
82
|
-
250: "#b8b8be",
|
|
83
|
-
200: "#c6c6cc",
|
|
84
|
-
150: "#d4d4d9",
|
|
85
|
-
100: "#e2e2e7",
|
|
86
|
-
50: "#f1f1f4"
|
|
87
|
-
},
|
|
88
|
-
primary: {
|
|
89
|
-
950: "#110c2a",
|
|
90
|
-
900: "#101940",
|
|
91
|
-
850: "#0b2453",
|
|
92
|
-
800: "#003164",
|
|
93
|
-
750: "#003e70",
|
|
94
|
-
700: "#004b7c",
|
|
95
|
-
650: "#005887",
|
|
96
|
-
600: "#006693",
|
|
97
|
-
550: "#00749e",
|
|
98
|
-
500: "#0082a9",
|
|
99
|
-
450: "#0091b3",
|
|
100
|
-
400: "#00a0be",
|
|
101
|
-
350: "#00afc7",
|
|
102
|
-
300: "#00bed0",
|
|
103
|
-
250: "#00ced8",
|
|
104
|
-
200: "#00dedf",
|
|
105
|
-
150: "#3cede4",
|
|
106
|
-
100: "#69fae8",
|
|
107
|
-
50: "#b9ffee"
|
|
108
|
-
},
|
|
109
|
-
transparent: "transparent",
|
|
110
|
-
current: "currentColor",
|
|
111
|
-
white: "#ffffff",
|
|
112
|
-
black: "#000000"
|
|
113
|
-
},
|
|
114
|
-
fontSize: {
|
|
115
|
-
xs: [
|
|
116
|
-
"0.790rem",
|
|
117
|
-
{
|
|
118
|
-
lineHeight: "1rem"
|
|
119
|
-
}
|
|
120
|
-
],
|
|
121
|
-
sm: [
|
|
122
|
-
"0.889rem",
|
|
123
|
-
{
|
|
124
|
-
lineHeight: "1.25rem"
|
|
125
|
-
}
|
|
126
|
-
],
|
|
127
|
-
base: [
|
|
128
|
-
"1rem",
|
|
129
|
-
{
|
|
130
|
-
lineHeight: "1.5rem"
|
|
131
|
-
}
|
|
132
|
-
],
|
|
133
|
-
lg: [
|
|
134
|
-
"1.125rem",
|
|
135
|
-
{
|
|
136
|
-
lineHeight: "1.75rem"
|
|
137
|
-
}
|
|
138
|
-
],
|
|
139
|
-
xl: [
|
|
140
|
-
"1.266rem",
|
|
141
|
-
{
|
|
142
|
-
lineHeight: "1.75rem"
|
|
143
|
-
}
|
|
144
|
-
],
|
|
145
|
-
"2xl": [
|
|
146
|
-
"1.424rem",
|
|
147
|
-
{
|
|
148
|
-
lineHeight: "2rem"
|
|
149
|
-
}
|
|
150
|
-
],
|
|
151
|
-
"3xl": [
|
|
152
|
-
"1.602rem",
|
|
153
|
-
{
|
|
154
|
-
lineHeight: "2.25rem"
|
|
155
|
-
}
|
|
156
|
-
],
|
|
157
|
-
"4xl": [
|
|
158
|
-
"1.802rem",
|
|
159
|
-
{
|
|
160
|
-
lineHeight: "2.5rem"
|
|
161
|
-
}
|
|
162
|
-
],
|
|
163
|
-
"5xl": [
|
|
164
|
-
"2.027rem",
|
|
165
|
-
{
|
|
166
|
-
lineHeight: "2.5rem"
|
|
167
|
-
}
|
|
168
|
-
],
|
|
169
|
-
"6xl": [
|
|
170
|
-
"2.281rem",
|
|
171
|
-
{
|
|
172
|
-
lineHeight: "2.5rem"
|
|
173
|
-
}
|
|
174
|
-
],
|
|
175
|
-
"7xl": [
|
|
176
|
-
"2.566rem",
|
|
177
|
-
{
|
|
178
|
-
lineHeight: "2.75rem"
|
|
179
|
-
}
|
|
180
|
-
],
|
|
181
|
-
"8xl": [
|
|
182
|
-
"2.887rem",
|
|
183
|
-
{
|
|
184
|
-
lineHeight: "3rem"
|
|
185
|
-
}
|
|
186
|
-
],
|
|
187
|
-
"9xl": [
|
|
188
|
-
"3.247rem",
|
|
189
|
-
{
|
|
190
|
-
lineHeight: "3.25rem"
|
|
191
|
-
}
|
|
192
|
-
]
|
|
193
|
-
},
|
|
194
|
-
outlineWidth: {
|
|
195
|
-
3: "3px"
|
|
196
|
-
},
|
|
197
|
-
boxShadow: {
|
|
198
|
-
slider: "0 0 0 5px rgba(0, 0, 0, 0.3)"
|
|
199
|
-
},
|
|
200
|
-
keyframes: {
|
|
201
|
-
"scale-in": {
|
|
202
|
-
"0%": {
|
|
203
|
-
opacity: "0",
|
|
204
|
-
transform: "scale(0)"
|
|
205
|
-
},
|
|
206
|
-
"100%": {
|
|
207
|
-
opacity: "1",
|
|
208
|
-
transform: "scale(1)"
|
|
209
|
-
}
|
|
210
|
-
},
|
|
211
|
-
"slide-down": {
|
|
212
|
-
"0%": {
|
|
213
|
-
opacity: "0",
|
|
214
|
-
transform: "translateY(-10px)"
|
|
215
|
-
},
|
|
216
|
-
"100%": {
|
|
217
|
-
opacity: "1",
|
|
218
|
-
transform: "translateY(0)"
|
|
219
|
-
}
|
|
220
|
-
},
|
|
221
|
-
"slide-up": {
|
|
222
|
-
"0%": {
|
|
223
|
-
opacity: "0",
|
|
224
|
-
transform: "translateY(10px)"
|
|
225
|
-
},
|
|
226
|
-
"100%": {
|
|
227
|
-
opacity: "1",
|
|
228
|
-
transform: "translateY(0)"
|
|
229
|
-
}
|
|
230
|
-
},
|
|
231
|
-
"slide-up-fade": {
|
|
232
|
-
"0%": {
|
|
233
|
-
opacity: "0",
|
|
234
|
-
transform: "translateY(2px)"
|
|
235
|
-
},
|
|
236
|
-
"100%": {
|
|
237
|
-
opacity: "1",
|
|
238
|
-
transform: "translateY(0)"
|
|
239
|
-
}
|
|
240
|
-
},
|
|
241
|
-
"slide-right-fade": {
|
|
242
|
-
"0%": {
|
|
243
|
-
opacity: "0",
|
|
244
|
-
transform: "translateX(-2px)"
|
|
245
|
-
},
|
|
246
|
-
"100%": {
|
|
247
|
-
opacity: "1",
|
|
248
|
-
transform: "translateX(0)"
|
|
249
|
-
}
|
|
250
|
-
},
|
|
251
|
-
"slide-down-fade": {
|
|
252
|
-
"0%": {
|
|
253
|
-
opacity: "0",
|
|
254
|
-
transform: "translateY(-2px)"
|
|
255
|
-
},
|
|
256
|
-
"100%": {
|
|
257
|
-
opacity: "1",
|
|
258
|
-
transform: "translateY(0)"
|
|
259
|
-
}
|
|
260
|
-
},
|
|
261
|
-
"slide-left-fade": {
|
|
262
|
-
"0%": {
|
|
263
|
-
opacity: "0",
|
|
264
|
-
transform: "translateX(2px)"
|
|
265
|
-
},
|
|
266
|
-
"100%": {
|
|
267
|
-
opacity: "1",
|
|
268
|
-
transform: "translateX(0)"
|
|
269
|
-
}
|
|
270
|
-
},
|
|
271
|
-
"enter-from-right": {
|
|
272
|
-
"0%": {
|
|
273
|
-
transform: "translateX(200px)",
|
|
274
|
-
opacity: "0"
|
|
275
|
-
},
|
|
276
|
-
"100%": {
|
|
277
|
-
transform: "translateX(0)",
|
|
278
|
-
opacity: "1"
|
|
279
|
-
}
|
|
280
|
-
},
|
|
281
|
-
"enter-from-left": {
|
|
282
|
-
"0%": {
|
|
283
|
-
transform: "translateX(-200px)",
|
|
284
|
-
opacity: "0"
|
|
285
|
-
},
|
|
286
|
-
"100%": {
|
|
287
|
-
transform: "translateX(0)",
|
|
288
|
-
opacity: "1"
|
|
289
|
-
}
|
|
290
|
-
},
|
|
291
|
-
"exit-to-right": {
|
|
292
|
-
"0%": {
|
|
293
|
-
transform: "translateX(0)",
|
|
294
|
-
opacity: "1"
|
|
295
|
-
},
|
|
296
|
-
"100%": {
|
|
297
|
-
transform: "translateX(200px)",
|
|
298
|
-
opacity: "0"
|
|
299
|
-
}
|
|
300
|
-
},
|
|
301
|
-
"exit-to-left": {
|
|
302
|
-
"0%": {
|
|
303
|
-
transform: "translateX(0)",
|
|
304
|
-
opacity: "1"
|
|
305
|
-
},
|
|
306
|
-
"100%": {
|
|
307
|
-
transform: "translateX(-200px)",
|
|
308
|
-
opacity: "0"
|
|
309
|
-
}
|
|
310
|
-
},
|
|
311
|
-
"scale-in-content": {
|
|
312
|
-
"0%": {
|
|
313
|
-
transform: "rotateX(-30deg) scale(0.9)",
|
|
314
|
-
opacity: "0"
|
|
315
|
-
},
|
|
316
|
-
"100%": {
|
|
317
|
-
transform: "rotateX(0deg) scale(1)",
|
|
318
|
-
opacity: "1"
|
|
319
|
-
}
|
|
320
|
-
},
|
|
321
|
-
"scale-out-content": {
|
|
322
|
-
"0%": {
|
|
323
|
-
transform: "rotateX(0deg) scale(1)",
|
|
324
|
-
opacity: "1"
|
|
325
|
-
},
|
|
326
|
-
"100%": {
|
|
327
|
-
transform: "rotateX(-10deg) scale(0.95)",
|
|
328
|
-
opacity: "0"
|
|
329
|
-
}
|
|
330
|
-
},
|
|
331
|
-
"fade-in": {
|
|
332
|
-
"0%": {
|
|
333
|
-
opacity: "0"
|
|
334
|
-
},
|
|
335
|
-
"100%": {
|
|
336
|
-
opacity: "1"
|
|
337
|
-
}
|
|
338
|
-
},
|
|
339
|
-
"fade-out": {
|
|
340
|
-
"0%": {
|
|
341
|
-
opacity: "1"
|
|
342
|
-
},
|
|
343
|
-
"100%": {
|
|
344
|
-
opacity: "0"
|
|
345
|
-
}
|
|
346
|
-
},
|
|
347
|
-
"toast-hide": {
|
|
348
|
-
"0%": {
|
|
349
|
-
opacity: "1"
|
|
350
|
-
},
|
|
351
|
-
"100%": {
|
|
352
|
-
opacity: "0"
|
|
353
|
-
}
|
|
354
|
-
},
|
|
355
|
-
"toast-slide-in-right": {
|
|
356
|
-
"0%": {
|
|
357
|
-
transform: "translateX(calc(100% + 1rem))"
|
|
358
|
-
},
|
|
359
|
-
"100%": {
|
|
360
|
-
transform: "translateX(0)"
|
|
361
|
-
}
|
|
362
|
-
},
|
|
363
|
-
"toast-slide-in-bottom": {
|
|
364
|
-
"0%": {
|
|
365
|
-
transform: "translateY(calc(100% + 1rem))"
|
|
366
|
-
},
|
|
367
|
-
"100%": {
|
|
368
|
-
transform: "translateY(0)"
|
|
369
|
-
}
|
|
370
|
-
},
|
|
371
|
-
"toast-swipe-out": {
|
|
372
|
-
"0%": {
|
|
373
|
-
transform: "translateX(var(--radix-toast-swipe-end-x))"
|
|
374
|
-
},
|
|
375
|
-
"100%": {
|
|
376
|
-
transform: "translateX(calc(100% + 1rem))"
|
|
377
|
-
}
|
|
378
|
-
},
|
|
379
|
-
"shimmer-loop": {
|
|
380
|
-
"100%": {
|
|
381
|
-
transform: "translateX(100%)"
|
|
382
|
-
}
|
|
383
|
-
}
|
|
384
|
-
},
|
|
385
|
-
animation: {
|
|
386
|
-
"scale-in": "scale-in 0.2s ease-in-out",
|
|
387
|
-
"slide-down": "slide-down 0.6s cubic-bezier(0.16, 1, 0.3, 1)",
|
|
388
|
-
"slide-up": "slide-up 0.6s cubic-bezier(0.16, 1, 0.3, 1)",
|
|
389
|
-
"slide-up-fade": "slide-up-fade 0.4s cubic-bezier(0.16, 1, 0.3, 1)",
|
|
390
|
-
"slide-right-fade": "slide-right-fade 0.4s cubic-bezier(0.16, 1, 0.3, 1)",
|
|
391
|
-
"slide-down-fade": "slide-down-fade 0.4s cubic-bezier(0.16, 1, 0.3, 1)",
|
|
392
|
-
"slide-left-fade": "slide-left-fade 0.4s cubic-bezier(0.16, 1, 0.3, 1)",
|
|
393
|
-
"enter-from-right": "enter-from-right 0.25s ease",
|
|
394
|
-
"enter-from-left": "enter-from-left 0.25s ease",
|
|
395
|
-
"exit-to-right": "exit-to-right 0.25s ease",
|
|
396
|
-
"exit-to-left": "exit-to-left 0.25s ease",
|
|
397
|
-
"scale-in-content": "scale-in-content 0.2s ease",
|
|
398
|
-
"scale-out-content": "scale-out-content 0.2s ease",
|
|
399
|
-
"fade-in": "fade-in 0.2s ease",
|
|
400
|
-
"fade-out": "fade-out 0.2s ease",
|
|
401
|
-
"toast-hide": "toast-hide 100ms ease-in forwards",
|
|
402
|
-
"toast-slide-in-right": "toast-slide-in-right 150ms cubic-bezier(0.16, 1, 0.3, 1)",
|
|
403
|
-
"toast-slide-in-bottom": "toast-slide-in-bottom 150ms cubic-bezier(0.16, 1, 0.3, 1)",
|
|
404
|
-
"toast-swipe-out": "toast-swipe-out 100ms ease-out forwards",
|
|
405
|
-
shimmer: "shimmer-loop 2s infinite"
|
|
406
|
-
}
|
|
407
|
-
}
|
|
408
|
-
},
|
|
409
|
-
plugins: [
|
|
410
|
-
import_tailwindcss_logical.default,
|
|
411
|
-
import_forms.default,
|
|
412
|
-
(0, import_tailwindcss_radix.default)()
|
|
413
|
-
],
|
|
414
|
-
...env === "development" && {
|
|
415
|
-
mode: "jit"
|
|
416
|
-
},
|
|
417
|
-
content: [
|
|
418
|
-
(0, import_node_path.resolve)(root, "node_modules/@dxos/react-ui/dist/**/*.mjs"),
|
|
419
|
-
...content
|
|
420
|
-
]
|
|
421
|
-
});
|
|
422
|
-
|
|
423
|
-
// packages/common/react-ui/src/plugin.ts
|
|
424
|
-
var ThemePlugin = (options) => {
|
|
425
|
-
const config = {
|
|
426
|
-
jit: true,
|
|
427
|
-
cssPath: (0, import_node_path2.resolve)(__dirname, "./theme.css"),
|
|
428
|
-
virtualFileId: "@dxosTheme",
|
|
429
|
-
...options
|
|
430
|
-
};
|
|
431
|
-
return {
|
|
432
|
-
name: "vite-plugin-dxos-ui-theme",
|
|
433
|
-
config: ({ root }, env) => {
|
|
434
|
-
return {
|
|
435
|
-
css: {
|
|
436
|
-
postcss: {
|
|
437
|
-
plugins: [
|
|
438
|
-
(0, import_tailwindcss.default)(tailwindConfig({
|
|
439
|
-
env: env.mode,
|
|
440
|
-
root,
|
|
441
|
-
content: options.content
|
|
442
|
-
})),
|
|
443
|
-
import_autoprefixer.default
|
|
444
|
-
]
|
|
445
|
-
}
|
|
446
|
-
}
|
|
447
|
-
};
|
|
448
|
-
},
|
|
449
|
-
resolveId: (id) => {
|
|
450
|
-
if (id === config.virtualFileId) {
|
|
451
|
-
return config.cssPath;
|
|
452
|
-
}
|
|
453
|
-
}
|
|
454
|
-
};
|
|
455
|
-
};
|
|
456
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
457
|
-
0 && (module.exports = {
|
|
458
|
-
ThemePlugin
|
|
459
|
-
});
|
|
460
|
-
//# sourceMappingURL=plugin.cjs.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/plugin.ts", "../../../src/config/tailwind.ts"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2022 DXOS.org\n//\n\nimport autoprefixer from 'autoprefixer';\nimport { resolve } from 'node:path';\nimport tailwindcss from 'tailwindcss';\nimport { Plugin } from 'vite';\n\nimport { tailwindConfig } from './config';\n\nexport interface VitePluginTailwindOptions {\n jit?: boolean;\n cssPath?: string;\n virtualFileId?: string;\n content: string[];\n}\n\nexport const ThemePlugin = (options: Pick<VitePluginTailwindOptions, 'content'>) => {\n const config: VitePluginTailwindOptions = {\n jit: true,\n cssPath: resolve(__dirname, './theme.css'),\n virtualFileId: '@dxosTheme',\n ...options\n };\n\n return {\n name: 'vite-plugin-dxos-ui-theme',\n config: ({ root }, env) => {\n return {\n css: {\n postcss: {\n plugins: [tailwindcss(tailwindConfig({ env: env.mode, root, content: options.content })), autoprefixer]\n }\n }\n };\n },\n resolveId: (id) => {\n if (id === config.virtualFileId) {\n return config.cssPath;\n }\n }\n } as Plugin;\n};\n", "//\n// Copyright 2022 DXOS.org\n//\n\nimport tailwindcssForms from '@tailwindcss/forms';\nimport { resolve } from 'node:path';\nimport type { Config } from 'tailwindcss';\nimport tailwindcssLogical from 'tailwindcss-logical';\nimport tailwindcssRadix from 'tailwindcss-radix';\nimport tailwindColors from 'tailwindcss/colors';\nimport defaultConfig from 'tailwindcss/stubs/defaultConfig.stub.js';\n\nexport const tailwindConfig = ({\n env = 'production',\n root = './',\n content = []\n}: {\n env?: string;\n root?: string;\n content?: string[];\n}): Config => ({\n darkMode: 'class',\n theme: {\n fontFamily: {\n body: ['Roboto FlexVariable', ...defaultConfig.theme.fontFamily.sans],\n display: ['Space GroteskVariable', 'Roboto FlexVariable', ...defaultConfig.theme.fontFamily.sans],\n mono: ['Fira CodeVariable', ...defaultConfig.theme.fontFamily.mono]\n },\n extend: {\n colors: {\n success: tailwindColors.emerald,\n warning: tailwindColors.amber,\n error: tailwindColors.rose,\n info: tailwindColors.cyan,\n neutral: {\n // Key color #707076\n // Hue torsion 0.0º\n // C*CP black 0.80, C*CP white 0.88\n 950: '#101012',\n 900: '#1b1b1e',\n 850: '#252529',\n 800: '#303034',\n 750: '#3b3b3f',\n 700: '#46464b',\n 650: '#525257',\n 600: '#5e5e64',\n 550: '#6a6a70',\n 500: '#77767d',\n 450: '#838389',\n 400: '#909096',\n 350: '#9d9da4',\n 300: '#ababb1',\n 250: '#b8b8be',\n 200: '#c6c6cc',\n 150: '#d4d4d9',\n 100: '#e2e2e7',\n 50: '#f1f1f4'\n },\n primary: {\n // Key color #00e0e0\n // Hue torsion -73.5º\n // C*CP black 1.0, C*CP white 1.0\n 950: '#110c2a',\n 900: '#101940',\n 850: '#0b2453',\n 800: '#003164',\n 750: '#003e70',\n 700: '#004b7c',\n 650: '#005887',\n 600: '#006693',\n 550: '#00749e',\n 500: '#0082a9',\n 450: '#0091b3',\n 400: '#00a0be',\n 350: '#00afc7',\n 300: '#00bed0',\n 250: '#00ced8',\n 200: '#00dedf',\n 150: '#3cede4',\n 100: '#69fae8',\n 50: '#b9ffee'\n },\n transparent: 'transparent',\n current: 'currentColor',\n white: '#ffffff',\n black: '#000000'\n },\n fontSize: {\n // Base size 16px\n // Scale 1.125\n xs: ['0.790rem', { lineHeight: '1rem' }],\n sm: ['0.889rem', { lineHeight: '1.25rem' }],\n base: ['1rem', { lineHeight: '1.5rem' }],\n lg: ['1.125rem', { lineHeight: '1.75rem' }],\n xl: ['1.266rem', { lineHeight: '1.75rem' }],\n '2xl': ['1.424rem', { lineHeight: '2rem' }],\n '3xl': ['1.602rem', { lineHeight: '2.25rem' }],\n '4xl': ['1.802rem', { lineHeight: '2.5rem' }],\n '5xl': ['2.027rem', { lineHeight: '2.5rem' }],\n '6xl': ['2.281rem', { lineHeight: '2.5rem' }],\n '7xl': ['2.566rem', { lineHeight: '2.75rem' }],\n '8xl': ['2.887rem', { lineHeight: '3rem' }],\n '9xl': ['3.247rem', { lineHeight: '3.25rem' }]\n },\n outlineWidth: {\n 3: '3px'\n },\n boxShadow: {\n slider: '0 0 0 5px rgba(0, 0, 0, 0.3)'\n },\n keyframes: {\n // Dropdown menu\n 'scale-in': {\n '0%': { opacity: '0', transform: 'scale(0)' },\n '100%': { opacity: '1', transform: 'scale(1)' }\n },\n 'slide-down': {\n '0%': { opacity: '0', transform: 'translateY(-10px)' },\n '100%': { opacity: '1', transform: 'translateY(0)' }\n },\n 'slide-up': {\n '0%': { opacity: '0', transform: 'translateY(10px)' },\n '100%': { opacity: '1', transform: 'translateY(0)' }\n },\n // Tooltip\n 'slide-up-fade': {\n '0%': { opacity: '0', transform: 'translateY(2px)' },\n '100%': { opacity: '1', transform: 'translateY(0)' }\n },\n 'slide-right-fade': {\n '0%': { opacity: '0', transform: 'translateX(-2px)' },\n '100%': { opacity: '1', transform: 'translateX(0)' }\n },\n 'slide-down-fade': {\n '0%': { opacity: '0', transform: 'translateY(-2px)' },\n '100%': { opacity: '1', transform: 'translateY(0)' }\n },\n 'slide-left-fade': {\n '0%': { opacity: '0', transform: 'translateX(2px)' },\n '100%': { opacity: '1', transform: 'translateX(0)' }\n },\n // Navigation menu\n 'enter-from-right': {\n '0%': { transform: 'translateX(200px)', opacity: '0' },\n '100%': { transform: 'translateX(0)', opacity: '1' }\n },\n 'enter-from-left': {\n '0%': { transform: 'translateX(-200px)', opacity: '0' },\n '100%': { transform: 'translateX(0)', opacity: '1' }\n },\n 'exit-to-right': {\n '0%': { transform: 'translateX(0)', opacity: '1' },\n '100%': { transform: 'translateX(200px)', opacity: '0' }\n },\n 'exit-to-left': {\n '0%': { transform: 'translateX(0)', opacity: '1' },\n '100%': {\n transform: 'translateX(-200px)',\n opacity: '0'\n }\n },\n 'scale-in-content': {\n '0%': {\n transform: 'rotateX(-30deg) scale(0.9)',\n opacity: '0'\n },\n '100%': {\n transform: 'rotateX(0deg) scale(1)',\n opacity: '1'\n }\n },\n 'scale-out-content': {\n '0%': {\n transform: 'rotateX(0deg) scale(1)',\n opacity: '1'\n },\n '100%': {\n transform: 'rotateX(-10deg) scale(0.95)',\n opacity: '0'\n }\n },\n 'fade-in': {\n '0%': { opacity: '0' },\n '100%': { opacity: '1' }\n },\n 'fade-out': {\n '0%': { opacity: '1' },\n '100%': { opacity: '0' }\n },\n // Toast\n 'toast-hide': {\n '0%': { opacity: '1' },\n '100%': { opacity: '0' }\n },\n 'toast-slide-in-right': {\n '0%': { transform: 'translateX(calc(100% + 1rem))' },\n '100%': { transform: 'translateX(0)' }\n },\n 'toast-slide-in-bottom': {\n '0%': { transform: 'translateY(calc(100% + 1rem))' },\n '100%': { transform: 'translateY(0)' }\n },\n 'toast-swipe-out': {\n '0%': {\n transform: 'translateX(var(--radix-toast-swipe-end-x))'\n },\n '100%': {\n transform: 'translateX(calc(100% + 1rem))'\n }\n },\n // Shimmer\n 'shimmer-loop': {\n '100%': {\n transform: 'translateX(100%)'\n }\n }\n },\n animation: {\n // Dropdown menu\n 'scale-in': 'scale-in 0.2s ease-in-out',\n 'slide-down': 'slide-down 0.6s cubic-bezier(0.16, 1, 0.3, 1)',\n 'slide-up': 'slide-up 0.6s cubic-bezier(0.16, 1, 0.3, 1)',\n // Tooltip\n 'slide-up-fade': 'slide-up-fade 0.4s cubic-bezier(0.16, 1, 0.3, 1)',\n 'slide-right-fade': 'slide-right-fade 0.4s cubic-bezier(0.16, 1, 0.3, 1)',\n 'slide-down-fade': 'slide-down-fade 0.4s cubic-bezier(0.16, 1, 0.3, 1)',\n 'slide-left-fade': 'slide-left-fade 0.4s cubic-bezier(0.16, 1, 0.3, 1)',\n // Navigation menu\n 'enter-from-right': 'enter-from-right 0.25s ease',\n 'enter-from-left': 'enter-from-left 0.25s ease',\n 'exit-to-right': 'exit-to-right 0.25s ease',\n 'exit-to-left': 'exit-to-left 0.25s ease',\n 'scale-in-content': 'scale-in-content 0.2s ease',\n 'scale-out-content': 'scale-out-content 0.2s ease',\n 'fade-in': 'fade-in 0.2s ease',\n 'fade-out': 'fade-out 0.2s ease',\n // Toast\n 'toast-hide': 'toast-hide 100ms ease-in forwards',\n 'toast-slide-in-right': 'toast-slide-in-right 150ms cubic-bezier(0.16, 1, 0.3, 1)',\n 'toast-slide-in-bottom': 'toast-slide-in-bottom 150ms cubic-bezier(0.16, 1, 0.3, 1)',\n 'toast-swipe-out': 'toast-swipe-out 100ms ease-out forwards',\n // Shimmer\n shimmer: 'shimmer-loop 2s infinite'\n }\n }\n },\n plugins: [tailwindcssLogical, tailwindcssForms, tailwindcssRadix()],\n ...(env === 'development' && { mode: 'jit' }),\n content: [resolve(root, 'node_modules/@dxos/react-ui/dist/**/*.mjs'), ...content]\n});\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["import_node_path", "tailwindConfig", "env", "root", "content", "darkMode", "theme", "fontFamily", "body", "defaultConfig", "sans", "display", "mono", "extend", "colors", "success", "tailwindColors", "emerald", "warning", "amber", "error", "rose", "info", "cyan", "neutral", "primary", "transparent", "current", "white", "black", "fontSize", "xs", "lineHeight", "sm", "base", "lg", "xl", "outlineWidth", "boxShadow", "slider", "keyframes", "opacity", "transform", "animation", "shimmer", "plugins", "tailwindcssLogical", "tailwindcssForms", "tailwindcssRadix", "mode", "resolve", "ThemePlugin", "options", "config", "jit", "cssPath", "resolve", "__dirname", "virtualFileId", "name", "root", "env", "css", "postcss", "plugins", "tailwindcss", "tailwindConfig", "mode", "content", "autoprefixer", "resolveId", "id"]
|
|
7
|
-
}
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
@import "@fontsource/roboto-flex/variable-full.css";
|
|
2
|
-
@import "@fontsource/fira-code/variable.css";
|
|
3
|
-
@import "@fontsource/space-grotesk/variable-full.css";
|
|
4
|
-
|
|
5
|
-
/* packages/common/react-ui/src/theme.css */
|
|
6
|
-
@tailwind base;
|
|
7
|
-
@tailwind utilities;
|
|
8
|
-
@tailwind components;
|
|
9
|
-
@layer utilities {
|
|
10
|
-
.font-thin {
|
|
11
|
-
font-variation-settings: "wght" 100;
|
|
12
|
-
}
|
|
13
|
-
.font-extralight {
|
|
14
|
-
font-variation-settings: "wght" 200;
|
|
15
|
-
}
|
|
16
|
-
.font-light {
|
|
17
|
-
font-variation-settings: "wght" 300;
|
|
18
|
-
}
|
|
19
|
-
.font-normal {
|
|
20
|
-
font-variation-settings: "wght" 400;
|
|
21
|
-
}
|
|
22
|
-
.font-medium {
|
|
23
|
-
font-variation-settings: "wght" 500;
|
|
24
|
-
}
|
|
25
|
-
.font-semibold {
|
|
26
|
-
font-variation-settings: "wght" 600;
|
|
27
|
-
}
|
|
28
|
-
.font-bold {
|
|
29
|
-
font-variation-settings: "wght" 700;
|
|
30
|
-
}
|
|
31
|
-
.font-extrabold {
|
|
32
|
-
font-variation-settings: "wght" 800;
|
|
33
|
-
}
|
|
34
|
-
.font-black {
|
|
35
|
-
font-variation-settings: "wght" 900;
|
|
36
|
-
}
|
|
37
|
-
.button-elevation {
|
|
38
|
-
box-shadow: var(--button-elevation);
|
|
39
|
-
}
|
|
40
|
-
.elevated-buttons {
|
|
41
|
-
--button-elevation: theme(boxShadow.sm);
|
|
42
|
-
}
|
|
43
|
-
.grouped-buttons {
|
|
44
|
-
--button-elevation: theme(boxShadow.none);
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
:root {
|
|
48
|
-
--surface-bg: theme(colors.neutral.50);
|
|
49
|
-
--surface-text: theme(colors.neutral.900);
|
|
50
|
-
--button-elevation: theme(boxShadow.md);
|
|
51
|
-
}
|
|
52
|
-
.dark {
|
|
53
|
-
--surface-bg: theme(colors.neutral.900);
|
|
54
|
-
--surface-text: theme(colors.neutral.50);
|
|
55
|
-
--button-elevation: theme(boxShadow.lg);
|
|
56
|
-
}
|
|
57
|
-
html {
|
|
58
|
-
background-color: var(--surface-bg);
|
|
59
|
-
color: var(--surface-text);
|
|
60
|
-
}
|
|
61
|
-
/*# sourceMappingURL=theme.css.map */
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/theme.css"],
|
|
4
|
-
"sourcesContent": ["@import '@fontsource/roboto-flex/variable-full.css';\n@import '@fontsource/fira-code/variable.css';\n@import '@fontsource/space-grotesk/variable-full.css';\n\n@tailwind base;\n@tailwind utilities;\n@tailwind components;\n\n@layer utilities {\n /* Font weights */\n .font-thin {\n font-variation-settings: 'wght' 100;\n }\n .font-extralight {\n font-variation-settings: 'wght' 200;\n }\n .font-light {\n font-variation-settings: 'wght' 300;\n }\n .font-normal {\n font-variation-settings: 'wght' 400;\n }\n .font-medium {\n font-variation-settings: 'wght' 500;\n }\n .font-semibold {\n font-variation-settings: 'wght' 600;\n }\n .font-bold {\n font-variation-settings: 'wght' 700;\n }\n .font-extrabold {\n font-variation-settings: 'wght' 800;\n }\n .font-black {\n font-variation-settings: 'wght' 900;\n }\n /* Elevations */\n .button-elevation {\n box-shadow: var(--button-elevation)\n }\n .elevated-buttons {\n --button-elevation: theme(boxShadow.sm);\n }\n .grouped-buttons {\n --button-elevation: theme(boxShadow.none);\n }\n}\n\n:root {\n --surface-bg: theme(colors.neutral.50);\n --surface-text: theme(colors.neutral.900);\n --button-elevation: theme(boxShadow.md);\n}\n\n.dark {\n --surface-bg: theme(colors.neutral.900);\n --surface-text: theme(colors.neutral.50);\n --button-elevation: theme(boxShadow.lg);\n}\n\nhtml {\n background-color: var(--surface-bg);\n color: var(--surface-text);\n}\n"],
|
|
5
|
-
"mappings": ";;;;;AAIA;AACA;AACA;AAEA;AAEE;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAGF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAAA;AAIJ;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { ComponentProps, ReactNode } from 'react';
|
|
2
|
-
import { MessageValence } from '../../props';
|
|
3
|
-
export interface AlertSlots {
|
|
4
|
-
root?: Omit<ComponentProps<'div'>, 'children'>;
|
|
5
|
-
title?: Omit<ComponentProps<'p'>, 'children'>;
|
|
6
|
-
}
|
|
7
|
-
export interface AlertProps {
|
|
8
|
-
title: ReactNode;
|
|
9
|
-
assertive?: boolean;
|
|
10
|
-
valence?: MessageValence;
|
|
11
|
-
children?: ReactNode;
|
|
12
|
-
slots?: AlertSlots;
|
|
13
|
-
}
|
|
14
|
-
export declare const Alert: ({ title, children, assertive, valence, slots }: AlertProps) => JSX.Element;
|
|
15
|
-
//# sourceMappingURL=Alert.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAIA,OAAc,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAI7C,MAAM,WAAW,UAAU;IACzB,IAAI,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;IAC/C,KAAK,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,UAAU,CAAC,CAAC;CAC/C;AAED,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB;AAED,eAAO,MAAM,KAAK,mDAAyD,UAAU,gBAepF,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import '@dxosTheme';
|
|
2
|
-
import { AlertProps } from './Alert';
|
|
3
|
-
declare const _default: {
|
|
4
|
-
title: string;
|
|
5
|
-
component: ({ title, children, assertive, valence, slots }: AlertProps) => JSX.Element;
|
|
6
|
-
};
|
|
7
|
-
export default _default;
|
|
8
|
-
export declare const Default: import("@storybook/react").Story<AlertProps>;
|
|
9
|
-
//# sourceMappingURL=Alert.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Alert/Alert.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AAKpB,OAAO,EAAS,UAAU,EAAE,MAAM,SAAS,CAAC;;;;;AAE5C,wBAGE;AAMF,eAAO,MAAM,OAAO,8CAAgD,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Alert/index.ts"],"names":[],"mappings":"AAIA,cAAc,SAAS,CAAC"}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
|
|
2
|
-
import { ComponentProps, ReactHTMLElement, ReactNode } from 'react';
|
|
3
|
-
import { InputProps } from '../Input';
|
|
4
|
-
export interface AlertDialogSlots {
|
|
5
|
-
overlay?: Pick<ComponentProps<typeof AlertDialogPrimitive.Overlay>, 'className'>;
|
|
6
|
-
content?: Omit<ComponentProps<typeof AlertDialogPrimitive.Content>, 'children'>;
|
|
7
|
-
title?: Omit<ComponentProps<typeof AlertDialogPrimitive.Content>, 'children'>;
|
|
8
|
-
description?: Omit<ComponentProps<typeof AlertDialogPrimitive.Description>, 'children'>;
|
|
9
|
-
actions?: Omit<ComponentProps<'div'>, 'children'>;
|
|
10
|
-
}
|
|
11
|
-
export interface AlertDialogProps {
|
|
12
|
-
title: ReactNode;
|
|
13
|
-
openTrigger?: ReactNode;
|
|
14
|
-
cancelTrigger?: ReactNode;
|
|
15
|
-
confirmTrigger: Omit<ReactHTMLElement<HTMLElement>, 'ref'>;
|
|
16
|
-
destructiveConfirmString?: string;
|
|
17
|
-
destructiveConfirmInputProps?: Omit<InputProps, 'onChange' | 'initialValue'>;
|
|
18
|
-
titleVisuallyHidden?: boolean;
|
|
19
|
-
description?: ReactNode;
|
|
20
|
-
children?: ReactNode;
|
|
21
|
-
initiallyOpen?: boolean;
|
|
22
|
-
mountAsSibling?: boolean;
|
|
23
|
-
slots?: AlertDialogSlots;
|
|
24
|
-
}
|
|
25
|
-
export declare const AlertDialog: ({ title, titleVisuallyHidden, description, openTrigger, cancelTrigger, confirmTrigger, destructiveConfirmString, destructiveConfirmInputProps, children, initiallyOpen, mountAsSibling, slots }: AlertDialogProps) => JSX.Element;
|
|
26
|
-
//# sourceMappingURL=AlertDialog.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AlertDialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/AlertDialog/AlertDialog.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AACrE,OAAc,EAAgB,cAAc,EAAY,gBAAgB,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAIxH,OAAO,EAAS,UAAU,EAAE,MAAM,UAAU,CAAC;AAE7C,MAAM,WAAW,gBAAgB;IAC/B,OAAO,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC,CAAC;IACjF,OAAO,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC,CAAC;IAChF,KAAK,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC,CAAC;IAC9E,WAAW,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC,CAAC;IACxF,OAAO,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;CACnD;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,cAAc,EAAE,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,CAAC;IAC3D,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,4BAA4B,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,cAAc,CAAC,CAAC;IAC7E,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,gBAAgB,CAAC;CAC1B;AAED,eAAO,MAAM,WAAW,oMAarB,gBAAgB,gBAkGlB,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import '@dxosTheme';
|
|
2
|
-
import { AlertDialogProps } from './AlertDialog';
|
|
3
|
-
declare const _default: {
|
|
4
|
-
title: string;
|
|
5
|
-
component: ({ title, titleVisuallyHidden, description, openTrigger, cancelTrigger, confirmTrigger, destructiveConfirmString, destructiveConfirmInputProps, children, initiallyOpen, mountAsSibling, slots }: AlertDialogProps) => JSX.Element;
|
|
6
|
-
};
|
|
7
|
-
export default _default;
|
|
8
|
-
export declare const Default: import("@storybook/react").Story<AlertDialogProps>;
|
|
9
|
-
//# sourceMappingURL=AlertDialog.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AlertDialog.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/AlertDialog/AlertDialog.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AAKpB,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAC;;;;;AAE9D,wBAGE;AAMF,eAAO,MAAM,OAAO,oDAIlB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/AlertDialog/index.ts"],"names":[],"mappings":"AAIA,cAAc,eAAe,CAAC"}
|