tiny-ui 1.0.1 → 1.0.2

package/lib/tooltip/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../components/tooltip/tooltip.tsx"],"names":[],"mappings":";;;;AAAA,uDAA0C;AAC1C,oEAAoC;AACpC,6DAA6B;AAC7B,sEAAkE;AAClE,+CAAiD;AAGjD,MAAM,OAAO,GAAG,eAAK,CAAC,UAAU,CAA+B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC5E,MAAM,EACJ,OAAO,GAAG,OAAO,EACjB,SAAS,EAAE,aAAa,EACxB,KAAK,EACL,SAAS,EACT,QAAQ,EACR,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,8BAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,IAAA,sBAAY,EAAC,SAAS,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IAClF,MAAM,GAAG,GAAG,IAAA,oBAAU,EAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAE7C,MAAM,aAAa,GAAG,GAAuB,EAAE,CAAC,CAC9C,gCAAK,IAAI,EAAC,SAAS,EAAC,SAAS,EAAE,GAAG,SAAS,SAAS,YACjD,KAAK,GACF,CACP,CAAC;IAEF,OAAO,CACL,uBAAC,eAAK,OAAK,UAAU,EAAE,SAAS,EAAE,GAAG,EAAE,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,YAC3F,QAAQ,GACH,CACT,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAEhC,kBAAe,OAAO,CAAC"}

package/lib/transition/index.d.ts

@@ -1,17 +1,3 @@
-import React from 'react';
-import { CSSTransitionProps } from 'react-transition-group/CSSTransition';
-export type AnimationName = 'zoom-center-top' | 'zoom-center-bottom' | 'zoom-center-left' | 'zoom-center-right' | 'zoom-top-start' | 'zoom-top' | 'zoom-top-end' | 'zoom-bottom-start' | 'zoom-bottom' | 'zoom-bottom-end' | 'zoom-left-start' | 'zoom-left' | 'zoom-left-end' | 'zoom-right-start' | 'zoom-right' | 'zoom-right-end' | 'slide-up' | 'slide-down';
-export type TransitionProps = {
-    /** Animation prefix */
-    prefix?: string;
-    /** Preset animation name */
-    animation?: AnimationName;
-    /** Prevent the transition conflict with the inner component */
-    wrapper?: boolean;
-    children?: React.ReactNode;
-} & Partial<CSSTransitionProps<HTMLElement>>;
-declare const Transition: {
-    (props: TransitionProps): React.ReactElement;
-    displayName: string;
-};
+import Transition from './transition';
+export type { AnimationName, TransitionProps } from './transition';
 export default Transition;

package/lib/transition/index.js

@@ -1,11 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_transition_group_1 = require("react-transition-group");
-const Transition = (props) => {
-    const { timeout = 300, unmountOnExit = true, appear = true, prefix = 'ty', animation, classNames, nodeRef, children, wrapper, ...otherProps } = props;
-    return ((0, jsx_runtime_1.jsx)(react_transition_group_1.CSSTransition, { ...otherProps, timeout: timeout, appear: appear, unmountOnExit: unmountOnExit, nodeRef: nodeRef, classNames: classNames ? classNames : `${prefix}-${animation}`, children: wrapper ? (0, jsx_runtime_1.jsx)("div", { children: children }) : children }));
-};
-Transition.displayName = 'Transition';
-exports.default = Transition;
+const tslib_1 = require("tslib");
+const transition_1 = tslib_1.__importDefault(require("./transition"));
+exports.default = transition_1.default;
 //# sourceMappingURL=index.js.map

package/lib/transition/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/transition/index.tsx"],"names":[],"mappings":";;;AACA,mEAAuD;AAmCvD,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAsB,EAAE;IAChE,MAAM,EACJ,OAAO,GAAG,GAAG,EACb,aAAa,GAAG,IAAI,EACpB,MAAM,GAAG,IAAI,EACb,MAAM,GAAG,IAAI,EACb,SAAS,EACT,UAAU,EACV,OAAO,EACP,QAAQ,EACR,OAAO,EACP,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,uBAAC,sCAAa,OACP,UAA8C,EACnD,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,SAAS,EAAE,YAC7D,OAAO,CAAC,CAAC,CAAC,0CAAM,QAAQ,GAAO,CAAC,CAAC,CAAE,QAA+B,GACrD,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,kBAAe,UAAU,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/transition/index.tsx"],"names":[],"mappings":";;;AAAA,sEAAsC;AAGtC,kBAAe,oBAAU,CAAC"}

