@eccenca/gui-elements 23.1.0-rc.4 → 23.2.0-rc.0

package/dist/types/extensions/react-flow/nodes/nodeTypes.d.ts

@@ -1,13 +1,13 @@
 /// <reference types="react" />
 export declare const nodeTypes: {
-    default: import("react").MemoExoticComponent<(node: import("./NodeDefault").NodeProps<any, any>) => JSX.Element>;
-    graphNode: import("react").MemoExoticComponent<(node: import("./NodeDefault").NodeProps<any, any>) => JSX.Element>;
-    classNode: import("react").MemoExoticComponent<(node: import("./NodeDefault").NodeProps<any, any>) => JSX.Element>;
-    instanceNode: import("react").MemoExoticComponent<(node: import("./NodeDefault").NodeProps<any, any>) => JSX.Element>;
-    propertyNode: import("react").MemoExoticComponent<(node: import("./NodeDefault").NodeProps<any, any>) => JSX.Element>;
-    datasetNode: import("react").MemoExoticComponent<(node: import("./NodeDefault").NodeProps<any, any>) => JSX.Element>;
-    linkingNode: import("react").MemoExoticComponent<(node: import("./NodeDefault").NodeProps<any, any>) => JSX.Element>;
-    transformNode: import("react").MemoExoticComponent<(node: import("./NodeDefault").NodeProps<any, any>) => JSX.Element>;
-    taskNode: import("react").MemoExoticComponent<(node: import("./NodeDefault").NodeProps<any, any>) => JSX.Element>;
-    workflowNode: import("react").MemoExoticComponent<(node: import("./NodeDefault").NodeProps<any, any>) => JSX.Element>;
+    default: import("react").MemoExoticComponent<(node: import("./NodeDefault").NodeDefaultProps<any, any>) => import("react").JSX.Element>;
+    graphNode: import("react").MemoExoticComponent<(node: import("./NodeDefault").NodeDefaultProps<any, any>) => import("react").JSX.Element>;
+    classNode: import("react").MemoExoticComponent<(node: import("./NodeDefault").NodeDefaultProps<any, any>) => import("react").JSX.Element>;
+    instanceNode: import("react").MemoExoticComponent<(node: import("./NodeDefault").NodeDefaultProps<any, any>) => import("react").JSX.Element>;
+    propertyNode: import("react").MemoExoticComponent<(node: import("./NodeDefault").NodeDefaultProps<any, any>) => import("react").JSX.Element>;
+    datasetNode: import("react").MemoExoticComponent<(node: import("./NodeDefault").NodeDefaultProps<any, any>) => import("react").JSX.Element>;
+    linkingNode: import("react").MemoExoticComponent<(node: import("./NodeDefault").NodeDefaultProps<any, any>) => import("react").JSX.Element>;
+    transformNode: import("react").MemoExoticComponent<(node: import("./NodeDefault").NodeDefaultProps<any, any>) => import("react").JSX.Element>;
+    taskNode: import("react").MemoExoticComponent<(node: import("./NodeDefault").NodeDefaultProps<any, any>) => import("react").JSX.Element>;
+    workflowNode: import("react").MemoExoticComponent<(node: import("./NodeDefault").NodeDefaultProps<any, any>) => import("react").JSX.Element>;
 };

package/dist/types/extensions/react-flow/nodes/nodeUtils.d.ts

@@ -1,14 +1,14 @@
 import { CSSProperties } from "react";
 import { Node } from "react-flow-renderer";
