@bigtablet/design-system 2.0.1 → 2.0.2
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/dist/index.css +11 -17
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -522,7 +522,7 @@
|
|
|
522
522
|
border: none;
|
|
523
523
|
background: transparent;
|
|
524
524
|
cursor: pointer;
|
|
525
|
-
padding: 6px 12px;
|
|
525
|
+
padding: 6px 12px 6px 16px;
|
|
526
526
|
font-size: 14px;
|
|
527
527
|
font-weight: 500;
|
|
528
528
|
line-height: 20px;
|
|
@@ -569,24 +569,11 @@
|
|
|
569
569
|
cursor: pointer;
|
|
570
570
|
padding: 6px 8px 6px 0;
|
|
571
571
|
color: #121212;
|
|
572
|
-
position: relative;
|
|
573
|
-
overflow: hidden;
|
|
574
572
|
}
|
|
575
|
-
.chip_trailing
|
|
576
|
-
content: "";
|
|
577
|
-
position: absolute;
|
|
578
|
-
top: 0;
|
|
579
|
-
right: 0;
|
|
580
|
-
bottom: 0;
|
|
581
|
-
left: 0;
|
|
582
|
-
border-radius: inherit;
|
|
583
|
-
transition: background 0.2s ease-in-out;
|
|
584
|
-
pointer-events: none;
|
|
585
|
-
}
|
|
586
|
-
.chip_trailing:focus-visible:not(:disabled)::before {
|
|
573
|
+
.chip_trailing:focus-visible:not(:disabled) .chip_icon {
|
|
587
574
|
background: rgba(0, 0, 0, 0.08);
|
|
588
575
|
}
|
|
589
|
-
.chip_trailing:active:not(:disabled)
|
|
576
|
+
.chip_trailing:active:not(:disabled) .chip_icon {
|
|
590
577
|
background: rgba(26, 26, 26, 0.12);
|
|
591
578
|
}
|
|
592
579
|
.chip_trailing:disabled {
|
|
@@ -594,14 +581,21 @@
|
|
|
594
581
|
}
|
|
595
582
|
.chip_icon {
|
|
596
583
|
display: inline-flex;
|
|
584
|
+
align-items: center;
|
|
585
|
+
justify-content: center;
|
|
597
586
|
width: 20px;
|
|
598
587
|
height: 20px;
|
|
599
588
|
flex-shrink: 0;
|
|
589
|
+
border-radius: 9999px;
|
|
590
|
+
transition: background 0.2s ease-in-out;
|
|
600
591
|
}
|
|
601
592
|
.chip_icon svg {
|
|
602
593
|
width: 100%;
|
|
603
594
|
height: 100%;
|
|
604
595
|
}
|
|
596
|
+
.chip_trailing:hover:not(:disabled) .chip_icon {
|
|
597
|
+
background: rgba(0, 0, 0, 0.05);
|
|
598
|
+
}
|
|
605
599
|
.chip_label {
|
|
606
600
|
white-space: nowrap;
|
|
607
601
|
}
|
|
@@ -1649,7 +1643,7 @@
|
|
|
1649
1643
|
border-radius: 9999px;
|
|
1650
1644
|
border: 2px solid #E5E5E5;
|
|
1651
1645
|
border-top-color: #121212;
|
|
1652
|
-
animation: spinner_spin 0.
|
|
1646
|
+
animation: spinner_spin 0.8s linear infinite;
|
|
1653
1647
|
}
|
|
1654
1648
|
|
|
1655
1649
|
/* src/ui/switch/style.scss */
|