@dotss/ui 0.0.4 → 0.0.6

package/dist/themes/tictoccroc/typography/caption.es.js

@@ -0,0 +1,110 @@
+const e = {
+  c1B: {
+    tag: "span",
+    size: "14px",
+    weight: 700,
+    lineHeight: "18px",
+    letterSpacing: "-0.28px"
+  },
+  c1M: {
+    tag: "span",
+    size: "14px",
+    weight: 500,
+    lineHeight: "18px",
+    letterSpacing: "-0.28px"
+  },
+  c1R: {
+    tag: "span",
+    size: "14px",
+    weight: 400,
+    lineHeight: "18px",
+    letterSpacing: "-0.28px"
+  },
+  c2B: {
+    tag: "span",
+    size: "13px",
+    weight: 700,
+    lineHeight: "16px",
+    letterSpacing: "-0.26px"
+  },
+  c2M: {
+    tag: "span",
+    size: "13px",
+    weight: 500,
+    lineHeight: "16px",
+    letterSpacing: "-0.26px"
+  },
+  c2R: {
+    tag: "span",
+    size: "13px",
+    weight: 400,
+    lineHeight: "16px",
+    letterSpacing: "-0.26px"
+  },
+  c3B: {
+    tag: "span",
+    size: "12px",
+    weight: 700,
+    lineHeight: "16px",
+    letterSpacing: "-0.24px"
+  },
+  c3M: {
+    tag: "span",
+    size: "12px",
+    weight: 500,
+    lineHeight: "16px",
+    letterSpacing: "-0.24px"
+  },
+  c3R: {
+    tag: "span",
+    size: "12px",
+    weight: 400,
+    lineHeight: "16px",
+    letterSpacing: "-0.24px"
+  },
+  c4B: {
+    tag: "span",
+    size: "11px",
+    weight: 700,
+    lineHeight: "14px",
+    letterSpacing: "-0.22px"
+  },
+  c4M: {
+    tag: "span",
+    size: "11px",
+    weight: 500,
+    lineHeight: "14px",
+    letterSpacing: "-0.22px"
+  },
+  c4R: {
+    tag: "span",
+    size: "11px",
+    weight: 400,
+    lineHeight: "14px",
+    letterSpacing: "-0.22px"
+  },
+  c5B: {
+    tag: "span",
+    size: "10px",
+    weight: 700,
+    lineHeight: "12px",
+    letterSpacing: "-0.2px"
+  },
+  c5M: {
+    tag: "span",
+    size: "10px",
+    weight: 500,
+    lineHeight: "12px",
+    letterSpacing: "-0.2px"
+  },
+  c5R: {
+    tag: "span",
+    size: "10px",
+    weight: 400,
+    lineHeight: "12px",
+    letterSpacing: "-0.2px"
+  }
+};
+export {
+  e as default
+};

package/dist/themes/tictoccroc/typography/display.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={d1B:{tag:"div",size:"100px",weight:700,lineHeight:"150px",letterSpacing:"-2px"},d1M:{tag:"div",size:"100px",weight:500,lineHeight:"150px",letterSpacing:"-2px"},d1R:{tag:"div",size:"100px",weight:400,lineHeight:"150px",letterSpacing:"-2px"},d2B:{tag:"div",size:"60px",weight:700,lineHeight:"90px",letterSpacing:"-1.2px"},d2M:{tag:"div",size:"60px",weight:500,lineHeight:"90px",letterSpacing:"-1.2px"},d2R:{tag:"div",size:"60px",weight:400,lineHeight:"90px",letterSpacing:"-1.2px"},d3B:{tag:"div",size:"48px",weight:700,lineHeight:"72px",letterSpacing:"-0.96px"},d3M:{tag:"div",size:"48px",weight:500,lineHeight:"72px",letterSpacing:"-0.96px"},d3R:{tag:"div",size:"48px",weight:400,lineHeight:"72px",letterSpacing:"-0.96px"},d4B:{tag:"div",size:"40px",weight:700,lineHeight:"60px",letterSpacing:"-0.8px"},d4M:{tag:"div",size:"40px",weight:500,lineHeight:"60px",letterSpacing:"-0.8px"},d4R:{tag:"div",size:"40px",weight:400,lineHeight:"60px",letterSpacing:"-0.8px"}};exports.default=e;

