@cloud-ru/ds-tooltip 1.0.8 → 1.0.9

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 (10) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/dist/cjs/components/QuestionTooltip/styles.module.css +3 -3
  3. package/dist/cjs/components/Tooltip/styles.module.css +5 -5
  4. package/dist/cjs/style.css +8 -8
  5. package/dist/esm/components/QuestionTooltip/styles.module.css +3 -3
  6. package/dist/esm/components/Tooltip/styles.module.css +5 -5
  7. package/dist/esm/style.css +8 -8
  8. package/dist/tsconfig.cjs.tsbuildinfo +1 -1
  9. package/dist/tsconfig.esm.tsbuildinfo +1 -1
  10. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -3,6 +3,10 @@
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
+ ## 1.0.9 (2026-09-30)
7
+
8
+ **Note:** Version bump only for package @ds/tooltip
9
+
6
10
  ## 1.0.8 (2026-09-29)
7
11
 
8
12
  ### Bug Fixes
package/dist/cjs/components/QuestionTooltip/styles.module.css CHANGED
@@ -15,18 +15,18 @@
15
15
  padding:0;
16
16
  border:none;
17
17
  font:inherit;
18
- color:var(--sn-theme-color-available-version-textTertiary, var(--sn-brand-color-text-version-tertiary, rgba(65, 66, 78, 0.5490196078)));
18
+ color:var(--sn-theme-color-available-version-textTertiary, var(--sn-brand-color-text-version-tertiary, rgba(0, 0, 0, 0.5803921569)));
19
19
  background:transparent;
20
20
  }