package/lib/transition/transition.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { CSSTransitionProps } from 'react-transition-group/CSSTransition';
+export type AnimationName = 'zoom-center-top' | 'zoom-center-bottom' | 'zoom-center-left' | 'zoom-center-right' | 'zoom-top-start' | 'zoom-top' | 'zoom-top-end' | 'zoom-bottom-start' | 'zoom-bottom' | 'zoom-bottom-end' | 'zoom-left-start' | 'zoom-left' | 'zoom-left-end' | 'zoom-right-start' | 'zoom-right' | 'zoom-right-end' | 'slide-up' | 'slide-down';
+export type TransitionProps = {
+    /** Animation prefix */
+    prefix?: string;
+    /** Preset animation name */
+    animation?: AnimationName;
+    /** Prevent the transition conflict with the inner component */
+    wrapper?: boolean;
+    children?: React.ReactNode;
+} & Partial<CSSTransitionProps<HTMLElement>>;
+declare const Transition: {
+    (props: TransitionProps): React.ReactElement;
+    displayName: string;
+};
+export default Transition;

package/lib/transition/transition.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_transition_group_1 = require("react-transition-group");
+const Transition = (props) => {
+    const { timeout = 300, unmountOnExit = true, appear = true, prefix = 'ty', animation, classNames, nodeRef, children, wrapper, ...otherProps } = props;
+    return ((0, jsx_runtime_1.jsx)(react_transition_group_1.CSSTransition, { ...otherProps, timeout: timeout, appear: appear, unmountOnExit: unmountOnExit, nodeRef: nodeRef, classNames: classNames ? classNames : `${prefix}-${animation}`, children: wrapper ? (0, jsx_runtime_1.jsx)("div", { children: children }) : children }));
+};
+Transition.displayName = 'Transition';
+exports.default = Transition;
+//# sourceMappingURL=transition.js.map

