@itwin/itwinui-css 0.44.0 → 0.46.0
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/css/all.css +712 -572
- package/css/button.css +8 -4
- package/css/carousel.css +97 -0
- package/css/inputs.css +219 -230
- package/css/popover.css +12 -0
- package/css/table.css +1 -2
- package/css/tile.css +340 -300
- package/css/tree.css +11 -6
- package/package.json +8 -7
- package/scss/button/button.scss +0 -1
- package/scss/button/default.scss +11 -6
- package/scss/carousel/carousel.scss +119 -0
- package/scss/carousel/classes.scss +15 -0
- package/scss/carousel/index.scss +3 -0
- package/scss/classes.scss +2 -0
- package/scss/index.scss +2 -0
- package/scss/inputs/classes.scss +15 -9
- package/scss/inputs/index.scss +1 -0
- package/scss/inputs/input-with-icon.scss +36 -0
- package/scss/inputs/input.scss +1 -0
- package/scss/inputs/labeled-inputs.scss +45 -12
- package/scss/inputs/select.scss +44 -92
- package/scss/popover/classes.scss +7 -0
- package/scss/popover/index.scss +3 -0
- package/scss/popover/popover.scss +22 -0
- package/scss/table/table.scss +1 -1
- package/scss/tile/classes.scss +28 -0
- package/scss/tile/tile.scss +230 -235
- package/scss/tree/tree.scss +2 -14
package/css/all.css
CHANGED
|
@@ -656,7 +656,6 @@ html.iui-theme-dark{
|
|
|
656
656
|
box-sizing:border-box;
|
|
657
657
|
border-radius:3px;
|
|
658
658
|
line-height:22px;
|
|
659
|
-
outline:none;
|
|
660
659
|
box-shadow:none;
|
|
661
660
|
font-size:14px;
|
|
662
661
|
font-weight:400;
|
|
@@ -734,11 +733,16 @@ html.iui-theme-dark{
|
|
|
734
733
|
padding-right:4px; }
|
|
735
734
|
.iui-button.iui-default.iui-dropdown.iui-large{
|
|
736
735
|
padding-right:12px; }
|
|
737
|
-
.iui-button.iui-default.iui-active{
|
|
738
|
-
|
|
736
|
+
.iui-button.iui-default.iui-active:enabled{
|
|
737
|
+
position:relative;
|
|
739
738
|
color:#008BE1;
|
|
740
|
-
background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1));
|
|
741
739
|
color:var(--iui-color-foreground-primary); }
|
|
740
|
+
.iui-button.iui-default.iui-active:enabled::before{
|
|
741
|
+
content:'';
|
|
742
|
+
position:absolute;
|
|
743
|
+
inset:0;
|
|
744
|
+
background-color:rgba(0, 139, 225, 0.1);
|
|
745
|
+
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); }
|
|
742
746
|
.iui-button.iui-default[disabled], .iui-button.iui-default:disabled{
|
|
743
747
|
cursor:not-allowed;
|
|
744
748
|
background:#EEF0F3;
|
|
@@ -1065,6 +1069,100 @@ html.iui-theme-dark{
|
|
|
1065
1069
|
transition:fill 0.2s ease-out;
|
|
1066
1070
|
fill:currentColor; }
|
|
1067
1071
|
|
|
1072
|
+
.iui-carousel{
|
|
1073
|
+
overflow:hidden;
|
|
1074
|
+
border-radius:3px; }
|
|
1075
|
+
.iui-carousel:focus-visible{
|
|
1076
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
1077
|
+
outline-offset:4px; }
|
|
1078
|
+
@supports not selector(*:focus-visible){
|
|
1079
|
+
.iui-carousel:focus{
|
|
1080
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
1081
|
+
outline-offset:4px; } }
|
|
1082
|
+
|
|
1083
|
+
.iui-carousel-slider{
|
|
1084
|
+
display:flex;
|
|
1085
|
+
list-style:none;
|
|
1086
|
+
margin:0;
|
|
1087
|
+
padding:0; }
|
|
1088
|
+
@media (prefers-reduced-motion: no-preference){
|
|
1089
|
+
.iui-carousel-slider{
|
|
1090
|
+
transition:transform 0.8s ease-in-out; } }
|
|
1091
|
+
.iui-carousel-slider-item{
|
|
1092
|
+
width:100%;
|
|
1093
|
+
flex-shrink:0;
|
|
1094
|
+
box-sizing:border-box; }
|
|
1095
|
+
|
|
1096
|
+
.iui-carousel-navigation{
|
|
1097
|
+
display:flex;
|
|
1098
|
+
align-items:center;
|
|
1099
|
+
height:33px;
|
|
1100
|
+
box-sizing:border-box;
|
|
1101
|
+
border-top:2px solid #DCE0E3;
|
|
1102
|
+
border-top:2px solid var(--iui-color-background-4); }
|
|
1103
|
+
.iui-carousel-navigation-dots, .iui-carousel-navigation-left, .iui-carousel-navigation-right{
|
|
1104
|
+
display:flex;
|
|
1105
|
+
align-items:center;
|
|
1106
|
+
flex:1; }
|
|
1107
|
+
.iui-carousel-navigation-dots button[data-pressed='true'], .iui-carousel-navigation-left button[data-pressed='true'], .iui-carousel-navigation-right button[data-pressed='true']{
|
|
1108
|
+
outline-offset:-1px;
|
|
1109
|
+
outline:1px solid #008BE1;
|
|
1110
|
+
outline:1px solid var(--iui-color-foreground-primary); }
|
|
1111
|
+
.iui-carousel-navigation-dots{
|
|
1112
|
+
margin:0;
|
|
1113
|
+
padding:0;
|
|
1114
|
+
border:none;
|
|
1115
|
+
vertical-align:baseline;
|
|
1116
|
+
border-radius:3px;
|
|
1117
|
+
white-space:nowrap;
|
|
1118
|
+
overflow:hidden;
|
|
1119
|
+
justify-content:center;
|
|
1120
|
+
list-style:none; }
|
|
1121
|
+
.iui-carousel-navigation-dots:focus-visible{
|
|
1122
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
1123
|
+
outline-offset:-1px; }
|
|
1124
|
+
@supports not selector(*:focus-visible){
|
|
1125
|
+
.iui-carousel-navigation-dots:focus{
|
|
1126
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
1127
|
+
outline-offset:-1px; } }
|
|
1128
|
+
.iui-carousel-navigation-dot{
|
|
1129
|
+
padding:0 8px;
|
|
1130
|
+
height:27px;
|
|
1131
|
+
gap:4px;
|
|
1132
|
+
background-color:transparent;
|
|
1133
|
+
border:none;
|
|
1134
|
+
cursor:pointer; }
|
|
1135
|
+
.iui-carousel-navigation-dot:hover::after{
|
|
1136
|
+
background-color:rgba(0, 0, 0, 0.6);
|
|
1137
|
+
background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3)); }
|
|
1138
|
+
.iui-carousel-navigation-dot.iui-invisible{
|
|
1139
|
+
display:none; }
|
|
1140
|
+
.iui-carousel-navigation-dot::after{
|
|
1141
|
+
content:'';
|
|
1142
|
+
display:block;
|
|
1143
|
+
width:12px;
|
|
1144
|
+
height:12px;
|
|
1145
|
+
border-radius:50%;
|
|
1146
|
+
transition:background-color 0.2s ease;
|
|
1147
|
+
background-color:rgba(0, 0, 0, 0.4);
|
|
1148
|
+
background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); }
|
|
1149
|
+
@media (prefers-reduced-motion: no-preference){
|
|
1150
|
+
.iui-carousel-navigation-dot::after{
|
|
1151
|
+
transition:background-color 0.2s 0.2s ease, transform 0.4s ease; } }
|
|
1152
|
+
.iui-carousel-navigation-dot.iui-first::after{
|
|
1153
|
+
transform:scale(0.5); }
|
|
1154
|
+
.iui-carousel-navigation-dot.iui-second::after{
|
|
1155
|
+
transform:scale(0.75); }
|
|
1156
|
+
.iui-carousel-navigation-dot.iui-invisible::after{
|
|
1157
|
+
transform:scale(0);
|
|
1158
|
+
background-color:rgba(0, 0, 0, 0);
|
|
1159
|
+
background-color:rgba(var(--iui-color-foreground-body-rgb), 0); }
|
|
1160
|
+
.iui-carousel-navigation-dot.iui-active::after{
|
|
1161
|
+
background-color:#008BE1;
|
|
1162
|
+
background-color:var(--iui-color-foreground-primary); }
|
|
1163
|
+
.iui-carousel-navigation-right{
|
|
1164
|
+
justify-content:flex-end; }
|
|
1165
|
+
|
|
1068
1166
|
.iui-code{
|
|
1069
1167
|
margin:0;
|
|
1070
1168
|
padding:0;
|
|
@@ -2447,8 +2545,8 @@ html.iui-theme-dark{
|
|
|
2447
2545
|
vertical-align:baseline;
|
|
2448
2546
|
display:-ms-grid;
|
|
2449
2547
|
display:grid;
|
|
2450
|
-
-ms-grid-rows:auto auto;
|
|
2451
|
-
-ms-grid-columns:auto 1fr;
|
|
2548
|
+
-ms-grid-rows: auto auto;
|
|
2549
|
+
-ms-grid-columns: auto 1fr;
|
|
2452
2550
|
grid-template:'label label' 'inputs inputs' / auto 1fr;
|
|
2453
2551
|
cursor:default; }
|
|
2454
2552
|
.iui-input-container.iui-inline-icon:not(.iui-inline-label) > .iui-input-icon{
|
|
@@ -2461,15 +2559,15 @@ html.iui-theme-dark{
|
|
|
2461
2559
|
.iui-input-container.iui-inline-icon > .iui-textarea:last-child{
|
|
2462
2560
|
padding-right:12px; }
|
|
2463
2561
|
.iui-input-container.iui-with-message{
|
|
2464
|
-
-ms-grid-rows:auto auto auto;
|
|
2465
|
-
-ms-grid-columns:auto 1fr;
|
|
2562
|
+
-ms-grid-rows: auto auto auto;
|
|
2563
|
+
-ms-grid-columns: auto 1fr;
|
|
2466
2564
|
grid-template:'label label' 'inputs inputs' 'icon message' / auto 1fr; }
|
|
2467
2565
|
.iui-input-container.iui-with-message:not(.iui-inline-icon) > .iui-input-icon{
|
|
2468
2566
|
margin-top:3px; }
|
|
2469
2567
|
.iui-input-container .iui-input,
|
|
2568
|
+
.iui-input-container .iui-input-with-icon,
|
|
2470
2569
|
.iui-input-container .iui-textarea,
|
|
2471
|
-
.iui-input-container .iui-input-group
|
|
2472
|
-
.iui-input-container .iui-select{
|
|
2570
|
+
.iui-input-container .iui-input-group{
|
|
2473
2571
|
-ms-grid-row:2;
|
|
2474
2572
|
-ms-grid-column:1;
|
|
2475
2573
|
-ms-grid-column-span:2;
|
|
@@ -2487,23 +2585,23 @@ html.iui-theme-dark{
|
|
|
2487
2585
|
.iui-input-container .iui-radio{
|
|
2488
2586
|
min-height:22px; }
|
|
2489
2587
|
.iui-input-container.iui-inline-label{
|
|
2490
|
-
-ms-grid-rows:auto;
|
|
2491
|
-
-ms-grid-columns:auto 1fr auto;
|
|
2588
|
+
-ms-grid-rows: auto;
|
|
2589
|
+
-ms-grid-columns: auto 1fr auto;
|
|
2492
2590
|
grid-template:'label inputs icon' / auto 1fr auto; }
|
|
2493
2591
|
div.iui-input-container.iui-inline-label{
|
|
2494
2592
|
-ms-grid-columns:auto min-content auto; }
|
|
2495
2593
|
.iui-input-container.iui-inline-label .iui-input,
|
|
2594
|
+
.iui-input-container.iui-inline-label .iui-input-with-icon,
|
|
2496
2595
|
.iui-input-container.iui-inline-label .iui-textarea,
|
|
2497
|
-
.iui-input-container.iui-inline-label .iui-input-group
|
|
2498
|
-
.iui-input-container.iui-inline-label .iui-select{
|
|
2596
|
+
.iui-input-container.iui-inline-label .iui-input-group{
|
|
2499
2597
|
-ms-grid-row:1;
|
|
2500
2598
|
-ms-grid-column:2; }
|
|
2501
2599
|
.iui-input-container.iui-inline-label .iui-input-icon{
|
|
2502
2600
|
-ms-grid-row:1;
|
|
2503
2601
|
-ms-grid-column:3; }
|
|
2504
2602
|
.iui-input-container.iui-inline-label.iui-with-message{
|
|
2505
|
-
-ms-grid-rows:auto auto;
|
|
2506
|
-
-ms-grid-columns:auto auto 1fr;
|
|
2603
|
+
-ms-grid-rows: auto auto;
|
|
2604
|
+
-ms-grid-columns: auto auto 1fr;
|
|
2507
2605
|
grid-template:'label inputs inputs' '. icon message' / auto auto 1fr; }
|
|
2508
2606
|
.iui-input-container.iui-inline-label.iui-with-message:not(.iui-inline-icon) > .iui-input-icon{
|
|
2509
2607
|
-ms-grid-row:2;
|
|
@@ -2539,7 +2637,7 @@ html.iui-theme-dark{
|
|
|
2539
2637
|
margin-left:4px;
|
|
2540
2638
|
color:#D30A0A;
|
|
2541
2639
|
color:var(--iui-color-foreground-negative); }
|
|
2542
|
-
.iui-input-container
|
|
2640
|
+
.iui-input-container .iui-input-icon{
|
|
2543
2641
|
-ms-grid-row:3;
|
|
2544
2642
|
-ms-grid-column:1;
|
|
2545
2643
|
display:flex;
|
|
@@ -2550,7 +2648,7 @@ html.iui-theme-dark{
|
|
|
2550
2648
|
align-self:center;
|
|
2551
2649
|
fill:rgba(0, 0, 0, 0.4);
|
|
2552
2650
|
fill:var(--iui-icons-color); }
|
|
2553
|
-
.iui-input-container
|
|
2651
|
+
.iui-input-container .iui-input-icon:not(:last-child){
|
|
2554
2652
|
margin-right:4px; }
|
|
2555
2653
|
.iui-input-container .iui-message{
|
|
2556
2654
|
-ms-grid-row:3;
|
|
@@ -2565,19 +2663,17 @@ html.iui-theme-dark{
|
|
|
2565
2663
|
-moz-user-select:none;
|
|
2566
2664
|
-ms-user-select:none;
|
|
2567
2665
|
user-select:none; }
|
|
2568
|
-
.iui-input-container.iui-inline-label > .iui-label{
|
|
2569
|
-
margin:0 16px 0 0;
|
|
2570
|
-
-ms-grid-column-span:1; }
|
|
2571
|
-
.iui-input-container.iui-inline-label > .iui-label.iui-required{
|
|
2572
|
-
margin-right:6px; }
|
|
2573
2666
|
.iui-input-container.iui-inline-icon > .iui-input-icon{
|
|
2574
2667
|
-ms-grid-row:1;
|
|
2575
2668
|
-ms-grid-column:3;
|
|
2576
2669
|
grid-area:inputs;
|
|
2577
2670
|
-ms-grid-column-align:end;
|
|
2578
2671
|
justify-self:end;
|
|
2579
|
-
margin:0
|
|
2672
|
+
margin:0 14px 0 0;
|
|
2580
2673
|
position:relative; }
|
|
2674
|
+
.iui-input-container.iui-inline-icon > .iui-input-icon svg{
|
|
2675
|
+
width:16px;
|
|
2676
|
+
height:16px; }
|
|
2581
2677
|
.iui-input-container.iui-inline-icon > .iui-input-icon.iui-button{
|
|
2582
2678
|
height:100%;
|
|
2583
2679
|
width:-webkit-fit-content;
|
|
@@ -2589,7 +2685,7 @@ html.iui-theme-dark{
|
|
|
2589
2685
|
.iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable{
|
|
2590
2686
|
align-items:center;
|
|
2591
2687
|
height:90%;
|
|
2592
|
-
margin-right:
|
|
2688
|
+
margin-right:2px;
|
|
2593
2689
|
padding:0 12px;
|
|
2594
2690
|
cursor:pointer;
|
|
2595
2691
|
background-position:center;
|
|
@@ -2601,13 +2697,21 @@ html.iui-theme-dark{
|
|
|
2601
2697
|
background-size:100%;
|
|
2602
2698
|
transition:background 0s; }
|
|
2603
2699
|
.iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable svg{
|
|
2604
|
-
width:16px;
|
|
2605
|
-
height:16px;
|
|
2606
2700
|
fill:rgba(0, 0, 0, 0.4);
|
|
2607
2701
|
fill:var(--iui-icons-color);
|
|
2608
2702
|
transition:transform 0.2s ease-out; }
|
|
2609
2703
|
.iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable.iui-open svg{
|
|
2610
2704
|
transform:rotate(180deg); }
|
|
2705
|
+
.iui-input-container.iui-inline-icon > .iui-input-icon.iui-disabled{
|
|
2706
|
+
cursor:not-allowed; }
|
|
2707
|
+
.iui-input-container.iui-inline-icon > .iui-input-icon.iui-disabled svg{
|
|
2708
|
+
fill:rgba(0, 0, 0, 0.2);
|
|
2709
|
+
fill:var(--iui-icons-color-actionable-disabled); }
|
|
2710
|
+
.iui-input-container.iui-inline-label > .iui-label{
|
|
2711
|
+
margin:0 16px 0 0;
|
|
2712
|
+
-ms-grid-column-span:1; }
|
|
2713
|
+
.iui-input-container.iui-inline-label > .iui-label.iui-required{
|
|
2714
|
+
margin-right:6px; }
|
|
2611
2715
|
.iui-input-container.iui-positive *::-moz-selection{
|
|
2612
2716
|
background-color:rgba(83, 162, 26, 0.4);
|
|
2613
2717
|
background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-4)); }
|
|
@@ -2628,29 +2732,39 @@ html.iui-theme-dark{
|
|
|
2628
2732
|
text-decoration:none;
|
|
2629
2733
|
color:#3c7613;
|
|
2630
2734
|
color:var(--iui-color-foreground-positive-overlay); }
|
|
2631
|
-
.iui-input-container.iui-positive
|
|
2632
|
-
.iui-input-container.iui-positive
|
|
2633
|
-
.iui-input-container.iui-positive > .iui-select > .iui-select-button{
|
|
2735
|
+
.iui-input-container.iui-positive .iui-input,
|
|
2736
|
+
.iui-input-container.iui-positive .iui-textarea{
|
|
2634
2737
|
padding-bottom:6px;
|
|
2635
2738
|
border-bottom:2px solid #53A21A;
|
|
2636
2739
|
border-bottom:2px solid var(--iui-color-foreground-positive); }
|
|
2637
|
-
.iui-input-container.iui-positive
|
|
2638
|
-
.iui-input-container.iui-positive
|
|
2639
|
-
.iui-input-container.iui-positive > .iui-select > .iui-select-button.iui-small{
|
|
2740
|
+
.iui-input-container.iui-positive .iui-input.iui-small,
|
|
2741
|
+
.iui-input-container.iui-positive .iui-textarea.iui-small{
|
|
2640
2742
|
padding-bottom:0.5px; }
|
|
2641
|
-
.iui-input-container.iui-positive
|
|
2642
|
-
.iui-input-container.iui-positive
|
|
2643
|
-
.iui-input-container.iui-positive > .iui-select > .iui-select-button.iui-large{
|
|
2743
|
+
.iui-input-container.iui-positive .iui-input.iui-large,
|
|
2744
|
+
.iui-input-container.iui-positive .iui-textarea.iui-large{
|
|
2644
2745
|
padding-bottom:11.5px; }
|
|
2645
|
-
.iui-input-container.iui-positive
|
|
2646
|
-
.iui-input-container.iui-positive
|
|
2647
|
-
.iui-input-container.iui-positive > .iui-select > .iui-select-button:focus{
|
|
2746
|
+
.iui-input-container.iui-positive .iui-input:focus,
|
|
2747
|
+
.iui-input-container.iui-positive .iui-textarea:focus{
|
|
2648
2748
|
border-bottom:2px solid #53A21A;
|
|
2649
2749
|
outline:2px solid #53A21A;
|
|
2650
2750
|
outline-offset:-2px;
|
|
2651
2751
|
border-bottom:2px solid var(--iui-color-foreground-positive);
|
|
2652
2752
|
outline:2px solid var(--iui-color-foreground-positive);
|
|
2653
2753
|
outline-offset:-2px; }
|
|
2754
|
+
.iui-input-container.iui-positive .iui-input-with-icon{
|
|
2755
|
+
--_hover-color:var(--iui-color-foreground-positive);
|
|
2756
|
+
--_focus-color:var(--iui-color-foreground-positive); }
|
|
2757
|
+
.iui-input-container.iui-positive .iui-select-button{
|
|
2758
|
+
border-bottom:transparent; }
|
|
2759
|
+
.iui-input-container.iui-positive .iui-select-button::after{
|
|
2760
|
+
content:'';
|
|
2761
|
+
width:100%;
|
|
2762
|
+
position:absolute;
|
|
2763
|
+
bottom:0;
|
|
2764
|
+
left:0;
|
|
2765
|
+
height:2px;
|
|
2766
|
+
background-color:#53A21A;
|
|
2767
|
+
background-color:var(--iui-color-foreground-positive); }
|
|
2654
2768
|
.iui-input-container.iui-negative *::-moz-selection{
|
|
2655
2769
|
background-color:rgba(211, 10, 10, 0.4);
|
|
2656
2770
|
background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-4)); }
|
|
@@ -2671,29 +2785,39 @@ html.iui-theme-dark{
|
|
|
2671
2785
|
text-decoration:none;
|
|
2672
2786
|
color:#a20808;
|
|
2673
2787
|
color:var(--iui-color-foreground-negative-overlay); }
|
|
2674
|
-
.iui-input-container.iui-negative
|
|
2675
|
-
.iui-input-container.iui-negative
|
|
2676
|
-
.iui-input-container.iui-negative > .iui-select > .iui-select-button{
|
|
2788
|
+
.iui-input-container.iui-negative .iui-input,
|
|
2789
|
+
.iui-input-container.iui-negative .iui-textarea{
|
|
2677
2790
|
padding-bottom:6px;
|
|
2678
2791
|
border-bottom:2px solid #D30A0A;
|
|
2679
2792
|
border-bottom:2px solid var(--iui-color-foreground-negative); }
|
|
2680
|
-
.iui-input-container.iui-negative
|
|
2681
|
-
.iui-input-container.iui-negative
|
|
2682
|
-
.iui-input-container.iui-negative > .iui-select > .iui-select-button.iui-small{
|
|
2793
|
+
.iui-input-container.iui-negative .iui-input.iui-small,
|
|
2794
|
+
.iui-input-container.iui-negative .iui-textarea.iui-small{
|
|
2683
2795
|
padding-bottom:0.5px; }
|
|
2684
|
-
.iui-input-container.iui-negative
|
|
2685
|
-
.iui-input-container.iui-negative
|
|
2686
|
-
.iui-input-container.iui-negative > .iui-select > .iui-select-button.iui-large{
|
|
2796
|
+
.iui-input-container.iui-negative .iui-input.iui-large,
|
|
2797
|
+
.iui-input-container.iui-negative .iui-textarea.iui-large{
|
|
2687
2798
|
padding-bottom:11.5px; }
|
|
2688
|
-
.iui-input-container.iui-negative
|
|
2689
|
-
.iui-input-container.iui-negative
|
|
2690
|
-
.iui-input-container.iui-negative > .iui-select > .iui-select-button:focus{
|
|
2799
|
+
.iui-input-container.iui-negative .iui-input:focus,
|
|
2800
|
+
.iui-input-container.iui-negative .iui-textarea:focus{
|
|
2691
2801
|
border-bottom:2px solid #D30A0A;
|
|
2692
2802
|
outline:2px solid #D30A0A;
|
|
2693
2803
|
outline-offset:-2px;
|
|
2694
2804
|
border-bottom:2px solid var(--iui-color-foreground-negative);
|
|
2695
2805
|
outline:2px solid var(--iui-color-foreground-negative);
|
|
2696
2806
|
outline-offset:-2px; }
|
|
2807
|
+
.iui-input-container.iui-negative .iui-input-with-icon{
|
|
2808
|
+
--_hover-color:var(--iui-color-foreground-negative);
|
|
2809
|
+
--_focus-color:var(--iui-color-foreground-negative); }
|
|
2810
|
+
.iui-input-container.iui-negative .iui-select-button{
|
|
2811
|
+
border-bottom:transparent; }
|
|
2812
|
+
.iui-input-container.iui-negative .iui-select-button::after{
|
|
2813
|
+
content:'';
|
|
2814
|
+
width:100%;
|
|
2815
|
+
position:absolute;
|
|
2816
|
+
bottom:0;
|
|
2817
|
+
left:0;
|
|
2818
|
+
height:2px;
|
|
2819
|
+
background-color:#D30A0A;
|
|
2820
|
+
background-color:var(--iui-color-foreground-negative); }
|
|
2697
2821
|
.iui-input-container.iui-warning *::-moz-selection{
|
|
2698
2822
|
background-color:rgba(241, 139, 18, 0.4);
|
|
2699
2823
|
background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-4)); }
|
|
@@ -2714,29 +2838,39 @@ html.iui-theme-dark{
|
|
|
2714
2838
|
text-decoration:none;
|
|
2715
2839
|
color:#c4700c;
|
|
2716
2840
|
color:var(--iui-color-foreground-warning-overlay); }
|
|
2717
|
-
.iui-input-container.iui-warning
|
|
2718
|
-
.iui-input-container.iui-warning
|
|
2719
|
-
.iui-input-container.iui-warning > .iui-select > .iui-select-button{
|
|
2841
|
+
.iui-input-container.iui-warning .iui-input,
|
|
2842
|
+
.iui-input-container.iui-warning .iui-textarea{
|
|
2720
2843
|
padding-bottom:6px;
|
|
2721
2844
|
border-bottom:2px solid #F18B12;
|
|
2722
2845
|
border-bottom:2px solid var(--iui-color-foreground-warning); }
|
|
2723
|
-
.iui-input-container.iui-warning
|
|
2724
|
-
.iui-input-container.iui-warning
|
|
2725
|
-
.iui-input-container.iui-warning > .iui-select > .iui-select-button.iui-small{
|
|
2846
|
+
.iui-input-container.iui-warning .iui-input.iui-small,
|
|
2847
|
+
.iui-input-container.iui-warning .iui-textarea.iui-small{
|
|
2726
2848
|
padding-bottom:0.5px; }
|
|
2727
|
-
.iui-input-container.iui-warning
|
|
2728
|
-
.iui-input-container.iui-warning
|
|
2729
|
-
.iui-input-container.iui-warning > .iui-select > .iui-select-button.iui-large{
|
|
2849
|
+
.iui-input-container.iui-warning .iui-input.iui-large,
|
|
2850
|
+
.iui-input-container.iui-warning .iui-textarea.iui-large{
|
|
2730
2851
|
padding-bottom:11.5px; }
|
|
2731
|
-
.iui-input-container.iui-warning
|
|
2732
|
-
.iui-input-container.iui-warning
|
|
2733
|
-
.iui-input-container.iui-warning > .iui-select > .iui-select-button:focus{
|
|
2852
|
+
.iui-input-container.iui-warning .iui-input:focus,
|
|
2853
|
+
.iui-input-container.iui-warning .iui-textarea:focus{
|
|
2734
2854
|
border-bottom:2px solid #F18B12;
|
|
2735
2855
|
outline:2px solid #F18B12;
|
|
2736
2856
|
outline-offset:-2px;
|
|
2737
2857
|
border-bottom:2px solid var(--iui-color-foreground-warning);
|
|
2738
2858
|
outline:2px solid var(--iui-color-foreground-warning);
|
|
2739
2859
|
outline-offset:-2px; }
|
|
2860
|
+
.iui-input-container.iui-warning .iui-input-with-icon{
|
|
2861
|
+
--_hover-color:var(--iui-color-foreground-warning);
|
|
2862
|
+
--_focus-color:var(--iui-color-foreground-warning); }
|
|
2863
|
+
.iui-input-container.iui-warning .iui-select-button{
|
|
2864
|
+
border-bottom:transparent; }
|
|
2865
|
+
.iui-input-container.iui-warning .iui-select-button::after{
|
|
2866
|
+
content:'';
|
|
2867
|
+
width:100%;
|
|
2868
|
+
position:absolute;
|
|
2869
|
+
bottom:0;
|
|
2870
|
+
left:0;
|
|
2871
|
+
height:2px;
|
|
2872
|
+
background-color:#F18B12;
|
|
2873
|
+
background-color:var(--iui-color-foreground-warning); }
|
|
2740
2874
|
|
|
2741
2875
|
.iui-input-label{
|
|
2742
2876
|
font-weight:600;
|
|
@@ -2844,7 +2978,70 @@ html.iui-theme-dark{
|
|
|
2844
2978
|
border-color:#EEF0F3;
|
|
2845
2979
|
background-color:var(--iui-color-background-disabled);
|
|
2846
2980
|
border-color:var(--iui-color-background-disabled);
|
|
2981
|
+
cursor:not-allowed;
|
|
2982
|
+
--_hover-color:var(--iui-color-background-disabled); }
|
|
2983
|
+
|
|
2984
|
+
.iui-select-button{
|
|
2985
|
+
width:100%;
|
|
2986
|
+
margin:0;
|
|
2987
|
+
border-radius:3px;
|
|
2988
|
+
box-sizing:border-box;
|
|
2989
|
+
padding:7px 12px;
|
|
2990
|
+
min-height:38px;
|
|
2991
|
+
transition:border-color 0.2s ease-out;
|
|
2992
|
+
display:flex;
|
|
2993
|
+
align-items:center;
|
|
2994
|
+
-webkit-user-select:none;
|
|
2995
|
+
-moz-user-select:none;
|
|
2996
|
+
-ms-user-select:none;
|
|
2997
|
+
user-select:none;
|
|
2998
|
+
position:relative;
|
|
2999
|
+
overflow:hidden;
|
|
3000
|
+
color:rgba(0, 0, 0, 0.8);
|
|
3001
|
+
background-color:#FFF;
|
|
3002
|
+
border:1px solid rgba(0, 0, 0, 0.4);
|
|
3003
|
+
color:var(--iui-text-color);
|
|
3004
|
+
background-color:var(--iui-color-background-1);
|
|
3005
|
+
border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); }
|
|
3006
|
+
.iui-select-button:focus-visible{
|
|
3007
|
+
outline:2px solid var(--iui-color-foreground-primary);
|
|
3008
|
+
outline-offset:-2px; }
|
|
3009
|
+
@supports not selector(*:focus-visible){
|
|
3010
|
+
.iui-select-button:focus{
|
|
3011
|
+
outline:2px solid var(--iui-color-foreground-primary);
|
|
3012
|
+
outline-offset:-2px; } }
|
|
3013
|
+
.iui-select-button.iui-small{
|
|
3014
|
+
padding-top:1.5px;
|
|
3015
|
+
padding-bottom:1.5px;
|
|
3016
|
+
min-height:27px; }
|
|
3017
|
+
.iui-select-button.iui-large{
|
|
3018
|
+
padding-top:12.5px;
|
|
3019
|
+
padding-bottom:12.5px;
|
|
3020
|
+
min-height:49px;
|
|
3021
|
+
font-size:16px; }
|
|
3022
|
+
.iui-select-button.iui-disabled{
|
|
3023
|
+
background-color:#EEF0F3;
|
|
3024
|
+
border-color:#EEF0F3;
|
|
3025
|
+
background-color:var(--iui-color-background-disabled);
|
|
3026
|
+
border-color:var(--iui-color-background-disabled);
|
|
3027
|
+
--_hover-color:var(--iui-color-background-disabled);
|
|
2847
3028
|
cursor:not-allowed; }
|
|
3029
|
+
.iui-select-button .iui-icon{
|
|
3030
|
+
width:16px;
|
|
3031
|
+
height:16px;
|
|
3032
|
+
flex:0 0 auto;
|
|
3033
|
+
fill:rgba(0, 0, 0, 0.8);
|
|
3034
|
+
fill:var(--iui-icons-color-actionable);
|
|
3035
|
+
fill:currentColor; }
|
|
3036
|
+
.iui-select-button .iui-icon + .iui-content{
|
|
3037
|
+
margin-left:8px; }
|
|
3038
|
+
.iui-select-button .iui-content{
|
|
3039
|
+
overflow:hidden;
|
|
3040
|
+
white-space:nowrap;
|
|
3041
|
+
text-overflow:ellipsis; }
|
|
3042
|
+
.iui-select-button.iui-placeholder{
|
|
3043
|
+
color:rgba(0, 0, 0, 0.2);
|
|
3044
|
+
color:var(--iui-text-color-placeholder); }
|
|
2848
3045
|
|
|
2849
3046
|
.iui-textarea{
|
|
2850
3047
|
margin:0;
|
|
@@ -2932,220 +3129,110 @@ html.iui-theme-dark{
|
|
|
2932
3129
|
border-color:#EEF0F3;
|
|
2933
3130
|
background-color:var(--iui-color-background-disabled);
|
|
2934
3131
|
border-color:var(--iui-color-background-disabled);
|
|
2935
|
-
cursor:not-allowed;
|
|
3132
|
+
cursor:not-allowed;
|
|
3133
|
+
--_hover-color:var(--iui-color-background-disabled); }
|
|
2936
3134
|
.iui-textarea[disabled], .iui-textarea[readonly]{
|
|
2937
3135
|
resize:none; }
|
|
2938
3136
|
|
|
2939
|
-
.iui-
|
|
3137
|
+
.iui-input-with-icon{
|
|
3138
|
+
display:-ms-grid;
|
|
3139
|
+
display:grid;
|
|
3140
|
+
align-items:center;
|
|
3141
|
+
cursor:pointer; }
|
|
3142
|
+
.iui-input-with-icon > :first-child{
|
|
3143
|
+
-ms-grid-row:1;
|
|
3144
|
+
grid-area:1 / -1;
|
|
3145
|
+
padding-right:40px; }
|
|
3146
|
+
.iui-input-with-icon:focus-within > :first-child{
|
|
3147
|
+
outline:2px solid var(--_focus-color, var(--iui-color-foreground-primary));
|
|
3148
|
+
outline-offset:-2px; }
|
|
3149
|
+
.iui-input-with-icon:hover > :first-child{
|
|
3150
|
+
border-color:var(--_hover-color, rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2))); }
|
|
3151
|
+
|
|
3152
|
+
.iui-end-icon{
|
|
3153
|
+
-ms-grid-row:1;
|
|
3154
|
+
-ms-grid-column:3;
|
|
3155
|
+
grid-area:inputs;
|
|
3156
|
+
-ms-grid-column-align:end;
|
|
3157
|
+
justify-self:end;
|
|
3158
|
+
margin:0 14px 0 0;
|
|
3159
|
+
position:relative;
|
|
3160
|
+
display:flex;
|
|
3161
|
+
grid-area:1 / -1; }
|
|
3162
|
+
.iui-end-icon svg{
|
|
3163
|
+
width:16px;
|
|
3164
|
+
height:16px; }
|
|
3165
|
+
.iui-end-icon.iui-button{
|
|
3166
|
+
height:100%;
|
|
3167
|
+
width:-webkit-fit-content;
|
|
3168
|
+
width:-moz-fit-content;
|
|
3169
|
+
width:fit-content;
|
|
3170
|
+
margin-right:0;
|
|
3171
|
+
border-top-left-radius:0;
|
|
3172
|
+
border-bottom-left-radius:0; }
|
|
3173
|
+
.iui-end-icon.iui-actionable{
|
|
3174
|
+
align-items:center;
|
|
3175
|
+
height:90%;
|
|
3176
|
+
margin-right:2px;
|
|
3177
|
+
padding:0 12px;
|
|
3178
|
+
cursor:pointer;
|
|
3179
|
+
background-position:center;
|
|
3180
|
+
transition:background 0.4s ease-out; }
|
|
3181
|
+
.iui-end-icon.iui-actionable:hover{
|
|
3182
|
+
background:var(--iui-color-background-1) radial-gradient(circle, transparent 1%, var(--iui-color-background-1) 1%) center/15000%; }
|
|
3183
|
+
.iui-end-icon.iui-actionable:active{
|
|
3184
|
+
background-color:var(--iui-color-background-2);
|
|
3185
|
+
background-size:100%;
|
|
3186
|
+
transition:background 0s; }
|
|
3187
|
+
.iui-end-icon.iui-actionable svg{
|
|
3188
|
+
fill:rgba(0, 0, 0, 0.4);
|
|
3189
|
+
fill:var(--iui-icons-color);
|
|
3190
|
+
transition:transform 0.2s ease-out; }
|
|
3191
|
+
.iui-end-icon.iui-actionable.iui-open svg{
|
|
3192
|
+
transform:rotate(180deg); }
|
|
3193
|
+
.iui-end-icon.iui-disabled{
|
|
3194
|
+
cursor:not-allowed; }
|
|
3195
|
+
.iui-end-icon.iui-disabled svg{
|
|
3196
|
+
fill:rgba(0, 0, 0, 0.2);
|
|
3197
|
+
fill:var(--iui-icons-color-actionable-disabled); }
|
|
3198
|
+
|
|
3199
|
+
.iui-checkbox{
|
|
2940
3200
|
margin:0;
|
|
2941
3201
|
padding:0;
|
|
2942
3202
|
border:none;
|
|
2943
3203
|
vertical-align:baseline;
|
|
2944
3204
|
display:flex;
|
|
2945
|
-
|
|
3205
|
+
align-items:center;
|
|
3206
|
+
font-size:14px;
|
|
3207
|
+
width:-webkit-fit-content;
|
|
3208
|
+
width:-moz-fit-content;
|
|
3209
|
+
width:fit-content;
|
|
3210
|
+
-webkit-user-select:none;
|
|
3211
|
+
-moz-user-select:none;
|
|
3212
|
+
-ms-user-select:none;
|
|
3213
|
+
user-select:none;
|
|
2946
3214
|
position:relative;
|
|
2947
|
-
|
|
2948
|
-
|
|
2949
|
-
|
|
2950
|
-
|
|
2951
|
-
|
|
2952
|
-
|
|
2953
|
-
width:100%;
|
|
2954
|
-
font-family:inherit;
|
|
2955
|
-
font-size:14px;
|
|
2956
|
-
font-weight:400;
|
|
2957
|
-
line-height:22px;
|
|
2958
|
-
border-radius:3px;
|
|
3215
|
+
cursor:pointer;
|
|
3216
|
+
color:rgba(0, 0, 0, 0.8);
|
|
3217
|
+
color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); }
|
|
3218
|
+
.iui-checkbox > input{
|
|
3219
|
+
width:0;
|
|
3220
|
+
height:0;
|
|
2959
3221
|
-webkit-appearance:none;
|
|
2960
3222
|
-moz-appearance:none;
|
|
2961
3223
|
appearance:none;
|
|
2962
|
-
|
|
2963
|
-
|
|
2964
|
-
|
|
2965
|
-
|
|
2966
|
-
|
|
2967
|
-
|
|
2968
|
-
|
|
2969
|
-
|
|
2970
|
-
|
|
3224
|
+
opacity:0;
|
|
3225
|
+
position:absolute; }
|
|
3226
|
+
.iui-checkbox.iui-disabled{
|
|
3227
|
+
cursor:not-allowed; }
|
|
3228
|
+
.iui-checkbox .iui-checkbox-checkmark,
|
|
3229
|
+
.iui-checkbox .iui-radio-dot{
|
|
3230
|
+
width:16px;
|
|
3231
|
+
height:16px;
|
|
3232
|
+
margin:0;
|
|
2971
3233
|
display:flex;
|
|
2972
|
-
|
|
2973
|
-
|
|
2974
|
-
padding-right:32px;
|
|
2975
|
-
-webkit-user-select:none;
|
|
2976
|
-
-moz-user-select:none;
|
|
2977
|
-
-ms-user-select:none;
|
|
2978
|
-
user-select:none;
|
|
2979
|
-
position:relative; }
|
|
2980
|
-
.iui-select > .iui-select-button:focus-visible{
|
|
2981
|
-
outline:2px solid var(--iui-color-foreground-primary);
|
|
2982
|
-
outline-offset:-2px; }
|
|
2983
|
-
@supports not selector(*:focus-visible){
|
|
2984
|
-
.iui-select > .iui-select-button:focus{
|
|
2985
|
-
outline:2px solid var(--iui-color-foreground-primary);
|
|
2986
|
-
outline-offset:-2px; } }
|
|
2987
|
-
@media (prefers-reduced-motion: no-preference){
|
|
2988
|
-
.iui-select > .iui-select-button{
|
|
2989
|
-
transition:border-color 0.2s ease-out; } }
|
|
2990
|
-
.iui-select > .iui-select-button.iui-small{
|
|
2991
|
-
padding-top:1.5px;
|
|
2992
|
-
padding-bottom:1.5px;
|
|
2993
|
-
min-height:27px; }
|
|
2994
|
-
.iui-select > .iui-select-button.iui-large{
|
|
2995
|
-
padding-top:12.5px;
|
|
2996
|
-
padding-bottom:12.5px;
|
|
2997
|
-
min-height:49px;
|
|
2998
|
-
font-size:16px; }
|
|
2999
|
-
.iui-select > .iui-select-button::-moz-placeholder{
|
|
3000
|
-
-moz-user-select:none;
|
|
3001
|
-
user-select:none;
|
|
3002
|
-
color:rgba(0, 0, 0, 0.2);
|
|
3003
|
-
color:var(--iui-text-color-placeholder); }
|
|
3004
|
-
.iui-select > .iui-select-button:-ms-input-placeholder{
|
|
3005
|
-
-ms-user-select:none;
|
|
3006
|
-
user-select:none;
|
|
3007
|
-
color:rgba(0, 0, 0, 0.2);
|
|
3008
|
-
color:var(--iui-text-color-placeholder); }
|
|
3009
|
-
.iui-select > .iui-select-button::placeholder{
|
|
3010
|
-
-webkit-user-select:none;
|
|
3011
|
-
-moz-user-select:none;
|
|
3012
|
-
-ms-user-select:none;
|
|
3013
|
-
user-select:none;
|
|
3014
|
-
color:rgba(0, 0, 0, 0.2);
|
|
3015
|
-
color:var(--iui-text-color-placeholder); }
|
|
3016
|
-
.iui-select > .iui-select-button:-webkit-autofill{
|
|
3017
|
-
border-color:#008be1;
|
|
3018
|
-
color:#008be1;
|
|
3019
|
-
background:linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF);
|
|
3020
|
-
border-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1));
|
|
3021
|
-
color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1));
|
|
3022
|
-
background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1)); }
|
|
3023
|
-
.iui-select > .iui-select-button:autofill{
|
|
3024
|
-
border-color:#008be1;
|
|
3025
|
-
color:#008be1;
|
|
3026
|
-
background:linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF);
|
|
3027
|
-
border-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1));
|
|
3028
|
-
color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1));
|
|
3029
|
-
background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1)); }
|
|
3030
|
-
.iui-select > .iui-select-button:hover{
|
|
3031
|
-
border-color:rgba(0, 0, 0, 0.8);
|
|
3032
|
-
border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); }
|
|
3033
|
-
@media (prefers-reduced-motion: no-preference){
|
|
3034
|
-
.iui-select > .iui-select-button:hover{
|
|
3035
|
-
transition:border-color 0.2s ease-out; } }
|
|
3036
|
-
.iui-select > .iui-select-button[disabled]{
|
|
3037
|
-
background-color:#EEF0F3;
|
|
3038
|
-
border-color:#EEF0F3;
|
|
3039
|
-
background-color:var(--iui-color-background-disabled);
|
|
3040
|
-
border-color:var(--iui-color-background-disabled);
|
|
3041
|
-
cursor:not-allowed; }
|
|
3042
|
-
.iui-select > .iui-select-button:focus-visible{
|
|
3043
|
-
outline:2px solid var(--iui-color-foreground-primary);
|
|
3044
|
-
outline-offset:-2px; }
|
|
3045
|
-
@supports not selector(*:focus-visible){
|
|
3046
|
-
.iui-select > .iui-select-button:focus{
|
|
3047
|
-
outline:2px solid var(--iui-color-foreground-primary);
|
|
3048
|
-
outline-offset:-2px; } }
|
|
3049
|
-
@media (prefers-reduced-motion: no-preference){
|
|
3050
|
-
.iui-select > .iui-select-button{
|
|
3051
|
-
transition:border-color 0.2s ease-out; } }
|
|
3052
|
-
.iui-select > .iui-select-button > .iui-icon{
|
|
3053
|
-
width:16px;
|
|
3054
|
-
height:16px;
|
|
3055
|
-
flex:0 0 auto;
|
|
3056
|
-
fill:rgba(0, 0, 0, 0.8);
|
|
3057
|
-
fill:var(--iui-icons-color-actionable); }
|
|
3058
|
-
.iui-select > .iui-select-button > .iui-icon + .iui-content{
|
|
3059
|
-
margin-left:8px; }
|
|
3060
|
-
.iui-select > .iui-select-button > .iui-content{
|
|
3061
|
-
overflow:hidden;
|
|
3062
|
-
white-space:nowrap;
|
|
3063
|
-
text-overflow:ellipsis; }
|
|
3064
|
-
.iui-select > .iui-select-button.iui-placeholder{
|
|
3065
|
-
color:rgba(0, 0, 0, 0.2);
|
|
3066
|
-
color:var(--iui-text-color-placeholder); }
|
|
3067
|
-
.iui-select > .iui-select-button::after{
|
|
3068
|
-
content:'';
|
|
3069
|
-
position:absolute;
|
|
3070
|
-
top:50%;
|
|
3071
|
-
right:16px;
|
|
3072
|
-
transform:translateY(-50%);
|
|
3073
|
-
width:0;
|
|
3074
|
-
height:0;
|
|
3075
|
-
border-left:5px solid transparent;
|
|
3076
|
-
border-right:5px solid transparent;
|
|
3077
|
-
border-top:5px solid rgba(0, 0, 0, 0.8);
|
|
3078
|
-
border-top:5px solid var(--iui-icons-color-actionable); }
|
|
3079
|
-
.iui-select > .iui-select-button:hover{
|
|
3080
|
-
border-color:rgba(0, 0, 0, 0.8);
|
|
3081
|
-
border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); }
|
|
3082
|
-
.iui-select > .iui-select-button:hover::after{
|
|
3083
|
-
border-bottom:none;
|
|
3084
|
-
border-top:5px solid black;
|
|
3085
|
-
border-top:5px solid var(--iui-icons-color-actionable-hover); }
|
|
3086
|
-
.iui-select > .iui-select-button.iui-active::after{
|
|
3087
|
-
border-top:none;
|
|
3088
|
-
border-bottom:5px solid rgba(0, 0, 0, 0.8);
|
|
3089
|
-
border-bottom:5px solid var(--iui-icons-color-actionable); }
|
|
3090
|
-
.iui-select > .iui-select-button.iui-active:hover::after{
|
|
3091
|
-
border-bottom:5px solid black;
|
|
3092
|
-
border-bottom:5px solid var(--iui-icons-color-actionable-hover); }
|
|
3093
|
-
.iui-select > .iui-select-button.iui-disabled{
|
|
3094
|
-
cursor:not-allowed;
|
|
3095
|
-
background-color:#EEF0F3;
|
|
3096
|
-
border-color:#EEF0F3;
|
|
3097
|
-
background-color:var(--iui-color-background-disabled);
|
|
3098
|
-
border-color:var(--iui-color-background-disabled); }
|
|
3099
|
-
.iui-select > .iui-select-button.iui-disabled::after{
|
|
3100
|
-
border-top:5px solid rgba(0, 0, 0, 0.2);
|
|
3101
|
-
border-top:5px solid var(--iui-icons-color-actionable-disabled); }
|
|
3102
|
-
.iui-select.iui-small .iui-select-button{
|
|
3103
|
-
padding-top:1.5px;
|
|
3104
|
-
padding-bottom:1.5px;
|
|
3105
|
-
min-height:27px; }
|
|
3106
|
-
.iui-select.iui-large .iui-select-button{
|
|
3107
|
-
padding-top:12.5px;
|
|
3108
|
-
padding-bottom:12.5px;
|
|
3109
|
-
min-height:49px;
|
|
3110
|
-
font-size:16px; }
|
|
3111
|
-
|
|
3112
|
-
.iui-checkbox{
|
|
3113
|
-
margin:0;
|
|
3114
|
-
padding:0;
|
|
3115
|
-
border:none;
|
|
3116
|
-
vertical-align:baseline;
|
|
3117
|
-
display:flex;
|
|
3118
|
-
align-items:center;
|
|
3119
|
-
font-size:14px;
|
|
3120
|
-
width:-webkit-fit-content;
|
|
3121
|
-
width:-moz-fit-content;
|
|
3122
|
-
width:fit-content;
|
|
3123
|
-
-webkit-user-select:none;
|
|
3124
|
-
-moz-user-select:none;
|
|
3125
|
-
-ms-user-select:none;
|
|
3126
|
-
user-select:none;
|
|
3127
|
-
position:relative;
|
|
3128
|
-
cursor:pointer;
|
|
3129
|
-
color:rgba(0, 0, 0, 0.8);
|
|
3130
|
-
color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); }
|
|
3131
|
-
.iui-checkbox > input{
|
|
3132
|
-
width:0;
|
|
3133
|
-
height:0;
|
|
3134
|
-
-webkit-appearance:none;
|
|
3135
|
-
-moz-appearance:none;
|
|
3136
|
-
appearance:none;
|
|
3137
|
-
opacity:0;
|
|
3138
|
-
position:absolute; }
|
|
3139
|
-
.iui-checkbox.iui-disabled{
|
|
3140
|
-
cursor:not-allowed; }
|
|
3141
|
-
.iui-checkbox .iui-checkbox-checkmark,
|
|
3142
|
-
.iui-checkbox .iui-radio-dot{
|
|
3143
|
-
width:16px;
|
|
3144
|
-
height:16px;
|
|
3145
|
-
margin:0;
|
|
3146
|
-
display:flex;
|
|
3147
|
-
flex-shrink:0;
|
|
3148
|
-
justify-content:center;
|
|
3234
|
+
flex-shrink:0;
|
|
3235
|
+
justify-content:center;
|
|
3149
3236
|
align-items:center;
|
|
3150
3237
|
position:relative;
|
|
3151
3238
|
isolation:isolate;
|
|
@@ -4117,6 +4204,15 @@ html.iui-theme-dark{
|
|
|
4117
4204
|
box-shadow:0 0 0 0 rgba(255, 255, 255, 0);
|
|
4118
4205
|
box-shadow:0 0 0 0 rgba(var(--iui-color-foreground-accessory-rgb), 0); } } }
|
|
4119
4206
|
|
|
4207
|
+
.iui-popover{ }
|
|
4208
|
+
.iui-popover[data-reference-hidden]{
|
|
4209
|
+
visibility:hidden;
|
|
4210
|
+
pointer-events:none; }
|
|
4211
|
+
.iui-popover.tippy-box{
|
|
4212
|
+
all:revert; }
|
|
4213
|
+
.iui-popover .tippy-content{
|
|
4214
|
+
all:revert; }
|
|
4215
|
+
|
|
4120
4216
|
.iui-progress-indicator-linear{
|
|
4121
4217
|
margin:0;
|
|
4122
4218
|
padding:0;
|
|
@@ -4860,7 +4956,7 @@ html.iui-theme-dark{
|
|
|
4860
4956
|
scroll-snap-type:y mandatory; }
|
|
4861
4957
|
.iui-table-body.iui-scroll-snapping .iui-row{
|
|
4862
4958
|
scroll-snap-align:start none; }
|
|
4863
|
-
.iui-table-body.iui-zebra-striping
|
|
4959
|
+
.iui-table-body.iui-zebra-striping .iui-row:nth-child(even):not(.iui-selected){
|
|
4864
4960
|
background-color:rgba(0, 0, 0, 0.02);
|
|
4865
4961
|
background-color:rgba(var(--iui-color-foreground-body-rgb), 0.02); }
|
|
4866
4962
|
.iui-table-body .iui-row{
|
|
@@ -5193,7 +5289,6 @@ html.iui-theme-dark{
|
|
|
5193
5289
|
box-sizing:border-box;
|
|
5194
5290
|
border-radius:3px;
|
|
5195
5291
|
line-height:22px;
|
|
5196
|
-
outline:none;
|
|
5197
5292
|
box-shadow:none;
|
|
5198
5293
|
font-size:14px;
|
|
5199
5294
|
font-weight:400;
|
|
@@ -5770,326 +5865,366 @@ a.iui-tag{
|
|
|
5770
5865
|
color:rgba(0, 0, 0, 0.8);
|
|
5771
5866
|
background-color:var(--iui-color-background-1);
|
|
5772
5867
|
color:var(--iui-text-color); }
|
|
5773
|
-
.iui-tile .iui-
|
|
5774
|
-
width:100%;
|
|
5775
|
-
height:154px;
|
|
5776
|
-
flex-shrink:0;
|
|
5777
|
-
overflow:hidden;
|
|
5778
|
-
position:relative;
|
|
5779
|
-
display:flex;
|
|
5780
|
-
align-items:center;
|
|
5781
|
-
justify-content:center;
|
|
5782
|
-
background-color:#f2f2f2;
|
|
5783
|
-
border-bottom:1px solid #DCE0E3;
|
|
5784
|
-
background-color:var(--iui-color-background-1-overlay);
|
|
5785
|
-
border-bottom:1px solid var(--iui-color-background-4); }
|
|
5786
|
-
.iui-tile .iui-thumbnail > .iui-type-indicator,
|
|
5787
|
-
.iui-tile .iui-thumbnail > .iui-quick-action{
|
|
5788
|
-
border-color:transparent;
|
|
5789
|
-
background-color:transparent;
|
|
5790
|
-
padding:0 8px;
|
|
5791
|
-
height:38px;
|
|
5792
|
-
gap:8px;
|
|
5793
|
-
padding:0 2px;
|
|
5794
|
-
height:27px;
|
|
5795
|
-
gap:4px;
|
|
5796
|
-
position:absolute;
|
|
5797
|
-
border-radius:50%;
|
|
5798
|
-
top:6px; }
|
|
5799
|
-
.iui-tile .iui-thumbnail > .iui-type-indicator > .iui-button-icon:only-child,
|
|
5800
|
-
.iui-tile .iui-thumbnail > .iui-quick-action > .iui-button-icon:only-child{
|
|
5801
|
-
margin-left:3px;
|
|
5802
|
-
margin-right:3px; }
|
|
5803
|
-
.iui-tile .iui-thumbnail > .iui-type-indicator:hover,
|
|
5804
|
-
.iui-tile .iui-thumbnail > .iui-quick-action:hover{
|
|
5805
|
-
background-color:rgba(0, 0, 0, 0.1);
|
|
5806
|
-
border-color:transparent;
|
|
5807
|
-
background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
|
|
5808
|
-
border-color:transparent; }
|
|
5809
|
-
.iui-tile .iui-thumbnail > .iui-type-indicator.iui-active,
|
|
5810
|
-
.iui-tile .iui-thumbnail > .iui-quick-action.iui-active{
|
|
5811
|
-
background-color:rgba(0, 139, 225, 0.1);
|
|
5812
|
-
color:#008BE1;
|
|
5813
|
-
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
|
|
5814
|
-
color:var(--iui-color-foreground-primary);
|
|
5815
|
-
border-color:transparent; }
|
|
5816
|
-
.iui-tile .iui-thumbnail > .iui-type-indicator[disabled], .iui-tile .iui-thumbnail > .iui-type-indicator:disabled,
|
|
5817
|
-
.iui-tile .iui-thumbnail > .iui-quick-action[disabled],
|
|
5818
|
-
.iui-tile .iui-thumbnail > .iui-quick-action:disabled{
|
|
5819
|
-
cursor:not-allowed;
|
|
5820
|
-
background:#EEF0F3;
|
|
5821
|
-
border-color:#EEF0F3;
|
|
5822
|
-
color:rgba(0, 0, 0, 0.2);
|
|
5823
|
-
background:var(--iui-color-background-disabled);
|
|
5824
|
-
border-color:var(--iui-color-background-disabled);
|
|
5825
|
-
color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
|
|
5826
|
-
background-color:transparent;
|
|
5827
|
-
border-color:transparent;
|
|
5828
|
-
background-color:transparent;
|
|
5829
|
-
border-color:transparent; }
|
|
5830
|
-
.iui-tile .iui-thumbnail > .iui-type-indicator[disabled].iui-active, .iui-tile .iui-thumbnail > .iui-type-indicator:disabled.iui-active,
|
|
5831
|
-
.iui-tile .iui-thumbnail > .iui-quick-action[disabled].iui-active,
|
|
5832
|
-
.iui-tile .iui-thumbnail > .iui-quick-action:disabled.iui-active{
|
|
5833
|
-
background-color:rgba(0, 0, 0, 0.05);
|
|
5834
|
-
background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05); }
|
|
5835
|
-
.iui-tile .iui-thumbnail > .iui-type-indicator{
|
|
5836
|
-
left:8px; }
|
|
5837
|
-
.iui-tile .iui-thumbnail > .iui-quick-action{
|
|
5838
|
-
right:8px; }
|
|
5839
|
-
.iui-tile .iui-thumbnail > .iui-badge-container{
|
|
5840
|
-
position:absolute;
|
|
5841
|
-
bottom:6px;
|
|
5842
|
-
width:calc(100% - 2 * 12px);
|
|
5843
|
-
height:auto;
|
|
5844
|
-
right:12px;
|
|
5845
|
-
display:flex;
|
|
5846
|
-
justify-content:flex-end;
|
|
5847
|
-
overflow:hidden; }
|
|
5848
|
-
.iui-tile .iui-thumbnail > .iui-badge-container > .iui-badge:not(:last-child){
|
|
5849
|
-
margin-right:4px; }
|
|
5850
|
-
.iui-tile .iui-thumbnail .iui-thumbnail-icon{
|
|
5851
|
-
fill:rgba(0, 0, 0, 0.4);
|
|
5852
|
-
fill:var(--iui-icons-color);
|
|
5853
|
-
display:inline-flex;
|
|
5854
|
-
width:64px;
|
|
5855
|
-
height:64px; }
|
|
5856
|
-
.iui-tile .iui-thumbnail .iui-thumbnail-icon.iui-informational{
|
|
5857
|
-
fill:#008BE1;
|
|
5858
|
-
fill:var(--iui-icons-color-primary); }
|
|
5859
|
-
.iui-tile .iui-thumbnail .iui-thumbnail-icon.iui-positive{
|
|
5860
|
-
fill:#53A21A;
|
|
5861
|
-
fill:var(--iui-icons-color-positive); }
|
|
5862
|
-
.iui-tile .iui-thumbnail .iui-thumbnail-icon.iui-warning{
|
|
5863
|
-
fill:#F18B12;
|
|
5864
|
-
fill:var(--iui-icons-color-warning); }
|
|
5865
|
-
.iui-tile .iui-thumbnail .iui-thumbnail-icon.iui-negative{
|
|
5866
|
-
fill:#D30A0A;
|
|
5867
|
-
fill:var(--iui-icons-color-negative); }
|
|
5868
|
-
.iui-tile .iui-thumbnail > .iui-picture ~ .iui-thumbnail-icon{
|
|
5869
|
-
z-index:1;
|
|
5870
|
-
cursor:pointer;
|
|
5871
|
-
fill:rgba(255, 255, 255, 0.6);
|
|
5872
|
-
filter:drop-shadow(0 2px 1px rgba(0, 1, 5, 0.2));
|
|
5873
|
-
fill:rgba(var(--iui-color-foreground-accessory-rgb), var(--iui-opacity-3));
|
|
5874
|
-
filter:drop-shadow(0 2px 1px rgba(0, 1, 5, var(--iui-opacity-5))); }
|
|
5875
|
-
@media (prefers-reduced-motion: no-preference){
|
|
5876
|
-
.iui-tile .iui-thumbnail > .iui-picture ~ .iui-thumbnail-icon{
|
|
5877
|
-
transition:fill 0.2s ease; } }
|
|
5878
|
-
.iui-tile .iui-thumbnail > .iui-picture ~ .iui-thumbnail-icon:hover{
|
|
5879
|
-
fill:rgba(255, 255, 255, 0.8);
|
|
5880
|
-
fill:rgba(var(--iui-color-foreground-accessory-rgb), var(--iui-opacity-2)); }
|
|
5881
|
-
.iui-tile .iui-thumbnail > .iui-picture{
|
|
5882
|
-
width:100%;
|
|
5883
|
-
height:100%;
|
|
5884
|
-
position:absolute;
|
|
5885
|
-
top:0;
|
|
5886
|
-
left:0; }
|
|
5887
|
-
@media (prefers-reduced-motion: no-preference){
|
|
5888
|
-
.iui-tile .iui-thumbnail > .iui-picture{
|
|
5889
|
-
transition:transform 0.4s ease; } }
|
|
5890
|
-
div.iui-tile .iui-thumbnail > .iui-picture{
|
|
5891
|
-
background-position:center;
|
|
5892
|
-
background-size:cover; }
|
|
5893
|
-
.iui-tile .iui-thumbnail > .iui-picture + .iui-button,
|
|
5894
|
-
.iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button{
|
|
5895
|
-
background-color:rgba(0, 0, 0, 0.4);
|
|
5896
|
-
background-color:rgba(0, 0, 0, var(--iui-opacity-4)); }
|
|
5897
|
-
@supports ((-webkit-backdrop-filter: blur(5px)) or (backdrop-filter: blur(5px))){
|
|
5898
|
-
.iui-tile .iui-thumbnail > .iui-picture + .iui-button,
|
|
5899
|
-
.iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button{
|
|
5900
|
-
background-color:rgba(0, 0, 0, 0.2);
|
|
5901
|
-
-webkit-backdrop-filter:blur(5px);
|
|
5902
|
-
backdrop-filter:blur(5px);
|
|
5903
|
-
background-color:rgba(0, 0, 0, var(--iui-opacity-5));
|
|
5904
|
-
backdrop-filter:blur(5px); } }
|
|
5905
|
-
.iui-tile .iui-thumbnail > .iui-picture + .iui-button:enabled > .iui-button-icon,
|
|
5906
|
-
.iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button:enabled > .iui-button-icon{
|
|
5907
|
-
fill:#FFF;
|
|
5908
|
-
filter:drop-shadow(0 2px 1px rgba(0, 0, 0, 0.2));
|
|
5909
|
-
fill:var(--iui-color-foreground-accessory);
|
|
5910
|
-
filter:drop-shadow(0 2px 1px rgba(0, 0, 0, var(--iui-opacity-5))); }
|
|
5911
|
-
.iui-tile .iui-thumbnail > .iui-picture + .iui-button:hover, .iui-tile .iui-thumbnail > .iui-picture + .iui-button.iui-active:enabled, .iui-tile .iui-thumbnail > .iui-picture + .iui-button.iui-active:enabled:hover, .iui-tile .iui-thumbnail > .iui-picture + .iui-button.iui-active:active,
|
|
5912
|
-
.iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button:hover,
|
|
5913
|
-
.iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button.iui-active:enabled,
|
|
5914
|
-
.iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button.iui-active:enabled:hover,
|
|
5915
|
-
.iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button.iui-active:active{
|
|
5916
|
-
background-color:rgba(0, 0, 0, 0.4);
|
|
5917
|
-
background-color:rgba(0, 0, 0, var(--iui-opacity-4)); }
|
|
5918
|
-
.iui-tile .iui-thumbnail > .iui-picture + .iui-button:hover .iui-button-icon, .iui-tile .iui-thumbnail > .iui-picture + .iui-button.iui-active:enabled .iui-button-icon, .iui-tile .iui-thumbnail > .iui-picture + .iui-button.iui-active:enabled:hover .iui-button-icon, .iui-tile .iui-thumbnail > .iui-picture + .iui-button.iui-active:active .iui-button-icon,
|
|
5919
|
-
.iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button:hover .iui-button-icon,
|
|
5920
|
-
.iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button.iui-active:enabled .iui-button-icon,
|
|
5921
|
-
.iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button.iui-active:enabled:hover .iui-button-icon,
|
|
5922
|
-
.iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button.iui-active:active .iui-button-icon{
|
|
5923
|
-
fill:#FFF;
|
|
5924
|
-
fill:var(--iui-color-foreground-accessory); }
|
|
5925
|
-
.iui-tile > .iui-content{
|
|
5926
|
-
padding:11px 12px;
|
|
5927
|
-
position:relative;
|
|
5928
|
-
display:flex;
|
|
5929
|
-
flex-direction:column;
|
|
5930
|
-
flex-grow:2;
|
|
5931
|
-
min-width:0; }
|
|
5932
|
-
.iui-tile > .iui-content > .iui-name{
|
|
5933
|
-
display:flex;
|
|
5934
|
-
flex-shrink:0;
|
|
5935
|
-
align-items:center;
|
|
5936
|
-
font-size:16px;
|
|
5937
|
-
-webkit-user-select:all;
|
|
5938
|
-
-moz-user-select:all;
|
|
5939
|
-
user-select:all;
|
|
5940
|
-
margin-bottom:5.5px;
|
|
5941
|
-
color:rgba(0, 0, 0, 0.8);
|
|
5942
|
-
color:var(--iui-text-color); }
|
|
5943
|
-
.iui-tile > .iui-content > .iui-name .iui-tile-status-icon{
|
|
5944
|
-
fill:rgba(0, 0, 0, 0.4);
|
|
5945
|
-
fill:var(--iui-icons-color);
|
|
5946
|
-
display:inline-flex;
|
|
5947
|
-
width:16px;
|
|
5948
|
-
height:16px;
|
|
5949
|
-
margin-right:8px;
|
|
5950
|
-
flex-shrink:0; }
|
|
5951
|
-
.iui-tile > .iui-content > .iui-name .iui-tile-status-icon.iui-informational{
|
|
5952
|
-
fill:#008BE1;
|
|
5953
|
-
fill:var(--iui-icons-color-primary); }
|
|
5954
|
-
.iui-tile > .iui-content > .iui-name .iui-tile-status-icon.iui-positive{
|
|
5955
|
-
fill:#53A21A;
|
|
5956
|
-
fill:var(--iui-icons-color-positive); }
|
|
5957
|
-
.iui-tile > .iui-content > .iui-name .iui-tile-status-icon.iui-warning{
|
|
5958
|
-
fill:#F18B12;
|
|
5959
|
-
fill:var(--iui-icons-color-warning); }
|
|
5960
|
-
.iui-tile > .iui-content > .iui-name .iui-tile-status-icon.iui-negative{
|
|
5961
|
-
fill:#D30A0A;
|
|
5962
|
-
fill:var(--iui-icons-color-negative); }
|
|
5963
|
-
.iui-tile > .iui-content > .iui-name > .iui-name-label{
|
|
5964
|
-
overflow:hidden;
|
|
5965
|
-
white-space:nowrap;
|
|
5966
|
-
text-overflow:ellipsis; }
|
|
5967
|
-
.iui-tile > .iui-content > .iui-description{
|
|
5968
|
-
margin-bottom:11px;
|
|
5969
|
-
font-size:14px;
|
|
5970
|
-
height:100%;
|
|
5971
|
-
max-height:66px;
|
|
5972
|
-
overflow:hidden;
|
|
5973
|
-
white-space:nowrap;
|
|
5974
|
-
text-overflow:ellipsis;
|
|
5975
|
-
color:rgba(0, 0, 0, 0.4);
|
|
5976
|
-
color:var(--iui-text-color-muted); }
|
|
5977
|
-
@supports (-webkit-line-clamp: 1){
|
|
5978
|
-
.iui-tile > .iui-content > .iui-description{
|
|
5979
|
-
white-space:unset;
|
|
5980
|
-
display:-webkit-box;
|
|
5981
|
-
-webkit-line-clamp:3;
|
|
5982
|
-
-webkit-box-orient:vertical; } }
|
|
5983
|
-
.iui-tile > .iui-content > .iui-metadata{
|
|
5984
|
-
font-size:12px;
|
|
5985
|
-
flex-shrink:0;
|
|
5986
|
-
overflow:hidden;
|
|
5987
|
-
text-overflow:ellipsis;
|
|
5988
|
-
height:22px;
|
|
5989
|
-
width:100%;
|
|
5990
|
-
display:flex;
|
|
5991
|
-
align-items:center;
|
|
5992
|
-
margin-top:auto;
|
|
5993
|
-
color:rgba(0, 0, 0, 0.4);
|
|
5994
|
-
color:var(--iui-text-color-muted); }
|
|
5995
|
-
.iui-tile > .iui-content > .iui-metadata > svg,
|
|
5996
|
-
.iui-tile > .iui-content > .iui-metadata .iui-metadata-icon{
|
|
5997
|
-
fill:rgba(0, 0, 0, 0.4);
|
|
5998
|
-
fill:var(--iui-icons-color);
|
|
5999
|
-
display:inline-flex;
|
|
6000
|
-
width:16px;
|
|
6001
|
-
height:16px;
|
|
6002
|
-
margin-right:8px;
|
|
6003
|
-
flex-shrink:0; }
|
|
6004
|
-
.iui-tile > .iui-content > .iui-metadata > svg.iui-informational,
|
|
6005
|
-
.iui-tile > .iui-content > .iui-metadata .iui-metadata-icon.iui-informational{
|
|
6006
|
-
fill:#008BE1;
|
|
6007
|
-
fill:var(--iui-icons-color-primary); }
|
|
6008
|
-
.iui-tile > .iui-content > .iui-metadata > svg.iui-positive,
|
|
6009
|
-
.iui-tile > .iui-content > .iui-metadata .iui-metadata-icon.iui-positive{
|
|
6010
|
-
fill:#53A21A;
|
|
6011
|
-
fill:var(--iui-icons-color-positive); }
|
|
6012
|
-
.iui-tile > .iui-content > .iui-metadata > svg.iui-warning,
|
|
6013
|
-
.iui-tile > .iui-content > .iui-metadata .iui-metadata-icon.iui-warning{
|
|
6014
|
-
fill:#F18B12;
|
|
6015
|
-
fill:var(--iui-icons-color-warning); }
|
|
6016
|
-
.iui-tile > .iui-content > .iui-metadata > svg.iui-negative,
|
|
6017
|
-
.iui-tile > .iui-content > .iui-metadata .iui-metadata-icon.iui-negative{
|
|
6018
|
-
fill:#D30A0A;
|
|
6019
|
-
fill:var(--iui-icons-color-negative); }
|
|
6020
|
-
.iui-tile > .iui-content > .iui-metadata > *{
|
|
6021
|
-
white-space:nowrap;
|
|
6022
|
-
overflow:hidden;
|
|
6023
|
-
text-overflow:ellipsis; }
|
|
6024
|
-
.iui-tile > .iui-content > .iui-more-options{
|
|
6025
|
-
padding:0 2px;
|
|
6026
|
-
height:27px;
|
|
6027
|
-
gap:4px;
|
|
6028
|
-
position:absolute;
|
|
6029
|
-
bottom:5.5px;
|
|
6030
|
-
right:8px;
|
|
6031
|
-
visibility:hidden; }
|
|
6032
|
-
.iui-tile > .iui-content > .iui-more-options.iui-visible{
|
|
6033
|
-
visibility:visible; }
|
|
6034
|
-
.iui-tile .iui-tile-buttons{
|
|
6035
|
-
display:flex;
|
|
6036
|
-
flex-shrink:0;
|
|
6037
|
-
-webkit-user-select:none;
|
|
6038
|
-
-moz-user-select:none;
|
|
6039
|
-
-ms-user-select:none;
|
|
6040
|
-
user-select:none;
|
|
6041
|
-
white-space:nowrap; }
|
|
6042
|
-
.iui-tile .iui-tile-buttons > .iui-button{
|
|
6043
|
-
font-size:14px;
|
|
6044
|
-
flex:1;
|
|
6045
|
-
height:auto;
|
|
6046
|
-
padding:11px 12px;
|
|
6047
|
-
overflow:hidden;
|
|
6048
|
-
white-space:nowrap;
|
|
6049
|
-
text-overflow:ellipsis;
|
|
6050
|
-
text-align:center;
|
|
6051
|
-
margin:0;
|
|
6052
|
-
border:initial;
|
|
6053
|
-
border-radius:0; }
|
|
6054
|
-
.iui-tile .iui-tile-buttons > .iui-button, .iui-tile .iui-tile-buttons > .iui-button:hover{
|
|
6055
|
-
border-top:1px solid #DCE0E3;
|
|
6056
|
-
border-top:1px solid var(--iui-color-background-4); }
|
|
6057
|
-
.iui-tile .iui-tile-buttons > button:not(:last-child){
|
|
6058
|
-
border-right:1px solid #DCE0E3;
|
|
6059
|
-
border-right:1px solid var(--iui-color-background-4); }
|
|
6060
|
-
.iui-tile:hover .iui-metadata:not(:last-child), .iui-tile:focus-within .iui-metadata:not(:last-child){
|
|
5868
|
+
.iui-tile:hover .iui-tile-metadata:not(:last-child), .iui-tile:focus-within .iui-tile-metadata:not(:last-child){
|
|
6061
5869
|
width:calc(100% - 32px); }
|
|
6062
|
-
.iui-tile:hover .iui-more-options, .iui-tile:focus-within .iui-more-options{
|
|
5870
|
+
.iui-tile:hover .iui-tile-more-options, .iui-tile:focus-within .iui-tile-more-options{
|
|
6063
5871
|
visibility:visible; }
|
|
6064
|
-
.iui-tile:hover .iui-picture, .iui-tile:focus-within .iui-picture{
|
|
5872
|
+
.iui-tile:hover .iui-tile-thumbnail-picture, .iui-tile:focus-within .iui-tile-thumbnail-picture{
|
|
6065
5873
|
transform:translateZ(0) scale(1.1); }
|
|
6066
|
-
.iui-tile.iui-new .iui-name,
|
|
6067
|
-
.iui-tile.iui-new .iui-description{
|
|
5874
|
+
.iui-tile.iui-new .iui-tile-name,
|
|
5875
|
+
.iui-tile.iui-new .iui-tile-description{
|
|
6068
5876
|
font-weight:600; }
|
|
6069
5877
|
.iui-tile.iui-selected{
|
|
6070
5878
|
outline:solid 2px #008BE1;
|
|
6071
5879
|
background:linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF);
|
|
6072
5880
|
outline:solid 2px var(--iui-color-foreground-primary);
|
|
6073
5881
|
background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1)); }
|
|
6074
|
-
.iui-tile.iui-selected .iui-picture{
|
|
5882
|
+
.iui-tile.iui-selected .iui-tile-thumbnail-picture{
|
|
6075
5883
|
transform:translateZ(0) scale(1.1); }
|
|
6076
5884
|
.iui-tile.iui-folder{
|
|
6077
5885
|
display:inline-flex;
|
|
6078
5886
|
flex-direction:row;
|
|
6079
5887
|
flex-wrap:nowrap; }
|
|
6080
|
-
.iui-tile.iui-folder
|
|
5888
|
+
.iui-tile.iui-folder .iui-tile-thumbnail{
|
|
6081
5889
|
height:110px;
|
|
6082
5890
|
flex:1;
|
|
6083
5891
|
border-bottom:none;
|
|
6084
5892
|
border-right:1px solid #DCE0E3;
|
|
6085
5893
|
border-right:1px solid var(--iui-color-background-4); }
|
|
6086
|
-
.iui-tile.iui-folder
|
|
5894
|
+
.iui-tile.iui-folder .iui-tile-content{
|
|
6087
5895
|
flex:2; }
|
|
6088
|
-
|
|
6089
|
-
|
|
6090
|
-
|
|
6091
|
-
|
|
6092
|
-
|
|
5896
|
+
.iui-tile.iui-folder .iui-tile-description{
|
|
5897
|
+
height:100%;
|
|
5898
|
+
max-height:44px;
|
|
5899
|
+
margin-bottom:0;
|
|
5900
|
+
-webkit-line-clamp:2; }
|
|
5901
|
+
|
|
5902
|
+
.iui-tile-thumbnail-type-indicator{
|
|
5903
|
+
border-color:transparent;
|
|
5904
|
+
background-color:transparent;
|
|
5905
|
+
padding:0 8px;
|
|
5906
|
+
height:38px;
|
|
5907
|
+
gap:8px;
|
|
5908
|
+
padding:0 2px;
|
|
5909
|
+
height:27px;
|
|
5910
|
+
gap:4px;
|
|
5911
|
+
position:absolute;
|
|
5912
|
+
border-radius:50%;
|
|
5913
|
+
top:6px;
|
|
5914
|
+
left:8px; }
|
|
5915
|
+
.iui-tile-thumbnail-type-indicator > .iui-button-icon:only-child{
|
|
5916
|
+
margin-left:3px;
|
|
5917
|
+
margin-right:3px; }
|
|
5918
|
+
.iui-tile-thumbnail-type-indicator:hover{
|
|
5919
|
+
background-color:rgba(0, 0, 0, 0.1);
|
|
5920
|
+
border-color:transparent;
|
|
5921
|
+
background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
|
|
5922
|
+
border-color:transparent; }
|
|
5923
|
+
.iui-tile-thumbnail-type-indicator.iui-active{
|
|
5924
|
+
background-color:rgba(0, 139, 225, 0.1);
|
|
5925
|
+
color:#008BE1;
|
|
5926
|
+
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
|
|
5927
|
+
color:var(--iui-color-foreground-primary);
|
|
5928
|
+
border-color:transparent; }
|
|
5929
|
+
.iui-tile-thumbnail-type-indicator[disabled], .iui-tile-thumbnail-type-indicator:disabled{
|
|
5930
|
+
cursor:not-allowed;
|
|
5931
|
+
background:#EEF0F3;
|
|
5932
|
+
border-color:#EEF0F3;
|
|
5933
|
+
color:rgba(0, 0, 0, 0.2);
|
|
5934
|
+
background:var(--iui-color-background-disabled);
|
|
5935
|
+
border-color:var(--iui-color-background-disabled);
|
|
5936
|
+
color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
|
|
5937
|
+
background-color:transparent;
|
|
5938
|
+
border-color:transparent;
|
|
5939
|
+
background-color:transparent;
|
|
5940
|
+
border-color:transparent; }
|
|
5941
|
+
.iui-tile-thumbnail-type-indicator[disabled].iui-active, .iui-tile-thumbnail-type-indicator:disabled.iui-active{
|
|
5942
|
+
background-color:rgba(0, 0, 0, 0.05);
|
|
5943
|
+
background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05); }
|
|
5944
|
+
|
|
5945
|
+
.iui-tile-thumbnail-quick-action{
|
|
5946
|
+
border-color:transparent;
|
|
5947
|
+
background-color:transparent;
|
|
5948
|
+
padding:0 8px;
|
|
5949
|
+
height:38px;
|
|
5950
|
+
gap:8px;
|
|
5951
|
+
padding:0 2px;
|
|
5952
|
+
height:27px;
|
|
5953
|
+
gap:4px;
|
|
5954
|
+
position:absolute;
|
|
5955
|
+
border-radius:50%;
|
|
5956
|
+
top:6px;
|
|
5957
|
+
right:8px; }
|
|
5958
|
+
.iui-tile-thumbnail-quick-action > .iui-button-icon:only-child{
|
|
5959
|
+
margin-left:3px;
|
|
5960
|
+
margin-right:3px; }
|
|
5961
|
+
.iui-tile-thumbnail-quick-action:hover{
|
|
5962
|
+
background-color:rgba(0, 0, 0, 0.1);
|
|
5963
|
+
border-color:transparent;
|
|
5964
|
+
background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
|
|
5965
|
+
border-color:transparent; }
|
|
5966
|
+
.iui-tile-thumbnail-quick-action.iui-active{
|
|
5967
|
+
background-color:rgba(0, 139, 225, 0.1);
|
|
5968
|
+
color:#008BE1;
|
|
5969
|
+
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
|
|
5970
|
+
color:var(--iui-color-foreground-primary);
|
|
5971
|
+
border-color:transparent; }
|
|
5972
|
+
.iui-tile-thumbnail-quick-action[disabled], .iui-tile-thumbnail-quick-action:disabled{
|
|
5973
|
+
cursor:not-allowed;
|
|
5974
|
+
background:#EEF0F3;
|
|
5975
|
+
border-color:#EEF0F3;
|
|
5976
|
+
color:rgba(0, 0, 0, 0.2);
|
|
5977
|
+
background:var(--iui-color-background-disabled);
|
|
5978
|
+
border-color:var(--iui-color-background-disabled);
|
|
5979
|
+
color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
|
|
5980
|
+
background-color:transparent;
|
|
5981
|
+
border-color:transparent;
|
|
5982
|
+
background-color:transparent;
|
|
5983
|
+
border-color:transparent; }
|
|
5984
|
+
.iui-tile-thumbnail-quick-action[disabled].iui-active, .iui-tile-thumbnail-quick-action:disabled.iui-active{
|
|
5985
|
+
background-color:rgba(0, 0, 0, 0.05);
|
|
5986
|
+
background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05); }
|
|
5987
|
+
|
|
5988
|
+
.iui-tile-thumbnail-badge-container{
|
|
5989
|
+
position:absolute;
|
|
5990
|
+
bottom:6px;
|
|
5991
|
+
width:calc(100% - 2 * 12px);
|
|
5992
|
+
height:auto;
|
|
5993
|
+
right:12px;
|
|
5994
|
+
display:flex;
|
|
5995
|
+
justify-content:flex-end;
|
|
5996
|
+
overflow:hidden; }
|
|
5997
|
+
.iui-tile-thumbnail-badge-container > .iui-badge:not(:last-child){
|
|
5998
|
+
margin-right:4px; }
|
|
5999
|
+
|
|
6000
|
+
.iui-tile-buttons{
|
|
6001
|
+
display:flex;
|
|
6002
|
+
flex-shrink:0;
|
|
6003
|
+
-webkit-user-select:none;
|
|
6004
|
+
-moz-user-select:none;
|
|
6005
|
+
-ms-user-select:none;
|
|
6006
|
+
user-select:none;
|
|
6007
|
+
white-space:nowrap; }
|
|
6008
|
+
.iui-tile-buttons > .iui-button{
|
|
6009
|
+
font-size:14px;
|
|
6010
|
+
flex:1;
|
|
6011
|
+
height:auto;
|
|
6012
|
+
padding:11px 12px;
|
|
6013
|
+
overflow:hidden;
|
|
6014
|
+
white-space:nowrap;
|
|
6015
|
+
text-overflow:ellipsis;
|
|
6016
|
+
text-align:center;
|
|
6017
|
+
margin:0;
|
|
6018
|
+
border:initial;
|
|
6019
|
+
border-radius:0; }
|
|
6020
|
+
.iui-tile-buttons > .iui-button, .iui-tile-buttons > .iui-button:hover{
|
|
6021
|
+
border-top:1px solid #DCE0E3;
|
|
6022
|
+
border-color:#DCE0E3;
|
|
6023
|
+
border-top:1px solid var(--iui-color-background-4);
|
|
6024
|
+
border-color:var(--iui-color-background-4); }
|
|
6025
|
+
.iui-tile-buttons > button:not(:last-child){
|
|
6026
|
+
border-right:1px solid #DCE0E3;
|
|
6027
|
+
border-right:1px solid var(--iui-color-background-4); }
|
|
6028
|
+
|
|
6029
|
+
.iui-tile-thumbnail{
|
|
6030
|
+
width:100%;
|
|
6031
|
+
height:154px;
|
|
6032
|
+
flex-shrink:0;
|
|
6033
|
+
overflow:hidden;
|
|
6034
|
+
position:relative;
|
|
6035
|
+
display:flex;
|
|
6036
|
+
align-items:center;
|
|
6037
|
+
justify-content:center;
|
|
6038
|
+
background-color:#f2f2f2;
|
|
6039
|
+
border-bottom:1px solid #DCE0E3;
|
|
6040
|
+
background-color:var(--iui-color-background-1-overlay);
|
|
6041
|
+
border-bottom:1px solid var(--iui-color-background-4); }
|
|
6042
|
+
.iui-tile-thumbnail .iui-thumbnail-icon{
|
|
6043
|
+
fill:rgba(0, 0, 0, 0.4);
|
|
6044
|
+
fill:var(--iui-icons-color);
|
|
6045
|
+
display:inline-flex;
|
|
6046
|
+
width:64px;
|
|
6047
|
+
height:64px; }
|
|
6048
|
+
.iui-tile-thumbnail .iui-thumbnail-icon.iui-informational{
|
|
6049
|
+
fill:#008BE1;
|
|
6050
|
+
fill:var(--iui-icons-color-primary); }
|
|
6051
|
+
.iui-tile-thumbnail .iui-thumbnail-icon.iui-positive{
|
|
6052
|
+
fill:#53A21A;
|
|
6053
|
+
fill:var(--iui-icons-color-positive); }
|
|
6054
|
+
.iui-tile-thumbnail .iui-thumbnail-icon.iui-warning{
|
|
6055
|
+
fill:#F18B12;
|
|
6056
|
+
fill:var(--iui-icons-color-warning); }
|
|
6057
|
+
.iui-tile-thumbnail .iui-thumbnail-icon.iui-negative{
|
|
6058
|
+
fill:#D30A0A;
|
|
6059
|
+
fill:var(--iui-icons-color-negative); }
|
|
6060
|
+
|
|
6061
|
+
.iui-tile-thumbnail-picture{
|
|
6062
|
+
width:100%;
|
|
6063
|
+
height:100%;
|
|
6064
|
+
position:absolute;
|
|
6065
|
+
top:0;
|
|
6066
|
+
left:0; }
|
|
6067
|
+
@media (prefers-reduced-motion: no-preference){
|
|
6068
|
+
.iui-tile-thumbnail-picture{
|
|
6069
|
+
transition:transform 0.4s ease; } }
|
|
6070
|
+
div.iui-tile-thumbnail-picture{
|
|
6071
|
+
background-position:center;
|
|
6072
|
+
background-size:cover; }
|
|
6073
|
+
.iui-tile-thumbnail-picture ~ .iui-thumbnail-icon{
|
|
6074
|
+
z-index:1;
|
|
6075
|
+
cursor:pointer;
|
|
6076
|
+
fill:rgba(255, 255, 255, 0.6);
|
|
6077
|
+
filter:drop-shadow(0 2px 1px rgba(0, 1, 5, 0.2));
|
|
6078
|
+
fill:rgba(var(--iui-color-foreground-accessory-rgb), var(--iui-opacity-3));
|
|
6079
|
+
filter:drop-shadow(0 2px 1px rgba(0, 1, 5, var(--iui-opacity-5))); }
|
|
6080
|
+
@media (prefers-reduced-motion: no-preference){
|
|
6081
|
+
.iui-tile-thumbnail-picture ~ .iui-thumbnail-icon{
|
|
6082
|
+
transition:fill 0.2s ease; } }
|
|
6083
|
+
.iui-tile-thumbnail-picture ~ .iui-thumbnail-icon:hover{
|
|
6084
|
+
fill:rgba(255, 255, 255, 0.8);
|
|
6085
|
+
fill:rgba(var(--iui-color-foreground-accessory-rgb), var(--iui-opacity-2)); }
|
|
6086
|
+
.iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-type-indicator,
|
|
6087
|
+
.iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-quick-action{
|
|
6088
|
+
background-color:rgba(0, 0, 0, 0.4);
|
|
6089
|
+
background-color:rgba(0, 0, 0, var(--iui-opacity-4)); }
|
|
6090
|
+
@supports ((-webkit-backdrop-filter: blur(5px)) or (backdrop-filter: blur(5px))){
|
|
6091
|
+
.iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-type-indicator,
|
|
6092
|
+
.iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-quick-action{
|
|
6093
|
+
background-color:rgba(0, 0, 0, 0.2);
|
|
6094
|
+
-webkit-backdrop-filter:blur(5px);
|
|
6095
|
+
backdrop-filter:blur(5px);
|
|
6096
|
+
background-color:rgba(0, 0, 0, var(--iui-opacity-5));
|
|
6097
|
+
backdrop-filter:blur(5px); } }
|
|
6098
|
+
.iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-type-indicator > .iui-button-icon,
|
|
6099
|
+
.iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-quick-action > .iui-button-icon{
|
|
6100
|
+
fill:#FFF;
|
|
6101
|
+
filter:drop-shadow(0 2px 1px rgba(0, 0, 0, 0.2));
|
|
6102
|
+
fill:var(--iui-color-foreground-accessory);
|
|
6103
|
+
filter:drop-shadow(0 2px 1px rgba(0, 0, 0, var(--iui-opacity-5))); }
|
|
6104
|
+
.iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-type-indicator:hover, .iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-type-indicator.iui-active:enabled, .iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-type-indicator.iui-active:enabled:hover, .iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-type-indicator.iui-active:active,
|
|
6105
|
+
.iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-quick-action:hover,
|
|
6106
|
+
.iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-quick-action.iui-active:enabled,
|
|
6107
|
+
.iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-quick-action.iui-active:enabled:hover,
|
|
6108
|
+
.iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-quick-action.iui-active:active{
|
|
6109
|
+
background-color:rgba(0, 0, 0, 0.4);
|
|
6110
|
+
background-color:rgba(0, 0, 0, var(--iui-opacity-4)); }
|
|
6111
|
+
.iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-type-indicator:hover .iui-button-icon, .iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-type-indicator.iui-active:enabled .iui-button-icon, .iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-type-indicator.iui-active:enabled:hover .iui-button-icon, .iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-type-indicator.iui-active:active .iui-button-icon,
|
|
6112
|
+
.iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-quick-action:hover .iui-button-icon,
|
|
6113
|
+
.iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-quick-action.iui-active:enabled .iui-button-icon,
|
|
6114
|
+
.iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-quick-action.iui-active:enabled:hover .iui-button-icon,
|
|
6115
|
+
.iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-quick-action.iui-active:active .iui-button-icon{
|
|
6116
|
+
fill:#FFF;
|
|
6117
|
+
fill:var(--iui-color-foreground-accessory); }
|
|
6118
|
+
|
|
6119
|
+
.iui-tile-content{
|
|
6120
|
+
padding:11px 12px;
|
|
6121
|
+
position:relative;
|
|
6122
|
+
display:flex;
|
|
6123
|
+
flex-direction:column;
|
|
6124
|
+
flex-grow:2;
|
|
6125
|
+
min-width:0; }
|
|
6126
|
+
.iui-tile-content .iui-tile-name{
|
|
6127
|
+
display:flex;
|
|
6128
|
+
flex-shrink:0;
|
|
6129
|
+
align-items:center;
|
|
6130
|
+
font-size:16px;
|
|
6131
|
+
-webkit-user-select:all;
|
|
6132
|
+
-moz-user-select:all;
|
|
6133
|
+
user-select:all;
|
|
6134
|
+
margin-bottom:5.5px;
|
|
6135
|
+
color:rgba(0, 0, 0, 0.8);
|
|
6136
|
+
color:var(--iui-text-color); }
|
|
6137
|
+
.iui-tile-content .iui-tile-status-icon{
|
|
6138
|
+
fill:rgba(0, 0, 0, 0.4);
|
|
6139
|
+
fill:var(--iui-icons-color);
|
|
6140
|
+
display:inline-flex;
|
|
6141
|
+
width:16px;
|
|
6142
|
+
height:16px;
|
|
6143
|
+
margin-right:8px;
|
|
6144
|
+
flex-shrink:0; }
|
|
6145
|
+
.iui-tile-content .iui-tile-status-icon.iui-informational{
|
|
6146
|
+
fill:#008BE1;
|
|
6147
|
+
fill:var(--iui-icons-color-primary); }
|
|
6148
|
+
.iui-tile-content .iui-tile-status-icon.iui-positive{
|
|
6149
|
+
fill:#53A21A;
|
|
6150
|
+
fill:var(--iui-icons-color-positive); }
|
|
6151
|
+
.iui-tile-content .iui-tile-status-icon.iui-warning{
|
|
6152
|
+
fill:#F18B12;
|
|
6153
|
+
fill:var(--iui-icons-color-warning); }
|
|
6154
|
+
.iui-tile-content .iui-tile-status-icon.iui-negative{
|
|
6155
|
+
fill:#D30A0A;
|
|
6156
|
+
fill:var(--iui-icons-color-negative); }
|
|
6157
|
+
.iui-tile-content .iui-tile-name-label{
|
|
6158
|
+
overflow:hidden;
|
|
6159
|
+
white-space:nowrap;
|
|
6160
|
+
text-overflow:ellipsis; }
|
|
6161
|
+
.iui-tile-content .iui-tile-description{
|
|
6162
|
+
margin-bottom:11px;
|
|
6163
|
+
font-size:14px;
|
|
6164
|
+
height:100%;
|
|
6165
|
+
max-height:66px;
|
|
6166
|
+
overflow:hidden;
|
|
6167
|
+
white-space:nowrap;
|
|
6168
|
+
text-overflow:ellipsis;
|
|
6169
|
+
color:rgba(0, 0, 0, 0.4);
|
|
6170
|
+
color:var(--iui-text-color-muted); }
|
|
6171
|
+
@supports (-webkit-line-clamp: 1){
|
|
6172
|
+
.iui-tile-content .iui-tile-description{
|
|
6173
|
+
white-space:unset;
|
|
6174
|
+
display:-webkit-box;
|
|
6175
|
+
-webkit-line-clamp:3;
|
|
6176
|
+
-webkit-box-orient:vertical; } }
|
|
6177
|
+
.iui-tile-content .iui-tile-metadata{
|
|
6178
|
+
font-size:12px;
|
|
6179
|
+
flex-shrink:0;
|
|
6180
|
+
overflow:hidden;
|
|
6181
|
+
text-overflow:ellipsis;
|
|
6182
|
+
height:22px;
|
|
6183
|
+
width:100%;
|
|
6184
|
+
display:flex;
|
|
6185
|
+
align-items:center;
|
|
6186
|
+
margin-top:auto;
|
|
6187
|
+
color:rgba(0, 0, 0, 0.4);
|
|
6188
|
+
color:var(--iui-text-color-muted); }
|
|
6189
|
+
.iui-tile-content .iui-tile-metadata > svg,
|
|
6190
|
+
.iui-tile-content .iui-tile-metadata .iui-tile-metadata-icon{
|
|
6191
|
+
fill:rgba(0, 0, 0, 0.4);
|
|
6192
|
+
fill:var(--iui-icons-color);
|
|
6193
|
+
display:inline-flex;
|
|
6194
|
+
width:16px;
|
|
6195
|
+
height:16px;
|
|
6196
|
+
margin-right:8px;
|
|
6197
|
+
flex-shrink:0; }
|
|
6198
|
+
.iui-tile-content .iui-tile-metadata > svg.iui-informational,
|
|
6199
|
+
.iui-tile-content .iui-tile-metadata .iui-tile-metadata-icon.iui-informational{
|
|
6200
|
+
fill:#008BE1;
|
|
6201
|
+
fill:var(--iui-icons-color-primary); }
|
|
6202
|
+
.iui-tile-content .iui-tile-metadata > svg.iui-positive,
|
|
6203
|
+
.iui-tile-content .iui-tile-metadata .iui-tile-metadata-icon.iui-positive{
|
|
6204
|
+
fill:#53A21A;
|
|
6205
|
+
fill:var(--iui-icons-color-positive); }
|
|
6206
|
+
.iui-tile-content .iui-tile-metadata > svg.iui-warning,
|
|
6207
|
+
.iui-tile-content .iui-tile-metadata .iui-tile-metadata-icon.iui-warning{
|
|
6208
|
+
fill:#F18B12;
|
|
6209
|
+
fill:var(--iui-icons-color-warning); }
|
|
6210
|
+
.iui-tile-content .iui-tile-metadata > svg.iui-negative,
|
|
6211
|
+
.iui-tile-content .iui-tile-metadata .iui-tile-metadata-icon.iui-negative{
|
|
6212
|
+
fill:#D30A0A;
|
|
6213
|
+
fill:var(--iui-icons-color-negative); }
|
|
6214
|
+
.iui-tile-content .iui-tile-metadata > *{
|
|
6215
|
+
white-space:nowrap;
|
|
6216
|
+
overflow:hidden;
|
|
6217
|
+
text-overflow:ellipsis; }
|
|
6218
|
+
.iui-tile-content .iui-tile-more-options{
|
|
6219
|
+
padding:0 2px;
|
|
6220
|
+
height:27px;
|
|
6221
|
+
gap:4px;
|
|
6222
|
+
position:absolute;
|
|
6223
|
+
bottom:5.5px;
|
|
6224
|
+
right:8px;
|
|
6225
|
+
visibility:hidden; }
|
|
6226
|
+
.iui-tile-content .iui-tile-more-options.iui-visible{
|
|
6227
|
+
visibility:visible; }
|
|
6093
6228
|
|
|
6094
6229
|
.iui-time-picker{
|
|
6095
6230
|
margin:0;
|
|
@@ -6651,12 +6786,13 @@ a.iui-tag{
|
|
|
6651
6786
|
font-size:12px;
|
|
6652
6787
|
color:rgba(0, 0, 0, 0.4);
|
|
6653
6788
|
color:var(--iui-text-color-muted); }
|
|
6654
|
-
.iui-tree-node:focus{
|
|
6655
|
-
outline:1px solid #008BE1;
|
|
6789
|
+
.iui-tree-node:focus-visible{
|
|
6656
6790
|
outline:1px solid var(--iui-color-foreground-primary);
|
|
6657
6791
|
outline-offset:-1px; }
|
|
6658
|
-
|
|
6659
|
-
|
|
6792
|
+
@supports not selector(*:focus-visible){
|
|
6793
|
+
.iui-tree-node:focus{
|
|
6794
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
6795
|
+
outline-offset:-1px; } }
|
|
6660
6796
|
.iui-tree-node:hover{
|
|
6661
6797
|
background-color:rgba(0, 139, 225, 0.1);
|
|
6662
6798
|
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); }
|
|
@@ -6671,9 +6807,13 @@ a.iui-tag{
|
|
|
6671
6807
|
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
|
|
6672
6808
|
outline:thin solid var(--iui-color-foreground-primary);
|
|
6673
6809
|
outline-offset:-1px; }
|
|
6674
|
-
.iui-tree-node.iui-active:focus{
|
|
6675
|
-
outline
|
|
6810
|
+
.iui-tree-node.iui-active:focus-visible{
|
|
6811
|
+
outline:2px solid var(--iui-color-foreground-primary);
|
|
6676
6812
|
outline-offset:-2px; }
|
|
6813
|
+
@supports not selector(*:focus-visible){
|
|
6814
|
+
.iui-tree-node.iui-active:focus{
|
|
6815
|
+
outline:2px solid var(--iui-color-foreground-primary);
|
|
6816
|
+
outline-offset:-2px; } }
|
|
6677
6817
|
.iui-tree-node.iui-disabled{
|
|
6678
6818
|
cursor:not-allowed;
|
|
6679
6819
|
outline:none;
|