@crystallize/design-system 1.11.2 → 1.11.3

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.
Files changed (5) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/index.css +6 -6
  3. package/package.json +1 -1
  4. package/src/rich-text-editor/plugins/FloatingTextFormatToolbarPlugin/index.css +1 -1
  5. package/src/rich-text-editor/rich-text-editor.stories.tsx +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @crystallize/design-system
2
2
 
3
+ ## 1.11.3
4
+
5
+ ### Patch Changes
6
+
7
+ - 7b69e70: Replace old colors classes with the proper ones
8
+
3
9
  ## 1.11.2
4
10
 
5
11
  ### Patch Changes
package/dist/index.css CHANGED
@@ -808,6 +808,10 @@ button {
808
808
  --tw-bg-opacity: 1 !important;
809
809
  background-color: rgb(var(--c-color-purple-50-900) / var(--tw-bg-opacity)) !important;
810
810
  }
811
+ .bg-elevate {
812
+ --tw-bg-opacity: 1;
813
+ background-color: rgb(var(--c-color-elevate) / var(--tw-bg-opacity));
814
+ }
811
815
  .bg-gray {
812
816
  background-color: rgb(var(--c-color-gray));
813
817
  }
@@ -823,10 +827,6 @@ button {
823
827
  --tw-bg-opacity: 1;
824
828
  background-color: rgb(var(--c-color-purple-50-900) / var(--tw-bg-opacity));
825
829
  }
826
- .bg-white {
827
- --tw-bg-opacity: 1;
828
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
829
- }
830
830
  .bg-\[length\:16px_16px\] {
831
831
  background-size: 16px 16px;
832
832
  }
@@ -3208,13 +3208,13 @@ button {
3208
3208
  will-change: transform;
3209
3209
  box-sizing: border-box;
3210
3210
  position: absolute;
3211
- top: 0px;
3212
3211
  left: 0px;
3212
+ top: 0px;
3213
3213
  z-index: 10;
3214
3214
  display: flex;
3215
3215
  border-radius: 0.375rem;
3216
3216
  --tw-bg-opacity: 1;
3217
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
3217
+ background-color: rgb(var(--c-color-elevate) / var(--tw-bg-opacity));
3218
3218
  padding: 0.25rem;
3219
3219
  opacity: 0;
3220
3220
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@crystallize/design-system",
3
- "version": "1.11.2",
3
+ "version": "1.11.3",
4
4
  "types": "./dist/index.d.ts",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.mjs",
package/src/rich-text-editor/plugins/FloatingTextFormatToolbarPlugin/index.css CHANGED
@@ -5,7 +5,7 @@
5
5
  height: 43px;
6
6
  will-change: transform;
7
7
  box-sizing: border-box;
8
- @apply absolute top-0 left-0 z-10 flex rounded-md bg-white p-1 opacity-0 shadow-md;
8
+ @apply absolute left-0 top-0 z-10 flex rounded-md bg-elevate p-1 opacity-0 shadow-md;
9
9
  }
10
10
 
11
11
  .c-floating-text-format-popup button.popup-item {
package/src/rich-text-editor/rich-text-editor.stories.tsx CHANGED
@@ -14,7 +14,7 @@ const meta: Meta<typeof RichTextEditor> = {
14
14
  decorators: [
15
15
  Story => (
16
16
  <div className="bg-gray-50-900 p-10">
17
- <div className="shadow-md border-red bg-white max-w-[1100px] mx-auto rounded-md">
17
+ <div className="shadow-md border-red bg-elevate max-w-[1100px] mx-auto rounded-md">
18
18
  <Story />
19
19
  </div>
20
20
  </div>