@crystallize/design-system 1.5.0 → 1.6.1

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @crystallize/design-system
 
+## 1.6.1
+
+### Patch Changes
+
+- 71e1f72: Bump verion to publish latest changes
+
+## 1.6.0
+
+### Minor Changes
+
+- c4b5bea: Add product, document and fodler icons.
+
+### Patch Changes
+
+- f72ed3f9: Disabling the d&d options for the rich text editor (temporarily)
+
 ## 1.5.0
 
 ### Minor Changes

package/dist/index.css

@@ -533,9 +533,6 @@ button {
 .pointer-events-none {
   pointer-events: none;
 }
-.invisible {
-  visibility: hidden;
-}
 .static {
   position: static;
 }
@@ -991,22 +988,6 @@ button {
 .filter {
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
-.transition {
-  transition-property:
-    color,
-    background-color,
-    border-color,
-    text-decoration-color,
-    fill,
-    stroke,
-    opacity,
-    box-shadow,
-    transform,
-    filter,
-    backdrop-filter;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
 .active\:scale-95:active {
   --tw-scale-x: .95;
   --tw-scale-y: .95;
@@ -3282,15 +3263,15 @@ button {
   word-break: break-word;
   z-index: 3;
 }
-.c-rich-text-editor .TableNode__contentEditable .PlaygroundEditorTheme__paragraph {
+.c-rich-text-editor .TableNode__contentEditable .CrystallizeRTEditorTheme__paragraph {
   margin-top: 0px;
 }
-.c-rich-text-editor .PlaygroundEditorTheme__blockCursor {
+.c-rich-text-editor .CrystallizeRTEditorTheme__blockCursor {
   display: block;
   pointer-events: none;
   position: absolute;
 }
-.c-rich-text-editor .PlaygroundEditorTheme__blockCursor:after {
+.c-rich-text-editor .CrystallizeRTEditorTheme__blockCursor:after {
   content: "";
   display: block;
   position: absolute;
@@ -3363,40 +3344,6 @@ button {
   right: 0;
 }
 
-/* src/rich-text-editor/plugins/DraggableBlockPlugin/index.css */
-.draggable-block-menu {
-  border-radius: 4px;
-  padding: 2px 1px;
-  cursor: grab;
-  opacity: 0;
-  position: absolute;
-  left: 0;
-  top: 0;
-  will-change: transform;
-}
-.draggable-block-menu .icon {
-  width: 16px;
-  height: 16px;
-  opacity: 0.3;
-  background-image: url(./draggable-block-menu-KKHDNKJA.svg);
-}
-.draggable-block-menu:active {
-  cursor: grabbing;
-}
-.draggable-block-menu:hover {
-  background-color: #efefef;
-}
-.draggable-block-target-line {
-  pointer-events: none;
-  background: deepskyblue;
-  height: 4px;
-  position: absolute;
-  left: 0;
-  top: 0;
-  opacity: 0;
-  will-change: transform;
-}
-
 /* src/rich-text-editor/plugins/FloatingLinkEditorPlugin/index.css */
 .link-editor {
   position: absolute;
@@ -3638,14 +3585,14 @@ button {
   position: absolute;
 }
 
-/* src/rich-text-editor/themes/PlaygroundEditorTheme.css */
-.PlaygroundEditorTheme__ltr {
+/* src/rich-text-editor/themes/CrystallizeRTEditorTheme.css */
+.CrystallizeRTEditorTheme__ltr {
   text-align: left;
 }
-.PlaygroundEditorTheme__rtl {
+.CrystallizeRTEditorTheme__rtl {
   text-align: right;
 }
-.PlaygroundEditorTheme__paragraph {
+.CrystallizeRTEditorTheme__paragraph {
   font-size: 15px;
   position: relative;
   margin: 0px;
@@ -3654,12 +3601,12 @@ button {
   --tw-text-opacity: 1;
   color: rgb(var(--c-color-gray-600-300) / var(--tw-text-opacity));
 }
-.PlaygroundEditorTheme__paragraph + .PlaygroundEditorTheme__paragraph {
+.CrystallizeRTEditorTheme__paragraph + .CrystallizeRTEditorTheme__paragraph {
   position: relative;
   margin: 0px;
   margin-top: 1rem;
 }
-.PlaygroundEditorTheme__quote {
+.CrystallizeRTEditorTheme__quote {
   font-size: 15px;
   border-left-width: 4px;
   border-left-style: solid;
@@ -3674,7 +3621,7 @@ button {
   --tw-text-opacity: 1;
   color: rgb(var(--c-color-gray-800-100) / var(--tw-text-opacity));
 }
-.PlaygroundEditorTheme__h1 {
+.CrystallizeRTEditorTheme__h1 {
   font-size: 20px;
   margin: 0px;
   margin-bottom: 0.25rem;
@@ -3684,7 +3631,7 @@ button {
   --tw-text-opacity: 1;
   color: rgb(var(--c-color-gray-800-100) / var(--tw-text-opacity));
 }
-.PlaygroundEditorTheme__h2 {
+.CrystallizeRTEditorTheme__h2 {
   font-size: 19px;
   margin: 0px;
   margin-bottom: 0.25rem;
@@ -3695,7 +3642,7 @@ button {
   --tw-text-opacity: 1;
   color: rgb(var(--c-color-gray-800-100) / var(--tw-text-opacity));
 }
-.PlaygroundEditorTheme__h3 {
+.CrystallizeRTEditorTheme__h3 {
   font-size: 18px;
   margin: 0px;
   margin-bottom: 0.25rem;
@@ -3705,7 +3652,7 @@ button {
   --tw-text-opacity: 1;
   color: rgb(var(--c-color-gray-800-100) / var(--tw-text-opacity));
 }
-.PlaygroundEditorTheme__h4 {
+.CrystallizeRTEditorTheme__h4 {
   font-size: 17px;
   margin: 0px;
   margin-bottom: 0.25rem;
@@ -3715,7 +3662,7 @@ button {
   --tw-text-opacity: 1;
   color: rgb(var(--c-color-gray-800-100) / var(--tw-text-opacity));
 }
-.PlaygroundEditorTheme__h5 {
+.CrystallizeRTEditorTheme__h5 {
   font-size: 16px;
   margin: 0px;
   margin-bottom: 0.25rem;
@@ -3725,7 +3672,7 @@ button {
   --tw-text-opacity: 1;
   color: rgb(var(--c-color-gray-800-100) / var(--tw-text-opacity));
 }
-.PlaygroundEditorTheme__h6 {
+.CrystallizeRTEditorTheme__h6 {
   font-size: 16px;
   margin: 0px;
   margin-bottom: 0.25rem;
@@ -3735,33 +3682,33 @@ button {
   --tw-text-opacity: 1;
   color: rgb(var(--c-color-gray-800-100) / var(--tw-text-opacity));
 }
-.PlaygroundEditorTheme__indent {
+.CrystallizeRTEditorTheme__indent {
   --lexical-indent-base-value: 20px;
 }
-.PlaygroundEditorTheme__textBold {
+.CrystallizeRTEditorTheme__textBold {
   font-weight: 700;
 }
-.PlaygroundEditorTheme__textItalic {
+.CrystallizeRTEditorTheme__textItalic {
   font-style: italic;
 }
-.PlaygroundEditorTheme__textUnderline {
+.CrystallizeRTEditorTheme__textUnderline {
   text-decoration-line: underline;
 }
-.PlaygroundEditorTheme__textStrikethrough {
+.CrystallizeRTEditorTheme__textStrikethrough {
   text-decoration-line: line-through;
 }
-.PlaygroundEditorTheme__textUnderlineStrikethrough {
+.CrystallizeRTEditorTheme__textUnderlineStrikethrough {
   text-decoration: underline line-through;
 }
-.PlaygroundEditorTheme__textSubscript {
+.CrystallizeRTEditorTheme__textSubscript {
   font-size: 0.8em;
   vertical-align: sub !important;
 }
-.PlaygroundEditorTheme__textSuperscript {
+.CrystallizeRTEditorTheme__textSuperscript {
   font-size: 0.8em;
   vertical-align: super;
 }
-.PlaygroundEditorTheme__textCode {
+.CrystallizeRTEditorTheme__textCode {
   padding: 2px 0.5rem;
   font-family:
     Menlo,
@@ -3777,20 +3724,16 @@ button {
   --tw-bg-opacity: 1;
   background-color: rgb(var(--c-color-purple-50-900) / var(--tw-bg-opacity));
 }
-.PlaygroundEditorTheme__hashtag {
-  background-color: rgba(88, 144, 255, 0.15);
-  border-bottom: 1px solid rgba(88, 144, 255, 0.3);
-}
-.PlaygroundEditorTheme__link {
+.CrystallizeRTEditorTheme__link {
   text-decoration: none;
   box-shadow: #5d96fd 0 -2px inset;
   --tw-text-opacity: 1 !important;
   color: rgb(var(--c-color-gray-600-300) / var(--tw-text-opacity)) !important;
 }
-.PlaygroundEditorTheme__link:hover {
+.CrystallizeRTEditorTheme__link:hover {
   cursor: pointer;
 }
-.PlaygroundEditorTheme__code {
+.CrystallizeRTEditorTheme__code {
   position: relative;
   margin-top: 0.5rem;
   margin-bottom: 0.5rem;
@@ -3817,7 +3760,7 @@ button {
   font-size: 12px;
   tab-size: 2;
 }
-.PlaygroundEditorTheme__code:before {
+.CrystallizeRTEditorTheme__code:before {
   position: absolute;
   top: 0px;
   left: 0px;
@@ -3836,7 +3779,7 @@ button {
   white-space: pre-wrap;
   min-width: 25px;
 }
-.PlaygroundEditorTheme__table {
+.CrystallizeRTEditorTheme__table {
   border-spacing: 0;
   max-width: 100%;
   overflow-y: scroll;
@@ -3850,11 +3793,11 @@ button {
   --tw-border-opacity: 1;
   border-color: rgb(var(--c-color-gray-100-800) / var(--tw-border-opacity));
 }
-.PlaygroundEditorTheme__tableSelected {
+.CrystallizeRTEditorTheme__tableSelected {
   outline-width: 2px;
   outline-color: rgb(var(--c-color-purple-200-700) / 1);
 }
-.PlaygroundEditorTheme__tableCell {
+.CrystallizeRTEditorTheme__tableCell {
   position: relative;
   cursor: default;
   border-width: 1px;
@@ -3872,13 +3815,13 @@ button {
   min-width: 75px;
   border-width: 0 0 1px 1px;
 }
-.PlaygroundEditorTheme__tableCell .PlaygroundEditorTheme__paragraph {
+.CrystallizeRTEditorTheme__tableCell .CrystallizeRTEditorTheme__paragraph {
   margin-top: 0.5rem;
   margin-bottom: 0.5rem;
   font-size: 0.875rem;
   line-height: 1.25rem;
 }
-.PlaygroundEditorTheme__tableCellSortedIndicator {
+.CrystallizeRTEditorTheme__tableCellSortedIndicator {
   display: block;
   opacity: 0.5;
   position: absolute;
@@ -3888,7 +3831,7 @@ button {
   height: 4px;
   background-color: #999;
 }
-.PlaygroundEditorTheme__tableCellResizer {
+.CrystallizeRTEditorTheme__tableCellResizer {
   position: absolute;
   right: -4px;
   height: 100%;
@@ -3897,15 +3840,15 @@ button {
   z-index: 10;
   top: 0;
 }
-.PlaygroundEditorTheme__tableCellHeader {
+.CrystallizeRTEditorTheme__tableCellHeader {
   --tw-bg-opacity: 1;
   background-color: rgb(var(--c-color-purple-50-900) / var(--tw-bg-opacity));
   text-align: start;
 }
-.PlaygroundEditorTheme__tableCellSelected {
+.CrystallizeRTEditorTheme__tableCellSelected {
   background-color: #c9dbf0;
 }
-.PlaygroundEditorTheme__tableCellPrimarySelected {
+.CrystallizeRTEditorTheme__tableCellPrimarySelected {
   border-width: 2px;
   border-style: solid;
   --tw-border-opacity: 1;
@@ -3918,7 +3861,7 @@ button {
   top: -1px;
   z-index: 2;
 }
-.PlaygroundEditorTheme__tableCellEditing {
+.CrystallizeRTEditorTheme__tableCellEditing {
   --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
   box-shadow:
@@ -3927,7 +3870,7 @@ button {
     var(--tw-shadow);
   border-radius: 3px;
 }
-.PlaygroundEditorTheme__tableAddColumns {
+.CrystallizeRTEditorTheme__tableAddColumns {
   position: absolute;
   top: 0;
   width: 20px;
@@ -3940,7 +3883,7 @@ button {
   --tw-bg-opacity: 1;
   background-color: rgb(var(--c-color-purple-50-900) / var(--tw-bg-opacity));
 }
-.PlaygroundEditorTheme__tableAddColumns:after {
+.CrystallizeRTEditorTheme__tableAddColumns:after {
   background-image: url(./plus-CQISIKEC.svg);
   background-size: contain;
   background-position: center;
@@ -3954,12 +3897,12 @@ button {
   height: 100%;
   opacity: 1;
 }
-.PlaygroundEditorTheme__tableAddColumns:hover {
+.CrystallizeRTEditorTheme__tableAddColumns:hover {
   border-radius: 0.125rem;
   --tw-border-opacity: 1;
   border-color: rgb(var(--c-color-purple-200-700) / var(--tw-border-opacity));
 }
-.PlaygroundEditorTheme__tableAddRows {
+.CrystallizeRTEditorTheme__tableAddRows {
   position: absolute;
   bottom: -25px;
   width: calc(100% - 25px);
@@ -3972,7 +3915,7 @@ button {
   --tw-bg-opacity: 1;
   background-color: rgb(var(--c-color-purple-50-900) / var(--tw-bg-opacity));
 }
-.PlaygroundEditorTheme__tableAddRows:after {
+.CrystallizeRTEditorTheme__tableAddRows:after {
   background-image: url(./plus-CQISIKEC.svg);
   background-size: contain;
   background-position: center;
@@ -3986,7 +3929,7 @@ button {
   height: 100%;
   opacity: 1;
 }
-.PlaygroundEditorTheme__tableAddRows:hover {
+.CrystallizeRTEditorTheme__tableAddRows:hover {
   border-radius: 0.125rem;
   --tw-border-opacity: 1;
   border-color: rgb(var(--c-color-purple-200-700) / var(--tw-border-opacity));
@@ -3999,7 +3942,7 @@ button {
     opacity: 1;
   }
 }
-.PlaygroundEditorTheme__tableCellResizeRuler {
+.CrystallizeRTEditorTheme__tableCellResizeRuler {
   display: block;
   position: absolute;
   width: 1px;
@@ -4007,7 +3950,7 @@ button {
   height: 100%;
   top: 0;
 }
-.PlaygroundEditorTheme__tableCellActionButtonContainer {
+.CrystallizeRTEditorTheme__tableCellActionButtonContainer {
   display: block;
   right: 5px;
   top: 6px;
@@ -4016,7 +3959,7 @@ button {
   width: 20px;
   height: 20px;
 }
-.PlaygroundEditorTheme__tableCellActionButton {
+.CrystallizeRTEditorTheme__tableCellActionButton {
   background-color: #eee;
   display: block;
   border: 0;
@@ -4026,48 +3969,48 @@ button {
   color: #222;
   cursor: pointer;
 }
-.PlaygroundEditorTheme__tableCellActionButton:hover {
+.CrystallizeRTEditorTheme__tableCellActionButton:hover {
   background-color: #ddd;
 }
-.PlaygroundEditorTheme__characterLimit {
+.CrystallizeRTEditorTheme__characterLimit {
   display: inline;
   background-color: #ffbbbb !important;
 }
-.PlaygroundEditorTheme__ol1 {
+.CrystallizeRTEditorTheme__ol1 {
   padding: 0;
   margin: 0;
   list-style-position: inside;
 }
-.PlaygroundEditorTheme__ol2 {
+.CrystallizeRTEditorTheme__ol2 {
   padding: 0;
   margin: 0;
   list-style-type: upper-alpha;
   list-style-position: inside;
 }
-.PlaygroundEditorTheme__ol3 {
+.CrystallizeRTEditorTheme__ol3 {
   padding: 0;
   margin: 0;
   list-style-type: lower-alpha;
   list-style-position: inside;
 }
-.PlaygroundEditorTheme__ol4 {
+.CrystallizeRTEditorTheme__ol4 {
   padding: 0;
   margin: 0;
   list-style-type: upper-roman;
   list-style-position: inside;
 }
-.PlaygroundEditorTheme__ol5 {
+.CrystallizeRTEditorTheme__ol5 {
   padding: 0;
   margin: 0;
   list-style-type: lower-roman;
   list-style-position: inside;
 }
-.PlaygroundEditorTheme__ul {
+.CrystallizeRTEditorTheme__ul {
   padding: 0;
   margin: 0;
   list-style-position: inside;
 }
-.PlaygroundEditorTheme__listItem {
+.CrystallizeRTEditorTheme__listItem {
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: 1.25rem;
@@ -4076,8 +4019,8 @@ button {
   --tw-text-opacity: 1;
   color: rgb(var(--c-color-gray-600-300) / var(--tw-text-opacity));
 }
-.PlaygroundEditorTheme__listItemChecked,
-.PlaygroundEditorTheme__listItemUnchecked {
+.CrystallizeRTEditorTheme__listItemChecked,
+.CrystallizeRTEditorTheme__listItemUnchecked {
   position: relative;
   margin-left: 8px;
   margin-right: 8px;
@@ -4086,11 +4029,11 @@ button {
   list-style-type: none;
   outline: none;
 }
-.PlaygroundEditorTheme__listItemChecked {
+.CrystallizeRTEditorTheme__listItemChecked {
   text-decoration: line-through;
 }
-.PlaygroundEditorTheme__listItemUnchecked:before,
-.PlaygroundEditorTheme__listItemChecked:before {
+.CrystallizeRTEditorTheme__listItemUnchecked:before,
+.CrystallizeRTEditorTheme__listItemChecked:before {
   content: "";
   width: 16px;
   height: 16px;
@@ -4101,27 +4044,27 @@ button {
   background-size: cover;
   position: absolute;
 }
-.PlaygroundEditorTheme__listItemUnchecked[dir=rtl]:before,
-.PlaygroundEditorTheme__listItemChecked[dir=rtl]:before {
+.CrystallizeRTEditorTheme__listItemUnchecked[dir=rtl]:before,
+.CrystallizeRTEditorTheme__listItemChecked[dir=rtl]:before {
   left: auto;
   right: 0;
 }
-.PlaygroundEditorTheme__listItemUnchecked:focus:before,
-.PlaygroundEditorTheme__listItemChecked:focus:before {
+.CrystallizeRTEditorTheme__listItemUnchecked:focus:before,
+.CrystallizeRTEditorTheme__listItemChecked:focus:before {
   box-shadow: 0 0 0 2px #a6cdfe;
   border-radius: 2px;
 }
-.PlaygroundEditorTheme__listItemUnchecked:before {
+.CrystallizeRTEditorTheme__listItemUnchecked:before {
   border: 1px solid #999;
   border-radius: 2px;
 }
-.PlaygroundEditorTheme__listItemChecked:before {
+.CrystallizeRTEditorTheme__listItemChecked:before {
   border: 1px solid rgb(61, 135, 245);
   border-radius: 2px;
   background-color: #3d87f5;
   background-repeat: no-repeat;
 }
-.PlaygroundEditorTheme__listItemChecked:after {
+.CrystallizeRTEditorTheme__listItemChecked:after {
   content: "";
   cursor: pointer;
   border-color: #fff;
@@ -4136,58 +4079,58 @@ button {
   transform: rotate(45deg);
   border-width: 0 2px 2px 0;
 }
-.PlaygroundEditorTheme__nestedListItem {
+.CrystallizeRTEditorTheme__nestedListItem {
   list-style-type: none;
 }
-.PlaygroundEditorTheme__nestedListItem:before,
-.PlaygroundEditorTheme__nestedListItem:after {
+.CrystallizeRTEditorTheme__nestedListItem:before,
+.CrystallizeRTEditorTheme__nestedListItem:after {
   display: none;
 }
-.PlaygroundEditorTheme__tokenComment {
+.CrystallizeRTEditorTheme__tokenComment {
   color: slategray;
 }
-.PlaygroundEditorTheme__tokenPunctuation {
+.CrystallizeRTEditorTheme__tokenPunctuation {
   color: #999;
 }
-.PlaygroundEditorTheme__tokenProperty {
+.CrystallizeRTEditorTheme__tokenProperty {
   color: #905;
 }
-.PlaygroundEditorTheme__tokenSelector {
+.CrystallizeRTEditorTheme__tokenSelector {
   color: #690;
 }
-.PlaygroundEditorTheme__tokenOperator {
+.CrystallizeRTEditorTheme__tokenOperator {
   color: #9a6e3a;
 }
-.PlaygroundEditorTheme__tokenAttr {
+.CrystallizeRTEditorTheme__tokenAttr {
   color: #07a;
 }
-.PlaygroundEditorTheme__tokenVariable {
+.CrystallizeRTEditorTheme__tokenVariable {
   color: #e90;
 }
-.PlaygroundEditorTheme__tokenFunction {
+.CrystallizeRTEditorTheme__tokenFunction {
   color: #dd4a68;
 }
-.PlaygroundEditorTheme__mark {
+.CrystallizeRTEditorTheme__mark {
   background: rgba(255, 212, 0, 0.14);
   border-bottom: 2px solid rgba(255, 212, 0, 0.3);
   padding-bottom: 2px;
 }
-.PlaygroundEditorTheme__markOverlap {
+.CrystallizeRTEditorTheme__markOverlap {
   background: rgba(255, 212, 0, 0.3);
   border-bottom: 2px solid rgba(255, 212, 0, 0.7);
 }
-.PlaygroundEditorTheme__mark.selected {
+.CrystallizeRTEditorTheme__mark.selected {
   background: rgba(255, 212, 0, 0.5);
   border-bottom: 2px solid rgba(255, 212, 0, 1);
 }
-.PlaygroundEditorTheme__markOverlap.selected {
+.CrystallizeRTEditorTheme__markOverlap.selected {
   background: rgba(255, 212, 0, 0.7);
   border-bottom: 2px solid rgba(255, 212, 0, 0.7);
 }
-.PlaygroundEditorTheme__embedBlock {
+.CrystallizeRTEditorTheme__embedBlock {
   user-select: none;
 }
-.PlaygroundEditorTheme__embedBlockFocus {
+.CrystallizeRTEditorTheme__embedBlockFocus {
   outline: 2px solid rgb(60, 132, 244);
 }