@breadstone/mosaik-elements-foundation 0.0.257 → 0.0.258

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 (2) hide show
  1. package/Controls/Components/Selectors/TabStrip/Themes/TabStripItemElement.Joy.js +18 -18
  2. package/package.json +3 -3
package/Controls/Components/Selectors/TabStrip/Themes/TabStripItemElement.Joy.js CHANGED
@@ -208,7 +208,7 @@ export function tabStripItemElementJoyStyle() {
208
208
  }
209
209
 
210
210
  :host([variant="primary"]:not([disabled]:not([disabled="false"])):hover) {
211
- --tab-strip-item-background-color: var(--joy-scheme-highlight);
211
+ --tab-strip-item-background-color: var(--joy-color-primary-100);
212
212
  }
213
213
 
214
214
  :host([variant="primary"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="icon"], :host([variant="primary"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-icon) {
@@ -221,7 +221,7 @@ export function tabStripItemElementJoyStyle() {
221
221
  }
222
222
 
223
223
  :host([variant="primary"]:not([disabled]:not([disabled="false"]))[is-selected]) {
224
- --tab-strip-item-background-color: var(--joy-scheme-highlight);
224
+ --tab-strip-item-background-color: var(--joy-color-primary-50);
225
225
  }
226
226
 
227
227
  :host([variant="primary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="icon"], :host([variant="primary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-icon), :host([variant="primary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="label"], :host([variant="primary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-text) {
@@ -229,7 +229,7 @@ export function tabStripItemElementJoyStyle() {
229
229
  }
230
230
 
231
231
  :host([variant="secondary"]:not([disabled]:not([disabled="false"])):hover) {
232
- --tab-strip-item-background-color: var(--joy-scheme-highlight);
232
+ --tab-strip-item-background-color: var(--joy-color-secondary-100);
233
233
  }
234
234
 
235
235
  :host([variant="secondary"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="icon"], :host([variant="secondary"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-icon) {
@@ -242,7 +242,7 @@ export function tabStripItemElementJoyStyle() {
242
242
  }
243
243
 
244
244
  :host([variant="secondary"]:not([disabled]:not([disabled="false"]))[is-selected]) {
245
- --tab-strip-item-background-color: var(--joy-scheme-highlight);
245
+ --tab-strip-item-background-color: var(--joy-color-secondary-50);
246
246
  }
247
247
 
248
248
  :host([variant="secondary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="icon"], :host([variant="secondary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-icon), :host([variant="secondary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="label"], :host([variant="secondary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-text) {
@@ -250,7 +250,7 @@ export function tabStripItemElementJoyStyle() {
250
250
  }
251
251
 
252
252
  :host([variant="tertiary"]:not([disabled]:not([disabled="false"])):hover) {
253
- --tab-strip-item-background-color: var(--joy-scheme-highlight);
253
+ --tab-strip-item-background-color: var(--joy-color-tertiary-100);
254
254
  }
255
255
 
256
256
  :host([variant="tertiary"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="icon"], :host([variant="tertiary"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-icon) {
@@ -263,7 +263,7 @@ export function tabStripItemElementJoyStyle() {
263
263
  }
264
264
 
265
265
  :host([variant="tertiary"]:not([disabled]:not([disabled="false"]))[is-selected]) {
266
- --tab-strip-item-background-color: var(--joy-scheme-highlight);
266
+ --tab-strip-item-background-color: var(--joy-color-tertiary-50);
267
267
  }
268
268
 
269
269
  :host([variant="tertiary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="icon"], :host([variant="tertiary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-icon), :host([variant="tertiary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="label"], :host([variant="tertiary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-text) {
@@ -271,7 +271,7 @@ export function tabStripItemElementJoyStyle() {
271
271
  }
272
272
 
273
273
  :host([variant="danger"]:not([disabled]:not([disabled="false"])):hover) {
274
- --tab-strip-item-background-color: var(--joy-scheme-highlight);
274
+ --tab-strip-item-background-color: var(--joy-color-danger-100);
275
275
  }
276
276
 
277
277
  :host([variant="danger"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="icon"], :host([variant="danger"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-icon) {
@@ -284,7 +284,7 @@ export function tabStripItemElementJoyStyle() {
284
284
  }
285
285
 
286
286
  :host([variant="danger"]:not([disabled]:not([disabled="false"]))[is-selected]) {
287
- --tab-strip-item-background-color: var(--joy-scheme-highlight);
287
+ --tab-strip-item-background-color: var(--joy-color-danger-50);
288
288
  }
289
289
 
290
290
  :host([variant="danger"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="icon"], :host([variant="danger"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-icon), :host([variant="danger"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="label"], :host([variant="danger"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-text) {
@@ -292,7 +292,7 @@ export function tabStripItemElementJoyStyle() {
292
292
  }
293
293
 
294
294
  :host([variant="warning"]:not([disabled]:not([disabled="false"])):hover) {
295
- --tab-strip-item-background-color: var(--joy-scheme-highlight);
295
+ --tab-strip-item-background-color: var(--joy-color-warning-100);
296
296
  }
297
297
 
298
298
  :host([variant="warning"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="icon"], :host([variant="warning"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-icon) {
@@ -305,7 +305,7 @@ export function tabStripItemElementJoyStyle() {
305
305
  }
306
306
 
307
307
  :host([variant="warning"]:not([disabled]:not([disabled="false"]))[is-selected]) {
308
- --tab-strip-item-background-color: var(--joy-scheme-highlight);
308
+ --tab-strip-item-background-color: var(--joy-color-warning-50);
309
309
  }
310
310
 
311
311
  :host([variant="warning"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="icon"], :host([variant="warning"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-icon), :host([variant="warning"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="label"], :host([variant="warning"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-text) {
@@ -313,7 +313,7 @@ export function tabStripItemElementJoyStyle() {
313
313
  }
314
314
 
315
315
  :host([variant="success"]:not([disabled]:not([disabled="false"])):hover) {
316
- --tab-strip-item-background-color: var(--joy-scheme-highlight);
316
+ --tab-strip-item-background-color: var(--joy-color-success-100);
317
317
  }
318
318
 
319
319
  :host([variant="success"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="icon"], :host([variant="success"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-icon) {
@@ -326,7 +326,7 @@ export function tabStripItemElementJoyStyle() {
326
326
  }
327
327
 
328
328
  :host([variant="success"]:not([disabled]:not([disabled="false"]))[is-selected]) {
329
- --tab-strip-item-background-color: var(--joy-scheme-highlight);
329
+ --tab-strip-item-background-color: var(--joy-color-success-50);
330
330
  }
331
331
 
332
332
  :host([variant="success"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="icon"], :host([variant="success"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-icon), :host([variant="success"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="label"], :host([variant="success"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-text) {
@@ -334,7 +334,7 @@ export function tabStripItemElementJoyStyle() {
334
334
  }
335
335
 
336
336
  :host([variant="info"]:not([disabled]:not([disabled="false"])):hover) {
337
- --tab-strip-item-background-color: var(--joy-scheme-highlight);
337
+ --tab-strip-item-background-color: var(--joy-color-info-100);
338
338
  }
339
339
 
340
340
  :host([variant="info"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="icon"], :host([variant="info"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-icon) {
@@ -347,7 +347,7 @@ export function tabStripItemElementJoyStyle() {
347
347
  }
348
348
 
349
349
  :host([variant="info"]:not([disabled]:not([disabled="false"]))[is-selected]) {
350
- --tab-strip-item-background-color: var(--joy-scheme-highlight);
350
+ --tab-strip-item-background-color: var(--joy-color-info-50);
351
351
  }
352
352
 
353
353
  :host([variant="info"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="icon"], :host([variant="info"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-icon), :host([variant="info"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="label"], :host([variant="info"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-text) {
@@ -355,7 +355,7 @@ export function tabStripItemElementJoyStyle() {
355
355
  }
356
356
 
357
357
  :host([variant="highlight"]:not([disabled]:not([disabled="false"])):hover) {
358
- --tab-strip-item-background-color: var(--joy-scheme-highlight);
358
+ --tab-strip-item-background-color: var(--joy-color-highlight-100);
359
359
  }
360
360
 
361
361
  :host([variant="highlight"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="icon"], :host([variant="highlight"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-icon) {
@@ -368,7 +368,7 @@ export function tabStripItemElementJoyStyle() {
368
368
  }
369
369
 
370
370
  :host([variant="highlight"]:not([disabled]:not([disabled="false"]))[is-selected]) {
371
- --tab-strip-item-background-color: var(--joy-scheme-highlight);
371
+ --tab-strip-item-background-color: var(--joy-color-highlight-50);
372
372
  }
373
373
 
374
374
  :host([variant="highlight"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="icon"], :host([variant="highlight"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-icon), :host([variant="highlight"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="label"], :host([variant="highlight"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-text) {
@@ -376,7 +376,7 @@ export function tabStripItemElementJoyStyle() {
376
376
  }
377
377
 
378
378
  :host([variant="neutral"]:not([disabled]:not([disabled="false"])):hover) {
379
- --tab-strip-item-background-color: var(--joy-scheme-highlight);
379
+ --tab-strip-item-background-color: var(--joy-color-neutral-100);
380
380
  }
381
381
 
382
382
  :host([variant="neutral"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="icon"], :host([variant="neutral"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-icon) {
@@ -389,7 +389,7 @@ export function tabStripItemElementJoyStyle() {
389
389
  }
390
390
 
391
391
  :host([variant="neutral"]:not([disabled]:not([disabled="false"]))[is-selected]) {
392
- --tab-strip-item-background-color: var(--joy-scheme-highlight);
392
+ --tab-strip-item-background-color: var(--joy-color-neutral-50);
393
393
  }
394
394
 
395
395
  :host([variant="neutral"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="icon"], :host([variant="neutral"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-icon), :host([variant="neutral"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="label"], :host([variant="neutral"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-text) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@breadstone/mosaik-elements-foundation",
3
- "version": "0.0.257",
3
+ "version": "0.0.258",
4
4
  "description": "Mosaik elements components package.",
5
5
  "license": "MIT",
6
6
  "author": "andre.wehlert <awehlert@breadstone.de> (https://www.breadstone.de)",
@@ -14,8 +14,8 @@
14
14
  "url": "git+ssh://git@github.com/RueDeRennes/mosaik.git"
15
15
  },
16
16
  "dependencies": {
17
- "@breadstone/mosaik-elements": "^0.0.257",
18
- "@breadstone/mosaik-themes": "^0.0.257",
17
+ "@breadstone/mosaik-elements": "^0.0.258",
18
+ "@breadstone/mosaik-themes": "^0.0.258",
19
19
  "@floating-ui/dom": "^1.7.6",
20
20
  "@lit-labs/virtualizer": "^2.1.1",
21
21
  "@lit/context": "^1.1.6",