@digigov/react-experimental 2.0.0-264e5fff → 2.0.0-290ada95

package/FloatingButton/index.js

@@ -1,24 +1,16 @@
-import React from "react";
+import react from "react";
 import clsx from "clsx";
-import Button from "@digigov/react-core/Button";
-const FloatingButton = React.forwardRef(function FloatingButton2({ direction = "right", className, children, ...props }, ref) {
-  return /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      ref,
-      className: clsx(className, {
-        "ds-floating-btn": true,
-        "ds-floating-btn--right": direction === "right",
-        "ds-floating-btn--left": direction === "left"
-      }),
-      ...props
-    },
-    children
-  );
+import Button from "@digigov/react-core/Button/index.js";
+const FloatingButton_FloatingButton = /*#__PURE__*/ react.forwardRef(function({ direction = 'right', className, children, ...props }, ref) {
+    return /*#__PURE__*/ react.createElement(Button, {
+        ref: ref,
+        className: clsx(className, {
+            'ds-floating-btn': true,
+            'ds-floating-btn--right': 'right' === direction,
+            'ds-floating-btn--left': 'left' === direction
+        }),
+        ...props
+    }, children);
 });
-var FloatingButton_default = FloatingButton;
-export {
-  FloatingButton,
-  FloatingButton_default as default
-};
-//# sourceMappingURL=index.js.map
+const src_FloatingButton = FloatingButton_FloatingButton;
+export { FloatingButton_FloatingButton as FloatingButton, src_FloatingButton as default };

package/Kitchensink/AllComponents.js

@@ -0,0 +1,7 @@
+import react from "react";
+import { KitchenSinkDashboard } from "./KitchensinkDashboard.js";
+import { stories } from "@digigov/ui/stories-registry";
+const AllComponents = ()=>/*#__PURE__*/ react.createElement(KitchenSinkDashboard, {
+        stories: stories
+    });
+export { AllComponents };

package/Kitchensink/KitchensinkByCategory.js

@@ -0,0 +1,25 @@
+import react from "react";
+import { KitchenSinkCategory } from "@digigov/react-core/KitchenSinkCategory/index.js";
+import { KitchenSinkHeading } from "@digigov/react-core/KitchenSinkHeading/index.js";
+import { KitchensinkByLetter } from "./KitchensinkByLetter.js";
+const KitchensinkByCategory = ({ category, stories })=>{
+    const alphabeticalOrder = Object.keys(stories).reduce((abStories, componentStoriesKey)=>{
+        const componentStories = stories[componentStoriesKey];
+        if (!componentStories.default.component) throw new Error(`no component was found in ${componentStoriesKey}`);
+        const name = componentStories.default.displayName;
+        console.log('componentStories', componentStories, 'stories', stories);
+        if (!name) throw new Error(`no name was found for ${componentStoriesKey}`);
+        const letter = name[0];
+        if (abStories[letter]) abStories[letter].push(componentStories);
+        else abStories[letter] = [
+            componentStories
+        ];
+        return abStories;
+    }, {});
+    return /*#__PURE__*/ react.createElement("div", null, /*#__PURE__*/ react.createElement(KitchenSinkHeading, null, category), /*#__PURE__*/ react.createElement(KitchenSinkCategory, null, Object.keys(alphabeticalOrder).sort().map((letter, index)=>/*#__PURE__*/ react.createElement(KitchensinkByLetter, {
+            letter: letter,
+            stories: alphabeticalOrder[letter],
+            key: index
+        }))));
+};
+export { KitchensinkByCategory };

package/Kitchensink/KitchensinkByLetter.js

@@ -0,0 +1,14 @@
+import react from "react";
+import Heading from "@digigov/react-core/Heading/index.js";
+import { KitchenSinkLetterContent } from "@digigov/react-core/KitchenSinkLetterContent/index.js";
+import { KitchensinkComponent } from "./KitchensinkComponent.js";
+const KitchensinkByLetter = ({ letter, stories })=>/*#__PURE__*/ react.createElement("div", null, /*#__PURE__*/ react.createElement(Heading, null, letter), /*#__PURE__*/ react.createElement(KitchenSinkLetterContent, null, stories.map((story, index)=>/*#__PURE__*/ react.createElement(KitchensinkComponent, {
+            tags: story.default.tags,
+            title: story.default.displayName,
+            description: story.default.description,
+            link: story.default.link,
+            width: story.default.defaultWidth,
+            stories: story,
+            key: index
+        }))));
+export { KitchensinkByLetter };

package/Kitchensink/KitchensinkComponent.js

