@papillonarts/components 0.33.0 → 0.35.0

package/build/Legacy/Alert/__tests__/Alert.doc.md

@@ -0,0 +1,112 @@
+# Alert
+
+> Alert component all features
+
+```
+# Featues
+
+> Default, DefaultMultipleParagraphs
+> Info, Warning, Error, Success
+> Full, Banner
+> DefaultConsentWithInput, DefaultConsentWithoutInput
+```
+
+## Default
+
+> Alert component default feature
+
+```jsx
+<Alert variant={AlertVariant.Default}>{children}</Alert>
+```
+
+## DefaultMultipleParagraphs
+
+> Alert component default multiple paragraphs feature
+
+```jsx
+<Alert variant={AlertVariant.Default}>
+  <p>
+    This is a longer flash message in it's own paragraph. It ends up looking something like this. If we keep adding more text, it will
+    eventually wrap to a new line.
+  </p>
+  <p>And this is another paragraph.</p>
+</Alert>
+```
+
+## Info
+
+> Alert component info feature
+
+```jsx
+<Alert variant={AlertVariant.Info}>{children}</Alert>
+```
+
+## Warning
+
+> Alert component warning feature
+
+```jsx
+<Alert variant={AlertVariant.Warning}>{children}</Alert>
+```
+
+## Error
+
+> Alert component error feature
+
+```jsx
+<Alert variant={AlertVariant.Error}>{children}</Alert>
+```
+
+## Success
+
+> Alert component success feature
+
+```jsx
+<Alert variant={AlertVariant.Success}>{children}</Alert>
+```
+
+## Full
+
+> Alert component full feature
+
+```jsx
+<Alert variant={AlertVariant.Full}>{children}</Alert>
+```
+
+## Banner
+
+> Alert component banner feature
+
+```jsx
+<Alert variant={AlertVariant.Banner}>{children}</Alert>
+```
+
+## DefaultConsentWithInput
+
+> Alert component default consent with input feature
+
+```jsx
+<Alert variant={AlertVariant.Default} consent={getConsent({ hasInput: true })}>
+  {children}
+</Alert>
+```
+
+## DefaultConsentWithoutInput
+
+> Alert component default consent without input feature
+
+```jsx
+<Alert variant={AlertVariant.Default} consent={getConsent({ hasInput: false })}>
+  {children}
+</Alert>
+```
+
+## DefaultConsentCustom
+
+> Alert component default consent custom feature
+
+```jsx
+<Alert variant={AlertVariant.Default} consent={consent}>
+  {children}
+</Alert>
+```

package/build/Legacy/Markdown/Markdown.d.ts

@@ -0,0 +1,3 @@
+import { IMarkdown } from './Markdown.type';
+export declare function Markdown({ highlighter, children }: IMarkdown): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Markdown.d.ts.map

package/build/Legacy/Markdown/Markdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Markdown.d.ts","sourceRoot":"","sources":["../../../src/Legacy/Markdown/Markdown.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAwC,MAAM,iBAAiB,CAAA;AAEjF,wBAAgB,QAAQ,CAAC,EAAE,WAAyC,EAAE,QAAQ,EAAE,EAAE,SAAS,2CAgD1F"}

package/build/Legacy/Markdown/Markdown.js

