linkmore-design 1.1.19-beta → 1.1.19-beta.1

package/es/LmTable/components/Container/Container.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import './Container.module.less';
+import './Container.less';
 export interface Props {
     children: React.ReactNode;
     columns?: number;

package/es/LmTable/components/Container/Container.js

@@ -11,7 +11,7 @@ var __rest = this && this.__rest || function (s, e) {
 import React, { forwardRef } from 'react';
 import classNames from 'classnames';
 // import {Handle, Remove} from '../Item';
-import "./Container.module.css";
+import "./Container.css";
 export var Container = /*#__PURE__*/forwardRef(function (_a, ref) {
   var children = _a.children,
     _a$columns = _a.columns,

package/es/LmTable/components/Item/{Item.module.css → Item.css}

@@ -16,7 +16,7 @@
     opacity: 1;
   }
 }
-.Wrapper {
+.dnd_com_item_Wrapper {
   display: flex;
   box-sizing: border-box;
   transform: translate3d(var(--translate-x, 0), var(--translate-y, 0), 0) scaleX(var(--scale-x, 1)) scaleY(var(--scale-y, 1));
@@ -25,10 +25,10 @@
   margin-right: 6px;
   margin-bottom: 6px;
 }
-.Wrapper.fadeIn {
+.dnd_com_item_Wrapper.fadeIn {
   animation: fadeIn 500ms ease;
 }
-.Wrapper.dragOverlay {
+.dnd_com_item_Wrapper.dragOverlay {
   --scale: 1.05;
   --box-shadow: 0 0 0 calc(1px / var(--scale-x, 1)) rgba(63, 63, 68, 0.05), 0 1px calc(3px / var(--scale-x, 1)) 0 rgba(34, 33, 81, 0.15);
   --box-shadow-picked-up: 0 0 0 calc(1px / var(--scale-x, 1)) rgba(63, 63, 68, 0.05),
@@ -36,7 +36,7 @@
       0px 15px 15px 0 rgba(34, 33, 81, 0.25);
   z-index: 999;
 }
-.Item {
+.dnd_com_Item {
   position: relative;
   display: flex;
   flex-grow: 1;
@@ -57,29 +57,29 @@
   transform: scale(var(--scale, 1));
   transition: box-shadow 200ms cubic-bezier(0.18, 0.67, 0.6, 1.22);
 }
-.Item:focus-visible {
+.dnd_com_Item:focus-visible {
   box-shadow: 0 0px 4px 1px #4c9ffe, 0 0 0 calc(1px / var(--scale-x, 1)) rgba(63, 63, 68, 0.05), 0 1px calc(3px / var(--scale-x, 1)) 0 rgba(34, 33, 81, 0.15);
 }
-.Item:not(.withHandle) {
+.dnd_com_Item:not(.withHandle) {
   touch-action: manipulation;
   cursor: grab;
 }
-.Item.dragging:not(.dragOverlay) {
+.dnd_com_Item.dragging:not(.dragOverlay) {
   opacity: var(--dragging-opacity, 0.5);
   z-index: 0;
 }
-.Item.dragging:not(.dragOverlay):focus {
+.dnd_com_Item.dragging:not(.dragOverlay):focus {
   box-shadow: 0 0 0 calc(1px / var(--scale-x, 1)) rgba(63, 63, 68, 0.05), 0 1px calc(3px / var(--scale-x, 1)) 0 rgba(34, 33, 81, 0.15);
 }
-.Item.disabled {
+.dnd_com_Item.disabled {
   color: #999;
   background-color: #f1f1f1;
   cursor: not-allowed;
 }
-.Item.disabled:focus {
+.dnd_com_Item.disabled:focus {
   box-shadow: 0 0px 4px 1px rgba(0, 0, 0, 0.1), 0 0 0 calc(1px / var(--scale-x, 1)) rgba(63, 63, 68, 0.05), 0 1px calc(3px / var(--scale-x, 1)) 0 rgba(34, 33, 81, 0.15);
 }
-.Item.dragOverlay {
+.dnd_com_Item.dragOverlay {
   cursor: inherit;
   /* box-shadow: 0 0px 6px 2px @focused-outline-color; */
   animation: pop 200ms cubic-bezier(0.18, 0.67, 0.6, 1.22);
@@ -87,7 +87,7 @@
   box-shadow: var(--box-shadow-picked-up);
   opacity: 1;
 }
-.Item.color:before {
+.dnd_com_Item.color:before {
   content: '';
   position: absolute;
   top: 50%;
@@ -100,14 +100,14 @@
   border-bottom-left-radius: 3px;
   background-color: var(--color);
 }
-.Item:hover .Remove {
+.dnd_com_Item:hover .dnd_com_Remove {
   visibility: visible;
 }
-.Remove {
+.dnd_com_Remove {
   margin-left: 6px;
   color: #666;
 }
-.Actions {
+.dnd_com_Actions {
   display: flex;
   align-items: center;
 }

package/es/LmTable/components/Item/Item.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { DraggableSyntheticListeners } from '@dnd-kit/core';
 import type { Transform } from '@dnd-kit/utilities';
-import './Item.module.less';
+import './Item.less';
 export interface Props {
     dragOverlay?: boolean;
     color?: string;

package/es/LmTable/components/Item/Item.js

@@ -12,7 +12,7 @@ import React, { useEffect } from 'react';
 import classNames from 'classnames';
 import { Handle, Remove } from './components';
 // import IconFont from '../../../IconFont'
-import "./Item.module.css";
+import "./Item.css";
 export var Item = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var color = _a.color,
     dragOverlay = _a.dragOverlay,
@@ -35,7 +35,7 @@ export var Item = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     props = __rest(_a, ["color", "dragOverlay", "dragging", "disabled", "fadeIn", "handle", "handleProps", "height", "index", "listeners", "onRemove", "renderItem", "sorting", "style", "transition", "transform", "value", "wrapperStyle"]);
   useEffect(function () {
     if (!dragOverlay) {
-      return null;
+      return undefined;
     }
     document.body.style.cursor = 'grabbing';
     return function () {
@@ -55,7 +55,7 @@ export var Item = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     transition: transition,
     value: value
   }) : /*#__PURE__*/React.createElement("li", {
-    className: classNames('Wrapper', fadeIn && 'fadeIn', sorting && 'sorting', dragOverlay && 'dragOverlay'),
+    className: classNames('dnd_com_item_Wrapper', fadeIn && 'fadeIn', sorting && 'sorting', dragOverlay && 'dragOverlay'),
     style: Object.assign(Object.assign({}, wrapperStyle), {
       transition: [transition, wrapperStyle === null || wrapperStyle === void 0 ? void 0 : wrapperStyle.transition].filter(Boolean).join(', '),
       // @ts-ignore
@@ -68,15 +68,15 @@ export var Item = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     }),
     ref: ref
   }, /*#__PURE__*/React.createElement("div", Object.assign({
-    className: classNames('Item', dragging && 'dragging', handle && 'withHandle', dragOverlay && 'dragOverlay', disabled && 'disabled', color && 'color'),
+    className: classNames('dnd_com_Item', dragging && 'dragging', handle && 'withHandle', dragOverlay && 'dragOverlay', disabled && 'disabled', color && 'color'),
     style: style,
     "data-cypress": "draggable-item"
   }, !handle ? listeners : undefined, props, {
     tabIndex: !handle ? 0 : undefined
   }), /*#__PURE__*/React.createElement("div", null, value), /*#__PURE__*/React.createElement("span", {
-    className: "Actions"
+    className: "dnd_com_Actions"
   }, onRemove ? /*#__PURE__*/React.createElement(Remove, {
-    className: "Remove",
+    className: "dnd_com_Remove",
     onClick: onRemove
   }) :
   // <IconFont className={styles.Remove} type="lmweb-close-circle-fill" onClick={onRemove} />

package/{lib/LmTable/components/Item/components/Action/Action.module.css → es/LmTable/components/Item/components/Action/Action.css}

@@ -1,4 +1,4 @@
-.Action {
+.dnd_item_actions {
   display: flex;
   width: 12px;
   margin-left: 6px;
@@ -15,27 +15,27 @@
   -webkit-tap-highlight-color: transparent;
 }
 @media (hover: hover) {
-  .Action:hover {
+  .dnd_item_actions:hover {
     background-color: var(--action-background, rgba(0, 0, 0, 0.05));
   }
-  .Action:hover svg {
+  .dnd_item_actions:hover svg {
     fill: #6f7b88;
   }
 }
-.Action svg {
+.dnd_item_actions svg {
   flex: 0 0 auto;
   margin: auto;
   height: 100%;
   overflow: visible;
   fill: #919eab;
 }
-.Action:active {
+.dnd_item_actions:active {
   background-color: var(--background, rgba(0, 0, 0, 0.05));
 }
-.Action:active svg {
+.dnd_item_actions:active svg {
   fill: var(--fill, #788491);
 }
-.Action:focus-visible {
+.dnd_item_actions:focus-visible {
   outline: none;
   box-shadow: 0 0 0 2px rgba(255, 255, 255, 0), 0 0px 0px 2px #4c9ffe;
 }

package/es/LmTable/components/Item/components/Action/Action.d.ts

@@ -1,5 +1,5 @@
 import React, { CSSProperties } from 'react';
-import './Action.module.less';
+import './Action.less';
 export interface Props extends React.HTMLAttributes<HTMLButtonElement> {
     active?: {
         fill: string;

package/es/LmTable/components/Item/components/Action/Action.js

@@ -10,7 +10,7 @@ var __rest = this && this.__rest || function (s, e) {
 };
 import React, { forwardRef } from 'react';
 import classNames from 'classnames';
-import "./Action.module.css";
+import "./Action.css";
 export var Action = /*#__PURE__*/forwardRef(function (_a, ref) {
   var active = _a.active,
     className = _a.className,
@@ -20,7 +20,7 @@ export var Action = /*#__PURE__*/forwardRef(function (_a, ref) {
   return /*#__PURE__*/React.createElement("button", Object.assign({
     ref: ref
   }, props, {
-    className: classNames('Action', className),
+    className: classNames('dnd_item_actions', className),
     tabIndex: 0,
     style: Object.assign(Object.assign({}, style), {
       cursor: cursor,

package/lib/LmTable/components/Container/Container.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import './Container.module.less';
+import './Container.less';
 export interface Props {
     children: React.ReactNode;
     columns?: number;

package/lib/LmTable/components/Container/Container.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.Container = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-require("./Container.module.css");
+require("./Container.css");
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
   for (var p in s) {

package/lib/LmTable/components/Item/{Item.module.css → Item.css}

@@ -16,7 +16,7 @@
     opacity: 1;
   }
 }
-.Wrapper {
+.dnd_com_item_Wrapper {
   display: flex;
   box-sizing: border-box;
   transform: translate3d(var(--translate-x, 0), var(--translate-y, 0), 0) scaleX(var(--scale-x, 1)) scaleY(var(--scale-y, 1));
@@ -25,10 +25,10 @@
   margin-right: 6px;
   margin-bottom: 6px;
 }
-.Wrapper.fadeIn {
+.dnd_com_item_Wrapper.fadeIn {
   animation: fadeIn 500ms ease;
 }
-.Wrapper.dragOverlay {
+.dnd_com_item_Wrapper.dragOverlay {
   --scale: 1.05;
   --box-shadow: 0 0 0 calc(1px / var(--scale-x, 1)) rgba(63, 63, 68, 0.05), 0 1px calc(3px / var(--scale-x, 1)) 0 rgba(34, 33, 81, 0.15);
   --box-shadow-picked-up: 0 0 0 calc(1px / var(--scale-x, 1)) rgba(63, 63, 68, 0.05),
@@ -36,7 +36,7 @@
       0px 15px 15px 0 rgba(34, 33, 81, 0.25);
   z-index: 999;
 }
-.Item {
+.dnd_com_Item {
   position: relative;
   display: flex;
   flex-grow: 1;
@@ -57,29 +57,29 @@
   transform: scale(var(--scale, 1));
   transition: box-shadow 200ms cubic-bezier(0.18, 0.67, 0.6, 1.22);
 }
-.Item:focus-visible {
+.dnd_com_Item:focus-visible {
   box-shadow: 0 0px 4px 1px #4c9ffe, 0 0 0 calc(1px / var(--scale-x, 1)) rgba(63, 63, 68, 0.05), 0 1px calc(3px / var(--scale-x, 1)) 0 rgba(34, 33, 81, 0.15);
 }
-.Item:not(.withHandle) {
+.dnd_com_Item:not(.withHandle) {
   touch-action: manipulation;
   cursor: grab;
 }
-.Item.dragging:not(.dragOverlay) {
+.dnd_com_Item.dragging:not(.dragOverlay) {
   opacity: var(--dragging-opacity, 0.5);
   z-index: 0;
 }
-.Item.dragging:not(.dragOverlay):focus {
+.dnd_com_Item.dragging:not(.dragOverlay):focus {
   box-shadow: 0 0 0 calc(1px / var(--scale-x, 1)) rgba(63, 63, 68, 0.05), 0 1px calc(3px / var(--scale-x, 1)) 0 rgba(34, 33, 81, 0.15);
 }
-.Item.disabled {
+.dnd_com_Item.disabled {
   color: #999;
   background-color: #f1f1f1;
   cursor: not-allowed;
 }
-.Item.disabled:focus {
+.dnd_com_Item.disabled:focus {
   box-shadow: 0 0px 4px 1px rgba(0, 0, 0, 0.1), 0 0 0 calc(1px / var(--scale-x, 1)) rgba(63, 63, 68, 0.05), 0 1px calc(3px / var(--scale-x, 1)) 0 rgba(34, 33, 81, 0.15);
 }
-.Item.dragOverlay {
+.dnd_com_Item.dragOverlay {
   cursor: inherit;
   /* box-shadow: 0 0px 6px 2px @focused-outline-color; */
   animation: pop 200ms cubic-bezier(0.18, 0.67, 0.6, 1.22);
@@ -87,7 +87,7 @@
   box-shadow: var(--box-shadow-picked-up);
   opacity: 1;
 }
-.Item.color:before {
+.dnd_com_Item.color:before {
   content: '';
   position: absolute;
   top: 50%;
@@ -100,14 +100,14 @@
   border-bottom-left-radius: 3px;
   background-color: var(--color);
 }
-.Item:hover .Remove {
+.dnd_com_Item:hover .dnd_com_Remove {
   visibility: visible;
 }
-.Remove {
+.dnd_com_Remove {
   margin-left: 6px;
   color: #666;
 }
-.Actions {
+.dnd_com_Actions {
   display: flex;
   align-items: center;
 }

package/lib/LmTable/components/Item/Item.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { DraggableSyntheticListeners } from '@dnd-kit/core';
 import type { Transform } from '@dnd-kit/utilities';
-import './Item.module.less';
+import './Item.less';
 export interface Props {
     dragOverlay?: boolean;
     color?: string;

package/lib/LmTable/components/Item/Item.js

@@ -9,7 +9,7 @@ exports.Item = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _components = require("./components");
-require("./Item.module.css");
+require("./Item.css");
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
   for (var p in s) {
@@ -42,7 +42,7 @@ var Item = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forward
     props = __rest(_a, ["color", "dragOverlay", "dragging", "disabled", "fadeIn", "handle", "handleProps", "height", "index", "listeners", "onRemove", "renderItem", "sorting", "style", "transition", "transform", "value", "wrapperStyle"]);
   (0, _react.useEffect)(function () {
     if (!dragOverlay) {
-      return null;
+      return undefined;
     }
     document.body.style.cursor = 'grabbing';
     return function () {
@@ -62,7 +62,7 @@ var Item = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forward
     transition: transition,
     value: value
   }) : /*#__PURE__*/_react.default.createElement("li", {
-    className: (0, _classnames.default)('Wrapper', fadeIn && 'fadeIn', sorting && 'sorting', dragOverlay && 'dragOverlay'),
+    className: (0, _classnames.default)('dnd_com_item_Wrapper', fadeIn && 'fadeIn', sorting && 'sorting', dragOverlay && 'dragOverlay'),
     style: Object.assign(Object.assign({}, wrapperStyle), {
       transition: [transition, wrapperStyle === null || wrapperStyle === void 0 ? void 0 : wrapperStyle.transition].filter(Boolean).join(', '),
       // @ts-ignore
@@ -75,15 +75,15 @@ var Item = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forward
     }),
     ref: ref
   }, /*#__PURE__*/_react.default.createElement("div", Object.assign({
-    className: (0, _classnames.default)('Item', dragging && 'dragging', handle && 'withHandle', dragOverlay && 'dragOverlay', disabled && 'disabled', color && 'color'),
+    className: (0, _classnames.default)('dnd_com_Item', dragging && 'dragging', handle && 'withHandle', dragOverlay && 'dragOverlay', disabled && 'disabled', color && 'color'),
     style: style,
     "data-cypress": "draggable-item"
   }, !handle ? listeners : undefined, props, {
     tabIndex: !handle ? 0 : undefined
   }), /*#__PURE__*/_react.default.createElement("div", null, value), /*#__PURE__*/_react.default.createElement("span", {
-    className: "Actions"
+    className: "dnd_com_Actions"
   }, onRemove ? /*#__PURE__*/_react.default.createElement(_components.Remove, {
-    className: "Remove",
+    className: "dnd_com_Remove",
     onClick: onRemove
   }) :
   // <IconFont className={styles.Remove} type="lmweb-close-circle-fill" onClick={onRemove} />

package/{es/LmTable/components/Item/components/Action/Action.module.css → lib/LmTable/components/Item/components/Action/Action.css}

@@ -1,4 +1,4 @@
-.Action {
+.dnd_item_actions {
   display: flex;
   width: 12px;
   margin-left: 6px;
@@ -15,27 +15,27 @@
   -webkit-tap-highlight-color: transparent;
 }
 @media (hover: hover) {
-  .Action:hover {
+  .dnd_item_actions:hover {
     background-color: var(--action-background, rgba(0, 0, 0, 0.05));
   }
-  .Action:hover svg {
+  .dnd_item_actions:hover svg {
     fill: #6f7b88;
   }
 }
-.Action svg {
+.dnd_item_actions svg {
   flex: 0 0 auto;
   margin: auto;
   height: 100%;
   overflow: visible;
   fill: #919eab;
 }
-.Action:active {
+.dnd_item_actions:active {
   background-color: var(--background, rgba(0, 0, 0, 0.05));
 }
-.Action:active svg {
+.dnd_item_actions:active svg {
   fill: var(--fill, #788491);
 }
-.Action:focus-visible {
+.dnd_item_actions:focus-visible {
   outline: none;
   box-shadow: 0 0 0 2px rgba(255, 255, 255, 0), 0 0px 0px 2px #4c9ffe;
 }

package/lib/LmTable/components/Item/components/Action/Action.d.ts

@@ -1,5 +1,5 @@
 import React, { CSSProperties } from 'react';
-import './Action.module.less';
+import './Action.less';
 export interface Props extends React.HTMLAttributes<HTMLButtonElement> {
     active?: {
         fill: string;

package/lib/LmTable/components/Item/components/Action/Action.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.Action = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-require("./Action.module.css");
+require("./Action.css");
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
   for (var p in s) {
@@ -28,7 +28,7 @@ var Action = /*#__PURE__*/(0, _react.forwardRef)(function (_a, ref) {
   return /*#__PURE__*/_react.default.createElement("button", Object.assign({
     ref: ref
   }, props, {
-    className: (0, _classnames.default)('Action', className),
+    className: (0, _classnames.default)('dnd_item_actions', className),
     tabIndex: 0,
     style: Object.assign(Object.assign({}, style), {
       cursor: cursor,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linkmore-design",
-  "version": "1.1.19-beta",
+  "version": "1.1.19-beta.1",
   "author": {
     "name": "nowthen",
     "email": "rnlvwyx@gmail.com"