@@ -0,0 +1,29 @@
+import react from "react";
+import { KitchenSinkCard } from "@digigov/react-core/KitchenSinkCard/index.js";
+import { KitchenSinkContent } from "@digigov/react-core/KitchenSinkContent/index.js";
+import { KitchenSinkContentInfo } from "@digigov/react-core/KitchenSinkContentInfo/index.js";
+import { KitchenSinkContentTags } from "@digigov/react-core/KitchenSinkContentTags/index.js";
+import PhaseBanner, { PhaseBannerTag, PhaseBannerText } from "@digigov/ui/feedback/PhaseBanner/index.js";
+import SectionBreak from "@digigov/ui/layouts/SectionBreak/index.js";
+import Link from "@digigov/ui/navigation/Link/index.js";
+import { Paragraph } from "@digigov/ui/typography/index.js";
+import Heading from "@digigov/ui/typography/Heading/index.js";
+const KitchensinkComponent = ({ tags = [], title, description, link, stories, width = 'md' })=>/*#__PURE__*/ react.createElement(KitchenSinkContent, {
+        wide: 'lg' === width
+    }, /*#__PURE__*/ react.createElement(KitchenSinkContentInfo, null, /*#__PURE__*/ react.createElement(KitchenSinkContentTags, null, tags && tags.map((tag, index)=>/*#__PURE__*/ react.createElement(PhaseBanner, {
+            key: index
+        }, /*#__PURE__*/ react.createElement(PhaseBannerTag, null, tag), /*#__PURE__*/ react.createElement(PhaseBannerText, null, "Αυτή είναι μία νέα υπηρεσία – τα", ' ', /*#__PURE__*/ react.createElement(Link, {
+            href: "#feedback"
+        }, "σχόλιά"), " σας θα μας βοηθήσουν να τη βελτιώσουμε.")))), /*#__PURE__*/ react.createElement(Heading, {
+        size: "lg"
+    }, title), /*#__PURE__*/ react.createElement(Paragraph, null, description), link && /*#__PURE__*/ react.createElement(Link, {
+        href: link
+    }, "View on GOV.GR Design System"), /*#__PURE__*/ react.createElement(SectionBreak, null)), Object.keys(stories).filter((story)=>'default' !== story).map((story, index)=>{
+        const Component = stories[story];
+        return /*#__PURE__*/ react.createElement("div", {
+            key: index
+        }, /*#__PURE__*/ react.createElement(SectionBreak, null), /*#__PURE__*/ react.createElement(Heading, {
+            size: "sm"
+        }, story), /*#__PURE__*/ react.createElement(KitchenSinkCard, null, /*#__PURE__*/ react.createElement(Component, null)));
+    }));
+export { KitchensinkComponent };

package/Kitchensink/KitchensinkDashboard.js

@@ -0,0 +1,28 @@
+import react from "react";
+import { KitchenSinkAllComponents } from "@digigov/react-core/KitchenSinkAllComponents/index.js";
+import Paragraph from "@digigov/react-core/Paragraph/index.js";
+import { KitchensinkByCategory } from "./KitchensinkByCategory.js";
+const KitchenSinkDashboard = ({ stories })=>{
+    const categoryOrder = Object.keys(stories).reduce((catStories, componentStoriesKey)=>{
+        const componentStories = stories[componentStoriesKey];
+        if (componentStories.default.ignore) return catStories;
+        if (!componentStories.default.component) throw new Error(`no component was found in ${componentStoriesKey}`);
+        const title = componentStories.default.title.split('/')[1];
+        if (!title) throw new Error(`no title was found for ${componentStoriesKey}`);
+        const category = title;
+        if (catStories[category]) catStories[category].push(componentStories);
+        else catStories[category] = [
+            componentStories
+        ];
+        return catStories;
+    }, {});
+    return /*#__PURE__*/ react.createElement("div", null, /*#__PURE__*/ react.createElement(Paragraph, {
+        fontSize: 72,
+        fontWeight: "bold"
+    }, "Components"), /*#__PURE__*/ react.createElement(KitchenSinkAllComponents, null, Object.keys(categoryOrder).sort((a, b)=>a > b ? -1 : 1).map((category, index)=>/*#__PURE__*/ react.createElement(KitchensinkByCategory, {
+            category: category,
+            stories: categoryOrder[category],
+            key: index
+        }))));
+};
+export { KitchenSinkDashboard };

package/Kitchensink/index.d.ts

@@ -1,5 +1,5 @@
-export * from '@digigov/react-experimental/Kitchensink/AllComponents';
-export * from '@digigov/react-experimental/Kitchensink/KitchensinkByCategory';
-export * from '@digigov/react-experimental/Kitchensink/KitchensinkByLetter';
-export * from '@digigov/react-experimental/Kitchensink/KitchensinkComponent';
-export * from '@digigov/react-experimental/Kitchensink/KitchensinkDashboard';
+export * from './AllComponents.js';
+export * from './KitchensinkByCategory.js';
+export * from './KitchensinkByLetter.js';
+export * from './KitchensinkComponent.js';
+export * from './KitchensinkDashboard.js';

package/Kitchensink/index.js

