dhre-ui-kit 0.0.347 → 0.0.349

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.
Files changed (6) hide show
  1. package/lib/index.d.ts +1 -1
  2. package/lib/index.js +509 -4
  3. package/lib/index.js.map +1 -1
  4. package/lib/index.mjs +509 -4
  5. package/lib/index.mjs.map +1 -1
  6. package/package.json +1 -1
package/lib/index.mjs CHANGED
@@ -747,8 +747,7 @@ const createStyles$3 = (theme) => {
747
747
  backgroundColor: "rgba(0, 0, 0, 0.3)"
748
748
  },
749
749
  box: {
750
- width: 148,
751
- height: 187,
750
+ padding: 24,
752
751
  backgroundColor: theme.SURFACE_PRIMARY,
753
752
  borderRadius: 16,
754
753
  justifyContent: "center",
@@ -1979,7 +1978,513 @@ const LOADER_LIGHT = {
1979
1978
  markers: []
1980
1979
  };
1981
1980
 
1982
- const CustomLoader = ({ loading }) => {
1981
+ const DEFAULT_LOADER = {
1982
+ nm: "Main Scene",
1983
+ ddd: 0,
1984
+ h: 100,
1985
+ w: 100,
1986
+ meta: { g: "@lottiefiles/creator 1.44.0" },
1987
+ layers: [
1988
+ {
1989
+ ty: 4,
1990
+ nm: "6",
1991
+ sr: 1,
1992
+ st: 0,
1993
+ op: 120,
1994
+ ip: 0,
1995
+ hd: false,
1996
+ ddd: 0,
1997
+ bm: 0,
1998
+ hasMask: false,
1999
+ ao: 0,
2000
+ ks: {
2001
+ a: { a: 0, k: [-2.905, -24.228, 0], ix: 1 },
2002
+ s: { a: 0, k: [100, 100, 100], ix: 6 },
2003
+ sk: { a: 0, k: 0 },
2004
+ p: { a: 0, k: [50, 50, 0], ix: 2 },
2005
+ r: {
2006
+ a: 1,
2007
+ k: [
2008
+ { o: { x: 0.333, y: 0 }, i: { x: 0.223, y: 1 }, s: [0], t: 10 },
2009
+ { s: [360], t: 100 }
2010
+ ],
2011
+ ix: 10
2012
+ },
2013
+ sa: { a: 0, k: 0 },
2014
+ o: { a: 0, k: 100, ix: 11 }
2015
+ },
2016
+ shapes: [
2017
+ {
2018
+ ty: "gr",
2019
+ bm: 0,
2020
+ hd: false,
2021
+ mn: "ADBE Vector Group",
2022
+ nm: "Ellipse 1",
2023
+ ix: 1,
2024
+ cix: 2,
2025
+ np: 3,
2026
+ it: [
2027
+ {
2028
+ ty: "el",
2029
+ bm: 0,
2030
+ hd: false,
2031
+ mn: "ADBE Vector Shape - Ellipse",
2032
+ nm: "Ellipse Path 1",
2033
+ d: 1,
2034
+ p: { a: 0, k: [0, 0], ix: 3 },
2035
+ s: { a: 0, k: [14.822, 14.822], ix: 2 }
2036
+ },
2037
+ {
2038
+ ty: "fl",
2039
+ bm: 0,
2040
+ hd: false,
2041
+ mn: "ADBE Vector Graphic - Fill",
2042
+ nm: "Fill 1",
2043
+ c: { a: 0, k: [0.8, 0.8, 0.8], ix: 4 },
2044
+ r: 1,
2045
+ o: { a: 0, k: 100, ix: 5 }
2046
+ },
2047
+ {
2048
+ ty: "tr",
2049
+ a: { a: 0, k: [0, 0], ix: 1 },
2050
+ s: {
2051
+ a: 1,
2052
+ k: [
2053
+ {
2054
+ o: { x: 0.333, y: 0 },
2055
+ i: { x: 0.236, y: 1 },
2056
+ s: [100, 100],
2057
+ t: 10
2058
+ },
2059
+ { s: [0, 0], t: 100 }
2060
+ ],
2061
+ ix: 3
2062
+ },
2063
+ sk: { a: 0, k: 0, ix: 4 },
2064
+ p: { a: 0, k: [-2.905, -64.316], ix: 2 },
2065
+ r: { a: 0, k: 357, ix: 6 },
2066
+ sa: { a: 0, k: 0, ix: 5 },
2067
+ o: { a: 0, k: 100, ix: 7 }
2068
+ }
2069
+ ]
2070
+ }
2071
+ ],
2072
+ ind: 1
2073
+ },
2074
+ {
2075
+ ty: 4,
2076
+ nm: "5",
2077
+ sr: 1,
2078
+ st: 0,
2079
+ op: 120,
2080
+ ip: 0,
2081
+ hd: false,
2082
+ ddd: 0,
2083
+ bm: 0,
2084
+ hasMask: false,
2085
+ ao: 0,
2086
+ ks: {
2087
+ a: { a: 0, k: [-2.905, -24.228, 0], ix: 1 },
2088
+ s: { a: 0, k: [100, 100, 100], ix: 6 },
2089
+ sk: { a: 0, k: 0 },
2090
+ p: { a: 0, k: [50, 50, 0], ix: 2 },
2091
+ r: {
2092
+ a: 1,
2093
+ k: [
2094
+ { o: { x: 0.333, y: 0 }, i: { x: 0.223, y: 1 }, s: [0], t: 8 },
2095
+ { s: [360], t: 98 }
2096
+ ],
2097
+ ix: 10
2098
+ },
2099
+ sa: { a: 0, k: 0 },
2100
+ o: { a: 0, k: 100, ix: 11 }
2101
+ },
2102
+ shapes: [
2103
+ {
2104
+ ty: "gr",
2105
+ bm: 0,
2106
+ hd: false,
2107
+ mn: "ADBE Vector Group",
2108
+ nm: "Ellipse 1",
2109
+ ix: 1,
2110
+ cix: 2,
2111
+ np: 3,
2112
+ it: [
2113
+ {
2114
+ ty: "el",
2115
+ bm: 0,
2116
+ hd: false,
2117
+ mn: "ADBE Vector Shape - Ellipse",
2118
+ nm: "Ellipse Path 1",
2119
+ d: 1,
2120
+ p: { a: 0, k: [0, 0], ix: 3 },
2121
+ s: { a: 0, k: [14.822, 14.822], ix: 2 }
2122
+ },
2123
+ {
2124
+ ty: "fl",
2125
+ bm: 0,
2126
+ hd: false,
2127
+ mn: "ADBE Vector Graphic - Fill",
2128
+ nm: "Fill 1",
2129
+ c: { a: 0, k: [0.8, 0.8, 0.8], ix: 4 },
2130
+ r: 1,
2131
+ o: { a: 0, k: 100, ix: 5 }
2132
+ },
2133
+ {
2134
+ ty: "tr",
2135
+ a: { a: 0, k: [0, 0], ix: 1 },
2136
+ s: {
2137
+ a: 1,
2138
+ k: [
2139
+ { o: { x: 0.333, y: 0 }, i: { x: 0.236, y: 1 }, s: [80, 80], t: 8 },
2140
+ { s: [20, 20], t: 98 }
2141
+ ],
2142
+ ix: 3
2143
+ },
2144
+ sk: { a: 0, k: 0, ix: 4 },
2145
+ p: { a: 0, k: [-2.905, -64.316], ix: 2 },
2146
+ r: { a: 0, k: 357, ix: 6 },
2147
+ sa: { a: 0, k: 0, ix: 5 },
2148
+ o: { a: 0, k: 100, ix: 7 }
2149
+ }
2150
+ ]
2151
+ }
2152
+ ],
2153
+ ind: 2
2154
+ },
2155
+ {
2156
+ ty: 4,
2157
+ nm: "4",
2158
+ sr: 1,
2159
+ st: 0,
2160
+ op: 120,
2161
+ ip: 0,
2162
+ hd: false,
2163
+ ddd: 0,
2164
+ bm: 0,
2165
+ hasMask: false,
2166
+ ao: 0,
2167
+ ks: {
2168
+ a: { a: 0, k: [-2.905, -24.228, 0], ix: 1 },
2169
+ s: { a: 0, k: [100, 100, 100], ix: 6 },
2170
+ sk: { a: 0, k: 0 },
2171
+ p: { a: 0, k: [50, 50, 0], ix: 2 },
2172
+ r: {
2173
+ a: 1,
2174
+ k: [
2175
+ { o: { x: 0.333, y: 0 }, i: { x: 0.223, y: 1 }, s: [0], t: 6 },
2176
+ { s: [360], t: 96 }
2177
+ ],
2178
+ ix: 10
2179
+ },
2180
+ sa: { a: 0, k: 0 },
2181
+ o: { a: 0, k: 100, ix: 11 }
2182
+ },
2183
+ shapes: [
2184
+ {
2185
+ ty: "gr",
2186
+ bm: 0,
2187
+ hd: false,
2188
+ mn: "ADBE Vector Group",
2189
+ nm: "Ellipse 1",
2190
+ ix: 1,
2191
+ cix: 2,
2192
+ np: 3,
2193
+ it: [
2194
+ {
2195
+ ty: "el",
2196
+ bm: 0,
2197
+ hd: false,
2198
+ mn: "ADBE Vector Shape - Ellipse",
2199
+ nm: "Ellipse Path 1",
2200
+ d: 1,
2201
+ p: { a: 0, k: [0, 0], ix: 3 },
2202
+ s: { a: 0, k: [14.822, 14.822], ix: 2 }
2203
+ },
2204
+ {
2205
+ ty: "fl",
2206
+ bm: 0,
2207
+ hd: false,
2208
+ mn: "ADBE Vector Graphic - Fill",
2209
+ nm: "Fill 1",
2210
+ c: { a: 0, k: [0.8, 0.8, 0.8], ix: 4 },
2211
+ r: 1,
2212
+ o: { a: 0, k: 100, ix: 5 }
2213
+ },
2214
+ {
2215
+ ty: "tr",
2216
+ a: { a: 0, k: [0, 0], ix: 1 },
2217
+ s: {
2218
+ a: 1,
2219
+ k: [
2220
+ { o: { x: 0.333, y: 0 }, i: { x: 0.236, y: 1 }, s: [60, 60], t: 6 },
2221
+ { s: [40, 40], t: 96 }
2222
+ ],
2223
+ ix: 3
2224
+ },
2225
+ sk: { a: 0, k: 0, ix: 4 },
2226
+ p: { a: 0, k: [-2.905, -64.316], ix: 2 },
2227
+ r: { a: 0, k: 357, ix: 6 },
2228
+ sa: { a: 0, k: 0, ix: 5 },
2229
+ o: { a: 0, k: 100, ix: 7 }
2230
+ }
2231
+ ]
2232
+ }
2233
+ ],
2234
+ ind: 3
2235
+ },
2236
+ {
2237
+ ty: 4,
2238
+ nm: "3",
2239
+ sr: 1,
2240
+ st: 0,
2241
+ op: 120,
2242
+ ip: 0,
2243
+ hd: false,
2244
+ ddd: 0,
2245
+ bm: 0,
2246
+ hasMask: false,
2247
+ ao: 0,
2248
+ ks: {
2249
+ a: { a: 0, k: [-2.905, -24.228, 0], ix: 1 },
2250
+ s: { a: 0, k: [100, 100, 100], ix: 6 },
2251
+ sk: { a: 0, k: 0 },
2252
+ p: { a: 0, k: [50, 50, 0], ix: 2 },
2253
+ r: {
2254
+ a: 1,
2255
+ k: [
2256
+ { o: { x: 0.333, y: 0 }, i: { x: 0.223, y: 1 }, s: [0], t: 4 },
2257
+ { s: [360], t: 94 }
2258
+ ],
2259
+ ix: 10
2260
+ },
2261
+ sa: { a: 0, k: 0 },
2262
+ o: { a: 0, k: 100, ix: 11 }
2263
+ },
2264
+ shapes: [
2265
+ {
2266
+ ty: "gr",
2267
+ bm: 0,
2268
+ hd: false,
2269
+ mn: "ADBE Vector Group",
2270
+ nm: "Ellipse 1",
2271
+ ix: 1,
2272
+ cix: 2,
2273
+ np: 3,
2274
+ it: [
2275
+ {
2276
+ ty: "el",
2277
+ bm: 0,
2278
+ hd: false,
2279
+ mn: "ADBE Vector Shape - Ellipse",
2280
+ nm: "Ellipse Path 1",
2281
+ d: 1,
2282
+ p: { a: 0, k: [0, 0], ix: 3 },
2283
+ s: { a: 0, k: [14.822, 14.822], ix: 2 }
2284
+ },
2285
+ {
2286
+ ty: "fl",
2287
+ bm: 0,
2288
+ hd: false,
2289
+ mn: "ADBE Vector Graphic - Fill",
2290
+ nm: "Fill 1",
2291
+ c: { a: 0, k: [0.8, 0.8, 0.8], ix: 4 },
2292
+ r: 1,
2293
+ o: { a: 0, k: 100, ix: 5 }
2294
+ },
2295
+ {
2296
+ ty: "tr",
2297
+ a: { a: 0, k: [0, 0], ix: 1 },
2298
+ s: {
2299
+ a: 1,
2300
+ k: [
2301
+ { o: { x: 0.333, y: 0 }, i: { x: 0.236, y: 1 }, s: [40, 40], t: 4 },
2302
+ { s: [60, 60], t: 94 }
2303
+ ],
2304
+ ix: 3
2305
+ },
2306
+ sk: { a: 0, k: 0, ix: 4 },
2307
+ p: { a: 0, k: [-2.905, -64.316], ix: 2 },
2308
+ r: { a: 0, k: 357, ix: 6 },
2309
+ sa: { a: 0, k: 0, ix: 5 },
2310
+ o: { a: 0, k: 100, ix: 7 }
2311
+ }
2312
+ ]
2313
+ }
2314
+ ],
2315
+ ind: 4
2316
+ },
2317
+ {
2318
+ ty: 4,
2319
+ nm: "2",
2320
+ sr: 1,
2321
+ st: 0,
2322
+ op: 120,
2323
+ ip: 0,
2324
+ hd: false,
2325
+ ddd: 0,
2326
+ bm: 0,
2327
+ hasMask: false,
2328
+ ao: 0,
2329
+ ks: {
2330
+ a: { a: 0, k: [-2.905, -24.228, 0], ix: 1 },
2331
+ s: { a: 0, k: [100, 100, 100], ix: 6 },
2332
+ sk: { a: 0, k: 0 },
2333
+ p: { a: 0, k: [50, 50, 0], ix: 2 },
2334
+ r: {
2335
+ a: 1,
2336
+ k: [
2337
+ { o: { x: 0.333, y: 0 }, i: { x: 0.223, y: 1 }, s: [0], t: 2 },
2338
+ { s: [360], t: 92 }
2339
+ ],
2340
+ ix: 10
2341
+ },
2342
+ sa: { a: 0, k: 0 },
2343
+ o: { a: 0, k: 100, ix: 11 }
2344
+ },
2345
+ shapes: [
2346
+ {
2347
+ ty: "gr",
2348
+ bm: 0,
2349
+ hd: false,
2350
+ mn: "ADBE Vector Group",
2351
+ nm: "Ellipse 1",
2352
+ ix: 1,
2353
+ cix: 2,
2354
+ np: 3,
2355
+ it: [
2356
+ {
2357
+ ty: "el",
2358
+ bm: 0,
2359
+ hd: false,
2360
+ mn: "ADBE Vector Shape - Ellipse",
2361
+ nm: "Ellipse Path 1",
2362
+ d: 1,
2363
+ p: { a: 0, k: [0, 0], ix: 3 },
2364
+ s: { a: 0, k: [14.822, 14.822], ix: 2 }
2365
+ },
2366
+ {
2367
+ ty: "fl",
2368
+ bm: 0,
2369
+ hd: false,
2370
+ mn: "ADBE Vector Graphic - Fill",
2371
+ nm: "Fill 1",
2372
+ c: { a: 0, k: [0.8, 0.8, 0.8], ix: 4 },
2373
+ r: 1,
2374
+ o: { a: 0, k: 100, ix: 5 }
2375
+ },
2376
+ {
2377
+ ty: "tr",
2378
+ a: { a: 0, k: [0, 0], ix: 1 },
2379
+ s: {
2380
+ a: 1,
2381
+ k: [
2382
+ { o: { x: 0.333, y: 0 }, i: { x: 0.236, y: 1 }, s: [20, 20], t: 2 },
2383
+ { s: [80, 80], t: 92 }
2384
+ ],
2385
+ ix: 3
2386
+ },
2387
+ sk: { a: 0, k: 0, ix: 4 },
2388
+ p: { a: 0, k: [-2.905, -64.316], ix: 2 },
2389
+ r: { a: 0, k: 357, ix: 6 },
2390
+ sa: { a: 0, k: 0, ix: 5 },
2391
+ o: { a: 0, k: 100, ix: 7 }
2392
+ }
2393
+ ]
2394
+ }
2395
+ ],
2396
+ ind: 5
2397
+ },
2398
+ {
2399
+ ty: 4,
2400
+ nm: "1",
2401
+ sr: 1,
2402
+ st: 0,
2403
+ op: 120,
2404
+ ip: 0,
2405
+ hd: false,
2406
+ ddd: 0,
2407
+ bm: 0,
2408
+ hasMask: false,
2409
+ ao: 0,
2410
+ ks: {
2411
+ a: { a: 0, k: [-2.905, -24.228, 0], ix: 1 },
2412
+ s: { a: 0, k: [100, 100, 100], ix: 6 },
2413
+ sk: { a: 0, k: 0 },
2414
+ p: { a: 0, k: [50, 50, 0], ix: 2 },
2415
+ r: {
2416
+ a: 1,
2417
+ k: [
2418
+ { o: { x: 0.333, y: 0 }, i: { x: 0.223, y: 1 }, s: [0], t: 0 },
2419
+ { s: [360], t: 90 }
2420
+ ],
2421
+ ix: 10
2422
+ },
2423
+ sa: { a: 0, k: 0 },
2424
+ o: { a: 0, k: 100, ix: 11 }
2425
+ },
2426
+ shapes: [
2427
+ {
2428
+ ty: "gr",
2429
+ bm: 0,
2430
+ hd: false,
2431
+ mn: "ADBE Vector Group",
2432
+ nm: "Ellipse 1",
2433
+ ix: 1,
2434
+ cix: 2,
2435
+ np: 3,
2436
+ it: [
2437
+ {
2438
+ ty: "el",
2439
+ bm: 0,
2440
+ hd: false,
2441
+ mn: "ADBE Vector Shape - Ellipse",
2442
+ nm: "Ellipse Path 1",
2443
+ d: 1,
2444
+ p: { a: 0, k: [0, 0], ix: 3 },
2445
+ s: { a: 0, k: [14.822, 14.822], ix: 2 }
2446
+ },
2447
+ {
2448
+ ty: "fl",
2449
+ bm: 0,
2450
+ hd: false,
2451
+ mn: "ADBE Vector Graphic - Fill",
2452
+ nm: "Fill 1",
2453
+ c: { a: 0, k: [0.8, 0.8, 0.8], ix: 4 },
2454
+ r: 1,
2455
+ o: { a: 0, k: 100, ix: 5 }
2456
+ },
2457
+ {
2458
+ ty: "tr",
2459
+ a: { a: 0, k: [0, 0], ix: 1 },
2460
+ s: {
2461
+ a: 1,
2462
+ k: [
2463
+ { o: { x: 0.333, y: 0 }, i: { x: 0.236, y: 1 }, s: [0, 0], t: 0 },
2464
+ { s: [100, 100], t: 90 }
2465
+ ],
2466
+ ix: 3
2467
+ },
2468
+ sk: { a: 0, k: 0, ix: 4 },
2469
+ p: { a: 0, k: [-2.905, -64.316], ix: 2 },
2470
+ r: { a: 0, k: 357, ix: 6 },
2471
+ sa: { a: 0, k: 0, ix: 5 },
2472
+ o: { a: 0, k: 100, ix: 7 }
2473
+ }
2474
+ ]
2475
+ }
2476
+ ],
2477
+ ind: 6
2478
+ }
2479
+ ],
2480
+ v: "5.7.0",
2481
+ fr: 60,
2482
+ op: 90,
2483
+ ip: 0,
2484
+ assets: []
2485
+ };
2486
+
2487
+ const CustomLoader = ({ loading, brandName }) => {
1983
2488
  const { theme, mode } = useTheme();
1984
2489
  const styles = createStyles$3(theme);
1985
2490
  if (!loading) return null;
@@ -1988,7 +2493,7 @@ const CustomLoader = ({ loading }) => {
1988
2493
  LottieView,
1989
2494
  {
1990
2495
  style: styles.loader,
1991
- source: mode === "dark" ? LOADER_LIGHT : LOADER_DARK,
2496
+ source: brandName === "DP" ? DEFAULT_LOADER : mode === "dark" ? LOADER_LIGHT : LOADER_DARK,
1992
2497
  autoPlay: true,
1993
2498
  loop: true
1994
2499
  }