@scaleflex/ui-tw 0.0.1 → 0.0.3

package/core/accordion-header/accordion-header.component.js

@@ -1,48 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["expanded", "label", "onChange", "onClick", "onContextMenu", "hideIcon", "fullWidth", "iconProps", "ref"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import React from 'react';
-import { Position as ArrowTickType } from '../../utils/types';
-import ArrowTick from '../arrow-tick';
-var AccordionHeader = function AccordionHeader(_ref) {
-  var _ref$expanded = _ref.expanded,
-    expanded = _ref$expanded === void 0 ? false : _ref$expanded,
-    label = _ref.label,
-    onChange = _ref.onChange,
-    _onClick = _ref.onClick,
-    onContextMenu = _ref.onContextMenu,
-    _ref$hideIcon = _ref.hideIcon,
-    hideIcon = _ref$hideIcon === void 0 ? false : _ref$hideIcon,
-    _ref$fullWidth = _ref.fullWidth,
-    fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
-    iconPropsData = _ref.iconProps,
-    ref = _ref.ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var accordionHeaderClasses = "inline-flex items-center justify-between box-border cursor-pointer select-none text-secondary ".concat(fullWidth ? 'w-full' : 'w-auto');
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: accordionHeaderClasses,
-    ref: ref,
-    onClick: function onClick(event) {
-      if (typeof onChange === 'function') {
-        onChange(!expanded);
-      }
-      if (typeof _onClick === 'function') {
-        _onClick(event);
-      }
-    }
-  }, rest), /*#__PURE__*/React.createElement("span", {
-    onContextMenu: onContextMenu
-  }, label), !hideIcon && /*#__PURE__*/React.createElement("span", {
-    className: "inline-flex pl-2",
-    onContextMenu: onContextMenu
-  }, /*#__PURE__*/React.createElement(ArrowTick, {
-    type: expanded ? ArrowTickType.Top : ArrowTickType.Bottom,
-    IconProps: _objectSpread({
-      size: 11
-    }, iconPropsData)
-  })));
-};
-export default AccordionHeader;

package/core/accordion-header/accordion-header.props.d.ts

@@ -1,11 +0,0 @@
-import type { IconProps } from '@scaleflex/icons-tw/icon.props';
-import { Ref } from 'react';
-export interface AccordionHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
-    label: React.ReactNode;
-    expanded?: boolean;
-    hideIcon?: boolean;
-    fullWidth?: boolean;
-    onChange?: (value: boolean) => void;
-    iconProps?: IconProps;
-    ref?: Ref<HTMLDivElement>;
-}

package/core/accordion-header/accordion-header.props.js

@@ -1 +0,0 @@
-export {};

package/core/accordion-header/accordion-header.styles.d.ts

@@ -1,19 +0,0 @@
-declare const Styled: {
-    Header: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-        ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-    }>, never>, {
-        $fullWidth?: boolean;
-    } & {
-        theme: import("styled-components").DefaultTheme;
-    }>> & string;
-    Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-        ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-    }>, never>, never>> & string;
-    Icon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-        ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-    }>, never>, never>> & string;
-    Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-        ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-    }>, never>, never>> & string;
-};
-export default Styled;

package/core/accordion-header/accordion-header.styles.js