@@ -1,6 +1,5 @@
-export * from "@digigov/react-experimental/Kitchensink/AllComponents";
-export * from "@digigov/react-experimental/Kitchensink/KitchensinkByCategory";
-export * from "@digigov/react-experimental/Kitchensink/KitchensinkByLetter";
-export * from "@digigov/react-experimental/Kitchensink/KitchensinkComponent";
-export * from "@digigov/react-experimental/Kitchensink/KitchensinkDashboard";
-//# sourceMappingURL=index.js.map
+export * from "./AllComponents.js";
+export * from "./KitchensinkByCategory.js";
+export * from "./KitchensinkByLetter.js";
+export * from "./KitchensinkComponent.js";
+export * from "./KitchensinkDashboard.js";

package/OptionButtonBase/index.js

@@ -1,25 +1,17 @@
-import React from "react";
+import react from "react";
 import clsx from "clsx";
-import Base from "@digigov/react-core/Base";
-const OptionButtonBase = React.forwardRef(function OptionButtonBase2({ selected = false, className, children, ...props }, ref) {
-  return /* @__PURE__ */ React.createElement(
-    Base,
-    {
-      as: "button",
-      ref,
-      className: clsx(className, {
-        "ds-btn": true,
-        "ds-option-btn": true,
-        "ds-option-btn--selected": selected
-      }),
-      ...props
-    },
-    children
-  );
+import Base from "@digigov/react-core/Base/index.js";
+const OptionButtonBase_OptionButtonBase = /*#__PURE__*/ react.forwardRef(function({ selected = false, className, children, ...props }, ref) {
+    return /*#__PURE__*/ react.createElement(Base, {
+        as: "button",
+        ref: ref,
+        className: clsx(className, {
+            'ds-btn': true,
+            'ds-option-btn': true,
+            'ds-option-btn--selected': selected
+        }),
+        ...props
+    }, children);
 });
-var OptionButtonBase_default = OptionButtonBase;
-export {
-  OptionButtonBase,
-  OptionButtonBase_default as default
-};
-//# sourceMappingURL=index.js.map
+const src_OptionButtonBase = OptionButtonBase_OptionButtonBase;
+export { OptionButtonBase_OptionButtonBase as OptionButtonBase, src_OptionButtonBase as default };

package/OptionButtonSteps/index.js

@@ -1,36 +1,22 @@
-import React from "react";
+import react from "react";
 import clsx from "clsx";
-import Base from "@digigov/react-core/Base";
-const OptionButtonSteps = React.forwardRef(function OptionButtonSteps2({ steps = 0, activeStep = 0, className, ...props }, ref) {
-  const renderStep = (step) => /* @__PURE__ */ React.createElement(
-    Base,
-    {
-      as: "div",
-      className: clsx(className, {
-        "ds-option-btn__step": true,
-        "ds-option-btn__step--active": activeStep >= step
-      })
-    }
-  );
-  return /* @__PURE__ */ React.createElement(
-    Base,
-    {
-      as: "div",
-      ref,
-      className: clsx(className, {
-        "ds-option-btn__steps": true
-      }),
-      ...props
-    },
-    steps >= 1 && renderStep(1),
-    steps >= 2 && renderStep(2),
-    steps >= 3 && renderStep(3),
-    steps >= 4 && renderStep(4)
-  );
+import Base from "@digigov/react-core/Base/index.js";
+const OptionButtonSteps_OptionButtonSteps = /*#__PURE__*/ react.forwardRef(function({ steps = 0, activeStep = 0, className, ...props }, ref) {
+    const renderStep = (step)=>/*#__PURE__*/ react.createElement(Base, {
+            as: "div",
+            className: clsx(className, {
+                'ds-option-btn__step': true,
+                'ds-option-btn__step--active': activeStep >= step
+            })
+        });
+    return /*#__PURE__*/ react.createElement(Base, {
+        as: "div",
+        ref: ref,
+        className: clsx(className, {
+            'ds-option-btn__steps': true
+        }),
+        ...props
+    }, steps >= 1 && renderStep(1), steps >= 2 && renderStep(2), steps >= 3 && renderStep(3), steps >= 4 && renderStep(4));
 });
-var OptionButtonSteps_default = OptionButtonSteps;
-export {
-  OptionButtonSteps,
-  OptionButtonSteps_default as default
-};
-//# sourceMappingURL=index.js.map
+const src_OptionButtonSteps = OptionButtonSteps_OptionButtonSteps;
+export { OptionButtonSteps_OptionButtonSteps as OptionButtonSteps, src_OptionButtonSteps as default };

package/index.d.ts

@@ -1,4 +1,4 @@
-export * from '@digigov/react-experimental/FloatingButton';
-export * from '@digigov/react-experimental/OptionButtonBase';
-export * from '@digigov/react-experimental/OptionButtonSteps';
-export * from '@digigov/react-experimental/Kitchensink';
+export * from './FloatingButton/index.js';
+export * from './OptionButtonBase/index.js';
+export * from './OptionButtonSteps/index.js';
+export * from './Kitchensink/index.js';

package/index.js

@@ -1,10 +1,9 @@
-/** @license Digigov v2.0.0-264e5fff
+/** @license Digigov v2.0.0-290ada95
  *
  * This source code is licensed under the BSD-2-Clause license found in the
  * LICENSE file in the root directory of this source tree.
  */
-export * from "@digigov/react-experimental/FloatingButton";
-export * from "@digigov/react-experimental/OptionButtonBase";
-export * from "@digigov/react-experimental/OptionButtonSteps";
-export * from "@digigov/react-experimental/Kitchensink";
-//# sourceMappingURL=index.js.map
+export * from "./FloatingButton/index.js";
+export * from "./OptionButtonBase/index.js";
+export * from "./OptionButtonSteps/index.js";
+export * from "./Kitchensink/index.js";

package/package.json

@@ -1,20 +1,20 @@
 {
   "name": "@digigov/react-experimental",
-  "version": "2.0.0-264e5fff",
+  "version": "2.0.0-290ada95",
   "description": "@digigov react experimental components",
   "author": "GRNET Developers <devs@lists.grnet.gr>",
   "license": "BSD-2-Clause",
-  "main": "./cjs/index.js",
-  "module": "./index.js",
+  "type": "module",
   "peerDependencies": {
-    "@digigov/css": "2.0.0-264e5fff",
-    "@digigov/react-icons": "2.0.0-264e5fff",
-    "@digigov/ui": "2.0.0-264e5fff",
-    "@digigov/react-core": "2.0.0-264e5fff",
-    "clsx": "1.1.1",
+    "@digigov/css": "2.0.0-290ada95",
+    "@digigov/react-icons": "2.0.0-290ada95",
+    "@digigov/ui": "2.0.0-290ada95",
+    "@digigov/react-core": "2.0.0-290ada95",
+    "clsx": "2.1.1",
     "react": "^18.3.0 || ^19.1.0",
     "react-dom": "^18.3.0 || ^19.1.0"
   },
   "private": false,
-  "typings": "./index.d.ts"
+  "main": "index.js",
+  "module": "index.js"
 }

package/FloatingButton/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/FloatingButton/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Button, { ButtonProps } from '@digigov/react-core/Button';\n\nexport interface FloatingButtonProps extends ButtonProps {\n  /**\n   * direction is optional.\n   * direction sets the position of the button to either left or right side of the screen.\n   * The default value is 'left'.\n   * @value 'right'\n   * @value 'left'\n   * @default 'left'\n   */\n  direction?: 'right' | 'left';\n}\n/**\n *\n * A FloatingButton performs the primary, or most common, action on a screen.\n * Use it primary in mobile applications.\n * Avoid using text in this type of button, use icons instead.\n */\nexport const FloatingButton = React.forwardRef<\n  HTMLButtonElement,\n  FloatingButtonProps\n>(function FloatingButton(\n  { direction = 'right', className, children, ...props },\n  ref\n) {\n  return (\n    <Button\n      ref={ref}\n      className={clsx(className, {\n        'ds-floating-btn': true,\n        'ds-floating-btn--right': direction === 'right',\n        'ds-floating-btn--left': direction === 'left',\n      })}\n      {...props}\n    >\n      {children}\n    </Button>\n  );\n});\n\nexport default FloatingButton;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,YAA6B;AAmB7B,MAAM,iBAAiB,MAAM,WAGlC,SAASA,gBACT,EAAE,YAAY,SAAS,WAAW,UAAU,GAAG,MAAM,GACrD,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,mBAAmB;AAAA,QACnB,0BAA0B,cAAc;AAAA,QACxC,yBAAyB,cAAc;AAAA,MACzC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,yBAAQ;",
-  "names": ["FloatingButton"]
-}

package/FloatingButton/index.test.d.ts

@@ -1 +0,0 @@
-export {};

package/FloatingButton/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "main": "../cjs/FloatingButton/index.js"
-}

package/Kitchensink/AllComponents/index.js

@@ -1,8 +0,0 @@
-import React from "react";
-import { KitchenSinkDashboard } from "@digigov/react-experimental/Kitchensink/KitchensinkDashboard";
-import { stories } from "@digigov/ui/stories-registry";
-const AllComponents = () => /* @__PURE__ */ React.createElement(KitchenSinkDashboard, { stories });
-export {
-  AllComponents
-};
-//# sourceMappingURL=AllComponents.js.map

package/Kitchensink/AllComponents/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "main": "../../cjs/Kitchensink/AllComponents/index.js"
-}

package/Kitchensink/AllComponents.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/Kitchensink/AllComponents.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport { KitchenSinkDashboard } from '@digigov/react-experimental/Kitchensink/KitchensinkDashboard';\n// @ts-expect-error Registry not included in src files\nimport { stories } from '@digigov/ui/stories-registry';\n\nexport const AllComponents = () => <KitchenSinkDashboard stories={stories} />;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,4BAA4B;AAErC,SAAS,eAAe;AAEjB,MAAM,gBAAgB,MAAM,oCAAC,wBAAqB,SAAkB;",
-  "names": []
-}

