@channel.io/bezier-tokens 0.2.12 → 0.3.0

package/dist/scss/light-theme.scss

@@ -0,0 +1,294 @@
+
+$ev-1: inset 0 0 2px 0 #FFFFFF1F, 0 0 2px 0 #0000000D, 0 1px 2px 0 #00000014 !default;
+$ev-2: inset 0 0 2px 0 #FFFFFF1F, 0 0 2px 0 #0000000D, 0 2px 6px 0 #00000014 !default;
+$ev-3: inset 0 0 2px 0 #FFFFFF1F, 0 0 2px 0 #0000000D, 0 4px 12px 0 #00000026 !default;
+$ev-4: inset 0 0 2px 0 #FFFFFF1F, 0 0 2px 0 #0000000D, 0 4px 20px 0 #00000038 !default;
+$ev-5: inset 0 0 2px 0 #FFFFFF1F, 0 0 2px 0 #0000000D, 0 6px 40px 0 #0000004D !default;
+$ev-6: inset 0 0 2px 0 #FFFFFF1F, 0 0 2px 0 #0000000D, 0 12px 60px 0 #0000004D !default;
+$ev-inner: inset 0 0 2px 0 #FFFFFF1F !default;
+$ev-base: 0 0 2px 0 #0000000D !default;
+$input-box-shadow: 0 1px 2px 0 #0000000D, inset 0 0 0 1px #00000026 !default;
+$input-box-shadow-focused: 0 0 0 3px #5E56F04D, inset 0 0 0 1px #5E56F0 !default;
+$input-box-shadow-invalid: 0 0 0 3px #F4800B4D, inset 0 0 0 1px #F4800B !default;
+$bg-white-high: #FFFFFF !default;
+$bg-white-normal: #FFFFFF !default;
+$bg-white-low: #FFFFFF !default;
+$bg-white-dim-dark: #FFFFFF99 !default;
+$bg-white-dim-light: #FFFFFF33 !default;
+$bg-gnb: #EFEFF0CC !default;
+$bg-navi: #F7F7F8CC !default;
+$bg-header: #FFFFFF !default;
+$bg-header-float: #FFFFFFE6 !default;
+$bg-lounge: #F7F7F8E6 !default;
+$bg-black-darkest: #00000099 !default;
+$bg-black-darker: #00000066 !default;
+$bg-black-dark: #00000026 !default;
+$bg-black-light: #00000014 !default;
+$bg-black-lighter: #0000000D !default;
+$bg-black-lightest: #00000008 !default;
+$bg-grey-darkest: #242428 !default;
+$bg-grey-dark: #A7A7AA !default;
+$bg-grey-dim-lightest: #FCFCFCCC !default;
+$bg-grey-light: #EFEFF0 !default;
+$bg-grey-lighter: #F7F7F8 !default;
+$bg-grey-lightest: #FCFCFC !default;
+$bgtxt-blue-dark: #4E40C9 !default;
+$bgtxt-blue-normal: #5E56F0 !default;
+$bgtxt-blue-light: #5E56F04D !default;
+$bgtxt-blue-lighter: #5E56F033 !default;
+$bgtxt-blue-lightest: #5E56F01A !default;
+$bgtxt-cobalt-dark: #327AB8 !default;
+$bgtxt-cobalt-normal: #329BE7 !default;
+$bgtxt-cobalt-light: #329BE74D !default;
+$bgtxt-cobalt-lighter: #329BE733 !default;
+$bgtxt-cobalt-lightest: #329BE71A !default;
+$bgtxt-teal-dark: #449C8A !default;
+$bgtxt-teal-normal: #0FB3A3 !default;
+$bgtxt-teal-light: #0FB3A34D !default;
+$bgtxt-teal-lighter: #0FB3A333 !default;
+$bgtxt-teal-lightest: #0FB3A31A !default;
+$bgtxt-green-dark: #41904F !default;
+$bgtxt-green-normal: #31A552 !default;
+$bgtxt-green-light: #31A5524D !default;
+$bgtxt-green-lighter: #31A55233 !default;
+$bgtxt-green-lightest: #31A5521A !default;
+$bgtxt-olive-dark: #818628 !default;
+$bgtxt-olive-normal: #A0A540 !default;
+$bgtxt-olive-light: #A0A5404D !default;
+$bgtxt-olive-lighter: #A0A54033 !default;
+$bgtxt-olive-lightest: #A0A5401A !default;
+$bgtxt-yellow-dark: #C39E37 !default;
+$bgtxt-yellow-normal: #EDBC40 !default;
+$bgtxt-yellow-light: #EDBC404D !default;
+$bgtxt-yellow-lighter: #EDBC4033 !default;
+$bgtxt-yellow-lightest: #EDBC401A !default;
+$bgtxt-orange-dark: #C57417 !default;
+$bgtxt-orange-normal: #F4800B !default;
+$bgtxt-orange-light: #F4800B4D !default;
+$bgtxt-orange-lighter: #F4800B33 !default;
+$bgtxt-orange-lightest: #F4800B1A !default;
+$bgtxt-red-dark: #AC3E46 !default;
+$bgtxt-red-normal: #E94E58 !default;
+$bgtxt-red-light: #E94E584D !default;
+$bgtxt-red-lighter: #E94E5833 !default;
+$bgtxt-red-lightest: #E94E581A !default;
+$bgtxt-pink-dark: #A32E92 !default;
+$bgtxt-pink-normal: #CB48AD !default;
+$bgtxt-pink-light: #CB48AD4D !default;
+$bgtxt-pink-lighter: #CB48AD33 !default;
+$bgtxt-pink-lightest: #CB48AD1A !default;
+$bgtxt-purple-dark: #6B23B3 !default;
+$bgtxt-purple-normal: #915CE0 !default;
+$bgtxt-purple-light: #915CE04D !default;
+$bgtxt-purple-lighter: #915CE033 !default;
+$bgtxt-purple-lightest: #915CE01A !default;
+$bgtxt-navy-dark: #333D5B !default;
+$bgtxt-navy-normal: #3A4F8D !default;
+$bgtxt-navy-light: #3A4F8D4D !default;
+$bgtxt-navy-lighter: #3A4F8D33 !default;
+$bgtxt-navy-lightest: #3A4F8D1A !default;
+$bgtxt-absolute-black-dark: #000000 !default;
+$bgtxt-absolute-black-normal: #000000D9 !default;
+$bgtxt-absolute-black-light: #00000099 !default;
+$bgtxt-absolute-black-lighter: #00000066 !default;
+$bgtxt-absolute-black-lightest: #00000033 !default;
+$bgtxt-absolute-white-dark: #FFFFFF !default;
+$bgtxt-absolute-white-normal: #FFFFFFE6 !default;
+$bgtxt-absolute-white-light: #FFFFFF99 !default;
+$bgtxt-absolute-white-lighter: #FFFFFF66 !default;
+$bgtxt-absolute-white-lightest: #FFFFFF33 !default;
+$txt-black-pure: #000000 !default;
+$txt-black-darkest: #000000D9 !default;
+$txt-black-darker: #00000099 !default;
+$txt-black-dark: #00000066 !default;
+$txt-white-normal: #FFFFFF !default;
+$bdr-black-dark: #00000026 !default;
+$bdr-black-light: #00000014 !default;
+$bdr-black-lightest: #00000008 !default;
+$bdr-grey-light: #EFEFF0 !default;
+$bdr-white: #FFFFFF !default;
+$shdw-xlarge: #0000004D !default;
+$shdw-large: #00000038 !default;
+$shdw-medium: #00000026 !default;
+$shdw-small: #00000014 !default;
+$shdw-base: #0000000D !default;
+$shdw-inner-base: #FFFFFF1F !default;
+
+$tokens: (
+  'ev': (
+    '1': $ev-1,
+    '2': $ev-2,
+    '3': $ev-3,
+    '4': $ev-4,
+    '5': $ev-5,
+    '6': $ev-6,
+    'inner': $ev-inner,
+    'base': $ev-base
+  ),
+  'input': (
+    'box-shadow': $input-box-shadow,
+    'box-shadow-focused': $input-box-shadow-focused,
+    'box-shadow-invalid': $input-box-shadow-invalid
+  ),
+  'bg': (
+    'white': (
+      'high': $bg-white-high,
+      'normal': $bg-white-normal,
+      'low': $bg-white-low,
+      'dim': (
+        'dark': $bg-white-dim-dark,
+        'light': $bg-white-dim-light
+      )
+    ),
+    'gnb': $bg-gnb,
+    'navi': $bg-navi,
+    'header': $bg-header,
+    'header-float': $bg-header-float,
+    'lounge': $bg-lounge,
+    'black': (
+      'darkest': $bg-black-darkest,
+      'darker': $bg-black-darker,
+      'dark': $bg-black-dark,
+      'light': $bg-black-light,
+      'lighter': $bg-black-lighter,
+      'lightest': $bg-black-lightest
+    ),
+    'grey': (
+      'darkest': $bg-grey-darkest,
+      'dark': $bg-grey-dark,
+      'dim': (
+        'lightest': $bg-grey-dim-lightest
+      ),
+      'light': $bg-grey-light,
+      'lighter': $bg-grey-lighter,
+      'lightest': $bg-grey-lightest
+    )
+  ),
+  'bgtxt': (
+    'blue': (
+      'dark': $bgtxt-blue-dark,
+      'normal': $bgtxt-blue-normal,
+      'light': $bgtxt-blue-light,
+      'lighter': $bgtxt-blue-lighter,
+      'lightest': $bgtxt-blue-lightest
+    ),
+    'cobalt': (
+      'dark': $bgtxt-cobalt-dark,
+      'normal': $bgtxt-cobalt-normal,
+      'light': $bgtxt-cobalt-light,
+      'lighter': $bgtxt-cobalt-lighter,
+      'lightest': $bgtxt-cobalt-lightest
+    ),
+    'teal': (
+      'dark': $bgtxt-teal-dark,
+      'normal': $bgtxt-teal-normal,
+      'light': $bgtxt-teal-light,
+      'lighter': $bgtxt-teal-lighter,
+      'lightest': $bgtxt-teal-lightest
+    ),
+    'green': (
+      'dark': $bgtxt-green-dark,
+      'normal': $bgtxt-green-normal,
+      'light': $bgtxt-green-light,
+      'lighter': $bgtxt-green-lighter,
+      'lightest': $bgtxt-green-lightest
+    ),
+    'olive': (
+      'dark': $bgtxt-olive-dark,
+      'normal': $bgtxt-olive-normal,
+      'light': $bgtxt-olive-light,
+      'lighter': $bgtxt-olive-lighter,
+      'lightest': $bgtxt-olive-lightest
+    ),
+    'yellow': (
+      'dark': $bgtxt-yellow-dark,
+      'normal': $bgtxt-yellow-normal,
+      'light': $bgtxt-yellow-light,
+      'lighter': $bgtxt-yellow-lighter,
+      'lightest': $bgtxt-yellow-lightest
+    ),
+    'orange': (
+      'dark': $bgtxt-orange-dark,
+      'normal': $bgtxt-orange-normal,
+      'light': $bgtxt-orange-light,
+      'lighter': $bgtxt-orange-lighter,
+      'lightest': $bgtxt-orange-lightest
+    ),
+    'red': (
+      'dark': $bgtxt-red-dark,
+      'normal': $bgtxt-red-normal,
+      'light': $bgtxt-red-light,
+      'lighter': $bgtxt-red-lighter,
+      'lightest': $bgtxt-red-lightest
+    ),
+    'pink': (
+      'dark': $bgtxt-pink-dark,
+      'normal': $bgtxt-pink-normal,
+      'light': $bgtxt-pink-light,
+      'lighter': $bgtxt-pink-lighter,
+      'lightest': $bgtxt-pink-lightest
+    ),
+    'purple': (
+      'dark': $bgtxt-purple-dark,
+      'normal': $bgtxt-purple-normal,
+      'light': $bgtxt-purple-light,
+      'lighter': $bgtxt-purple-lighter,
+      'lightest': $bgtxt-purple-lightest
+    ),
+    'navy': (
+      'dark': $bgtxt-navy-dark,
+      'normal': $bgtxt-navy-normal,
+      'light': $bgtxt-navy-light,
+      'lighter': $bgtxt-navy-lighter,
+      'lightest': $bgtxt-navy-lightest
+    ),
+    'absolute': (
+      'black': (
+        'dark': $bgtxt-absolute-black-dark,
+        'normal': $bgtxt-absolute-black-normal,
+        'light': $bgtxt-absolute-black-light,
+        'lighter': $bgtxt-absolute-black-lighter,
+        'lightest': $bgtxt-absolute-black-lightest
+      ),
+      'white': (
+        'dark': $bgtxt-absolute-white-dark,
+        'normal': $bgtxt-absolute-white-normal,
+        'light': $bgtxt-absolute-white-light,
+        'lighter': $bgtxt-absolute-white-lighter,
+        'lightest': $bgtxt-absolute-white-lightest
+      )
+    )
+  ),
+  'txt': (
+    'black': (
+      'pure': $txt-black-pure,
+      'darkest': $txt-black-darkest,
+      'darker': $txt-black-darker,
+      'dark': $txt-black-dark
+    ),
+    'white': (
+      'normal': $txt-white-normal
+    )
+  ),
+  'bdr': (
+    'black': (
+      'dark': $bdr-black-dark,
+      'light': $bdr-black-light,
+      'lightest': $bdr-black-lightest
+    ),
+    'grey': (
+      'light': $bdr-grey-light
+    ),
+    'white': $bdr-white
+  ),
+  'shdw': (
+    'xlarge': $shdw-xlarge,
+    'large': $shdw-large,
+    'medium': $shdw-medium,
+    'small': $shdw-small,
+    'base': $shdw-base,
+    'inner': (
+      'base': $shdw-inner-base
+    )
+  )
+);