@@ -1,44 +0,0 @@
-import styled, { css } from 'styled-components';
-import { applyDisplayNames, generateClassNames } from '../../utils/functions';
-import { Color as PColor } from '../../utils/types/palette';
-import { FontVariant } from '../../utils/types/typography';
-var baseClassName = 'AccordionHeader';
-var Icon = /*#__PURE__*/styled.span.attrs({
-  className: generateClassNames(baseClassName, 'icon')
-}).withConfig({
-  componentId: "sc-lw0kj8-0"
-})(function () {
-  return css(["display:inline-flex;padding-left:8px;"]);
-});
-var Label = /*#__PURE__*/styled.span.attrs({
-  className: generateClassNames(baseClassName, 'label')
-}).withConfig({
-  componentId: "sc-lw0kj8-1"
-})(function (_ref) {
-  var theme = _ref.theme;
-  return css(["", ""], theme.typography.font[FontVariant.ButtonSm]);
-});
-var Header = /*#__PURE__*/styled.div.attrs({
-  className: generateClassNames(baseClassName, 'root')
-}).withConfig({
-  componentId: "sc-lw0kj8-2"
-})(function (_ref2) {
-  var theme = _ref2.theme,
-    $fullWidth = _ref2.$fullWidth;
-  return css(["display:inline-flex;align-items:center;justify-content:space-between;box-sizing:border-box;cursor:pointer;width:", ";color:", ";user-select:none;"], $fullWidth ? '100%' : 'auto', theme.palette[PColor.LinkPrimary]);
-});
-var Wrapper = /*#__PURE__*/styled.div.attrs({
-  className: generateClassNames(baseClassName, 'wrapper')
-}).withConfig({
-  componentId: "sc-lw0kj8-3"
-})(function (_ref3) {
-  var theme = _ref3.theme;
-  return css(["color:", ";"], theme.palette[PColor.LinkPrimary]);
-});
-var Styled = applyDisplayNames({
-  Header: Header,
-  Wrapper: Wrapper,
-  Icon: Icon,
-  Label: Label
-});
-export default Styled;

package/core/accordion-header/index.d.ts

@@ -1,2 +0,0 @@
-export type { AccordionHeaderProps } from './accordion-header.props';
-export { default } from './accordion-header.component';

package/core/accordion-header/index.js

@@ -1 +0,0 @@
-export { default } from './accordion-header.component';

package/core/arrow/arrow.component.d.ts

@@ -1,3 +0,0 @@
-import type { ArrowProps } from './arrow.props';
-declare const Arrow: ({ type, IconProps: IconPropsData, ref, ...rest }: ArrowProps) => JSX.Element;
-export default Arrow;

package/core/arrow/arrow.component.js

@@ -1,23 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["type", "IconProps", "ref"];
-import ArrowIcon from '@scaleflex/icons-tw/arrow';
-import { cn } from '@scaleflex/ui-tw/utils/functions/shadcn-utils';
-import React from 'react';
-import { Position } from '../../utils/types';
-var Arrow = function Arrow(_ref) {
-  var _ref$type = _ref.type,
-    type = _ref$type === void 0 ? Position.Right : _ref$type,
-    IconPropsData = _ref.IconProps,
-    ref = _ref.ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var arrowDirectionClasses = cn("".concat(type === Position.Bottom ? 'rotate-90' : ''), "".concat(type === Position.Left ? 'rotate-180' : ''), "".concat(type === Position.Right ? '' : ''), // don't need to rotate
-  "".concat(type === Position.Top ? '-rotate-90' : ''));
-  var ArrowClasses = cn('inline-flex transition-transform duration-150', arrowDirectionClasses);
-  return /*#__PURE__*/React.createElement("span", _extends({
-    className: ArrowClasses
-  }, rest, {
-    ref: ref
-  }), /*#__PURE__*/React.createElement(ArrowIcon, IconPropsData));
-};
-export default Arrow;

package/core/arrow/arrow.mixin.d.ts

@@ -1,6 +0,0 @@
-export declare const typeArrowMixin: {
-    right: import("styled-components").RuleSet<object>;
-    left: import("styled-components").RuleSet<object>;
-    top: import("styled-components").RuleSet<object>;
-    bottom: import("styled-components").RuleSet<object>;
-};

package/core/arrow/arrow.mixin.js

@@ -1,4 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { css } from 'styled-components';
-import { Position } from '../../utils/types';
-export var typeArrowMixin = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, Position.Right, css([""])), Position.Left, css(["transform:rotate(180deg);"])), Position.Top, css(["transform:rotate(-90deg);"])), Position.Bottom, css(["transform:rotate(90deg);"]));