package/dist/themes/tictoccroc/typography/display.d.ts

@@ -0,0 +1,4 @@
+import { TypographyDisplay } from '../../typings/typography';
+
+declare const display: TypographyDisplay;
+export default display;

package/dist/themes/tictoccroc/typography/display.es.js

@@ -0,0 +1,89 @@
+const e = {
+  d1B: {
+    tag: "div",
+    size: "100px",
+    weight: 700,
+    lineHeight: "150px",
+    letterSpacing: "-2px"
+  },
+  d1M: {
+    tag: "div",
+    size: "100px",
+    weight: 500,
+    lineHeight: "150px",
+    letterSpacing: "-2px"
+  },
+  d1R: {
+    tag: "div",
+    size: "100px",
+    weight: 400,
+    lineHeight: "150px",
+    letterSpacing: "-2px"
+  },
+  d2B: {
+    tag: "div",
+    size: "60px",
+    weight: 700,
+    lineHeight: "90px",
+    letterSpacing: "-1.2px"
+  },
+  d2M: {
+    tag: "div",
+    size: "60px",
+    weight: 500,
+    lineHeight: "90px",
+    letterSpacing: "-1.2px"
+  },
+  d2R: {
+    tag: "div",
+    size: "60px",
+    weight: 400,
+    lineHeight: "90px",
+    letterSpacing: "-1.2px"
+  },
+  d3B: {
+    tag: "div",
+    size: "48px",
+    weight: 700,
+    lineHeight: "72px",
+    letterSpacing: "-0.96px"
+  },
+  d3M: {
+    tag: "div",
+    size: "48px",
+    weight: 500,
+    lineHeight: "72px",
+    letterSpacing: "-0.96px"
+  },
+  d3R: {
+    tag: "div",
+    size: "48px",
+    weight: 400,
+    lineHeight: "72px",
+    letterSpacing: "-0.96px"
+  },
+  d4B: {
+    tag: "div",
+    size: "40px",
+    weight: 700,
+    lineHeight: "60px",
+    letterSpacing: "-0.8px"
+  },
+  d4M: {
+    tag: "div",
+    size: "40px",
+    weight: 500,
+    lineHeight: "60px",
+    letterSpacing: "-0.8px"
+  },
+  d4R: {
+    tag: "div",
+    size: "40px",
+    weight: 400,
+    lineHeight: "60px",
+    letterSpacing: "-0.8px"
+  }
+};
+export {
+  e as default
+};

