@steedos/webapp 3.0.4-beta.3 → 3.0.4-beta.5

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.
@@ -1,4 +1,4 @@
1
- import { c as commonjsGlobal, g as getDefaultExportFromCjs } from "./index-D1qwDp54.js";
1
+ import { c as commonjsGlobal, g as getDefaultExportFromCjs } from "./index-DL8Km6xz.js";
2
2
  function _mergeNamespaces(n, m) {
3
3
  for (var i = 0; i < m.length; i++) {
4
4
  const e = m[i];
@@ -2031,7 +2031,7 @@ video {
2031
2031
  --color-brand-900: #0c4a6e;
2032
2032
  --color-brand-950: #082f49;
2033
2033
 
2034
- --colors-brand-main: var(--color-brand-600);
2034
+ --colors-brand-main: var(--color-brand-900);
2035
2035
  --colors-brand-1: var(--color-brand-900);
2036
2036
  --colors-brand-2: var(--color-brand-800);
2037
2037
  --colors-brand-3: var(--color-brand-700);
@@ -2240,182 +2240,150 @@ video {
2240
2240
  --color-pink-950: #500724;
2241
2241
  }
2242
2242
 
2243
+ /* fix amis */
2244
+ .bg-white {
2245
+ color: var(--color-gray-800);
2246
+ }
2243
2247
  .last\:mb-0:last-child {
2244
2248
  margin-bottom: 0px;
2245
2249
  }
2246
-
2247
2250
  .hover\:border-blue-300:hover {
2248
2251
  --tw-border-opacity: 1;
2249
2252
  border-color: rgb(147 197 253 / var(--tw-border-opacity, 1));
2250
2253
  }
2251
-
2252
2254
  .hover\:border-gray-300:hover {
2253
2255
  --tw-border-opacity: 1;
2254
2256
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
2255
2257
  }
2256
-
2257
2258
  .hover\:bg-\[\#1589EE1A\]:hover {
2258
2259
  background-color: #1589EE1A;
2259
2260
  }
2260
-
2261
2261
  .hover\:bg-blue-100:hover {
2262
2262
  --tw-bg-opacity: 1;
2263
2263
  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
2264
2264
  }
2265
-
2266
2265
  .hover\:bg-blue-500:hover {
2267
2266
  --tw-bg-opacity: 1;
2268
2267
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
2269
2268
  }
2270
-
2271
2269
  .hover\:bg-blue-600:hover {
2272
2270
  --tw-bg-opacity: 1;
2273
2271
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
2274
2272
  }
2275
-
2276
2273
  .hover\:bg-gray-100:hover {
2277
2274
  --tw-bg-opacity: 1;
2278
2275
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
2279
2276
  }
2280
-
2281
2277
  .hover\:bg-gray-200:hover {
2282
2278
  --tw-bg-opacity: 1;
2283
2279
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
2284
2280
  }
2285
-
2286
2281
  .hover\:bg-gray-50:hover {
2287
2282
  --tw-bg-opacity: 1;
2288
2283
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
2289
2284
  }
2290
-
2291
2285
  .hover\:bg-gray-700:hover {
2292
2286
  --tw-bg-opacity: 1;
2293
2287
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
2294
2288
  }
2295
-
2296
2289
  .hover\:bg-green-400:hover {
2297
2290
  --tw-bg-opacity: 1;
2298
2291
  background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1));
2299
2292
  }
2300
-
2301
2293
  .hover\:bg-sky-50:hover {
2302
2294
  --tw-bg-opacity: 1;
2303
2295
  background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1));
2304
2296
  }
2305
-
2306
2297
  .hover\:bg-slate-500:hover {
2307
2298
  --tw-bg-opacity: 1;
2308
2299
  background-color: rgb(100 116 139 / var(--tw-bg-opacity, 1));
2309
2300
  }
2310
-
2311
2301
  .hover\:bg-white:hover {
2312
2302
  --tw-bg-opacity: 1;
2313
2303
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
2314
2304
  }
