@snack-uikit/counter 0.6.5-preview-ba12ca94.0 → 0.8.0

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 0.8.0 (2024-10-28)
+
+
+### Features
+
+* **FF-5782:** sass use/forward approach ([3e53869](https://github.com/cloud-ru-tech/snack-uikit/commit/3e53869ace864a7718e434b7f410c15dbd911cd5))
+
+
+
+
+
+# 0.7.0 (2024-10-28)
+
+
+### Features
+
+* **FF-5502:** add cjs build ([ffada28](https://github.com/cloud-ru-tech/snack-uikit/commit/ffada28bfdc37ea760eb1c8759342e680bdf8dd6))
+
+
+
+
+
 ## 0.6.4 (2024-09-23)
 
 ### Only dependencies have been changed
@@ -255,7 +277,8 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 ## 0.1.1 (2023-04-07)
 
-**Note:** Version bump only for package @snack-uikit/counter
+### Only dependencies have been changed
+* [@snack-uikit/utils@3.5.0](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/utils/CHANGELOG.md)
 
 
 

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Counter",
-  "version": "0.6.5-preview-ba12ca94.0",
+  "version": "0.8.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -36,8 +36,8 @@
   "license": "Apache-2.0",
   "scripts": {},
   "dependencies": {
-    "@snack-uikit/utils": "3.4.1-preview-ba12ca94.0",
+    "@snack-uikit/utils": "3.5.0",
     "classnames": "2.3.2"
   },
-  "gitHead": "9ac0a3e5e530c09fa4dc050f9bc08d1849962129"
+  "gitHead": "8499829efa0c118b704de17411ae2328a024adb5"
 }

package/src/components/styles.module.scss

@@ -1,4 +1,4 @@
-@import '@snack-uikit/figma-tokens/build/scss/components/styles-tokens-counter';
+@use '@snack-uikit/figma-tokens/build/scss/components/styles-tokens-counter';
 
 $sizes: 's', 'm';
 $appearances: 'primary', 'neutral', 'red';
@@ -6,16 +6,16 @@ $variants: 'count', 'count-plus', 'count-k';
 $colors: 'accent', 'decor';
 
 $value-typography: (
-  s: $sans-label-s,
-  m: $sans-label-l,
+  s: styles-tokens-counter.$sans-label-s,
+  m: styles-tokens-counter.$sans-label-l,
 );
 $plus-typography: (
-  s: $sans-label-l,
-  m: $sans-label-l,
+  s: styles-tokens-counter.$sans-label-l,
+  m: styles-tokens-counter.$sans-label-l,
 );
 $key-typography: (
-  s: $sans-label-s,
-  m: $sans-label-l,
+  s: styles-tokens-counter.$sans-label-s,
+  m: styles-tokens-counter.$sans-label-l,
 );
 $text-color: (
   accent: 'on-accent',
@@ -41,12 +41,12 @@ $bg-color: (
     @each $appearance in $appearances {
       &[data-color='#{$color}'] {
         &[data-appearance='#{$appearance}'] {
-          $text: simple-var($text-color, $color);
-          $background: simple-var($bg-color, $color);
+          $text: styles-tokens-counter.simple-var($text-color, $color);
+          $background: styles-tokens-counter.simple-var($bg-color, $color);
 
-          color: simple-var($theme-variables, 'sys', $appearance, $text);
-          background-color: simple-var($theme-variables, 'sys', $appearance, $background);
-          border-color: $sys-neutral-background1-level;
+          color: styles-tokens-counter.simple-var(styles-tokens-counter.$theme-variables, 'sys', $appearance, $text);
+          background-color: styles-tokens-counter.simple-var(styles-tokens-counter.$theme-variables, 'sys', $appearance, $background);
+          border-color: styles-tokens-counter.$sys-neutral-background1-level;
         }
       }
     }
@@ -54,15 +54,15 @@ $bg-color: (
 
   @each $size in $sizes {
     &[data-size='#{$size}'] {
-      @include composite-var($value-typography, $size);
-      @include composite-var($counter, $size);
+      @include styles-tokens-counter.composite-var($value-typography, $size);
+      @include styles-tokens-counter.composite-var(styles-tokens-counter.$counter, $size);
 
       .plus {
-        @include composite-var($plus-typography, $size);
+        @include styles-tokens-counter.composite-var($plus-typography, $size);
       }
 
       .key {
-        @include composite-var($key-typography, $size);
+        @include styles-tokens-counter.composite-var($key-typography, $size);
       }
     }
   }