package/dist/themes/tictoccroc/typography/headline.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={h0B:{tag:"h1",size:"36px",weight:700,lineHeight:"48px",letterSpacing:"-0.72px"},h0M:{tag:"h1",size:"36px",weight:500,lineHeight:"48px",letterSpacing:"-0.72px"},h0R:{tag:"h1",size:"36px",weight:400,lineHeight:"48px",letterSpacing:"-0.72px"},h1B:{tag:"h1",size:"24px",weight:700,lineHeight:"36px",letterSpacing:"-0.48px"},h1M:{tag:"h1",size:"24px",weight:500,lineHeight:"36px",letterSpacing:"-0.48px"},h1R:{tag:"h1",size:"24px",weight:400,lineHeight:"36px",letterSpacing:"-0.48px"},h2B:{tag:"h2",size:"20px",weight:700,lineHeight:"30px",letterSpacing:"-0.4px"},h2M:{tag:"h2",size:"20px",weight:500,lineHeight:"30px",letterSpacing:"-0.4px"},h2R:{tag:"h2",size:"20px",weight:400,lineHeight:"30px",letterSpacing:"-0.4px"},h3B:{tag:"h3",size:"18px",weight:700,lineHeight:"26px",letterSpacing:"-0.36px"},h3M:{tag:"h3",size:"18px",weight:500,lineHeight:"26px",letterSpacing:"-0.36px"},h3R:{tag:"h3",size:"18px",weight:400,lineHeight:"26px",letterSpacing:"-0.36px"},h4B:{tag:"h4",size:"16px",weight:700,lineHeight:"24px",letterSpacing:"-0.32px"},h4M:{tag:"h4",size:"16px",weight:500,lineHeight:"24px",letterSpacing:"-0.32px"},h4R:{tag:"h4",size:"16px",weight:400,lineHeight:"24px",letterSpacing:"-0.32px"},h5B:{tag:"h5",size:"14px",weight:700,lineHeight:"20px",letterSpacing:"-0.28px"},h5M:{tag:"h5",size:"14px",weight:500,lineHeight:"20px",letterSpacing:"-0.28px"},h5R:{tag:"h5",size:"14px",weight:400,lineHeight:"20px",letterSpacing:"-0.28px"}};exports.default=e;

package/dist/themes/tictoccroc/typography/headline.d.ts

@@ -0,0 +1,4 @@
+import { TypographyHeadline } from '../../typings/typography';
+
+declare const headline: TypographyHeadline;
+export default headline;

package/dist/themes/tictoccroc/typography/headline.es.js

@@ -0,0 +1,131 @@
+const e = {
+  h0B: {
+    tag: "h1",
+    size: "36px",
+    weight: 700,
+    lineHeight: "48px",
+    letterSpacing: "-0.72px"
+  },
+  h0M: {
+    tag: "h1",
+    size: "36px",
+    weight: 500,
+    lineHeight: "48px",
+    letterSpacing: "-0.72px"
+  },
+  h0R: {
+    tag: "h1",
+    size: "36px",
+    weight: 400,
+    lineHeight: "48px",
+    letterSpacing: "-0.72px"
+  },
+  h1B: {
+    tag: "h1",
+    size: "24px",
+    weight: 700,
+    lineHeight: "36px",
+    letterSpacing: "-0.48px"
+  },
+  h1M: {
+    tag: "h1",
+    size: "24px",
+    weight: 500,
+    lineHeight: "36px",
+    letterSpacing: "-0.48px"
+  },
+  h1R: {
+    tag: "h1",
+    size: "24px",
+    weight: 400,
+    lineHeight: "36px",
+    letterSpacing: "-0.48px"
+  },
+  h2B: {
+    tag: "h2",
+    size: "20px",
+    weight: 700,
+    lineHeight: "30px",
+    letterSpacing: "-0.4px"
+  },
+  h2M: {
+    tag: "h2",
+    size: "20px",
+    weight: 500,
+    lineHeight: "30px",
+    letterSpacing: "-0.4px"
+  },
+  h2R: {
+    tag: "h2",
+    size: "20px",
+    weight: 400,
+    lineHeight: "30px",
+    letterSpacing: "-0.4px"
+  },
+  h3B: {
+    tag: "h3",
+    size: "18px",
+    weight: 700,
+    lineHeight: "26px",
+    letterSpacing: "-0.36px"
+  },
+  h3M: {
+    tag: "h3",
+    size: "18px",
+    weight: 500,
+    lineHeight: "26px",
+    letterSpacing: "-0.36px"
+  },
+  h3R: {
+    tag: "h3",
+    size: "18px",
+    weight: 400,
+    lineHeight: "26px",
+    letterSpacing: "-0.36px"
+  },
+  h4B: {
+    tag: "h4",
+    size: "16px",
+    weight: 700,
+    lineHeight: "24px",
+    letterSpacing: "-0.32px"
+  },
+  h4M: {
+    tag: "h4",
+    size: "16px",
+    weight: 500,
+    lineHeight: "24px",
+    letterSpacing: "-0.32px"
+  },
+  h4R: {
+    tag: "h4",
+    size: "16px",
+    weight: 400,
+    lineHeight: "24px",
+    letterSpacing: "-0.32px"
+  },
+  h5B: {
+    tag: "h5",
+    size: "14px",
+    weight: 700,
+    lineHeight: "20px",
+    letterSpacing: "-0.28px"
+  },
+  h5M: {
+    tag: "h5",
+    size: "14px",
+    weight: 500,
+    lineHeight: "20px",
+    letterSpacing: "-0.28px"
+  },
+  h5R: {
+    tag: "h5",
+    size: "14px",
+    weight: 400,
+    lineHeight: "20px",
+    letterSpacing: "-0.28px"
+  }
+};
+export {
+  e as default
+};