package/Kitchensink/KitchensinkByCategory/index.js

@@ -1,44 +0,0 @@
-import React from "react";
-import { KitchenSinkCategory } from "@digigov/react-core/KitchenSinkCategory";
-import { KitchenSinkHeading } from "@digigov/react-core/KitchenSinkHeading";
-import { KitchensinkByLetter } from "@digigov/react-experimental/Kitchensink/KitchensinkByLetter";
-const KitchensinkByCategory = ({
-  category,
-  stories
-}) => {
-  const alphabeticalOrder = Object.keys(stories).reduce(
-    (abStories, componentStoriesKey) => {
-      const componentStories = stories[componentStoriesKey];
-      if (!componentStories.default.component) {
-        throw new Error(`no component was found in ${componentStoriesKey}`);
-      }
-      const name = componentStories.default.displayName;
-      console.log("componentStories", componentStories, "stories", stories);
-      if (!name) {
-        throw new Error(`no name was found for ${componentStoriesKey}`);
-      }
-      const letter = name[0];
-      if (abStories[letter]) {
-        abStories[letter].push(componentStories);
-      } else {
-        abStories[letter] = [componentStories];
-      }
-      return abStories;
-    },
-    {}
-  );
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(KitchenSinkHeading, null, category), /* @__PURE__ */ React.createElement(KitchenSinkCategory, null, Object.keys(alphabeticalOrder).sort().map((letter, index) => {
-    return /* @__PURE__ */ React.createElement(
-      KitchensinkByLetter,
-      {
-        letter,
-        stories: alphabeticalOrder[letter],
-        key: index
-      }
-    );
-  })));
-};
-export {
-  KitchensinkByCategory
-};
-//# sourceMappingURL=KitchensinkByCategory.js.map

