@mmb-digital/design-system-web 0.1.14 → 0.1.16

package/dist/rollup.config.d.ts

@@ -0,0 +1,3 @@
+import { RollupOptions } from 'rollup';
+declare const rollupConfig: RollupOptions;
+export default rollupConfig;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mmb-digital/design-system-web",
-  "version": "0.1.14",
+  "version": "0.1.16",
   "description": "MMB design-system-web",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
@@ -13,7 +13,7 @@
     "node": ">=16.20"
   },
   "scripts": {
-    "build": "rollup -c --bundleConfigAsCjs",
+    "build": "rollup -c --bundleConfigAsCjs --configPlugin typescript",
     "l": "yarn eslint src",
     "lint:fix": "yarn eslint --fix",
     "lf": "yarn lint:fix",
@@ -54,11 +54,14 @@
     "@testing-library/user-event": "14.5.2",
     "@types/base-64": "1.0.2",
     "@types/jest": "29.5.11",
-    "@types/react": "18.2.48",
+    "@types/react": "18.3.1",
     "@types/react-datepicker": "6.2.0",
+    "@types/react-dom": "18.3.0",
+    "@types/rollup-plugin-peer-deps-external": "2.2.5",
     "@types/styled-components": "5.1.34",
     "@typescript-eslint/eslint-plugin": "6.20.0",
     "@typescript-eslint/parser": "6.20.0",
+    "babel-plugin-styled-components": "2.1.4",
     "eslint": "8.56.0",
     "eslint-plugin-import": "2.29.1",
     "eslint-plugin-react": "7.33.2",
@@ -74,14 +77,15 @@
     "postcss-styled-syntax": "0.6.4",
     "prettier": "3.2.4",
     "prop-types": "15.8.1",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
     "rollup": "3.29.4",
     "rollup-plugin-dts": "6.1.0",
     "rollup-plugin-import-css": "3.5.0",
     "rollup-plugin-peer-deps-external": "2.2.4",
     "rollup-plugin-terser": "7.0.2",
     "storybook": "7.6.12",
+    "styled-components": "^6.1.8",
     "stylelint": "15.11.0",
     "stylelint-config-recess-order": "4.4.0",
     "stylelint-config-standard": "34.0.0",
@@ -97,7 +101,6 @@
   },
   "dependencies": {
     "@floating-ui/react": "^0.26.9",
-    "babel-plugin-styled-components": "^2.1.4",
     "base-64": "^1.0.0",
     "immer": "^10.0.4",
     "rc-slider": "^10.5.0",
@@ -105,9 +108,14 @@
     "react-datepicker": "^6.6.0",
     "react-hook-form": "^7.51.0",
     "react-intl": "^6.6.2",
+    "react-select": "^5.8.0",
     "react-switch": "^7.0.0",
     "short-unique-id": "^5.0.3",
-    "styled-components": "^6.1.8",
     "usehooks-ts": "^3.0.2"
+  },
+  "peerDependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "styled-components": "^6.1.8"
   }
 }

package/rollup.config.ts

@@ -0,0 +1,43 @@
+import resolve from '@rollup/plugin-node-resolve';
+import commonjs from '@rollup/plugin-commonjs';
+import typescript from '@rollup/plugin-typescript';
+// import dts from 'rollup-plugin-dts';
+import { terser } from 'rollup-plugin-terser';
+import peerDepsExternal from 'rollup-plugin-peer-deps-external';
+import json from '@rollup/plugin-json';
+import css from 'rollup-plugin-import-css';
+import { RollupOptions } from 'rollup';
+
+import packageJson from './package.json' assert { type: 'json' };
+
+const rollupConfig: RollupOptions = {
+	input: 'src/index.ts',
+	output: [
+		{
+			file: packageJson.main,
+			format: 'cjs',
+			sourcemap: true,
+		},
+		{
+			file: packageJson.module,
+			format: 'esm',
+			sourcemap: true,
+		},
+	],
+	plugins: [
+		// @ts-ignore
+		peerDepsExternal(),
+		resolve(),
+		commonjs(),
+		typescript({
+			tsconfig: 'tsconfig.json',
+			exclude: ['**/*.test.ts', '**/*.stories.tsx', 'jest.config.ts'],
+		}),
+		json(),
+		css(),
+		terser(),
+	],
+	external: [],
+};
+
+export default rollupConfig;

