@cloud-ru/ds-ai-suggestion 1.0.8-preview-22cea22e.0 → 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 +8 -0
  2. package/dist/cjs/AiSuggestionParent/styles.module.css +14 -14
  3. package/dist/cjs/AiSuggestionSimple/styles.module.css +14 -14
  4. package/dist/cjs/style.css +28 -28
  5. package/dist/esm/AiSuggestionParent/styles.module.css +14 -14
  6. package/dist/esm/AiSuggestionSimple/styles.module.css +14 -14
  7. package/dist/esm/style.css +28 -28
  8. package/dist/tsconfig.cjs.tsbuildinfo +1 -1
  9. package/dist/tsconfig.esm.tsbuildinfo +1 -1
  10. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -3,6 +3,14 @@
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/ai-suggestion
9
+
10
+ ## 1.0.8 (2026-09-29)
11
+
12
+ **Note:** Version bump only for package @ds/ai-suggestion
13
+
6
14
  ## 1.0.7 (2026-09-28)
7
15
 
8
16
  **Note:** Version bump only for package @ds/ai-suggestion
package/dist/cjs/AiSuggestionParent/styles.module.css CHANGED
@@ -41,11 +41,11 @@
41
41
  box-sizing:border-box;
42
42
  margin:0;
43
43
  padding:0;
44
- border:var(--sn-primitive-strokeWeight-strokeRegular, 1px) solid var(--sn-theme-color-material-stateLayer-neutral-border-default-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(159, 166, 198, 0.3019607843)));
44
+ border:var(--sn-primitive-strokeWeight-strokeRegular, 1px) solid var(--sn-theme-color-material-stateLayer-neutral-border-default-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(0, 0, 0, 0.1411764706)));
45
45
  border-radius:var(--sn-primitive-dimension-full, 10000px);
46
46
  font-family:inherit;
47
47
  text-decoration:none;
48
- background-color:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #fdfdfd)));
48
+ background-color:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #ffffff)));
49
49
  outline:0;
50
50
  outline-offset:0;
51
51
  transition:background-color 450ms cubic-bezier(1, 0, 0.26, 0.7), border-color 450ms cubic-bezier(1, 0, 0.26, 0.7), color 450ms cubic-bezier(1, 0, 0.26, 0.7), outline-color 120ms ease;
@@ -53,40 +53,40 @@
53
53
  .chip .icon,
54
54
  .chip .label,
