@mittwald/flow-react-components 0.2.0-alpha.524 → 0.2.0-alpha.526
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -0
- package/dist/assets/doc-properties.json +1124 -1182
- package/dist/css/all.css +1 -1
- package/dist/js/components/src/components/MarkdownEditor/components/Toolbar.mjs +2 -2
- package/dist/js/components/src/components/MarkdownEditor/components/Toolbar.mjs.map +1 -1
- package/package.json +4 -4
|
@@ -4,7 +4,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
|
|
|
4
4
|
import 'react';
|
|
5
5
|
import styles from '../MarkdownEditor.module.scss.mjs';
|
|
6
6
|
import { Icon } from '../../Icon/Icon.mjs';
|
|
7
|
-
import { IconBold, IconItalic, IconStrikethrough,
|
|
7
|
+
import { IconBold, IconItalic, IconStrikethrough, IconBlockquote, IconList, IconListNumbers } from '@tabler/icons-react';
|
|
8
8
|
import '../../../views/IconView.mjs';
|
|
9
9
|
import { IconCode } from '../../Icon/components/icons/IconCode.mjs';
|
|
10
10
|
import { IconLink } from '../../Icon/components/icons/IconLink.mjs';
|
|
@@ -21,7 +21,7 @@ const Toolbar = (props) => {
|
|
|
21
21
|
/* @__PURE__ */ jsx(ToolbarButton, { ...sharedToolButtonProps, type: "bold", children: /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx(IconBold, {}) }) }),
|
|
22
22
|
/* @__PURE__ */ jsx(ToolbarButton, { ...sharedToolButtonProps, type: "italic", children: /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx(IconItalic, {}) }) }),
|
|
23
23
|
/* @__PURE__ */ jsx(ToolbarButton, { ...sharedToolButtonProps, type: "strikeThrough", children: /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx(IconStrikethrough, {}) }) }),
|
|
24
|
-
/* @__PURE__ */ jsx(ToolbarButton, { ...sharedToolButtonProps, type: "quote", children: /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx(
|
|
24
|
+
/* @__PURE__ */ jsx(ToolbarButton, { ...sharedToolButtonProps, type: "quote", children: /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx(IconBlockquote, {}) }) }),
|
|
25
25
|
/* @__PURE__ */ jsx(ToolbarButton, { ...sharedToolButtonProps, type: "code", children: /* @__PURE__ */ jsx(IconCode, {}) }),
|
|
26
26
|
/* @__PURE__ */ jsx(ToolbarButton, { ...sharedToolButtonProps, type: "link", children: /* @__PURE__ */ jsx(IconLink, {}) }),
|
|
27
27
|
/* @__PURE__ */ jsx(ToolbarButton, { ...sharedToolButtonProps, type: "unorderedList", children: /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx(IconList, {}) }) }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toolbar.mjs","sources":["../../../../../../../src/components/MarkdownEditor/components/Toolbar.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport styles from \"@/components/MarkdownEditor/MarkdownEditor.module.scss\";\nimport { Icon } from \"@/components/Icon\";\nimport {\n IconBold,\n IconItalic,\n IconList,\n IconListNumbers,\n
|
|
1
|
+
{"version":3,"file":"Toolbar.mjs","sources":["../../../../../../../src/components/MarkdownEditor/components/Toolbar.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport styles from \"@/components/MarkdownEditor/MarkdownEditor.module.scss\";\nimport { Icon } from \"@/components/Icon\";\nimport {\n IconBlockquote,\n IconBold,\n IconItalic,\n IconList,\n IconListNumbers,\n IconStrikethrough,\n} from \"@tabler/icons-react\";\nimport { IconCode, IconLink } from \"@/components/Icon/components/icons\";\nimport {\n ToolbarButton,\n type ToolBarButtonProps,\n} from \"@/components/MarkdownEditor/components/ToolbarButton\";\nimport {\n ModeButton,\n type ModeButtonProps,\n} from \"@/components/MarkdownEditor/components/ModeButton\";\nimport type { ButtonProps } from \"@/components/Button\";\n\ninterface ToolbarProps extends Pick<ButtonProps, \"isDisabled\"> {\n currentMode: ModeButtonProps[\"currentMode\"];\n onModeChange: ModeButtonProps[\"onChange\"];\n onToolPressed: ToolBarButtonProps[\"onPress\"];\n}\n\nexport const Toolbar: FC<ToolbarProps> = (props) => {\n const sharedToolButtonProps: Partial<ToolBarButtonProps> = {\n onPress: props.onToolPressed,\n isDisabled: props.isDisabled || props.currentMode === \"preview\",\n };\n\n return (\n <header className={styles.toolbar} role=\"toolbar\">\n <div className={styles.toolbarButtons}>\n <ToolbarButton {...sharedToolButtonProps} type=\"bold\">\n <Icon>\n <IconBold />\n </Icon>\n </ToolbarButton>\n\n <ToolbarButton {...sharedToolButtonProps} type=\"italic\">\n <Icon>\n <IconItalic />\n </Icon>\n </ToolbarButton>\n\n <ToolbarButton {...sharedToolButtonProps} type=\"strikeThrough\">\n <Icon>\n <IconStrikethrough />\n </Icon>\n </ToolbarButton>\n\n <ToolbarButton {...sharedToolButtonProps} type=\"quote\">\n <Icon>\n <IconBlockquote />\n </Icon>\n </ToolbarButton>\n\n <ToolbarButton {...sharedToolButtonProps} type=\"code\">\n <IconCode />\n </ToolbarButton>\n\n <ToolbarButton {...sharedToolButtonProps} type=\"link\">\n <IconLink />\n </ToolbarButton>\n\n <ToolbarButton {...sharedToolButtonProps} type=\"unorderedList\">\n <Icon>\n <IconList />\n </Icon>\n </ToolbarButton>\n\n <ToolbarButton {...sharedToolButtonProps} type=\"orderedList\">\n <Icon>\n <IconListNumbers />\n </Icon>\n </ToolbarButton>\n </div>\n\n <ModeButton\n onChange={props.onModeChange}\n currentMode={props.currentMode}\n isDisabled={props.isDisabled}\n />\n </header>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AA4BO,MAAM,OAAA,GAA4B,CAAC,KAAA,KAAU;AAClD,EAAA,MAAM,qBAAA,GAAqD;AAAA,IACzD,SAAS,KAAA,CAAM,aAAA;AAAA,IACf,UAAA,EAAY,KAAA,CAAM,UAAA,IAAc,KAAA,CAAM,WAAA,KAAgB;AAAA,GACxD;AAEA,EAAA,4BACG,QAAA,EAAA,EAAO,SAAA,EAAW,MAAA,CAAO,OAAA,EAAS,MAAK,SAAA,EACtC,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,cAAA,EACrB,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,aAAA,EAAA,EAAe,GAAG,qBAAA,EAAuB,IAAA,EAAK,MAAA,EAC7C,8BAAC,IAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,CAAA,EACZ,CAAA,EACF,CAAA;AAAA,sBAEA,GAAA,CAAC,aAAA,EAAA,EAAe,GAAG,qBAAA,EAAuB,IAAA,EAAK,QAAA,EAC7C,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,CAAA,EACd,CAAA,EACF,CAAA;AAAA,sBAEA,GAAA,CAAC,aAAA,EAAA,EAAe,GAAG,qBAAA,EAAuB,IAAA,EAAK,eAAA,EAC7C,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,iBAAA,EAAA,EAAkB,CAAA,EACrB,CAAA,EACF,CAAA;AAAA,sBAEA,GAAA,CAAC,aAAA,EAAA,EAAe,GAAG,qBAAA,EAAuB,IAAA,EAAK,OAAA,EAC7C,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,CAAA,EAClB,CAAA,EACF,CAAA;AAAA,sBAEA,GAAA,CAAC,iBAAe,GAAG,qBAAA,EAAuB,MAAK,MAAA,EAC7C,QAAA,kBAAA,GAAA,CAAC,YAAS,CAAA,EACZ,CAAA;AAAA,sBAEA,GAAA,CAAC,iBAAe,GAAG,qBAAA,EAAuB,MAAK,MAAA,EAC7C,QAAA,kBAAA,GAAA,CAAC,YAAS,CAAA,EACZ,CAAA;AAAA,sBAEA,GAAA,CAAC,aAAA,EAAA,EAAe,GAAG,qBAAA,EAAuB,IAAA,EAAK,eAAA,EAC7C,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,CAAA,EACZ,CAAA,EACF,CAAA;AAAA,sBAEA,GAAA,CAAC,aAAA,EAAA,EAAe,GAAG,qBAAA,EAAuB,IAAA,EAAK,aAAA,EAC7C,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,eAAA,EAAA,EAAgB,CAAA,EACnB,CAAA,EACF;AAAA,KAAA,EACF,CAAA;AAAA,oBAEA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,UAAU,KAAA,CAAM,YAAA;AAAA,QAChB,aAAa,KAAA,CAAM,WAAA;AAAA,QACnB,YAAY,KAAA,CAAM;AAAA;AAAA;AACpB,GAAA,EACF,CAAA;AAEJ;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mittwald/flow-react-components",
|
|
3
|
-
"version": "0.2.0-alpha.
|
|
3
|
+
"version": "0.2.0-alpha.526",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "A React implementation of Flow, mittwald’s design system",
|
|
6
6
|
"homepage": "https://mittwald.github.io/flow",
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
"dependencies": {
|
|
59
59
|
"@internationalized/string-compiler": "^3.2.6",
|
|
60
60
|
"@mittwald/password-tools-js": "3.0.0-alpha.18",
|
|
61
|
-
"@mittwald/react-tunnel": "0.2.0-alpha.
|
|
61
|
+
"@mittwald/react-tunnel": "0.2.0-alpha.526",
|
|
62
62
|
"@mittwald/react-use-promise": "^4.2.2",
|
|
63
63
|
"@react-aria/form": "^3.1.2",
|
|
64
64
|
"@react-aria/live-announcer": "^3.4.4",
|
|
@@ -101,7 +101,7 @@
|
|
|
101
101
|
"@faker-js/faker": "^10.1.0",
|
|
102
102
|
"@internationalized/date": "^3.10.0",
|
|
103
103
|
"@mittwald/flow-core": "",
|
|
104
|
-
"@mittwald/flow-design-tokens": "0.2.0-alpha.
|
|
104
|
+
"@mittwald/flow-design-tokens": "0.2.0-alpha.526",
|
|
105
105
|
"@mittwald/react-use-promise": "^4.2.2",
|
|
106
106
|
"@mittwald/remote-dom-react": "1.2.2-mittwald.10",
|
|
107
107
|
"@mittwald/typescript-config": "",
|
|
@@ -174,5 +174,5 @@
|
|
|
174
174
|
"optional": true
|
|
175
175
|
}
|
|
176
176
|
},
|
|
177
|
-
"gitHead": "
|
|
177
|
+
"gitHead": "a2ed251f65daa564a6336eb0cb06748c63087582"
|
|
178
178
|
}
|