@channel.io/bezier-tokens 0.2.12 → 0.3.0

package/dist/scss/dark-theme.scss

@@ -0,0 +1,294 @@
+
+$ev-1: inset 0 0 2px 0 #FFFFFF14, 0 0 2px 0 #00000014, 0 1px 2px 0 #00000026 !default;
+$ev-2: inset 0 0 2px 0 #FFFFFF14, 0 0 2px 0 #00000014, 0 2px 6px 0 #00000026 !default;
+$ev-3: inset 0 0 2px 0 #FFFFFF14, 0 0 2px 0 #00000014, 0 4px 12px 0 #00000033 !default;
+$ev-4: inset 0 0 2px 0 #FFFFFF14, 0 0 2px 0 #00000014, 0 4px 20px 0 #00000066 !default;
+$ev-5: inset 0 0 2px 0 #FFFFFF14, 0 0 2px 0 #00000014, 0 6px 40px 0 #00000099 !default;
+$ev-6: inset 0 0 2px 0 #FFFFFF14, 0 0 2px 0 #00000014, 0 12px 60px 0 #00000099 !default;
+$ev-inner: inset 0 0 2px 0 #FFFFFF14 !default;
+$ev-base: 0 0 2px 0 #00000014 !default;
+$input-box-shadow: 0 1px 2px 0 #FFFFFF14, inset 0 0 0 1px #FFFFFF33 !default;
+$input-box-shadow-focused: 0 0 0 3px #6687FF66, inset 0 0 0 1px #6687FF !default;
+$input-box-shadow-invalid: 0 0 0 3px #FFAB5C66, inset 0 0 0 1px #FFAB5C !default;
+$bg-white-high: #464748 !default;
+$bg-white-normal: #242428 !default;
+$bg-white-low: #313234 !default;
+$bg-white-dim-dark: #00000099 !default;
+$bg-white-dim-light: #00000033 !default;
+$bg-gnb: #464748CC !default;
+$bg-navi: #313234CC !default;
+$bg-header: #313234 !default;
+$bg-header-float: #313234CC !default;
+$bg-lounge: #313234E6 !default;
+$bg-black-darkest: #FFFFFF99 !default;
+$bg-black-darker: #FFFFFF66 !default;
+$bg-black-dark: #FFFFFF33 !default;
+$bg-black-light: #FFFFFF1F !default;
+$bg-black-lighter: #FFFFFF14 !default;
+$bg-black-lightest: #FFFFFF0D !default;
+$bg-grey-darkest: #FFFFFF !default;
+$bg-grey-dark: #A7A7AA !default;
+$bg-grey-dim-lightest: #2A2B2DCC !default;
+$bg-grey-light: #464748 !default;
+$bg-grey-lighter: #313234 !default;
+$bg-grey-lightest: #2A2B2D !default;
+$bgtxt-blue-dark: #5E56F0 !default;
+$bgtxt-blue-normal: #6687FF !default;
+$bgtxt-blue-light: #6687FF66 !default;
+$bgtxt-blue-lighter: #6687FF4D !default;
+$bgtxt-blue-lightest: #6687FF33 !default;
+$bgtxt-cobalt-dark: #329BE7 !default;
+$bgtxt-cobalt-normal: #47C8FF !default;
+$bgtxt-cobalt-light: #47C8FF66 !default;
+$bgtxt-cobalt-lighter: #47C8FF4D !default;
+$bgtxt-cobalt-lightest: #47C8FF33 !default;
+$bgtxt-teal-dark: #0FB3A3 !default;
+$bgtxt-teal-normal: #3CDDCD !default;
+$bgtxt-teal-light: #3CDDCD66 !default;
+$bgtxt-teal-lighter: #3CDDCD4D !default;
+$bgtxt-teal-lightest: #3CDDCD33 !default;
+$bgtxt-green-dark: #31A552 !default;
+$bgtxt-green-normal: #3ACF5A !default;
+$bgtxt-green-light: #3ACF5A66 !default;
+$bgtxt-green-lighter: #3ACF5A4D !default;
+$bgtxt-green-lightest: #3ACF5A33 !default;
+$bgtxt-olive-dark: #A0A540 !default;
+$bgtxt-olive-normal: #CAD548 !default;
+$bgtxt-olive-light: #CAD54866 !default;
+$bgtxt-olive-lighter: #CAD5484D !default;
+$bgtxt-olive-lightest: #CAD54833 !default;
+$bgtxt-yellow-dark: #EDBC40 !default;
+$bgtxt-yellow-normal: #FDD353 !default;
+$bgtxt-yellow-light: #FDD35366 !default;
+$bgtxt-yellow-lighter: #FDD3534D !default;
+$bgtxt-yellow-lightest: #FDD35333 !default;
+$bgtxt-orange-dark: #F4800B !default;
+$bgtxt-orange-normal: #FFAB5C !default;
+$bgtxt-orange-light: #FFAB5C66 !default;
+$bgtxt-orange-lighter: #FFAB5C4D !default;
+$bgtxt-orange-lightest: #FFAB5C33 !default;
+$bgtxt-red-dark: #E94E58 !default;
+$bgtxt-red-normal: #FF5C5C !default;
+$bgtxt-red-light: #FF5C5C66 !default;
+$bgtxt-red-lighter: #FF5C5C4D !default;
+$bgtxt-red-lightest: #FF5C5C33 !default;
+$bgtxt-pink-dark: #CB48AD !default;
+$bgtxt-pink-normal: #EC6FD3 !default;
+$bgtxt-pink-light: #EC6FD366 !default;
+$bgtxt-pink-lighter: #EC6FD34D !default;
+$bgtxt-pink-lightest: #EC6FD333 !default;
+$bgtxt-purple-dark: #915CE0 !default;
+$bgtxt-purple-normal: #B570FF !default;
+$bgtxt-purple-light: #B570FF66 !default;
+$bgtxt-purple-lighter: #B570FF4D !default;
+$bgtxt-purple-lightest: #B570FF33 !default;
+$bgtxt-navy-dark: #3A4F8D !default;
+$bgtxt-navy-normal: #647CC9 !default;
+$bgtxt-navy-light: #647CC966 !default;
+$bgtxt-navy-lighter: #647CC94D !default;
+$bgtxt-navy-lightest: #647CC933 !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: #FFFFFF !default;
+$txt-black-darkest: #FFFFFFCC !default;
+$txt-black-darker: #FFFFFF99 !default;
+$txt-black-dark: #FFFFFF66 !default;
+$txt-white-normal: #242428 !default;
+$bdr-black-dark: #FFFFFF33 !default;
+$bdr-black-light: #FFFFFF1F !default;
+$bdr-black-lightest: #FFFFFF0D !default;
+$bdr-grey-light: #464748 !default;
+$bdr-white: #464748 !default;
+$shdw-xlarge: #00000099 !default;
+$shdw-large: #00000066 !default;
+$shdw-medium: #00000033 !default;
+$shdw-small: #00000026 !default;
+$shdw-base: #00000014 !default;
+$shdw-inner-base: #FFFFFF14 !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
+    )
+  )
+);