@yesilyazilim/web.spa 1.0.80 → 1.0.81
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/index.css +36 -6
- package/index.css.map +1 -1
- package/index.js +77 -13
- package/index.js.map +1 -1
- package/package.json +1 -1
- package/types.d.ts +22 -1
- package/types.d.ts.map +1 -1
package/index.css
CHANGED
|
@@ -3287,6 +3287,7 @@ a, area, button, input, label, select, summary, textarea, [tabindex] {
|
|
|
3287
3287
|
--primary-gray-light: var(--zinc-400);
|
|
3288
3288
|
--primary-gray-lighter: var(--zinc-300);
|
|
3289
3289
|
--primary-gray-ghost: var(--zinc-200);
|
|
3290
|
+
--primary-gray-100: var(--zinc-100);
|
|
3290
3291
|
--danger: var(--red-600);
|
|
3291
3292
|
--warning: var(--amber-500);
|
|
3292
3293
|
--success: var(--lime-600);
|
|
@@ -5538,33 +5539,62 @@ app-menu > .seperator {
|
|
|
5538
5539
|
|
|
5539
5540
|
app-dropdown-button {
|
|
5540
5541
|
grid-template-columns: 1fr auto;
|
|
5542
|
+
grid-template-areas: "main icon";
|
|
5541
5543
|
display: grid;
|
|
5542
5544
|
position: relative;
|
|
5543
5545
|
padding: 0 !important;
|
|
5544
5546
|
}
|
|
5545
5547
|
|
|
5546
|
-
app-dropdown-button app-dropdown button {
|
|
5547
|
-
color: var(--
|
|
5548
|
+
app-dropdown-button > app-dropdown button {
|
|
5549
|
+
color: var(--primary-gray-dark);
|
|
5548
5550
|
background-color: var(--primary-inverse);
|
|
5549
5551
|
border: none;
|
|
5550
5552
|
}
|
|
5551
5553
|
|
|
5552
|
-
app-dropdown-button
|
|
5554
|
+
app-dropdown-button > app-dropdown button:hover {
|
|
5555
|
+
background-color: var(--primary-gray-100);
|
|
5556
|
+
}
|
|
5557
|
+
|
|
5558
|
+
app-dropdown-button > .mainButton {
|
|
5553
5559
|
border-top-right-radius: 0;
|
|
5554
5560
|
border-bottom-right-radius: 0;
|
|
5561
|
+
grid-area: main;
|
|
5555
5562
|
width: 100%;
|
|
5556
5563
|
}
|
|
5557
5564
|
|
|
5558
|
-
app-dropdown-button .
|
|
5565
|
+
app-dropdown-button > .headButton {
|
|
5566
|
+
grid-area: main;
|
|
5567
|
+
width: 100%;
|
|
5568
|
+
}
|
|
5569
|
+
|
|
5570
|
+
app-dropdown-button > .headButton > i {
|
|
5571
|
+
right: var(--spacing);
|
|
5572
|
+
position: absolute;
|
|
5573
|
+
}
|
|
5574
|
+
|
|
5575
|
+
app-dropdown-button > .headButton > i:before {
|
|
5576
|
+
transition: rotate .5s;
|
|
5577
|
+
}
|
|
5578
|
+
|
|
5579
|
+
app-dropdown-button > .headButton > i.up:before {
|
|
5580
|
+
rotate: 180deg;
|
|
5581
|
+
}
|
|
5582
|
+
|
|
5583
|
+
app-dropdown-button > .headButton.open {
|
|
5584
|
+
opacity: .7;
|
|
5585
|
+
}
|
|
5586
|
+
|
|
5587
|
+
app-dropdown-button > .iconButton {
|
|
5559
5588
|
border-top-left-radius: 0;
|
|
5560
5589
|
border-bottom-left-radius: 0;
|
|
5590
|
+
grid-area: icon;
|
|
5561
5591
|
}
|
|
5562
5592
|
|
|
5563
|
-
app-dropdown-button .iconButton i:before {
|
|
5593
|
+
app-dropdown-button > .iconButton i:before {
|
|
5564
5594
|
transition: rotate .5s;
|
|
5565
5595
|
}
|
|
5566
5596
|
|
|
5567
|
-
app-dropdown-button .iconButton.up i:before {
|
|
5597
|
+
app-dropdown-button > .iconButton.up i:before {
|
|
5568
5598
|
rotate: 180deg;
|
|
5569
5599
|
}
|
|
5570
5600
|
|