@dotss/ui 1.0.0 → 1.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Accordion/Accordion.d.ts +1 -1
- package/Backdrop/Backdrop.d.ts +1 -1
- package/Badge/Badge.d.ts +3 -3
- package/BottomSheet/BottomSheet.d.ts +1 -1
- package/BottomSheet/BottomSheetAction/BottomSheetAction.d.ts +1 -1
- package/BottomSheet/BottomSheetContent/BottomSheetContent.d.ts +1 -1
- package/BottomSheet/BottomSheetText/BottomSheetText.d.ts +1 -1
- package/BottomSheet/BottomSheetTitle/BottomSheetTitle.d.ts +1 -1
- package/Box/Box.d.ts +1 -1
- package/Button/Button.d.ts +2 -2
- package/Card/Card.d.ts +1 -1
- package/ChainPicker/ChainPicker.d.ts +1 -1
- package/Checkbox/Checkbox.d.ts +2 -2
- package/Chip/Chip.d.ts +1 -1
- package/CircularProgressIndicator/CircularProgressIndicator.d.ts +1 -1
- package/DatePicker/DatePicker.cjs +14 -14
- package/DatePicker/DatePicker.d.ts +2 -1
- package/DatePicker/DatePicker.es.js +260 -250
- package/DatePicker/EventDot/EventDot.d.ts +1 -1
- package/DatePicker/EventDotGroup/EventDotGroup.d.ts +1 -1
- package/Dialog/Dialog.d.ts +1 -1
- package/Dialog/DialogText/DialogText.d.ts +1 -1
- package/Dialog/DialogTitle/DialogTitle.d.ts +1 -1
- package/Flexbox/Flexbox.d.ts +1 -1
- package/FocusBoundary/FocusBoundary.d.ts +1 -1
- package/FormControlText/FormControlText.d.ts +1 -1
- package/Icon/Icon.cjs +1 -1
- package/Icon/Icon.d.ts +2 -2
- package/Icon/Icon.es.js +1 -1
- package/IconButton/IconButton.d.ts +2 -2
- package/Label/Label.d.ts +4 -4
- package/LineProgressIndicator/LineProgressIndicator.d.ts +1 -1
- package/Menu/Menu.d.ts +1 -1
- package/Menu/MenuBlock/MenuBlock.d.ts +1 -1
- package/NumberKeypad/NumberKeypad.d.ts +2 -2
- package/NumberKeypad/NumberKeypadBlock/NumberKeypadBlock.d.ts +1 -1
- package/PageControl/PageControl.d.ts +2 -2
- package/Radio/Radio.d.ts +2 -2
- package/RadioGroup/RadioGroup.d.ts +1 -1
- package/SegmentedButton/SegmentedButton.d.ts +2 -2
- package/SegmentedButton/SegmentedButtonBlock/SegmentedButtonBlock.d.ts +1 -1
- package/Select/Option/Option.d.ts +1 -1
- package/Select/Select.d.ts +1 -1
- package/Skeleton/Skeleton.d.ts +3 -3
- package/Slider/Slider.d.ts +1 -1
- package/Snackbar/Snackbar.d.ts +2 -2
- package/Switch/Switch.d.ts +1 -1
- package/Tab/Tab.d.ts +1 -1
- package/Tab/TabBlock/TabBlock.d.ts +1 -1
- package/TextArea/TextArea.d.ts +1 -1
- package/TextField/TextField.d.ts +1 -1
- package/Tooltip/Tooltip.d.ts +2 -2
- package/Typography/Typography.d.ts +2 -2
- package/index.cjs +1 -1
- package/index.d.ts +1 -0
- package/index.es.js +62 -60
- package/package.json +1 -1
- package/resources/tictoccroc/icons/{index.ts-Dt89JG4Z.js → index.ts-BPirIj0F.js} +12 -10
- package/resources/tictoccroc/icons/{index.ts-DI_CztBn.cjs → index.ts-DGZWXCgv.cjs} +1 -1
- package/resources/tictoccroc/icons/line/archive-line.svg-DCCCNm0K.cjs +1 -0
- package/resources/tictoccroc/icons/line/archive-line.svg-DRsXXtcA.js +5 -0
- package/resources/tictoccroc/icons/line/index.d.ts +1 -0
- package/themes/tictoccroc/colors/green.cjs +1 -1
- package/themes/tictoccroc/colors/green.es.js +1 -1
- package/utils/getIconLabel/getIconLabel.cjs +1 -1
- package/utils/getIconLabel/getIconLabel.es.js +2 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { HTMLAttributes } from 'react';
|
|
2
|
-
import { Color, GeneralComponentProps } from '
|
|
2
|
+
import { Color, GeneralComponentProps } from '../../typings/component';
|
|
3
3
|
|
|
4
4
|
export interface EventDotProps extends GeneralComponentProps<Omit<HTMLAttributes<HTMLSpanElement>, 'color'>> {
|
|
5
5
|
color: Color;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { HTMLAttributes } from 'react';
|
|
2
|
-
import { GeneralComponentProps } from '
|
|
2
|
+
import { GeneralComponentProps } from '../../typings/component';
|
|
3
3
|
|
|
4
4
|
export interface EventGroupProps extends GeneralComponentProps<HTMLAttributes<HTMLDivElement>> {
|
|
5
5
|
limit?: number;
|
package/Dialog/Dialog.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { HTMLAttributes } from 'react';
|
|
2
2
|
import { BackdropProps } from '../Backdrop/Backdrop';
|
|
3
|
-
import { GeneralComponentProps } from '
|
|
3
|
+
import { GeneralComponentProps } from '../typings/component';
|
|
4
4
|
|
|
5
5
|
export interface DialogProps extends GeneralComponentProps<HTMLAttributes<HTMLDivElement>> {
|
|
6
6
|
open?: boolean;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { HTMLAttributes } from 'react';
|
|
2
2
|
import { Property } from 'csstype';
|
|
3
|
-
import { GeneralComponentProps } from '
|
|
3
|
+
import { GeneralComponentProps } from '../../typings/component';
|
|
4
4
|
|
|
5
5
|
export interface DialogTextProps extends GeneralComponentProps<HTMLAttributes<HTMLDivElement>> {
|
|
6
6
|
type?: 'main' | 'sub';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ElementType, HTMLAttributes } from 'react';
|
|
2
|
-
import { GeneralComponentProps } from '
|
|
2
|
+
import { GeneralComponentProps } from '../../typings/component';
|
|
3
3
|
|
|
4
4
|
export interface DialogTitleProps extends GeneralComponentProps<HTMLAttributes<HTMLDivElement>> {
|
|
5
5
|
onClose?: () => void;
|
package/Flexbox/Flexbox.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ElementType, ReactNode } from 'react';
|
|
2
2
|
import { Property } from 'csstype';
|
|
3
|
-
import { PolymorphicComponentProps, Spacing } from '
|
|
3
|
+
import { PolymorphicComponentProps, Spacing } from '../typings/component';
|
|
4
4
|
|
|
5
5
|
export type FlexboxProps<T extends ElementType = 'div'> = Spacing & PolymorphicComponentProps<T> & {
|
|
6
6
|
alignItems?: Property.AlignItems;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { HTMLAttributes } from 'react';
|
|
2
|
-
import { GeneralComponentProps } from '
|
|
2
|
+
import { GeneralComponentProps } from '../typings/component';
|
|
3
3
|
|
|
4
4
|
export interface FocusBoundaryProps extends GeneralComponentProps<HTMLAttributes<HTMLDivElement>> {
|
|
5
5
|
active?: boolean;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { HTMLAttributes, ReactElement, ReactNode } from 'react';
|
|
2
2
|
import { default as Checkbox } from '../Checkbox';
|
|
3
3
|
import { default as Radio } from '../Radio';
|
|
4
|
-
import { GeneralComponentProps, Size } from '
|
|
4
|
+
import { GeneralComponentProps, Size } from '../typings/component';
|
|
5
5
|
|
|
6
6
|
export interface FormControlTextProps extends GeneralComponentProps<HTMLAttributes<HTMLDivElement>> {
|
|
7
7
|
control: ReactElement<typeof Checkbox | typeof Radio>;
|
package/Icon/Icon.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y=require("@emotion/react/jsx-runtime"),t=require("react"),S=require("../resources/tictoccroc/icons/index.ts-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y=require("@emotion/react/jsx-runtime"),t=require("react"),S=require("../resources/tictoccroc/icons/index.ts-DGZWXCgv.cjs"),b=require("@emotion/styled"),h=require("../utils/getPaletteColor/getPaletteColor.cjs"),I=r=>r&&r.__esModule?r:{default:r},w=I(b),$=r=>w.default(r)`
|
|
2
2
|
${({size:o,width:s,height:a})=>{let n={width:s,height:a};switch(o){case"large":n={width:32,height:32};break;case"medium":n={width:24,height:24};break;case"small":n={width:20,height:20};break;case"xSmall":n={width:16,height:16};break}return n}};
|
|
3
3
|
|
|
4
4
|
color: ${({theme:o,color:s="grey.100"})=>h.default(s,{theme:o})};
|
package/Icon/Icon.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { SVGProps } from 'react';
|
|
2
|
-
import { Color, GeneralComponentProps, IconName, Size } from '
|
|
3
|
-
import { CSSValue } from '
|
|
2
|
+
import { Color, GeneralComponentProps, IconName, Size } from '../typings/component';
|
|
3
|
+
import { CSSValue } from '../typings/utility';
|
|
4
4
|
|
|
5
5
|
export interface IconProps extends GeneralComponentProps<Omit<SVGProps<SVGElement>, 'width' | 'height' | 'color'>> {
|
|
6
6
|
name: IconName;
|
package/Icon/Icon.es.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as w } from "@emotion/react/jsx-runtime";
|
|
2
2
|
import { forwardRef as y, Children as f, isValidElement as i, cloneElement as s } from "react";
|
|
3
|
-
import { S as $ } from "../resources/tictoccroc/icons/index.ts-
|
|
3
|
+
import { S as $ } from "../resources/tictoccroc/icons/index.ts-BPirIj0F.js";
|
|
4
4
|
import b from "@emotion/styled";
|
|
5
5
|
import x from "../utils/getPaletteColor/getPaletteColor.es.js";
|
|
6
6
|
const g = (p) => b(p)`
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ButtonHTMLAttributes } from 'react';
|
|
2
|
-
import { BrandColorKey } from '
|
|
3
|
-
import { GeneralComponentProps, IconName, Size, Variant } from '
|
|
2
|
+
import { BrandColorKey } from '../typings/color';
|
|
3
|
+
import { GeneralComponentProps, IconName, Size, Variant } from '../typings/component';
|
|
4
4
|
|
|
5
5
|
export interface IconButtonProps extends GeneralComponentProps<ButtonHTMLAttributes<HTMLButtonElement>> {
|
|
6
6
|
name: IconName;
|
package/Label/Label.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { ElementType, ReactNode } from 'react';
|
|
2
|
-
import { SpecifyColorScaleKey } from '
|
|
3
|
-
import { PolymorphicComponentProps, Size, Variant } from '
|
|
4
|
-
import { EtcColorKey } from '
|
|
5
|
-
import { TictoccrocBrandColorKey, TictoccrocClassTypeColorKey } from '
|
|
2
|
+
import { SpecifyColorScaleKey } from '../typings/color';
|
|
3
|
+
import { PolymorphicComponentProps, Size, Variant } from '../typings/component';
|
|
4
|
+
import { EtcColorKey } from '../typings/theme/core';
|
|
5
|
+
import { TictoccrocBrandColorKey, TictoccrocClassTypeColorKey } from '../typings/theme/tictoccroc';
|
|
6
6
|
|
|
7
7
|
export type LabelProps<T extends ElementType = 'span'> = PolymorphicComponentProps<T> & {
|
|
8
8
|
variant?: Extract<Variant, 'solid' | 'ghost' | 'outlined'>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { HTMLAttributes } from 'react';
|
|
2
|
-
import { GeneralComponentProps, Size } from '
|
|
2
|
+
import { GeneralComponentProps, Size } from '../typings/component';
|
|
3
3
|
|
|
4
4
|
export interface LineProgressIndicatorProps extends GeneralComponentProps<HTMLAttributes<HTMLDivElement>> {
|
|
5
5
|
size?: Extract<Size, 'large' | 'small'>;
|
package/Menu/Menu.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { HTMLAttributes, ReactElement, ReactNode, RefObject, SyntheticEvent } from 'react';
|
|
2
|
-
import { GeneralComponentProps } from '
|
|
2
|
+
import { GeneralComponentProps } from '../typings/component';
|
|
3
3
|
import { default as MenuBlock } from './MenuBlock';
|
|
4
4
|
|
|
5
5
|
export interface MenuProps extends GeneralComponentProps<Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>> {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
-
import { GeneralComponentProps } from '
|
|
2
|
+
import { GeneralComponentProps } from '../../typings/component';
|
|
3
3
|
|
|
4
4
|
export interface MenuBlockProps extends GeneralComponentProps<HTMLAttributes<HTMLLIElement>> {
|
|
5
5
|
startAdornment?: ReactNode;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { HTMLAttributes, ReactElement, ReactNode } from 'react';
|
|
2
|
-
import { GeneralComponentProps, Size } from '
|
|
3
|
-
import { CSSValue } from '
|
|
2
|
+
import { GeneralComponentProps, Size } from '../typings/component';
|
|
3
|
+
import { CSSValue } from '../typings/utility';
|
|
4
4
|
import { default as NumberKeypadBlock } from './NumberKeypadBlock';
|
|
5
5
|
|
|
6
6
|
export interface NumberKeypadProps extends GeneralComponentProps<Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>> {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { HTMLAttributes } from 'react';
|
|
2
|
-
import { GeneralComponentProps } from '
|
|
2
|
+
import { GeneralComponentProps } from '../../typings/component';
|
|
3
3
|
import { NumberKeypadProps } from '../NumberKeypad';
|
|
4
4
|
|
|
5
5
|
export interface NumberKeypadBlockProps extends GeneralComponentProps<HTMLAttributes<HTMLDivElement> & Pick<NumberKeypadProps, 'size' | 'disabled'>> {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { HTMLAttributes } from 'react';
|
|
2
|
-
import { BrandColorKey } from '
|
|
3
|
-
import { GeneralComponentProps } from '
|
|
2
|
+
import { BrandColorKey } from '../typings/color';
|
|
3
|
+
import { GeneralComponentProps } from '../typings/component';
|
|
4
4
|
|
|
5
5
|
export interface PageControlProps extends GeneralComponentProps<Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'onClick'>> {
|
|
6
6
|
totalCount?: number;
|
package/Radio/Radio.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { InputHTMLAttributes } from 'react';
|
|
2
|
-
import { BrandColorKey } from '
|
|
3
|
-
import { GeneralComponentProps, Size } from '
|
|
2
|
+
import { BrandColorKey } from '../typings/color';
|
|
3
|
+
import { GeneralComponentProps, Size } from '../typings/component';
|
|
4
4
|
|
|
5
5
|
export interface RadioProps extends GeneralComponentProps<Omit<InputHTMLAttributes<HTMLInputElement>, 'size'>> {
|
|
6
6
|
size?: Extract<Size, 'medium' | '2xLarge'>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { HTMLAttributes } from 'react';
|
|
2
|
-
import { GeneralComponentProps } from '
|
|
2
|
+
import { GeneralComponentProps } from '../typings/component';
|
|
3
3
|
|
|
4
4
|
export interface RadioGroupProps extends GeneralComponentProps<HTMLAttributes<HTMLDivElement>> {
|
|
5
5
|
name?: string;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { HTMLAttributes, ReactElement } from 'react';
|
|
2
|
-
import { BrandColorKey } from '
|
|
3
|
-
import { GeneralComponentProps, Variant } from '
|
|
2
|
+
import { BrandColorKey } from '../typings/color';
|
|
3
|
+
import { GeneralComponentProps, Variant } from '../typings/component';
|
|
4
4
|
import { default as SegmentedButtonBlock } from './SegmentedButtonBlock';
|
|
5
5
|
|
|
6
6
|
export interface SegmentedButtonProps extends GeneralComponentProps<Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>> {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ButtonHTMLAttributes, ReactNode } from 'react';
|
|
2
|
-
import { GeneralComponentProps } from '
|
|
2
|
+
import { GeneralComponentProps } from '../../typings/component';
|
|
3
3
|
import { SegmentedButtonProps } from '../SegmentedButton';
|
|
4
4
|
|
|
5
5
|
export interface SegmentedButtonBlockProps extends GeneralComponentProps<ButtonHTMLAttributes<HTMLButtonElement> & Pick<SegmentedButtonProps, 'variant' | 'color' | 'rounded'>> {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
-
import { GeneralComponentProps } from '
|
|
2
|
+
import { GeneralComponentProps } from '../../typings/component';
|
|
3
3
|
|
|
4
4
|
export interface OptionProps extends GeneralComponentProps<HTMLAttributes<HTMLLIElement>> {
|
|
5
5
|
value?: string;
|
package/Select/Select.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { HTMLAttributes, ReactElement, ReactNode } from 'react';
|
|
2
2
|
import { default as Option } from './Option';
|
|
3
|
-
import { GeneralComponentProps, Size, Variant } from '
|
|
3
|
+
import { GeneralComponentProps, Size, Variant } from '../typings/component';
|
|
4
4
|
|
|
5
5
|
export interface SelectProps extends GeneralComponentProps<Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>> {
|
|
6
6
|
value: string;
|
package/Skeleton/Skeleton.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { HTMLAttributes } from 'react';
|
|
2
|
-
import { GeneralComponentProps } from '
|
|
3
|
-
import { TypographyBodyKey, TypographyCaptionKey, TypographyHeadlineKey } from '
|
|
4
|
-
import { CSSValue } from '
|
|
2
|
+
import { GeneralComponentProps } from '../typings/component';
|
|
3
|
+
import { TypographyBodyKey, TypographyCaptionKey, TypographyHeadlineKey } from '../typings/typography';
|
|
4
|
+
import { CSSValue } from '../typings/utility';
|
|
5
5
|
|
|
6
6
|
export interface SkeletonProps extends GeneralComponentProps<HTMLAttributes<HTMLDivElement>> {
|
|
7
7
|
ratio?: `${number}:${number}`;
|
package/Slider/Slider.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { HTMLAttributes } from 'react';
|
|
2
|
-
import { GeneralComponentProps } from '
|
|
2
|
+
import { GeneralComponentProps } from '../typings/component';
|
|
3
3
|
|
|
4
4
|
export interface SliderProps extends GeneralComponentProps<Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>> {
|
|
5
5
|
value: number;
|
package/Snackbar/Snackbar.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { HTMLAttributes, ReactNode, RefObject } from 'react';
|
|
2
|
-
import { BrandColorKey } from '
|
|
3
|
-
import { GeneralComponentProps } from '
|
|
2
|
+
import { BrandColorKey } from '../typings/color';
|
|
3
|
+
import { GeneralComponentProps } from '../typings/component';
|
|
4
4
|
|
|
5
5
|
export interface SnackbarProps extends GeneralComponentProps<HTMLAttributes<HTMLDivElement>> {
|
|
6
6
|
open?: boolean;
|
package/Switch/Switch.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ChangeEventHandler, HTMLAttributes } from 'react';
|
|
2
|
-
import { GeneralComponentProps } from '
|
|
2
|
+
import { GeneralComponentProps } from '../typings/component';
|
|
3
3
|
|
|
4
4
|
export interface SwitchProps extends GeneralComponentProps<HTMLAttributes<HTMLDivElement>> {
|
|
5
5
|
selected: boolean;
|
package/Tab/Tab.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { HTMLAttributes } from 'react';
|
|
2
|
-
import { GeneralComponentProps, Size } from '
|
|
2
|
+
import { GeneralComponentProps, Size } from '../typings/component';
|
|
3
3
|
|
|
4
4
|
export interface TabProps extends GeneralComponentProps<Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>> {
|
|
5
5
|
value: string;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { HTMLAttributes, MouseEvent } from 'react';
|
|
2
2
|
import { TabProps } from '../Tab';
|
|
3
|
-
import { GeneralComponentProps } from '
|
|
3
|
+
import { GeneralComponentProps } from '../../typings/component';
|
|
4
4
|
|
|
5
5
|
export interface TabBlockProps extends GeneralComponentProps<HTMLAttributes<HTMLDivElement> & Pick<TabProps, 'size'>> {
|
|
6
6
|
value: string;
|
package/TextArea/TextArea.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { HTMLAttributes, TextareaHTMLAttributes } from 'react';
|
|
2
|
-
import { GeneralComponentProps, Size, Variant } from '
|
|
2
|
+
import { GeneralComponentProps, Size, Variant } from '../typings/component';
|
|
3
3
|
|
|
4
4
|
export interface TextAreaProps extends GeneralComponentProps<TextareaHTMLAttributes<HTMLTextAreaElement>> {
|
|
5
5
|
value: string;
|
package/TextField/TextField.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { HTMLAttributes, InputHTMLAttributes, ReactNode } from 'react';
|
|
2
|
-
import { GeneralComponentProps, Size, Variant } from '
|
|
2
|
+
import { GeneralComponentProps, Size, Variant } from '../typings/component';
|
|
3
3
|
|
|
4
4
|
export interface TextFieldProps extends GeneralComponentProps<Omit<InputHTMLAttributes<HTMLInputElement>, 'size'>> {
|
|
5
5
|
variant?: Extract<Variant, 'outlined' | 'filled'>;
|
package/Tooltip/Tooltip.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { HTMLAttributes, ReactNode, SyntheticEvent } from 'react';
|
|
2
|
-
import { BrandColorKey } from '
|
|
3
|
-
import { GeneralComponentProps } from '
|
|
2
|
+
import { BrandColorKey } from '../typings/color';
|
|
3
|
+
import { GeneralComponentProps } from '../typings/component';
|
|
4
4
|
|
|
5
5
|
export interface TooltipOffset {
|
|
6
6
|
x?: number;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ElementType, ReactNode } from 'react';
|
|
2
|
-
import { Color, PolymorphicComponentProps } from '
|
|
3
|
-
import { TypographyBodyKey, TypographyCaptionKey, TypographyDisplayKey, TypographyHeadlineKey } from '
|
|
2
|
+
import { Color, PolymorphicComponentProps } from '../typings/component';
|
|
3
|
+
import { TypographyBodyKey, TypographyCaptionKey, TypographyDisplayKey, TypographyHeadlineKey } from '../typings/typography';
|
|
4
4
|
|
|
5
5
|
export type TypographyProps<T extends ElementType = 'div'> = PolymorphicComponentProps<T> & {
|
|
6
6
|
variant?: TypographyDisplayKey | TypographyHeadlineKey | TypographyBodyKey | TypographyCaptionKey;
|
package/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Button/Button.cjs"),t=require("./Icon/Icon.cjs"),o=require("./Label/Label.cjs"),r=require("./Typography/Typography.cjs"),u=require("./Box/Box.cjs"),n=require("./Flexbox/Flexbox.cjs"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Button/Button.cjs"),t=require("./Icon/Icon.cjs"),o=require("./Label/Label.cjs"),r=require("./Typography/Typography.cjs"),u=require("./Box/Box.cjs"),n=require("./Flexbox/Flexbox.cjs"),i=require("./TextField/TextField.cjs"),a=require("./TextArea/TextArea.cjs"),l=require("./IconButton/IconButton.cjs"),c=require("./PageControl/PageControl.cjs"),d=require("./Checkbox/Checkbox.cjs"),s=require("./Radio/Radio.cjs"),f=require("./Chip/Chip.cjs"),q=require("./SegmentedButton/SegmentedButton.cjs"),B=require("./SegmentedButton/SegmentedButtonBlock/SegmentedButtonBlock.cjs"),g=require("./Backdrop/Backdrop.cjs"),S=require("./Dialog/Dialog.cjs"),T=require("./Dialog/DialogTitle/DialogTitle.cjs"),k=require("./Dialog/DialogContent/DialogContent.cjs"),m=require("./Dialog/DialogAction/DialogAction.cjs"),p=require("./Dialog/DialogText/DialogText.cjs"),h=require("./Tooltip/Tooltip.cjs"),C=require("./Select/Select.cjs"),b=require("./Select/Option/Option.cjs"),x=require("./Menu/Menu.cjs"),D=require("./Menu/MenuBlock/MenuBlock.cjs");require("./Menu/MenuButton/MenuButton.cjs");const y=require("./Skeleton/Skeleton.cjs"),P=require("./Switch/Switch.cjs"),A=require("./BottomSheet/BottomSheet.cjs"),F=require("./BottomSheet/BottomSheetTitle/BottomSheetTitle.cjs"),I=require("./BottomSheet/BottomSheetContent/BottomSheetContent.cjs"),L=require("./BottomSheet/BottomSheetAction/BottomSheetAction.cjs"),v=require("./BottomSheet/BottomSheetText/BottomSheetText.cjs"),M=require("./Snackbar/Snackbar.cjs"),w=require("./ChainPicker/ChainPicker.cjs"),E=require("./DatePicker/DatePicker.cjs"),G=require("./DatePicker/EventDot/EventDot.cjs"),K=require("./DatePicker/EventDotGroup/EventDotGroup.cjs"),N=require("./FormControlText/FormControlText.cjs"),R=require("./ClickAwayListener/ClickAwayListener.cjs"),O=require("./Card/Card.cjs"),j=require("./LineProgressIndicator/LineProgressIndicator.cjs"),z=require("./CircularProgressIndicator/CircularProgressIndicator.cjs"),H=require("./NumberKeypad/NumberKeypad.cjs"),J=require("./NumberKeypad/NumberKeypadBlock/NumberKeypadBlock.cjs"),Q=require("./FocusBoundary/FocusBoundary.cjs"),U=require("./Badge/Badge.cjs"),V=require("./Tab/Tab.cjs"),W=require("./Tab/TabBlock/TabBlock.cjs"),X=require("./Slider/Slider.cjs"),Y=require("./Accordion/Accordion.cjs"),Z=require("./RadioGroup/RadioGroup.cjs");exports.Button=e.default;exports.Icon=t.default;exports.Label=o.default;exports.Typography=r.default;exports.Box=u.default;exports.Flexbox=n.default;exports.TextField=i.default;exports.TextArea=a.default;exports.IconButton=l.default;exports.PageControl=c.default;exports.Checkbox=d.default;exports.Radio=s.default;exports.Chip=f.default;exports.SegmentedButton=q.default;exports.SegmentedButtonBlock=B.default;exports.Backdrop=g.default;exports.Dialog=S.default;exports.DialogTitle=T.default;exports.DialogContent=k.default;exports.DialogAction=m.default;exports.DialogText=p.default;exports.Tooltip=h.default;exports.Select=C.default;exports.Option=b.default;exports.Menu=x.default;exports.MenuBlock=D.default;exports.Skeleton=y.default;exports.Switch=P.default;exports.BottomSheet=A.default;exports.BottomSheetTitle=F.default;exports.BottomSheetContent=I.default;exports.BottomSheetAction=L.default;exports.BottomSheetText=v.default;exports.Snackbar=M.default;exports.ChainPicker=w.default;exports.DatePicker=E.default;exports.EventDot=G.default;exports.EventDotGroup=K.default;exports.FormControlText=N.default;exports.ClickAwayListener=R.default;exports.Card=O.default;exports.LineProgressIndicator=j.default;exports.CircularProgressIndicator=z.default;exports.NumberKeypad=H.default;exports.NumberKeypadBlock=J.default;exports.FocusBoundary=Q.default;exports.Badge=U.default;exports.Tab=V.default;exports.TabBlock=W.default;exports.Slider=X.default;exports.Accordion=Y.default;exports.RadioGroup=Z.default;
|
package/index.d.ts
CHANGED
|
@@ -18,6 +18,7 @@ export { default as Tooltip } from './Tooltip';
|
|
|
18
18
|
export { default as Select, Option } from './Select';
|
|
19
19
|
export { default as Menu, MenuBlock } from './Menu';
|
|
20
20
|
export { default as Skeleton } from './Skeleton';
|
|
21
|
+
export { default as Switch } from './Switch';
|
|
21
22
|
export { default as BottomSheet, BottomSheetTitle, BottomSheetContent, BottomSheetAction, BottomSheetText } from './BottomSheet';
|
|
22
23
|
export { default as Snackbar } from './Snackbar';
|
|
23
24
|
export { default as ChainPicker } from './ChainPicker';
|
package/index.es.js
CHANGED
|
@@ -6,16 +6,16 @@ import { default as x } from "./Box/Box.es.js";
|
|
|
6
6
|
import { default as n } from "./Flexbox/Flexbox.es.js";
|
|
7
7
|
import { default as c } from "./TextField/TextField.es.js";
|
|
8
8
|
import { default as g } from "./TextArea/TextArea.es.js";
|
|
9
|
-
import { default as
|
|
10
|
-
import { default as
|
|
9
|
+
import { default as k } from "./IconButton/IconButton.es.js";
|
|
10
|
+
import { default as h } from "./PageControl/PageControl.es.js";
|
|
11
11
|
import { default as b } from "./Checkbox/Checkbox.es.js";
|
|
12
12
|
import { default as y } from "./Radio/Radio.es.js";
|
|
13
13
|
import { default as P } from "./Chip/Chip.es.js";
|
|
14
14
|
import { default as I } from "./SegmentedButton/SegmentedButton.es.js";
|
|
15
15
|
import { default as v } from "./SegmentedButton/SegmentedButtonBlock/SegmentedButtonBlock.es.js";
|
|
16
|
-
import { default as
|
|
17
|
-
import { default as
|
|
18
|
-
import { default as
|
|
16
|
+
import { default as E } from "./Backdrop/Backdrop.es.js";
|
|
17
|
+
import { default as K } from "./Dialog/Dialog.es.js";
|
|
18
|
+
import { default as N } from "./Dialog/DialogTitle/DialogTitle.es.js";
|
|
19
19
|
import { default as O } from "./Dialog/DialogContent/DialogContent.es.js";
|
|
20
20
|
import { default as q } from "./Dialog/DialogAction/DialogAction.es.js";
|
|
21
21
|
import { default as H } from "./Dialog/DialogText/DialogText.es.js";
|
|
@@ -25,79 +25,81 @@ import { default as X } from "./Select/Option/Option.es.js";
|
|
|
25
25
|
import { default as Z } from "./Menu/Menu.es.js";
|
|
26
26
|
import { default as $ } from "./Menu/MenuBlock/MenuBlock.es.js";
|
|
27
27
|
import "./Menu/MenuButton/MenuButton.es.js";
|
|
28
|
-
import { default as
|
|
29
|
-
import { default as ao } from "./
|
|
30
|
-
import { default as fo } from "./BottomSheet/
|
|
31
|
-
import { default as uo } from "./BottomSheet/
|
|
32
|
-
import { default as po } from "./BottomSheet/
|
|
33
|
-
import { default as so } from "./BottomSheet/
|
|
34
|
-
import { default as io } from "./
|
|
35
|
-
import { default as Bo } from "./
|
|
36
|
-
import { default as
|
|
37
|
-
import { default as To } from "./DatePicker/
|
|
38
|
-
import { default as
|
|
39
|
-
import { default as Do } from "./
|
|
40
|
-
import { default as Ao } from "./
|
|
41
|
-
import { default as Fo } from "./
|
|
42
|
-
import { default as Lo } from "./
|
|
43
|
-
import { default as
|
|
44
|
-
import { default as
|
|
45
|
-
import { default as
|
|
46
|
-
import { default as
|
|
47
|
-
import { default as jo } from "./
|
|
48
|
-
import { default as zo } from "./
|
|
49
|
-
import { default as Jo } from "./Tab/
|
|
50
|
-
import { default as Uo } from "./
|
|
51
|
-
import { default as Wo } from "./
|
|
52
|
-
import { default as Yo } from "./
|
|
28
|
+
import { default as to } from "./Skeleton/Skeleton.es.js";
|
|
29
|
+
import { default as ao } from "./Switch/Switch.es.js";
|
|
30
|
+
import { default as fo } from "./BottomSheet/BottomSheet.es.js";
|
|
31
|
+
import { default as uo } from "./BottomSheet/BottomSheetTitle/BottomSheetTitle.es.js";
|
|
32
|
+
import { default as po } from "./BottomSheet/BottomSheetContent/BottomSheetContent.es.js";
|
|
33
|
+
import { default as so } from "./BottomSheet/BottomSheetAction/BottomSheetAction.es.js";
|
|
34
|
+
import { default as io } from "./BottomSheet/BottomSheetText/BottomSheetText.es.js";
|
|
35
|
+
import { default as Bo } from "./Snackbar/Snackbar.es.js";
|
|
36
|
+
import { default as So } from "./ChainPicker/ChainPicker.es.js";
|
|
37
|
+
import { default as To } from "./DatePicker/DatePicker.es.js";
|
|
38
|
+
import { default as Co } from "./DatePicker/EventDot/EventDot.es.js";
|
|
39
|
+
import { default as Do } from "./DatePicker/EventDotGroup/EventDotGroup.es.js";
|
|
40
|
+
import { default as Ao } from "./FormControlText/FormControlText.es.js";
|
|
41
|
+
import { default as Fo } from "./ClickAwayListener/ClickAwayListener.es.js";
|
|
42
|
+
import { default as Lo } from "./Card/Card.es.js";
|
|
43
|
+
import { default as wo } from "./LineProgressIndicator/LineProgressIndicator.es.js";
|
|
44
|
+
import { default as Go } from "./CircularProgressIndicator/CircularProgressIndicator.es.js";
|
|
45
|
+
import { default as Mo } from "./NumberKeypad/NumberKeypad.es.js";
|
|
46
|
+
import { default as Ro } from "./NumberKeypad/NumberKeypadBlock/NumberKeypadBlock.es.js";
|
|
47
|
+
import { default as jo } from "./FocusBoundary/FocusBoundary.es.js";
|
|
48
|
+
import { default as zo } from "./Badge/Badge.es.js";
|
|
49
|
+
import { default as Jo } from "./Tab/Tab.es.js";
|
|
50
|
+
import { default as Uo } from "./Tab/TabBlock/TabBlock.es.js";
|
|
51
|
+
import { default as Wo } from "./Slider/Slider.es.js";
|
|
52
|
+
import { default as Yo } from "./Accordion/Accordion.es.js";
|
|
53
|
+
import { default as _o } from "./RadioGroup/RadioGroup.es.js";
|
|
53
54
|
export {
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
55
|
+
Yo as Accordion,
|
|
56
|
+
E as Backdrop,
|
|
57
|
+
zo as Badge,
|
|
58
|
+
fo as BottomSheet,
|
|
59
|
+
so as BottomSheetAction,
|
|
60
|
+
po as BottomSheetContent,
|
|
61
|
+
io as BottomSheetText,
|
|
62
|
+
uo as BottomSheetTitle,
|
|
62
63
|
x as Box,
|
|
63
64
|
a as Button,
|
|
64
|
-
|
|
65
|
-
|
|
65
|
+
Lo as Card,
|
|
66
|
+
So as ChainPicker,
|
|
66
67
|
b as Checkbox,
|
|
67
68
|
P as Chip,
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
69
|
+
Go as CircularProgressIndicator,
|
|
70
|
+
Fo as ClickAwayListener,
|
|
71
|
+
To as DatePicker,
|
|
72
|
+
K as Dialog,
|
|
72
73
|
q as DialogAction,
|
|
73
74
|
O as DialogContent,
|
|
74
75
|
H as DialogText,
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
76
|
+
N as DialogTitle,
|
|
77
|
+
Co as EventDot,
|
|
78
|
+
Do as EventDotGroup,
|
|
78
79
|
n as Flexbox,
|
|
79
|
-
|
|
80
|
-
|
|
80
|
+
jo as FocusBoundary,
|
|
81
|
+
Ao as FormControlText,
|
|
81
82
|
f as Icon,
|
|
82
|
-
|
|
83
|
+
k as IconButton,
|
|
83
84
|
d as Label,
|
|
84
|
-
|
|
85
|
+
wo as LineProgressIndicator,
|
|
85
86
|
Z as Menu,
|
|
86
87
|
$ as MenuBlock,
|
|
87
|
-
|
|
88
|
-
|
|
88
|
+
Mo as NumberKeypad,
|
|
89
|
+
Ro as NumberKeypadBlock,
|
|
89
90
|
X as Option,
|
|
90
|
-
|
|
91
|
+
h as PageControl,
|
|
91
92
|
y as Radio,
|
|
92
|
-
|
|
93
|
+
_o as RadioGroup,
|
|
93
94
|
I as SegmentedButton,
|
|
94
95
|
v as SegmentedButtonBlock,
|
|
95
96
|
V as Select,
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
Jo as
|
|
97
|
+
to as Skeleton,
|
|
98
|
+
Wo as Slider,
|
|
99
|
+
Bo as Snackbar,
|
|
100
|
+
ao as Switch,
|
|
101
|
+
Jo as Tab,
|
|
102
|
+
Uo as TabBlock,
|
|
101
103
|
g as TextArea,
|
|
102
104
|
c as TextField,
|
|
103
105
|
Q as Tooltip,
|
package/package.json
CHANGED
|
@@ -16,8 +16,8 @@ import { S as v } from "./fill/apply-fill.svg-CmRhMN1w.js";
|
|
|
16
16
|
import { S as f } from "./fill/arrow-down-fill.svg-C30f0N0F.js";
|
|
17
17
|
import { S as C } from "./fill/arrow-left-fill.svg-CdGognG9.js";
|
|
18
18
|
import { S as F } from "./fill/arrow-right-fill.svg-C3fI1iEy.js";
|
|
19
|
-
import { S as
|
|
20
|
-
import { S as
|
|
19
|
+
import { S as c } from "./fill/arrow-up-fill.svg-CEHHUpG_.js";
|
|
20
|
+
import { S as d } from "./fill/chatting-fill.svg-CVjv4Kr7.js";
|
|
21
21
|
import { S as h } from "./fill/complete-fill.svg-cERkJmCb.js";
|
|
22
22
|
import { S as w } from "./fill/home-fill.svg-D3lzGMV2.js";
|
|
23
23
|
import { S as A } from "./fill/info-fill.svg-CwgxQGwL.js";
|
|
@@ -70,8 +70,8 @@ import { S as vi } from "./line/modify-line.svg-Dtw-aJJL.js";
|
|
|
70
70
|
import { S as fi } from "./line/setting-line.svg-B5KTXMkf.js";
|
|
71
71
|
import { S as Ci } from "./line/special-line.svg-DmNM79L9.js";
|
|
72
72
|
import { S as Fi } from "./line/time-line.svg-BuB2NlRB.js";
|
|
73
|
-
import { S as
|
|
74
|
-
import { S as
|
|
73
|
+
import { S as ci } from "./line/university-line.svg-BEdQwFB6.js";
|
|
74
|
+
import { S as di } from "./line/warning1-line.svg-DsmZxbsf.js";
|
|
75
75
|
import { S as hi } from "./line/warning2-line.svg-DTvtKOYN.js";
|
|
76
76
|
import { S as wi } from "./line/attach-line.svg-SIRIt0qo.js";
|
|
77
77
|
import { S as Ai } from "./line/browser-line.svg-hDn02ywo.js";
|
|
@@ -113,7 +113,8 @@ import { S as eo } from "./line/review-line.svg-B4rfJrsO.js";
|
|
|
113
113
|
import { S as mo } from "./line/list-line.svg-yFfhZxUp.js";
|
|
114
114
|
import { S as no } from "./line/monthly-line.svg-DY5-Xv34.js";
|
|
115
115
|
import { S as So } from "./line/weekly-line.svg-BUPmmgeE.js";
|
|
116
|
-
|
|
116
|
+
import { S as ao } from "./line/archive-line.svg-DRsXXtcA.js";
|
|
117
|
+
const Fe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
117
118
|
__proto__: null,
|
|
118
119
|
AlarmLine: mi,
|
|
119
120
|
AlertFill: g,
|
|
@@ -122,13 +123,14 @@ const fe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
|
122
123
|
AlphabetFill: W,
|
|
123
124
|
ApplyFill: v,
|
|
124
125
|
ApplyLine: Wi,
|
|
126
|
+
ArchiveLine: ao,
|
|
125
127
|
ArrowBackLine: G,
|
|
126
128
|
ArrowDownFill: f,
|
|
127
129
|
ArrowDownwardLine: O,
|
|
128
130
|
ArrowForwardLine: V,
|
|
129
131
|
ArrowLeftFill: C,
|
|
130
132
|
ArrowRightFill: F,
|
|
131
|
-
ArrowUpFill:
|
|
133
|
+
ArrowUpFill: c,
|
|
132
134
|
ArrowUpwardLine: K,
|
|
133
135
|
AttachLine: wi,
|
|
134
136
|
AveragePlaneEmoji: n,
|
|
@@ -145,7 +147,7 @@ const fe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
|
145
147
|
CertificateLine: Si,
|
|
146
148
|
CertifiedFill: T,
|
|
147
149
|
ChatLine: ai,
|
|
148
|
-
ChattingFill:
|
|
150
|
+
ChattingFill: d,
|
|
149
151
|
ChattingLine: Bi,
|
|
150
152
|
CheckEtc: L,
|
|
151
153
|
CheckFill: H,
|
|
@@ -221,16 +223,16 @@ const fe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
|
221
223
|
TooltipFill: M,
|
|
222
224
|
ToyLine: Ji,
|
|
223
225
|
UnScheduledEtc: s,
|
|
224
|
-
UniversityLine:
|
|
226
|
+
UniversityLine: ci,
|
|
225
227
|
UploadLine: ei,
|
|
226
228
|
UserFill: U,
|
|
227
229
|
UserLine: xi,
|
|
228
230
|
VideoCameraLine: ro,
|
|
229
|
-
Warning1Line:
|
|
231
|
+
Warning1Line: di,
|
|
230
232
|
Warning2Line: hi,
|
|
231
233
|
WeeklyLine: So,
|
|
232
234
|
WifiLine: Hi
|
|
233
235
|
}, Symbol.toStringTag, { value: "Module" }));
|
|
234
236
|
export {
|
|
235
|
-
|
|
237
|
+
Fe as S
|
|
236
238
|
};
|