@trebired/frontend 12.0.11 → 12.0.12

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.
package/CHANGELOG.md CHANGED
@@ -4,6 +4,15 @@ All notable changes to `@trebired/frontend` will be documented here.
4
4
 
5
5
  This project follows semantic versioning once published.
6
6
 
7
+ ## 12.0.12
8
+
9
+ ### Fixed
10
+
11
+ - A configured dropdown selected-option background is now used exactly as given. It was
12
+ previously blended 70/30 with the accent colour, so a configured grey rendered tinted
13
+ with the focus blue. The accent blend is now only the fallback for consumers that do not
14
+ configure the token, leaving the default appearance unchanged.
15
+
7
16
  ## 12.0.11
8
17
 
9
18
  ### Added
@@ -177,10 +177,13 @@
177
177
  }
178
178
 
179
179
  &[data-dropdown-selected="true"] {
180
- background: color-mix(
181
- in srgb,
182
- var(#{ns.css-var("ui-dropdown-option-state-selected-bg")}, var(--background-surface-2, transparent)) 70%,
183
- var(--accent, var(#{ns.css-var("focus")}, currentColor)) 30%
180
+ background: var(
181
+ #{ns.css-var("ui-dropdown-option-state-selected-bg")},
182
+ color-mix(
183
+ in srgb,
184
+ var(--background-surface-2, transparent) 70%,
185
+ var(--accent, var(#{ns.css-var("focus")}, currentColor)) 30%
186
+ )
184
187
  );
185
188
  }
186
189
 
@@ -114,10 +114,13 @@
114
114
  .options[data-dropdown-portaled="true"]
115
115
  .dropdown-list
116
116
  li[data-dropdown-selected="true"] {
117
- background: color-mix(
118
- in srgb,
119
- var(#{ns.css-var("ui-dropdown-option-state-selected-bg")}, var(--background-surface-2, transparent)) 70%,
120
- var(--accent, var(#{ns.css-var("focus")}, currentColor)) 30%
117
+ background: var(
118
+ #{ns.css-var("ui-dropdown-option-state-selected-bg")},
119
+ color-mix(
120
+ in srgb,
121
+ var(--background-surface-2, transparent) 70%,
122
+ var(--accent, var(#{ns.css-var("focus")}, currentColor)) 30%
123
+ )
121
124
  );
122
125
  }
123
126
 
package/package.json CHANGED
@@ -8,7 +8,7 @@
8
8
  }
9
9
  },
10
10
  "name": "@trebired/frontend",
11
- "version": "12.0.11",
11
+ "version": "12.0.12",
12
12
  "description": "Generic browser runtime systems for Trebired frontend packages and applications.",
13
13
  "type": "module",
14
14
  "private": false,