package/lib/transition/transition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transition.js","sourceRoot":"","sources":["../../components/transition/transition.tsx"],"names":[],"mappings":";;;AACA,mEAAuD;AAmCvD,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAsB,EAAE;IAChE,MAAM,EACJ,OAAO,GAAG,GAAG,EACb,aAAa,GAAG,IAAI,EACpB,MAAM,GAAG,IAAI,EACb,MAAM,GAAG,IAAI,EACb,SAAS,EACT,UAAU,EACV,OAAO,EACP,QAAQ,EACR,OAAO,EACP,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,uBAAC,sCAAa,OACP,UAA8C,EACnD,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,SAAS,EAAE,YAC7D,OAAO,CAAC,CAAC,CAAC,0CAAM,QAAQ,GAAO,CAAC,CAAC,CAAE,QAA+B,GACrD,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,kBAAe,UAAU,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tiny-ui",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "A friendly ui component set for react",
   "license": "MIT",
   "keywords": [
@@ -59,7 +59,8 @@
     "test:coverage": "jest --coverage",
     "test:update": "jest --updateSnapshot",
     "lint:style": "stylelint components/**/*.scss --syntax scss",
-    "lint:style:fix": "npm run lint:style -- --fix"
+    "lint:style:fix": "npm run lint:style -- --fix",
+    "changelog": "node scripts/changelog.js"
   },
   "peerDependencies": {
     "react": ">=18.0.0",

package/es/alert/style/_index.scss

@@ -1,72 +0,0 @@
-@use '../../style/variables' as *;
-@use './mixin' as *;
-
-.#{$prefix}-alert {
-  border: 1px solid;
-  border-radius: $alert-border-radius;
-  box-sizing: border-box;
-  padding: 10px 30px 10px 13px;
-  position: relative;
-  font-weight: $font-weight;
-  opacity: 1;
-  font-size: $font-size-base;
-  transition: all 300ms;
-  transform-origin: center top;
-  overflow: hidden;
-  display: flex;
-  align-items: flex-start;
-
-  & + & {
-    margin-top: 14px;
-  }
-
-  &__title {
-    box-sizing: border-box;
-    margin: 0 0 5px;
-    font-size: 18px;
-    font-weight: 500;
-  }
-
-  &__desc {
-    box-sizing: border-box;
-    line-height: 16px;
-  }
-
-  &__icon {
-    line-height: 16px;
-    margin-right: 7px;
-    position: relative;
-    top: 1px;
-  }
-
-  &__close-btn {
-    position: absolute;
-    top: 10px;
-    right: 13px;
-    cursor: pointer;
-    float: right;
-    user-select: none;
-    background: none;
-    border: none;
-    padding: 0;
-    color: inherit;
-    font-size: inherit;
-    line-height: inherit;
-  }
-
-  &_error {
-    @include alert-mixin(var(--ty-color-danger-text), var(--ty-color-danger-border), var(--ty-color-danger-bg));
-  }
-
-  &_warning {
-    @include alert-mixin(var(--ty-color-warning-text), var(--ty-color-warning-border), var(--ty-color-warning-bg));
-  }
-
-  &_success {
-    @include alert-mixin(var(--ty-color-success-text), var(--ty-color-success-border), var(--ty-color-success-bg));
-  }
-
-  &_info {
-    @include alert-mixin(var(--ty-color-info-text), var(--ty-color-info-border), var(--ty-color-info-bg));
-  }
-}

package/es/alert/style/_mixin.scss

@@ -1,5 +0,0 @@
-@mixin alert-mixin($fontColor, $borderColor, $bgColor) {
-  border-color: $borderColor;
-  background-color: $bgColor;
-  color: $fontColor;
-}

package/es/alert/style/css.js

@@ -1,2 +0,0 @@
-import './index.css';
-//# sourceMappingURL=index.js.map

package/es/anchor/style/_index.scss

@@ -1,83 +0,0 @@
-@use '../../style/variables' as *;
-
-.#{$prefix}-anchor {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
-  display: flex;
-  flex-direction: column;
-  list-style: none;
-  position: relative;
-  background-color: var(--ty-anchor-bg);
-
-  &__ink {
-    position: absolute;
-    top: 0;
-    left: 0;
-    height: 100%;
-
-    &:before {
-      content: '';
-      position: relative;
-      display: block;
-      width: 2px;
-      height: 100%;
-      margin: 0 auto;
-      background-color: var(--ty-anchor-ink-bg);
-    }
-  }
-
-  &__ink-ball {
-    position: absolute;
-    left: 50%;
-    width: 8px;
-    height: 8px;
-    background-color: var(--ty-anchor-ball-bg);
-    border: 2px solid var(--ty-color-primary);
-    border-radius: 8px;
-    transform: translateX(-50%);
-    transition: top .3s ease-in-out;
-  }
-
-  &__link {
-    padding: 7px 0 7px 16px;
-
-    .#{$prefix}-anchor {
-      border: 0;
-    }
-
-    &_active {
-      & > a {
-        color: var(--ty-color-primary);
-      }
-    }
-  }
-
-  &__link-title {
-    display: block;
-    overflow: hidden;
-    color: var(--ty-color-text-secondary);
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    border-left: 2px solid transparent;
-
-    &:hover {
-      color: var(--ty-color-primary);
-      text-decoration: none;
-    }
-
-    &:not(:only-child) {
-      margin-bottom: 5px;
-    }
-  }
-
-  &_line {
-    .#{$prefix}-anchor__ink-ball {
-      width: 2px;
-      border: 0;
-      border-radius: 0;
-      background-color: var(--ty-color-primary);
-      transition: top .3s ease-in-out, height .3s ease-in-out;
-    }
-  }
-}