2315
-
2316
2305
  .hover\:font-bold:hover {
2317
2306
  font-weight: 700;
2318
2307
  }
2319
-
2320
2308
  .hover\:text-blue-500:hover {
2321
2309
  --tw-text-opacity: 1;
2322
2310
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
2323
2311
  }
2324
-
2325
2312
  .hover\:text-blue-600:hover {
2326
2313
  --tw-text-opacity: 1;
2327
2314
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
2328
2315
  }
2329
-
2330
2316
  .hover\:text-blue-700:hover {
2331
2317
  --tw-text-opacity: 1;
2332
2318
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
2333
2319
  }
2334
-
2335
2320
  .hover\:text-gray-300:hover {
2336
2321
  --tw-text-opacity: 1;
2337
2322
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
2338
2323
  }
2339
-
2340
2324
  .hover\:text-gray-500:hover {
2341
2325
  --tw-text-opacity: 1;
2342
2326
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
2343
2327
  }
2344
-
2345
2328
  .hover\:text-white:hover {
2346
2329
  --tw-text-opacity: 1;
2347
2330
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
2348
2331
  }
2349
-
2350
2332
  .hover\:underline:hover {
2351
2333
  text-decoration-line: underline;
2352
2334
  }
2353
-
2354
2335
  .focus\:z-10:focus {
2355
2336
  z-index: 10;
2356
2337
  }
2357
-
2358
2338
  .focus\:border-blue-300:focus {
2359
2339
  --tw-border-opacity: 1;
2360
2340
  border-color: rgb(147 197 253 / var(--tw-border-opacity, 1));
2361
2341
  }
2362
-
2363
2342
  .focus\:border-blue-700:focus {
2364
2343
  --tw-border-opacity: 1;
2365
2344
  border-color: rgb(29 78 216 / var(--tw-border-opacity, 1));
2366
2345
  }
2367
-
2368
2346
  .focus\:border-green-700:focus {
2369
2347
  --tw-border-opacity: 1;
2370
2348
  border-color: rgb(21 128 61 / var(--tw-border-opacity, 1));
2371
2349
  }
2372
-
2373
2350
  .focus\:bg-gray-700:focus {
2374
2351
  --tw-bg-opacity: 1;
2375
2352
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
2376
2353
  }
2377
-
2378
2354
  .focus\:text-gray-700:focus {
2379
2355
  --tw-text-opacity: 1;
2380
2356
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
2381
2357
  }
2382
-
2383
2358
  .focus\:text-white:focus {
2384
2359
  --tw-text-opacity: 1;
2385
2360
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
2386
2361
  }
2387
-
2388
2362
  .focus\:outline-none:focus {
2389
2363
  outline: 2px solid transparent;
2390
2364
  outline-offset: 2px;
2391
2365
  }
2392
-
2393
2366
  .focus\:ring-2:focus {
2394
2367
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2395
2368
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2396
2369
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2397
2370
  }
2398
-
2399
2371
  .focus\:ring-blue-500:focus {
2400
2372
  --tw-ring-opacity: 1;
2401
2373
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
2402
2374
  }
2403
-
2404
2375
  .active\:bg-blue-700:active {
2405
2376
  --tw-bg-opacity: 1;
2406
2377
  background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
2407
2378
  }
2408
-
2409
2379
  .active\:bg-gray-100:active {
2410
2380
  --tw-bg-opacity: 1;
2411
2381
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
2412
2382
  }
2413
-
2414
2383
  .active\:bg-green-700:active {
2415
2384
  --tw-bg-opacity: 1;
2416
2385
  background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
2417
2386
  }