package/core/arrow/arrow.props.d.ts

@@ -1,14 +0,0 @@
-import type { IconProps } from '@scaleflex/icons-tw/icon.props';
-import type { Values } from '../../utils/types';
-export declare const Type: {
-    readonly Left: "left";
-    readonly Right: "right";
-    readonly Top: "top";
-    readonly Bottom: "bottom";
-};
-export type ArrowTypesType = Values<typeof Type>;
-export interface ArrowProps extends React.HTMLAttributes<HTMLSpanElement> {
-    type?: ArrowTypesType;
-    IconProps?: IconProps;
-    ref?: React.Ref<HTMLSpanElement>;
-}

package/core/arrow/arrow.props.js

@@ -1,6 +0,0 @@
-export var Type = {
-  Left: 'left',
-  Right: 'right',
-  Top: 'top',
-  Bottom: 'bottom'
-};

package/core/arrow/arrow.styles.d.ts

@@ -1,9 +0,0 @@
-import type { ArrowProps } from './arrow.props';
-declare const Styled: {
-    Arrow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-        ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-    }>, never>, ArrowProps & {
-        theme: import("styled-components").DefaultTheme;
-    }>> & string;
-};
-export default Styled;

package/core/arrow/arrow.styles.js

@@ -1,18 +0,0 @@
-import styled, { css } from 'styled-components';
-import { applyDisplayNames, generateClassNames } from '../../utils/functions';
-import { Position } from '../../utils/types';
-import { typeArrowMixin } from './arrow.mixin';
-var baseClassName = 'Arrow';
-var Arrow = /*#__PURE__*/styled.span.attrs({
-  className: generateClassNames(baseClassName, 'root')
-}).withConfig({
-  componentId: "sc-1nief1k-0"
-})(function (_ref) {
-  var _ref$type = _ref.type,
-    type = _ref$type === void 0 ? Position.Right : _ref$type;
-  return css(["display:inline-flex;transition:transform 0.15s;", ""], typeArrowMixin[type]);
-});
-var Styled = applyDisplayNames({
-  Arrow: Arrow
-});
-export default Styled;

package/core/arrow/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './arrow.component';
-export type { ArrowProps } from './arrow.props';

package/core/arrow/index.js

@@ -1 +0,0 @@
-export { default } from './arrow.component';

package/core/arrow-tick/arrow-tick.component.d.ts

@@ -1,3 +0,0 @@
-import type { ArrowTickProps } from './arrow-tick.props';
-declare const ArrowTick: ({ type, IconProps: IconPropsData, ref, ...rest }: ArrowTickProps) => JSX.Element;
-export default ArrowTick;

package/core/arrow-tick/arrow-tick.component.js

@@ -1,28 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["type", "IconProps", "ref"];
-import ArrowBottom from '@scaleflex/icons-tw/arrow-bottom';
-import { cn } from '@scaleflex/ui-tw/utils/functions/shadcn-utils';
-import React from 'react';
-import { Position } from '../../utils/types';
-var ArrowTick = function ArrowTick(_ref) {
-  var _ref$type = _ref.type,
-    type = _ref$type === void 0 ? Position.Bottom : _ref$type,
-    IconPropsData = _ref.IconProps,
-    ref = _ref.ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var arrowDirectionClasses = cn("".concat(type === Position.Bottom ? '' : ''), // don't need to rotate
-  "".concat(type === Position.Left ? 'rotate-90' : ''), "".concat(type === Position.Right ? '-rotate-90' : ''), "".concat(type === Position.Top ? 'rotate-180' : ''));
-  var arrowClasses = cn(arrowDirectionClasses);
-
-  // TODO: structure this arrow using only CSS. create rules for IconPropsData?.size as TailwindCSS classes
-  // const arrowClasses = cn('inline-block w-2 h-2 border-solid border-secondary border-r-1 border-b-1 transition-transform duration-150 ease-out ', arrowDirectionClasses,)
-  // return <span className={arrowClasses} {...rest} ref={ref}></span>
-
-  return /*#__PURE__*/React.createElement("span", _extends({}, rest, {
-    ref: ref
-  }), /*#__PURE__*/React.createElement(ArrowBottom, _extends({
-    className: arrowClasses
-  }, IconPropsData)));
-};
-export default ArrowTick;