package/Kitchensink/KitchensinkByCategory/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "main": "../../cjs/Kitchensink/KitchensinkByCategory/index.js"
-}

package/Kitchensink/KitchensinkByCategory.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/Kitchensink/KitchensinkByCategory.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { KitchenSinkCategory } from '@digigov/react-core/KitchenSinkCategory';\nimport { KitchenSinkHeading } from '@digigov/react-core/KitchenSinkHeading';\nimport { KitchensinkByLetter } from '@digigov/react-experimental/Kitchensink/KitchensinkByLetter';\n\nexport interface KitchensinkByCategoryInterface {\n  category: string;\n  stories: React.ReactElement[];\n}\n\nexport const KitchensinkByCategory = ({\n  category,\n  stories,\n}: KitchensinkByCategoryInterface) => {\n  const alphabeticalOrder = Object.keys(stories).reduce(\n    (abStories, componentStoriesKey) => {\n      const componentStories = stories[componentStoriesKey];\n      if (!componentStories.default.component) {\n        throw new Error(`no component was found in ${componentStoriesKey}`);\n      }\n      const name = componentStories.default.displayName;\n      console.log('componentStories', componentStories, 'stories', stories);\n      if (!name) {\n        throw new Error(`no name was found for ${componentStoriesKey}`);\n      }\n      const letter = name[0];\n      if (abStories[letter]) {\n        abStories[letter].push(componentStories);\n      } else {\n        abStories[letter] = [componentStories];\n      }\n      return abStories;\n    },\n    {}\n  );\n  return (\n    <div>\n      <KitchenSinkHeading>{category}</KitchenSinkHeading>\n      <KitchenSinkCategory>\n        {Object.keys(alphabeticalOrder)\n          .sort()\n          .map((letter, index) => {\n            return (\n              <KitchensinkByLetter\n                letter={letter}\n                stories={alphabeticalOrder[letter]}\n                key={index}\n              />\n            );\n          })}\n      </KitchenSinkCategory>\n    </div>\n  );\n};\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,2BAA2B;AACpC,SAAS,0BAA0B;AACnC,SAAS,2BAA2B;AAO7B,MAAM,wBAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AACF,MAAsC;AACpC,QAAM,oBAAoB,OAAO,KAAK,OAAO,EAAE;AAAA,IAC7C,CAAC,WAAW,wBAAwB;AAClC,YAAM,mBAAmB,QAAQ,mBAAmB;AACpD,UAAI,CAAC,iBAAiB,QAAQ,WAAW;AACvC,cAAM,IAAI,MAAM,6BAA6B,mBAAmB,EAAE;AAAA,MACpE;AACA,YAAM,OAAO,iBAAiB,QAAQ;AACtC,cAAQ,IAAI,oBAAoB,kBAAkB,WAAW,OAAO;AACpE,UAAI,CAAC,MAAM;AACT,cAAM,IAAI,MAAM,yBAAyB,mBAAmB,EAAE;AAAA,MAChE;AACA,YAAM,SAAS,KAAK,CAAC;AACrB,UAAI,UAAU,MAAM,GAAG;AACrB,kBAAU,MAAM,EAAE,KAAK,gBAAgB;AAAA,MACzC,OAAO;AACL,kBAAU,MAAM,IAAI,CAAC,gBAAgB;AAAA,MACvC;AACA,aAAO;AAAA,IACT;AAAA,IACA,CAAC;AAAA,EACH;AACA,SACE,oCAAC,aACC,oCAAC,0BAAoB,QAAS,GAC9B,oCAAC,2BACE,OAAO,KAAK,iBAAiB,EAC3B,KAAK,EACL,IAAI,CAAC,QAAQ,UAAU;AACtB,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS,kBAAkB,MAAM;AAAA,QACjC,KAAK;AAAA;AAAA,IACP;AAAA,EAEJ,CAAC,CACL,CACF;AAEJ;",
-  "names": []
-}

