@filekit-studio/sketch 1.1.0 → 1.1.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/dist/styles.css CHANGED
@@ -121,9 +121,8 @@
121
121
  }
122
122
 
123
123
  /* Classic Panels, Cards & Toolbars (Light Mode) */
124
- .fk-sketch-root.fk-panel-classic:not(.dark) .fk-card,
125
- .fk-sketch-root[data-panel="classic"]:not(.dark) .fk-card,
126
- :not(.dark) .fk-sketch-root[data-panel="classic"] .fk-card {
124
+ .fk-sketch-root.fk-panel-classic:not(.dark):not([data-theme="dark"]) .fk-card,
125
+ .fk-sketch-root[data-panel="classic"]:not(.dark):not([data-theme="dark"]) .fk-card {
127
126
  background-color: rgba(255, 255, 255, 0.96) !important;
128
127
  border: 1px solid rgba(0, 0, 0, 0.04) !important;
129
128
  box-shadow: 0 10px 30px -4px rgba(0, 0, 0, 0.08), 0 4px 12px -2px rgba(0, 0, 0, 0.03) !important;
@@ -143,18 +142,16 @@
143
142
  }
144
143
 
145
144
  /* Classic Standalone Buttons (Light Mode) */
146
- .fk-sketch-root.fk-panel-classic:not(.dark) .fk-btn,
147
- .fk-sketch-root[data-panel="classic"]:not(.dark) .fk-btn,
148
- :not(.dark) .fk-sketch-root[data-panel="classic"] .fk-btn {
145
+ .fk-sketch-root.fk-panel-classic:not(.dark):not([data-theme="dark"]) .fk-btn,
146
+ .fk-sketch-root[data-panel="classic"]:not(.dark):not([data-theme="dark"]) .fk-btn {
149
147
  background-color: #ffffff !important;
150
148
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
151
149
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.07) !important;
152
150
  color: #334155 !important;
153
151
  }
154
152
 
155
- .fk-sketch-root.fk-panel-classic:not(.dark) .fk-btn:hover,
156
- .fk-sketch-root[data-panel="classic"]:not(.dark) .fk-btn:hover,
157
- :not(.dark) .fk-sketch-root[data-panel="classic"] .fk-btn:hover {
153
+ .fk-sketch-root.fk-panel-classic:not(.dark):not([data-theme="dark"]) .fk-btn:hover,
154
+ .fk-sketch-root[data-panel="classic"]:not(.dark):not([data-theme="dark"]) .fk-btn:hover {
158
155
  background-color: #f8fafc !important;
159
156
  color: #0f172a !important;
160
157
  }
@@ -181,12 +178,10 @@
181
178
  }
182
179
 
183
180
  /* Classic Segmented Control Option Tracks (No hard borders, depth from soft inset shadow) */
184
- .fk-sketch-root.fk-panel-classic:not(.dark) [class*="bg-[#e4e8ef]"],
185
- .fk-sketch-root[data-panel="classic"]:not(.dark) [class*="bg-[#e4e8ef]"],
186
- :not(.dark) .fk-sketch-root[data-panel="classic"] [class*="bg-[#e4e8ef]"],
187
- .fk-sketch-root.fk-panel-classic:not(.dark) [class*="bg-[#eef1f6]"]:not(.fk-card):not(.fk-template-card),
188
- .fk-sketch-root[data-panel="classic"]:not(.dark) [class*="bg-[#eef1f6]"]:not(.fk-card):not(.fk-template-card),
189
- :not(.dark) .fk-sketch-root[data-panel="classic"] [class*="bg-[#eef1f6]"]:not(.fk-card):not(.fk-template-card) {
181
+ .fk-sketch-root.fk-panel-classic:not(.dark):not([data-theme="dark"]) [class*="bg-[#e4e8ef]"],
182
+ .fk-sketch-root[data-panel="classic"]:not(.dark):not([data-theme="dark"]) [class*="bg-[#e4e8ef]"],
183
+ .fk-sketch-root.fk-panel-classic:not(.dark):not([data-theme="dark"]) [class*="bg-[#eef1f6]"]:not(.fk-card):not(.fk-template-card),
184
+ .fk-sketch-root[data-panel="classic"]:not(.dark):not([data-theme="dark"]) [class*="bg-[#eef1f6]"]:not(.fk-card):not(.fk-template-card) {
190
185
  background-color: #f1f5f9 !important;
191
186
  border: none !important;
192
187
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04) !important;
@@ -227,9 +222,8 @@
227
222
  }
228
223
 
229
224
  /* Classic Segmented Control Active / Selected Option Pills (Properties Panel) */
230
- .fk-sketch-root.fk-panel-classic:not(.dark) [class*="bg-[#f0f3f8]"]:not(.fk-tool-btn),
231
- .fk-sketch-root[data-panel="classic"]:not(.dark) [class*="bg-[#f0f3f8]"]:not(.fk-tool-btn),
232
- :not(.dark) .fk-sketch-root[data-panel="classic"] [class*="bg-[#f0f3f8]"]:not(.fk-tool-btn) {
225
+ .fk-sketch-root.fk-panel-classic:not(.dark):not([data-theme="dark"]) [class*="bg-[#f0f3f8]"]:not(.fk-tool-btn),
226
+ .fk-sketch-root[data-panel="classic"]:not(.dark):not([data-theme="dark"]) [class*="bg-[#f0f3f8]"]:not(.fk-tool-btn) {
233
227
  background-color: #ffffff !important;
234
228
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
235
229
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.06) !important;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@filekit-studio/sketch",
3
- "version": "1.1.0",
3
+ "version": "1.1.1",
4
4
  "description": "Local-first, embeddable whiteboard & diagramming SDK for React and Next.js",
5
5
  "homepage": "https://tools.kanaddev.me/sketch",
6
6
  "main": "./dist/index.js",