@@ -0,0 +1,51 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Markdown = Markdown;
+var _reactMarkdown = _interopRequireDefault(require("react-markdown"));
+var _remarkGfm = _interopRequireDefault(require("remark-gfm"));
+var _SyntaxHighlighter = require("../SyntaxHighlighter");
+var _Markdown = require("./Markdown.type");
+var _jsxRuntime = require("react/jsx-runtime");
+function Markdown(_ref) {
+  var _ref$highlighter = _ref.highlighter,
+    highlighter = _ref$highlighter === void 0 ? _Markdown.MarkdownDefault.Highlighter : _ref$highlighter,
+    children = _ref.children;
+  if (highlighter == _Markdown.MarkdownHighlighter.HLJS) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactMarkdown["default"], {
+      remarkPlugins: [_remarkGfm["default"]],
+      components: {
+        code: function code(props) {
+          var propsChildren = props.children;
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SyntaxHighlighter.SyntaxHighlighter, {
+            highlighter: _SyntaxHighlighter.SyntaxHighlighterHighlighter.HLJS,
+            language: _SyntaxHighlighter.SyntaxHighlighterLanguage.Markdown,
+            style: _SyntaxHighlighter.SyntaxHighlighterStyle.Ocean,
+            children: String(propsChildren).replace(/\n$/, '')
+          });
+        }
+      },
+      children: children
+    });
+  }
+  if (highlighter == _Markdown.MarkdownHighlighter.PRISM) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactMarkdown["default"], {
+      remarkPlugins: [_remarkGfm["default"]],
+      components: {
+        code: function code(props) {
+          var propsChildren = props.children;
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SyntaxHighlighter.SyntaxHighlighter, {
+            highlighter: _SyntaxHighlighter.SyntaxHighlighterHighlighter.PRISM,
+            language: _SyntaxHighlighter.SyntaxHighlighterLanguage.Markdown,
+            style: _SyntaxHighlighter.SyntaxHighlighterStyle.Nord,
+            children: String(propsChildren).replace(/\n$/, '')
+          });
+        }
+      },
+      children: children
+    });
+  }
+}

package/build/Legacy/Markdown/Markdown.type.d.ts

@@ -0,0 +1,15 @@
+export interface IMarkdownHighlighter {
+    HLJS: string;
+    PRISM: string;
+}
+export declare const MarkdownHighlighter: IMarkdownHighlighter;
+export interface IMarkdownDefault {
+    Highlighter?: string;
+    Children: string;
+}
+export declare const MarkdownDefault: IMarkdownDefault;
+export interface IMarkdown {
+    highlighter?: string;
+    children?: string;
+}
+//# sourceMappingURL=Markdown.type.d.ts.map

package/build/Legacy/Markdown/Markdown.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Markdown.type.d.ts","sourceRoot":"","sources":["../../../src/Legacy/Markdown/Markdown.type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,mBAAmB,EAAE,oBAGjC,CAAA;AAED,MAAM,WAAW,gBAAgB;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,eAAe,EAAE,gBAG7B,CAAA;AAED,MAAM,WAAW,SAAS;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB"}

package/build/Legacy/Markdown/Markdown.type.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MarkdownHighlighter = exports.MarkdownDefault = void 0;
+var MarkdownHighlighter = exports.MarkdownHighlighter = {
+  HLJS: 'HLJS',
+  PRISM: 'PRISM'
+};
+var MarkdownDefault = exports.MarkdownDefault = {
+  Highlighter: MarkdownHighlighter.PRISM,
+  Children: ''
+};

package/build/Legacy/Markdown/__tests__/Markdown.doc.md

@@ -0,0 +1,33 @@
+# Markdown
+
+> Markdown component all features
+
+```
+# Features
+
+> Default
+```
+
+## Default
+
+> Markdown component default feature
+
+```jsx
+<Markdown>{MarkdownUnformattedCode}</Markdown>
+```
+
+## HLJS
+
+> Markdown component hljs feature
+
+```jsx
+<Markdown highlighter={MarkdownHighlighter.HLJS}>{MarkdownUnformattedCode}</Markdown>
+```
+
+## Prism
+
+> Markdown component prism feature
+
+```jsx
+<Markdown highlighter={MarkdownHighlighter.PRISM}>{MarkdownUnformattedCode}</Markdown>
+```

package/build/Legacy/Markdown/index.d.ts

@@ -0,0 +1,2 @@
+export { Markdown } from './Markdown';
+//# sourceMappingURL=index.d.ts.map

package/build/Legacy/Markdown/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Legacy/Markdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA"}

package/build/Legacy/Markdown/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Markdown", {
+  enumerable: true,
+  get: function get() {
+    return _Markdown.Markdown;
+  }
+});
+var _Markdown = require("./Markdown");

package/build/Legacy/SyntaxHighlighter/SyntaxHighlighter.d.ts

