@crystallize/design-system 1.16.6 → 1.17.1
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 +12 -0
- package/dist/index.css +34 -7
- package/dist/index.d.ts +22 -7
- package/dist/index.js +1684 -1418
- package/dist/index.mjs +1642 -1377
- package/package.json +1 -1
- package/src/action-menu/action-item.tsx +4 -4
- 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/rich-text-editor/i18n/translations/en.ts +1 -0
- package/src/rich-text-editor/i18n/types.ts +1 -0
- package/src/rich-text-editor/plugins/ActionsPlugin/index.tsx +34 -38
- package/src/rich-text-editor/plugins/FloatingLinkEditorPlugin/index.tsx +3 -1
- package/src/rich-text-editor/plugins/FloatingTextFormatToolbarPlugin/index.tsx +16 -16
- package/src/rich-text-editor/plugins/ToolbarPlugin/index.css +9 -0
- package/src/rich-text-editor/plugins/ToolbarPlugin/index.tsx +11 -11
- package/src/rich-text-editor/rich-text-editor.css +0 -1
- package/src/rich-text-editor/rich-text-editor.tsx +5 -14
- package/src/rich-text-editor/types/crystallize-rich-text-types/index.ts +1 -1
- 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/src/rich-text-editor/plugins/ActionsPlugin/index.css +0 -3
- package/src/rich-text-editor/plugins/DimensionsDetectorPlugin/index.tsx +0 -49
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# @crystallize/design-system
|
|
2
2
|
|
|
3
|
+
## 1.17.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 9f55eae: Extend the rich text editor to get the initialData as null. Limit the type of the initialData to just an array of notes.
|
|
8
|
+
|
|
9
|
+
## 1.17.0
|
|
10
|
+
|
|
11
|
+
### Minor Changes
|
|
12
|
+
|
|
13
|
+
- 1d91b61: Add several new icons to the design system. Icons like - check, clock, download, wand and few more.
|
|
14
|
+
|
|
3
15
|
## 1.16.6
|
|
4
16
|
|
|
5
17
|
### Patch Changes
|
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
|
}
|
|
@@ -2263,13 +2292,6 @@ button {
|
|
|
2263
2292
|
background-image: url(./prettier-error-DYJSLYDP.svg);
|
|
2264
2293
|
}
|
|
2265
2294
|
|
|
2266
|
-
/* src/rich-text-editor/plugins/ActionsPlugin/index.css */
|
|
2267
|
-
.c-rte-actions-plugin {
|
|
2268
|
-
z-index: 50;
|
|
2269
|
-
display: flex;
|
|
2270
|
-
align-items: center;
|
|
2271
|
-
}
|
|
2272
|
-
|
|
2273
2295
|
/* src/rich-text-editor/plugins/CodeActionMenuPlugin/index.css */
|
|
2274
2296
|
.c-rte-code-action-menu-container {
|
|
2275
2297
|
height: 37px;
|
|
@@ -2391,6 +2413,11 @@ button {
|
|
|
2391
2413
|
padding-top: var(--c-rte-toolbar-pt, 0.25rem);
|
|
2392
2414
|
padding-left: var(--c-rte-toolbar-pl, 0.5rem);
|
|
2393
2415
|
padding-right: var(--c-rte-toolbar-pr, 0.5rem);
|
|
2416
|
+
container-type: inline-size;
|
|
2417
|
+
container-name: rich-text-toolbar;
|
|
2418
|
+
@container rich-text-toolbar (max-width: 600px) {
|
|
2419
|
+
.c-rte-toolbar__icon-btn { display: none; };
|
|
2420
|
+
}
|
|
2394
2421
|
}
|
|
2395
2422
|
.c-rte-toolbar__inner {
|
|
2396
2423
|
display: flex;
|