package/es/anchor/style/css.js

@@ -1,3 +0,0 @@
-import './index.css';
-import '../../sticky/style/index.css';
-//# sourceMappingURL=index.js.map

package/es/aspect-ratio/style/_index.scss

@@ -1,22 +0,0 @@
-@use '../../style/variables' as *;
-
-.#{$prefix}-aspect-ratio {
-  box-sizing: border-box;
-  position: relative;
-  display: inline-block;
-
-  &__padding {
-    display: block;
-    height: 0;
-  }
-
-  &__inside {
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    width: 100%;
-    height: 100%;
-  }
-}

package/es/aspect-ratio/style/css.js

@@ -1,2 +0,0 @@
-import './index.css';
-//# sourceMappingURL=index.js.map

package/es/auto-complete/style/_index.scss

@@ -1,58 +0,0 @@
-@use "../../style/variables" as *;
-
-.#{$prefix}-auto-complete {
-  position: relative;
-  display: inline-block;
-  width: 100%;
-
-  &_disabled {
-    cursor: not-allowed;
-    opacity: 0.6;
-  }
-
-  // Dropdown
-  &__dropdown {
-    width: 100%;
-    margin: 0;
-    padding: 4px 0;
-    list-style-type: none;
-    background-color: var(--ty-select-dropdown-bg);
-    box-sizing: border-box;
-    overflow-x: hidden;
-    overflow-y: auto;
-    z-index: 10;
-    box-shadow: var(--ty-shadow-popup);
-    border-radius: $border-radius;
-    font-size: $font-size-base;
-    max-height: $select-dropdown-max-height;
-  }
-
-  // Empty state
-  &__empty {
-    padding: 16px;
-    text-align: center;
-    color: var(--ty-color-text-quaternary);
-    font-size: $font-size-sm;
-  }
-}
-
-// Option
-.#{$prefix}-auto-complete-option {
-  display: flex;
-  align-items: center;
-  padding: 7px 12px;
-  font-size: 14px;
-  line-height: 22px;
-  cursor: pointer;
-  color: var(--ty-color-text);
-  transition: background-color 0.2s;
-
-  &_active {
-    background-color: var(--ty-select-option-active-bg);
-  }
-
-  &_disabled {
-    cursor: not-allowed;
-    opacity: 0.5;
-  }
-}

package/es/auto-complete/style/css.js

@@ -1,2 +0,0 @@
-import './_index.css';
-//# sourceMappingURL=index.js.map

package/es/avatar/style/_index.scss

@@ -1,80 +0,0 @@
-@use '../../style/variables' as *;
-
-.#{$prefix}-avatar {
-  box-sizing: border-box;
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  text-align: center;
-  background: $avatar-bg;
-  color: $avatar-color;
-  white-space: nowrap;
-  position: relative;
-  vertical-align: middle;
-  user-select: none;
-  border: 2px solid var(--ty-avatar-border);
-
-  &__img {
-    width: 100%;
-    height: 100%;
-  }
-
-  &__text {
-    position: absolute;
-    left: 50%;
-    transform-origin: 0 center;
-    transform: translateX(-50%);
-  }
-
-  &__presence {
-    position: absolute;
-    bottom: 0;
-    right: 0;
-    border-radius: 50%;
-    box-shadow: var(--ty-avatar-presence-shadow);
-    height: 0.4em;
-    width: 0.4em;
-
-    &_online {
-      background-color: var(--ty-color-success);
-    }
-
-    &_busy {
-      background-color: var(--ty-color-danger);
-    }
-
-    &_away {
-      background-color: var(--ty-color-warning);
-    }
-
-    &_offline {
-      background-color: $gray-400;
-    }
-  }
-
-  &_circle {
-    border-radius: 50%;
-
-    .#{$prefix}-avatar__img {
-      border-radius: 50%;
-    }
-  }
-
-  &_square {
-    border-radius: $avatar-border-radius;
-  }
-
-  &_clickable {
-    cursor: pointer;
-  }
-
-  &-group {
-    .#{$prefix}-avatar {
-      z-index: 1;
-
-      &:hover {
-        z-index: 2;
-      }
-    }
-  }
-}