package/dist/themes/tictoccroc/typography/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./body.cjs"),t=require("./caption.cjs"),i=require("./headline.cjs"),a=require("./display.cjs");exports.body=e.default;exports.caption=t.default;exports.headline=i.default;exports.display=a.default;

package/dist/themes/tictoccroc/typography/index.d.ts

@@ -0,0 +1,4 @@
+export { default as body } from './body';
+export { default as caption } from './caption';
+export { default as headline } from './headline';
+export { default as display } from './display';

package/dist/themes/tictoccroc/typography/index.es.js

@@ -0,0 +1,10 @@
+import { default as o } from "./body.es.js";
+import { default as f } from "./caption.es.js";
+import { default as d } from "./headline.es.js";
+import { default as p } from "./display.es.js";
+export {
+  o as body,
+  f as caption,
+  p as display,
+  d as headline
+};

package/dist/typings/color.d.ts

@@ -0,0 +1,20 @@
+import { ColorValue } from './utility';
+
+export type BrandColorKey = 'primary' | 'secondary' | 'tertiary';
+export type BrandColorShade = {
+    primary: 'main' | 'disable' | 'disableLine' | 'bg' | 'pageControl' | 'tooltip' | 'line' | 'press' | 'text';
+    secondary: never;
+    tertiary: never;
+};
+export type BrandColorStyle<K extends BrandColorKey> = BrandColorShade[K] extends never ? string : Record<BrandColorShade[K], string>;
+export type ColorScaleKey = 'yellow' | 'blue' | 'green' | 'pink' | 'grey' | 'background' | 'etc';
+export type ColorScaleRange = 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100;
+export type BaseColorScaleKey = Exclude<ColorScaleKey, 'grey' | 'background' | 'etc'>;
+export type SpecifyColorScaleKey = 'background' | 'etc' | 'grey';
+export type ColorScale<T = unknown> = {
+    [key in ColorScaleRange]: ColorValue;
+} & T;
+export type GreyColorScale = ColorScale<{
+    white: ColorValue;
+    black: ColorValue;
+}>;

package/dist/typings/component.d.ts

