@crystallize/design-system 1.16.6 → 1.17.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/CHANGELOG.md +6 -0
- package/dist/index.css +29 -0
- package/dist/index.d.ts +15 -1
- package/dist/index.js +1649 -1338
- package/dist/index.mjs +1517 -1207
- package/package.json +1 -1
- package/src/iconography/check.tsx +22 -0
- package/src/iconography/clock.tsx +38 -0
- package/src/iconography/download.tsx +33 -0
- package/src/iconography/drag-handle.tsx +20 -0
- package/src/iconography/error-white.tsx +14 -0
- package/src/iconography/error.tsx +13 -28
- package/src/iconography/index.ts +14 -0
- package/src/iconography/lifebouy.tsx +58 -0
- package/src/iconography/wand.tsx +45 -0
- package/src/iconography/warning.tsx +1 -9
- package/src/index.ts +1 -0
- package/src/stack-icon/index.ts +1 -0
- package/src/stack-icon/stack-icon.stories.tsx +24 -0
- package/src/stack-icon/stack-icon.tsx +23 -0
package/CHANGELOG.md
CHANGED
package/dist/index.css
CHANGED
|
@@ -463,6 +463,8 @@ button {
|
|
|
463
463
|
"Noto Color Emoji";
|
|
464
464
|
color: rgb(var(--c-color-gray));
|
|
465
465
|
}
|
|
466
|
+
.-translate-y-1\/3,
|
|
467
|
+
.translate-x-1\/3,
|
|
466
468
|
.transform,
|
|
467
469
|
.active\:scale-95 {
|
|
468
470
|
--tw-translate-x: 0;
|
|
@@ -538,9 +540,15 @@ button {
|
|
|
538
540
|
.left-2 {
|
|
539
541
|
left: 0.5rem;
|
|
540
542
|
}
|
|
543
|
+
.right-0 {
|
|
544
|
+
right: 0px;
|
|
545
|
+
}
|
|
541
546
|
.right-2 {
|
|
542
547
|
right: 0.5rem;
|
|
543
548
|
}
|
|
549
|
+
.top-0 {
|
|
550
|
+
top: 0px;
|
|
551
|
+
}
|
|
544
552
|
.top-2 {
|
|
545
553
|
top: 0.5rem;
|
|
546
554
|
}
|
|
@@ -567,6 +575,9 @@ button {
|
|
|
567
575
|
.block {
|
|
568
576
|
display: block;
|
|
569
577
|
}
|
|
578
|
+
.inline-block {
|
|
579
|
+
display: inline-block;
|
|
580
|
+
}
|
|
570
581
|
.inline {
|
|
571
582
|
display: inline;
|
|
572
583
|
}
|
|
@@ -639,6 +650,14 @@ button {
|
|
|
639
650
|
.flex-1 {
|
|
640
651
|
flex: 1 1 0%;
|
|
641
652
|
}
|
|
653
|
+
.-translate-y-1\/3 {
|
|
654
|
+
--tw-translate-y: -33.333333%;
|
|
655
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
656
|
+
}
|
|
657
|
+
.translate-x-1\/3 {
|
|
658
|
+
--tw-translate-x: 33.333333%;
|
|
659
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
660
|
+
}
|
|
642
661
|
.transform {
|
|
643
662
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
644
663
|
}
|
|
@@ -736,6 +755,13 @@ button {
|
|
|
736
755
|
.border {
|
|
737
756
|
border-width: 1px;
|
|
738
757
|
}
|
|
758
|
+
.border-solid {
|
|
759
|
+
border-style: solid;
|
|
760
|
+
}
|
|
761
|
+
.border-white {
|
|
762
|
+
--tw-border-opacity: 1;
|
|
763
|
+
border-color: rgb(255 255 255 / var(--tw-border-opacity));
|
|
764
|
+
}
|
|
739
765
|
.bg-elevate {
|
|
740
766
|
--tw-bg-opacity: 1;
|
|
741
767
|
background-color: rgb(var(--c-color-elevate) / var(--tw-bg-opacity));
|
|
@@ -822,6 +848,9 @@ button {
|
|
|
822
848
|
.leading-6 {
|
|
823
849
|
line-height: 1.5rem;
|
|
824
850
|
}
|
|
851
|
+
.leading-\[0\] {
|
|
852
|
+
line-height: 0;
|
|
853
|
+
}
|
|
825
854
|
.text-gray {
|
|
826
855
|
color: rgb(var(--c-color-gray));
|
|
827
856
|
}
|