@tsdraw/react 0.6.1 → 0.7.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/dist/tsdraw.css CHANGED
@@ -122,13 +122,15 @@
122
122
  overflow: hidden;
123
123
  pointer-events: all;
124
124
  z-index: 120;
125
+ padding-top: 8px;
125
126
  }
126
127
 
127
128
  .tsdraw-style-colors {
128
129
  display: grid;
129
130
  grid-template-columns: repeat(4, 1fr);
130
131
  gap: 0;
131
- padding: 6px;
132
+ padding: 8px 6px;
133
+ padding-top: 0;
132
134
  }
133
135
 
134
136
  .tsdraw-style-color {
@@ -250,6 +252,29 @@
250
252
  height: 7px;
251
253
  }
252
254
 
255
+ .tsdraw-style-fill {
256
+ width: 22px;
257
+ height: 14px;
258
+ border: 1px solid var(--tsdraw-color-preview);
259
+ border-radius: 3px;
260
+ }
261
+
262
+ .tsdraw-style-fill--none {
263
+ background: repeating-linear-gradient(45deg, color-mix(in srgb, var(--tsdraw-color-preview) 35%, transparent) 0 2px, transparent 2px 6px);
264
+ }
265
+
266
+ .tsdraw-style-fill--blank {
267
+ background: var(--tsdraw-color-bg);
268
+ }
269
+
270
+ .tsdraw-style-fill--semi {
271
+ background: color-mix(in srgb, var(--tsdraw-color-preview) 28%, transparent);
272
+ }
273
+
274
+ .tsdraw-style-fill--solid {
275
+ background: color-mix(in srgb, var(--tsdraw-color-preview) 58%, transparent);
276
+ }
277
+
253
278
  .tsdraw-selection-brush {
254
279
  position: absolute;
255
280
  border: 1px solid rgba(68, 101, 233, 0.95);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tsdraw/react",
3
- "version": "0.6.1",
3
+ "version": "0.7.0",
4
4
  "description": "@tsdraw/react - React components and hooks for tsdraw",
5
5
  "repository": {
6
6
  "type": "git",
@@ -45,7 +45,7 @@
45
45
  },
46
46
  "dependencies": {
47
47
  "@tabler/icons-react": "^3.40.0",
48
- "@tsdraw/core": "0.6.0"
48
+ "@tsdraw/core": "latest"
49
49
  },
50
50
  "peerDependencies": {
51
51
  "react": "^18.0.0 || ^19.0.0",