@@ -0,0 +1,31 @@
+import { ComponentPropsWithRef, ComponentPropsWithoutRef, ElementType, ReactNode } from 'react';
+import { Theme } from '@emotion/react';
+import { CSSInterpolation } from '@emotion/serialize';
+import { BaseColorScaleKey, BrandColorKey, ColorScaleRange } from './color';
+import { BackgroundPalette, EtcPalette, GreyPalette, ThemeType } from './theme/core';
+import { TictoccrocBrandColorKey, TictoccrocClassTypeColorKey } from './theme/tictoccroc';
+
+import type * as SvgIcons from '../resources/tictoccroc/icons';
+export type Variant = 'standard' | 'filled' | 'outlined' | 'ghost' | 'solid' | 'text';
+export type Size = 'xSmall' | 'small' | 'medium' | 'large' | 'xLarge' | '2xLarge';
+export type Color = BrandColorKey | `${BaseColorScaleKey}.${ColorScaleRange}` | `${keyof GreyPalette}.${keyof GreyPalette['grey']}` | `${keyof EtcPalette}.${keyof EtcPalette['etc']}` | `${keyof BackgroundPalette}.${keyof BackgroundPalette['background']}` | `${ThemeType}.brand.${TictoccrocBrandColorKey}` | `${ThemeType}.classType.${TictoccrocClassTypeColorKey}`;
+export type Spacing<T = unknown> = T & Partial<{
+    spacingType: keyof Theme['spacing'];
+} & {
+    [key in `${'m' | 'p'}${'t' | 'b' | 'l' | 'r'}`]: number;
+} & {
+    p: number;
+    m: number;
+}>;
+export type IconName = keyof typeof SvgIcons;
+export type InlineCSS = {
+    inlineCSS?: CSSInterpolation;
+};
+export type GeneralComponentProps<T> = T & InlineCSS;
+export type PolymorphicComponentProps<T extends ElementType> = {
+    tag?: T;
+} & InlineCSS & ComponentPropsWithoutRef<T> & {
+    ref?: PolymorphicRef<T>;
+};
+export type PolymorphicRef<T extends ElementType> = ComponentPropsWithRef<T>['ref'];
+export type PolymorphicComponent<T extends ElementType, Q> = (props: Omit<PolymorphicComponentProps<T>, keyof Q> & Q) => ReactNode;

package/dist/typings/index.d.ts

@@ -0,0 +1,7 @@
+import { default as TictoccrocTheme } from './theme/tictoccroc';
+
+declare module '@emotion/react' {
+    interface Theme extends TictoccrocTheme {
+    }
+}
+export type { TictoccrocTheme };

package/dist/typings/theme/core.d.ts

@@ -0,0 +1,42 @@
+import { BaseColorScaleKey, BrandColorKey, BrandColorStyle, ColorScale, GreyColorScale, SpecifyColorScaleKey } from '../color';
+import { TypographyBody, TypographyCaption, TypographyDisplay, TypographyHeadline } from '../typography';
+import { CSSValue, ColorValue } from '../utility';
+
+type Palette<ExtendPalette> = {
+    [key in BaseColorScaleKey]: ColorScale;
+} & {
+    extend?: ExtendPalette;
+};
+type BrandPalette<ExtendBrandPalette> = Record<'brand', {
+    [K in BrandColorKey]: BrandColorStyle<K>;
+} & {
+    extend?: ExtendBrandPalette;
+}>;
+export type GreyPalette = {
+    [key in Extract<SpecifyColorScaleKey, 'grey'>]: GreyColorScale;
+};
+export type BackgroundPalette = {
+    [key in Extract<SpecifyColorScaleKey, 'background'>]: Record<Exclude<BrandColorKey, 'tertiary'>, ColorValue>;
+};
+export type EtcColorKey = 'red' | 'orange' | 'dimmed01' | 'dimmed02' | 'dimmed03';
+export type EtcPalette = {
+    [key in Extract<SpecifyColorScaleKey, 'etc'>]: Record<EtcColorKey, ColorValue>;
+};
+export type ThemeMode = 'light' | 'dark';
+export type ThemeType = 'tictoccroc-parent' | 'tictoccroc-teacher';
+export type ThemeConfig = {
+    mode: ThemeMode;
+    type: ThemeType;
+};
+export default interface BaseTheme<ExtendPalette = unknown, ExtendBrandPalette = unknown> {
+    mode: ThemeMode;
+    type: ThemeType;
+    palette: Palette<ExtendPalette> & BrandPalette<ExtendBrandPalette> & GreyPalette & BackgroundPalette & EtcPalette;
+    typography: TypographyDisplay & TypographyHeadline & TypographyBody & TypographyCaption;
+    spacing: {
+        content: (value: number) => number;
+        layout: (value: number) => number;
+    };
+    elevation: Record<0 | 1 | 2 | 3 | 4 | 5, CSSValue>;
+}
+export {};

