amotify 0.0.65 → 0.0.66

package/src/@styles/init.scss

@@ -1,94 +0,0 @@
-@use './props' as *;
-html {
-  &.usrDevice_ {
-    &Windows {
-      * {
-        &::-webkit-scrollbar, &::-webkit-scrollbar-track {
-          width: $unit2_3;
-          height: $unit1_2;
-          background-color: $color-layer1;
-        }
-        &::-webkit-scrollbar-thumb {
-          width: $unit2_3;
-          height: $unit2_3;
-          background-color: $color-layer5;
-        }
-      }
-    }
-    &Android {}
-    &macOSX {}
-    &iPhone {}
-    &iPad {}
-  }
-}
-.AMOTIFY_be_body {
-  padding: 0;
-  margin: 0;
-  transition: opacity $animation-time-middle;
-  background-color: $color-dark;
-}
-.AMOTIFY_be_origin {
-  max-width: 200rem;
-  min-height: $viewHeight;
-  background-color: $color-base;
-  position: relative;
-  margin: 0 auto;
-  padding: 0;
-  z-index: 1;
-}
-.AMOTIFY_be {
-  padding: 0;
-  margin: 0;
-  box-sizing: border-box;
-  letter-spacing: .5px;
-  word-wrap: break-word;
-  word-break: normal;
-  color: $font-color2;
-  font-size: $font-size2;
-
-  font-family: 
-  -apple-system,
-  BlinkMacSystemFont,
-  "Segoe UI",
-  "Roboto",
-  "Helvetica Neue",
-  "Ubuntu",
-  "Hiragino Sans",
-  "Yu Gothic UI",
-  "Meiryo UI",
-  "Hiragino Kaku Gothic ProN"
-  ;
-  font-kerning: normal;
-  // -webkit-font-smoothing: antialiased;
-  caret-color: $color-theme;
-  line-height: 1.5;
-  * {
-    padding: 0;
-    margin: 0;
-    box-sizing: border-box;
-    &:before, &:after {
-      box-sizing: border-box;
-    }
-  }
-  * {
-    &::selection {
-      background-color: $color-theme !important;
-      color: #fff !important;
-    }
-  }
-  button, a, label, input, select, textarea {
-    line-height: inherit;
-    font-family: inherit;
-    outline: none;
-    -webkit-appearance: none;
-    -webkit-tap-highlight-color: rgba(#000, 0);
-    touch-action: manipulation;
-  }
-  button, a, label {
-    cursor: pointer;
-  }
-  svg {
-    vertical-align: top;
-    object-fit: cover;
-  }
-}

package/src/@styles/props.scss

@@ -1,109 +0,0 @@
-$color-theme: hsl(var(--color-theme-hsl));
-$color-theme-opacity-high : hsla(var(--color-theme-hsl), var(--color-theme-opacity-high));
-$color-theme-opacity-middle : hsla(var(--color-theme-hsl), var(--color-theme-opacity-middle));
-$color-theme-opacity-low : hsla(var(--color-theme-hsl), var(--color-theme-opacity-low));
-$color-theme-opacity-few : hsla(var(--color-theme-hsl), var(--color-theme-opacity-few));
-@function cAlfa($a) {
-  @return hsla(var(--color-theme-hsl), $a );
-}
-$color-theme-lightest : hsl(var(--cH), calc(var(--cS)*1.3), calc(var(--cL) * 1.4));
-$color-theme-lighter : hsl(var(--cH), calc(var(--cS)*1.2), calc(var(--cL) * 1.25));
-$color-theme-lighten : hsl(var(--cH), calc(var(--cS)*1.1), calc(var(--cL) * 1.1));
-$color-theme-darken : hsl(var(--cH), calc(var(--cS)*.9), calc(var(--cL) * 0.9));
-$color-theme-darker : hsl(var(--cH), calc(var(--cS)*.8), calc(var(--cL) * 0.75));
-$color-theme-darkest : hsl(var(--cH), calc(var(--cS)*.7), calc(var(--cL) * 0.6));
-//
-$color-positive : rgba(var(--color-positive-rgb), 1);
-$color-negative : rgba(var(--color-negative-rgb), 1);
-$color-warning : rgba(var(--color-warning-rgb), 1);
-$color-dark : rgba(var(--color-dark-rgb), 1);
-$color-base: rgba(var(--color-base-rgb), 1);
-$color-cloud : rgba(var(--color-cloud-rgb), 1);
-$color-monoPrime : rgba(var(--color-monoPrime-rgb));
-$color-monoSecond : rgba(var(--color-monoSecond-rgb));
-//
-$color-layer1: hsl(var(--color-layer1-hsl));
-$color-layer2: hsl(var(--color-layer2-hsl));
-$color-layer3: hsl(var(--color-layer3-hsl));
-$color-layer4: hsl(var(--color-layer4-hsl));
-$color-layer5: hsl(var(--color-layer5-hsl));
-$color-layer6: hsl(var(--color-layer6-hsl));
-//
-$color-layer-opacity-high : hsla(var(--color-layer4-hsl), .6);
-$color-layer-opacity-middle : hsla(var(--color-layer4-hsl), .4);
-$color-layer-opacity-low : hsla(var(--color-layer4-hsl), .3);
-$color-layer-opacity-few : hsla(var(--color-layer4-hsl), .15);
-// border ish
-$border-thin : 1px solid var(--border-color-thin);
-$border-normal : 1px solid var(--border-color-normal);
-// borderRadius
-$border-radius1 : var(--border-radius1);
-$border-radius1_6 : calc($border-radius1 * 1 / 6);
-$border-radius1_3 : calc($border-radius1 * 1 / 3);
-$border-radius2_3 : calc($border-radius1 * 2 / 3);
-$border-radius2 : var(--border-radius2);
-$border-radius3 : var(--border-radius3);
-$border-radius4 : var(--border-radius4);
-$border-radius5 : var(--border-radius5);
-$border-radius6 : var(--border-radius6);
-$border-radius7 : var(--border-radius7);
-// fontColor
-$font-color1 : rgb(var(--font-color1-rgb));
-$font-color2 : rgb(var(--font-color2-rgb));
-$font-color3 : rgb(var(--font-color3-rgb));
-$font-color4 : rgb(var(--font-color4-rgb));
-$font-color5 : rgb(var(--font-color5-rgb));
-$font-color6 : rgb(var(--font-color6-rgb));
-$font-color-logoTitle : var(--font-color-logoTitle);
-// fontSize
-$font-size0 : var(--font-size0);
-$font-size1 : var(--font-size1);
-$font-size2 : var(--font-size2);
-$font-size3 : var(--font-size3);
-$font-size4 : var(--font-size4);
-$font-size5 : var(--font-size5);
-$font-size6 : var(--font-size6);
-$font-size7 : var(--font-size7);
-$font-size8 : var(--font-size8);
-//
-$shadow-color : var(--sc);
-$shadow0 : 0 0 0 transparent inset, var(--shadow_style_0) var(--shadow_color_thin);
-$shadow1 : 0 0 0 transparent inset, var(--shadow_style_0) var(--shadow_color_normal);
-$shadow2 : 0 0 0 transparent inset, var(--shadow_style_1) var(--shadow_color_remark);
-$shadow3 : 0 0 0 transparent inset, var(--shadow_style_3) var(--shadow_color_remark);
-$shadow4 : 0 0 0 transparent inset, var(--shadow_style_4) var(--shadow_color_remark);
-$animation-time-short : var(--animation-time1);
-$animation-time-middle : var(--animation-time2);
-$animation-time-long : var(--animation-time3);
-$animation-time-veryLong : var(--animation-time4);
-$animation-style1 : var(--animation-style1);
-$animation-style2 : var(--animation-style2);
-//
-$unit1 : var(--grid-unit);
-$unit1_12 : calc($unit1 * 1 / 12);
-$unit1_6 : calc($unit1 * 1 / 6);
-$unit1_4 : calc($unit1 * 1 / 4);
-$unit1_3 : calc($unit1 * 1 / 3);
-$unit1_2 : calc($unit1 * 1 / 2);
-$unit2_3 : calc($unit1 * 2 / 3);
-$unit3_4 : calc($unit1 * 3 / 4);
-$unit1-5 : calc($unit1 * 3 / 2);
-$unit2 : calc($unit1 * 2);
-$unit2-5 : calc($unit1 * 2.5);
-$unit3 : calc($unit1 * 3);
-$unit3-5 : calc($unit1 * 3.5);
-$unit4 : calc($unit1 * 4);
-$unit6 : calc($unit1 * 6);
-$unit8 : calc($unit1 * 8);
-$unit10 : calc($unit1 * 10);
-$unit12 : calc($unit1 * 12);
-//
-$safe-area-top : var(--safe-area-top);
-$safe-area-bottom : var(--safe-area-bottom);
-$viewHeight : var(--viewHeight);
-$topNavigationHeight : var(--topNavHeight);
-$sideNavigationHeight : var(--sideNavHeight);
-$footerNavigationHeight: var(--footerNavHeight);
-$topBase: var(--topBase);
-$contentHeight: var(--contentHeight);
-$breakPoint: 834px;

package/src/@styles/styleSet.scss

@@ -1,38 +0,0 @@
-@use './props' as *;
-
-@mixin OriginScrollBar {
-  overflow: auto;
-  &::-webkit-scrollbar,
-  &::-webkit-scrollbar-track {
-    width: $unit2_3 !important;
-    height: $unit2_3 !important;
-    background-color: $color-layer3;
-  }
-  &::-webkit-scrollbar-thumb {
-    width: $unit2_3 !important;
-    height: $unit2_3 !important;
-    background-color: cAlfa(.75) !important;
-  }
-}
-@mixin absoluteCovered {
-  position: absolute;
-  content: '';
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-}
-@mixin textEllipsis {
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-@mixin pureTable {
-  min-width: 100%;
-  border-collapse: separate;
-  border-spacing: 0px;
-}
-@mixin DisableduserSelect {
-  user-select: none;
-  -webkit-user-select: none;
-}

package/src/@styles/themeColor.scss

@@ -1,71 +0,0 @@
-$ThemeColors: ( // ThemeColors
-    comun : (h:237, s:076%, l:058%, rgb:rgb(67, 75, 229)),
-    leaf : (h:159, s:078%, l:038%, rgb:rgb(21, 172, 120)),
-    heart : (h:002, s:081%, l:063%, rgb:rgb(237, 089, 084)),
-    droplet : (h:215, s:082%, l:051%, rgb:rgb(028, 113, 233)),
-    // Order
-    brick : (h:351, s:080%, l:039%, rgb:rgb(179, 020, 044)),
-    flower : (h:350, s:078%, l:075%, rgb:rgb(241, 142, 158)),
-    lip : (h:340, s:069%, l:049%, rgb:rgb(211, 39, 96)),
-    wine : (h:317, s:041%, l:030%, rgb:rgb(108, 045, 090)),
-    theater : (h:301, s:088%, l:049%, rgb:rgb(235, 15, 231)),
-    bat : (h:272, s:081%, l:021%, rgb:rgb(056, 010, 097)),
-    poizon : (h:268, s:058%, l:050%, rgb:rgb(123, 054, 201)),
-    eggplant : (h:264, s:100%, l:062%, rgb:rgb(139, 61, 255)),
-    ufo : (h:253, s:081%, l:058%, rgb:rgb(099, 061, 235)),
-    alien : (h:252, s:092%, l:057%, rgb:rgb(084, 043, 245)),
-    tombstone : (h:251, s:014%, l:070%, rgb:rgb(173, 169, 190)),
-    ninja : (h:242, s:100%, l:068%, rgb:rgb(97, 92, 255)),
-    moon : (h:240, s:016%, l:024%, rgb:rgb(051, 051, 071)),
-    rain : (h:240, s:032%, l:054%, rgb:rgb(100, 100, 175)),
-    unicorn : (h:238, s:070%, l:074%, rgb:rgb(142, 145, 235)),
-    axe : (h:226, s:022%, l:035%, rgb:rgb(070, 079, 109)),
-    gem : (h:221, s:085%, l:043%, rgb:rgb(016, 075, 203)),
-    soap : (h:217, s:085%, l:032%, rgb:rgb(012, 065, 151)),
-    drizzle : (h:213, s:033%, l:068%, rgb:rgb(146, 171, 200)),
-    building : (h:204, s:003%, l:072%, rgb:rgb(181, 184, 186)),
-    fish : (h:194, s:097%, l:034%, rgb:rgb(3, 132, 171)),
-    icicles : (h:191, s:061%, l:058%, rgb:rgb(083, 189, 213)),
-    water : (h:187, s:030%, l:054%, rgb:rgb(103, 165, 173)),
-    tree1 : (h:186, s:085%, l:023%, rgb:rgb(009, 099, 109)),
-    tree2 : (h:185, s:097%, l:034%, rgb:rgb(003, 157, 171)),
-    tree3 : (h:183, s:086%, l:019%, rgb:rgb(007, 086, 090)),
-    battery : (h:170, s:090%, l:039%, rgb:rgb(010, 189, 159)),
-    seedle : (h:145, s:094%, l:040%, rgb:rgb(006, 198, 086)),
-    greenTea : (h:144, s:043%, l:041%, rgb:rgb(060, 150, 096)),
-    oak : (h:101, s:024%, l:066%, rgb:rgb(161, 189, 147)),
-    salad : (h:068, s:090%, l:043%, rgb:rgb(182, 208, 011)),
-    cloudy : (h:060, s:005%, l:079%, rgb:rgb(204, 204, 199)),
-    lemon : (h:053, s:078%, l:070%, rgb:rgb(238, 224, 119)),
-    angel : (h:047, s:100%, l:050%, rgb:rgb(255, 200, 000)),
-    parasol : (h:042, s:086%, l:070%, rgb:rgb(244, 205, 113)),
-    pizza : (h:040, s:092%, l:052%, rgb:rgb(245, 170, 020)),
-    thunder : (h:040, s:070%, l:057%, rgb:rgb(222, 171, 069)),
-    latte : (h:033, s:051%, l:073%, rgb:rgb(221, 190, 151)),
-    island : (h:027, s:091%, l:055%, rgb:rgb(245, 130, 036)),
-    shovel : (h:019, s:029%, l:037%, rgb:rgb(122, 084, 067)),
-    coffee : (h:018, s:033%, l:024%, rgb:rgb(081, 053, 041)),
-    carrot : (h:014, s:084%, l:059%, rgb:rgb(238, 104, 063)),
-    cactus : (h:008, s:017%, l:062%, rgb:rgb(175, 146, 142)),
-    volcano : (h:006, s:084%, l:048%, rgb:rgb(225, 040, 020)),
-    choco : (h:002, s:055%, l:057%, rgb:rgb(206, 089, 085)),
-    industry : (h:000, s:000%, l:050%, rgb:rgb(128, 128, 128)),
-    gun : (h:000, s:000%, l:037%, rgb:rgb(094, 094, 094)),
-    galaxy : (h:000, s:000%, l:005%, rgb:rgb(013, 013, 013)),
-    // Brand Color
-    line:(h:120, s:100%, l:37%),
-    twitter:(h:203, s:89%, l:52%),
-    amazon:(h:36, s:100%, l:50%),
-    facebook:(h:220, s:46%, l:48%),
-    android:(h:101, s:47%, l:55%),
-    slackBlue:(h:194, s:86%, l:58%),
-    slackGreen:(h:155, s:60%, l:45%),
-    slackRed:(h:341, s:76%, l:50%),
-    slackYellow:(h:42, s:83%, l:55%),
-    slackBase:(h:299, s:56%, l:19%),
-    googleBlue:(h:217, s:89%, l:61%),
-    googleGreen:(h:151, s:83%, l:34%),
-    googleYellow:(h:44, s:100%, l:48%),
-    googleRed:(h:5, s:69%, l:54%),
-  );
-$ThemeColorKeys: map-keys($ThemeColors );

package/src/@styles/var.scss

@@ -1,182 +0,0 @@
-@use './themeColor' as themeColor;
-:root {
-  /* theme colors */
-  @each $key in themeColor.$ThemeColorKeys {
-    $obj: map-get(themeColor.$ThemeColors, $key );
-    $i : index(themeColor.$ThemeColorKeys, $key ) - 1;
-    $h : map-get($obj, h);
-    $s : map-get($obj, s);
-    $l : map-get($obj, l);
-    --cH_#{ $key } : #{ $h };
-    --cS_#{ $key } : #{ $s };
-    --cL_#{ $key } : #{ $l };
-    --color_#{ $key }-hsl : #{ $h }, #{ $s }, #{ $l };
-  }
-  --cH : 0;
-  --cS : 0%;
-  --cL : 0%;
-  --color-theme-hsl: 0, 0%, 0%;
-  --color-theme-opacity-high: .5;
-  --color-theme-opacity-middle: .25;
-  --color-theme-opacity-low: .15;
-  --color-theme-opacity-few: .085;
-  /* sub colors */
-  --color-positive-rgb: 54, 194, 124;
-  --color-negative-rgb: 246, 70, 93;
-  --color-warning-rgb: 248, 150, 0;
-  --color-dark-rgb: 69, 81, 92;
-  //
-  --color-positive: rgba(var(--color-positive-rgb), 1);
-  --color-negative: rgba(var(--color-negative-rgb), 1);
-  --color-warning: rgba(var(--color-warning-rgb), 1);
-  --color-dark: rgba(var(--color-dark-rgb), 1);
-  /* layer colors */
-  --color-layer1-hsl: var(--cH), 6%, 99%;
-  --color-layer2-hsl: var(--cH), 6%, 96%;
-  --color-layer3-hsl: var(--cH), 6%, 92%;
-  --color-layer4-hsl: var(--cH), 8%, 89%;
-  --color-layer5-hsl: var(--cH), 10%, 85%;
-  --color-layer6-hsl: var(--cH), 10%, 75%;
-  //
-  --color-base-rgb: 252, 252, 252;
-  --color-cloud-rgb: 241, 243, 248;
-  --color-monoPrime-rgb: 0, 0, 0;
-  --color-monoSecond-rgb: 255, 255, 255;
-  --font-color-logoTitle: hsl(218, 45%, 22%);
-  /* shadow */
-  --sc: 60, 64, 67;
-  --shadow_style_0: 0px 1px 2px 0px;
-  --shadow_style_1: 0px 2px 4px 0px;
-  --shadow_style_2: 1px 3px 8px 0px;
-  --shadow_style_3: 2px 6px 12px;
-  --shadow_style_4: .4rem 1rem 2rem;
-  --shadow_style_5: 1rem 1.5rem 3rem;
-  --shadow_color_thin: rgba(var(--sc), .05);
-  --shadow_color_normal: rgba(var(--sc), .15);
-  --shadow_color_remark: rgba(var(--sc), .23);
-  --shadow_color_thick: rgba(var(--sc), .32);
-  --shadow_color_most: rgba(var(--sc), .41);
-  /* font colors */
-  --font-color1-rgb: 0, 0, 0;
-  --font-color2-rgb: 51, 51, 51;
-  --font-color3-rgb: 118, 125, 137;
-  --font-color4-rgb: 152, 158, 167;
-  --font-color5-rgb: 189, 194, 200;
-  --font-color6-rgb: 210, 210, 220;
-  /* font sizes */
-  --font-size0: 10px;
-  --font-size1: 12px;
-  --font-size2: 14px;
-  --font-size3: 16px;
-  --font-size4: 20px;
-  --font-size5: 24px;
-  --font-size6: 32px;
-  --font-size7: 44px;
-  --font-size8: 60px;
-  /* border colors */
-  --border-color-thin: hsl(220, 9%, 92%);
-  --border-color-normal: hsl(220, 9%, 87%);
-  /* border radius */
-  --border-radius1: 4px;
-  --border-radius2: 6px;
-  --border-radius3: 8px;
-  --border-radius4: 12px;
-  --border-radius5: 18px;
-  --border-radius6: 24px;
-  --border-radius7: 30px;
-  /* animation */
-  --animation-time1: .1s;
-  --animation-time2: .15s;
-  --animation-time3: .25s;
-  --animation-time4: .4s;
-  --animation-style1: cubic-bezier(.35, .46, 0, .99);
-  --animation-style2: cubic-bezier(.1, .85, .1, .85);
-  // safe area
-  --safe-area-top: env(safe-area-inset-top);
-  --safe-area-bottom: env(safe-area-inset-bottom);
-  /* unit size */
-  --grid-unit: 12px;
-  /* view height */
-  --viewHeight: 100vh;
-  @supports (-webkit-touch-callout: none) {
-    --viewHeight: -webkit-fill-available;
-  }
-  --sideNavHeight : 0px;
-  --topNavHeight : 0px;
-  --contentHeight : 0px;
-  --topBase : 0px;
-}
-@mixin DARK {
-  --color-theme-opacity-high: .45;
-  --color-theme-opacity-middle: .3;
-  --color-theme-opacity-low: .2;
-  --color-theme-opacity-few: .1;
-  //
-  --color-dark-rgb: 46, 51, 54;
-  --color-cloud-rgb: 43, 44, 45;
-  --color-base-rgb: 27, 28, 28;
-  --color-monoPrime-rgb: 255, 255, 255;
-  --color-monoSecond-rgb: 0, 0, 0;
-  //
-  --font-color1-rgb: 250, 251, 252;
-  --font-color2-rgb: 205, 210, 220;
-  --font-color3-rgb: 165, 170, 180;
-  --font-color4-rgb: 135, 140, 150;
-  --font-color5-rgb: 95, 100, 110;
-  --font-color6-rgb: 65, 70, 80;
-  --font-color-logoTitle: rgb(210, 220, 240);
-  --sc: 1, 2, 3;
-  //
-  --border-color-thin: hsl(180, 5%, 25%);
-  --border-color-normal: hsl(180, 5%, 38%);
-}
-@mixin DarkLayer {
-  --color-layer1-hsl: var(--cH), 5%, 10%;
-  --color-layer2-hsl: var(--cH), 5%, 13.3%;
-  --color-layer3-hsl: var(--cH), 5%, 16.6%;
-  --color-layer4-hsl: var(--cH), 5%, 20%;
-  --color-layer5-hsl: var(--cH), 5%, 25%;
-  --color-layer6-hsl: var(--cH), 5%, 30%;
-}
-@mixin DIMLayer {
-  --color-layer1-hsl: var(--cH), 8%, 20%;
-  --color-layer2-hsl: var(--cH), 8%, 23.3%;
-  --color-layer3-hsl: var(--cH), 8%, 26.6%;
-  --color-layer4-hsl: var(--cH), 8%, 30%;
-  --color-layer5-hsl: var(--cH), 8%, 35%;
-  --color-layer6-hsl: var(--cH), 8%, 40%;
-}
-.bds {
-  &TC {
-    @each $key in themeColor.$ThemeColorKeys {
-      &_#{ $key } {
-        --cH : var(--cH_#{ $key });
-        --cS : var(--cS_#{ $key });
-        --cL : var(--cL_#{ $key });
-        --color-theme-hsl : var(--color_#{ $key }-hsl);
-      }
-    }
-  }
-  &TN {
-    &flat {
-      --border-color-thin: hsl(220, 9%, 94%);
-      --border-color-normal: hsl(220, 9%, 90%);
-    }
-  }
-  &DM_ {
-    &dark {
-      @include DARK();
-      @include DarkLayer();
-    }
-    &dim {
-      @include DARK();
-      @include DIMLayer();
-    }
-    &auto {
-      @media (prefers-color-scheme: dark) {
-        @include DARK();
-        @include DarkLayer();
-      }
-    }
-  }
-}

package/src/@templates.tsx

@@ -1,7 +0,0 @@
-import {
-  PlayGround
-} from './templates/PlayGround/parts'
-
-export {
-  PlayGround
-}

package/src/@variables.tsx

@@ -1,74 +0,0 @@
-export const launchID = $.uuidGen()
-
-export const ColorObjects: {
-  key: amotify.ThemeColorTypes
-  isBrand: boolean
-  isAvocado: boolean
-}[] = [
-    { key: 'comun',isBrand: false,isAvocado: true },
-    { key: 'leaf',isBrand: false,isAvocado: true },
-    { key: 'heart',isBrand: false,isAvocado: true },
-    { key: 'droplet',isBrand: false,isAvocado: true },
-    { key: 'brick',isBrand: false,isAvocado: false },
-    { key: 'flower',isBrand: false,isAvocado: false },
-    { key: 'lip',isBrand: false,isAvocado: false },
-    { key: 'wine',isBrand: false,isAvocado: false },
-    { key: 'theater',isBrand: false,isAvocado: false },
-    { key: 'bat',isBrand: false,isAvocado: false },
-    { key: 'poizon',isBrand: false,isAvocado: false },
-    { key: 'eggplant',isBrand: false,isAvocado: false },
-    { key: 'ufo',isBrand: false,isAvocado: false },
-    { key: 'alien',isBrand: false,isAvocado: false },
-    { key: 'tombstone',isBrand: false,isAvocado: false },
-    { key: 'ninja',isBrand: false,isAvocado: false },
-    { key: 'moon',isBrand: false,isAvocado: false },
-    { key: 'rain',isBrand: false,isAvocado: false },
-    { key: 'unicorn',isBrand: false,isAvocado: false },
-    { key: 'axe',isBrand: false,isAvocado: false },
-    { key: 'gem',isBrand: false,isAvocado: false },
-    { key: 'soap',isBrand: false,isAvocado: false },
-    { key: 'drizzle',isBrand: false,isAvocado: false },
-    { key: 'building',isBrand: false,isAvocado: false },
-    { key: 'fish',isBrand: false,isAvocado: false },
-    { key: 'icicles',isBrand: false,isAvocado: false },
-    { key: 'water',isBrand: false,isAvocado: false },
-    { key: 'tree1',isBrand: false,isAvocado: false },
-    { key: 'tree2',isBrand: false,isAvocado: false },
-    { key: 'tree3',isBrand: false,isAvocado: false },
-    { key: 'battery',isBrand: false,isAvocado: false },
-    { key: 'seedle',isBrand: false,isAvocado: false },
-    { key: 'greenTea',isBrand: false,isAvocado: false },
-    { key: 'oak',isBrand: false,isAvocado: false },
-    { key: 'salad',isBrand: false,isAvocado: false },
-    { key: 'cloudy',isBrand: false,isAvocado: false },
-    { key: 'lemon',isBrand: false,isAvocado: false },
-    { key: 'angel',isBrand: false,isAvocado: false },
-    { key: 'parasol',isBrand: false,isAvocado: false },
-    { key: 'pizza',isBrand: false,isAvocado: false },
-    { key: 'thunder',isBrand: false,isAvocado: false },
-    { key: 'latte',isBrand: false,isAvocado: false },
-    { key: 'island',isBrand: false,isAvocado: false },
-    { key: 'shovel',isBrand: false,isAvocado: false },
-    { key: 'coffee',isBrand: false,isAvocado: false },
-    { key: 'carrot',isBrand: false,isAvocado: false },
-    { key: 'cactus',isBrand: false,isAvocado: false },
-    { key: 'volcano',isBrand: false,isAvocado: false },
-    { key: 'choco',isBrand: false,isAvocado: false },
-    { key: 'industry',isBrand: false,isAvocado: false },
-    { key: 'gun',isBrand: false,isAvocado: false },
-    { key: 'galaxy',isBrand: false,isAvocado: false },
-    { key: 'line',isBrand: true,isAvocado: false },
-    { key: 'twitter',isBrand: true,isAvocado: false },
-    { key: 'amazon',isBrand: true,isAvocado: false },
-    { key: 'facebook',isBrand: true,isAvocado: false },
-    { key: 'android',isBrand: true,isAvocado: false },
-    { key: 'slackBlue',isBrand: true,isAvocado: false },
-    { key: 'slackGreen',isBrand: true,isAvocado: false },
-    { key: 'slackRed',isBrand: true,isAvocado: false },
-    { key: 'slackYellow',isBrand: true,isAvocado: false },
-    { key: 'slackBase',isBrand: true,isAvocado: false },
-    { key: 'googleBlue',isBrand: true,isAvocado: false },
-    { key: 'googleGreen',isBrand: true,isAvocado: false },
-    { key: 'googleYellow',isBrand: true,isAvocado: false },
-    { key: 'googleRed',isBrand: true,isAvocado: false },
-  ]