package/Kitchensink/KitchensinkByLetter/index.js

@@ -1,27 +0,0 @@
-import React from "react";
-import Heading from "@digigov/react-core/Heading";
-import { KitchenSinkLetterContent } from "@digigov/react-core/KitchenSinkLetterContent";
-import { KitchensinkComponent } from "@digigov/react-experimental/Kitchensink/KitchensinkComponent";
-const KitchensinkByLetter = ({
-  letter,
-  stories
-}) => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Heading, null, letter), /* @__PURE__ */ React.createElement(KitchenSinkLetterContent, null, stories.map((story, index) => {
-    return /* @__PURE__ */ React.createElement(
-      KitchensinkComponent,
-      {
-        tags: story.default.tags,
-        title: story.default.displayName,
-        description: story.default.description,
-        link: story.default.link,
-        width: story.default.defaultWidth,
-        stories: story,
-        key: index
-      }
-    );
-  })));
-};
-export {
-  KitchensinkByLetter
-};
-//# sourceMappingURL=KitchensinkByLetter.js.map

package/Kitchensink/KitchensinkByLetter/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "main": "../../cjs/Kitchensink/KitchensinkByLetter/index.js"
-}

package/Kitchensink/KitchensinkByLetter.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/Kitchensink/KitchensinkByLetter.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport Heading from '@digigov/react-core/Heading';\nimport { KitchenSinkLetterContent } from '@digigov/react-core/KitchenSinkLetterContent';\nimport { KitchensinkComponent } from '@digigov/react-experimental/Kitchensink/KitchensinkComponent';\n\nexport interface KitchensinkByLetterInterface {\n  letter: string;\n  stories: any;\n}\n\nexport const KitchensinkByLetter = ({\n  letter,\n  stories,\n}: KitchensinkByLetterInterface) => {\n  return (\n    <div>\n      <Heading>{letter}</Heading>\n      <KitchenSinkLetterContent>\n        {stories.map((story, index) => {\n          return (\n            <KitchensinkComponent\n              tags={story.default.tags}\n              title={story.default.displayName}\n              description={story.default.description}\n              link={story.default.link}\n              width={story.default.defaultWidth}\n              stories={story}\n              key={index}\n            />\n          );\n        })}\n      </KitchenSinkLetterContent>\n    </div>\n  );\n};\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,aAAa;AACpB,SAAS,gCAAgC;AACzC,SAAS,4BAA4B;AAO9B,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AACF,MAAoC;AAClC,SACE,oCAAC,aACC,oCAAC,eAAS,MAAO,GACjB,oCAAC,gCACE,QAAQ,IAAI,CAAC,OAAO,UAAU;AAC7B,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,MAAM,QAAQ;AAAA,QACpB,OAAO,MAAM,QAAQ;AAAA,QACrB,aAAa,MAAM,QAAQ;AAAA,QAC3B,MAAM,MAAM,QAAQ;AAAA,QACpB,OAAO,MAAM,QAAQ;AAAA,QACrB,SAAS;AAAA,QACT,KAAK;AAAA;AAAA,IACP;AAAA,EAEJ,CAAC,CACH,CACF;AAEJ;",
-  "names": []
-}

package/Kitchensink/KitchensinkComponent/index.js