package/dist/typings/theme/tictoccroc.d.ts

@@ -0,0 +1,15 @@
+import { default as BaseTheme } from './core';
+import { ColorValue } from '../utility';
+
+export type TictoccrocClassTypeColorKey = 'play' | 'commute' | 'learning' | 'creativeArt' | 'english' | 'package';
+export type TictoccrocClassType = {
+    [key in TictoccrocClassTypeColorKey]: ColorValue;
+};
+export type TictoccrocBrandColorKey = 'yellow' | 'blue' | 'green' | 'pink';
+export type TictoccrocBrandColor = {
+    [key in TictoccrocBrandColorKey]: ColorValue;
+};
+type TictoccrocTheme = BaseTheme<{
+    classType: TictoccrocClassType;
+}, TictoccrocBrandColor>;
+export default TictoccrocTheme;

package/dist/typings/typography.d.ts

@@ -0,0 +1,23 @@
+import { CSSValue } from './utility';
+
+type TypographyWeightKey = 'B' | 'M' | 'R';
+type TypographyWeight = 700 | 500 | 400;
+type TypographySizeRange = 0 | 1 | 2 | 3 | 4 | 5;
+type TypographyVariantKey = 'd' | 'h' | 'b' | 'c';
+export type TypographyContent = {
+    tag: `h${1 | 2 | 3 | 4 | 5}` | 'div' | 'span';
+    size: CSSValue;
+    weight: TypographyWeight;
+    lineHeight: CSSValue;
+    letterSpacing: CSSValue;
+};
+export type TypographyVariant<Key extends TypographyVariantKey = TypographyVariantKey, SizeRange extends TypographySizeRange = TypographySizeRange, WeightKey extends TypographyWeightKey = TypographyWeightKey> = `${Extract<TypographyVariantKey, Key>}${Extract<TypographySizeRange, SizeRange>}${Extract<TypographyWeightKey, WeightKey>}`;
+export type TypographyDisplayKey = TypographyVariant<'d', 1 | 2 | 3 | 4, 'B' | 'M' | 'R'>;
+export type TypographyHeadlineKey = TypographyVariant<'h', 0 | 1 | 2 | 3 | 4 | 5, 'B' | 'M' | 'R'>;
+export type TypographyBodyKey = TypographyVariant<'b', 1 | 2 | 3 | 4 | 5, 'M' | 'R'>;
+export type TypographyCaptionKey = TypographyVariant<'c', 1 | 2 | 3 | 4 | 5>;
+export type TypographyDisplay = Record<TypographyDisplayKey, TypographyContent>;
+export type TypographyHeadline = Record<TypographyHeadlineKey, TypographyContent>;
+export type TypographyBody = Record<TypographyBodyKey, TypographyContent>;
+export type TypographyCaption = Record<TypographyCaptionKey, TypographyContent>;
+export {};

package/dist/typings/utility.d.ts

@@ -0,0 +1,10 @@
+import { Property } from 'csstype';
+
+export type RGB = `rgb(${number}, ${number}, ${number})`;
+export type RGBA = `rgba(${number}, ${number}, ${number}, ${number})`;
+export type HEX = `#${string}`;
+export type ColorCode = RGB | RGBA | HEX;
+export type ColorValue = ColorCode | Property.Color | `linear-gradient(${number}deg, ${ColorCode} ${number}%, ${ColorCode} ${number}%)`;
+export type AbsoluteUnit = 'cm' | 'mm' | 'in' | 'px' | 'pt' | 'pc';
+export type RelativeUnit = 'em' | 'ex' | 'ch' | 'rem' | 'vw' | 'vh' | 'vmin' | 'vmax' | '%';
+export type CSSValue = number | string | `${number}${AbsoluteUnit | RelativeUnit}` | 'auto' | 'inherit';

package/dist/utils/convertNumberToCSSValue.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});function t(e,r="px"){return Number.isNaN(e)?e:`${e}${r}`}exports.default=t;

