@dxos/react-ui 0.1.0 → 0.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (106) hide show
  1. package/dist/src/components/Avatar/Avatar.d.ts +1 -1
  2. package/dist/src/components/Avatar/Avatar.js +1 -1
  3. package/dist/src/components/Avatar/Avatar.js.map +1 -1
  4. package/dist/src/components/Avatar/Avatar.stories.d.ts +1 -1
  5. package/dist/src/components/Button/Button.d.ts +1 -1
  6. package/dist/src/components/Button/Button.d.ts.map +1 -1
  7. package/dist/src/components/Button/Button.js +1 -1
  8. package/dist/src/components/Button/Button.js.map +1 -1
  9. package/dist/src/components/Button/Button.stories.d.ts +1 -1
  10. package/dist/src/components/Button/ButtonProps.d.ts +0 -2
  11. package/dist/src/components/Button/ButtonProps.d.ts.map +1 -1
  12. package/dist/src/components/Button/buttonStyles.d.ts.map +1 -1
  13. package/dist/src/components/Button/buttonStyles.js +2 -3
  14. package/dist/src/components/Button/buttonStyles.js.map +1 -1
  15. package/dist/src/components/Group/Group.d.ts.map +1 -1
  16. package/dist/src/components/Group/Group.js +13 -3
  17. package/dist/src/components/Group/Group.js.map +1 -1
  18. package/dist/src/components/Main/Main.d.ts +3 -0
  19. package/dist/src/components/Main/Main.d.ts.map +1 -0
  20. package/dist/src/components/Main/Main.js +16 -0
  21. package/dist/src/components/Main/Main.js.map +1 -0
  22. package/dist/src/components/Main/index.d.ts +2 -0
  23. package/dist/src/components/Main/index.d.ts.map +1 -0
  24. package/dist/src/components/{Tag → Main}/index.js +1 -1
  25. package/dist/src/components/Main/index.js.map +1 -0
  26. package/dist/src/components/NavMenu/NavMenu.js +4 -4
  27. package/dist/src/components/NavMenu/NavMenu.js.map +1 -1
  28. package/dist/src/components/QrCode/QrCode.d.ts.map +1 -1
  29. package/dist/src/components/QrCode/QrCode.js +1 -1
  30. package/dist/src/components/QrCode/QrCode.js.map +1 -1
  31. package/dist/src/components/index.d.ts +1 -2
  32. package/dist/src/components/index.d.ts.map +1 -1
  33. package/dist/src/components/index.js +1 -2
  34. package/dist/src/components/index.js.map +1 -1
  35. package/dist/src/plugin.d.ts.map +1 -1
  36. package/dist/src/plugin.js +1 -2
  37. package/dist/src/plugin.js.map +1 -1
  38. package/dist/src/props/MessageValence.d.ts +1 -1
  39. package/dist/src/props/MessageValence.d.ts.map +1 -1
  40. package/dist/src/props/index.d.ts +0 -1
  41. package/dist/src/props/index.d.ts.map +1 -1
  42. package/dist/src/props/index.js +0 -1
  43. package/dist/src/props/index.js.map +1 -1
  44. package/dist/src/styles/index.d.ts +0 -2
  45. package/dist/src/styles/index.d.ts.map +1 -1
  46. package/dist/src/styles/index.js +0 -2
  47. package/dist/src/styles/index.js.map +1 -1
  48. package/package.json +4 -2
  49. package/src/components/AlertDialog/AlertDialog.stories.tsx +35 -0
  50. package/src/components/AlertDialog/AlertDialog.tsx +127 -0
  51. package/src/components/AlertDialog/index.ts +5 -0
  52. package/src/components/Avatar/Avatar.tsx +1 -1
  53. package/src/components/Button/Button.tsx +12 -10
  54. package/src/components/Button/ButtonProps.ts +2 -0
  55. package/src/components/Button/buttonStyles.ts +4 -2
  56. package/src/components/Group/Group.tsx +3 -24
  57. package/src/components/NavMenu/NavMenu.tsx +5 -5
  58. package/src/components/QrCode/QrCode.tsx +2 -1
  59. package/src/components/Tag/Tag.stories.tsx +23 -0
  60. package/src/components/Tag/Tag.tsx +32 -0
  61. package/src/components/{Main → Tag}/index.ts +1 -1
  62. package/src/components/index.ts +2 -1
  63. package/src/plugin.ts +2 -1
  64. package/src/props/Elevation.ts +5 -0
  65. package/src/props/MessageValence.ts +1 -1
  66. package/src/props/index.ts +1 -0
  67. package/src/styles/group.ts +27 -0
  68. package/src/styles/index.ts +2 -0
  69. package/src/styles/ornament.ts +6 -0
  70. package/src/typings.d.ts +1 -0
  71. package/dist/src/components/AlertDialog/AlertDialog.d.ts +0 -17
  72. package/dist/src/components/AlertDialog/AlertDialog.d.ts.map +0 -1
  73. package/dist/src/components/AlertDialog/AlertDialog.js +0 -65
  74. package/dist/src/components/AlertDialog/AlertDialog.js.map +0 -1
  75. package/dist/src/components/AlertDialog/AlertDialog.stories.d.ts +0 -9
  76. package/dist/src/components/AlertDialog/AlertDialog.stories.d.ts.map +0 -1
  77. package/dist/src/components/AlertDialog/AlertDialog.stories.js +0 -37
  78. package/dist/src/components/AlertDialog/AlertDialog.stories.js.map +0 -1
  79. package/dist/src/components/AlertDialog/index.d.ts +0 -2
  80. package/dist/src/components/AlertDialog/index.d.ts.map +0 -1
  81. package/dist/src/components/AlertDialog/index.js +0 -21
  82. package/dist/src/components/AlertDialog/index.js.map +0 -1
  83. package/dist/src/components/Tag/Tag.d.ts +0 -8
  84. package/dist/src/components/Tag/Tag.d.ts.map +0 -1
  85. package/dist/src/components/Tag/Tag.js +0 -23
  86. package/dist/src/components/Tag/Tag.js.map +0 -1
  87. package/dist/src/components/Tag/Tag.stories.d.ts +0 -10
  88. package/dist/src/components/Tag/Tag.stories.d.ts.map +0 -1
  89. package/dist/src/components/Tag/Tag.stories.js +0 -24
  90. package/dist/src/components/Tag/Tag.stories.js.map +0 -1
  91. package/dist/src/components/Tag/index.d.ts +0 -2
  92. package/dist/src/components/Tag/index.d.ts.map +0 -1
  93. package/dist/src/components/Tag/index.js.map +0 -1
  94. package/dist/src/props/Elevation.d.ts +0 -2
  95. package/dist/src/props/Elevation.d.ts.map +0 -1
  96. package/dist/src/props/Elevation.js +0 -6
  97. package/dist/src/props/Elevation.js.map +0 -1
  98. package/dist/src/styles/group.d.ts +0 -5
  99. package/dist/src/styles/group.d.ts.map +0 -1
  100. package/dist/src/styles/group.js +0 -26
  101. package/dist/src/styles/group.js.map +0 -1
  102. package/dist/src/styles/ornament.d.ts +0 -3
  103. package/dist/src/styles/ornament.d.ts.map +0 -1
  104. package/dist/src/styles/ornament.js +0 -9
  105. package/dist/src/styles/ornament.js.map +0 -1
  106. package/src/components/Main/Main.tsx +0 -14
