@snack-uikit/accordion 0.8.0 → 0.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/package.json +8 -8
  3. package/src/components/AccordionPrimary/styles.module.scss +4 -4
  4. package/src/components/AccordionSecondary/styles.module.scss +4 -4
  5. package/src/components/CollapseBlockPrimary/styles.module.scss +11 -11
  6. package/src/components/CollapseBlockSecondary/styles.module.scss +4 -4
  7. package/src/helperComponents/CollapseBlockHeader/styles.module.scss +4 -4
  8. package/src/helperComponents/CollapseBlockHeaderContainer/styles.module.scss +5 -5
package/CHANGELOG.md CHANGED
@@ -3,6 +3,17 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # 0.9.0 (2024-10-28)
7
+
8
+
9
+ ### Features
10
+
11
+ * **FF-5782:** sass use/forward approach ([3e53869](https://github.com/cloud-ru-tech/snack-uikit/commit/3e53869ace864a7718e434b7f410c15dbd911cd5))
12
+
13
+
14
+
15
+
16
+
6
17
  # 0.8.0 (2024-10-28)
7
18
 
8
19
 
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "access": "public"
5
5
  },
6
6
  "title": "Accordion",
7
- "version": "0.8.0",
7
+ "version": "0.9.0",
8
8
  "sideEffects": [
9
9
  "*.css",
10
10
  "*.woff",
@@ -36,12 +36,12 @@
36
36
  "license": "Apache-2.0",
37
37
  "scripts": {},
38
38
  "dependencies": {
39
- "@snack-uikit/button": "0.18.0",
40
- "@snack-uikit/icons": "0.23.0",
41
- "@snack-uikit/toggles": "0.11.0",
42
- "@snack-uikit/tooltip": "0.14.0",
43
- "@snack-uikit/truncate-string": "0.5.0",
44
- "@snack-uikit/typography": "0.7.0",
39
+ "@snack-uikit/button": "0.19.0",
40
+ "@snack-uikit/icons": "0.24.0",
41
+ "@snack-uikit/toggles": "0.12.0",
42
+ "@snack-uikit/tooltip": "0.15.0",
43
+ "@snack-uikit/truncate-string": "0.6.0",
44
+ "@snack-uikit/typography": "0.8.0",
45
45
  "@snack-uikit/utils": "3.5.0",
46
46
  "classnames": "2.3.2",
47
47
  "lodash.debounce": "4.0.8"
@@ -49,5 +49,5 @@
49
49
  "devDependencies": {
50
50
  "@types/lodash.debounce": "4.0.8"
51
51
  },
52
- "gitHead": "62cc21d8606a61a78f80e3a7455b20d6f38474fa"
52
+ "gitHead": "8499829efa0c118b704de17411ae2328a024adb5"
53
53
  }
package/src/components/AccordionPrimary/styles.module.scss CHANGED
@@ -1,10 +1,10 @@
1
- @import '@snack-uikit/figma-tokens/build/scss/components/styles-tokens-accordion';
1
+ @use '@snack-uikit/figma-tokens/build/scss/components/styles-tokens-accordion';
2
2
 
3
3
  .accordionPrimary {
4
- --accordion-header-padding-horizontal: #{$space-accordion-collapse-block-primary-horizontal-padding};
5
- --accordion-header-padding-vertical: #{$space-accordion-collapse-block-primary-vertical-padding};
4
+ --accordion-header-padding-horizontal: #{styles-tokens-accordion.$space-accordion-collapse-block-primary-horizontal-padding};
5
+ --accordion-header-padding-vertical: #{styles-tokens-accordion.$space-accordion-collapse-block-primary-vertical-padding};
6
6
 
7
- @include composite-var($accordion-primary);
7
+ @include styles-tokens-accordion.composite-var(styles-tokens-accordion.$accordion-primary);
8
8
 
9
9
  display: flex;
10
10
  flex-direction: column;
package/src/components/AccordionSecondary/styles.module.scss CHANGED
@@ -1,10 +1,10 @@
1
- @import '@snack-uikit/figma-tokens/build/scss/components/styles-tokens-accordion';
1
+ @use '@snack-uikit/figma-tokens/build/scss/components/styles-tokens-accordion';
2
2
 
3
3
  .accordionSecondary {
4
- --accordion-header-padding-horizontal: #{$space-accordion-collapse-block-secondary-horizontal-padding};
5
- --accordion-header-padding-vertical: #{$space-accordion-collapse-block-secondary-vertical-padding};
4
+ --accordion-header-padding-horizontal: #{styles-tokens-accordion.$space-accordion-collapse-block-secondary-horizontal-padding};
5
+ --accordion-header-padding-vertical: #{styles-tokens-accordion.$space-accordion-collapse-block-secondary-vertical-padding};
6
6
 
7
- @include composite-var($accordion-secondary);
7
+ @include styles-tokens-accordion.composite-var(styles-tokens-accordion.$accordion-secondary);
8
8
 
9
9
  display: flex;
10
10
  flex-direction: column;
package/src/components/CollapseBlockPrimary/styles.module.scss CHANGED
@@ -1,42 +1,42 @@
1
- @import '@snack-uikit/figma-tokens/build/scss/components/styles-tokens-accordion';
1
+ @use '@snack-uikit/figma-tokens/build/scss/components/styles-tokens-accordion';
2
2
 
3
3
  .containerBase {
4
4
  max-width: 100%;
5
- background-color: $sys-neutral-background1-level;
5
+ background-color: styles-tokens-accordion.$sys-neutral-background1-level;
6
6
 
7
7
  &:focus-within,
8
8
  &:hover {
9
- background-color: $sys-neutral-background2-level;
9
+ background-color: styles-tokens-accordion.$sys-neutral-background2-level;
10
10
  }
11
11
 
12
12
  &[data-shape='round'] {
13
- @include composite-var($collapse-block, 'container', 'shape-round');
13
+ @include styles-tokens-accordion.composite-var(styles-tokens-accordion.$collapse-block, 'container', 'shape-round');
14
14
  }
15
15
 
16
16
  &[data-shape='square'] {
17
- @include composite-var($collapse-block, 'container', 'shape-square');
17
+ @include styles-tokens-accordion.composite-var(styles-tokens-accordion.$collapse-block, 'container', 'shape-square');
18
18
  }
19
19
  }
20
20
 
21
21
  .container {
22
- @include composite-var($collapse-block-container-primary);
22
+ @include styles-tokens-accordion.composite-var(styles-tokens-accordion.$collapse-block-container-primary);
23
23
 
24
24
  &:focus-within,
25
25
  &:hover {
26
- box-shadow: $box-shadow-elevation-level2;
26
+ box-shadow: styles-tokens-accordion.$box-shadow-elevation-level2;
27
27
  }
28
28
  }
29
29
 
30
30
  .containerOutline {
31
- @include composite-var($collapse-block-container-primary);
31
+ @include styles-tokens-accordion.composite-var(styles-tokens-accordion.$collapse-block-container-primary);
32
32
 
33
33
  border-width: 0;
34
- outline-color: $sys-neutral-decor-default;
34
+ outline-color: styles-tokens-accordion.$sys-neutral-decor-default;
35
35
  outline-style: solid;
36
- outline-width: $border-width-accordion-collapse-block-primary;
36
+ outline-width: styles-tokens-accordion.$border-width-accordion-collapse-block-primary;
37
37
 
38
38
  &:focus-within,
39
39
  &:hover {
40
- outline-color: $sys-neutral-decor-hovered;
40
+ outline-color: styles-tokens-accordion.$sys-neutral-decor-hovered;
41
41
  }
42
42
  }
package/src/components/CollapseBlockSecondary/styles.module.scss CHANGED
@@ -1,18 +1,18 @@
1
- @import '@snack-uikit/figma-tokens/build/scss/components/styles-tokens-accordion';
1
+ @use '@snack-uikit/figma-tokens/build/scss/components/styles-tokens-accordion';
2
2
 
3
3
  .container {
4
- @include composite-var($collapse-block-container-secondary);
4
+ @include styles-tokens-accordion.composite-var(styles-tokens-accordion.$collapse-block-container-secondary);
5
5
 
6
6
  box-sizing: border-box;
7
7
  max-width: 100%;
8
8
 
9
- border-color: $sys-neutral-decor-default;
9
+ border-color: styles-tokens-accordion.$sys-neutral-decor-default;
10
10
  border-style: solid;
11
11
  border-top: 0;
12
12
  border-right: 0;
13
13
  border-left: 0;
14
14
 
15
15
  &:hover {
16
- border-color: $sys-neutral-accent-hovered;
16
+ border-color: styles-tokens-accordion.$sys-neutral-accent-hovered;
17
17
  }
18
18
  }
package/src/helperComponents/CollapseBlockHeader/styles.module.scss CHANGED
@@ -1,7 +1,7 @@
1
- @import '@snack-uikit/figma-tokens/build/scss/components/styles-tokens-accordion';
1
+ @use '@snack-uikit/figma-tokens/build/scss/components/styles-tokens-accordion';
2
2
 
3
3
  .headline {
4
- @include composite-var($collapse-block-container-header-headline);
4
+ @include styles-tokens-accordion.composite-var(styles-tokens-accordion.$collapse-block-container-header-headline);
5
5
 
6
6
  display: flex;
7
7
  align-items: center;
@@ -10,10 +10,10 @@
10
10
 
11
11
  .title {
12
12
  max-width: 100%;
13
- color: $sys-neutral-text-main;
13
+ color: styles-tokens-accordion.$sys-neutral-text-main;
14
14
  }
15
15
 
16
16
  .subtitle {
17
17
  max-width: 100%;
18
- color: $sys-neutral-text-support;
18
+ color: styles-tokens-accordion.$sys-neutral-text-support;
19
19
  }
package/src/helperComponents/CollapseBlockHeaderContainer/styles.module.scss CHANGED
@@ -1,4 +1,4 @@
1
- @import '@snack-uikit/figma-tokens/build/scss/components/styles-tokens-accordion';
1
+ @use '@snack-uikit/figma-tokens/build/scss/components/styles-tokens-accordion';
2
2
 
3
3
  .button {
4
4
  &[data-expanded] {
@@ -9,7 +9,7 @@
9
9
  }
10
10
 
11
11
  .header {
12
- @include composite-var($collapse-block-container-header-container);
12
+ @include styles-tokens-accordion.composite-var(styles-tokens-accordion.$collapse-block-container-header-container);
13
13
 
14
14
  cursor: pointer;
15
15
 
@@ -27,7 +27,7 @@
27
27
  &:hover {
28
28
  .button {
29
29
  span {
30
- color: $sys-neutral-accent-hovered;
30
+ color: styles-tokens-accordion.$sys-neutral-accent-hovered;
31
31
  }
32
32
  }
33
33
  }
@@ -36,11 +36,11 @@
36
36
  .text {
37
37
  display: flex;
38
38
  flex-direction: column;
39
- max-width: calc(100% - var(--width, 0px) - $space-accordion-collapse-block-title-gap);
39
+ max-width: calc(100% - var(--width, 0px) - styles-tokens-accordion.$space-accordion-collapse-block-title-gap);
40
40
  }
41
41
 
42
42
  .functionLayout {
43
- @include composite-var($collapse-block-container-header-function-layout);
43
+ @include styles-tokens-accordion.composite-var(styles-tokens-accordion.$collapse-block-container-header-function-layout);
44
44
 
45
45
  display: flex;
46
46
  flex-shrink: 0;