2418
-
2419
2387
  @media (min-width: 640px) {
2420
2388
 
2421
2389
  .sm\:sticky {
@@ -2539,7 +2507,6 @@ video {
2539
2507
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2540
2508
  }
2541
2509
  }
2542
-
2543
2510
  @media (min-width: 768px) {
2544
2511
 
2545
2512
  .md\:ml-6 {
@@ -2562,7 +2529,6 @@ video {
2562
2529
  padding: 2.5rem;
2563
2530
  }
2564
2531
  }
2565
-
2566
2532
  @media (min-width: 1024px) {
2567
2533
 
2568
2534
  .lg\:z-\[1000\] {
@@ -2650,7 +2616,6 @@ video {
2650
2616
  padding-right: 2rem;
2651
2617
  }
2652
2618
  }
2653
-
2654
2619
  @media (min-width: 1280px) {
2655
2620
 
2656
2621
  .xl\:min-w-\[28rem\] {
@@ -2665,7 +2630,6 @@ video {
2665
2630
  grid-template-columns: repeat(5, minmax(0, 1fr));
2666
2631
  }
2667
2632
  }
2668
-
2669
2633
  @media (min-width: 1536px) {
2670
2634
 
2671
2635
  .\32xl\:min-w-\[32rem\] {
@@ -2793,32 +2757,34 @@ a {
2793
2757
 
2794
2758
  .steedos-header-container {
2795
2759
  background-color: var(--color-white);
2796
- color: var(--color-gray-700);
2797
- --steedos-logo-color-default: var(--color-gray-500);
2760
+ color: var(--color-gray-900);
2761
+ border-bottom: 1px solid var(--color-gray-200);
2762
+ --steedos-logo-color-default: var(--color-gray-600);
2798
2763
  .slds-icon-text-default {
2799
- --slds-c-icon-color-foreground: var(--color-gray-500);
2764
+ --slds-c-icon-color-foreground: var(--color-gray-600);
2800
2765
  }
2801
2766
  .slds-button_icon {
2802
- --slds-g-color-neutral-base-50: var(--color-gray-500);
2767
+ --slds-g-color-neutral-base-50: var(--color-gray-600);
2803
2768
  }
2804
2769
  .lb-inbox-button {
2805
- color: var(--color-gray-500);
2770
+ color: var(--color-gray-600);
2806
2771
  }
2807
2772
  }
2808
2773
 
2809
2774
  .steedos.dark {
2810
2775
  .steedos-header-container {
2811
- background-color: var(--color-brand-900);
2812
- color: var(--color-gray-100);
2813
- --steedos-logo-color-default: var(--color-gray-300);
2776
+ background-color: var(--colors-brand-main);
2777
+ color: var(--color-white);
2778
+ border-bottom: none;
2779
+ --steedos-logo-color-default: var(--color-gray-200);
2814
2780
  .slds-icon-text-default {
2815
- --slds-c-icon-color-foreground: var(--color-gray-300);
2781
+ --slds-c-icon-color-foreground: var(--color-gray-200);
2816
2782
  }
2817
2783
  .slds-button_icon {
2818
- --slds-g-color-neutral-base-50: var(--color-gray-300);
2784
+ --slds-g-color-neutral-base-50: var(--color-gray-200);
2819
2785
  }
2820
2786
  .lb-inbox-button {
2821
- color: var(--color-gray-300);
2787
+ color: var(--color-gray-200);
2822
2788
  }
2823
2789
  }
2824
2790
  }
@@ -54439,7 +54439,7 @@ const getHeaderSchema = (props) => {
54439
54439
  body: [
54440
54440
  {
54441
54441
  "type": "wrapper",
54442
- "className": "sticky p-0 top-0 z-40 w-full flex-none backdrop-blur transition-colors duration-500 lg:z-[1000] steedos-header-container shadow",
54442
+ "className": "sticky p-0 top-0 z-40 w-full flex-none backdrop-blur transition-colors duration-500 lg:z-[1000] steedos-header-container",
54443
54443
  body: [
54444
54444
  {
54445
54445
  "type": "wrapper",
@@ -54624,6 +54624,14 @@ const AppHeader = () => {
54624
54624
  if (window.innerWidth >= 768) {
54625
54625
  document.body.classList.add("sidebar-open");
54626
54626
  }
54627
+ if (appData.dark) {
54628
+ document.body.classList.add("dark");
54629
+ } else {
54630
+ document.body.classList.remove("dark");
54631
+ }
54632
+ if (appData.color) {
54633
+ document.body.style.setProperty("--colors-brand-main", appData.color);
54634
+ }
54627
54635
  }
54628
54636
  } catch (err) {
54629
54637
  console.error("Failed to fetch app data:", err);
@@ -81085,7 +81093,7 @@ if (typeof ActiveXObject === "function") {
81085
81093
  if (typeof fetchApi !== "function") fetchApi = void 0;
81086
81094
  if (!fetchApi && !XmlHttpRequestApi && !ActiveXObjectApi) {
81087
81095
  try {
81088
- __vitePreload(() => import("./browser-ponyfill-DurqZ5tK.js").then((n) => n.b), true ? [] : void 0).then(function(mod) {
81096
+ __vitePreload(() => import("./browser-ponyfill-8Fh-LnXS.js").then((n) => n.b), true ? [] : void 0).then(function(mod) {
81089
81097
  fetchApi = mod.default;
81090
81098
  }).catch(function() {
81091
81099
  });
package/dist/index.html CHANGED
@@ -69,10 +69,10 @@
69
69
  <link rel="stylesheet" href="https://unpkg.com/@steedos-widgets/amis@6.3.0-patch.8/lib/themes/antd.css">
70
70
  <link rel="stylesheet" href="https://unpkg.com/@steedos-widgets/amis@6.3.0-patch.8/lib/helper.css">
71
71
  <link rel="stylesheet" href="https://unpkg.com/@steedos-widgets/amis@6.3.0-patch.8/sdk/iconfont.css">
72
- <script type="module" crossorigin src="/assets/index-D1qwDp54.js"></script>
73
- <link rel="stylesheet" crossorigin href="/assets/index-Ib46AmYW.css">
72
+ <script type="module" crossorigin src="/assets/index-DL8Km6xz.js"></script>
73
+ <link rel="stylesheet" crossorigin href="/assets/index-Coi27jgi.css">
74
74
  </head>
75
75
  <body class="skin-blue-light fixed steedos sidebar-mini three-columns" >
76
- <div id="root" class="steedos skin-blue-light creator h-full flex flex-col relative overflow-hidden bg-slate-50 dark"></div>
76
+ <div id="root" class="steedos skin-blue-light creator h-full flex flex-col relative overflow-hidden bg-slate-50"></div>
77
77
  </body>
78
78
  </html>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@steedos/webapp",
3
- "version": "3.0.4-beta.3",
3
+ "version": "3.0.4-beta.5",
4
4
  "files": [
5
5
  "dist"
6
6
  ],
@@ -58,7 +58,6 @@
58
58
  "react-markdown": "^10.1.0",
59
59
  "react-redux": "^7.1.1",
60
60
  "react-router-dom": "^7.1.3",
61
- "react-scripts": "^5.0.1",
62
61
  "redux": "^4.0.4",
63
62
  "redux-devtools-extension": "^2.13.8",
64
63
  "redux-thunk": "^2.4.1",
@@ -68,14 +67,14 @@
68
67
  "tailwindcss": "^3.4.17",
69
68
  "tslib": "^2.3.1",
70
69
  "typescript": "5.7.3",
71
- "vite": "^7.2.2",
70
+ "vite": "^7.2.7",
72
71
  "vite-plugin-external": "^4.3.1"
73
72
  },
74
73
  "publishConfig": {
75
74
  "access": "public"
76
75
  },
77
76
  "repository": "https://github.com/steedos/app-builder/tree/master/apps/accounts",
78
- "gitHead": "196040f2f6f8ebd851c1bf108151b6d52609e62e",
77
+ "gitHead": "f245cd824ddaa10100b629f5aea343853d4468d3",
79
78
  "dependencies": {
80
79
  "@steedos-widgets/amis-object": "^6.10.33"
81
80
  }