@@ -0,0 +1,3 @@
+import { ISyntaxHighlighter } from './SyntaxHighlighter.type';
+export declare function SyntaxHighlighter({ highlighter, language, style, children, }: ISyntaxHighlighter): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SyntaxHighlighter.d.ts.map

package/build/Legacy/SyntaxHighlighter/SyntaxHighlighter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SyntaxHighlighter.d.ts","sourceRoot":"","sources":["../../../src/Legacy/SyntaxHighlighter/SyntaxHighlighter.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,kBAAkB,EAA0D,MAAM,0BAA0B,CAAA;AAIrH,wBAAgB,iBAAiB,CAAC,EAChC,WAAkD,EAClD,QAA4C,EAC5C,KAAsC,EACtC,QAAQ,GACT,EAAE,kBAAkB,2CAgBpB"}

package/build/Legacy/SyntaxHighlighter/SyntaxHighlighter.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SyntaxHighlighter = SyntaxHighlighter;
+var _SyntaxHighlighter = require("./SyntaxHighlighter.type");
+var _SyntaxHighlighterHLJS = require("./SyntaxHighlighterHLJS");
+var _SyntaxHighlighterPrism = require("./SyntaxHighlighterPrism");
+var _jsxRuntime = require("react/jsx-runtime");
+// https://github.com/react-syntax-highlighter/react-syntax-highlighter
+// https://github.com/react-syntax-highlighter/react-syntax-highlighter/blob/master/AVAILABLE_LANGUAGES_HLJS.MD
+// https://github.com/react-syntax-highlighter/react-syntax-highlighter/blob/master/AVAILABLE_STYLES_HLJS.MD
+// https://github.com/react-syntax-highlighter/react-syntax-highlighter/blob/master/AVAILABLE_LANGUAGES_PRISM.MD
+// https://github.com/react-syntax-highlighter/react-syntax-highlighter/blob/master/AVAILABLE_STYLES_PRISM.MD
+
+function SyntaxHighlighter(_ref) {
+  var _ref$highlighter = _ref.highlighter,
+    highlighter = _ref$highlighter === void 0 ? _SyntaxHighlighter.SyntaxHighlighterDefault.Highlighter : _ref$highlighter,
+    _ref$language = _ref.language,
+    language = _ref$language === void 0 ? _SyntaxHighlighter.SyntaxHighlighterDefault.Language : _ref$language,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? _SyntaxHighlighter.SyntaxHighlighterDefault.Style : _ref$style,
+    children = _ref.children;
+  if (highlighter == _SyntaxHighlighter.SyntaxHighlighterHighlighter.HLJS) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SyntaxHighlighterHLJS.SyntaxHighlighterHLJS, {
+      language: language,
+      style: style,
+      children: children
+    });
+  }
+  if (highlighter == _SyntaxHighlighter.SyntaxHighlighterHighlighter.PRISM) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SyntaxHighlighterPrism.SyntaxHighlighterPrism, {
+      language: language,
+      style: style,
+      children: children
+    });
+  }
+}

package/build/Legacy/SyntaxHighlighter/SyntaxHighlighter.type.d.ts

@@ -0,0 +1,32 @@
+export interface ISyntaxHighlighterHighlighter {
+    HLJS: string;
+    PRISM: string;
+}
+export declare const SyntaxHighlighterHighlighter: ISyntaxHighlighterHighlighter;
+export interface ISyntaxHighlighterLanguage {
+    TypeScript: string;
+    JavaScript: string;
+    Markdown: string;
+}
+export declare const SyntaxHighlighterLanguage: ISyntaxHighlighterLanguage;
+export interface ISyntaxHighlighterStyle {
+    Ocean: string;
+    Nord: string;
+}
+export declare const SyntaxHighlighterStyle: ISyntaxHighlighterStyle;
+export interface ISyntaxHighlighterDefault {
+    Highlighter?: string;
+    Language: string;
+    Style: string;
+    Children: string;
+}
+export declare const SyntaxHighlighterDefault: ISyntaxHighlighterDefault;
+export interface ISyntaxHighlighter extends ISyntaxHighlighterBase {
+    highlighter?: string;
+}
+export interface ISyntaxHighlighterBase {
+    language?: string;
+    style?: string;
+    children?: string;
+}
+//# sourceMappingURL=SyntaxHighlighter.type.d.ts.map