package/es/avatar/style/css.js

@@ -1,2 +0,0 @@
-import './index.css';
-//# sourceMappingURL=index.js.map

package/es/back-top/style/_index.scss

@@ -1,25 +0,0 @@
-@use '../../style/variables' as *;
-
-.#{$prefix}-back-top {
-  position: fixed;
-  right: 40px;
-  bottom: 30px;
-  background-color: var(--ty-back-top-bg);
-  width: 45px;
-  height: 45px;
-  border-radius: 50%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  cursor: pointer;
-  border: none;
-  padding: 0;
-  transition: opacity 200ms linear 0s, visibility;
-
-  &_custom {
-    background: none;
-    width: auto;
-    height: auto;
-    border-radius: 0;
-  }
-}

package/es/back-top/style/css.js

@@ -1,2 +0,0 @@
-import './index.css';
-//# sourceMappingURL=index.js.map

package/es/badge/style/_index.scss

@@ -1,60 +0,0 @@
-@use '../../style/variables' as *;
-@use '../../style/animation' as *;
-@use './mixin' as *;
-
-.#{$prefix}-badge {
-  position: relative;
-  display: inline-block;
-  vertical-align: middle;
-  line-height: 1;
-
-  &__count {
-    @include badge-base();
-    min-width: $badge-size;
-    min-height: $badge-size;
-    line-height: $badge-size;
-    padding: 0 5px;
-    color: #fff;
-    font-weight: normal;
-    font-size: $badge-font-size;
-    white-space: nowrap;
-    text-align: center;
-  }
-
-  &__custom {
-    position: absolute;
-    right: 0;
-    top: 0;
-    transform: translateX(50%) translateY(-50%);
-  }
-
-  &__dot {
-    @include badge-base();
-    width: $badge-dot-size;
-    height: $badge-dot-size;
-    line-height: $badge-dot-size;
-
-    &_wave {
-      &:after {
-        content: '';
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        border-radius: 50%;
-        background-color: inherit;
-        animation: ty-processing 1.2s infinite ease-in-out;
-      }
-    }
-  }
-
-  &_no-wrap {
-    .#{$prefix}-badge__count,
-    .#{$prefix}-badge__dot {
-      display: block;
-      transform: none;
-      position: relative;
-    }
-  }
-}

package/es/badge/style/_mixin.scss

@@ -1,11 +0,0 @@
-@use '../../style/variables' as *;
-
-@mixin badge-base {
-  box-sizing: border-box;
-  display: inline-block;
-  z-index: 10;
-  position: absolute;
-  transform: translateX(-50%) translateY(-50%);
-  border-radius: $badge-size;
-  box-shadow: var(--ty-badge-shadow);
-}

package/es/badge/style/css.js

@@ -1,2 +0,0 @@
-import './index.css';
-//# sourceMappingURL=index.js.map

package/es/breadcrumb/style/_index.scss

@@ -1,38 +0,0 @@
-@use '../../style/variables' as *;
-
-.#{$prefix}-breadcrumb {
-  &__ol {
-    margin: 0;
-    padding: 0;
-    list-style-type: none;
-    display: flex;
-    align-items: center;
-    color: var(--ty-color-text-tertiary);
-    font-size: $breadcrumb-font-size;
-  }
-
-  &-item {
-    &__separator {
-      margin: 0 8px;
-    }
-
-    a {
-      color: var(--ty-color-text-tertiary);
-      transition: all 300ms;
-
-      &:hover {
-        color: var(--ty-color-primary);
-      }
-    }
-
-    &:last-child {
-      color: var(--ty-color-text);
-
-      .#{$prefix}-breadcrumb-item {
-        &__separator {
-          display: none;
-        }
-      }
-    }
-  }
-}

package/es/breadcrumb/style/css.js

@@ -1,2 +0,0 @@
-import './index.css';
-//# sourceMappingURL=index.js.map