@semcore/skeleton 4.0.3 → 4.0.6

package/src/index.d.ts

@@ -1,72 +0,0 @@
-import { IBoxProps } from '@semcore/flex-box';
-import { IUniqueIDProps } from '@semcore/utils/lib/uniqueID';
-import { CProps, ReturnEl } from '@semcore/core';
-
-export interface ISkeletonProps extends IBoxProps, IUniqueIDProps {
-  /**
-   *  Skeleton visibility control property
-   */
-  hidden?: boolean;
-  /**
-   * Animation speed in ms
-   * @default 2000
-   */
-  duration?: string | number;
-  /**
-   * Skeleton theme
-   * @default invert
-   */
-  theme?: 'dark' | 'invert';
-}
-
-export interface ISkeletonCtx {
-  gradientUrl: 'string';
-}
-
-export interface ISkeletonTextProps extends IBoxProps {
-  /**
-   * Number of items to be returned
-   * @default 1
-   */
-  amount?: string | number;
-}
-
-export interface AreaChartSkeletonProps extends ISkeletonProps {
-  type?: 'linear' | 'monotone';
-}
-
-export interface BarChartSkeletonProps extends ISkeletonProps {
-  layout?: 'horizontal' | 'vertical';
-}
-
-export interface HistogramChartSkeletonProps extends ISkeletonProps {
-  layout?: 'horizontal' | 'vertical';
-}
-
-export interface LineChartSkeletonProps extends ISkeletonProps {
-  type?: 'linear' | 'monotone';
-}
-
-declare const Skeleton: (<T>(props: CProps<ISkeletonProps & T, ISkeletonCtx>) => ReturnEl) & {
-  Text: <T>(props: ISkeletonTextProps & T) => ReturnEl;
-};
-declare const AreaChartSkeleton: <T>(props: AreaChartSkeletonProps & T) => ReturnEl;
-declare const BarChartSkeleton: <T>(props: BarChartSkeletonProps & T) => ReturnEl;
-declare const HistogramChartSkeleton: <T>(props: HistogramChartSkeletonProps & T) => ReturnEl;
-declare const LineChartSkeleton: <T>(props: LineChartSkeletonProps & T) => ReturnEl;
-declare const PieChartSkeleton: typeof Skeleton;
-declare const VennChartSkeleton: typeof Skeleton;
-declare const BubbleChartSkeleton: typeof Skeleton;
-declare const ScatterPlotChartSkeleton: typeof Skeleton;
-
-export default Skeleton;
-export {
-  AreaChartSkeleton,
-  BarChartSkeleton,
-  HistogramChartSkeleton,
-  LineChartSkeleton,
-  PieChartSkeleton,
-  VennChartSkeleton,
-  BubbleChartSkeleton,
-  ScatterPlotChartSkeleton,
-};

package/src/index.js

@@ -1,3 +0,0 @@
-export { default } from './Skeleton';
-
-export * from './Charts';

package/src/style/skeleton.shadow.css

@@ -1,39 +0,0 @@
-@import '@semcore/utils/style/var.css';
-
-SSkeleton {
-  animation-name: pulse;
-  animation-iteration-count: infinite;
-  animation-timing-function: ease-in-out;
-  animation-duration: var(--durationAnim);
-  will-change: opacity;
-}
-
-@keyframes pulse {
-  0% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0.4;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-
-SSkeleton[theme='invert'] {
-  fill: color-mod(var(--gray-100) a(80%));
-}
-
-SSkeleton[theme='dark'] {
-  fill: color-mod(var(--white) a(30%));
-}
-
-SText {
-  box-sizing: border-box;
-}
-
-@media (prefers-reduced-motion) {
-  SSkeleton {
-    animation-name: none;
-  }
-}