@@ -1,65 +0,0 @@
1
- "use strict";
2
- //
3
- // Copyright 2022 DXOS.org
4
- //
5
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
6
- if (k2 === undefined) k2 = k;
7
- var desc = Object.getOwnPropertyDescriptor(m, k);
8
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
9
- desc = { enumerable: true, get: function() { return m[k]; } };
10
- }
11
- Object.defineProperty(o, k2, desc);
12
- }) : (function(o, m, k, k2) {
13
- if (k2 === undefined) k2 = k;
14
- o[k2] = m[k];
15
- }));
16
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
17
- Object.defineProperty(o, "default", { enumerable: true, value: v });
18
- }) : function(o, v) {
19
- o["default"] = v;
20
- });
21
- var __importStar = (this && this.__importStar) || function (mod) {
22
- if (mod && mod.__esModule) return mod;
23
- var result = {};
24
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
25
- __setModuleDefault(result, mod);
26
- return result;
27
- };
28
- var __importDefault = (this && this.__importDefault) || function (mod) {
29
- return (mod && mod.__esModule) ? mod : { "default": mod };
30
- };
31
- Object.defineProperty(exports, "__esModule", { value: true });
32
- exports.AlertDialog = void 0;
33
- const react_1 = require("@headlessui/react");
34
- const AlertDialogPrimitive = __importStar(require("@radix-ui/react-alert-dialog"));
35
- const classnames_1 = __importDefault(require("classnames"));
36
- const react_2 = __importStar(require("react"));
37
- const styles_1 = require("../../styles");
38
- const Input_1 = require("../Input");
39
- const AlertDialog = ({ title, titleVisuallyHidden, description, openTrigger, cancelTrigger, confirmTrigger, destructiveConfirmString, destructiveConfirmInputProps, children, initiallyOpen, mountAsSibling }) => {
40
- const [isOpen, setIsOpen] = (0, react_2.useState)(!!initiallyOpen);
41
- const [confirmDisabled, setConfirmDisabled] = (0, react_2.useState)(!!destructiveConfirmString);
42
- const [confirmStringValue, setConfirmStringValue] = (0, react_2.useState)('');
43
- (0, react_2.useEffect)(() => {
44
- if (destructiveConfirmString) {
45
- setConfirmDisabled(confirmStringValue !== destructiveConfirmString);
46
- }
47
- }, [confirmStringValue]);
48
- const dialogOverlayAndContent = (react_2.default.createElement(react_1.Transition.Root, { show: isOpen },
49
- react_2.default.createElement(react_1.Transition.Child, { as: react_2.Fragment, enter: 'ease-out duration-300', enterFrom: 'opacity-0', enterTo: 'opacity-100', leave: 'ease-in duration-200', leaveFrom: 'opacity-100', leaveTo: 'opacity-0' },
50
- react_2.default.createElement(AlertDialogPrimitive.Overlay, { forceMount: true, className: 'fixed inset-0 z-20 bg-black/50' })),
51
- react_2.default.createElement(react_1.Transition.Child, { as: react_2.Fragment, enter: 'ease-out duration-300', enterFrom: 'opacity-0 scale-95', enterTo: 'opacity-100 scale-100', leave: 'ease-in duration-200', leaveFrom: 'opacity-100 scale-100', leaveTo: 'opacity-0 scale-95' },
52
- react_2.default.createElement(AlertDialogPrimitive.Content, { forceMount: true, className: (0, classnames_1.default)('fixed z-50', 'w-[95vw] max-w-md rounded-xl p-4 md:w-full', 'top-[50%] left-[50%] -translate-x-[50%] -translate-y-[50%]', 'shadow-2xl bg-white dark:bg-neutral-800 elevated-buttons', styles_1.defaultFocus) },
53
- react_2.default.createElement(AlertDialogPrimitive.Title, { className: (0, classnames_1.default)('text-2xl font-display font-medium text-neutral-900 dark:text-neutral-100 rounded-md', titleVisuallyHidden && 'sr-only', styles_1.defaultFocus), tabIndex: 0 }, title),
54
- description && (react_2.default.createElement(AlertDialogPrimitive.Description, { className: (0, classnames_1.default)('mt-2', styles_1.defaultDescription) }, description)),
55
- children,
56
- destructiveConfirmInputProps && react_2.default.createElement(Input_1.Input, { ...destructiveConfirmInputProps, onChange: setConfirmStringValue }),
57
- react_2.default.createElement("div", { className: 'flex flex-wrap justify-end gap-4' },
58
- cancelTrigger && (react_2.default.createElement(AlertDialogPrimitive.Cancel, { asChild: typeof cancelTrigger !== 'string' }, cancelTrigger)),
59
- react_2.default.createElement(AlertDialogPrimitive.Action, { asChild: true }, (0, react_2.cloneElement)(confirmTrigger, { disabled: confirmDisabled })))))));
60
- return (react_2.default.createElement(AlertDialogPrimitive.Root, { open: isOpen, onOpenChange: setIsOpen },
61
- openTrigger && react_2.default.createElement(AlertDialogPrimitive.Trigger, { asChild: true }, openTrigger),
62
- mountAsSibling ? (dialogOverlayAndContent) : (react_2.default.createElement(AlertDialogPrimitive.Portal, null, dialogOverlayAndContent))));
63
- };
64
- exports.AlertDialog = AlertDialog;
65
- //# sourceMappingURL=AlertDialog.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AlertDialog.js","sourceRoot":"","sources":["../../../../src/components/AlertDialog/AlertDialog.tsx"],"names":[],"mappings":"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"}
@@ -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 }: 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,37 +0,0 @@
1
- "use strict";
2
- //
3
- // Copyright 2022 DXOS.org
4
- //
5
- var __importDefault = (this && this.__importDefault) || function (mod) {
6
- return (mod && mod.__esModule) ? mod : { "default": mod };
7
- };
8
- Object.defineProperty(exports, "__esModule", { value: true });
9
- exports.Default = void 0;
10
- require("@dxosTheme");
11
- const react_1 = __importDefault(require("react"));
12
- const testing_1 = require("../../testing");
13
- const Button_1 = require("../Button");
14
- const AlertDialog_1 = require("./AlertDialog");
15
- exports.default = {
16
- title: 'react-ui/AlertDialog',
17
- component: AlertDialog_1.AlertDialog
18
- };
19
- const Template = ({ children, ...props }) => {
20
- return react_1.default.createElement(AlertDialog_1.AlertDialog, { ...props }, children);
21
- };
22
- exports.Default = (0, testing_1.templateForComponent)(Template)({
23
- openTrigger: '',
24
- title: '',
25
- confirmTrigger: react_1.default.createElement("span", null)
26
- });
27
- exports.Default.args = {
28
- openTrigger: react_1.default.createElement(Button_1.Button, null, "Reset device"),
29
- cancelTrigger: react_1.default.createElement(Button_1.Button, null, "Cancel"),
30
- confirmTrigger: react_1.default.createElement(Button_1.Button, { variant: 'primary' }, "GO"),
31
- destructiveConfirmString: "I've definitely had my coffee",
32
- destructiveConfirmInputProps: {
33
- label: "Type “I've definitely had my coffee” to confirm"
34
- },
35
- title: 'Reset your device'
36
- };
37
- //# sourceMappingURL=AlertDialog.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AlertDialog.stories.js","sourceRoot":"","sources":["../../../../src/components/AlertDialog/AlertDialog.stories.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;AAEF,sBAAoB;AACpB,kDAA0B;AAE1B,2CAAqD;AACrD,sCAAmC;AACnC,+CAA8D;AAE9D,kBAAe;IACb,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,yBAAW;CACvB,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAoB,EAAE,EAAE;IAC5D,OAAO,8BAAC,yBAAW,OAAK,KAAK,IAAG,QAAQ,CAAe,CAAC;AAC1D,CAAC,CAAC;AAEW,QAAA,OAAO,GAAG,IAAA,8BAAoB,EAAC,QAAQ,CAAC,CAAC;IACpD,WAAW,EAAE,EAAE;IACf,KAAK,EAAE,EAAE;IACT,cAAc,EAAE,2CAAQ;CACzB,CAAC,CAAC;AACH,eAAO,CAAC,IAAI,GAAG;IACb,WAAW,EAAE,8BAAC,eAAM,uBAAsB;IAC1C,aAAa,EAAE,8BAAC,eAAM,iBAAgB;IACtC,cAAc,EAAE,8BAAC,eAAM,IAAC,OAAO,EAAC,SAAS,SAAY;IACrD,wBAAwB,EAAE,+BAA+B;IACzD,4BAA4B,EAAE;QAC5B,KAAK,EAAE,iDAAiD;KACzD;IACD,KAAK,EAAE,mBAAmB;CAC3B,CAAC"}
@@ -1,2 +0,0 @@
1
- export * from './AlertDialog';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/AlertDialog/index.ts"],"names":[],"mappings":"AAIA,cAAc,eAAe,CAAC"}
@@ -1,21 +0,0 @@
1
- "use strict";
2
- //
3
- // Copyright 2022 DXOS.org
4
- //
5
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
6
- if (k2 === undefined) k2 = k;
7
- var desc = Object.getOwnPropertyDescriptor(m, k);
8
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
9
- desc = { enumerable: true, get: function() { return m[k]; } };
10
- }
11
- Object.defineProperty(o, k2, desc);
12
- }) : (function(o, m, k, k2) {
13
- if (k2 === undefined) k2 = k;
14
- o[k2] = m[k];
15
- }));
16
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
17
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
18
- };
19
- Object.defineProperty(exports, "__esModule", { value: true });
20
- __exportStar(require("./AlertDialog"), exports);
21
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/AlertDialog/index.ts"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;AAEF,gDAA8B"}
@@ -1,8 +0,0 @@
1
- import React, { PropsWithChildren, ReactNode } from 'react';
2
- import { MessageValence } from '../../props';
3
- export interface TagProps extends React.ComponentProps<'span'> {
4
- valence?: MessageValence;
5
- children?: ReactNode;
6
- }
7
- export declare const Tag: ({ children, valence, ...props }: PropsWithChildren<TagProps>) => JSX.Element;
8
- //# sourceMappingURL=Tag.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,MAAM,WAAW,QAAS,SAAQ,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC;IAC5D,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAUD,eAAO,MAAM,GAAG,oCAAiD,kBAAkB,QAAQ,CAAC,gBAS3F,CAAC"}
@@ -1,23 +0,0 @@
1
- "use strict";
2
- //
3
- // Copyright 2022 DXOS.org
4
- //
5
- var __importDefault = (this && this.__importDefault) || function (mod) {
6
- return (mod && mod.__esModule) ? mod : { "default": mod };
7
- };
8
- Object.defineProperty(exports, "__esModule", { value: true });
9
- exports.Tag = void 0;
10
- const classnames_1 = __importDefault(require("classnames"));
11
- const react_1 = __importDefault(require("react"));
12
- const valenceColorMap = {
13
- neutral: 'bg-neutral-100 text-neutral-800 dark:bg-neutral-700 dark:text-neutral-300',
14
- success: 'bg-success-100 text-success-800 dark:bg-success-700 dark:text-success-300',
15
- info: 'bg-info-100 text-info-800 dark:bg-info-700 dark:text-info-300',
16
- warning: 'bg-warning-100 text-warning-800 dark:bg-warning-700 dark:text-warning-300',
17
- error: 'bg-error-100 text-error-800 dark:bg-error-700 dark:text-error-300'
18
- };
19
- const Tag = ({ children, valence = 'neutral', ...props }) => {
20
- return (react_1.default.createElement("span", { ...props, className: (0, classnames_1.default)('text-xs font-semibold px-2.5 py-0.5 rounded', valenceColorMap[valence], props.className) }, children));
21
- };
22
- exports.Tag = Tag;
23
- //# sourceMappingURL=Tag.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;AAEF,4DAA4B;AAC5B,kDAA4D;AAS5D,MAAM,eAAe,GAAmC;IACtD,OAAO,EAAE,2EAA2E;IACpF,OAAO,EAAE,2EAA2E;IACpF,IAAI,EAAE,+DAA+D;IACrE,OAAO,EAAE,2EAA2E;IACpF,KAAK,EAAE,mEAAmE;CAC3E,CAAC;AAEK,MAAM,GAAG,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,GAAG,SAAS,EAAE,GAAG,KAAK,EAA+B,EAAE,EAAE;IAC9F,OAAO,CACL,2CACM,KAAK,EACT,SAAS,EAAE,IAAA,oBAAE,EAAC,6CAA6C,EAAE,eAAe,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,IAEtG,QAAQ,CACJ,CACR,CAAC;AACJ,CAAC,CAAC;AATW,QAAA,GAAG,OASd"}
@@ -1,10 +0,0 @@
1
- import '@dxosTheme';
2
- import React from 'react';
3
- import { TagProps } from './Tag';
4
- declare const _default: {
5
- title: string;
6
- component: ({ children, valence, ...props }: React.PropsWithChildren<TagProps>) => JSX.Element;
7
- };
8
- export default _default;
9
- export declare const Default: import("@storybook/react").Story<TagProps>;
10
- //# sourceMappingURL=Tag.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Tag.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Tag/Tag.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AACpB,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAO,QAAQ,EAAE,MAAM,OAAO,CAAC;;;;;AAEtC,wBAGE;AAQF,eAAO,MAAM,OAAO,4CAA+C,CAAC"}
@@ -1,24 +0,0 @@
1
- "use strict";
2
- //
3
- // Copyright 2022 DXOS.org
4
- //
5
- var __importDefault = (this && this.__importDefault) || function (mod) {
6
- return (mod && mod.__esModule) ? mod : { "default": mod };
7
- };
8
- Object.defineProperty(exports, "__esModule", { value: true });
9
- exports.Default = void 0;
10
- require("@dxosTheme");
11
- const react_1 = __importDefault(require("react"));
12
- const testing_1 = require("../../testing");
13
- const Tag_1 = require("./Tag");
14
- exports.default = {
15
- title: 'react-ui/Tag',
16
- component: Tag_1.Tag
17
- };
18
- const Template = ({ children, ...props }) => {
19
- return react_1.default.createElement(Tag_1.Tag, { ...props }, children);
20
- };
21
- const defaultProps = {};
22
- exports.Default = (0, testing_1.templateForComponent)(Template)(defaultProps);
23
- exports.Default.args = { children: 'Hello' };
24
- //# sourceMappingURL=Tag.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Tag.stories.js","sourceRoot":"","sources":["../../../../src/components/Tag/Tag.stories.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;AAEF,sBAAoB;AACpB,kDAA0B;AAE1B,2CAAqD;AACrD,+BAAsC;AAEtC,kBAAe;IACb,KAAK,EAAE,cAAc;IACrB,SAAS,EAAE,SAAG;CACf,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAY,EAAE,EAAE;IACpD,OAAO,8BAAC,SAAG,OAAK,KAAK,IAAG,QAAQ,CAAO,CAAC;AAC1C,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,EAAE,CAAC;AAEX,QAAA,OAAO,GAAG,IAAA,8BAAoB,EAAC,QAAQ,CAAC,CAAC,YAAY,CAAC,CAAC;AACpE,eAAO,CAAC,IAAI,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC"}
@@ -1,2 +0,0 @@
1
- export * from './Tag';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Tag/index.ts"],"names":[],"mappings":"AAIA,cAAc,OAAO,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Tag/index.ts"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;AAEF,wCAAsB"}
@@ -1,2 +0,0 @@
1
- export declare type Elevation = 0 | 1 | 2 | 3 | 4 | 5 | 6;
2
- //# sourceMappingURL=Elevation.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Elevation.d.ts","sourceRoot":"","sources":["../../../src/props/Elevation.ts"],"names":[],"mappings":"AAIA,oBAAY,SAAS,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC"}
@@ -1,6 +0,0 @@
1
- "use strict";
2
- //
3
- // Copyright 2022 DXOS.org
4
- //
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- //# sourceMappingURL=Elevation.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Elevation.js","sourceRoot":"","sources":["../../../src/props/Elevation.ts"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE"}
@@ -1,5 +0,0 @@
1
- import { Elevation } from '../props';
2
- export declare const defaultGroup: ({ elevation }: {
3
- elevation: Elevation;
4
- }) => string;
5
- //# sourceMappingURL=group.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"group.d.ts","sourceRoot":"","sources":["../../../src/styles/group.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAYrC,eAAO,MAAM,YAAY;eAAgC,SAAS;YAQjE,CAAC"}
@@ -1,26 +0,0 @@
1
- "use strict";
2
- //
3
- // Copyright 2022 DXOS.org
4
- //
5
- var __importDefault = (this && this.__importDefault) || function (mod) {
6
- return (mod && mod.__esModule) ? mod : { "default": mod };
7
- };
8
- Object.defineProperty(exports, "__esModule", { value: true });
9
- exports.defaultGroup = void 0;
10
- const classnames_1 = __importDefault(require("classnames"));
11
- const elevationClassNameMap = new Map([
12
- [0, 'shadow-none'],
13
- [1, 'shadow-sm'],
14
- [2, 'shadow'],
15
- [3, 'shadow-md'],
16
- [4, 'shadow-lg'],
17
- [5, 'shadow-xl'],
18
- [6, 'shadow-2xl']
19
- ]);
20
- const defaultGroup = ({ elevation }) => {
21
- return (0, classnames_1.default)('rounded-lg p-4', elevation === 0
22
- ? 'bg-transparent border border-neutral-200 dark:border-neutral-700'
23
- : 'bg-white dark:bg-neutral-800 elevated-buttons', elevationClassNameMap.get(elevation));
24
- };
25
- exports.defaultGroup = defaultGroup;
26
- //# sourceMappingURL=group.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"group.js","sourceRoot":"","sources":["../../../src/styles/group.ts"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;AAEF,4DAA4B;AAI5B,MAAM,qBAAqB,GAAG,IAAI,GAAG,CAAiB;IACpD,CAAC,CAAC,EAAE,aAAa,CAAC;IAClB,CAAC,CAAC,EAAE,WAAW,CAAC;IAChB,CAAC,CAAC,EAAE,QAAQ,CAAC;IACb,CAAC,CAAC,EAAE,WAAW,CAAC;IAChB,CAAC,CAAC,EAAE,WAAW,CAAC;IAChB,CAAC,CAAC,EAAE,WAAW,CAAC;IAChB,CAAC,CAAC,EAAE,YAAY,CAAC;CAClB,CAAC,CAAC;AAEI,MAAM,YAAY,GAAG,CAAC,EAAE,SAAS,EAA4B,EAAE,EAAE;IACtE,OAAO,IAAA,oBAAE,EACP,gBAAgB,EAChB,SAAS,KAAK,CAAC;QACb,CAAC,CAAC,kEAAkE;QACpE,CAAC,CAAC,+CAA+C,EACnD,qBAAqB,CAAC,GAAG,CAAC,SAAS,CAAC,CACrC,CAAC;AACJ,CAAC,CAAC;AARW,QAAA,YAAY,gBAQvB"}
@@ -1,3 +0,0 @@
1
- export declare const defaultInlineSeparator = "border-is border-neutral-300 dark:border-neutral-700";
2
- export declare const defaultBlockSeparator = "border-bs border-neutral-300 dark:border-neutral-700";
3
- //# sourceMappingURL=ornament.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ornament.d.ts","sourceRoot":"","sources":["../../../src/styles/ornament.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,sBAAsB,yDAAyD,CAAC;AAC7F,eAAO,MAAM,qBAAqB,yDAAyD,CAAC"}
@@ -1,9 +0,0 @@
1
- "use strict";
2
- //
3
- // Copyright 2022 DXOS.org
4
- //
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.defaultBlockSeparator = exports.defaultInlineSeparator = void 0;
7
- exports.defaultInlineSeparator = 'border-is border-neutral-300 dark:border-neutral-700';
8
- exports.defaultBlockSeparator = 'border-bs border-neutral-300 dark:border-neutral-700';
9
- //# sourceMappingURL=ornament.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ornament.js","sourceRoot":"","sources":["../../../src/styles/ornament.ts"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;AAEW,QAAA,sBAAsB,GAAG,sDAAsD,CAAC;AAChF,QAAA,qBAAqB,GAAG,sDAAsD,CAAC"}
@@ -1,14 +0,0 @@
1
- //
2
- // Copyright 2022 DXOS.org
3
- //
4
-
5
- import cx from 'classnames';
6
- import React, { ComponentProps, PropsWithChildren } from 'react';
7
-
8
- export const Main = ({ children, className, ...mainProps }: PropsWithChildren<ComponentProps<'main'>>) => {
9
- return (
10
- <main {...mainProps} className={cx('mt-8 px-8 space-y-4', className)}>
11
- {children}
12
- </main>
13
- );
14
- };