@ws-ui/localization-editor 1.13.0-rc1 → 1.13.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.
@@ -487,9 +487,6 @@
487
487
  @layer properties {
488
488
  @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
489
489
  *,:before,:after,::backdrop {
490
- --tw-translate-x: 0;
491
- --tw-translate-y: 0;
492
- --tw-translate-z: 0;
493
490
  --tw-scale-x: 1;
494
491
  --tw-scale-y: 1;
495
492
  --tw-scale-z: 1;
@@ -498,7 +495,6 @@
498
495
  --tw-rotate-z: initial;
499
496
  --tw-skew-x: initial;
500
497
  --tw-skew-y: initial;
501
- --tw-space-x-reverse: 0;
502
498
  --tw-border-style: solid;
503
499
  --tw-leading: initial;
504
500
  --tw-font-weight: initial;
@@ -609,9 +605,6 @@
609
605
  .top-1 {
610
606
  top: calc(var(--spacing) * 1);
611
607
  }
612
- .top-1\/2 {
613
- top: 50%;
614
- }
615
608
  .top-4 {
616
609
  top: calc(var(--spacing) * 4);
617
610
  }
@@ -630,12 +623,12 @@
630
623
  .z-20 {
631
624
  z-index: 20;
632
625
  }
626
+ .z-2147483647 {
627
+ z-index: 2147483647;
628
+ }
633
629
  .z-\[1999\] {
634
630
  z-index: 1999;
635
631
  }
636
- .z-\[2147483647\] {
637
- z-index: 2147483647;
638
- }
639
632
  .container {
640
633
  width: 100%;
641
634
  }
@@ -1294,8 +1287,9 @@
1294
1287
  width: calc(var(--spacing) * 6);
1295
1288
  height: calc(var(--spacing) * 6);
1296
1289
  }
1297
- .h-1\/2 {
1298
- height: 50%;
1290
+ .size-full {
1291
+ width: 100%;
1292
+ height: 100%;
1299
1293
  }
1300
1294
  .h-3 {
1301
1295
  height: calc(var(--spacing) * 3);
@@ -1333,9 +1327,6 @@
1333
1327
  .min-h-\[10rem\] {
1334
1328
  min-height: 10rem;
1335
1329
  }
1336
- .w-1\/2 {
1337
- width: 50%;
1338
- }
1339
1330
  .w-3 {
1340
1331
  width: calc(var(--spacing) * 3);
1341
1332
  }
@@ -1348,9 +1339,6 @@
1348
1339
  .w-6 {
1349
1340
  width: calc(var(--spacing) * 6);
1350
1341
  }
1351
- .w-7 {
1352
- width: calc(var(--spacing) * 7);
1353
- }
1354
1342
  .w-8 {
1355
1343
  width: calc(var(--spacing) * 8);
1356
1344
  }
@@ -1393,14 +1381,6 @@
1393
1381
  .flex-none {
1394
1382
  flex: none;
1395
1383
  }
1396
- .translate-x-1\/2 {
1397
- --tw-translate-x: 50% ;
1398
- translate: var(--tw-translate-x) var(--tw-translate-y);
1399
- }
1400
- .-translate-y-1\/2 {
1401
- --tw-translate-y: -50% ;
1402
- translate: var(--tw-translate-x) var(--tw-translate-y);
1403
- }
1404
1384
  .scale-95 {
1405
1385
  --tw-scale-x: 95%;
1406
1386
  --tw-scale-y: 95%;
@@ -1467,14 +1447,12 @@
1467
1447
  .gap-4 {
1468
1448
  gap: calc(var(--spacing) * 4);
1469
1449
  }
1450
+ .gap-x-2 {
1451
+ column-gap: calc(var(--spacing) * 2);
1452
+ }
1470
1453
  .gap-x-3 {
1471
1454
  column-gap: calc(var(--spacing) * 3);
1472
1455
  }
1473
- :where(.space-x-2>:not(:last-child)) {
1474
- --tw-space-x-reverse: 0;
1475
- margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
1476
- margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
1477
- }
1478
1456
  .self-center {
1479
1457
  align-self: center;
1480
1458
  }
@@ -1520,21 +1498,20 @@
1520
1498
  .border-grey-50 {
1521
1499
  border-color: var(--ws-grey-50);
1522
1500
  }
1523
- .bg-black {
1524
- background-color: var(--color-black);
1501
+ .bg-black\/80 {
1502
+ background-color: #000c;
1503
+ }
1504
+ @supports (color:color-mix(in lab,red,red)) {
1505
+ .bg-black\/80 {
1506
+ background-color: color-mix(in oklab,var(--color-black) 80%,transparent);
1507
+ }
1525
1508
  }
1526
1509
  .bg-blue-500 {
1527
1510
  background-color: var(--color-blue-500);
1528
1511
  }
1529
- .bg-fd-gray-default {
1530
- background-color: #313131;
1531
- }
1532
1512
  .bg-green-500 {
1533
1513
  background-color: var(--color-green-500);
1534
1514
  }
1535
- .bg-grey-300 {
1536
- background-color: var(--ws-grey-300);
1537
- }
1538
1515
  .bg-grey-900 {
1539
1516
  background-color: var(--ws-grey-900);
1540
1517
  }
@@ -1808,8 +1785,8 @@
1808
1785
  user-select: none;
1809
1786
  }
1810
1787
  @media (hover:hover) {
1811
- .group-hover\:block:is(:where(.group):hover *) {
1812
- display: block;
1788
+ .group-hover\:flex:is(:where(.group):hover *) {
1789
+ display: flex;
1813
1790
  }
1814
1791
  .hover\:bg-primary-hover:hover {
1815
1792
  background-color: var(--ws-primary-hover);
@@ -1864,8 +1841,8 @@
1864
1841
  --ws-primary-default: var(--ws-button-bg);
1865
1842
  --ws-button-text: var(--ws-button-fg);
1866
1843
  --ws-primary-hover: var(--vscode-button-hoverBackground,var(--theia-button-hoverBackground,var(--ws-palette-primary-700)));
1867
- --ws-primary-light: var(--vscode-editorInfo-foreground,var(--theia-button-hoverBackground,var(--ws-palette-primary-200)));
1868
- --ws-primary-dark: var(--vscode-editor-lineHighlightBackground,var(--theia-button-hoverBackground,var(--ws-palette-primary-700)));
1844
+ --ws-primary-light: var(--vscode-editorInfo-foreground,var(--vscode-button-background,var(--theia-button-hoverBackground,var(--theia-button-background,var(--ws-palette-primary-200)))));
1845
+ --ws-primary-dark: var(--vscode-editor-lineHighlightBackground,var(--vscode-button-foreground,var(--theia-button-hoverBackground,var(--theia-button-foreground,var(--ws-palette-primary-700)))));
1869
1846
  --ws-primary-200: var(--ws-primary-light);
1870
1847
  --ws-primary-500: var(--ws-primary-default);
1871
1848
  --ws-primary-700: var(--ws-primary-hover);
@@ -1953,12 +1930,64 @@
1953
1930
  --ws-disable-bg: var(--vscode-button-disabledBackground,var(--theia-button-disabledBackground,var(--ws-palette-grey-300)));
1954
1931
  --ws-disable-input: var(--vscode-button-disabledBackground,var(--theia-button-disabledBackground,var(--ws-palette-grey-200)));
1955
1932
  --ws-text-muted: var(--vscode-descriptionForeground,var(--vscode-editor-foreground,var(--theia-descriptionForeground,var(--ws-palette-grey-100))));
1956
- --ws-panel-0: var(--vscode-editor-background,var(--theia-editor-background,var(--ws-palette-grey-900)));
1957
- --ws-panel-1: var(--vscode-sideBar-background,var(--theia-sideBar-background,var(--ws-palette-grey-700)));
1958
- --ws-panel-2: var(--vscode-panel-background,var(--theia-panel-background,var(--ws-palette-grey-900)));
1959
- --ws-panel-3: var(--vscode-editorGroupHeader-tabsBackground,var(--theia-editorGroupHeader-tabsBackground,var(--ws-palette-grey-900)));
1960
- --ws-panel-4: var(--vscode-editorWidget-background,var(--theia-editorWidget-background,var(--ws-palette-grey-300)));
1961
- --ws-panel-5: var(--vscode-editorWidget-background,var(--theia-editorWidget-background,var(--ws-palette-grey-950)));
1933
+ --ws-panel-base-ide: var(--vscode-editor-background,var(--theia-editor-background));
1934
+ --ws-panel-shift-ide: var(--vscode-editor-foreground,var(--theia-panel-foreground));
1935
+ --ws-panel-0-mix: var(--ws-panel-base-ide);
1936
+ --ws-panel-1-mix: var(--ws-panel-base-ide);
1937
+ }
1938
+ @supports (color:color-mix(in lab,red,red)) {
1939
+ :root {
1940
+ --ws-panel-1-mix: color-mix(in srgb, var(--ws-panel-base-ide) 96%, var(--ws-panel-shift-ide));
1941
+ }
1942
+ }
1943
+ :root {
1944
+ --ws-panel-2-mix: var(--ws-panel-base-ide);
1945
+ }
1946
+ @supports (color:color-mix(in lab,red,red)) {
1947
+ :root {
1948
+ --ws-panel-2-mix: color-mix(in srgb, var(--ws-panel-base-ide) 92%, var(--ws-panel-shift-ide));
1949
+ }
1950
+ }
1951
+ :root {
1952
+ --ws-panel-3-mix: var(--ws-panel-base-ide);
1953
+ }
1954
+ @supports (color:color-mix(in lab,red,red)) {
1955
+ :root {
1956
+ --ws-panel-3-mix: color-mix(in srgb, var(--ws-panel-base-ide) 88%, var(--ws-panel-shift-ide));
1957
+ }
1958
+ }
1959
+ :root {
1960
+ --ws-panel-4-mix: var(--ws-panel-base-ide);
1961
+ }
1962
+ @supports (color:color-mix(in lab,red,red)) {
1963
+ :root {
1964
+ --ws-panel-4-mix: color-mix(in srgb, var(--ws-panel-base-ide) 84%, var(--ws-panel-shift-ide));
1965
+ }
1966
+ }
1967
+ :root {
1968
+ --ws-panel-5-mix: var(--ws-panel-base-ide);
1969
+ }
1970
+ @supports (color:color-mix(in lab,red,red)) {
1971
+ :root {
1972
+ --ws-panel-5-mix: color-mix(in srgb, var(--ws-panel-base-ide) 80%, var(--ws-panel-shift-ide));
1973
+ }
1974
+ }
1975
+ :root {
1976
+ --ws-panel-light-mix: var(--ws-panel-base-ide);
1977
+ }
1978
+ @supports (color:color-mix(in lab,red,red)) {
1979
+ :root {
1980
+ --ws-panel-light-mix: color-mix(in srgb, var(--ws-panel-base-ide) 90%, var(--ws-panel-shift-ide));
1981
+ }
1982
+ }
1983
+ :root {
1984
+ --ws-panel-0: var(--ws-panel-0-mix,var(--ws-palette-grey-900));
1985
+ --ws-panel-1: var(--ws-panel-1-mix,var(--ws-palette-grey-700));
1986
+ --ws-panel-2: var(--ws-panel-2-mix,var(--ws-palette-grey-900));
1987
+ --ws-panel-3: var(--ws-panel-3-mix,var(--ws-palette-grey-900));
1988
+ --ws-panel-4: var(--ws-panel-4-mix,var(--ws-palette-grey-300));
1989
+ --ws-panel-5: var(--ws-panel-5-mix,var(--ws-palette-grey-950));
1990
+ --ws-panel-light: var(--ws-panel-light-mix,var(--ws-palette-grey-200));
1962
1991
  --ws-panel-border-subtle: var(--vscode-panel-border,var(--theia-border-color,var(--ws-palette-grey-100)));
1963
1992
  --ws-panel-border-strong: var(--vscode-contrastBorder,var(--theia-contrastBorder,var(--ws-palette-grey-300)));
1964
1993
  --ws-tab-bg-default: var(--vscode-editorGroupHeader-tabsBackground,var(--ws-palette-grey-900));
@@ -1977,21 +2006,6 @@
1977
2006
  --ws-panel-title-inactive-fg: var(--vscode-panelTitle-inactiveForeground,var(--ws-palette-grey-100));
1978
2007
  }
1979
2008
  }
1980
- @property --tw-translate-x {
1981
- syntax: "*";
1982
- inherits: false;
1983
- initial-value: 0;
1984
- }
1985
- @property --tw-translate-y {
1986
- syntax: "*";
1987
- inherits: false;
1988
- initial-value: 0;
1989
- }
1990
- @property --tw-translate-z {
1991
- syntax: "*";
1992
- inherits: false;
1993
- initial-value: 0;
1994
- }
1995
2009
  @property --tw-scale-x {
1996
2010
  syntax: "*";
1997
2011
  inherits: false;
@@ -2027,11 +2041,6 @@
2027
2041
  syntax: "*";
2028
2042
  inherits: false;
2029
2043
  }
2030
- @property --tw-space-x-reverse {
2031
- syntax: "*";
2032
- inherits: false;
2033
- initial-value: 0;
2034
- }
2035
2044
  @property --tw-border-style {
2036
2045
  syntax: "*";
2037
2046
  inherits: false;
@@ -2180,9 +2189,6 @@
2180
2189
  @layer properties {
2181
2190
  @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
2182
2191
  *,:before,:after,::backdrop {
2183
- --tw-translate-x: 0;
2184
- --tw-translate-y: 0;
2185
- --tw-translate-z: 0;
2186
2192
  --tw-scale-x: 1;
2187
2193
  --tw-scale-y: 1;
2188
2194
  --tw-scale-z: 1;
@@ -2522,8 +2528,8 @@
2522
2528
  --ws-primary-default: var(--ws-button-bg);
2523
2529
  --ws-button-text: var(--ws-button-fg);
2524
2530
  --ws-primary-hover: var(--vscode-button-hoverBackground,var(--theia-button-hoverBackground,var(--ws-palette-primary-700)));
2525
- --ws-primary-light: var(--vscode-editorInfo-foreground,var(--theia-button-hoverBackground,var(--ws-palette-primary-200)));
2526
- --ws-primary-dark: var(--vscode-editor-lineHighlightBackground,var(--theia-button-hoverBackground,var(--ws-palette-primary-700)));
2531
+ --ws-primary-light: var(--vscode-editorInfo-foreground,var(--vscode-button-background,var(--theia-button-hoverBackground,var(--theia-button-background,var(--ws-palette-primary-200)))));
2532
+ --ws-primary-dark: var(--vscode-editor-lineHighlightBackground,var(--vscode-button-foreground,var(--theia-button-hoverBackground,var(--theia-button-foreground,var(--ws-palette-primary-700)))));
2527
2533
  --ws-primary-200: var(--ws-primary-light);
2528
2534
  --ws-primary-500: var(--ws-primary-default);
2529
2535
  --ws-primary-700: var(--ws-primary-hover);
@@ -2611,12 +2617,64 @@
2611
2617
  --ws-disable-bg: var(--vscode-button-disabledBackground,var(--theia-button-disabledBackground,var(--ws-palette-grey-300)));
2612
2618
  --ws-disable-input: var(--vscode-button-disabledBackground,var(--theia-button-disabledBackground,var(--ws-palette-grey-200)));
2613
2619
  --ws-text-muted: var(--vscode-descriptionForeground,var(--vscode-editor-foreground,var(--theia-descriptionForeground,var(--ws-palette-grey-100))));
2614
- --ws-panel-0: var(--vscode-editor-background,var(--theia-editor-background,var(--ws-palette-grey-900)));
2615
- --ws-panel-1: var(--vscode-sideBar-background,var(--theia-sideBar-background,var(--ws-palette-grey-700)));
2616
- --ws-panel-2: var(--vscode-panel-background,var(--theia-panel-background,var(--ws-palette-grey-900)));
2617
- --ws-panel-3: var(--vscode-editorGroupHeader-tabsBackground,var(--theia-editorGroupHeader-tabsBackground,var(--ws-palette-grey-900)));
2618
- --ws-panel-4: var(--vscode-editorWidget-background,var(--theia-editorWidget-background,var(--ws-palette-grey-300)));
2619
- --ws-panel-5: var(--vscode-editorWidget-background,var(--theia-editorWidget-background,var(--ws-palette-grey-950)));
2620
+ --ws-panel-base-ide: var(--vscode-editor-background,var(--theia-editor-background));
2621
+ --ws-panel-shift-ide: var(--vscode-editor-foreground,var(--theia-panel-foreground));
2622
+ --ws-panel-0-mix: var(--ws-panel-base-ide);
2623
+ --ws-panel-1-mix: var(--ws-panel-base-ide);
2624
+ }
2625
+ @supports (color:color-mix(in lab,red,red)) {
2626
+ :root {
2627
+ --ws-panel-1-mix: color-mix(in srgb, var(--ws-panel-base-ide) 96%, var(--ws-panel-shift-ide));
2628
+ }
2629
+ }
2630
+ :root {
2631
+ --ws-panel-2-mix: var(--ws-panel-base-ide);
2632
+ }
2633
+ @supports (color:color-mix(in lab,red,red)) {
2634
+ :root {
2635
+ --ws-panel-2-mix: color-mix(in srgb, var(--ws-panel-base-ide) 92%, var(--ws-panel-shift-ide));
2636
+ }
2637
+ }
2638
+ :root {
2639
+ --ws-panel-3-mix: var(--ws-panel-base-ide);
2640
+ }
2641
+ @supports (color:color-mix(in lab,red,red)) {
2642
+ :root {
2643
+ --ws-panel-3-mix: color-mix(in srgb, var(--ws-panel-base-ide) 88%, var(--ws-panel-shift-ide));
2644
+ }
2645
+ }
2646
+ :root {
2647
+ --ws-panel-4-mix: var(--ws-panel-base-ide);
2648
+ }
2649
+ @supports (color:color-mix(in lab,red,red)) {
2650
+ :root {
2651
+ --ws-panel-4-mix: color-mix(in srgb, var(--ws-panel-base-ide) 84%, var(--ws-panel-shift-ide));
2652
+ }
2653
+ }
2654
+ :root {
2655
+ --ws-panel-5-mix: var(--ws-panel-base-ide);
2656
+ }
2657
+ @supports (color:color-mix(in lab,red,red)) {
2658
+ :root {
2659
+ --ws-panel-5-mix: color-mix(in srgb, var(--ws-panel-base-ide) 80%, var(--ws-panel-shift-ide));
2660
+ }
2661
+ }
2662
+ :root {
2663
+ --ws-panel-light-mix: var(--ws-panel-base-ide);
2664
+ }
2665
+ @supports (color:color-mix(in lab,red,red)) {
2666
+ :root {
2667
+ --ws-panel-light-mix: color-mix(in srgb, var(--ws-panel-base-ide) 90%, var(--ws-panel-shift-ide));
2668
+ }
2669
+ }
2670
+ :root {
2671
+ --ws-panel-0: var(--ws-panel-0-mix,var(--ws-palette-grey-900));
2672
+ --ws-panel-1: var(--ws-panel-1-mix,var(--ws-palette-grey-700));
2673
+ --ws-panel-2: var(--ws-panel-2-mix,var(--ws-palette-grey-900));
2674
+ --ws-panel-3: var(--ws-panel-3-mix,var(--ws-palette-grey-900));
2675
+ --ws-panel-4: var(--ws-panel-4-mix,var(--ws-palette-grey-300));
2676
+ --ws-panel-5: var(--ws-panel-5-mix,var(--ws-palette-grey-950));
2677
+ --ws-panel-light: var(--ws-panel-light-mix,var(--ws-palette-grey-200));
2620
2678
  --ws-panel-border-subtle: var(--vscode-panel-border,var(--theia-border-color,var(--ws-palette-grey-100)));
2621
2679
  --ws-panel-border-strong: var(--vscode-contrastBorder,var(--theia-contrastBorder,var(--ws-palette-grey-300)));
2622
2680
  --ws-tab-bg-default: var(--vscode-editorGroupHeader-tabsBackground,var(--ws-palette-grey-900));
@@ -2679,9 +2737,6 @@
2679
2737
  .top-1 {
2680
2738
  top: calc(var(--spacing) * 1);
2681
2739
  }
2682
- .top-1\/2 {
2683
- top: 50%;
2684
- }
2685
2740
  .top-4 {
2686
2741
  top: calc(var(--spacing) * 4);
2687
2742
  }
@@ -2703,18 +2758,21 @@
2703
2758
  .z-20 {
2704
2759
  z-index: 20;
2705
2760
  }
2706
- .z-\[1000\] {
2761
+ .z-1000 {
2707
2762
  z-index: 1000;
2708
2763
  }
2709
- .z-\[1001\] {
2764
+ .z-1001 {
2710
2765
  z-index: 1001;
2711
2766
  }
2712
- .z-\[1999\] {
2713
- z-index: 1999;
2767
+ .z-10000 {
2768
+ z-index: 10000;
2714
2769
  }
2715
- .z-\[2147483647\] {
2770
+ .z-2147483647 {
2716
2771
  z-index: 2147483647;
2717
2772
  }
2773
+ .z-\[1999\] {
2774
+ z-index: 1999;
2775
+ }
2718
2776
  .float-right {
2719
2777
  float: right;
2720
2778
  }
@@ -3314,6 +3372,9 @@
3314
3372
  .-mt-6 {
3315
3373
  margin-top: calc(var(--spacing) * -6);
3316
3374
  }
3375
+ .mt-1 {
3376
+ margin-top: calc(var(--spacing) * 1);
3377
+ }
3317
3378
  .mt-2 {
3318
3379
  margin-top: calc(var(--spacing) * 2);
3319
3380
  }
@@ -3397,8 +3458,9 @@
3397
3458
  width: calc(var(--spacing) * 6);
3398
3459
  height: calc(var(--spacing) * 6);
3399
3460
  }
3400
- .h-1\/2 {
3401
- height: 50%;
3461
+ .size-full {
3462
+ width: 100%;
3463
+ height: 100%;
3402
3464
  }
3403
3465
  .h-3 {
3404
3466
  height: calc(var(--spacing) * 3);
@@ -3430,6 +3492,9 @@
3430
3492
  .h-60 {
3431
3493
  height: calc(var(--spacing) * 60);
3432
3494
  }
3495
+ .h-fit {
3496
+ height: fit-content;
3497
+ }
3433
3498
  .h-full {
3434
3499
  height: 100%;
3435
3500
  }
@@ -3454,9 +3519,6 @@
3454
3519
  .min-h-full {
3455
3520
  min-height: 100%;
3456
3521
  }
3457
- .w-1\/2 {
3458
- width: 50%;
3459
- }
3460
3522
  .w-3 {
3461
3523
  width: calc(var(--spacing) * 3);
3462
3524
  }
@@ -3469,9 +3531,6 @@
3469
3531
  .w-6 {
3470
3532
  width: calc(var(--spacing) * 6);
3471
3533
  }
3472
- .w-7 {
3473
- width: calc(var(--spacing) * 7);
3474
- }
3475
3534
  .w-8 {
3476
3535
  width: calc(var(--spacing) * 8);
3477
3536
  }
@@ -3532,14 +3591,6 @@
3532
3591
  .table-fixed {
3533
3592
  table-layout: fixed;
3534
3593
  }
3535
- .translate-x-1\/2 {
3536
- --tw-translate-x: 50% ;
3537
- translate: var(--tw-translate-x) var(--tw-translate-y);
3538
- }
3539
- .-translate-y-1\/2 {
3540
- --tw-translate-y: -50% ;
3541
- translate: var(--tw-translate-x) var(--tw-translate-y);
3542
- }
3543
3594
  .scale-95 {
3544
3595
  --tw-scale-x: 95%;
3545
3596
  --tw-scale-y: 95%;
@@ -3561,6 +3612,9 @@
3561
3612
  .transform {
3562
3613
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
3563
3614
  }
3615
+ .cursor-not-allowed {
3616
+ cursor: not-allowed;
3617
+ }
3564
3618
  .cursor-pointer {
3565
3619
  cursor: pointer;
3566
3620
  }
@@ -3624,19 +3678,31 @@
3624
3678
  margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
3625
3679
  margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
3626
3680
  }
3681
+ .gap-x-1 {
3682
+ column-gap: calc(var(--spacing) * 1);
3683
+ }
3684
+ .gap-x-2 {
3685
+ column-gap: calc(var(--spacing) * 2);
3686
+ }
3627
3687
  .gap-x-3 {
3628
3688
  column-gap: calc(var(--spacing) * 3);
3629
3689
  }
3630
- :where(.space-x-1>:not(:last-child)) {
3631
- --tw-space-x-reverse: 0;
3632
- margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
3633
- margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
3634
- }
3635
3690
  :where(.space-x-2>:not(:last-child)) {
3636
3691
  --tw-space-x-reverse: 0;
3637
3692
  margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
3638
3693
  margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
3639
3694
  }
3695
+ :where(.space-x-4>:not(:last-child)) {
3696
+ --tw-space-x-reverse: 0;
3697
+ margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
3698
+ margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
3699
+ }
3700
+ .gap-y-2 {
3701
+ row-gap: calc(var(--spacing) * 2);
3702
+ }
3703
+ .gap-y-3 {
3704
+ row-gap: calc(var(--spacing) * 3);
3705
+ }
3640
3706
  .self-center {
3641
3707
  align-self: center;
3642
3708
  }
@@ -3669,7 +3735,7 @@
3669
3735
  .rounded-sm {
3670
3736
  border-radius: var(--radius-sm);
3671
3737
  }
3672
- .border,.border-1 {
3738
+ .border {
3673
3739
  border-style: var(--tw-border-style);
3674
3740
  border-width: 1px;
3675
3741
  }
@@ -3677,11 +3743,7 @@
3677
3743
  border-style: var(--tw-border-style);
3678
3744
  border-width: 2px;
3679
3745
  }
3680
- .border-\[1px\] {
3681
- border-style: var(--tw-border-style);
3682
- border-width: 1px;
3683
- }
3684
- .border-t,.border-t-\[1px\] {
3746
+ .border-t {
3685
3747
  border-top-style: var(--tw-border-style);
3686
3748
  border-top-width: 1px;
3687
3749
  }
@@ -3705,21 +3767,28 @@
3705
3767
  .border-primary {
3706
3768
  border-color: var(--ws-primary-default);
3707
3769
  }
3708
- .bg-black {
3709
- background-color: var(--color-black);
3770
+ .bg-black\/75 {
3771
+ background-color: #000000bf;
3772
+ }
3773
+ @supports (color:color-mix(in lab,red,red)) {
3774
+ .bg-black\/75 {
3775
+ background-color: color-mix(in oklab,var(--color-black) 75%,transparent);
3776
+ }
3777
+ }
3778
+ .bg-black\/80 {
3779
+ background-color: #000c;
3780
+ }
3781
+ @supports (color:color-mix(in lab,red,red)) {
3782
+ .bg-black\/80 {
3783
+ background-color: color-mix(in oklab,var(--color-black) 80%,transparent);
3784
+ }
3710
3785
  }
3711
3786
  .bg-blue-500 {
3712
3787
  background-color: var(--color-blue-500);
3713
3788
  }
3714
- .bg-fd-gray-default {
3715
- background-color: #313131;
3716
- }
3717
3789
  .bg-green-500 {
3718
3790
  background-color: var(--color-green-500);
3719
3791
  }
3720
- .bg-grey-300 {
3721
- background-color: var(--ws-grey-300);
3722
- }
3723
3792
  .bg-grey-900 {
3724
3793
  background-color: var(--ws-grey-900);
3725
3794
  }
@@ -3964,6 +4033,9 @@
3964
4033
  .opacity-0 {
3965
4034
  opacity: 0;
3966
4035
  }
4036
+ .opacity-50 {
4037
+ opacity: .5;
4038
+ }
3967
4039
  .opacity-100 {
3968
4040
  opacity: 1;
3969
4041
  }
@@ -4024,8 +4096,8 @@
4024
4096
  user-select: none;
4025
4097
  }
4026
4098
  @media (hover:hover) {
4027
- .group-hover\:block:is(:where(.group):hover *) {
4028
- display: block;
4099
+ .group-hover\:flex:is(:where(.group):hover *) {
4100
+ display: flex;
4029
4101
  }
4030
4102
  }
4031
4103
  .odd\:bg-white\/5:nth-child(odd) {
@@ -4080,6 +4152,11 @@
4080
4152
  inherits: false;
4081
4153
  initial-value: 0;
4082
4154
  }
4155
+ @property --tw-space-x-reverse {
4156
+ syntax: "*";
4157
+ inherits: false;
4158
+ initial-value: 0;
4159
+ }
4083
4160
  .simplebar-content-wrapper {
4084
4161
  --tw-outline-style: none;
4085
4162
  outline-style: none;
@@ -4087,9 +4164,6 @@
4087
4164
  @layer properties {
4088
4165
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
4089
4166
  *, ::before, ::after, ::backdrop {
4090
- --tw-translate-x: 0;
4091
- --tw-translate-y: 0;
4092
- --tw-translate-z: 0;
4093
4167
  --tw-scale-x: 1;
4094
4168
  --tw-scale-y: 1;
4095
4169
  --tw-scale-z: 1;
@@ -4098,7 +4172,6 @@
4098
4172
  --tw-rotate-z: initial;
4099
4173
  --tw-skew-x: initial;
4100
4174
  --tw-skew-y: initial;
4101
- --tw-space-x-reverse: 0;
4102
4175
  --tw-border-style: solid;
4103
4176
  --tw-leading: initial;
4104
4177
  --tw-font-weight: initial;
@@ -4133,6 +4206,7 @@
4133
4206
  --tw-duration: initial;
4134
4207
  --tw-ease: initial;
4135
4208
  --tw-space-y-reverse: 0;
4209
+ --tw-space-x-reverse: 0;
4136
4210
  }
4137
4211
  }
4138
- }
4212
+ }
@@ -1 +1 @@
1
- {"version":3,"file":"common.cjs.js","sources":["../src/common.ts"],"sourcesContent":["export const LOCALIZATION_EDITOR_SCOPE_CLASS = 'qodly-localization-editor';\r\n"],"names":["LOCALIZATION_EDITOR_SCOPE_CLASS"],"mappings":"gFAAO,MAAMA,EAAkC"}
1
+ {"version":3,"file":"common.cjs.js","sources":["../src/common.ts"],"sourcesContent":["export const LOCALIZATION_EDITOR_SCOPE_CLASS = 'qodly-localization-editor';\n"],"names":["LOCALIZATION_EDITOR_SCOPE_CLASS"],"mappings":"gFAAO,MAAMA,EAAkC"}
@@ -1 +1 @@
1
- {"version":3,"file":"common.es.js","sources":["../src/common.ts"],"sourcesContent":["export const LOCALIZATION_EDITOR_SCOPE_CLASS = 'qodly-localization-editor';\r\n"],"names":["LOCALIZATION_EDITOR_SCOPE_CLASS"],"mappings":"AAAO,MAAMA,IAAkC;"}
1
+ {"version":3,"file":"common.es.js","sources":["../src/common.ts"],"sourcesContent":["export const LOCALIZATION_EDITOR_SCOPE_CLASS = 'qodly-localization-editor';\n"],"names":["LOCALIZATION_EDITOR_SCOPE_CLASS"],"mappings":"AAAO,MAAMA,IAAkC;"}