[PLIP 6321] Remove Semantic UI from CMSUI

.stylelintignore

@@ -2,3 +2,4 @@ dist
 docs
 node_modules
 packages/registry/lib
+build

PLIPs.md

@@ -0,0 +1,8 @@
+# Plone Improvement Proposals (PLIPs)
+
+For details of the PLIP process, read the following.
+
+- [Plone Improvement Proposals (PLIPs)](https://6.docs.plone.org/contributing/core/plips.html)
+- [PLIP review](https://6.docs.plone.org/contributing/core/plip-review.html)
+
+You can also [browse the current list of open PLIPs for Volto](https://github.com/plone/volto/labels/03%20type%3A%20feature%20(plip)).

packages/cmsui/.eslintrc.cjs

@@ -0,0 +1,11 @@
+/** @type {import('eslint').Linter.Config} */
+module.exports = {
+  overrides: [
+    {
+      files: ['**/*.ts', '**/*.tsx'],
+      extends: [
+        'plugin:react/jsx-runtime', // We only want this for non-library code (eg. volto add-ons)
+      ],
+    },
+  ],
+};

packages/cmsui/.release-it.json

@@ -0,0 +1,29 @@
+{
+  "plugins": {
+    "../scripts/prepublish.js": {}
+  },
+  "hooks": {
+    "after:bump": [
+      "pipx run towncrier build --draft --yes --version ${version} > .changelog.draft",
+      "pipx run towncrier build --yes --version ${version}"
+    ],
+    "after:release": "rm .changelog.draft"
+  },
+  "npm": {
+    "publish": false
+  },
+  "git": {
+    "commitArgs": ["--no-verify"],
+    "changelog": "pipx run towncrier build --draft --yes --version 0.0.0",
+    "requireUpstream": false,
+    "requireCleanWorkingDir": false,
+    "commitMessage": "Release @plone/cmsui ${version}",
+    "tagName": "plone-cmsui-${version}",
+    "tagAnnotation": "Release @plone/cmsui ${version}"
+  },
+  "github": {
+    "release": true,
+    "releaseName": "@plone/cmsui ${version}",
+    "releaseNotes": "cat .changelog.draft"
+  }
+}

packages/cmsui/.storybook/main.ts

@@ -0,0 +1,41 @@
+import type { StorybookConfig } from '@storybook/react-vite';
+import { mergeConfig } from 'vite';
+
+const config: StorybookConfig = {
+  // For some reason the property does not allow negation
+  // https://github.com/storybookjs/storybook/issues/11181#issuecomment-1535288804
+  stories: [
+    '../components/**/*.mdx',
+    '../components/**/*.stories.@(js|jsx|ts|tsx)',
+  ],
+  addons: [
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    '@storybook/addon-interactions',
+  ],
+  framework: {
+    name: '@storybook/react-vite',
+    options: {},
+  },
+  docs: {
+    autodocs: 'tag',
+  },
+  typescript: {
+    reactDocgen: 'react-docgen-typescript',
+    reactDocgenTypescriptOptions: {
+      compilerOptions: {
+        allowSyntheticDefaultImports: false,
+        esModuleInterop: false,
+      },
+      propFilter: () => true,
+    },
+  },
+  async viteFinal(config) {
+    return mergeConfig(config, {
+      build: {
+        minify: false,
+      },
+    });
+  },
+};
+export default config;

packages/cmsui/.storybook/manager.js

@@ -0,0 +1,6 @@
+import { addons } from '@storybook/manager-api';
+import theme from './theme';
+
+addons.setConfig({
+  theme,
+});

packages/cmsui/.storybook/preview-head.html

@@ -0,0 +1,3 @@
+<script>
+  window.global = window;
+</script>

packages/cmsui/.storybook/preview.ts

@@ -0,0 +1,24 @@
+import './storybook-base.css';
+import '@plone/components/dist/basic.css';
+import '../main.css';
+import config from '@plone/registry';
+import installSlots from '../config';
+import installBlocks from '@plone/blocks';
+
+config.set('slots', {});
+config.set('utilities', {});
+installSlots(config);
+installBlocks(config);
+
+export const parameters = {
+  backgrounds: {
+    default: 'light',
+  },
+  actions: { argTypesRegex: '^on[A-Z].*' },
+  controls: {
+    matchers: {
+      color: /(background|color)$/i,
+      date: /Date$/,
+    },
+  },
+};

packages/cmsui/.storybook/storybook-base.css

@@ -0,0 +1,19 @@
+/* Base styles */
+:root {
+  --basic-font-family: system-ui;
+  --basic-font-size: 16px;
+  background: var(--background-color);
+  font-family: var(--basic-font-family);
+  font-size: var(--basic-font-size);
+  line-height: 1.5;
+}
+
+.sbdocs.sbdocs-content {
+  p {
+    font-size: 16px;
+  }
+}
+
+#storybook-root {
+  width: 100vw;
+}

packages/cmsui/.storybook/theme.ts

@@ -0,0 +1,10 @@
+import { create } from '@storybook/theming/create';
+import logo from './Logo.svg';
+
+export default create({
+  base: 'light',
+  brandTitle: '@plone/components StoryBook',
+  brandUrl: 'https://plone-components.netlify.app/',
+  brandImage: logo,
+  brandTarget: '_self',
+});

packages/cmsui/.stylelintrc

@@ -0,0 +1,14 @@
+{
+  "extends": ["stylelint-config-idiomatic-order"],
+  "plugins": ["stylelint-prettier"],
+  "overrides": [
+    {
+      "files": ["**/*.scss"],
+      "customSyntax": "postcss-scss"
+    }
+  ],
+  "rules": {
+    "prettier/prettier": true,
+    "order/properties-alphabetical-order": null
+  }
+}

packages/cmsui/CHANGELOG.md

@@ -0,0 +1,11 @@
+# @plone/cmsui Release Notes
+
+<!-- Do *NOT* add new change log entries to this file.
+     Instead create a file in the news directory.
+     For helpful instructions, see:
+     https://6.docs.plone.org/contributing/index.html#change-log-entry
+-->
+
+<!-- towncrier release notes start -->
+
+## 1.0.0 (unreleased)

packages/cmsui/README.md

@@ -0,0 +1,8 @@
+# `@plone/cmsui`
+
+This package provides default structural slots for Plone 7 and the API-first story.
+
+> [!WARNING]
+> This package or app is experimental.
+> The community offers no support whatsoever for it.
+> Breaking changes may occur without notice.