@@ -1,32 +0,0 @@
-import React from "react";
-import { KitchenSinkCard } from "@digigov/react-core/KitchenSinkCard";
-import { KitchenSinkContent } from "@digigov/react-core/KitchenSinkContent";
-import { KitchenSinkContentInfo } from "@digigov/react-core/KitchenSinkContentInfo";
-import { KitchenSinkContentTags } from "@digigov/react-core/KitchenSinkContentTags";
-import PhaseBanner, {
-  PhaseBannerTag,
-  PhaseBannerText
-} from "@digigov/ui/feedback/PhaseBanner";
-import SectionBreak from "@digigov/ui/layouts/SectionBreak";
-import Link from "@digigov/ui/navigation/Link";
-import { Paragraph } from "@digigov/ui/typography";
-import Heading from "@digigov/ui/typography/Heading";
-const KitchensinkComponent = ({
-  tags = [],
-  title,
-  description,
-  link,
-  stories,
-  width = "md"
-}) => {
-  return /* @__PURE__ */ React.createElement(KitchenSinkContent, { wide: width === "lg" }, /* @__PURE__ */ React.createElement(KitchenSinkContentInfo, null, /* @__PURE__ */ React.createElement(KitchenSinkContentTags, null, tags && tags.map((tag, index) => {
-    return /* @__PURE__ */ React.createElement(PhaseBanner, { key: index }, /* @__PURE__ */ React.createElement(PhaseBannerTag, null, tag), /* @__PURE__ */ React.createElement(PhaseBannerText, null, "\u0391\u03C5\u03C4\u03AE \u03B5\u03AF\u03BD\u03B1\u03B9 \u03BC\u03AF\u03B1 \u03BD\u03AD\u03B1 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u2013 \u03C4\u03B1", " ", /* @__PURE__ */ React.createElement(Link, { href: "#feedback" }, "\u03C3\u03C7\u03CC\u03BB\u03B9\u03AC"), " \u03C3\u03B1\u03C2 \u03B8\u03B1 \u03BC\u03B1\u03C2 \u03B2\u03BF\u03B7\u03B8\u03AE\u03C3\u03BF\u03C5\u03BD \u03BD\u03B1 \u03C4\u03B7 \u03B2\u03B5\u03BB\u03C4\u03B9\u03CE\u03C3\u03BF\u03C5\u03BC\u03B5."));
-  })), /* @__PURE__ */ React.createElement(Heading, { size: "lg" }, title), /* @__PURE__ */ React.createElement(Paragraph, null, description), link && /* @__PURE__ */ React.createElement(Link, { href: link }, "View on GOV.GR Design System"), /* @__PURE__ */ React.createElement(SectionBreak, null)), Object.keys(stories).filter((story) => story !== "default").map((story, index) => {
-    const Component = stories[story];
-    return /* @__PURE__ */ React.createElement("div", { key: index }, /* @__PURE__ */ React.createElement(SectionBreak, null), /* @__PURE__ */ React.createElement(Heading, { size: "sm" }, story), /* @__PURE__ */ React.createElement(KitchenSinkCard, null, /* @__PURE__ */ React.createElement(Component, null)));
-  }));
-};
-export {
-  KitchensinkComponent
-};
-//# sourceMappingURL=KitchensinkComponent.js.map

package/Kitchensink/KitchensinkComponent/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "main": "../../cjs/Kitchensink/KitchensinkComponent/index.js"
-}