-interface IStickyNote {
+declare type IStickyNote = {
     id: string;
     content: string;
     color: string;
     position: number[];
     dimension: number[];
-}
-declare const utils: {
+};
+export declare const nodeDefaultUtils: {
     generateStyleWithColor: (color: string) => CSSProperties;
     transformNodeToStickyNode: (node: Node<any>) => IStickyNote;
 };
-export default utils;
+export default nodeDefaultUtils;

package/dist/types/extensions/react-flow/nodes/sharedTypes.d.ts

@@ -0,0 +1,3 @@
+import Color from "color";
+export declare type HighlightingState = "success" | "warning" | "danger" | "match" | "altmatch";
+export declare type NodeHighlightColor = "default" | "alternate" | Color | string;

package/dist/types/index.d.ts

@@ -1,92 +1,19 @@
-/// <reference types="react" />
-import ApplicationContainer from "./components/Application/ApplicationContainer";
-import ApplicationHeader from "./components/Application/ApplicationHeader";
-import ApplicationContent from "./components/Application/ApplicationContent";
-import ApplicationSidebarNavigation from "./components/Application/ApplicationSidebarNavigation";
-import ApplicationSidebarToggler from "./components/Application/ApplicationSidebarToggler";
-import ApplicationTitle from "./components/Application/ApplicationTitle";
-import ApplicationToolbar from "./components/Application/ApplicationToolbar";
-import ApplicationToolbarSection from "./components/Application/ApplicationToolbarSection";
-import ApplicationToolbarAction from "./components/Application/ApplicationToolbarAction";
-import ApplicationToolbarPanel from "./components/Application/ApplicationToolbarPanel";
-import AutoSuggestion from "./components/AutoSuggestion/AutoSuggestion";
-import { AutoSuggestionList } from "./components/AutoSuggestion/AutoSuggestionList";
-import SingleLineCodeEditor from "./components/AutoSuggestion/SingleLineCodeEditor";
-import Grid from "./components/Grid/Grid";
-import GridRow from "./components/Grid/GridRow";
-import GridColumn from "./components/Grid/GridColumn";
-import { HoverToggler } from "./components/HoverToggler/HoverToggler";
-import WorkspaceContent from "./components/Workspace/WorkspaceContent";
-import WorkspaceMain from "./components/Workspace/WorkspaceMain";
-import WorkspaceSide from "./components/Workspace/WorkspaceSide";
-import WorkspaceHeader from "./components/Workspace/WorkspaceHeader";
-import IconButton from "./components/Icon/IconButton";
-import Label from "./components/Label/Label";
-import Button from "./components/Button/Button";
-import Checkbox from "./components/Checkbox/Checkbox";
-import RadioButton from "./components/RadioButton/RadioButton";
-import Tabs from "./components/Tabs/Tabs";
-import Tab from "./components/Tabs/Tab";
-import TabTitle from "./components/Tabs/TabTitle";
-import TabPanel from "./components/Tabs/TabPanel";
-import TextField from "./components/TextField/TextField";
-import TextArea from "./components/TextField/TextArea";
-import SearchField from "./components/TextField/SearchField";
-import Switch from "./components/Switch/Switch";
-import NumericInput from "./components/NumericInput/NumericInput";
-import FieldItem from "./components/Form/FieldItem";
-import FieldItemRow from "./components/Form/FieldItemRow";
-import FieldSet from "./components/Form/FieldSet";
-import { AutoCompleteField } from "./components/AutocompleteField/AutoCompleteField";
-import Menu from "./components/Menu/Menu";
-import MenuItem from "./components/Menu/MenuItem";
-import MenuDivider from "./components/Menu/MenuDivider";
-import ContextOverlay from "./components/ContextOverlay/ContextOverlay";
-import ContextMenu from "./components/ContextOverlay/ContextMenu";
-import Pagination from "./components/Pagination/Pagination";
-import Notification from "./components/Notification/Notification";
-import Toast from "./components/Notification/Toast";
-import Select from "./components/Select/Select";
-import MultiSelect from "./components/MultiSelect/MultiSelect";
-import { Iframe } from "./components/Iframe/Iframe";
-import { IframeModal } from "./components/Iframe/IframeModal";
-import { OverviewItem, OverviewItemActions, OverviewItemDepiction, OverviewItemDescription, OverviewItemLine, OverviewItemList } from "./components/OverviewItem";
-import BreadcrumbList from "./components/Breadcrumb/BreadcrumbList";
-import BreadcrumbItem from "./components/Breadcrumb/BreadcrumbItem";
-import Modal from "./components/Dialog/Modal";
-import SimpleDialog from "./components/Dialog/SimpleDialog";
-import AlertDialog from "./components/Dialog/AlertDialog";
-import { Card, CardHeader, CardTitle, CardOptions, CardContent, CardActions, CardActionsAux } from "./components/Card";
-import Spacing from "./components/Separation/Spacing";
-import Divider from "./components/Separation/Divider";
-import Tooltip from "./components/Tooltip/Tooltip";
-import Toolbar from "./components/Toolbar/Toolbar";
-import ToolbarSection from "./components/Toolbar/ToolbarSection";
-import Section from "./components/Structure/Section";
-import SectionHeader from "./components/Structure/SectionHeader";
-import TitlePage from "./components/Structure/TitlePage";
-import TitleMainsection from "./components/Structure/TitleMainsection";
-import TitleSubsection from "./components/Structure/TitleSubsection";
-import Accordion from "./components/Accordion/Accordion";
-import AccordionItem from "./components/Accordion/AccordionItem";
-import Link from "./components/Link/Link";
-import Spinner from "./components/Spinner/Spinner";
-import InteractionGate from "./components/InteractionGate/InteractionGate";
-import { PropertyName, PropertyValue, PropertyValuePair, PropertyValueList } from "./components/PropertyValuePair";
-import List from "./components/List/List";
-import * as LegacyReplacements from "./legacy-replacements";
 import * as TypographyClassNames from "./components/Typography/classnames";
-declare const HelperClasses: {
+import * as LegacyReplacements from "./legacy-replacements";
+declare const ClassNames: {
     Typography: typeof TypographyClassNames;
     Intent: {
         [key: string]: string;
     };
 };
-declare const Utilities: {
-    openInNewTab: (event: import("react").MouseEvent<HTMLElement, MouseEvent>, handler?: ((e: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined, url?: string | undefined) => void;
-    decideContrastColorValue: ({ testColor, lightColor, darkColor }: import("./common/utils/colorDecideContrastvalue").decideContrastColorValueProps) => string;
+declare const HelperClasses: {
+    Typography: typeof TypographyClassNames;
+    Intent: {
+        [key: string]: string;
+    };
 };
-export { ApplicationContainer, ApplicationHeader, ApplicationContent, ApplicationSidebarNavigation, ApplicationSidebarToggler, ApplicationTitle, ApplicationToolbar, ApplicationToolbarSection, ApplicationToolbarAction, ApplicationToolbarPanel, AutoSuggestion, AutoSuggestionList, SingleLineCodeEditor, Grid, GridRow, GridColumn, List, WorkspaceContent, WorkspaceMain, WorkspaceSide, WorkspaceHeader, Menu, MenuItem, MenuDivider, ContextOverlay, ContextMenu, OverviewItem, OverviewItemDepiction, OverviewItemDescription, OverviewItemLine, OverviewItemActions, OverviewItemList, IconButton, Label, Button, Checkbox, RadioButton, Tabs, Tab, TabTitle, TabPanel, TextField, TextArea, SearchField, Switch, NumericInput, FieldItem, FieldItemRow, FieldSet, BreadcrumbList, BreadcrumbItem, Modal, SimpleDialog, AlertDialog, Card, CardHeader, CardTitle, CardOptions, CardContent, CardActions, CardActionsAux, HoverToggler, Spacing, Divider, Tooltip, Section, SectionHeader, TitlePage, TitleMainsection, TitleSubsection, Accordion, AccordionItem, Toolbar, ToolbarSection, Pagination, Notification, Link, Spinner, InteractionGate, PropertyName, PropertyValue, PropertyValuePair, PropertyValueList, Toast, HelperClasses, Select, MultiSelect, AutoCompleteField, Iframe, IframeModal, Utilities, LegacyReplacements, };
+export * from "./common";
 export * from "./components";
 export * from "./extensions";
 export * from "./cmem";
+export { ClassNames, HelperClasses, LegacyReplacements, };

package/dist/types/legacy-replacements/Button/AffirmativeButton.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function AffirmativeButtonReplacement({ children, ...otherProps }: any): JSX.Element;
+import React from 'react';
+export declare function AffirmativeButtonReplacement({ children, ...otherProps }: any): React.JSX.Element;

package/dist/types/legacy-replacements/Button/Button.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 export declare const iconMappings: {
     [key: string]: any;
 };
-export declare function ButtonReplacement({ children, className, fabSize, iconName, tooltip, progress, disabled, affirmative, dismissive, disruptive, raised, colored, ...otherProps }: any): JSX.Element;
+export declare function ButtonReplacement({ children, className, fabSize, iconName, tooltip, progress, disabled, affirmative, dismissive, disruptive, raised, colored, ...otherProps }: any): React.JSX.Element;

package/dist/types/legacy-replacements/Button/DismissiveButton.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function DismissiveButtonReplacement({ children, ...otherProps }: any): JSX.Element;
+import React from 'react';
+export declare function DismissiveButtonReplacement({ children, ...otherProps }: any): React.JSX.Element;

package/dist/types/legacy-replacements/Button/DisruptiveButton.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function DisruptiveButtonReplacement({ children, ...otherProps }: any): JSX.Element;
+import React from 'react';
+export declare function DisruptiveButtonReplacement({ children, ...otherProps }: any): React.JSX.Element;

package/dist/types/legacy-replacements/Checkbox/Checkbox.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function CheckboxReplacement({ children, checked, className, disabled, label, onChange, ...otherProps }: any): JSX.Element;
+import React from 'react';
+export declare function CheckboxReplacement({ children, checked, className, disabled, label, onChange, ...otherProps }: any): React.JSX.Element;

package/dist/types/legacy-replacements/Radio/RadioButton.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function RadioButtonReplacement({ children, label, ...otherProps }: any): JSX.Element;
+import React from 'react';
+export declare function RadioButtonReplacement({ children, label, ...otherProps }: any): React.JSX.Element;

package/dist/types/legacy-replacements/Tabs/Tabs.d.ts

@@ -18,5 +18,5 @@ export interface DeprecatedTabProps {
     dontShrink?: boolean;
     className?: string;
 }
-export declare function TabsReplacement({ activeTab, tabs, onTabClick, controlled, prefixTabNames, className, allowScrollbars, ...restProps }: TabsProps): JSX.Element;
+export declare function TabsReplacement({ activeTab, tabs, onTabClick, controlled, prefixTabNames, className, allowScrollbars, ...restProps }: TabsProps): React.JSX.Element;
 export {};

package/dist/types/legacy-replacements/TextField/TextField.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function TextFieldReplacement({ className, disabled, error, inputClassName, label, multiline, onChange, onClearValue, required, stretch, value, ...otherProps }: any): JSX.Element;
+import React from 'react';
+export declare function TextFieldReplacement({ className, disabled, error, inputClassName, label, multiline, onChange, onClearValue, required, stretch, value, ...otherProps }: any): React.JSX.Element;

package/package.json

@@ -1,200 +1,220 @@
 {
-  "name": "@eccenca/gui-elements",
-  "description": "GUI elements based on other libraries, usable in React application, written in Typescript.",
-  "version": "23.1.0-rc.4",
-  "license": "Apache-2.0",
-  "homepage": "https://github.com/eccenca/gui-elements",
-  "bugs": "https://github.com/eccenca/gui-elements/issues",
-  "keywords": [
-    "GUI",
-    "React",
-    "Blueprint",
-    "Carbon Design System",
-    "Typescript",
-    "SCSS"
-  ],
-  "maintainers": [
-    {
-      "name": " eccenca GmbH",
-      "email": "info@eccenca.com",
-      "web": "https://eccence.com/"
-    }
-  ],
-  "repository": {
-    "type": "git",
-    "url": "git://github.com/eccenca/gui-elements.git"
-  },
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org"
-  },
-  "engines": {
-    "node": ">=14.x"
-  },
-  "style": "src/index.scss",
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "types": "dist/types/index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./dist/esm/index.js",
-      "require": "./dist/cjs/index.js"
-    },
-    "./config/sassOptions": "./scripts/sassConfig.js"
-  },
-  "files": [
-    "dist",
-    "src",
-    "scripts"
-  ],
-  "scripts": {
-    "build:clean": "rimraf dist/",
-    "build:esm": "tsc --project .typescript/tsbuild-esm.json && ./scripts/fix-esm-dist",
-    "build:cjs": "tsc --project .typescript/tsbuild-cjs.json && ./scripts/fix-cjs-dist",
-    "build:all": "yarn build:clean && yarn build:esm && yarn build:cjs",
-    "compile": "tsc --build tsconfig.json",
-    "compile-scss": "ts-node -O \"{ \\\"esModuleInterop\\\": true, \\\"module\\\": \\\"commonjs\\\"}\" ./scripts/compile-sass.ts",
-    "storybook": "start-storybook -p 6006 --no-open",
-    "build-storybook": "build-storybook",
-    "test": "jest",
-    "test:ci": "jest --ci --reporters='default'",
-    "test:coverage": "jest --collectCoverage",
-    "test:generate-output": "jest --json --outputFile=.jest-test-results.json",
-    "check:package": "pjv --warnings --recommendations"
-  },
-  "dependencies": {
-    "@blueprintjs/colors": "^4.1.5",
-    "@blueprintjs/core": "^4.9.0",
-    "@blueprintjs/popover2": "^1.6.0",
-    "@blueprintjs/select": "^4.6.0",
-    "@carbon/icons": "^11.11.0",
-    "@carbon/icons-react": "^11.11.0",
-    "@carbon/styles": "^1.17.0",
-    "@mavrin/remark-typograf": "^2.2.0",
-    "carbon-components-react": "^8.17.0",
-    "codemirror": "^5.61.0",
-    "color": "3.2.1",
-    "lodash": "^4.17.21",
-    "micromark": "^3.0.10",
-    "re-resizable": "6.9.9",
-    "react": "^16.13.1",
-    "react-codemirror2": "^7.2.1",
-    "react-dom": "^16.13.1",
-    "react-flow-renderer": "9.7.4",
-    "react-flow-renderer-lts": "npm:react-flow-renderer@^10.3.17",
-    "react-inlinesvg": "^3.0.1",
-    "react-markdown": "^7.0.1",
-    "rehype-raw": "^6.1.0",
-    "remark-definition-list": "^1.1.0",
-    "remark-gfm": "^3.0.0",
-    "remark-parse": "^10.0.0",
-    "reset-css": "^5.0.1",
-    "unified": "^10.1.1",
-    "wicg-inert": "^3.1.2"
-  },
-  "devDependencies": {
-    "@babel/core": "7.9.0",
-    "@babel/plugin-proposal-class-properties": "^7.16.7",
-    "@babel/plugin-proposal-private-methods": "^7.16.11",
-    "@babel/plugin-proposal-private-property-in-object": "^7.16.7",
-    "@babel/preset-env": "^7.16.11",
-    "@babel/preset-flow": "^7.16.5",
-    "@babel/preset-react": "^7.16.7",
-    "@babel/preset-typescript": "^7.16.7",
-    "@storybook/addon-actions": "^6.5.10",
-    "@storybook/addon-essentials": "^6.5.10",
-    "@storybook/addon-jest": "^6.5.10",
-    "@storybook/addon-links": "^6.5.10",
-    "@storybook/preset-scss": "^1.0.3",
-    "@storybook/react": "^6.5.10",
-    "@testing-library/jest-dom": "^5.16.1",
-    "@testing-library/react": "^12.1.2",
-    "@types/carbon-components-react": "^7.55.2",
-    "@types/codemirror": "^5.60.5",
-    "@types/color": "^3.0.2",
-    "@types/jest": "^24.9.1",
-    "@types/lodash": "^4.14.182",
-    "@typescript-eslint/eslint-plugin": "^4.33.0",
-    "@typescript-eslint/parser": "^4.33.0",
-    "babel-jest": "^27.5.1",
-    "chromatic": "^6.5.1",
-    "eslint": "^7.32.0",
-    "eslint-config-react-app": "^6.0.0",
-    "identity-obj-proxy": "^3.0.0",
-    "jest": "^26.6.3",
-    "jest-environment-jsdom-fourteen": "1.0.1",
-    "jest-pnp-resolver": "^1.2.1",
-    "node-sass-package-importer": "^5.3.2",
-    "package-json-validator": "^0.6.3",
-    "react-app-polyfill": "^1.0.6",
-    "react-lorem-ipsum": "^1.4.9",
-    "regenerator-runtime": "^0.13.9",
-    "rimraf": "^3.0.2",
-    "sass": "^1.53.0",
-    "sass-loader": "^10.3.1",
-    "ts-node": "^10.9.1",
-    "tsc-esm-fix": "^2.13.0",
-    "typescript": "4.4.4",
-    "yargs": "^17.6.2"
-  },
-  "peerDependencies": {
-    "@types/carbon-components-react": ">=7",
-    "react": ">=16",
-    "react-dom": ">=16"
-  },
-  "resolutions": {
-    "**/@types/react": "^17.0.52",
-    "**/node-gyp": "^7.0.0",
-    "**/glob-parent": "^5.1.2",
-    "**/trim": "^0.0.3",
-    "**/trim-newlines": "^3.0.1",
-    "**/minimist": "^1.2.7",
-    "**/postcss": "^7.0.36"
-  },
-  "eslintConfig": {
-    "extends": [
-      "react-app"
-    ]
-  },
-  "jest": {
-    "roots": [
-      "<rootDir>/src/"
-    ],
-    "collectCoverageFrom": [
-      "src/**/*.{js,jsx,ts,tsx}",
-      "!src/**/*.d.ts"
-    ],
-    "resolver": "jest-pnp-resolver",
-    "setupFiles": [
-      "react-app-polyfill/jsdom"
+    "name": "@eccenca/gui-elements",
+    "description": "GUI elements based on other libraries, usable in React application, written in Typescript.",
+    "version": "23.2.0-rc.0",
+    "license": "Apache-2.0",
+    "homepage": "https://github.com/eccenca/gui-elements",
+    "bugs": "https://github.com/eccenca/gui-elements/issues",
+    "keywords": [
+        "GUI",
+        "React",
+        "Blueprint",
+        "Carbon Design System",
+        "Typescript",
+        "SCSS"
     ],
-    "setupFilesAfterEnv": [
-      "<rootDir>/src/test/setupTests.js"
+    "maintainers": [
+        {
+            "name": " eccenca GmbH",
+            "email": "info@eccenca.com",
+            "web": "https://eccence.com/"
+        }
     ],
-    "testMatch": [
-      "<rootDir>/src/**/*(*.)@(spec|test).{js,jsx,ts,tsx}"
-    ],
-    "testEnvironment": "jest-environment-jsdom-fourteen",
-    "transform": {
-      "^.+\\.(js|jsx|ts|tsx)$": "babel-jest"
+    "repository": {
+        "type": "git",
+        "url": "git://github.com/eccenca/gui-elements.git"
     },
-    "transformIgnorePatterns": [
-      "[/\\\\]node_modules[/\\\\](?!react-markdown|vfile|unist-util-stringify-position|).+\\.(js|jsx|ts|tsx)$",
-      "^.+\\.module\\.(css|sass|scss)$"
-    ],
-    "moduleFileExtensions": [
-      "web.js",
-      "js",
-      "web.ts",
-      "ts",
-      "web.tsx",
-      "tsx",
-      "json",
-      "web.jsx",
-      "jsx",
-      "node"
+    "publishConfig": {
+        "registry": "https://registry.npmjs.org"
+    },
+    "engines": {
+        "node": ">=16.x"
+    },
+    "style": "src/index.scss",
+    "main": "dist/cjs/index.js",
+    "module": "dist/esm/index.js",
+    "types": "dist/types/index.d.ts",
+    "exports": {
+        ".": {
+            "import": "./dist/esm/index.js",
+            "require": "./dist/cjs/index.js"
+        },
+        "./config/sassOptions": "./scripts/sassConfig.js"
+    },
+    "files": [
+        "dist",
+        "src",
+        "scripts"
     ],
-    "moduleNameMapper": {
-      "\\.(css|scss)$": "identity-obj-proxy"
+    "scripts": {
+        "build:clean": "rimraf dist/",
+        "build:esm": "tsc --project .typescript/tsbuild-esm.json && ./scripts/fix-esm-dist",
+        "build:cjs": "tsc --project .typescript/tsbuild-cjs.json && ./scripts/fix-cjs-dist",
+        "build:all": "yarn build:clean && yarn build:esm && yarn build:cjs",
+        "compile": "tsc --build tsconfig.json",
+        "compile-scss": "ts-node -O \"{ \\\"esModuleInterop\\\": true, \\\"module\\\": \\\"commonjs\\\"}\" ./scripts/compile-sass.ts",
+        "storybook": "storybook dev -p 6006 --no-open",
+        "build-storybook": "storybook build --webpack-stats-json",
+        "test": "jest",
+        "test:ci": "jest --ci --reporters='default'",
+        "test:coverage": "jest --collectCoverage",
+        "test:generate-output": "jest --json --outputFile=.jest-test-results.json"
+    },
+    "dependencies": {
+        "@blueprintjs/colors": "^4.1.22",
+        "@blueprintjs/core": "^4.18.0",
+        "@blueprintjs/popover2": "^1.14.1",
+        "@blueprintjs/select": "^4.9.14",
+        "@carbon/icons": "^11.19.0",
+        "@carbon/icons-react": "^11.19.0",
+        "@carbon/styles": "^1.28.0",
+        "@mavrin/remark-typograf": "^2.2.0",
+        "carbon-components-react": "^8.28.0",
+        "codemirror": "^5.65.13",
+        "color": "3.2.1",
+        "lodash": "^4.17.21",
+        "micromark": "^3.0.10",
+        "re-resizable": "6.9.9",
+        "react": "^16.13.1",
+        "react-codemirror2": "^7.2.1",
+        "react-dom": "^16.13.1",
+        "react-flow-renderer": "9.7.4",
+        "react-flow-renderer-lts": "npm:react-flow-renderer@^10.3.17",
+        "react-inlinesvg": "^3.0.2",
+        "react-markdown": "^8.0.7",
+        "rehype-raw": "^6.1.0",
+        "remark-definition-list": "^1.1.0",
+        "remark-gfm": "^3.0.0",
+        "remark-parse": "^10.0.0",
+        "reset-css": "^5.0.1",
+        "unified": "^10.1.1",
+        "wicg-inert": "^3.1.2"
+    },
+    "devDependencies": {
+        "@babel/core": "^7.21.8",
+        "@babel/plugin-proposal-class-properties": "^7.16.7",
+        "@babel/plugin-proposal-private-methods": "^7.16.11",
+        "@babel/plugin-proposal-private-property-in-object": "^7.16.7",
+        "@babel/preset-env": "^7.21.5",
+        "@babel/preset-flow": "^7.16.5",
+        "@babel/preset-react": "^7.16.7",
+        "@babel/preset-typescript": "^7.21.5",
+        "@storybook/addon-actions": "^7.0.9",
+        "@storybook/addon-essentials": "^7.0.9",
+        "@storybook/addon-jest": "^7.0.9",
+        "@storybook/addon-links": "^7.0.9",
+        "@storybook/cli": "^7.0.9",
+        "@storybook/preset-scss": "^1.0.3",
+        "@storybook/react": "^7.0.9",
+        "@storybook/react-webpack5": "^7.0.9",
+        "@testing-library/jest-dom": "^5.16.1",
+        "@testing-library/react": "^12.1.2",
+        "@types/carbon-components-react": "^7.55.2",
+        "@types/codemirror": "^5.60.5",
+        "@types/color": "^3.0.2",
+        "@types/jest": "^24.9.1",
+        "@types/lodash": "^4.14.194",
+        "@typescript-eslint/eslint-plugin": "^5.59.11",
+        "@typescript-eslint/parser": "^5.59.11",
+        "babel-jest": "^27.5.1",
+        "chromatic": "^6.17.4",
+        "eslint": "^8.42.0",
+        "eslint-plugin-react": "^7.32.2",
+        "eslint-plugin-simple-import-sort": "^10.0.0",
+        "husky": "4",
+        "identity-obj-proxy": "^3.0.0",
+        "jest": "^26.6.3",
+        "jest-environment-jsdom-fourteen": "1.0.1",
+        "jest-pnp-resolver": "^1.2.1",
+        "lint-staged": "^13.2.2",
+        "node-sass-package-importer": "^5.3.2",
+        "prettier": "^2.8.8",
+        "react-app-polyfill": "^3.0.0",
+        "react-lorem-ipsum": "^1.4.9",
+        "regenerator-runtime": "^0.13.9",
+        "rimraf": "^5.0.0",
+        "sass": "^1.62.1",
+        "sass-loader": "^13.2.2",
+        "storybook": "^7.0.9",
+        "stylelint": "^15.7.0",
+        "stylelint-config-recess-order": "^4.2.0",
+        "stylelint-config-standard-scss": "^9.0.0",
+        "ts-node": "^10.9.1",
+        "tsc-esm-fix": "^2.20.13",
+        "typescript": "4.4.4",
+        "url-loader": "^4.1.1",
+        "yargs": "^17.7.2"
+    },
+    "peerDependencies": {
+        "@types/carbon-components-react": ">=7",
+        "react": ">=16",
+        "react-dom": ">=16"
+    },
+    "resolutions": {
+        "**/@types/react": "^17.0.59",
+        "**/postcss": "^8.4.23"
+    },
+    "husky": {
+        "hooks": {
+            "pre-commit": "lint-staged"
+        }
+    },
+    "lint-staged": {
+        "*.(js|json|md)": [
+            "prettier --write",
+            "git add"
+        ],
+        "*.(ts|tsx)": [
+            "eslint --fix",
+            "prettier --write",
+            "git add"
+        ],
+        "*.(scss)": [
+            "stylelint --fix",
+            "prettier --write",
+            "git add"
+        ]
+    },
+    "jest": {
+        "roots": [
+            "<rootDir>/src/"
+        ],
+        "collectCoverageFrom": [
+            "src/**/*.{js,jsx,ts,tsx}",
+            "!src/**/*.d.ts"
+        ],
+        "resolver": "jest-pnp-resolver",
+        "setupFiles": [
+            "react-app-polyfill/jsdom"
+        ],
+        "setupFilesAfterEnv": [
+            "<rootDir>/src/test/setupTests.js"
+        ],
+        "testMatch": [
+            "<rootDir>/src/**/*(*.)@(spec|test).{js,jsx,ts,tsx}"
+        ],
+        "testEnvironment": "jest-environment-jsdom-fourteen",
+        "transform": {
+            "^.+\\.(js|jsx|ts|tsx)$": "babel-jest"
+        },
+        "transformIgnorePatterns": [
+            "[/\\\\]node_modules[/\\\\](?!react-markdown|vfile|unist-util-stringify-position|).+\\.(js|jsx|ts|tsx)$",
+            "^.+\\.module\\.(css|sass|scss)$"
+        ],
+        "moduleFileExtensions": [
+            "web.js",
+            "js",
+            "web.ts",
+            "ts",
+            "web.tsx",
+            "tsx",
+            "json",
+            "web.jsx",
+            "jsx",
+            "node"
+        ],
+        "moduleNameMapper": {
+            "\\.(css|scss)$": "identity-obj-proxy"
+        }
     }
-  }
 }

package/scripts/sassConfig.js

@@ -2,7 +2,7 @@ const sass = require("sass");
 
 const functions = {
     'svg-icon($path, $selectors: null)': function(_path, _selectors) {
-        return new sass.SassString("unset");
+        return new sass.SassString("unset", {quotes: false});
     },
 };
 const sassRenderSyncConfig = {