package/build/Legacy/SyntaxHighlighter/SyntaxHighlighter.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SyntaxHighlighter.type.d.ts","sourceRoot":"","sources":["../../../src/Legacy/SyntaxHighlighter/SyntaxHighlighter.type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,6BAA6B;IAC5C,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,4BAA4B,EAAE,6BAG1C,CAAA;AAED,MAAM,WAAW,0BAA0B;IACzC,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,yBAAyB,EAAE,0BAIvC,CAAA;AAED,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;CACb;AAED,eAAO,MAAM,sBAAsB,EAAE,uBAGpC,CAAA;AAED,MAAM,WAAW,yBAAyB;IACxC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,wBAAwB,EAAE,yBAKtC,CAAA;AAED,MAAM,WAAW,kBAAmB,SAAQ,sBAAsB;IAChE,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB"}

package/build/Legacy/SyntaxHighlighter/SyntaxHighlighter.type.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SyntaxHighlighterStyle = exports.SyntaxHighlighterLanguage = exports.SyntaxHighlighterHighlighter = exports.SyntaxHighlighterDefault = void 0;
+var SyntaxHighlighterHighlighter = exports.SyntaxHighlighterHighlighter = {
+  HLJS: 'HLJS',
+  PRISM: 'PRISM'
+};
+var SyntaxHighlighterLanguage = exports.SyntaxHighlighterLanguage = {
+  TypeScript: 'typescript',
+  JavaScript: 'javascript',
+  Markdown: 'markdown'
+};
+var SyntaxHighlighterStyle = exports.SyntaxHighlighterStyle = {
+  Ocean: 'ocean',
+  Nord: 'nord'
+};
+var SyntaxHighlighterDefault = exports.SyntaxHighlighterDefault = {
+  Highlighter: SyntaxHighlighterHighlighter.HLJS,
+  Language: SyntaxHighlighterLanguage.TypeScript,
+  Style: SyntaxHighlighterStyle.Ocean,
+  Children: ''
+};

package/build/Legacy/SyntaxHighlighter/SyntaxHighlighterHLJS.d.ts

@@ -0,0 +1,3 @@
+import { ISyntaxHighlighterBase } from './SyntaxHighlighter.type';
+export declare function SyntaxHighlighterHLJS({ language, style, children, }: ISyntaxHighlighterBase): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SyntaxHighlighterHLJS.d.ts.map

package/build/Legacy/SyntaxHighlighter/SyntaxHighlighterHLJS.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SyntaxHighlighterHLJS.d.ts","sourceRoot":"","sources":["../../../src/Legacy/SyntaxHighlighter/SyntaxHighlighterHLJS.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,sBAAsB,EAAoD,MAAM,0BAA0B,CAAA;AAInH,wBAAgB,qBAAqB,CAAC,EACpC,QAA4C,EAC5C,KAAsC,EACtC,QAAQ,GACT,EAAE,sBAAsB,2CAYxB"}

package/build/Legacy/SyntaxHighlighter/SyntaxHighlighterHLJS.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SyntaxHighlighterHLJS = SyntaxHighlighterHLJS;
+var _reactSyntaxHighlighter = require("react-syntax-highlighter");
+var _typescript = _interopRequireDefault(require("react-syntax-highlighter/dist/esm/languages/hljs/typescript"));
+var _hljs = require("react-syntax-highlighter/dist/esm/styles/hljs");
+var _SyntaxHighlighter = require("./SyntaxHighlighter.type");
+var _jsxRuntime = require("react/jsx-runtime");
+// https://github.com/react-syntax-highlighter/react-syntax-highlighter?tab=readme-ov-file#light-build
+
+_reactSyntaxHighlighter.Light.registerLanguage('typescript', _typescript["default"]);
+function SyntaxHighlighterHLJS(_ref) {
+  var _ref$language = _ref.language,
+    language = _ref$language === void 0 ? _SyntaxHighlighter.SyntaxHighlighterDefault.Language : _ref$language,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? _SyntaxHighlighter.SyntaxHighlighterDefault.Style : _ref$style,
+    children = _ref.children;
+  var highlighterStyle;
+  if (style == _SyntaxHighlighter.SyntaxHighlighterStyle.Ocean) {
+    highlighterStyle = _hljs.ocean;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSyntaxHighlighter.Light, {
+    language: language,
+    style: highlighterStyle,
+    children: children
+  });
+}