package/core/arrow-tick/arrow-tick.mixin.d.ts

@@ -1,6 +0,0 @@
-export declare const typeArrowTickMixin: {
-    right: import("styled-components").RuleSet<object>;
-    left: import("styled-components").RuleSet<object>;
-    top: import("styled-components").RuleSet<object>;
-    bottom: import("styled-components").RuleSet<object>;
-};

package/core/arrow-tick/arrow-tick.mixin.js

@@ -1,4 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { css } from 'styled-components';
-import { Type } from './arrow-tick.props';
-export var typeArrowTickMixin = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, Type.Right, css(["svg{transform:rotate(-90deg);transition:transform 150ms ease-out;}"])), Type.Left, css(["svg{transform:rotate(90deg);transition:transform 150ms ease-out;}"])), Type.Top, css(["svg{transform:rotate(180deg);transition:transform 150ms ease-out;}"])), Type.Bottom, css(["svg{transform:rotate(0);transition:transform 150ms ease-out;}"]));

package/core/arrow-tick/arrow-tick.props.d.ts

@@ -1,14 +0,0 @@
-import type { IconProps } from '@scaleflex/icons-tw/icon.props';
-import type { Values } from '../../utils/types';
-export declare const Type: {
-    readonly Left: "left";
-    readonly Right: "right";
-    readonly Top: "top";
-    readonly Bottom: "bottom";
-};
-export type ArrowTickTypesType = Values<typeof Type>;
-export interface ArrowTickProps extends React.HTMLAttributes<HTMLSpanElement> {
-    type?: ArrowTickTypesType;
-    IconProps?: IconProps;
-    ref?: React.Ref<HTMLSpanElement>;
-}

package/core/arrow-tick/arrow-tick.props.js

@@ -1,6 +0,0 @@
-export var Type = {
-  Left: 'left',
-  Right: 'right',
-  Top: 'top',
-  Bottom: 'bottom'
-};

package/core/arrow-tick/arrow-tick.styles.d.ts

@@ -1,7 +0,0 @@
-import type { ArrowTickProps } from './arrow-tick.props';
-declare const Styled: {
-    ArrowTick: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-        ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-    }>, never>, ArrowTickProps>> & string;
-};
-export default Styled;

package/core/arrow-tick/arrow-tick.styles.js

@@ -1,18 +0,0 @@
-import styled, { css } from 'styled-components';
-import { applyDisplayNames, generateClassNames } from '../../utils/functions';
-import { Position } from '../../utils/types';
-import { typeArrowTickMixin } from './arrow-tick.mixin';
-var baseClassName = 'ArrowTick';
-var ArrowTick = /*#__PURE__*/styled.span.attrs({
-  className: generateClassNames(baseClassName, 'root')
-}).withConfig({
-  componentId: "sc-28eylo-0"
-})(function (_ref) {
-  var _ref$type = _ref.type,
-    type = _ref$type === void 0 ? Position.Right : _ref$type;
-  return css(["display:inline-flex;", ""], typeArrowTickMixin[type]);
-});
-var Styled = applyDisplayNames({
-  ArrowTick: ArrowTick
-});
-export default Styled;

package/core/arrow-tick/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './arrow-tick.component';
-export type { ArrowTickProps } from './arrow-tick.props';

package/core/arrow-tick/index.js

@@ -1 +0,0 @@
-export { default } from './arrow-tick.component';