package/dist/assets/index.cjs-04a58195.css

@@ -1,271 +0,0 @@
-.rc-slider {
-  position: relative;
-  width: 100%;
-  height: 14px;
-  padding: 5px 0;
-  border-radius: 6px;
-  touch-action: none;
-  box-sizing: border-box;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-}
-.rc-slider * {
-  box-sizing: border-box;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-}
-.rc-slider-rail {
-  position: absolute;
-  width: 100%;
-  height: 4px;
-  background-color: #e9e9e9;
-  border-radius: 6px;
-}
-.rc-slider-track,
-.rc-slider-tracks {
-  position: absolute;
-  height: 4px;
-  background-color: #abe2fb;
-  border-radius: 6px;
-}
-.rc-slider-track-draggable {
-  z-index: 1;
-  box-sizing: content-box;
-  background-clip: content-box;
-  border-top: 5px solid rgba(0, 0, 0, 0);
-  border-bottom: 5px solid rgba(0, 0, 0, 0);
-  transform: translateY(-5px);
-}
-.rc-slider-handle {
-  position: absolute;
-  z-index: 1;
-  width: 14px;
-  height: 14px;
-  margin-top: -5px;
-  background-color: #fff;
-  border: solid 2px #96dbfa;
-  border-radius: 50%;
-  cursor: pointer;
-  cursor: -webkit-grab;
-  cursor: grab;
-  opacity: 0.8;
-  touch-action: pan-x;
-}
-.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {
-  border-color: #57c5f7;
-  box-shadow: 0 0 0 5px #96dbfa;
-}
-.rc-slider-handle:focus {
-  outline: none;
-  box-shadow: none;
-}
-.rc-slider-handle:focus-visible {
-  border-color: #2db7f5;
-  box-shadow: 0 0 0 3px #96dbfa;
-}
-.rc-slider-handle-click-focused:focus {
-  border-color: #96dbfa;
-  box-shadow: unset;
-}
-.rc-slider-handle:hover {
-  border-color: #57c5f7;
-}
-.rc-slider-handle:active {
-  border-color: #57c5f7;
-  box-shadow: 0 0 5px #57c5f7;
-  cursor: -webkit-grabbing;
-  cursor: grabbing;
-}
-.rc-slider-mark {
-  position: absolute;
-  top: 18px;
-  left: 0;
-  width: 100%;
-  font-size: 12px;
-}
-.rc-slider-mark-text {
-  position: absolute;
-  display: inline-block;
-  color: #999;
-  text-align: center;
-  vertical-align: middle;
-  cursor: pointer;
-}
-.rc-slider-mark-text-active {
-  color: #666;
-}
-.rc-slider-step {
-  position: absolute;
-  width: 100%;
-  height: 4px;
-  background: transparent;
-}
-.rc-slider-dot {
-  position: absolute;
-  bottom: -2px;
-  width: 8px;
-  height: 8px;
-  vertical-align: middle;
-  background-color: #fff;
-  border: 2px solid #e9e9e9;
-  border-radius: 50%;
-  cursor: pointer;
-}
-.rc-slider-dot-active {
-  border-color: #96dbfa;
-}
-.rc-slider-dot-reverse {
-  margin-right: -4px;
-}
-.rc-slider-disabled {
-  background-color: #e9e9e9;
-}
-.rc-slider-disabled .rc-slider-track {
-  background-color: #ccc;
-}
-.rc-slider-disabled .rc-slider-handle,
-.rc-slider-disabled .rc-slider-dot {
-  background-color: #fff;
-  border-color: #ccc;
-  box-shadow: none;
-  cursor: not-allowed;
-}
-.rc-slider-disabled .rc-slider-mark-text,
-.rc-slider-disabled .rc-slider-dot {
-  cursor: not-allowed !important;
-}
-.rc-slider-vertical {
-  width: 14px;
-  height: 100%;
-  padding: 0 5px;
-}
-.rc-slider-vertical .rc-slider-rail {
-  width: 4px;
-  height: 100%;
-}
-.rc-slider-vertical .rc-slider-track {
-  bottom: 0;
-  left: 5px;
-  width: 4px;
-}
-.rc-slider-vertical .rc-slider-track-draggable {
-  border-top: 0;
-  border-bottom: 0;
-  border-right: 5px solid rgba(0, 0, 0, 0);
-  border-left: 5px solid rgba(0, 0, 0, 0);
-  transform: translateX(-5px);
-}
-.rc-slider-vertical .rc-slider-handle {
-  position: absolute;
-  z-index: 1;
-  margin-top: 0;
-  margin-left: -5px;
-  touch-action: pan-y;
-}
-.rc-slider-vertical .rc-slider-mark {
-  top: 0;
-  left: 18px;
-  height: 100%;
-}
-.rc-slider-vertical .rc-slider-step {
-  width: 4px;
-  height: 100%;
-}
-.rc-slider-vertical .rc-slider-dot {
-  margin-left: -2px;
-}
-.rc-slider-tooltip-zoom-down-enter,
-.rc-slider-tooltip-zoom-down-appear {
-  display: block !important;
-  animation-duration: 0.3s;
-  animation-fill-mode: both;
-  animation-play-state: paused;
-}
-.rc-slider-tooltip-zoom-down-leave {
-  display: block !important;
-  animation-duration: 0.3s;
-  animation-fill-mode: both;
-  animation-play-state: paused;
-}
-.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,
-.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {
-  animation-name: rcSliderTooltipZoomDownIn;
-  animation-play-state: running;
-}
-.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
-  animation-name: rcSliderTooltipZoomDownOut;
-  animation-play-state: running;
-}
-.rc-slider-tooltip-zoom-down-enter,
-.rc-slider-tooltip-zoom-down-appear {
-  transform: scale(0, 0);
-  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
-}
-.rc-slider-tooltip-zoom-down-leave {
-  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-}
-@keyframes rcSliderTooltipZoomDownIn {
-  0% {
-    transform: scale(0, 0);
-    transform-origin: 50% 100%;
-    opacity: 0;
-  }
-  100% {
-    transform: scale(1, 1);
-    transform-origin: 50% 100%;
-  }
-}
-@keyframes rcSliderTooltipZoomDownOut {
-  0% {
-    transform: scale(1, 1);
-    transform-origin: 50% 100%;
-  }
-  100% {
-    transform: scale(0, 0);
-    transform-origin: 50% 100%;
-    opacity: 0;
-  }
-}
-.rc-slider-tooltip {
-  position: absolute;
-  top: -9999px;
-  left: -9999px;
-  visibility: visible;
-  box-sizing: border-box;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-}
-.rc-slider-tooltip * {
-  box-sizing: border-box;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-}
-.rc-slider-tooltip-hidden {
-  display: none;
-}
-.rc-slider-tooltip-placement-top {
-  padding: 4px 0 8px 0;
-}
-.rc-slider-tooltip-inner {
-  min-width: 24px;
-  height: 24px;
-  padding: 6px 2px;
-  color: #fff;
-  font-size: 12px;
-  line-height: 1;
-  text-align: center;
-  text-decoration: none;
-  background-color: #6c6c6c;
-  border-radius: 6px;
-  box-shadow: 0 0 4px #d9d9d9;
-}
-.rc-slider-tooltip-arrow {
-  position: absolute;
-  width: 0;
-  height: 0;
-  border-color: transparent;
-  border-style: solid;
-}
-.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
-  bottom: 4px;
-  left: 50%;
-  margin-left: -4px;
-  border-width: 4px 4px 0;
-  border-top-color: #6c6c6c;
-}