@lukso/web-components 1.173.2 → 1.173.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.
@@ -334,6 +334,29 @@
334
334
  *
335
335
  * This file contains all CSS variables used in designs.
336
336
  */
337
+ /**
338
+ * Tailwind v4 shadow system variables
339
+ * Web components use Tailwind v4 internally, which requires these CSS variables
340
+ * to be initialized for box-shadow to render correctly in Tailwind v3 consumers.
341
+ */
342
+ *,
343
+ ::after,
344
+ ::before,
345
+ ::backdrop,
346
+ ::file-selector-button {
347
+ --tw-shadow: 0 0 #0000;
348
+ --tw-shadow-colored: 0 0 #0000;
349
+ --tw-inset-shadow: 0 0 #0000;
350
+ --tw-inset-shadow-colored: 0 0 #0000;
351
+ --tw-ring-color: initial;
352
+ --tw-ring-shadow: 0 0 #0000;
353
+ --tw-inset-ring-color: initial;
354
+ --tw-inset-ring-shadow: 0 0 #0000;
355
+ --tw-ring-offset-width: 0px;
356
+ --tw-ring-offset-color: #fff;
357
+ --tw-ring-offset-shadow: 0 0 #0000;
358
+ }
359
+
337
360
  .tippy-box[data-animation=fade][data-state=hidden] {
338
361
  opacity: 0;
339
362
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lukso/web-components",
3
- "version": "1.173.2",
3
+ "version": "1.173.3",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "dist",
@@ -3,3 +3,26 @@
3
3
  *
4
4
  * This file contains all CSS variables used in designs.
5
5
  */
6
+
7
+ /**
8
+ * Tailwind v4 shadow system variables
9
+ * Web components use Tailwind v4 internally, which requires these CSS variables
10
+ * to be initialized for box-shadow to render correctly in Tailwind v3 consumers.
11
+ */
12
+ *,
13
+ ::after,
14
+ ::before,
15
+ ::backdrop,
16
+ ::file-selector-button {
17
+ --tw-shadow: 0 0 #0000;
18
+ --tw-shadow-colored: 0 0 #0000;
19
+ --tw-inset-shadow: 0 0 #0000;
20
+ --tw-inset-shadow-colored: 0 0 #0000;
21
+ --tw-ring-color: initial;
22
+ --tw-ring-shadow: 0 0 #0000;
23
+ --tw-inset-ring-color: initial;
24
+ --tw-inset-ring-shadow: 0 0 #0000;
25
+ --tw-ring-offset-width: 0px;
26
+ --tw-ring-offset-color: #fff;
27
+ --tw-ring-offset-shadow: 0 0 #0000;
28
+ }
@@ -334,6 +334,29 @@
334
334
  *
335
335
  * This file contains all CSS variables used in designs.
336
336
  */
337
+ /**
338
+ * Tailwind v4 shadow system variables
339
+ * Web components use Tailwind v4 internally, which requires these CSS variables
340
+ * to be initialized for box-shadow to render correctly in Tailwind v3 consumers.
341
+ */
342
+ *,
343
+ ::after,
344
+ ::before,
345
+ ::backdrop,
346
+ ::file-selector-button {
347
+ --tw-shadow: 0 0 #0000;
348
+ --tw-shadow-colored: 0 0 #0000;
349
+ --tw-inset-shadow: 0 0 #0000;
350
+ --tw-inset-shadow-colored: 0 0 #0000;
351
+ --tw-ring-color: initial;
352
+ --tw-ring-shadow: 0 0 #0000;
353
+ --tw-inset-ring-color: initial;
354
+ --tw-inset-ring-shadow: 0 0 #0000;
355
+ --tw-ring-offset-width: 0px;
356
+ --tw-ring-offset-color: #fff;
357
+ --tw-ring-offset-shadow: 0 0 #0000;
358
+ }
359
+
337
360
  .tippy-box[data-animation=fade][data-state=hidden] {
338
361
  opacity: 0;
339
362
  }