21
21
  .button:focus-visible{
22
22
  outline:var(--sn-primitive-strokeWeight-strokeSemiBold, 2px) solid var(--sn-theme-color-available-complementary, #000000);
23
23
  }
24
24
  .button:active{
25
- color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #41424e));
25
+ color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #000000));
26
26
  }
27
27
  @media (hover: hover){
28
28
  .button:hover:not(:active){
29
- color:var(--sn-theme-color-available-version-textSecondary, var(--sn-brand-color-text-version-secondary, rgba(65, 66, 78, 0.8)));
29
+ color:var(--sn-theme-color-available-version-textSecondary, var(--sn-brand-color-text-version-secondary, rgba(0, 0, 0, 0.7803921569)));
30
30
  }
31
31
  }
32
32
  .button[data-size=xs]{
package/dist/cjs/components/Tooltip/styles.module.css CHANGED
@@ -3,12 +3,12 @@
3
3
  }
4
4
 
5
5
  .tooltipContainer{
6
- border-radius:var(--sn-tooltip-anatomy-container-borderRadius, var(--sn-brand-anatomy-radius-tooltip-xs, var(--sn-primitive-dimension-4, 4px)));
6
+ border-radius:var(--sn-tooltip-anatomy-container-borderRadius, var(--sn-brand-anatomy-radius-tooltip-xs, var(--sn-primitive-dimension-2, 2px)));
7
7
  padding:var(--sn-tooltip-anatomy-container-padding, var(--sn-brand-anatomy-spacing-tooltip-padding, var(--sn-primitive-dimension-8, 8px)));
8
8
  max-width:256px;
9
9
  min-width:var(--sn-tooltip-anatomy-container-minWidth, var(--sn-primitive-dimension-32, 32px));
10
10
  min-height:var(--sn-tooltip-anatomy-container-minHeight, var(--sn-primitive-dimension-32, 32px));
11
- font-family:var(--sn-regular-body-s-fontFamily, var(--sn-brand-font-fontFamily-regular-body, SB Sans Interface));
11
+ font-family:var(--sn-regular-body-s-fontFamily, var(--sn-brand-font-fontFamily-regular-body, SB Sans Text));
12
12
  font-weight:var(--sn-regular-body-s-fontWeight, var(--sn-theme-typography-fontWeight-regular-body-s, var(--sn-brand-font-fontWeight-light-regular-body-s, var(--sn-primitive-font-fontWeightValue-400, 400))));
13
13
  line-height:var(--sn-regular-body-s-lineHeight, var(--sn-density-typography-roleBody-lineHeightS, var(--sn-platform-comfort-typography-roleBody-lineHeightS, var(--sn-primitive-font-lineHeight-20, 20px))));
14
14
  font-size:var(--sn-regular-body-s-fontSize, var(--sn-density-typography-roleBody-fontSizeS, var(--sn-platform-comfort-typography-roleBody-fontSizeS, var(--sn-primitive-font-fontSize-14, 14px))));
@@ -17,9 +17,9 @@
17
17
  display:flex;
18
18
  flex-direction:column;
19
19
  box-sizing:border-box;
20
- color:var(--sn-theme-color-available-inversion-textMain, var(--sn-brand-color-text-inversion-main, #e6e8ef));
20
+ color:var(--sn-theme-color-available-inversion-textMain, var(--sn-brand-color-text-inversion-main, #ffffff));
21
21
  overflow-wrap:break-word;
22
- background:var(--sn-theme-color-invertNeutral-background2Level, var(--sn-brand-color-neutral-20, var(--sn-brand-palette-gray-20, #333342)));
22
+ background:var(--sn-theme-color-invertNeutral-background2Level, var(--sn-brand-color-neutral-20, var(--sn-brand-palette-gray-20, #252525)));
23
23
  }
24
24
  .tooltipContainer[data-disable-max-width=true]{
25
25
  max-width:calc(100vw - var(--sn-primitive-dimension-16, 16px));
@@ -30,7 +30,7 @@
30
30
  display:flex;
31
31
  align-items:center;
32
32
  justify-content:center;
33
- color:var(--sn-theme-color-invertNeutral-background2Level, var(--sn-brand-color-neutral-20, var(--sn-brand-palette-gray-20, #333342)));
33
+ color:var(--sn-theme-color-invertNeutral-background2Level, var(--sn-brand-color-neutral-20, var(--sn-brand-palette-gray-20, #252525)));
34
34
  }
35
35
 
36
36
  .pointerShape{
package/dist/cjs/style.css CHANGED
@@ -15,18 +15,18 @@
15
15
  padding:0;
16
16
  border:none;
17
17
  font:inherit;
18
- color:var(--sn-theme-color-available-version-textTertiary, var(--sn-brand-color-text-version-tertiary, rgba(65, 66, 78, 0.5490196078)));
18
+ color:var(--sn-theme-color-available-version-textTertiary, var(--sn-brand-color-text-version-tertiary, rgba(0, 0, 0, 0.5803921569)));
19
19
  background:transparent;
20
20
  }
21
21
  .button:focus-visible{
22
22
  outline:var(--sn-primitive-strokeWeight-strokeSemiBold, 2px) solid var(--sn-theme-color-available-complementary, #000000);
23
23
  }
24
24
  .button:active{
25
- color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #41424e));
25
+ color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #000000));
26
26
  }
27
27
  @media (hover: hover){
28
28
  .button:hover:not(:active){
29
- color:var(--sn-theme-color-available-version-textSecondary, var(--sn-brand-color-text-version-secondary, rgba(65, 66, 78, 0.8)));
29
+ color:var(--sn-theme-color-available-version-textSecondary, var(--sn-brand-color-text-version-secondary, rgba(0, 0, 0, 0.7803921569)));
30
30
  }
31
31
  }
32
32
  .button[data-size=xs]{
@@ -50,12 +50,12 @@
50
50
  }
51
51
 
52
52
  .tooltipContainer{
53
- border-radius:var(--sn-tooltip-anatomy-container-borderRadius, var(--sn-brand-anatomy-radius-tooltip-xs, var(--sn-primitive-dimension-4, 4px)));
53
+ border-radius:var(--sn-tooltip-anatomy-container-borderRadius, var(--sn-brand-anatomy-radius-tooltip-xs, var(--sn-primitive-dimension-2, 2px)));
54
54
  padding:var(--sn-tooltip-anatomy-container-padding, var(--sn-brand-anatomy-spacing-tooltip-padding, var(--sn-primitive-dimension-8, 8px)));
55
55
  max-width:256px;
56
56
  min-width:var(--sn-tooltip-anatomy-container-minWidth, var(--sn-primitive-dimension-32, 32px));
57
57
  min-height:var(--sn-tooltip-anatomy-container-minHeight, var(--sn-primitive-dimension-32, 32px));
58
- font-family:var(--sn-regular-body-s-fontFamily, var(--sn-brand-font-fontFamily-regular-body, SB Sans Interface));
58
+ font-family:var(--sn-regular-body-s-fontFamily, var(--sn-brand-font-fontFamily-regular-body, SB Sans Text));
59
59
  font-weight:var(--sn-regular-body-s-fontWeight, var(--sn-theme-typography-fontWeight-regular-body-s, var(--sn-brand-font-fontWeight-light-regular-body-s, var(--sn-primitive-font-fontWeightValue-400, 400))));
60
60
  line-height:var(--sn-regular-body-s-lineHeight, var(--sn-density-typography-roleBody-lineHeightS, var(--sn-platform-comfort-typography-roleBody-lineHeightS, var(--sn-primitive-font-lineHeight-20, 20px))));
61
61
  font-size:var(--sn-regular-body-s-fontSize, var(--sn-density-typography-roleBody-fontSizeS, var(--sn-platform-comfort-typography-roleBody-fontSizeS, var(--sn-primitive-font-fontSize-14, 14px))));
@@ -64,9 +64,9 @@
64
64
  display:flex;
65
65
  flex-direction:column;
66
66
  box-sizing:border-box;
67
- color:var(--sn-theme-color-available-inversion-textMain, var(--sn-brand-color-text-inversion-main, #e6e8ef));
67
+ color:var(--sn-theme-color-available-inversion-textMain, var(--sn-brand-color-text-inversion-main, #ffffff));
68
68
  overflow-wrap:break-word;
69
- background:var(--sn-theme-color-invertNeutral-background2Level, var(--sn-brand-color-neutral-20, var(--sn-brand-palette-gray-20, #333342)));
69
+ background:var(--sn-theme-color-invertNeutral-background2Level, var(--sn-brand-color-neutral-20, var(--sn-brand-palette-gray-20, #252525)));
70
70
  }
71
71
  .tooltipContainer[data-disable-max-width=true]{
72
72
  max-width:calc(100vw - var(--sn-primitive-dimension-16, 16px));
@@ -77,7 +77,7 @@
77
77
  display:flex;
78
78
  align-items:center;
79
79
  justify-content:center;
80
- color:var(--sn-theme-color-invertNeutral-background2Level, var(--sn-brand-color-neutral-20, var(--sn-brand-palette-gray-20, #333342)));
80
+ color:var(--sn-theme-color-invertNeutral-background2Level, var(--sn-brand-color-neutral-20, var(--sn-brand-palette-gray-20, #252525)));
81
81
  }
82
82
 
83
83
  .pointerShape{
package/dist/esm/components/QuestionTooltip/styles.module.css CHANGED
@@ -15,18 +15,18 @@
15
15
  padding:0;
16
16
  border:none;
17
17
  font:inherit;
18
- color:var(--sn-theme-color-available-version-textTertiary, var(--sn-brand-color-text-version-tertiary, rgba(65, 66, 78, 0.5490196078)));
18
+ color:var(--sn-theme-color-available-version-textTertiary, var(--sn-brand-color-text-version-tertiary, rgba(0, 0, 0, 0.5803921569)));
19
19
  background:transparent;
20
20
  }
21
21
  .button:focus-visible{
22
22
  outline:var(--sn-primitive-strokeWeight-strokeSemiBold, 2px) solid var(--sn-theme-color-available-complementary, #000000);
23
23
  }
24
24
  .button:active{
25
- color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #41424e));
25
+ color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #000000));
26
26
  }
27
27
  @media (hover: hover){
28
28
  .button:hover:not(:active){
29
- color:var(--sn-theme-color-available-version-textSecondary, var(--sn-brand-color-text-version-secondary, rgba(65, 66, 78, 0.8)));
29
+ color:var(--sn-theme-color-available-version-textSecondary, var(--sn-brand-color-text-version-secondary, rgba(0, 0, 0, 0.7803921569)));
30
30
  }
31
31
  }
32
32
  .button[data-size=xs]{
package/dist/esm/components/Tooltip/styles.module.css CHANGED
@@ -3,12 +3,12 @@
3
3
  }
4
4
 
5
5
  .tooltipContainer{
6
- border-radius:var(--sn-tooltip-anatomy-container-borderRadius, var(--sn-brand-anatomy-radius-tooltip-xs, var(--sn-primitive-dimension-4, 4px)));
6
+ border-radius:var(--sn-tooltip-anatomy-container-borderRadius, var(--sn-brand-anatomy-radius-tooltip-xs, var(--sn-primitive-dimension-2, 2px)));
7
7
  padding:var(--sn-tooltip-anatomy-container-padding, var(--sn-brand-anatomy-spacing-tooltip-padding, var(--sn-primitive-dimension-8, 8px)));
8
8
  max-width:256px;
9
9
  min-width:var(--sn-tooltip-anatomy-container-minWidth, var(--sn-primitive-dimension-32, 32px));
10
10
  min-height:var(--sn-tooltip-anatomy-container-minHeight, var(--sn-primitive-dimension-32, 32px));
11
- font-family:var(--sn-regular-body-s-fontFamily, var(--sn-brand-font-fontFamily-regular-body, SB Sans Interface));
11
+ font-family:var(--sn-regular-body-s-fontFamily, var(--sn-brand-font-fontFamily-regular-body, SB Sans Text));
12
12
  font-weight:var(--sn-regular-body-s-fontWeight, var(--sn-theme-typography-fontWeight-regular-body-s, var(--sn-brand-font-fontWeight-light-regular-body-s, var(--sn-primitive-font-fontWeightValue-400, 400))));
13
13
  line-height:var(--sn-regular-body-s-lineHeight, var(--sn-density-typography-roleBody-lineHeightS, var(--sn-platform-comfort-typography-roleBody-lineHeightS, var(--sn-primitive-font-lineHeight-20, 20px))));
14
14
  font-size:var(--sn-regular-body-s-fontSize, var(--sn-density-typography-roleBody-fontSizeS, var(--sn-platform-comfort-typography-roleBody-fontSizeS, var(--sn-primitive-font-fontSize-14, 14px))));
@@ -17,9 +17,9 @@
17
17
  display:flex;
18
18
  flex-direction:column;
19
19
  box-sizing:border-box;
20
- color:var(--sn-theme-color-available-inversion-textMain, var(--sn-brand-color-text-inversion-main, #e6e8ef));
20
+ color:var(--sn-theme-color-available-inversion-textMain, var(--sn-brand-color-text-inversion-main, #ffffff));
21
21
  overflow-wrap:break-word;
22
- background:var(--sn-theme-color-invertNeutral-background2Level, var(--sn-brand-color-neutral-20, var(--sn-brand-palette-gray-20, #333342)));
22
+ background:var(--sn-theme-color-invertNeutral-background2Level, var(--sn-brand-color-neutral-20, var(--sn-brand-palette-gray-20, #252525)));
23
23
  }
24
24
  .tooltipContainer[data-disable-max-width=true]{
25
25
  max-width:calc(100vw - var(--sn-primitive-dimension-16, 16px));
@@ -30,7 +30,7 @@
30
30
  display:flex;
31
31
  align-items:center;
32
32
  justify-content:center;
33
- color:var(--sn-theme-color-invertNeutral-background2Level, var(--sn-brand-color-neutral-20, var(--sn-brand-palette-gray-20, #333342)));
33
+ color:var(--sn-theme-color-invertNeutral-background2Level, var(--sn-brand-color-neutral-20, var(--sn-brand-palette-gray-20, #252525)));
34
34
  }
35
35
 
36
36
  .pointerShape{
package/dist/esm/style.css CHANGED
@@ -15,18 +15,18 @@
15
15
  padding:0;
16
16
  border:none;
17
17
  font:inherit;
18
- color:var(--sn-theme-color-available-version-textTertiary, var(--sn-brand-color-text-version-tertiary, rgba(65, 66, 78, 0.5490196078)));
18
+ color:var(--sn-theme-color-available-version-textTertiary, var(--sn-brand-color-text-version-tertiary, rgba(0, 0, 0, 0.5803921569)));
19
19
  background:transparent;
20
20
  }
21
21
  .button:focus-visible{
22
22
  outline:var(--sn-primitive-strokeWeight-strokeSemiBold, 2px) solid var(--sn-theme-color-available-complementary, #000000);
23
23
  }
24
24
  .button:active{
25
- color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #41424e));
25
+ color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #000000));
26
26
  }
27
27
  @media (hover: hover){
28
28
  .button:hover:not(:active){
29
- color:var(--sn-theme-color-available-version-textSecondary, var(--sn-brand-color-text-version-secondary, rgba(65, 66, 78, 0.8)));
29
+ color:var(--sn-theme-color-available-version-textSecondary, var(--sn-brand-color-text-version-secondary, rgba(0, 0, 0, 0.7803921569)));
30
30
  }
31
31
  }
32
32
  .button[data-size=xs]{
@@ -50,12 +50,12 @@
50
50
  }
51
51
 
52
52
  .tooltipContainer{
53
- border-radius:var(--sn-tooltip-anatomy-container-borderRadius, var(--sn-brand-anatomy-radius-tooltip-xs, var(--sn-primitive-dimension-4, 4px)));
53
+ border-radius:var(--sn-tooltip-anatomy-container-borderRadius, var(--sn-brand-anatomy-radius-tooltip-xs, var(--sn-primitive-dimension-2, 2px)));
54
54
  padding:var(--sn-tooltip-anatomy-container-padding, var(--sn-brand-anatomy-spacing-tooltip-padding, var(--sn-primitive-dimension-8, 8px)));
55
55
  max-width:256px;
56
56
  min-width:var(--sn-tooltip-anatomy-container-minWidth, var(--sn-primitive-dimension-32, 32px));
57
57
  min-height:var(--sn-tooltip-anatomy-container-minHeight, var(--sn-primitive-dimension-32, 32px));
58
- font-family:var(--sn-regular-body-s-fontFamily, var(--sn-brand-font-fontFamily-regular-body, SB Sans Interface));
58
+ font-family:var(--sn-regular-body-s-fontFamily, var(--sn-brand-font-fontFamily-regular-body, SB Sans Text));
59
59
  font-weight:var(--sn-regular-body-s-fontWeight, var(--sn-theme-typography-fontWeight-regular-body-s, var(--sn-brand-font-fontWeight-light-regular-body-s, var(--sn-primitive-font-fontWeightValue-400, 400))));
60
60
  line-height:var(--sn-regular-body-s-lineHeight, var(--sn-density-typography-roleBody-lineHeightS, var(--sn-platform-comfort-typography-roleBody-lineHeightS, var(--sn-primitive-font-lineHeight-20, 20px))));
61
61
  font-size:var(--sn-regular-body-s-fontSize, var(--sn-density-typography-roleBody-fontSizeS, var(--sn-platform-comfort-typography-roleBody-fontSizeS, var(--sn-primitive-font-fontSize-14, 14px))));
@@ -64,9 +64,9 @@
64
64
  display:flex;
65
65
  flex-direction:column;
66
66
  box-sizing:border-box;
67
- color:var(--sn-theme-color-available-inversion-textMain, var(--sn-brand-color-text-inversion-main, #e6e8ef));
67
+ color:var(--sn-theme-color-available-inversion-textMain, var(--sn-brand-color-text-inversion-main, #ffffff));
68
68
  overflow-wrap:break-word;
69
- background:var(--sn-theme-color-invertNeutral-background2Level, var(--sn-brand-color-neutral-20, var(--sn-brand-palette-gray-20, #333342)));
69
+ background:var(--sn-theme-color-invertNeutral-background2Level, var(--sn-brand-color-neutral-20, var(--sn-brand-palette-gray-20, #252525)));
70
70
  }
71
71
  .tooltipContainer[data-disable-max-width=true]{
72
72
  max-width:calc(100vw - var(--sn-primitive-dimension-16, 16px));
@@ -77,7 +77,7 @@
77
77
  display:flex;
78
78
  align-items:center;
79
79
  justify-content:center;
80
- color:var(--sn-theme-color-invertNeutral-background2Level, var(--sn-brand-color-neutral-20, var(--sn-brand-palette-gray-20, #333342)));
80
+ color:var(--sn-theme-color-invertNeutral-background2Level, var(--sn-brand-color-neutral-20, var(--sn-brand-palette-gray-20, #252525)));
81
81
  }
82
82
 
83
83
  .pointerShape{