package/build/Legacy/SyntaxHighlighter/SyntaxHighlighterPrism.d.ts

@@ -0,0 +1,3 @@
+import { ISyntaxHighlighterBase } from './SyntaxHighlighter.type';
+export declare function SyntaxHighlighterPrism({ language, style, children, }: ISyntaxHighlighterBase): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SyntaxHighlighterPrism.d.ts.map

package/build/Legacy/SyntaxHighlighter/SyntaxHighlighterPrism.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SyntaxHighlighterPrism.d.ts","sourceRoot":"","sources":["../../../src/Legacy/SyntaxHighlighter/SyntaxHighlighterPrism.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,sBAAsB,EAAoD,MAAM,0BAA0B,CAAA;AAKnH,wBAAgB,sBAAsB,CAAC,EACrC,QAA4C,EAC5C,KAAsC,EACtC,QAAQ,GACT,EAAE,sBAAsB,2CAWxB"}

package/build/Legacy/SyntaxHighlighter/SyntaxHighlighterPrism.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SyntaxHighlighterPrism = SyntaxHighlighterPrism;
+var _reactSyntaxHighlighter = require("react-syntax-highlighter");
+var _markdown = _interopRequireDefault(require("react-syntax-highlighter/dist/esm/languages/prism/markdown"));
+var _typescript = _interopRequireDefault(require("react-syntax-highlighter/dist/esm/languages/prism/typescript"));
+var _prism = require("react-syntax-highlighter/dist/esm/styles/prism");
+var _SyntaxHighlighter = require("./SyntaxHighlighter.type");
+var _jsxRuntime = require("react/jsx-runtime");
+// https://github.com/react-syntax-highlighter/react-syntax-highlighter?tab=readme-ov-file#light-build
+
+_reactSyntaxHighlighter.PrismLight.registerLanguage('typescript', _typescript["default"]);
+_reactSyntaxHighlighter.PrismLight.registerLanguage('markdown', _markdown["default"]);
+function SyntaxHighlighterPrism(_ref) {
+  var _ref$language = _ref.language,
+    language = _ref$language === void 0 ? _SyntaxHighlighter.SyntaxHighlighterDefault.Language : _ref$language,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? _SyntaxHighlighter.SyntaxHighlighterDefault.Style : _ref$style,
+    children = _ref.children;
+  var highlighterStyle;
+  if (style == _SyntaxHighlighter.SyntaxHighlighterStyle.Nord) {
+    highlighterStyle = _prism.nord;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSyntaxHighlighter.PrismLight, {
+    language: language,
+    style: highlighterStyle,
+    children: children
+  });
+}

package/build/Legacy/SyntaxHighlighter/__tests__/SyntaxHighlighter.doc.md

@@ -0,0 +1,61 @@
+# SyntaxHighlighter
+
+> SyntaxHighlighter component all features
+
+```
+# Features
+
+> Default
+```
+
+## Default
+
+> Markdown component default feature
+
+```jsx
+<SyntaxHighlighter>{TypeScriptUnformattedCode}</SyntaxHighlighter>
+```
+
+## HLJS TypeScript
+
+> Markdown component hljs typescript feature
+
+```jsx
+<SyntaxHighlighter
+  highlighter={SyntaxHighlighterHighlighter.HLJS}
+  language={SyntaxHighlighterLanguage.TypeScript}
+  style={SyntaxHighlighterStyle.Ocean}
+>
+  {TypeScriptUnformattedCode}
+</SyntaxHighlighter>
+```
+
+## HLJS Markdown
+
+> Markdown component hljs markdown feature
+
+```jsx
+<Markdown highlighter={MarkdownHighlighter.HLJS}>{SyntaxHighlighterMarkdown}</Markdown>
+```
+
+## Prism TypeScript
+
+> Markdown component prism typescript feature
+
+```jsx
+<SyntaxHighlighter
+  highlighter={SyntaxHighlighterHighlighter.PRISM}
+  language={SyntaxHighlighterLanguage.TypeScript}
+  style={SyntaxHighlighterStyle.Nord}
+>
+  {TypeScriptUnformattedCode}
+</SyntaxHighlighter>
+```
+
+## Prism Markdown
+
+> Markdown component prism markdown feature
+
+```jsx
+<Markdown highlighter={MarkdownHighlighter.PRISM}>{SyntaxHighlighterMarkdown}</Markdown>
+```

