chore: update gitrepo file

.github/workflows/release-next.yml

@@ -14,7 +14,6 @@ jobs:
       - uses: actions/setup-node@v3
         with:
           node-version: 18
-          cache: 'yarn'
       - name: Install dependencies
         run: yarn
       - name: Build dependencies

.github/workflows/release.yml

@@ -13,7 +13,6 @@ jobs:
       - uses: actions/setup-node@v3
         with:
           node-version: 18
-          cache: 'yarn'
       - name: Install dependencies
         run: yarn
       - name: Release

src/assets/styles/global.scss

@@ -1,4 +1,5 @@
 @import './resets';
+@import './css-color-variables';
 @import 'https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap';
 
 html {

src/assets/styles/mixins.scss

@@ -143,3 +143,9 @@
     border-radius: $s-1;
   }
 }
+
+@mixin transition($props) {
+  transition-duration: 100ms;
+  transition-property: $props;
+  transition-timing-function: ease-in-out;
+}

src/assets/styles/variables.scss

@@ -1,4 +1,3 @@
-@import './css-color-variables';
 @import './old-colors';
 @import './colors';
 @import './animation';

src/components/Datepicker/datepicker.scss

@@ -62,7 +62,7 @@
     position: absolute;
     right: $s-7;
     top: 50%;
-    color: $text-gray-light;
+    color: $text-gray;
     font-size: $font-12;
     transform: translateY(-50%);
   }

src/components/EmptyState/empty.scss

@@ -101,7 +101,7 @@
 .sb-empty-state__router {
   position: relative;
   margin-top: 10px;
-  color: $text-gray-light;
+  color: $text-gray;
   font-size: $font-14;
   font-weight: $font-medium;
   line-height: 20px;

src/components/Menu/MenuGroup.vue

@@ -1,5 +1,5 @@
 <template>
-  <div role="group" :data-testid="dataTestid">
+  <div role="group" :data-testid="dataTestid" class="sb-menu-group">
     <p
       v-if="title.length"
       :class="computedClasses"

src/components/Menu/menu.scss

@@ -83,6 +83,10 @@
 }
 
 .sb-menu-group {
+  display: flex;
+  flex-direction: column;
+  justify-content: stretch;
+
   &__title {
     margin: 0 0 5px;
     padding: 10px;

src/components/Minibrowser/minibrowser.scss

@@ -105,7 +105,7 @@ $full-height-padding: $general-padding - $padding-full-height-difference;
       display: block;
       overflow: hidden;
       margin-top: 2px;
-      color: $text-gray-light;
+      color: $text-gray;
       font-size: $font-12;
       text-overflow: ellipsis;
       white-space: nowrap;

src/components/Select/components/select-inner.scss

@@ -1,3 +1,3 @@
 .sb-select-inner__chevron-dropdown {
-  border: none;
+  border: 0;
 }

src/components/Select/select.scss

@@ -28,7 +28,7 @@
       }
 
       &__chevron {
-        color: $text-gray-light;
+        color: $text-gray;
       }
 
       &__input {
@@ -165,7 +165,7 @@
 
   &__clear {
     padding: 0;
-    color: $text-gray-light;
+    color: $text-gray;
     background-color: transparent;
     border: 0;
     border-radius: 50%;
@@ -342,7 +342,7 @@
       .sb-select-list__item-icon,
       .sb-select-list__item-name,
       .sb-select-list__item-path {
-        color: $text-gray-light;
+        color: $text-gray;
       }
     }
   }
@@ -397,7 +397,7 @@
 .sb-select-list__item-caption {
   display: block;
   margin-top: 2px;
-  color: $text-gray-light;
+  color: $text-gray;
   font-size: $font-12;
 }
 

src/components/Sidebar/sidebar.scss

@@ -113,7 +113,7 @@
   width: 100%;
   height: 40%;
   max-height: 200px;
-  background: linear-gradient(transparent 0%, rgba($dark-blue-950, 1) 100%);
+  background: linear-gradient(transparent 0%, rgba(#1b243f, 1) 100%);
   pointer-events: none;
   transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
 }

src/components/Tag/tag.scss

@@ -62,7 +62,7 @@
   }
 
   &--dark-ink {
-    @include setColor($dark-blue-950, $dark-blue-100, $dark-blue-200);
+    @include setColor($white, $dark-blue-950, $dark-blue-800);
   }
 
   .sb-icon {

src/components/TextField/textfield.scss

@@ -122,7 +122,6 @@
     color: $text-dark-blue;
     font-size: $font-14;
     border-radius: $base-border-radius;
-    transition: $base-transition;
 
     &--disabled {
       background: $bg-gray-50;

src/components/Toggle/toggle.scss

@@ -113,6 +113,6 @@ $toggle-padding: 4px;
 
   &--inactive {
     right: $s-1;
-    color: $text-gray-light;
+    color: $text-gray;
   }
 }

src/components/Tooltip/tooltip.scss

@@ -67,7 +67,7 @@
   font-size: $font-12;
   line-height: 15px;
   word-break: break-word;
-  border-radius: 2px;
+  border-radius: $base-border-radius;
   box-shadow: 0 0 2px 1px rgb(0 0 0 / 8%);
 
   &--dark {

stories/Design/Colors/components/ColorTile.vue

@@ -55,7 +55,7 @@ const shouldShow = computed(() => {
   display: inline-grid;
   flex: 0 0 70px;
   margin-bottom: 20px;
-  color: $text-gray-light;
+  color: $text-gray;
   font-size: $font-14;
 }
 </style>

stories/Design/Typography/typography.scss

@@ -2,7 +2,7 @@
   &__label {
     display: inline-block;
     margin-bottom: 10px;
-    color: $text-gray-light;
+    color: $text-gray;
     font-size: $font-14;
     font-weight: $font-medium;
   }