package/Kitchensink/KitchensinkComponent.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/Kitchensink/KitchensinkComponent.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { KitchenSinkCard } from '@digigov/react-core/KitchenSinkCard';\nimport { KitchenSinkContent } from '@digigov/react-core/KitchenSinkContent';\nimport { KitchenSinkContentInfo } from '@digigov/react-core/KitchenSinkContentInfo';\nimport { KitchenSinkContentTags } from '@digigov/react-core/KitchenSinkContentTags';\nimport PhaseBanner, {\n  PhaseBannerTag,\n  PhaseBannerText,\n} from '@digigov/ui/feedback/PhaseBanner';\nimport SectionBreak from '@digigov/ui/layouts/SectionBreak';\nimport Link from '@digigov/ui/navigation/Link';\nimport { Paragraph } from '@digigov/ui/typography';\nimport Heading from '@digigov/ui/typography/Heading';\n\nexport interface KitchensinkComponentInterface {\n  tags?: string[]; // ex. Experimental\n  title: string;\n  description?: string;\n  link?: string;\n  stories: React.ReactElement[];\n  width?: 'md' | 'lg';\n}\nexport const KitchensinkComponent = ({\n  tags = [],\n  title,\n  description,\n  link,\n  stories,\n  width = 'md',\n}: KitchensinkComponentInterface) => {\n  return (\n    <KitchenSinkContent wide={width === 'lg'}>\n      <KitchenSinkContentInfo>\n        <KitchenSinkContentTags>\n          {tags &&\n            tags.map((tag, index) => {\n              return (\n                <PhaseBanner key={index}>\n                  <PhaseBannerTag>{tag}</PhaseBannerTag>\n                  <PhaseBannerText>\n                    \u0391\u03C5\u03C4\u03AE \u03B5\u03AF\u03BD\u03B1\u03B9 \u03BC\u03AF\u03B1 \u03BD\u03AD\u03B1 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u2013 \u03C4\u03B1{' '}\n                    <Link href=\"#feedback\">\u03C3\u03C7\u03CC\u03BB\u03B9\u03AC</Link> \u03C3\u03B1\u03C2 \u03B8\u03B1 \u03BC\u03B1\u03C2 \u03B2\u03BF\u03B7\u03B8\u03AE\u03C3\u03BF\u03C5\u03BD \u03BD\u03B1\n                    \u03C4\u03B7 \u03B2\u03B5\u03BB\u03C4\u03B9\u03CE\u03C3\u03BF\u03C5\u03BC\u03B5.\n                  </PhaseBannerText>\n                </PhaseBanner>\n              );\n            })}\n        </KitchenSinkContentTags>\n        <Heading size=\"lg\">{title}</Heading>\n        <Paragraph>{description}</Paragraph>\n        {link && <Link href={link}>View on GOV.GR Design System</Link>}\n        <SectionBreak />\n      </KitchenSinkContentInfo>\n      {Object.keys(stories)\n        .filter((story) => story !== 'default')\n        .map((story, index) => {\n          const Component = stories[story];\n          return (\n            <div key={index}>\n              <SectionBreak />\n              <Heading size=\"sm\">{story}</Heading>\n              <KitchenSinkCard>\n                <Component />\n              </KitchenSinkCard>\n            </div>\n          );\n        })}\n    </KitchenSinkContent>\n  );\n};\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,uBAAuB;AAChC,SAAS,0BAA0B;AACnC,SAAS,8BAA8B;AACvC,SAAS,8BAA8B;AACvC,OAAO;AAAA,EACL;AAAA,EACA;AAAA,OACK;AACP,OAAO,kBAAkB;AACzB,OAAO,UAAU;AACjB,SAAS,iBAAiB;AAC1B,OAAO,aAAa;AAUb,MAAM,uBAAuB,CAAC;AAAA,EACnC,OAAO,CAAC;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AACV,MAAqC;AACnC,SACE,oCAAC,sBAAmB,MAAM,UAAU,QAClC,oCAAC,8BACC,oCAAC,8BACE,QACC,KAAK,IAAI,CAAC,KAAK,UAAU;AACvB,WACE,oCAAC,eAAY,KAAK,SAChB,oCAAC,sBAAgB,GAAI,GACrB,oCAAC,uBAAgB,sKACkB,KACjC,oCAAC,QAAK,MAAK,eAAY,sCAAM,GAAO,0MAEtC,CACF;AAAA,EAEJ,CAAC,CACL,GACA,oCAAC,WAAQ,MAAK,QAAM,KAAM,GAC1B,oCAAC,iBAAW,WAAY,GACvB,QAAQ,oCAAC,QAAK,MAAM,QAAM,8BAA4B,GACvD,oCAAC,kBAAa,CAChB,GACC,OAAO,KAAK,OAAO,EACjB,OAAO,CAAC,UAAU,UAAU,SAAS,EACrC,IAAI,CAAC,OAAO,UAAU;AACrB,UAAM,YAAY,QAAQ,KAAK;AAC/B,WACE,oCAAC,SAAI,KAAK,SACR,oCAAC,kBAAa,GACd,oCAAC,WAAQ,MAAK,QAAM,KAAM,GAC1B,oCAAC,uBACC,oCAAC,eAAU,CACb,CACF;AAAA,EAEJ,CAAC,CACL;AAEJ;",
-  "names": []
-}

package/Kitchensink/KitchensinkDashboard/index.js

@@ -1,45 +0,0 @@
-import React from "react";
-import { KitchenSinkAllComponents } from "@digigov/react-core/KitchenSinkAllComponents";
-import Paragraph from "@digigov/react-core/Paragraph";
-import { KitchensinkByCategory } from "@digigov/react-experimental/Kitchensink/KitchensinkByCategory";
-const KitchenSinkDashboard = ({
-  stories
-}) => {
-  const categoryOrder = Object.keys(stories).reduce(
-    (catStories, componentStoriesKey) => {
-      const componentStories = stories[componentStoriesKey];
-      if (componentStories.default.ignore) {
-        return catStories;
-      }
-      if (!componentStories.default.component) {
-        throw new Error(`no component was found in ${componentStoriesKey}`);
-      }
-      const title = componentStories.default.title.split("/")[1];
-      if (!title) {
-        throw new Error(`no title was found for ${componentStoriesKey}`);
-      }
-      const category = title;
-      if (catStories[category]) {
-        catStories[category].push(componentStories);
-      } else {
-        catStories[category] = [componentStories];
-      }
-      return catStories;
-    },
-    {}
-  );
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Paragraph, { fontSize: 72, fontWeight: "bold" }, "Components"), /* @__PURE__ */ React.createElement(KitchenSinkAllComponents, null, Object.keys(categoryOrder).sort((a, b) => a > b ? -1 : 1).map((category, index) => {
-    return /* @__PURE__ */ React.createElement(
-      KitchensinkByCategory,
-      {
-        category,
-        stories: categoryOrder[category],
-        key: index
-      }
-    );
-  })));
-};
-export {
-  KitchenSinkDashboard
-};
-//# sourceMappingURL=KitchensinkDashboard.js.map

package/Kitchensink/KitchensinkDashboard/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "main": "../../cjs/Kitchensink/KitchensinkDashboard/index.js"
-}