package/build/Legacy/SyntaxHighlighter/index.d.ts

@@ -0,0 +1,3 @@
+export { SyntaxHighlighter } from './SyntaxHighlighter';
+export { SyntaxHighlighterHighlighter, SyntaxHighlighterLanguage, SyntaxHighlighterStyle } from './SyntaxHighlighter.type';
+//# sourceMappingURL=index.d.ts.map

package/build/Legacy/SyntaxHighlighter/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Legacy/SyntaxHighlighter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,4BAA4B,EAAE,yBAAyB,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA"}

package/build/Legacy/SyntaxHighlighter/index.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "SyntaxHighlighter", {
+  enumerable: true,
+  get: function get() {
+    return _SyntaxHighlighter.SyntaxHighlighter;
+  }
+});
+Object.defineProperty(exports, "SyntaxHighlighterHighlighter", {
+  enumerable: true,
+  get: function get() {
+    return _SyntaxHighlighter2.SyntaxHighlighterHighlighter;
+  }
+});
+Object.defineProperty(exports, "SyntaxHighlighterLanguage", {
+  enumerable: true,
+  get: function get() {
+    return _SyntaxHighlighter2.SyntaxHighlighterLanguage;
+  }
+});
+Object.defineProperty(exports, "SyntaxHighlighterStyle", {
+  enumerable: true,
+  get: function get() {
+    return _SyntaxHighlighter2.SyntaxHighlighterStyle;
+  }
+});
+var _SyntaxHighlighter = require("./SyntaxHighlighter");
+var _SyntaxHighlighter2 = require("./SyntaxHighlighter.type");

package/build/Legacy/index.d.ts

@@ -8,11 +8,13 @@ import { ErrorBoundary } from './ErrorBoundary';
 import { Icon } from './Icon';
 import { Label } from './Label';
 import { Loader } from './Loader';
+import { Markdown } from './Markdown';
 import { Popover } from './Popover';
 import { Progress } from './Progress';
 import { Select } from './Select';
 import { SelectMenu } from './SelectMenu';
 import { Subhead } from './Subhead';