55
55
  .chip .chevron{
56
- color:var(--sn-theme-color-neutral-text, var(--sn-brand-color-neutral-40, var(--sn-brand-palette-gray-40, #81869c)));
56
+ color:var(--sn-theme-color-neutral-text, var(--sn-brand-color-neutral-40, var(--sn-brand-palette-gray-40, #4a4a4a)));
57
57
  }
58
58
  .chip:disabled{
59
59
  cursor:not-allowed;
60
60
  opacity:var(--sn-theme-effect-opacity-disabled, 0.4);
61
61
  }
62
62
  .chip:not(:disabled):focus-visible{
63
- outline:var(--sn-primitive-strokeWeight-strokeSemiBold, 2px) solid var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #389f74));
63
+ outline:var(--sn-primitive-strokeWeight-strokeSemiBold, 2px) solid var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #222222));
64
64
  outline-offset:0;
65
65
  }
66
66
  .chip[data-activated]{
67
- border-color:var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #389f74));
68
- background-color:var(--sn-theme-color-primary-background1Level, var(--sn-brand-color-primary-95, #f5fdf8));
67
+ border-color:var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #222222));
68
+ background-color:var(--sn-theme-color-primary-background1Level, var(--sn-brand-color-primary-95, #f8f8f8));
69
69
  transition:background-color 450ms cubic-bezier(0.7, 0.26, 0, 1.58), border-color 450ms cubic-bezier(0.7, 0.26, 0, 1.58), color 450ms cubic-bezier(0.7, 0.26, 0, 1.58), outline-color 120ms ease;
70
70
  }
71
71
  .chip[data-activated] .icon,
72
72
  .chip[data-activated] .label,
73
73
  .chip[data-activated] .chevron{
74
- color:var(--sn-theme-color-primary-text, var(--sn-brand-color-primary-40, #22775b));
74
+ color:var(--sn-theme-color-primary-text, var(--sn-brand-color-primary-40, #0d0d0d));
75
75
  }
76
76
  @media (hover: hover){
77
77
  .chip[data-activated]:hover:not(:disabled){
78
- border-color:color-mix(in srgb, var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #389f74)) 80%, transparent);
79
- background-color:var(--sn-theme-color-primary-background2Level, var(--sn-brand-color-primary-99, #fbfffc));
78
+ border-color:color-mix(in srgb, var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #222222)) 80%, transparent);
79
+ background-color:var(--sn-theme-color-primary-background2Level, var(--sn-brand-color-primary-99, #ffffff));
80
80
  }
81
81
  }
82
82
  @media (hover: hover){
83
83
  .chip:not([data-activated], :disabled):hover{
84
- border-color:var(--sn-theme-color-material-stateLayer-neutral-border-hovered-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-hovered-borderColor, rgba(159, 166, 198, 0.6509803922)));
84
+ border-color:var(--sn-theme-color-material-stateLayer-neutral-border-hovered-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-hovered-borderColor, rgba(0, 0, 0, 0.2392156863)));
85
85
  }
86
86
  }
87
87
  .chip[data-size=s]{
88
- font-family:var(--sn-regular-label-m-fontFamily, var(--sn-brand-font-fontFamily-regular-label, SB Sans Interface));
89
- font-weight:var(--sn-regular-label-m-fontWeight, var(--sn-theme-typography-fontWeight-regular-label-m, var(--sn-brand-font-fontWeight-light-regular-label-m, var(--sn-primitive-font-fontWeightValue-550, 550))));
88
+ font-family:var(--sn-regular-label-m-fontFamily, var(--sn-brand-font-fontFamily-regular-label, SB Sans Text));
89
+ font-weight:var(--sn-regular-label-m-fontWeight, var(--sn-theme-typography-fontWeight-regular-label-m, var(--sn-brand-font-fontWeight-light-regular-label-m, var(--sn-primitive-font-fontWeightValue-500, 500))));
90
90
  line-height:var(--sn-regular-label-m-lineHeight, var(--sn-density-typography-roleLabel-lineHeightM, var(--sn-platform-comfort-typography-roleLabel-lineHeightM, var(--sn-primitive-font-lineHeight-20, 20px))));
91
91
  font-size:var(--sn-regular-label-m-fontSize, var(--sn-density-typography-roleLabel-fontSizeM, var(--sn-platform-comfort-typography-roleLabel-fontSizeM, var(--sn-primitive-font-fontSize-14, 14px))));
92
92
  letter-spacing:var(--sn-regular-label-m-letterSpacing, var(--sn-primitive-font-letterSpacing-s, 0px));
@@ -111,8 +111,8 @@
111
111
  padding-inline:var(--sn-primitive-dimension-4, 4px) var(--sn-primitive-dimension-0, 0px);
112
112
  }
113
113
  .chip[data-size=m]{
114
- font-family:var(--sn-regular-label-l-fontFamily, var(--sn-brand-font-fontFamily-regular-label, SB Sans Interface));
115
- font-weight:var(--sn-regular-label-l-fontWeight, var(--sn-theme-typography-fontWeight-regular-label-l, var(--sn-brand-font-fontWeight-light-regular-label-l, var(--sn-primitive-font-fontWeightValue-550, 550))));
114
+ font-family:var(--sn-regular-label-l-fontFamily, var(--sn-brand-font-fontFamily-regular-label, SB Sans Text));
115
+ font-weight:var(--sn-regular-label-l-fontWeight, var(--sn-theme-typography-fontWeight-regular-label-l, var(--sn-brand-font-fontWeight-light-regular-label-l, var(--sn-primitive-font-fontWeightValue-500, 500))));
116
116
  line-height:var(--sn-regular-label-l-lineHeight, var(--sn-density-typography-roleLabel-lineHeightL, var(--sn-platform-comfort-typography-roleLabel-lineHeightL, var(--sn-primitive-font-lineHeight-24, 24px))));
117
117
  font-size:var(--sn-regular-label-l-fontSize, var(--sn-density-typography-roleLabel-fontSizeL, var(--sn-platform-comfort-typography-roleLabel-fontSizeL, var(--sn-primitive-font-fontSize-16, 16px))));
118
118
  letter-spacing:var(--sn-regular-label-l-letterSpacing, var(--sn-primitive-font-letterSpacing-s, 0px));
package/dist/cjs/AiSuggestionSimple/styles.module.css CHANGED
@@ -33,12 +33,12 @@
33
33
  }
34
34
  .chip:focus-visible{
35
35
  background-color:transparent;
36
- outline:var(--sn-primitive-strokeWeight-strokeSemiBold, 2px) solid var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #389f74));
36
+ outline:var(--sn-primitive-strokeWeight-strokeSemiBold, 2px) solid var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #222222));
37
37
  outline-offset:var(--sn-primitive-dimension-2, 2px);
38
38
  }
39
39
  .chip[data-size=s]{
40
- font-family:var(--sn-regular-label-m-fontFamily, var(--sn-brand-font-fontFamily-regular-label, SB Sans Interface));
41
- font-weight:var(--sn-regular-label-m-fontWeight, var(--sn-theme-typography-fontWeight-regular-label-m, var(--sn-brand-font-fontWeight-light-regular-label-m, var(--sn-primitive-font-fontWeightValue-550, 550))));
40
+ font-family:var(--sn-regular-label-m-fontFamily, var(--sn-brand-font-fontFamily-regular-label, SB Sans Text));
41
+ font-weight:var(--sn-regular-label-m-fontWeight, var(--sn-theme-typography-fontWeight-regular-label-m, var(--sn-brand-font-fontWeight-light-regular-label-m, var(--sn-primitive-font-fontWeightValue-500, 500))));
42
42
  line-height:var(--sn-regular-label-m-lineHeight, var(--sn-density-typography-roleLabel-lineHeightM, var(--sn-platform-comfort-typography-roleLabel-lineHeightM, var(--sn-primitive-font-lineHeight-20, 20px))));
43
43
  font-size:var(--sn-regular-label-m-fontSize, var(--sn-density-typography-roleLabel-fontSizeM, var(--sn-platform-comfort-typography-roleLabel-fontSizeM, var(--sn-primitive-font-fontSize-14, 14px))));
44
44
  letter-spacing:var(--sn-regular-label-m-letterSpacing, var(--sn-primitive-font-letterSpacing-s, 0px));
@@ -62,8 +62,8 @@
62
62
  padding-inline:var(--sn-primitive-dimension-4, 4px);
63
63
  }
64
64
  .chip[data-size=m]{
65
- font-family:var(--sn-regular-label-l-fontFamily, var(--sn-brand-font-fontFamily-regular-label, SB Sans Interface));
66
- font-weight:var(--sn-regular-label-l-fontWeight, var(--sn-theme-typography-fontWeight-regular-label-l, var(--sn-brand-font-fontWeight-light-regular-label-l, var(--sn-primitive-font-fontWeightValue-550, 550))));
65
+ font-family:var(--sn-regular-label-l-fontFamily, var(--sn-brand-font-fontFamily-regular-label, SB Sans Text));
66
+ font-weight:var(--sn-regular-label-l-fontWeight, var(--sn-theme-typography-fontWeight-regular-label-l, var(--sn-brand-font-fontWeight-light-regular-label-l, var(--sn-primitive-font-fontWeightValue-500, 500))));
67
67
  line-height:var(--sn-regular-label-l-lineHeight, var(--sn-density-typography-roleLabel-lineHeightL, var(--sn-platform-comfort-typography-roleLabel-lineHeightL, var(--sn-primitive-font-lineHeight-24, 24px))));
68
68
  font-size:var(--sn-regular-label-l-fontSize, var(--sn-density-typography-roleLabel-fontSizeL, var(--sn-platform-comfort-typography-roleLabel-fontSizeL, var(--sn-primitive-font-fontSize-16, 16px))));
69
69
  letter-spacing:var(--sn-regular-label-l-letterSpacing, var(--sn-primitive-font-letterSpacing-s, 0px));
@@ -90,35 +90,35 @@
90
90
  background-color:var(--sn-theme-color-primary-background1Level);
91
91
  }
92
92
  .chip[data-appearance=primary]{
93
- border-color:var(--sn-theme-color-material-stateLayer-activated-default-filled, var(--sn-brand-color-state-activated-default-background, rgba(56, 159, 116, 0.1019607843)));
93
+ border-color:var(--sn-theme-color-material-stateLayer-activated-default-filled, var(--sn-brand-color-state-activated-default-background, rgba(128, 128, 128, 0.1607843137)));
94
94
  }
95
95
  .chip[data-appearance=primary] .icon,
96
96
  .chip[data-appearance=primary] .label{
97
- color:var(--sn-theme-color-primary-text, var(--sn-brand-color-primary-40, #22775b));
97
+ color:var(--sn-theme-color-primary-text, var(--sn-brand-color-primary-40, #0d0d0d));
98
98
  }
99
99
  @media (hover: hover){
100
100
  .chip[data-appearance=primary]:hover:not(:disabled, [data-disabled]){
101
- border-color:var(--sn-theme-color-material-stateLayer-activated-hovered-filled, var(--sn-brand-color-state-activated-hovered-background, rgba(56, 159, 116, 0.2)));
102
- background-color:var(--sn-theme-color-primary-background1Level, var(--sn-brand-color-primary-95, #f5fdf8));
101
+ border-color:var(--sn-theme-color-material-stateLayer-activated-hovered-filled, var(--sn-brand-color-state-activated-hovered-background, rgba(128, 128, 128, 0.2392156863)));
102
+ background-color:var(--sn-theme-color-primary-background1Level, var(--sn-brand-color-primary-95, #f8f8f8));
103
103
  }
104
104
  }
105
105
  .chip:focus-visible{
106
106
  background-color:var(--sn-theme-color-neutral-background1Level);
107
107
  }
108
108
  .chip[data-appearance=neutral]{
109
- border-color:var(--sn-theme-color-material-stateLayer-neutral-border-default-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(159, 166, 198, 0.3019607843)));
109
+ border-color:var(--sn-theme-color-material-stateLayer-neutral-border-default-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(0, 0, 0, 0.1411764706)));
110
110
  }
111
111
  .chip[data-appearance=neutral] .icon,
112
112
  .chip[data-appearance=neutral] .label{
113
- color:var(--sn-theme-color-neutral-text, var(--sn-brand-color-neutral-40, var(--sn-brand-palette-gray-40, #81869c)));
113
+ color:var(--sn-theme-color-neutral-text, var(--sn-brand-color-neutral-40, var(--sn-brand-palette-gray-40, #4a4a4a)));
114
114
  }
115
115
  @media (hover: hover){
116
116
  .chip[data-appearance=neutral]:hover:not(:disabled, [data-disabled]){
117
- border-color:var(--sn-theme-color-material-stateLayer-neutral-border-hovered-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-hovered-borderColor, rgba(159, 166, 198, 0.6509803922)));
118
- background-color:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #fdfdfd)));
117
+ border-color:var(--sn-theme-color-material-stateLayer-neutral-border-hovered-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-hovered-borderColor, rgba(0, 0, 0, 0.2392156863)));
118
+ background-color:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #ffffff)));
119
119
  }
120
120
  .chip[data-appearance=neutral]:hover:not(:disabled, [data-disabled]) .icon, .chip[data-appearance=neutral]:hover:not(:disabled, [data-disabled]) .label{
121
- color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #41424e));
121
+ color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #000000));
122
122
  }
123
123
  }
124
124
 
package/dist/cjs/style.css CHANGED
@@ -64,11 +64,11 @@
64
64
  box-sizing:border-box;
65
65
  margin:0;
66
66
  padding:0;
67
- border:var(--sn-primitive-strokeWeight-strokeRegular, 1px) solid var(--sn-theme-color-material-stateLayer-neutral-border-default-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(159, 166, 198, 0.3019607843)));
67
+ border:var(--sn-primitive-strokeWeight-strokeRegular, 1px) solid var(--sn-theme-color-material-stateLayer-neutral-border-default-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(0, 0, 0, 0.1411764706)));
68
68
  border-radius:var(--sn-primitive-dimension-full, 10000px);
69
69
  font-family:inherit;
70
70
  text-decoration:none;
71
- background-color:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #fdfdfd)));
71
+ background-color:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #ffffff)));
72
72
  outline:0;
73
73
  outline-offset:0;
74
74
  transition:background-color 450ms cubic-bezier(1, 0, 0.26, 0.7), border-color 450ms cubic-bezier(1, 0, 0.26, 0.7), color 450ms cubic-bezier(1, 0, 0.26, 0.7), outline-color 120ms ease;
@@ -76,40 +76,40 @@
76
76
  .chip .icon,
77
77
  .chip .label,
78
78
  .chip .chevron{
79
- color:var(--sn-theme-color-neutral-text, var(--sn-brand-color-neutral-40, var(--sn-brand-palette-gray-40, #81869c)));
79
+ color:var(--sn-theme-color-neutral-text, var(--sn-brand-color-neutral-40, var(--sn-brand-palette-gray-40, #4a4a4a)));
80
80
  }
81
81
  .chip:disabled{
82
82
  cursor:not-allowed;
83
83
  opacity:var(--sn-theme-effect-opacity-disabled, 0.4);
84
84
  }
85
85
  .chip:not(:disabled):focus-visible{
86
- outline:var(--sn-primitive-strokeWeight-strokeSemiBold, 2px) solid var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #389f74));
86
+ outline:var(--sn-primitive-strokeWeight-strokeSemiBold, 2px) solid var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #222222));
87
87
  outline-offset:0;
88
88
  }
89
89
  .chip[data-activated]{
90
- border-color:var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #389f74));
91
- background-color:var(--sn-theme-color-primary-background1Level, var(--sn-brand-color-primary-95, #f5fdf8));
90
+ border-color:var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #222222));
91
+ background-color:var(--sn-theme-color-primary-background1Level, var(--sn-brand-color-primary-95, #f8f8f8));
92
92
  transition:background-color 450ms cubic-bezier(0.7, 0.26, 0, 1.58), border-color 450ms cubic-bezier(0.7, 0.26, 0, 1.58), color 450ms cubic-bezier(0.7, 0.26, 0, 1.58), outline-color 120ms ease;
93
93
  }
94
94
  .chip[data-activated] .icon,
95
95
  .chip[data-activated] .label,
96
96
  .chip[data-activated] .chevron{
97
- color:var(--sn-theme-color-primary-text, var(--sn-brand-color-primary-40, #22775b));
97
+ color:var(--sn-theme-color-primary-text, var(--sn-brand-color-primary-40, #0d0d0d));
98
98
  }
99
99
  @media (hover: hover){
100
100
  .chip[data-activated]:hover:not(:disabled){
101
- border-color:color-mix(in srgb, var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #389f74)) 80%, transparent);
102
- background-color:var(--sn-theme-color-primary-background2Level, var(--sn-brand-color-primary-99, #fbfffc));
101
+ border-color:color-mix(in srgb, var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #222222)) 80%, transparent);
102
+ background-color:var(--sn-theme-color-primary-background2Level, var(--sn-brand-color-primary-99, #ffffff));
103
103
  }
104
104
  }
105
105
  @media (hover: hover){
106
106
  .chip:not([data-activated], :disabled):hover{
107
- border-color:var(--sn-theme-color-material-stateLayer-neutral-border-hovered-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-hovered-borderColor, rgba(159, 166, 198, 0.6509803922)));
107
+ border-color:var(--sn-theme-color-material-stateLayer-neutral-border-hovered-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-hovered-borderColor, rgba(0, 0, 0, 0.2392156863)));
108
108
  }
109
109
  }
110
110
  .chip[data-size=s]{
111
- font-family:var(--sn-regular-label-m-fontFamily, var(--sn-brand-font-fontFamily-regular-label, SB Sans Interface));
112
- font-weight:var(--sn-regular-label-m-fontWeight, var(--sn-theme-typography-fontWeight-regular-label-m, var(--sn-brand-font-fontWeight-light-regular-label-m, var(--sn-primitive-font-fontWeightValue-550, 550))));
111
+ font-family:var(--sn-regular-label-m-fontFamily, var(--sn-brand-font-fontFamily-regular-label, SB Sans Text));
112
+ font-weight:var(--sn-regular-label-m-fontWeight, var(--sn-theme-typography-fontWeight-regular-label-m, var(--sn-brand-font-fontWeight-light-regular-label-m, var(--sn-primitive-font-fontWeightValue-500, 500))));
113
113
  line-height:var(--sn-regular-label-m-lineHeight, var(--sn-density-typography-roleLabel-lineHeightM, var(--sn-platform-comfort-typography-roleLabel-lineHeightM, var(--sn-primitive-font-lineHeight-20, 20px))));
114
114
  font-size:var(--sn-regular-label-m-fontSize, var(--sn-density-typography-roleLabel-fontSizeM, var(--sn-platform-comfort-typography-roleLabel-fontSizeM, var(--sn-primitive-font-fontSize-14, 14px))));
115
115
  letter-spacing:var(--sn-regular-label-m-letterSpacing, var(--sn-primitive-font-letterSpacing-s, 0px));
@@ -134,8 +134,8 @@
134
134
  padding-inline:var(--sn-primitive-dimension-4, 4px) var(--sn-primitive-dimension-0, 0px);
135
135
  }
136
136
  .chip[data-size=m]{
137
- font-family:var(--sn-regular-label-l-fontFamily, var(--sn-brand-font-fontFamily-regular-label, SB Sans Interface));
138
- font-weight:var(--sn-regular-label-l-fontWeight, var(--sn-theme-typography-fontWeight-regular-label-l, var(--sn-brand-font-fontWeight-light-regular-label-l, var(--sn-primitive-font-fontWeightValue-550, 550))));
137
+ font-family:var(--sn-regular-label-l-fontFamily, var(--sn-brand-font-fontFamily-regular-label, SB Sans Text));
138
+ font-weight:var(--sn-regular-label-l-fontWeight, var(--sn-theme-typography-fontWeight-regular-label-l, var(--sn-brand-font-fontWeight-light-regular-label-l, var(--sn-primitive-font-fontWeightValue-500, 500))));
139
139
  line-height:var(--sn-regular-label-l-lineHeight, var(--sn-density-typography-roleLabel-lineHeightL, var(--sn-platform-comfort-typography-roleLabel-lineHeightL, var(--sn-primitive-font-lineHeight-24, 24px))));
140
140
  font-size:var(--sn-regular-label-l-fontSize, var(--sn-density-typography-roleLabel-fontSizeL, var(--sn-platform-comfort-typography-roleLabel-fontSizeL, var(--sn-primitive-font-fontSize-16, 16px))));
141
141
  letter-spacing:var(--sn-regular-label-l-letterSpacing, var(--sn-primitive-font-letterSpacing-s, 0px));
@@ -212,12 +212,12 @@
212
212
  }
213
213
  .chip:focus-visible{
214
214
  background-color:transparent;
215
- outline:var(--sn-primitive-strokeWeight-strokeSemiBold, 2px) solid var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #389f74));
215
+ outline:var(--sn-primitive-strokeWeight-strokeSemiBold, 2px) solid var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #222222));
216
216
  outline-offset:var(--sn-primitive-dimension-2, 2px);
217
217
  }
218
218
  .chip[data-size=s]{
219
- font-family:var(--sn-regular-label-m-fontFamily, var(--sn-brand-font-fontFamily-regular-label, SB Sans Interface));
220
- font-weight:var(--sn-regular-label-m-fontWeight, var(--sn-theme-typography-fontWeight-regular-label-m, var(--sn-brand-font-fontWeight-light-regular-label-m, var(--sn-primitive-font-fontWeightValue-550, 550))));
219
+ font-family:var(--sn-regular-label-m-fontFamily, var(--sn-brand-font-fontFamily-regular-label, SB Sans Text));
220
+ font-weight:var(--sn-regular-label-m-fontWeight, var(--sn-theme-typography-fontWeight-regular-label-m, var(--sn-brand-font-fontWeight-light-regular-label-m, var(--sn-primitive-font-fontWeightValue-500, 500))));
221
221
  line-height:var(--sn-regular-label-m-lineHeight, var(--sn-density-typography-roleLabel-lineHeightM, var(--sn-platform-comfort-typography-roleLabel-lineHeightM, var(--sn-primitive-font-lineHeight-20, 20px))));
222
222
  font-size:var(--sn-regular-label-m-fontSize, var(--sn-density-typography-roleLabel-fontSizeM, var(--sn-platform-comfort-typography-roleLabel-fontSizeM, var(--sn-primitive-font-fontSize-14, 14px))));
223
223
  letter-spacing:var(--sn-regular-label-m-letterSpacing, var(--sn-primitive-font-letterSpacing-s, 0px));
@@ -241,8 +241,8 @@
241
241
  padding-inline:var(--sn-primitive-dimension-4, 4px);
242
242
  }
243
243
  .chip[data-size=m]{
244
- font-family:var(--sn-regular-label-l-fontFamily, var(--sn-brand-font-fontFamily-regular-label, SB Sans Interface));
245
- font-weight:var(--sn-regular-label-l-fontWeight, var(--sn-theme-typography-fontWeight-regular-label-l, var(--sn-brand-font-fontWeight-light-regular-label-l, var(--sn-primitive-font-fontWeightValue-550, 550))));
244
+ font-family:var(--sn-regular-label-l-fontFamily, var(--sn-brand-font-fontFamily-regular-label, SB Sans Text));
245
+ font-weight:var(--sn-regular-label-l-fontWeight, var(--sn-theme-typography-fontWeight-regular-label-l, var(--sn-brand-font-fontWeight-light-regular-label-l, var(--sn-primitive-font-fontWeightValue-500, 500))));
246
246
  line-height:var(--sn-regular-label-l-lineHeight, var(--sn-density-typography-roleLabel-lineHeightL, var(--sn-platform-comfort-typography-roleLabel-lineHeightL, var(--sn-primitive-font-lineHeight-24, 24px))));
247
247
  font-size:var(--sn-regular-label-l-fontSize, var(--sn-density-typography-roleLabel-fontSizeL, var(--sn-platform-comfort-typography-roleLabel-fontSizeL, var(--sn-primitive-font-fontSize-16, 16px))));
248
248
  letter-spacing:var(--sn-regular-label-l-letterSpacing, var(--sn-primitive-font-letterSpacing-s, 0px));
@@ -269,35 +269,35 @@
269
269
  background-color:var(--sn-theme-color-primary-background1Level);
270
270
  }
271
271
  .chip[data-appearance=primary]{
272
- border-color:var(--sn-theme-color-material-stateLayer-activated-default-filled, var(--sn-brand-color-state-activated-default-background, rgba(56, 159, 116, 0.1019607843)));
272
+ border-color:var(--sn-theme-color-material-stateLayer-activated-default-filled, var(--sn-brand-color-state-activated-default-background, rgba(128, 128, 128, 0.1607843137)));
273
273
  }
274
274
  .chip[data-appearance=primary] .icon,
275
275
  .chip[data-appearance=primary] .label{
276
- color:var(--sn-theme-color-primary-text, var(--sn-brand-color-primary-40, #22775b));
276
+ color:var(--sn-theme-color-primary-text, var(--sn-brand-color-primary-40, #0d0d0d));
277
277
  }
278
278
  @media (hover: hover){
279
279
  .chip[data-appearance=primary]:hover:not(:disabled, [data-disabled]){
280
- border-color:var(--sn-theme-color-material-stateLayer-activated-hovered-filled, var(--sn-brand-color-state-activated-hovered-background, rgba(56, 159, 116, 0.2)));
281
- background-color:var(--sn-theme-color-primary-background1Level, var(--sn-brand-color-primary-95, #f5fdf8));
280
+ border-color:var(--sn-theme-color-material-stateLayer-activated-hovered-filled, var(--sn-brand-color-state-activated-hovered-background, rgba(128, 128, 128, 0.2392156863)));
281
+ background-color:var(--sn-theme-color-primary-background1Level, var(--sn-brand-color-primary-95, #f8f8f8));
282
282
  }
283
283
  }
284
284
  .chip:focus-visible{
285
285
  background-color:var(--sn-theme-color-neutral-background1Level);
286
286
  }
287
287
  .chip[data-appearance=neutral]{
288
- border-color:var(--sn-theme-color-material-stateLayer-neutral-border-default-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(159, 166, 198, 0.3019607843)));
288
+ border-color:var(--sn-theme-color-material-stateLayer-neutral-border-default-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(0, 0, 0, 0.1411764706)));
289
289
  }
290
290
  .chip[data-appearance=neutral] .icon,
291
291
  .chip[data-appearance=neutral] .label{
292
- color:var(--sn-theme-color-neutral-text, var(--sn-brand-color-neutral-40, var(--sn-brand-palette-gray-40, #81869c)));
292
+ color:var(--sn-theme-color-neutral-text, var(--sn-brand-color-neutral-40, var(--sn-brand-palette-gray-40, #4a4a4a)));
293
293
  }
294
294
  @media (hover: hover){
295
295
  .chip[data-appearance=neutral]:hover:not(:disabled, [data-disabled]){
296
- border-color:var(--sn-theme-color-material-stateLayer-neutral-border-hovered-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-hovered-borderColor, rgba(159, 166, 198, 0.6509803922)));
297
- background-color:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #fdfdfd)));
296
+ border-color:var(--sn-theme-color-material-stateLayer-neutral-border-hovered-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-hovered-borderColor, rgba(0, 0, 0, 0.2392156863)));
297
+ background-color:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #ffffff)));
298
298
  }
299
299
  .chip[data-appearance=neutral]:hover:not(:disabled, [data-disabled]) .icon, .chip[data-appearance=neutral]:hover:not(:disabled, [data-disabled]) .label{
300
- color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #41424e));
300
+ color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #000000));
301
301
  }
302
302
  }
303
303
 
package/dist/esm/AiSuggestionParent/styles.module.css CHANGED
@@ -41,11 +41,11 @@
41
41
  box-sizing:border-box;
42
42
  margin:0;
43
43
  padding:0;
44
- border:var(--sn-primitive-strokeWeight-strokeRegular, 1px) solid var(--sn-theme-color-material-stateLayer-neutral-border-default-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(159, 166, 198, 0.3019607843)));
44
+ border:var(--sn-primitive-strokeWeight-strokeRegular, 1px) solid var(--sn-theme-color-material-stateLayer-neutral-border-default-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(0, 0, 0, 0.1411764706)));
45
45
  border-radius:var(--sn-primitive-dimension-full, 10000px);
46
46
  font-family:inherit;
47
47
  text-decoration:none;
48
- background-color:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #fdfdfd)));
48
+ background-color:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #ffffff)));
49
49
  outline:0;
50
50
  outline-offset:0;
51
51
  transition:background-color 450ms cubic-bezier(1, 0, 0.26, 0.7), border-color 450ms cubic-bezier(1, 0, 0.26, 0.7), color 450ms cubic-bezier(1, 0, 0.26, 0.7), outline-color 120ms ease;
@@ -53,40 +53,40 @@
53
53
  .chip .icon,
54
54
  .chip .label,
55
55
  .chip .chevron{
56
- color:var(--sn-theme-color-neutral-text, var(--sn-brand-color-neutral-40, var(--sn-brand-palette-gray-40, #81869c)));
56
+ color:var(--sn-theme-color-neutral-text, var(--sn-brand-color-neutral-40, var(--sn-brand-palette-gray-40, #4a4a4a)));
57
57
  }
58
58
  .chip:disabled{
59
59
  cursor:not-allowed;
60
60
  opacity:var(--sn-theme-effect-opacity-disabled, 0.4);
61
61
  }
62
62
  .chip:not(:disabled):focus-visible{
63
- outline:var(--sn-primitive-strokeWeight-strokeSemiBold, 2px) solid var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #389f74));
63
+ outline:var(--sn-primitive-strokeWeight-strokeSemiBold, 2px) solid var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #222222));
64
64
  outline-offset:0;
65
65
  }
66
66
  .chip[data-activated]{
67
- border-color:var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #389f74));
68
- background-color:var(--sn-theme-color-primary-background1Level, var(--sn-brand-color-primary-95, #f5fdf8));
67
+ border-color:var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #222222));
68
+ background-color:var(--sn-theme-color-primary-background1Level, var(--sn-brand-color-primary-95, #f8f8f8));
69
69
  transition:background-color 450ms cubic-bezier(0.7, 0.26, 0, 1.58), border-color 450ms cubic-bezier(0.7, 0.26, 0, 1.58), color 450ms cubic-bezier(0.7, 0.26, 0, 1.58), outline-color 120ms ease;
70
70
  }
71
71
  .chip[data-activated] .icon,
72
72
  .chip[data-activated] .label,
73
73
  .chip[data-activated] .chevron{
74
- color:var(--sn-theme-color-primary-text, var(--sn-brand-color-primary-40, #22775b));
74
+ color:var(--sn-theme-color-primary-text, var(--sn-brand-color-primary-40, #0d0d0d));
75
75
  }
76
76
  @media (hover: hover){
77
77
  .chip[data-activated]:hover:not(:disabled){
78
- border-color:color-mix(in srgb, var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #389f74)) 80%, transparent);
79
- background-color:var(--sn-theme-color-primary-background2Level, var(--sn-brand-color-primary-99, #fbfffc));
78
+ border-color:color-mix(in srgb, var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #222222)) 80%, transparent);
79
+ background-color:var(--sn-theme-color-primary-background2Level, var(--sn-brand-color-primary-99, #ffffff));
80
80
  }
81
81
  }
82
82
  @media (hover: hover){
83
83
  .chip:not([data-activated], :disabled):hover{
84
- border-color:var(--sn-theme-color-material-stateLayer-neutral-border-hovered-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-hovered-borderColor, rgba(159, 166, 198, 0.6509803922)));
84
+ border-color:var(--sn-theme-color-material-stateLayer-neutral-border-hovered-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-hovered-borderColor, rgba(0, 0, 0, 0.2392156863)));
85
85
  }
86
86
  }
87
87
  .chip[data-size=s]{
88
- font-family:var(--sn-regular-label-m-fontFamily, var(--sn-brand-font-fontFamily-regular-label, SB Sans Interface));
89
- font-weight:var(--sn-regular-label-m-fontWeight, var(--sn-theme-typography-fontWeight-regular-label-m, var(--sn-brand-font-fontWeight-light-regular-label-m, var(--sn-primitive-font-fontWeightValue-550, 550))));
88
+ font-family:var(--sn-regular-label-m-fontFamily, var(--sn-brand-font-fontFamily-regular-label, SB Sans Text));
89
+ font-weight:var(--sn-regular-label-m-fontWeight, var(--sn-theme-typography-fontWeight-regular-label-m, var(--sn-brand-font-fontWeight-light-regular-label-m, var(--sn-primitive-font-fontWeightValue-500, 500))));
90
90
  line-height:var(--sn-regular-label-m-lineHeight, var(--sn-density-typography-roleLabel-lineHeightM, var(--sn-platform-comfort-typography-roleLabel-lineHeightM, var(--sn-primitive-font-lineHeight-20, 20px))));
91
91
  font-size:var(--sn-regular-label-m-fontSize, var(--sn-density-typography-roleLabel-fontSizeM, var(--sn-platform-comfort-typography-roleLabel-fontSizeM, var(--sn-primitive-font-fontSize-14, 14px))));
92
92
  letter-spacing:var(--sn-regular-label-m-letterSpacing, var(--sn-primitive-font-letterSpacing-s, 0px));
@@ -111,8 +111,8 @@
111
111
  padding-inline:var(--sn-primitive-dimension-4, 4px) var(--sn-primitive-dimension-0, 0px);
112
112
  }
113
113
  .chip[data-size=m]{
114
- font-family:var(--sn-regular-label-l-fontFamily, var(--sn-brand-font-fontFamily-regular-label, SB Sans Interface));
115
- font-weight:var(--sn-regular-label-l-fontWeight, var(--sn-theme-typography-fontWeight-regular-label-l, var(--sn-brand-font-fontWeight-light-regular-label-l, var(--sn-primitive-font-fontWeightValue-550, 550))));
114
+ font-family:var(--sn-regular-label-l-fontFamily, var(--sn-brand-font-fontFamily-regular-label, SB Sans Text));
115
+ font-weight:var(--sn-regular-label-l-fontWeight, var(--sn-theme-typography-fontWeight-regular-label-l, var(--sn-brand-font-fontWeight-light-regular-label-l, var(--sn-primitive-font-fontWeightValue-500, 500))));
116
116
  line-height:var(--sn-regular-label-l-lineHeight, var(--sn-density-typography-roleLabel-lineHeightL, var(--sn-platform-comfort-typography-roleLabel-lineHeightL, var(--sn-primitive-font-lineHeight-24, 24px))));
117
117
  font-size:var(--sn-regular-label-l-fontSize, var(--sn-density-typography-roleLabel-fontSizeL, var(--sn-platform-comfort-typography-roleLabel-fontSizeL, var(--sn-primitive-font-fontSize-16, 16px))));
118
118
  letter-spacing:var(--sn-regular-label-l-letterSpacing, var(--sn-primitive-font-letterSpacing-s, 0px));
package/dist/esm/AiSuggestionSimple/styles.module.css CHANGED
@@ -33,12 +33,12 @@
33
33
  }
34
34
  .chip:focus-visible{
35
35
  background-color:transparent;
36
- outline:var(--sn-primitive-strokeWeight-strokeSemiBold, 2px) solid var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #389f74));
36
+ outline:var(--sn-primitive-strokeWeight-strokeSemiBold, 2px) solid var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #222222));
37
37
  outline-offset:var(--sn-primitive-dimension-2, 2px);
38
38
  }
39
39
  .chip[data-size=s]{
40
- font-family:var(--sn-regular-label-m-fontFamily, var(--sn-brand-font-fontFamily-regular-label, SB Sans Interface));
41
- font-weight:var(--sn-regular-label-m-fontWeight, var(--sn-theme-typography-fontWeight-regular-label-m, var(--sn-brand-font-fontWeight-light-regular-label-m, var(--sn-primitive-font-fontWeightValue-550, 550))));
40
+ font-family:var(--sn-regular-label-m-fontFamily, var(--sn-brand-font-fontFamily-regular-label, SB Sans Text));
41
+ font-weight:var(--sn-regular-label-m-fontWeight, var(--sn-theme-typography-fontWeight-regular-label-m, var(--sn-brand-font-fontWeight-light-regular-label-m, var(--sn-primitive-font-fontWeightValue-500, 500))));
42
42
  line-height:var(--sn-regular-label-m-lineHeight, var(--sn-density-typography-roleLabel-lineHeightM, var(--sn-platform-comfort-typography-roleLabel-lineHeightM, var(--sn-primitive-font-lineHeight-20, 20px))));
43
43
  font-size:var(--sn-regular-label-m-fontSize, var(--sn-density-typography-roleLabel-fontSizeM, var(--sn-platform-comfort-typography-roleLabel-fontSizeM, var(--sn-primitive-font-fontSize-14, 14px))));
44
44
  letter-spacing:var(--sn-regular-label-m-letterSpacing, var(--sn-primitive-font-letterSpacing-s, 0px));
@@ -62,8 +62,8 @@
62
62
  padding-inline:var(--sn-primitive-dimension-4, 4px);
63
63
  }
64
64
  .chip[data-size=m]{
65
- font-family:var(--sn-regular-label-l-fontFamily, var(--sn-brand-font-fontFamily-regular-label, SB Sans Interface));
66
- font-weight:var(--sn-regular-label-l-fontWeight, var(--sn-theme-typography-fontWeight-regular-label-l, var(--sn-brand-font-fontWeight-light-regular-label-l, var(--sn-primitive-font-fontWeightValue-550, 550))));
65
+ font-family:var(--sn-regular-label-l-fontFamily, var(--sn-brand-font-fontFamily-regular-label, SB Sans Text));
66
+ font-weight:var(--sn-regular-label-l-fontWeight, var(--sn-theme-typography-fontWeight-regular-label-l, var(--sn-brand-font-fontWeight-light-regular-label-l, var(--sn-primitive-font-fontWeightValue-500, 500))));
67
67
  line-height:var(--sn-regular-label-l-lineHeight, var(--sn-density-typography-roleLabel-lineHeightL, var(--sn-platform-comfort-typography-roleLabel-lineHeightL, var(--sn-primitive-font-lineHeight-24, 24px))));
68
68
  font-size:var(--sn-regular-label-l-fontSize, var(--sn-density-typography-roleLabel-fontSizeL, var(--sn-platform-comfort-typography-roleLabel-fontSizeL, var(--sn-primitive-font-fontSize-16, 16px))));
69
69
  letter-spacing:var(--sn-regular-label-l-letterSpacing, var(--sn-primitive-font-letterSpacing-s, 0px));
@@ -90,35 +90,35 @@
90
90
  background-color:var(--sn-theme-color-primary-background1Level);
91
91
  }
92
92
  .chip[data-appearance=primary]{
93
- border-color:var(--sn-theme-color-material-stateLayer-activated-default-filled, var(--sn-brand-color-state-activated-default-background, rgba(56, 159, 116, 0.1019607843)));
93
+ border-color:var(--sn-theme-color-material-stateLayer-activated-default-filled, var(--sn-brand-color-state-activated-default-background, rgba(128, 128, 128, 0.1607843137)));
94
94
  }
95
95
  .chip[data-appearance=primary] .icon,
96
96
  .chip[data-appearance=primary] .label{
97
- color:var(--sn-theme-color-primary-text, var(--sn-brand-color-primary-40, #22775b));
97
+ color:var(--sn-theme-color-primary-text, var(--sn-brand-color-primary-40, #0d0d0d));
98
98
  }
99
99
  @media (hover: hover){
100
100
  .chip[data-appearance=primary]:hover:not(:disabled, [data-disabled]){
101
- border-color:var(--sn-theme-color-material-stateLayer-activated-hovered-filled, var(--sn-brand-color-state-activated-hovered-background, rgba(56, 159, 116, 0.2)));
102
- background-color:var(--sn-theme-color-primary-background1Level, var(--sn-brand-color-primary-95, #f5fdf8));
101
+ border-color:var(--sn-theme-color-material-stateLayer-activated-hovered-filled, var(--sn-brand-color-state-activated-hovered-background, rgba(128, 128, 128, 0.2392156863)));
102
+ background-color:var(--sn-theme-color-primary-background1Level, var(--sn-brand-color-primary-95, #f8f8f8));
103
103
  }
104
104
  }
105
105
  .chip:focus-visible{
106
106
  background-color:var(--sn-theme-color-neutral-background1Level);
107
107
  }
108
108
  .chip[data-appearance=neutral]{
109
- border-color:var(--sn-theme-color-material-stateLayer-neutral-border-default-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(159, 166, 198, 0.3019607843)));
109
+ border-color:var(--sn-theme-color-material-stateLayer-neutral-border-default-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(0, 0, 0, 0.1411764706)));
110
110
  }
111
111
  .chip[data-appearance=neutral] .icon,
112
112
  .chip[data-appearance=neutral] .label{
113
- color:var(--sn-theme-color-neutral-text, var(--sn-brand-color-neutral-40, var(--sn-brand-palette-gray-40, #81869c)));
113
+ color:var(--sn-theme-color-neutral-text, var(--sn-brand-color-neutral-40, var(--sn-brand-palette-gray-40, #4a4a4a)));
114
114
  }
115
115
  @media (hover: hover){
116
116
  .chip[data-appearance=neutral]:hover:not(:disabled, [data-disabled]){
117
- border-color:var(--sn-theme-color-material-stateLayer-neutral-border-hovered-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-hovered-borderColor, rgba(159, 166, 198, 0.6509803922)));
118
- background-color:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #fdfdfd)));
117
+ border-color:var(--sn-theme-color-material-stateLayer-neutral-border-hovered-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-hovered-borderColor, rgba(0, 0, 0, 0.2392156863)));
118
+ background-color:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #ffffff)));
119
119
  }
120
120
  .chip[data-appearance=neutral]:hover:not(:disabled, [data-disabled]) .icon, .chip[data-appearance=neutral]:hover:not(:disabled, [data-disabled]) .label{
121
- color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #41424e));
121
+ color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #000000));
122
122
  }
123
123
  }
124
124