package/dist/utils/convertNumberToCSSValue.d.ts

@@ -0,0 +1,3 @@
+import { AbsoluteUnit, CSSValue, RelativeUnit } from '../typings/utility';
+
+export default function convertNumberToCSSValue(value: CSSValue, unit?: RelativeUnit | AbsoluteUnit): CSSValue;

package/dist/utils/convertNumberToCSSValue.es.js

@@ -0,0 +1,6 @@
+function t(r, e = "px") {
+  return Number.isNaN(r) ? r : `${r}${e}`;
+}
+export {
+  t as default
+};

package/dist/utils/debounce/debounce.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});function o(t,u){let e=null;return(...l)=>{e!==null&&clearTimeout(e),e=setTimeout(()=>{t(...l)},u)}}exports.default=o;

package/dist/utils/debounce/debounce.d.ts

@@ -0,0 +1 @@
+export default function debounce<T extends (...args: any[]) => void>(func: T, wait: number): (...args: Parameters<T>) => void;

package/dist/utils/debounce/debounce.es.js

@@ -0,0 +1,11 @@
+function n(t, u) {
+  let e = null;
+  return (...l) => {
+    e !== null && clearTimeout(e), e = setTimeout(() => {
+      t(...l);
+    }, u);
+  };
+}
+export {
+  n as default
+};

package/dist/utils/getContrastRatio/getContrastRatio.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../getRelativeLuminance/getRelativeLuminance.cjs"),a=require("../hexToRgb/hexToRgb.cjs");function i(u,l){const t=a.default(u),e=a.default(l),r=o.default(t.r,t.g,t.b),n=o.default(e.r,e.g,e.b),s=Math.max(r,n),c=Math.min(r,n);return(s+.05)/(c+.05)}exports.default=i;

package/dist/utils/getContrastRatio/getContrastRatio.d.ts

@@ -0,0 +1 @@
+export default function getContrastRatio(color1: string, color2: string): number;

package/dist/utils/getContrastRatio/getContrastRatio.es.js

@@ -0,0 +1,9 @@
+import e from "../getRelativeLuminance/getRelativeLuminance.es.js";
+import a from "../hexToRgb/hexToRgb.es.js";
+function l(c, g) {
+  const t = a(c), o = a(g), r = e(t.r, t.g, t.b), n = e(o.r, o.g, o.b), i = Math.max(r, n), s = Math.min(r, n);
+  return (i + 0.05) / (s + 0.05);
+}
+export {
+  l as default
+};

package/dist/utils/getContrastRatio/getContrastRatio.test.d.ts

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

package/dist/utils/getContrastingTextColor/getContrastingTextColor.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../getRelativeLuminance/getRelativeLuminance.cjs"),c=require("../hexToRgb/hexToRgb.cjs"),a=.57;function l(u,i=["#FFFFFF","#000000"]){const t=i.map(n=>{const e=c.default(n);return{color:n,luminance:o.default(e.r,e.g,e.b)}}).sort((n,e)=>n.luminance-e.luminance);if(u==="transparent")return t[0].color;const r=c.default(u);return o.default(r.r,r.g,r.b)>a?t[0].color:t[t.length-1].color}exports.default=l;

package/dist/utils/getContrastingTextColor/getContrastingTextColor.d.ts

@@ -0,0 +1 @@
+export default function getContrastingTextColor(backgroundColor: string, textColors?: [string, string]): string;

package/dist/utils/getContrastingTextColor/getContrastingTextColor.es.js

@@ -0,0 +1,19 @@
+import c from "../getRelativeLuminance/getRelativeLuminance.es.js";
+import i from "../hexToRgb/hexToRgb.es.js";
+const g = 0.57;
+function L(e, a = ["#FFFFFF", "#000000"]) {
+  const t = a.map((o) => {
+    const n = i(o);
+    return {
+      color: o,
+      luminance: c(n.r, n.g, n.b)
+    };
+  }).sort((o, n) => o.luminance - n.luminance);
+  if (e === "transparent")
+    return t[0].color;
+  const r = i(e);
+  return c(r.r, r.g, r.b) > g ? t[0].color : t[t.length - 1].color;
+}
+export {
+  L as default
+};

