@agorapulse/ui-theme 16.3.6 → 16.3.8

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.
Binary file
@@ -46,3 +46,7 @@
46
46
  width: 100%;
47
47
  }
48
48
  }
49
+
50
+ input:placeholder-shown {
51
+ text-overflow: ellipsis;
52
+ }
@@ -303,6 +303,11 @@
303
303
  &:not(.multiple) {
304
304
  background-color: var(--ref-color-electric-blue-10);
305
305
  color: var(--ref-color-electric-blue-150);
306
+ ap-symbol:not(.option-selected) {
307
+ .svg {
308
+ color: var(--ref-color-electric-blue-150);
309
+ }
310
+ }
306
311
  .label {
307
312
  color: var(--ref-color-electric-blue-150);
308
313
  }
@@ -419,31 +424,6 @@
419
424
  margin: var(--ref-spacing-xxs) 0;
420
425
  }
421
426
 
422
- .create-new {
423
- display: flex;
424
- align-items: center;
425
- border: none;
426
- width: 100%;
427
- background-color: transparent;
428
- gap: var(--ref-spacing-xxxs);
429
- color: var(--ref-color-electric-blue-150);
430
- font-weight: var(--ref-font-weight-bold);
431
- font-family: var(--ref-font-family);
432
- cursor: pointer;
433
- padding: var(--comp-select-search-bar-bottom-link-margin-top) var(--comp-select-search-bar-bottom-link-padding-horizontal)
434
- var(--comp-select-search-bar-bottom-link-padding-bottom) var(--comp-select-search-bar-bottom-link-padding-horizontal);
435
- line-height: var(--ref-font-line-height-sm);
436
- font-size: var(--ref-font-size-sm);
437
-
438
- &:hover {
439
- color: var(--ref-color-electric-blue-100);
440
- }
441
-
442
- &:active {
443
- color: var(--ref-color-electric-blue-150);
444
- }
445
- }
446
-
447
427
  .option {
448
428
  display: flex;
449
429
  align-items: center;
@@ -470,6 +450,10 @@
470
450
  }
471
451
  }
472
452
 
453
+ ap-symbol {
454
+ color: var(--comp-select-one-line-text-color);
455
+ }
456
+
473
457
  .option-item {
474
458
  overflow: hidden;
475
459
  white-space: nowrap;
@@ -577,6 +561,30 @@
577
561
  padding: 0;
578
562
  margin-top: var(--ref-spacing-xxxs);
579
563
  border-top: 1px solid var(--ref-color-grey-10);
564
+ .create-new {
565
+ display: flex;
566
+ align-items: center;
567
+ border: none;
568
+ width: 100%;
569
+ background-color: transparent;
570
+ gap: var(--ref-spacing-xxxs);
571
+ color: var(--ref-color-electric-blue-150);
572
+ font-weight: var(--ref-font-weight-bold);
573
+ font-family: var(--ref-font-family);
574
+ cursor: pointer;
575
+ padding: var(--comp-select-search-bar-bottom-link-margin-top) var(--comp-select-search-bar-bottom-link-padding-horizontal)
576
+ var(--comp-select-search-bar-bottom-link-padding-bottom) var(--comp-select-search-bar-bottom-link-padding-horizontal);
577
+ line-height: var(--ref-font-line-height-sm);
578
+ font-size: var(--ref-font-size-sm);
579
+
580
+ &:hover {
581
+ color: var(--ref-color-electric-blue-100);
582
+ }
583
+
584
+ &:active {
585
+ color: var(--ref-color-electric-blue-150);
586
+ }
587
+ }
580
588
  }
581
589
 
582
590
  .standalone-link {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@agorapulse/ui-theme",
3
- "version": "16.3.6",
3
+ "version": "16.3.8",
4
4
  "description": "Agorapulse UI Theme Library",
5
5
  "repository": {
6
6
  "type": "git",
Binary file