package/dist/types/alpha/cjs/global.d.ts

@@ -730,180 +730,6 @@ declare const _exports: Readonly<{
             value: "#373b5666";
         }>;
     }>;
-    dimension: Readonly<{
-        "alpha-dimension-1": Readonly<{
-            value: "1px";
-        }>;
-        "alpha-dimension-2": Readonly<{
-            value: "2px";
-        }>;
-        "alpha-dimension-3": Readonly<{
-            value: "3px";
-        }>;
-        "alpha-dimension-4": Readonly<{
-            value: "4px";
-        }>;
-        "alpha-dimension-6": Readonly<{
-            value: "6px";
-        }>;
-        "alpha-dimension-7": Readonly<{
-            value: "7px";
-        }>;
-        "alpha-dimension-8": Readonly<{
-            value: "8px";
-        }>;
-        "alpha-dimension-10": Readonly<{
-            value: "10px";
-        }>;
-        "alpha-dimension-12": Readonly<{
-            value: "12px";
-        }>;
-        "alpha-dimension-14": Readonly<{
-            value: "14px";
-        }>;
-        "alpha-dimension-16": Readonly<{
-            value: "16px";
-        }>;
-        "alpha-dimension-20": Readonly<{
-            value: "20px";
-        }>;
-        "alpha-dimension-22": Readonly<{
-            value: "22px";
-        }>;
-        "alpha-dimension-24": Readonly<{
-            value: "24px";
-        }>;
-        "alpha-dimension-28": Readonly<{
-            value: "28px";
-        }>;
-        "alpha-dimension-30": Readonly<{
-            value: "30px";
-        }>;
-        "alpha-dimension-32": Readonly<{
-            value: "32px";
-        }>;
-        "alpha-dimension-36": Readonly<{
-            value: "36px";
-        }>;
-        "alpha-dimension-40": Readonly<{
-            value: "40px";
-        }>;
-        "alpha-dimension-42": Readonly<{
-            value: "42px";
-        }>;
-        "alpha-dimension-44": Readonly<{
-            value: "44px";
-        }>;
-        "alpha-dimension-48": Readonly<{
-            value: "48px";
-        }>;
-        "alpha-dimension-54": Readonly<{
-            value: "54px";
-        }>;
-        "alpha-dimension-60": Readonly<{
-            value: "60px";
-        }>;
-        "alpha-dimension-72": Readonly<{
-            value: "72px";
-        }>;
-        "alpha-dimension-90": Readonly<{
-            value: "90px";
-        }>;
-        "alpha-dimension-120": Readonly<{
-            value: "120px";
-        }>;
-        "alpha-dimension-160": Readonly<{
-            value: "160px";
-        }>;
-        "alpha-dimension-200": Readonly<{
-            value: "200px";
-        }>;
-        "alpha-dimension-240": Readonly<{
-            value: "240px";
-        }>;
-        "alpha-dimension-320": Readonly<{
-            value: "320px";
-        }>;
-        "alpha-dimension-420": Readonly<{
-            value: "420px";
-        }>;
-        "alpha-dimension-540": Readonly<{
-            value: "540px";
-        }>;
-        "alpha-dimension-640": Readonly<{
-            value: "640px";
-        }>;
-        "alpha-dimension-720": Readonly<{
-            value: "720px";
-        }>;
-        "alpha-dimension-800": Readonly<{
-            value: "800px";
-        }>;
-        "alpha-dimension-900": Readonly<{
-            value: "900px";
-        }>;
-        "alpha-dimension-source-10": Readonly<{
-            value: "10px";
-            ref: "alpha-dimension-10";
-        }>;
-        "alpha-dimension-source-12": Readonly<{
-            value: "12px";
-            ref: "alpha-dimension-12";
-        }>;
-        "alpha-dimension-source-16": Readonly<{
-            value: "16px";
-            ref: "alpha-dimension-16";
-        }>;
-        "alpha-dimension-source-20": Readonly<{
-            value: "20px";
-            ref: "alpha-dimension-20";
-        }>;
-        "alpha-dimension-source-24": Readonly<{
-            value: "24px";
-            ref: "alpha-dimension-24";
-        }>;
-        "alpha-dimension-source-30": Readonly<{
-            value: "30px";
-            ref: "alpha-dimension-30";
-        }>;
-        "alpha-dimension-source-36": Readonly<{
-            value: "36px";
-            ref: "alpha-dimension-36";
-        }>;
-        "alpha-dimension-source-42": Readonly<{
-            value: "42px";
-            ref: "alpha-dimension-42";
-        }>;
-        "alpha-dimension-source-48": Readonly<{
-            value: "48px";
-            ref: "alpha-dimension-48";
-        }>;
-        "alpha-dimension-source-60": Readonly<{
-            value: "60px";
-            ref: "alpha-dimension-60";
-        }>;
-        "alpha-dimension-source-72": Readonly<{
-            value: "72px";
-            ref: "alpha-dimension-72";
-        }>;
-        "alpha-dimension-source-90": Readonly<{
-            value: "90px";
-            ref: "alpha-dimension-90";
-        }>;
-        "alpha-dimension-source-120": Readonly<{
-            value: "120px";
-            ref: "alpha-dimension-120";
-        }>;
-        "alpha-dimension-42-p": Readonly<{
-            value: "42%";
-        }>;
-        "alpha-dimension-100-p": Readonly<{
-            value: "100%";
-        }>;
-        "alpha-dimension-m-1": Readonly<{
-            value: "-1px";
-        }>;
-    }>;
     font: Readonly<{
         "alpha-font-family-sans": Readonly<{
             value: "'Pretendard', 'NotoSansJP', 'system-ui', 'sans-serif'";
@@ -1026,6 +852,50 @@ declare const _exports: Readonly<{
             value: 0.4;
         }>;
     }>;
+    radius: Readonly<{
+        "alpha-radius-2": Readonly<{
+            value: "2px";
+        }>;
+        "alpha-radius-3": Readonly<{
+            value: "3px";
+        }>;
+        "alpha-radius-4": Readonly<{
+            value: "4px";
+        }>;
+        "alpha-radius-6": Readonly<{
+            value: "6px";
+        }>;
+        "alpha-radius-7": Readonly<{
+            value: "7px";
+        }>;
+        "alpha-radius-8": Readonly<{
+            value: "8px";
+        }>;
+        "alpha-radius-10": Readonly<{
+            value: "10px";
+        }>;
+        "alpha-radius-12": Readonly<{
+            value: "12px";
+        }>;
+        "alpha-radius-14": Readonly<{
+            value: "14px";
+        }>;
+        "alpha-radius-16": Readonly<{
+            value: "16px";
+        }>;
+        "alpha-radius-20": Readonly<{
+            value: "20px";
+        }>;
+        "alpha-radius-32": Readonly<{
+            value: "32px";
+        }>;
+        "alpha-radius-rounded-half": Readonly<{
+            value: "9999px";
+        }>;
+        "alpha-radius-smooth-corner": Readonly<{
+            value: "42%";
+        }>;
+    }>;
     typography: Readonly<{
         "alpha-typography-message-font-weight": Readonly<{
             value: 400;