package/dist/utils/getContrastingTextColor/getContrastingTextColor.test.d.ts

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

package/dist/utils/getIconLabel/getIconLabel.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=Object.freeze({CalendarColorLine:"달력",GoodsColorLine:"상품",KidsColorLine:"아이",TimeColorLine:"시간",CapacityColorLine:"인원",AveragePlaneEmoji:"보통",ExcellentPlaneEmoji:"좋음",GoodPlaneEmoji:"아주 좋음",CashEtc:"캐시",PointEtc:"포인트",CheckEtc:"체크",UnScheduledEtc:"미예약",CouponEtc:"쿠폰",AlertFill:"경고",ApplyFill:"추가",ArrowDownFill:"아래쪽",ArrowLeftFill:"왼쪽",ArrowRightFill:"오른쪽",ArrowUpFill:"위쪽",ChattingFill:"채팅",CompleteFill:"성공",HomeFill:"홈",InfoFill:"정보",InvalidFill:"실패",MetFill:"하트",OngoingFill:"진행중",ReviewFill:"별",ScheduleFill:"예약",TooltipFill:"정보",UserFill:"사용자",ClrFill:"지우기",LikeFill:"좋아요",ArrowBackLine:"뒤로",ArrowDownwardLine:"아래로",ArrowForwardLine:"앞으로",ArrowUpwardLine:"위로",CheckLine:"체크",ChevronDownLine:"하",ChevronLeftLine:"좌",ChevronRightLine:"우",ChevronUpLine:"상",CloseLine:"닫기",DownloadLine:"다운로드",EyeInvisibleLine:"가리기",EyeVisibleLine:"보이기",HamburgerLine:"메뉴",MinusLine:"빼기",PlusLine:"더하기",ResetLine:"초기화",SearchLine:"찾기",UploadLine:"업로드",AlarmLine:"알림",CalendarLine:"달력",CertificateLine:"증명서",ChatLine:"채팅",DeleteLine:"삭제",FullViewLine:"전체보기",KidsLine:"아이",LinkLine:"링크",MatchTypeLine:"매칭타입",MobileLine:"모바일",ModifyLine:"수정",SettingLine:"설정",SpecialLine:"특별",TimeLine:"시간",UniversityLine:"학위",Warning1Line:"경고",Warning2Line:"경고",AttachLine:"첨부",BrowserLine:"브라우저",CallLine:"전화",CameraLine:"카메라",CardLine:"카드",CopyLine:"복사",FilterLine:"필터",GoodsLine:"상품",ImgLine:"사진",LocationLine:"위치",InformationLine:"정보",ParkingLine:"자동차",ReceiptLine:"영수증",ShareLine:"공유",SmsLine:"메일",WifiLine:"와이파이",ApplyLine:"추가",ChattingLine:"채팅",HomeLine:"홈",HeadphoneLine:"헤드폰",LikeLine:"좋아요",InsuranceLine:"보호",ScheduleLine:"예약",UserLine:"사용자",MoreLine:"더보기",ImgDisableLine:"사진 없음",ToyLine:"장난감",InstagramLine:"인스타그램",AlignLine:"정렬",CashLine:"캐시",SoundLine:"소리 켜기",SoundOffLine:"소리 끄기",BanLine:"금지",MetLine:"하트",AlignEditLine:"순서 변경",VideoCameraLine:"동영상 촬영"});function n(e){return i[e]?i[e]:""}exports.default=n;

package/dist/utils/getIconLabel/getIconLabel.d.ts

@@ -0,0 +1,3 @@
+import { IconName } from '../typings/component';
+
+export default function getIconLabel(name: IconName): string;