+import { SyntaxHighlighter } from './SyntaxHighlighter';
 import { Toast } from './Toast';
 export type { IFlexGridItem } from './Grid';
 export declare const Legacy: {
@@ -717,6 +719,7 @@ export declare const Legacy: {
         Loader: typeof Loader;
         LoaderVariant: import("./Loader/Loader.type").ILoaderVariant;
     };
+    Markdown: typeof Markdown;
     Navigation: {
         Menu: typeof import("./Navigation/Menu").Menu;
         TabNav: typeof import("./Navigation/TabNav").TabNav;
@@ -734,6 +737,7 @@ export declare const Legacy: {
         PopoverVariant: import("./Popover/Popover.type").IPopoverVariant;
         PopoverSize: import("./Popover/Popover.type").IPopoverSize;
     };
+    SyntaxHighlighter: typeof SyntaxHighlighter;
     Progress: {
         Progress: typeof Progress;
         ProgressVariant: import("./Progress/Progress.type").IProgressVariant;

package/build/Legacy/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Legacy/index.ts"],"names":[],"mappings":"AAAA,OAAO,2CAA2C,CAAA;AAClD,OAAO,EAAE,KAAK,EAAgB,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAqB,MAAM,cAAc,CAAA;AAC5D,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAA;AAC1D,OAAO,EAAE,MAAM,EAAyF,MAAM,UAAU,CAAA;AACxH,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAG/C,OAAO,EAAE,IAAI,EAAsB,MAAM,QAAQ,CAAA;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,MAAM,EAAiB,MAAM,UAAU,CAAA;AAGhD,OAAO,EAAE,OAAO,EAA+B,MAAM,WAAW,CAAA;AAChE,OAAO,EAAE,QAAQ,EAAmB,MAAM,YAAY,CAAA;AACtD,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAA;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,KAAK,EAAgB,MAAM,SAAS,CAAA;AAE7C,YAAY,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAA;AAE3C,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DlB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Legacy/index.ts"],"names":[],"mappings":"AAAA,OAAO,2CAA2C,CAAA;AAClD,OAAO,EAAE,KAAK,EAAgB,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAqB,MAAM,cAAc,CAAA;AAC5D,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAA;AAC1D,OAAO,EAAE,MAAM,EAAyF,MAAM,UAAU,CAAA;AACxH,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAG/C,OAAO,EAAE,IAAI,EAAsB,MAAM,QAAQ,CAAA;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,MAAM,EAAiB,MAAM,UAAU,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAGrC,OAAO,EAAE,OAAO,EAA+B,MAAM,WAAW,CAAA;AAChE,OAAO,EAAE,QAAQ,EAAmB,MAAM,YAAY,CAAA;AACtD,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAA;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,KAAK,EAAgB,MAAM,SAAS,CAAA;AAE7C,YAAY,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAA;AAE3C,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8DlB,CAAA"}

package/build/Legacy/index.js

@@ -16,6 +16,7 @@ var _Grid = require("./Grid");
 var _Icon = require("./Icon");
 var _Label = require("./Label");
 var _Loader = require("./Loader");
+var _Markdown = require("./Markdown");
 var _Navigation = require("./Navigation");
 var _Pagination = require("./Pagination");
 var _Popover = require("./Popover");
@@ -23,6 +24,7 @@ var _Progress = require("./Progress");
 var _Select = require("./Select");
 var _SelectMenu = require("./SelectMenu");
 var _Subhead = require("./Subhead");
+var _SyntaxHighlighter = require("./SyntaxHighlighter");
 var _Toast = require("./Toast");
 var Legacy = exports.Legacy = {
   Alert: {
@@ -63,6 +65,7 @@ var Legacy = exports.Legacy = {
     Loader: _Loader.Loader,
     LoaderVariant: _Loader.LoaderVariant
   },
+  Markdown: _Markdown.Markdown,
   Navigation: _Navigation.Navigation,
   Pagination: _Pagination.Pagination,
   Popover: {
@@ -70,6 +73,7 @@ var Legacy = exports.Legacy = {
     PopoverVariant: _Popover.PopoverVariant,
     PopoverSize: _Popover.PopoverSize
   },
+  SyntaxHighlighter: _SyntaxHighlighter.SyntaxHighlighter,
   Progress: {
     Progress: _Progress.Progress,
     ProgressVariant: _Progress.ProgressVariant

package/build/Modern/Flash/__tests__/Flash.doc.md

@@ -0,0 +1,12 @@
+# Flash
+
+> Flash component all features
+
+```
+# Featues
+
+> Default
+> Success, Danger, Warning, Full
+> WithIconAndAction, WithIconActionDismiss
+
+```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@papillonarts/components",
-  "version": "0.33.0",
+  "version": "0.35.0",
   "description": "Papillon Arts Components",
   "homepage": "https://github.com/papillonarts/papillonarts/tree/master/packages/components",
   "repository": {
@@ -26,8 +26,8 @@
     "build-release": "npm run build"
   },
   "dependencies": {
-    "@papillonarts/css": "^0.33.0",
-    "@papillonarts/library": "^0.33.0"
+    "@papillonarts/css": "^0.35.0",
+    "@papillonarts/library": "^0.35.0"
   },
-  "gitHead": "4c79fc59638eb6e7b1cb30c0c690aa749050f9c8"
+  "gitHead": "b773b8065ee684eab14f2bf1da2aebf9298fc76e"
 }