package/core/button/button.component.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { type ButtonProps } from './button.types';
-declare const buttonVariants: (props?: ({
-    variant?: "primary" | "secondary" | "link-primary" | "outline" | "link-secondary" | "link-basic-primary" | "link-basic-secondary" | "link-error" | "link-warning" | "error-primary" | "error-outline" | "warning-primary" | "warning-outline" | null | undefined;
-    size?: "sm" | "md" | "xs" | "lg" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-declare function Button({ className, children, size, startIcon, endIcon, variant, loading, asChild, disabled, ...rest }: ButtonProps): React.JSX.Element;
-export { buttonVariants };
-export default Button;

package/core/button/button.utils.d.ts

@@ -1,3 +0,0 @@
-import { ButtonSizeType, ButtonVariantType } from '@scaleflex/ui-tw/core/button/button.types';
-export declare const getIconSize: (sizeName?: ButtonSizeType | null) => number;
-export declare const isLinkBasicVariant: (variant: ButtonVariantType | null) => boolean;

package/core/button/button.utils.js

@@ -1,18 +0,0 @@
-import { ButtonSize, ButtonVariant } from '@scaleflex/ui-tw/core/button/button.types';
-export var getIconSize = function getIconSize(sizeName) {
-  switch (sizeName) {
-    case ButtonSize.Lg:
-      return 18;
-    case ButtonSize.Md:
-      return 16;
-    case ButtonSize.Sm:
-      return 14;
-    case ButtonSize.Xs:
-      return 12;
-    default:
-      return 16;
-  }
-};
-export var isLinkBasicVariant = function isLinkBasicVariant(variant) {
-  return variant === ButtonVariant.LinkBasicPrimary || variant === ButtonVariant.LinkBasicSecondary;
-};

package/core/button/components/end-icon.d.ts

@@ -1,12 +0,0 @@
-import { type VariantProps } from 'class-variance-authority';
-import React, { ComponentProps, ReactNode } from 'react';
-declare const endIconVariants: (props?: ({
-    size?: "sm" | "md" | "xs" | "lg" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-interface EndIconProps extends ComponentProps<'span'>, VariantProps<typeof endIconVariants> {
-    icon?: ReactNode | ((props: {
-        size: number;
-    }) => ReactNode);
-}
-declare const EndIcon: (props: EndIconProps) => React.JSX.Element;
-export default EndIcon;

package/core/button/components/end-icon.js

@@ -1,33 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["size", "icon"];
-import { ButtonSize } from '@scaleflex/ui-tw/core/button';
-import { getIconSize } from '@scaleflex/ui-tw/core/button/button.utils';
-import { cva } from 'class-variance-authority';
-import React, { useMemo } from 'react';
-var endIconSizes = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ButtonSize.Xs, 'ml-0.5'), ButtonSize.Sm, 'ml-1'), ButtonSize.Md, 'ml-1.5'), ButtonSize.Lg, 'ml-2');
-var endIconVariants = cva('flex', {
-  variants: {
-    size: endIconSizes
-  },
-  defaultVariants: {
-    size: ButtonSize.Md
-  }
-});
-var EndIcon = function EndIcon(props) {
-  var size = props.size,
-    icon = props.icon,
-    rest = _objectWithoutProperties(props, _excluded);
-  var iconSize = useMemo(function () {
-    return getIconSize(size);
-  }, [size]);
-  return /*#__PURE__*/React.createElement("span", _extends({
-    className: endIconVariants({
-      size: size
-    })
-  }, rest), typeof icon === 'function' ? icon({
-    size: iconSize
-  }) : icon);
-};
-export default EndIcon;

package/core/button/components/start-icon.d.ts

@@ -1,14 +0,0 @@
-import { type VariantProps } from 'class-variance-authority';
-import React, { ComponentProps, ReactNode } from 'react';
-declare const startIconVariants: (props?: ({
-    size?: "sm" | "md" | "xs" | "lg" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-interface StartIconProps extends ComponentProps<'span'>, VariantProps<typeof startIconVariants> {
-    icon?: ReactNode | ((props: {
-        size: number;
-    }) => ReactNode);
-    loading?: boolean;
-}
-declare const StartIcon: (props: StartIconProps) => React.JSX.Element;
-export { startIconVariants };
-export default StartIcon;

package/core/button/components/start-icon.js

@@ -1,40 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["size", "icon", "loading"];
-import SpinnerIcon from '@scaleflex/icons-tw/spinner';
-import { ButtonSize } from '@scaleflex/ui-tw/core/button';
-import { getIconSize } from '@scaleflex/ui-tw/core/button/button.utils';
-import { cva } from 'class-variance-authority';
-import React, { useMemo } from 'react';
-var startIconSizes = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ButtonSize.Xs, 'mr-0.5'), ButtonSize.Sm, 'mr-1'), ButtonSize.Md, 'mr-1.5'), ButtonSize.Lg, 'mr-2');
-var startIconVariants = cva('flex', {
-  variants: {
-    size: startIconSizes
-  },
-  defaultVariants: {
-    size: ButtonSize.Md
-  }
-});
-var StartIcon = function StartIcon(props) {
-  var size = props.size,
-    icon = props.icon,
-    _props$loading = props.loading,
-    loading = _props$loading === void 0 ? false : _props$loading,
-    rest = _objectWithoutProperties(props, _excluded);
-  var iconSize = useMemo(function () {
-    return getIconSize(size);
-  }, [size]);
-  return /*#__PURE__*/React.createElement("span", _extends({
-    className: startIconVariants({
-      size: size
-    })
-  }, rest), loading ? /*#__PURE__*/React.createElement(SpinnerIcon, {
-    size: iconSize,
-    className: "animate-spin"
-  }) : typeof icon === 'function' ? icon({
-    size: iconSize
-  }) : icon);
-};
-export { startIconVariants };
-export default StartIcon;

package/core/button/index.d.ts

@@ -1,4 +0,0 @@
-export { default } from './button.component';
-export type { ButtonProps } from './button.types';
-export { ButtonVariant } from '@scaleflex/ui-tw/core/button/button.types';
-export { ButtonSize } from '@scaleflex/ui-tw/core/button/button.types';

package/core/button/index.js

@@ -1,3 +0,0 @@
-export { default } from './button.component';
-export { ButtonVariant } from '@scaleflex/ui-tw/core/button/button.types';
-export { ButtonSize } from '@scaleflex/ui-tw/core/button/button.types';

package/core/check-box/check-box.component.d.ts

@@ -1,3 +0,0 @@
-import type { CheckBoxProps } from './check-box.props';
-declare const CheckBox: ({ size, type, checked, onChange, checkBoxProps, readOnly, disabled, ref, ...rest }: CheckBoxProps) => JSX.Element;
-export default CheckBox;

package/core/check-box/check-box.component.js

@@ -1,62 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["size", "type", "checked", "onChange", "checkBoxProps", "readOnly", "disabled", "ref"];
-import Intermediate from '@scaleflex/icons-tw/intermediate';
-import Tick from '@scaleflex/icons-tw/tick';
-import React from 'react';
-import { lightPalette } from '../../theme/roots/palette';
-import { ignoreEvent } from '../../utils/functions';
-import { cn } from '../../utils/functions/shadcn-utils';
-import { Color } from '../../utils/types/palette';
-import { getCheckboxIconSize } from './check-box.utils';
-import { Size, Type } from './types';
-var CheckBox = function CheckBox(_ref) {
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? Size.Md : _ref$size,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? Type.Checkbox : _ref$type,
-    _ref$checked = _ref.checked,
-    checked = _ref$checked === void 0 ? false : _ref$checked,
-    onChange = _ref.onChange,
-    checkBoxProps = _ref.checkBoxProps,
-    _ref$readOnly = _ref.readOnly,
-    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    ref = _ref.ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var getIcon = function getIcon(props) {
-    switch (type) {
-      case Type.Checkbox:
-        return /*#__PURE__*/React.createElement(Tick, props);
-      case Type.Intermediate:
-        return /*#__PURE__*/React.createElement(Intermediate, props);
-      default:
-        return /*#__PURE__*/React.createElement(Tick, props);
-    }
-  };
-  var cursorStyleClasses = disabled ? 'cursor-default' : 'cursor-pointer';
-  var ownTransitionClasses = 'transition-all duration-100 ease-out';
-  var checkBoxWrapperClasses = cn('relative flex items-center justify-center border-1 border-solid border-borders-secondary', "".concat(checked ? 'bg-accent-primary border-accent-primary' : 'bg-background-stateless border-borders-primary-stateless'), "".concat(size === Size.Sm ? 'min-h-4 max-h-4 min-w-4 max-w-4' : ''), "".concat(size === Size.Md ? 'min-h-5 max-h-5 min-w-5 max-w-5' : ''), "".concat(disabled ? 'border-1 border-solid' : ''), "".concat(disabled ? checked ? 'bg-accent-2-8-Opacity border-transparent' : 'bg-background-active border-borders-secondary' : ''), cursorStyleClasses, ownTransitionClasses);
-  var inputClasses = cn('peer absolute top-0 left-0 z-1 m-0 h-full w-full p-0 opacity-0', cursorStyleClasses);
-  var unCheckedIconClasses = cn('flex opacity-0', "".concat(disabled ? '' : 'peer-hover:opacity-100'), ownTransitionClasses);
-  return /*#__PURE__*/React.createElement("span", _extends({
-    className: checkBoxWrapperClasses,
-    ref: ref
-  }, rest), /*#__PURE__*/React.createElement("input", _extends({
-    type: "checkbox",
-    className: inputClasses,
-    checked: checked,
-    disabled: disabled,
-    onChange: readOnly || disabled ? ignoreEvent : onChange
-  }, checkBoxProps)), checked ? getIcon({
-    size: getCheckboxIconSize(size),
-    color: lightPalette[Color.ButtonPrimaryText]
-  }) : /*#__PURE__*/React.createElement("span", {
-    className: unCheckedIconClasses
-  }, getIcon({
-    size: getCheckboxIconSize(size),
-    color: lightPalette[Color.Accent_4_0_Opacity]
-  })));
-};
-export default CheckBox;

package/core/check-box/check-box.mixin.d.ts

@@ -1,4 +0,0 @@
-export declare const sizeCheckboxMixin: {
-    sm: () => import("styled-components").RuleSet<object>;
-    md: () => import("styled-components").RuleSet<object>;
-};

package/core/check-box/check-box.mixin.js

@@ -1,8 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { css } from 'styled-components';
-import { Size } from './types';
-export var sizeCheckboxMixin = _defineProperty(_defineProperty({}, Size.Sm, function () {
-  return css(["min-height:16px;max-height:16px;min-width:16px;max-width:16px;"]);
-}), Size.Md, function () {
-  return css(["min-height:20px;max-height:20px;min-width:20px;max-width:20px;"]);
-});

package/core/check-box/check-box.props.d.ts

@@ -1,15 +0,0 @@
-import { ChangeEvent, Ref } from 'react';
-import type { Values } from '../../utils/types';
-import { Size, Type } from './types';
-export type CheckBoxSizeType = Values<typeof Size>;
-export type CheckBoxType = Values<typeof Type>;
-export interface CheckBoxProps extends React.HTMLAttributes<HTMLSpanElement> {
-    checked?: boolean;
-    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
-    checkBoxProps?: React.InputHTMLAttributes<HTMLInputElement>;
-    readOnly?: boolean;
-    disabled?: boolean;
-    size?: CheckBoxSizeType;
-    type?: CheckBoxType;
-    ref?: Ref<HTMLSpanElement>;
-}

package/core/check-box/check-box.props.js

@@ -1 +0,0 @@
-export {};